.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;border:1px solid transparent;padding:.65rem 1.15rem;font-weight:700;font-size:.95rem;transition:background .2s,transform .2s}
.button:active{transform:scale(.97)}
.button-primary{background:var(--primary);color:var(--primary-on)}
.button-primary:hover{background:var(--primary-hover)}
.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}
.button-secondary:hover{border-color:var(--primary);color:var(--primary)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);padding:.25rem .65rem;color:var(--primary);font-size:.78rem;font-weight:700}
.notice{border-left:4px solid var(--primary);padding:1rem;background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700}
.status::before{content:'';width:.55rem;height:.55rem;border-radius:50%;background:currentColor}
.status--taken{color:var(--danger)}
.status--available{color:var(--success)}
.status--unknown{color:var(--gray)}
.text-link{color:var(--primary);font-weight:700}
.content-page{max-width:760px}
.content-page h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.06em;line-height:1.15}
.content-page h2{font-size:1.4rem;margin-top:2.8rem;letter-spacing:-.03em}
.content-page p,.content-page li{color:var(--muted);margin-top:1rem}
.content-page ul{list-style:disc;padding-left:1.25rem}
.faq-list{display:grid;gap:.75rem;margin-top:2rem}
.faq-list details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.2rem}
.faq-list summary{font-weight:700;cursor:pointer}
.faq-list p{margin-bottom:.25rem}
.link-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.link-card-grid--two-up{grid-template-columns:repeat(2,1fr)}
.link-card{display:block;padding:1.35rem;color:var(--text);transition:border-color .2s,transform .2s,box-shadow .2s}
.link-card:hover{border-color:var(--primary);box-shadow:0 12px 28px rgb(43 110 243 / 12%);transform:translateY(-2px)}
.link-card h3{font-size:1.05rem}
.link-card p{margin-top:.5rem;color:var(--muted);font-size:.92rem}
@media(max-width:760px){.link-card-grid,.link-card-grid--two-up{grid-template-columns:1fr}}