:root { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #232628; background: #f7f6f2; font-synthesis: none; --accent: #e32330; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
.topbar { max-width: 1080px; margin: auto; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #deded7; gap: 20px; }
.brand { text-decoration: none; font-weight: 800; font-size: 22px; letter-spacing: -.7px; line-height: 1; }
.brand span { display: block; color: var(--accent); }
.case { font-size: 13px; color: #636761; }
.shell { max-width: 1080px; margin: auto; padding: 72px 32px 40px; }
.eyebrow { color: #686b66; font-size: 13px; font-weight: 650; margin-bottom: 22px; }
h1 { font-size: clamp(38px, 6vw, 68px); letter-spacing: -2.5px; line-height: 1.06; margin: 0 0 24px; font-weight: 750; }
.intro { max-width: 590px; font-size: 18px; line-height: 1.6; color: #5d625b; margin: 0 0 40px; }
.choices { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.choice { position: relative; padding: 26px; background: #fff; border: 1px solid #dddfd7; border-radius: 14px; text-decoration: none; min-height: 180px; }
.choice:hover { border-color: var(--accent); }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.number { font-size: 13px; color: #73796d; }
h2 { font-size: 24px; margin: 24px 0 8px; letter-spacing: -.5px; }
.choice p { font-size: 15px; color: #666b62; margin: 0; padding-right: 12px; }
.arrow { position: absolute; top: 20px; right: 24px; font-size: 26px; color: var(--accent); }
.notice { margin-top: 32px; font-size: 13px; line-height: 1.6; color: #6e736a; }
.back { display: inline-block; margin-bottom: 38px; font-size: 14px; text-decoration: none; }
.empty { border: 1px dashed #cbd0c2; border-radius: 14px; min-height: 220px; display: grid; align-content: center; justify-items: center; padding: 24px; text-align: center; color: #697161; }
.empty-mark { font-size: 40px; color: var(--accent); }
@media (max-width: 560px) { .topbar { padding: 22px; } .shell { padding: 44px 22px 28px; } .brand { font-size: 20px; } .choices { grid-template-columns: 1fr; } .choice { min-height: 165px; } h1 { letter-spacing: -1.5px; } .intro { font-size: 16px; margin-bottom: 30px; } }