.snav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:8px;padding:8px 12px;background:#fbf4e6ee;border-bottom:1px solid #e8c48f}
.sb{display:inline-block;background:#fff8ec;border:2px solid #e8c48f;border-radius:999px;padding:6px 12px;color:#8a2c0d;text-decoration:none;font-weight:600;font-size:.9rem}
.feedb{background:#c2551c;border-color:#c2551c;color:#fff}.deeper{background:#6a3fa0;border-color:#6a3fa0;color:#fff}
.swrap{max-width:640px}.swrap h1{color:#8a2c0d}
.lead{line-height:1.5}.tl{color:#6a3fa0}.th{color:#1f5f7a}
.tabs{display:flex;gap:8px;margin:10px 0}.tab{flex:1;padding:10px;border-radius:12px;border:2px solid #e8c48f;background:#fff;font-weight:700;color:#6b2a0a;cursor:pointer}.tab.on{background:#c2551c;color:#fff;border-color:#c2551c}
.intro{background:#fff8ec;border:2px solid #e8c48f;border-radius:16px;padding:12px 14px}
.intro h2{margin:.2rem 0;color:#6a3fa0}
.site{background:#fff;border:2px solid #f0d9b5;border-radius:16px;padding:12px 14px;margin:12px 0;scroll-margin-top:60px}
.site h3{margin:.1rem 0;color:#8a2c0d}.place{color:#6b4a2b;font-size:.88rem;margin:.2rem 0 .5rem}
.legend{background:#f3ecfa;border-radius:10px;padding:8px 10px;margin:6px 0;line-height:1.5}
.hist{background:#eaf4f8;border-radius:10px;padding:8px 10px;margin:6px 0;line-height:1.5}
.why{line-height:1.5}.lists{font-size:.9rem}
.row{display:flex;flex-wrap:wrap;gap:8px}
.src{font-size:.82rem;overflow-wrap:anywhere}.src a,.foot a{color:#9a4b12}
.visit{margin:8px 0;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.04)}.visit summary{cursor:pointer;font-weight:700}.visit p{margin:6px 0;overflow-wrap:anywhere}
.pick,.sibs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.pick .sb,.sibs .sb{font-size:.85em}
.extra{margin:.7rem 0;padding:.7rem .8rem;border-radius:14px;background:rgba(255,255,255,.7);border-left:4px solid #c4561c}.extra h4{margin:0 0 .3rem}.extra p{margin:.3rem 0}.tl{margin:.3rem 0;padding-left:1.2rem}.tl li{margin:.2rem 0}
.arch{margin:.6rem 0;padding:.5rem .7rem;border-radius:14px;background:rgba(255,255,255,.7)}.arch summary{font-weight:700;cursor:pointer}.aplan{width:100%;height:auto;margin:.4rem 0}.aplan .ap{fill:#f6e3c6;stroke:#a86a2a}.aplan .ag{fill:#7a3a12;stroke:#4a1f06}.aplan .ad{fill:#f2c14e}.aplan .at{font-size:10px;font-weight:700;fill:#4a2a0a}.aplan .as{font-size:9px;fill:#6b4a2a}.anote{font-size:.9rem}
/* Tappable depth layers with a gentle fade. */
.lay{margin:6px 0;padding:0 10px;border-radius:12px;border:1px solid #f0d9b5;background:#fffaf2}.lay>summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer;color:#7a3b17}
.lay.hist{background:#eef6f9}.lay.legend{background:#f6f0fb;line-height:1.5}.lay p,.lay li{line-height:1.45}.lay ul{margin:4px 0 8px;padding-left:1.2rem}
.lay[open]>*:not(summary){animation:layfade .45s ease}@keyframes layfade{from{opacity:0}to{opacity:1}}
.flag{font-size:.88rem;color:#7a4a12}.tapme{cursor:pointer}.glimpse{margin:.2rem 0 .4rem}
@media (prefers-reduced-motion:reduce){.lay[open]>*:not(summary){animation:none}}