/* Shared reading layout; the original article content remains in WordPress. */
body.sos-guide-view #primary { margin: 0; }
body.sos-guide-view .entry-header { display: none; }
body.sos-guide-view .site-content .ast-container { max-width: none; padding: 0; }
body.sos-guide-view .ast-article-single { padding: 0; }
.sos-guide { --guide-navy:#00334a; --guide-orange:#fc4a14; --guide-light:#eef8fa; color:var(--guide-navy); background:linear-gradient(180deg,var(--guide-light),#fff 650px); padding:46px 7% 80px; }
.sos-guide *, .sos-guide *::before, .sos-guide *::after { box-sizing:border-box; }
.sos-guide-inner { max-width:1320px; margin:auto; }
.sos-guide a { text-decoration:none; }
.sos-guide a:hover { text-decoration:underline; text-underline-offset:4px; }
.sos-guide a:focus-visible { outline:3px solid var(--guide-orange); outline-offset:5px; }
.sos-guide-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:13px; margin-bottom:34px; }
.sos-guide-breadcrumbs a, .sos-guide-back { color:var(--guide-navy); }
.sos-guide-back { display:inline-flex; align-items:baseline; gap:10px; font-size:14px; font-weight:700; }
.sos-guide-back > span { color:var(--guide-orange); font-size:22px; }
.sos-guide-kicker { display:block; font-size:11px; font-weight:800; letter-spacing:1.4px; }
.sos-guide-hero { max-width:980px; padding-bottom:42px; }
.sos-guide-hero .sos-guide-kicker { margin:29px 0 16px; }
#page .sos-guide-hero h1 { color:var(--guide-navy); font-size:clamp(32px,4vw,56px); line-height:1.12; letter-spacing:-1.2px; margin:0 0 20px; overflow-wrap:anywhere; }
.sos-guide-lead { font-size:19px; line-height:1.6; max-width:760px; margin:0 0 18px; }
.sos-guide-date { color:#52717d; font-size:12px; margin:0; }
.sos-guide-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; align-items:start; gap:28px; }
.sos-guide-reader { min-width:0; padding:clamp(24px,3.5vw,48px); background:#fff; border:1px solid #d4e5ea; border-radius:20px; box-shadow:0 16px 45px #00334a08; font-size:17px; line-height:1.8; overflow-wrap:anywhere; }
.sos-guide-reader::after { content:""; display:block; clear:both; }
.sos-guide-reader :is(p,li,span) { font-family:inherit !important; text-align:left !important; }
.sos-guide-reader p { margin:0 0 1.3em; }
.sos-guide-reader :is(h2,h3,h4) { color:var(--guide-navy); line-height:1.3; margin:1.5em 0 .7em; }
.sos-guide-reader :is(ul,ol) { margin:0 0 1.4em 1.4em; }
.sos-guide-reader li { padding-left:5px; margin-bottom:.6em; }
.sos-guide-reader img { max-width:100%; height:auto; border-radius:8px; }
.sos-guide-reader a { color:var(--guide-navy); text-decoration:underline; text-decoration-color:var(--guide-orange); text-underline-offset:3px; }
.sos-guide-reader table { display:block; max-width:100%; overflow-x:auto; height:auto !important; }
.sos-guide-related { min-width:0; background:var(--guide-light); padding:27px 24px; border-radius:18px; border-top:4px solid var(--guide-orange); }
#page .sos-guide-related h2 { color:var(--guide-navy); font-size:25px; margin:12px 0 18px; }
.sos-guide-related nav a { display:flex; justify-content:space-between; gap:15px; padding:16px 0; border-top:1px solid #d4e5ea; color:var(--guide-navy); line-height:1.5; font-size:14px; font-weight:700; }
.sos-guide-related nav span { color:var(--guide-orange); }
.sos-guide-all { display:inline-block; color:var(--guide-orange); font-weight:800; font-size:14px; }
.sos-guide-related .sos-guide-all { margin-top:22px; }
.sos-guide-help { margin:44px 0 28px; padding:clamp(28px,4vw,48px); border-radius:20px; background:var(--guide-navy); display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:center; gap:40px; color:#fff; }
.sos-guide-help .sos-guide-kicker { color:#ffab8d; }
#page .sos-guide-help h2 { color:#fff; font-size:clamp(28px,3vw,39px); line-height:1.18; margin:17px 0; }
.sos-guide-help p { color:#c3dce4; line-height:1.7; margin:0; max-width:690px; }
.sos-guide-actions { display:flex; flex-direction:column; gap:18px; align-items:center; font-size:15px; font-weight:700; }
.sos-guide-actions a { color:#fff; text-align:center; }
.sos-guide-button { display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; border-radius:9px; background:var(--guide-orange); padding:17px 23px; }
.sos-guide-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; align-items:center; }
@media(max-width:1000px) { .sos-guide-layout { grid-template-columns:minmax(0,1fr); } .sos-guide-related nav { display:grid; grid-template-columns:1fr 1fr; gap:0 25px; } .sos-guide-help { grid-template-columns:minmax(0,1fr); gap:26px; } .sos-guide-actions { align-items:flex-start; } .sos-guide-button { max-width:360px; } }
@media(max-width:600px) { .sos-guide { padding:28px 20px 55px; } .sos-guide-breadcrumbs { margin-bottom:22px; } .sos-guide-reader { font-size:16px; padding:24px 20px; } .sos-guide-reader :is(.alignright,.alignleft) { float:none; display:block; margin:15px auto 25px; } .sos-guide-related nav { grid-template-columns:1fr; } .sos-guide-help { margin-top:28px; } .sos-guide-actions, .sos-guide-button { width:100%; max-width:none; } .sos-guide-bottom { align-items:flex-start; flex-direction:column; } }
