.site-main{max-width:680px;padding-bottom:16px}
.site-header{padding-top:10px;text-align:center}
.site-header [data-paper-boat]{max-width:260px;margin:auto}
.site-header .hero-art{height:126px}
.site-header h1{font-family:Caveat;font-weight:700;font-size:clamp(38px,8vw,48px);line-height:1.08;margin:5px 0 10px}
.site-header .subtitle{max-width:430px;margin-bottom:24px;font-weight:750}
.site-card{padding:22px;background:var(--surface);border:1px solid var(--soft-border);border-radius:18px;margin:14px 0}
.site-card h2{font-family:Caveat;font-size:29px;line-height:1.15;margin:0 0 12px;text-align:center;font-weight:700}
.site-card h3{font-size:15px;margin:20px 0 7px;font-weight:850}
.site-card p,.site-card li{font-size:14px;line-height:1.6;font-weight:750}
.site-card p{margin:9px 0}
.site-card ul,.site-card ol{padding-left:22px;margin:10px 0}
.site-card li+li{margin-top:6px}
.site-card a:not(.site-button){text-underline-offset:3px;overflow-wrap:anywhere}
.site-card details{border-top:1px solid var(--soft-border);padding:15px 0 0;margin-top:15px}
.site-card summary{cursor:pointer;font-size:14px;line-height:1.5;font-weight:850;padding:4px 0}
.site-card summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}
.site-button{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid transparent;border-radius:13px;padding:12px 16px;text-align:center;text-decoration:none;font-size:14px;font-weight:850;background:var(--accent);color:var(--button-ink)}
.site-button.secondary{background:var(--surface);border-color:var(--soft-border);color:var(--ink)}
.site-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.site-actions .site-button{flex:1;min-width:150px}
.site-centered{text-align:center}
.site-meta{font-size:12px;line-height:1.5;text-align:center;font-weight:800;opacity:.9;margin:18px 0}
.site-footer{max-width:680px;margin:auto;padding:16px 22px 28px;text-align:center;font-size:12px;font-weight:800}
.site-footer nav{display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap}
.site-footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.site-footer a[aria-current=page]{text-decoration-thickness:2px}
.site-top-link{font-size:13px;font-weight:850;text-decoration:none;padding:12px 0 12px 12px;white-space:nowrap}
@media(max-width:360px){.site-card{padding:18px 16px}.site-header .hero-art{height:112px}.site-top-link{font-size:12px}.site-actions{flex-direction:column}.site-actions .site-button{min-width:0}.site-footer{padding-inline:16px}}