/* November editorial guides: additive styles, existing site design remains shared. */
.soro-article .soro-hero-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:clamp(1.8rem,5vw,5rem);align-items:center;padding-block:clamp(2.3rem,4vw,4rem)}
.soro-article .soro-hero .hero-content {padding-block:0}
.soro-article .soro-hero .hero-visual {width:100%;height:auto;min-height:0}
.soro-article .soro-hero .hero-media {display:block;width:100%;height:100%;object-fit:cover}
.soro-article .soro-hero h1 {font-size:clamp(2.05rem,3.5vw,3.4rem);overflow-wrap:anywhere}
.soro-article .soro-hero .hero-lead {max-width:36rem;font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.65}
.soro-article .soro-body h2 {margin-top:2.7rem;scroll-margin-top:7rem}
.soro-article .soro-body h2:first-child {margin-top:0}
.soro-article .soro-body ul {padding-inline-start:1.25em}
.soro-article .soro-body li {margin-block:.4rem}
.soro-table {min-width:34rem}
.soro-table tbody th {background:transparent;color:var(--ink);font-weight:700;text-align:left}
.soro-faq {margin-top:1rem}
.soro-reading-more,.soro-sources {margin-top:2.6rem}
.soro-sources a,.soro-reading-more a,.soro-topic a,.soro-existing a {color:var(--accent-text);text-underline-offset:.18em}
.soro-end {display:flex;align-items:center;justify-content:space-between;gap:2rem}
.soro-end h2 {margin-bottom:.45rem}
.soro-end p:last-child {margin-bottom:0}
.soro-index {background:#fbf7ef;border-block:1px solid var(--line)}
.soro-index-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.75rem}
.soro-topic {padding:1.3rem 1.4rem;background:var(--paper);border:1px solid var(--line);border-radius:.85rem;color:var(--ink)}
.soro-topic h3 {font-size:1.36rem;color:var(--ink)}
.soro-topic ul {list-style:none;padding:0;margin:0}
.soro-topic li + li {border-top:1px solid var(--line)}
.soro-topic a {display:block;padding:.72rem 0;line-height:1.35}
.soro-topic a:hover {text-decoration-thickness:.14em}
@media (max-width:800px) {
 .soro-article .soro-hero-layout,.soro-index-grid {grid-template-columns:1fr}
 .soro-article .soro-hero .hero-visual {max-width:42rem;margin:0 auto}
 .soro-end {display:block}
 .soro-end .button {margin-top:1rem}
}
@media print {.soro-hero .hero-visual,.soro-end,.soro-index{display:none!important}}
