/* あなたに合う技術講座診断（shindan.html） */
.sd{--c-z:#8F9E5E;--c-n:#C45A3E;--c-c:#83A0AB}
.sd-hero{background:var(--navy);color:#fff;padding-block:clamp(48px,8vw,96px);position:relative;overflow:hidden}
.sd-hero::after{content:"";position:absolute;right:-90px;bottom:-90px;width:300px;aspect-ratio:1;border-radius:50%;background:#C45A3E;opacity:.9}
.sd-hero .wrap{position:relative;z-index:1;display:grid;gap:20px;justify-items:start}
.sd-hero h1{font-size:clamp(2rem,6vw,3.4rem);font-weight:900;letter-spacing:.06em;line-height:1.35;color:#fff}
.sd-lead{max-width:34em;color:#C9D2E4}
.sd-lead b{color:#fff}
.sd-courses{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sd-courses li{font-size:.85rem;font-weight:700;padding:5px 14px;border-radius:999px;color:#fff}
.sd-courses .c-zenshin{background:var(--c-z)}
.sd-courses .c-naizo{background:var(--c-n)}
.sd-courses .c-cranio{background:var(--c-c)}
.cta-start{background:#fff;color:var(--navy);font-size:1.1rem;padding:16px 24px}
.cta-start small{color:var(--ink-soft)}

.sd-quiz,.sd-result{padding-block:clamp(48px,7vw,88px);scroll-margin-top:68px}
.sd-quiz .wrap,.sd-result .wrap{max-width:720px}
.sd-progress{height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.sd-progress span{display:block;height:100%;width:0;background:var(--navy);transition:width .3s}
.sd-step{margin-top:18px;font-size:.85rem;font-weight:700;color:var(--sun);letter-spacing:.1em}
.sd-q{margin-top:6px;font-size:clamp(1.4rem,3.6vw,1.9rem);letter-spacing:.04em}
.sd-options{margin-top:24px;display:grid;gap:12px}
.sd-option{font:inherit;text-align:left;display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:2px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font-size:1rem;font-weight:500;line-height:1.6;cursor:pointer;word-break:auto-phrase;transition:border-color .15s,background .15s,transform .15s}
.sd-option:hover{border-color:var(--navy);transform:translateY(-1px)}
.sd-option.is-picked{border-color:var(--navy);background:#E9ECF4}
.sd-mark{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-family:"Oswald",var(--f-body);font-weight:700}
.sd-back,.sd-retry{font:inherit;margin-top:20px;background:none;border:0;color:var(--ink-soft);text-decoration:underline;cursor:pointer;padding:8px 0}

.sd-result .wrap{display:grid;gap:14px}
.sd-result-kicker{justify-self:start;font-size:.8rem;font-weight:700;letter-spacing:.2em;color:#fff;background:var(--navy);padding:4px 12px;border-radius:999px}
.sd-result-pre{color:var(--ink-soft)}
.sd-result-name{font-size:clamp(2.2rem,7vw,3.4rem);font-weight:900;letter-spacing:.06em;line-height:1.2}
.sd-result.c-zenshin .sd-result-name{color:#6F7F3E}
.sd-result.c-naizo .sd-result-name{color:#B8513A}
.sd-result.c-cranio .sd-result-name{color:#4F7482}
.sd-result-catch{font-family:var(--f-display);font-weight:700;font-size:1.15rem;line-height:1.7}
.sd-result-body{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:12px}
.sd-result-body p{color:var(--ink-soft)}
.sd-points{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sd-points li{padding-left:1.6em;position:relative;font-weight:500}
.sd-points li::before{content:"✓";position:absolute;left:0;color:var(--sun);font-weight:700}
.sd-actions{display:grid;gap:10px;margin-top:6px}
.sd-actions .cta-btn{width:100%}
.sd-others{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:10px}
.sd-others p{font-size:.85rem;color:var(--ink-soft)}
.sd-others > div{display:flex;flex-wrap:wrap;gap:10px}
.sd-other{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:2px solid var(--line);background:var(--paper);text-decoration:none;font-weight:700;color:var(--ink)}
.sd-other:hover{border-color:var(--navy)}
@media (prefers-reduced-motion:reduce){.sd-progress span,.sd-option{transition:none}}