/* SoT blog redesign — preview. Mobile first, no deps. Inter (OFL) self-hosted. */
@font-face{font-family:"SoT Inter";font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/inter-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"SoT Inter";font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/inter-latin-ext-wght.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.sot-bp{--navy:#0a1628;--navy2:#13284a;--ink:#14213a;--txt:#334155;--mute:#64748b;--line:#e2e8f0;--acc:#046bd2;--sky:#eaf3fc;--r:14px}
.sot-bp #content>.ast-container{display:block;max-width:none;padding:0}
.sot-bp .site-content{background:#fff}
.sot-bp-wrap{font-weight:400;font-feature-settings:"cv11","ss01";font-family:"SoT Inter",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--txt)}
.sot-bp-wrap h1,.sot-bp-wrap h2,.sot-bp-wrap h3,.sot-bp-wrap h4{font-family:"SoT Inter",Inter,system-ui,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.02em;color:var(--ink)}
.sot-bp-wrap img{max-width:100%;height:auto}
.sot-meta{font-size:13px;color:var(--mute);margin:0;display:flex;gap:6px;flex-wrap:wrap}
.sot-cat{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);text-decoration:none;margin-bottom:8px}
.sot-sec-title{font-size:22px;margin:0 0 18px}
/* cards */
.sot-grid{display:grid;gap:28px;grid-template-columns:1fr}
.sot-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:box-shadow .2s,transform .2s}
.sot-card:hover{box-shadow:0 10px 30px rgba(10,22,40,.10);transform:translateY(-2px)}
.sot-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sky)}
.sot-card-media img,.sot-card-img{width:100%;height:100%;object-fit:cover;display:block}
.sot-card-ph,.sot-ph{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#eef2f7 0 14px,#e6ebf2 14px 28px);color:#94a3b8;font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.sot-ph{aspect-ratio:16/9;border-radius:12px;width:100%}
.sot-ph-hero{border-radius:var(--r);background:repeating-linear-gradient(135deg,#1b2d4d 0 14px,#16284a 14px 28px);color:#7d8fb0}
.sot-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.sot-card-title{font-weight:500;font-size:19px;line-height:1.3;margin:0 0 8px}
.sot-card-title a{color:var(--ink);text-decoration:none}
.sot-card-title a:hover{color:var(--acc)}
.sot-card-ex{font-size:15px;line-height:1.55;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sot-card .sot-meta{margin-top:auto}
/* index */
.sot-ix-head{background:var(--navy);color:#cbd5e1;padding:44px 20px 30px}
.sot-ix-in,.sot-ix-body{max-width:1200px;margin:0 auto}
.sot-ix-body{padding:36px 20px 64px}
.sot-kicker{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7cb7f2;margin:0 0 10px}
.sot-kicker a{color:inherit;text-decoration:none}
.sot-bp-wrap .sot-ix-title{color:#fff;font-size:32px;line-height:1.15;margin:0 0 12px}
.sot-ix-sub{font-size:17px;line-height:1.6;max-width:640px;margin:0 0 24px;color:#cbd5e1}
.sot-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.sot-chips a{flex:none;font-size:14px;color:#e2e8f0;text-decoration:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;white-space:nowrap}
.sot-chips a:hover,.sot-chips a.is-on{background:#fff;color:var(--navy);border-color:#fff}
.sot-featured{margin-bottom:44px}
.sot-card-feat .sot-card-title{font-size:24px}
.sot-pager ul{list-style:none;display:flex;gap:8px;justify-content:center;margin:40px 0 0;padding:0}
.sot-pager a,.sot-pager span{display:block;padding:8px 14px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}
.sot-pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}
/* post hero */
.sot-hero{background:var(--navy);color:#cbd5e1;padding:28px 20px 32px}
.sot-hero-in{max-width:1200px;margin:0 auto;display:grid;gap:26px}
.sot-crumbs{font-size:13px;display:flex;gap:8px;margin-bottom:14px}
.sot-crumbs a{color:#7cb7f2;text-decoration:none;font-weight:600}
.sot-bp-wrap .sot-title{color:#fff;font-size:30px;line-height:1.18;margin:0 0 14px}
.sot-dek{font-size:17px;line-height:1.6;margin:0 0 20px;color:#cbd5e1}
.sot-byline{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.45}
.sot-byline strong{color:#fff;font-weight:600}
.sot-avatar{font-family:"SoT Inter",Inter,sans-serif;flex:none;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}
.sot-hero-media{margin:0}
.sot-hero-media img{display:block;width:100%;border-radius:var(--r);aspect-ratio:16/9;object-fit:cover}
.sot-hero-media figcaption{font-size:13px;color:#94a3b8;margin-top:8px}
/* body */
.sot-body{max-width:740px;margin:0 auto;padding:32px 20px 24px}
.sot-toc{background:var(--sky);border-radius:var(--r);padding:16px 20px;margin-bottom:32px}
.sot-toc summary{font-weight:700;color:var(--ink);cursor:pointer;font-size:15px}
.sot-toc ol{margin:12px 0 0 18px;padding:0;font-size:15px;line-height:1.5}
.sot-toc li{margin:6px 0}
.sot-toc a{color:var(--txt);text-decoration:none}
.sot-toc a:hover{color:var(--acc);text-decoration:underline}
.sot-content{font-size:18px;line-height:1.7;color:#2b3648;letter-spacing:.003em}
.sot-content strong,.sot-content b{font-weight:600}
.sot-content p,.sot-content ul,.sot-content ol{margin:0 0 1.35em}
.sot-content li{margin:.35em 0}
.sot-content a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.sot-content h2{font-size:26px;line-height:1.25;margin:2.4em 0 .7em;padding-top:.2em;scroll-margin-top:90px}
.sot-content h2::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--acc);margin-bottom:14px}
.sot-content h3{font-size:20px;line-height:1.35;margin:1.6em 0 .5em}
.sot-content strong{color:var(--ink)}
.sot-content blockquote,.sot-content .wp-block-quote{margin:1.6em 0;padding:20px 22px;background:var(--sky);border:0;border-left:4px solid var(--acc);border-radius:0 var(--r) var(--r) 0;font-style:normal;font-size:17px;color:var(--ink)}
.sot-content blockquote p:last-child{margin-bottom:0}
.sot-content .wp-block-pullquote{border:0;border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);padding:24px 0;margin:2em 0;text-align:left}
.sot-content .wp-block-pullquote blockquote{background:none;border:0;padding:0;font-size:22px;line-height:1.45;font-weight:600}
.sot-content figure.wp-block-image{margin:2em auto;max-width:100%}
.sot-content figure.wp-block-image img{border-radius:12px;display:block;margin:0 auto}
.sot-content figcaption{font-size:14px;line-height:1.5;color:var(--mute);text-align:center;margin-top:10px}
.sot-content table{width:100%;border-collapse:collapse;font-size:16px}
.sot-content th,.sot-content td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.sot-content .wp-block-button__link{background:var(--acc);color:#fff;border-radius:999px;padding:12px 24px;text-decoration:none;font-weight:600;font-size:16px}
/* CTA */
.sot-cta{margin:48px 0 8px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#cbd5e1;border-radius:18px;padding:28px 24px;display:grid;gap:20px}
.sot-cta-kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7cb7f2;font-weight:600;margin:0 0 8px}
.sot-bp-wrap .sot-cta-title{color:#fff;font-size:24px;margin:0 0 10px}
.sot-cta p{margin:0;font-size:16px;line-height:1.6}
.sot-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.sot-btn{display:inline-block;border-radius:999px;padding:13px 24px;font-weight:600;font-size:16px;text-decoration:none;text-align:center}
.sot-btn-primary{background:#fff;color:var(--navy)}
.sot-btn-primary:hover{background:#e2e8f0;color:var(--navy)}
.sot-btn-ghost{border:1.5px solid rgba(255,255,255,.5);color:#fff}
.sot-btn-ghost:hover{border-color:#fff;color:#fff}
/* related */
.sot-related{max-width:1200px;margin:0 auto;padding:40px 20px 64px;border-top:1px solid var(--line)}
@media (min-width:700px){
  .sot-grid{grid-template-columns:repeat(2,1fr)}
  .sot-card-feat{flex-direction:row}
  .sot-card-feat .sot-card-media{flex:0 0 58%;aspect-ratio:auto;min-height:340px}
  .sot-card-feat .sot-card-body{padding:32px;justify-content:center}
  .sot-card-feat .sot-card-title{font-size:30px}
  .sot-card-feat .sot-card-ex{-webkit-line-clamp:4;font-size:16px}
}
@media (min-width:1000px){
  .sot-content,.sot-dek,.sot-ix-sub,.sot-card-ex,.sot-cta p{font-weight:350}
  .sot-grid{grid-template-columns:repeat(3,1fr)}
  .sot-ix-head{padding:64px 20px 40px}
  .sot-bp-wrap .sot-ix-title{font-size:44px}
  .sot-hero{padding:56px 20px 60px}
  .sot-hero-in{grid-template-columns:1fr 1fr;align-items:center;gap:56px}
  .sot-bp-wrap .sot-title{font-size:42px}
  .sot-body{padding-top:48px}
  .sot-content h2{font-size:30px}
  .sot-cta{grid-template-columns:1.5fr 1fr;align-items:center;padding:36px 40px}
  .sot-cta-btns{justify-content:flex-end}
}
/* full-bleed on single (Astra separate-container insets) */
.sot-bp #primary,.sot-bp .content-area{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
.sot-bp article.sot-post{margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
.sot-bp .sot-hero,.sot-bp .sot-ix-head{width:100vw;margin-left:calc(50% - 50vw)}
.sot-bp .site-content{overflow-x:clip}
@media (min-width:1000px){.sot-toc ol{columns:2;column-gap:32px}.sot-toc li{break-inside:avoid}}

/* figures + credits; portrait images: narrower, centred, never cropped */
.sot-content .sot-fig{margin:2.2em auto}
.sot-content .sot-fig img{width:100%;height:auto;border-radius:12px;display:block}
.sot-content .sot-portrait{max-width:440px}
.sot-content .sot-portrait img{max-height:78vh;width:auto;max-width:100%;margin:0 auto}
.sot-credit{display:block;font-size:12px;color:#94a3b8;margin-top:4px;letter-spacing:.01em}
.sot-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sot-hero-media .sot-credit{color:#7d8fb0}
.sot-bp .site-content,.sot-bp #content{padding-top:0!important;margin-top:0!important}
.sot-bp.single .site-main,.sot-bp.single #main{margin:0!important;padding:0!important}
.sot-bp .sot-content figure.sot-fig{background:none!important;box-shadow:none!important;padding:0!important;border:0!important;width:auto!important}
.sot-bp .sot-content figure.sot-portrait{max-width:440px!important;margin-left:auto!important;margin-right:auto!important}
.sot-bp .sot-content figure.sot-fig img{box-shadow:none!important}