* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #f6f1e9; color: #2a2420; font: 16px/1.6 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; padding: 24px; }
main { max-width: 560px; width: 100%; background: #fffdf9; border: 1px solid #e4dccf; border-radius: 14px; padding: 40px 40px 32px; }
.tag { display: inline-block; font-size: 13px; color: #4f8a5b; background: #eaf3ea; border-radius: 20px; padding: 2px 10px; margin-bottom: 18px; }
h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; font-size: 34px; line-height: 1.15; letter-spacing: -.5px; margin: 0 0 12px; }
p { margin: 0 0 14px; color: #4a413a; }
code { font-family: ui-monospace, Menlo, monospace; font-size: 14px; background: #efe8dc; border-radius: 4px; padding: 1px 6px; }
.count { font-family: Georgia, "Times New Roman", serif; font-size: 44px; line-height: 1; margin: 6px 0 4px; }
.note { background: #fff7e6; border: 1px solid #f0d9a8; border-radius: 8px; padding: 10px 14px; font-size: 14px; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 22px 0 0; padding-top: 18px; border-top: 1px solid #efe8dc; font-size: 14px; }
dt { color: #7a6f63; }
dd { margin: 0; }
footer { margin-top: 22px; font-size: 13px; color: #9a8f82; }