.so-detail{max-width:760px;margin:0 auto;padding:8px 20px 40px}.so-detail h1,.so-detail h2{width:auto;margin-left:0;margin-right:0}.so-crumb{font-size:.8rem;color:#94a3b8;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}.so-crumb a{color:var(--accent, #2a9d8f);text-decoration:none}.so-crumb a:hover{text-decoration:underline}.so-head{margin-bottom:18px}.so-head h1{font-size:1.55rem;color:#2c3e50;margin:0 0 6px;line-height:1.25}.so-h1-char{font-size:1.9rem;color:var(--accent, #2a9d8f)}.so-sub{margin:0;font-size:.92rem;line-height:1.6;color:#5a6b7b}.so-sub strong{color:#2c3e50}.so-stage{display:flex;flex-direction:column;align-items:center;gap:18px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:22px;margin-bottom:26px}.so-player{width:300px;max-width:78vw}.so-svg{display:block;width:100%;height:auto;aspect-ratio:1;background:repeating-linear-gradient(0deg,transparent 0,transparent 100%);background-color:#fcfcfd;border-radius:8px}.so-frame{fill:none;stroke:#e5ebf0;stroke-width:1.5}.so-cross{stroke:#e5ebf0;stroke-width:1;stroke-dasharray:4 5}.so-ghost .so-stroke{fill:none;stroke:#dfe6ec;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.so-ink .so-stroke{fill:none;stroke:#1f2d3a;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}.so-num{font-size:8px;fill:#d1495b;font-family:Quicksand,sans-serif;font-weight:700;dominant-baseline:text-after-edge}.so-controls{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.so-btn-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.so-btn{font-family:inherit;font-size:.85rem;padding:9px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#33475b;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.so-btn:hover:not(:disabled){border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.so-btn:disabled{opacity:.4;cursor:default}.so-btn-primary{background:var(--accent, #2a9d8f);color:#fff;border-color:var(--accent, #2a9d8f);font-weight:700;min-width:104px}.so-btn-primary:hover:not(:disabled){background:#248a7e;color:#fff}.so-progress{font-size:.82rem;color:#64748b;min-width:92px;text-align:center;font-variant-numeric:tabular-nums}.so-options{justify-content:space-between;gap:10px}.so-speed-group{display:flex;align-items:center;gap:5px}.so-opt-label{font-size:.78rem;color:#8a97a3;margin-right:2px}.so-chip{padding:7px 11px;font-size:.8rem}.so-chip.active{background:var(--accent, #2a9d8f);color:#fff;border-color:var(--accent, #2a9d8f)}.so-meta{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch;margin-bottom:22px}.so-info{flex:1 1 240px;border-collapse:collapse;font-size:.86rem}.so-info th,.so-info td{border:1px solid #e9edf1;padding:8px 12px;text-align:left}.so-info th{background:#f6f9f9;color:#55636f;width:42%;font-weight:600}.so-info td[lang=ja]{font-size:1.05rem}.so-info code{background:#f1f3f5;border-radius:4px;padding:1px 6px;font-size:.82rem}.so-practice-cta{flex:1 1 240px;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#eef6f5;border:1px solid #cfe6e2;border-radius:12px;text-decoration:none;color:inherit;transition:border-color .12s,box-shadow .12s}.so-practice-cta:hover{border-color:var(--accent, #2a9d8f);box-shadow:0 2px 10px #2a9d8f24}.so-cta-icon{flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;font-size:1.6rem;color:var(--accent, #2a9d8f)}.so-cta-body{display:flex;flex-direction:column;gap:3px}.so-cta-body strong{font-size:.92rem;color:#2c3e50}.so-cta-body span{font-size:.78rem;color:#5a6b7b;line-height:1.45}.so-cta-arrow{margin-left:auto;color:var(--accent, #2a9d8f);font-size:1.1rem}.so-guide-text{font-size:.9rem;line-height:1.75;color:#44515d;margin:0 0 26px}.so-guide-text strong{color:#2c3e50}.so-charnav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:30px}.so-charnav-link{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:84px;padding:10px 14px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff;text-decoration:none;color:#33475b;transition:border-color .12s}.so-charnav-next{align-items:center}a.so-charnav-link:hover{border-color:var(--accent, #2a9d8f)}.so-charnav-empty{visibility:hidden}.so-charnav-dir{font-size:.72rem;color:#94a3b8}.so-charnav-char{font-size:1.5rem;color:#2c3e50}.so-charnav-all{font-size:.82rem;color:var(--accent, #2a9d8f);text-decoration:none}.so-charnav-all:hover{text-decoration:underline}.so-related{margin-bottom:22px}.so-related h2{font-size:1.1rem;color:#2c3e50;margin:0 0 10px}.so-related ul{margin:0;padding-left:1.3em;list-style:disc}.so-related li{font-size:.88rem;line-height:1.7;color:#44515d}.so-related a{color:var(--accent, #2a9d8f)}.so-attribution{font-size:.76rem;color:#94a3b8;line-height:1.6;border-top:1px solid rgba(0,0,0,.07);padding-top:14px;margin:0}.so-attribution a{color:#7c8a97}@media (max-width: 520px){.so-options{flex-direction:column;align-items:stretch}.so-speed-group{justify-content:center}#so-toggle-nums{width:100%}}