/* Shared purpose and editorial features. All copy stays visible without JavaScript. */
#sariio-site .purpose-panel{position:relative;margin:22px 0 32px;padding:24px 26px 20px;background:#fff;border:2px solid var(--ink);border-left:9px solid var(--teal);box-shadow:5px 6px 0 var(--ink)}
#sariio-site .purpose-panel:after{content:"";position:absolute;right:0;top:0;width:24px;height:24px;background:linear-gradient(225deg,var(--teal) 48%,var(--ink) 49% 52%,var(--paper) 53%);pointer-events:none}
#sariio-site .purpose-panel .purpose-label{display:block;font:13px/1.5 'Special Elite',monospace;letter-spacing:.06em;color:var(--ink)}
#sariio-site .purpose-panel .purpose-statement{font:clamp(20px,2.2vw,26px)/1.5 'Special Elite',monospace;letter-spacing:0;color:var(--ink);margin:14px 0 20px}
#sariio-site .purpose-statement strong{font-weight:400;color:var(--ink);background:var(--coral);padding:.04em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:.08em .16em .1em .04em;text-shadow:none}
#sariio-site .purpose-wrap{padding:0 32px}
#sariio-site .insight-feature{--notebook-colour:var(--amber);position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;max-width:1110px;margin:42px auto 56px;border:2px solid var(--ink);background:#fff;box-shadow:7px 8px 0 var(--ink);color:var(--ink)}
#sariio-site .insight-blue{--notebook-colour:var(--blue)}
#sariio-site .insight-coral{--notebook-colour:var(--coral)}
#sariio-site .insight-teal{--notebook-colour:var(--teal)}
#sariio-site .insight-art{position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px;background:radial-gradient(var(--ink) .6px,transparent .9px) 0 0/9px 9px,var(--notebook-colour);border-right:2px solid var(--ink);min-width:0}
#sariio-site .insight-art a{display:block;transform:rotate(-2deg);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--paper)}
#sariio-site .insight-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--paper)}
#sariio-site .insight-sticker{align-self:center;margin-top:24px;padding:8px 12px;border:2px solid var(--ink);background:var(--paper);font:13px/1.5 'Special Elite',monospace;transform:rotate(2deg);text-align:center}
#sariio-site .insight-copy{position:relative;padding:32px;min-width:0}
#sariio-site .insight-copy:after{content:"";position:absolute;top:0;right:0;width:28px;height:28px;background:linear-gradient(225deg,var(--notebook-colour) 48%,var(--ink) 49% 52%,var(--paper) 53%)}
#sariio-site .insight-copy .insight-kicker{font:12px/1.5 'Special Elite',monospace;letter-spacing:.08em;margin:0 0 18px;color:var(--ink)}
#sariio-site .insight-copy .insight-title{font:clamp(27px,3vw,36px)/1.2 'Special Elite',monospace;letter-spacing:0;color:var(--ink);margin:0 0 22px}
#sariio-site .insight-copy p{font:18px/1.65 'DM Sans',sans-serif;color:var(--ink);margin:0 0 18px}
#sariio-site .insight-copy .insight-article-title{font:15px/1.5 'Special Elite',monospace;border-top:1px solid var(--ink);padding-top:18px;margin-top:24px}
#sariio-site a.notebook-tab{display:inline-flex;align-items:center;gap:12px;max-width:100%;min-height:48px;padding:11px 15px;border:2px solid var(--ink);background:var(--notebook-colour,var(--amber));box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:16px/1.4 'Special Elite',monospace;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
#sariio-site a.notebook-tab:hover{transform:translate(3px,-2px);box-shadow:0 5px 0 var(--ink)}
#sariio-site a.notebook-tab:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
#sariio-site .notebook-arrived{animation:notebook-arrive .5s ease-out both}
@keyframes notebook-arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(max-width:1180px){#sariio-site .insight-feature{margin-left:24px;margin-right:24px}#sariio-site .wrap>.insight-feature{margin-left:0;margin-right:0}}
@media(max-width:680px){#sariio-site .insight-feature{grid-template-columns:1fr;margin:30px 22px 42px;box-shadow:5px 6px 0 var(--ink)}#sariio-site .insight-art{border-right:0;border-bottom:2px solid var(--ink);padding:25px}#sariio-site .insight-art a{max-width:360px;width:100%;align-self:center}#sariio-site .insight-copy{padding:26px 22px}#sariio-site .purpose-wrap{padding:0 22px}#sariio-site .purpose-panel{padding:22px 18px}#sariio-site .purpose-panel .purpose-statement{font-size:21px}}
@media(prefers-reduced-motion:reduce){#sariio-site .notebook-arrived{animation:none}#sariio-site a.notebook-tab{transition:none}}

/* A coral marker stroke carries the purpose emphasis across every audience page. */
#sariio-site .purpose-panel a.notebook-tab{background:var(--coral);color:var(--ink);text-shadow:none}

/* Keep the complete payoff together, moving it to the next line when needed. */
#sariio-site .purpose-statement .purpose-payoff{display:inline-block;white-space:nowrap}
@media(max-width:680px){#sariio-site .purpose-statement .purpose-payoff{font-size:min(1em,5.4vw)}}