.sd .sd-hero{padding-bottom:1.5rem}
.sd-tool{max-width:960px;margin:0 auto 2.5rem;padding:0 1rem}
.sd-card{background:var(--card,var(--bg));border:1px solid var(--border);border-radius:18px;padding:1.25rem 1.25rem 1.5rem;box-shadow:0 20px 60px -30px rgba(37,99,235,.45),0 2px 6px rgba(0,0,0,.04)}
.sd-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.9rem}
.sd-head h2{margin:0;font-size:1.2rem}
.sd-meter{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(37,99,235,.06)}
.sd-meter a{font-weight:700;color:var(--accent)}
.sd-dots{display:inline-flex;gap:4px}.sd-dots i{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}.sd-dots i.used{background:var(--border)}
.sd-low{border-color:#d9770688;background:#d977061a}.sd-out{border-color:#dc262688;background:#dc26261a}
.sd-try{margin:.6rem 0 0;font-size:.85rem;color:var(--muted)}
.sd-chip{font:inherit;font-size:.8rem;border:1px dashed var(--border);background:none;color:inherit;border-radius:999px;padding:2px 10px;cursor:pointer}.sd-chip:hover{border-color:var(--accent);color:var(--accent)}
.sd-fine{max-width:760px;margin:1rem auto 0;text-align:center;font-size:.85rem}
.sd-done{text-align:center;padding:1.5rem 0}
.sd-wall{border:0;border-radius:20px;padding:0;max-width:440px;width:calc(100% - 2rem);background:var(--card,var(--bg));color:inherit;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.sd-wall::backdrop{background:rgba(10,15,30,.62);backdrop-filter:blur(4px)}
.sd-wall-in{padding:2rem 1.75rem 1.5rem;text-align:center}
.sd-wall-ic{width:56px;height:56px;margin:0 auto .8rem;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}
.sd-wall h2{margin:0 0 .5rem;font-size:1.35rem}.sd-wall p{margin:.4rem 0;color:var(--muted)}
.sd-wall-cta .btn{width:100%;padding:12px 16px;font-size:1rem;margin-top:.6rem}
.sd-wall-alt{font-size:.85rem}
.sd-link{font:inherit;background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;padding:0}
@media (max-width:600px){.topbar-actions .btn[href^="/about"]{display:none}.sd-card{padding:1rem}}

/* typewriter hero */
.sd-type .sd-caret{display:inline-block;width:.08em;min-width:3px;height:.95em;margin-left:.06em;vertical-align:-.1em;background:currentColor;animation:sdBlink 1s steps(1) infinite}
.sd-type:not(.sd-done-typing) .sd-caret{animation:none}
@keyframes sdBlink{50%{opacity:0}}
@media (prefers-reduced-motion: reduce){.sd-type .sd-caret{animation:none;opacity:.6}}