/* Shared article cards; colors follow the original SOS palette. */
.sos-latest { padding:80px 0; background:#fff; color:#00334a; }
#page .sos-latest > .sos-latest-inner { width:86%; max-width:1320px; margin:auto; }
.sos-latest-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:32px; }
.sos-latest-kicker { display:block; color:#00334a; font-size:12px; font-weight:800; letter-spacing:1.2px; margin-bottom:17px; }
.sos-latest-kicker::before { content:""; display:inline-block; width:8px; height:8px; background:#fc4a14; border-radius:50%; margin-right:10px; }
#page .sos-latest h2 { color:#00334a; font-size:clamp(34px,4vw,52px); line-height:1.12; letter-spacing:-1.5px; margin:0 0 17px; }
.sos-latest-head p { color:#52717d; font-size:17px; margin:0; line-height:1.7; }
#page .sos-latest-all { display:inline-flex; gap:12px; align-items:center; color:#fc4a14; font-weight:800; font-size:14px; text-decoration:none; white-space:nowrap; padding:12px 0; }
.sos-editorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sos-editorial-grid, .sos-editorial-grid * { box-sizing:border-box; }
.sos-editorial-card { display:flex; flex-direction:column; min-width:0; border:1px solid #d4e5ea; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 12px 30px #00334a08; }
.sos-editorial-card:hover { border-color:#9abcc8; box-shadow:0 15px 35px #00334a14; }
.sos-editorial-media { display:block; width:100%; aspect-ratio:16/10; overflow:hidden; background:#eef8fa; border-bottom:1px solid #e3edf0; }
#page .sos-editorial-media { text-decoration:none !important; }
.sos-editorial-media > img { display:block; width:100%; height:100%; object-fit:contain; padding:12px; margin:0; }
.sos-editorial-placeholder { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; width:100%; height:100%; background:#00334a; color:#fff; overflow:hidden; }
.sos-editorial-placeholder::after { content:""; position:absolute; width:190px; height:190px; right:-85px; top:-75px; border:32px solid #fc4a14; border-radius:50%; opacity:.9; }
.sos-editorial-placeholder > strong { color:#fff; font-size:64px; line-height:1; letter-spacing:-4px; }
.sos-editorial-placeholder > span { color:#c3dce4; font-size:10px; font-weight:800; letter-spacing:1.1px; }
.sos-editorial-card-body { display:flex; flex-direction:column; flex:1; padding:24px; min-width:0; }
.sos-editorial-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px 14px; color:#52717d; font-size:12px; line-height:1.5; margin-bottom:15px; }
#page .sos-editorial-meta a { color:#00334a; background:#eef8fa; padding:4px 9px; border-radius:6px; font-weight:700; text-decoration:none; }
#page .sos-editorial-card h3 { color:#00334a; font-size:23px; line-height:1.3; margin:0 0 15px; letter-spacing:-.35px; }
#page .sos-editorial-card h3 > a { color:#00334a; text-decoration:none; }
#page .sos-editorial-card h3 > a:hover { color:#00334a; text-decoration:underline; text-decoration-color:#fc4a14; text-underline-offset:4px; }
.sos-editorial-card-body > p { color:#52717d; font-size:15px; line-height:1.75; margin:0 0 20px; }
#page .sos-editorial-read { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:auto; padding-top:18px; border-top:1px solid #e3edf0; color:#00334a; font-size:14px; font-weight:800; text-decoration:none; }
.sos-editorial-read > span { color:#fc4a14; font-size:22px; }
.sos-editorial-card a:focus-visible, .sos-latest-all:focus-visible { outline:3px solid #fc4a14; outline-offset:-3px; }
.sos-article-view .entry-footer, .sos-article-view article.type-post > .post-thumb { display:none; }
#page .sos-article { width:100%; max-width:none; margin:0; }
#page .sos-article > .sos-guide-inner { width:100%; max-width:1320px; margin-inline:auto; }
body.sos-article-view #page .post-navigation { width:86%; max-width:1320px; margin:0 auto 60px; padding:24px; border:1px solid #d4e5ea; border-radius:16px; background:#fff; }
body.sos-article-view #page .post-navigation a { color:#00334a; text-decoration:none; }
.sos-article-meta { display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:#52717d; font-size:13px; }
.sos-article-meta > time { margin-right:8px; }
#page .sos-article-meta a, #page .sos-article-tags a { display:inline-block; padding:6px 10px; border:1px solid #d4e5ea; border-radius:8px; background:#fff; color:#00334a; font-size:12px; font-weight:700; text-decoration:none; }
.sos-article-tags { display:flex; flex-wrap:wrap; gap:8px; clear:both; padding-top:25px; border-top:1px solid #d4e5ea; margin-top:30px; }
.sos-article .sos-guide-reader > :first-child { margin-top:0; }
.sos-article .sos-guide-reader :is(figure,.wp-block-image,.wp-block-gallery,.wp-caption) { max-width:100%; }
.sos-article .sos-guide-reader iframe { max-width:100%; }
.sos-article .sos-guide-reader img { max-width:100%; height:auto; }
.sos-article .sos-guide-reader :is(h2,h3,h4) { overflow-wrap:anywhere; }
@media(max-width:1050px) { .sos-editorial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sos-editorial-grid--home > .sos-editorial-card:last-child { grid-column:1/-1; } .sos-editorial-grid--home > .sos-editorial-card:last-child .sos-editorial-media { aspect-ratio:3/1; } }
@media(max-width:650px) { .sos-latest { padding:60px 0; } #page .sos-latest > .sos-latest-inner { width:calc(100% - 48px); } .sos-latest-head { display:block; } #page .sos-latest-all { margin-top:15px; } .sos-editorial-grid { grid-template-columns:minmax(0,1fr); gap:20px; } .sos-editorial-grid--home > .sos-editorial-card:last-child { grid-column:auto; } .sos-editorial-grid--home > .sos-editorial-card:last-child .sos-editorial-media { aspect-ratio:16/10; } .sos-editorial-card-body { padding:22px; } #page .sos-editorial-card h3 { font-size:22px; } }