/* CSRI 2026 — homepage layer (Variation A · Broadsheet), built from the Claude Design project "CSRI 2026 Design System".
   Loaded only on pages flagged with the _csri_2026 meta (see inc/csri-2026.php). Fonts are enqueued separately. */

/* ---------- Tokens: colours ---------- */
:root{
--c-concrete-5:#0d0d0d;--c-concrete-10:#1a1a1a;--c-concrete-20:#333333;--c-concrete-35:#595959;--c-concrete-55:#8c8c8c;--c-concrete-70:#b3b3b3;--c-concrete-85:#d9d9d9;--c-concrete-95:#f2f2f2;--c-concrete-98:#fafafa;--c-concrete-100:#ffffff;
--c-azure-20:#1c304a;--c-azure-30:#2a486f;--c-azure-40:#386094;--c-azure-50:#4678b9;--c-azure-65:#7ea0ce;--c-azure-78:#aec4e0;--c-azure-90:#dae4f1;--c-azure-95:#edf1f8;
--c-moss-25:#295729;--c-moss-35:#397939;--c-moss-44:#489948;--c-moss-55:#63b663;--c-moss-70:#97ce97;--c-moss-90:#dcefdc;--c-moss-95:#eef7ee;
--c-lime-45:#b7cc19;--c-lime-56:#d2e637;--c-lime-70:#e0ee77;--c-lime-85:#f0f7bb;--c-lime-93:#f8fbdf;
--c-cobalt-20:#003166;--c-cobalt-30:#004a99;--c-cobalt-45:#006fe6;--c-cobalt-50:#007bff;--c-cobalt-60:#3396ff;--c-cobalt-90:#cce5ff;--c-cobalt-95:#e5f2ff;
--c-verdigris-19:#0c5540;--c-verdigris-32:#148f6c;--c-verdigris-45:#1dc998;--c-verdigris-55:#36e2b2;--c-verdigris-90:#d2f9ee;--c-verdigris-95:#e9fcf6;
--c-brass-45:#e2b203;--c-brass-55:#fccb1d;--c-brass-65:#fcd74f;--c-brass-75:#fde281;--c-brass-90:#fef4cd;
--c-terracotta-55:#f97a1f;--c-terracotta-65:#fb9851;--c-terracotta-75:#fcb583;--c-terracotta-90:#fee1cd;
--c-slate-7:#070a1d;--c-slate-12:#0c1232;--c-slate-20:#131e53;--c-slate-30:#1d2d7c;--c-slate-45:#2c43ba;--c-slate-55:#455dd3;--c-slate-90:#d6dbf5;--c-slate-95:#eaedfa;
--c-oat-85:#e8dbc9;--c-oat-90:#f0e7db;--c-oat-93:#f4eee6;--c-oat-96:#f9f5f1;

/* ---------- Tokens: typography ---------- */
--font-serif:"Source Serif 4",Charter,"Iowan Old Style","Calisto MT",Georgia,serif;
--font-sans:"Public Sans",Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--type-base:1rem;--type-n3:0.7023rem;--type-n2:0.7901rem;--type-n1:0.8889rem;--type-0:1.0000rem;--type-1:1.1250rem;--type-2:1.2656rem;--type-3:1.4238rem;--type-4:1.6018rem;--type-5:1.8020rem;--type-6:2.0273rem;--type-7:2.2807rem;--type-8:2.5658rem;--type-9:2.8865rem;--type-10:3.2473rem;--type-11:3.6532rem;--type-12:4.1099rem;--type-13:4.6236rem;
--leading-tight:1.1;--leading-upper:1.2;--leading-mid:1.35;--leading-lower:1.55;
--tracking-label:0.09em;--tracking-tight:-0.015em;--measure:34rem;

/* ---------- Tokens: spacing, shape, motion ---------- */
--sp-3xs:2px;--sp-2xs:4px;--sp-xs:6px;--sp-s:10px;--sp-m:16px;--sp-l:26px;--sp-xl:42px;--sp-2xl:68px;--sp-3xl:110px;--sp-4xl:178px;
--motion-fast:0.13s ease-in-out;--motion-hover:0.35s cubic-bezier(.2,.7,.3,1);--shape-notch:42px;--radius:0;

/* ---------- Semantics (light) ---------- */
--surface:var(--c-oat-96);--surface-raised:var(--c-concrete-100);--surface-sunken:var(--c-oat-93);--surface-inverse:var(--c-slate-7);
--text-primary:var(--c-concrete-10);--text-secondary:var(--c-concrete-35);--text-inverse:var(--c-oat-93);--text-accent:var(--c-azure-40);--on-accent:var(--c-concrete-100);
--eyebrow:var(--c-azure-40);--dropcap:var(--c-azure-40);--link:var(--c-azure-30);
--rule-hairline:0.0625rem solid var(--c-concrete-85);--rule-emphasised:0.0625rem solid var(--c-concrete-10);--rule-heavy:0.25rem solid var(--c-concrete-10);--rule-accent:0.25rem solid var(--c-azure-50);
--focus-ring:var(--c-azure-50);
}

/* ---------- Base (scoped to CSRI 2026 pages) ---------- */
body.csri-2026{background:var(--surface);color:var(--text-primary)}
.csri-page{font-family:var(--font-serif);font-size:var(--type-1);line-height:var(--leading-lower);color:var(--text-primary);-webkit-font-smoothing:antialiased;padding-bottom:var(--sp-3xl)}
.csri-page *,.csri-page *::before,.csri-page *::after{box-sizing:border-box}
.csri-page img{max-width:100%;display:block}
.csri-page a{color:var(--link);text-underline-offset:2px}
.csri-page a:hover{color:var(--text-accent)}
.csri-page :where(a):focus-visible,.csri-page :where(button):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.csri-page p{margin:0}
.csri-page h1,.csri-page h2,.csri-page h3,.csri-page h4{margin:0;text-transform:none}

/* ---------- Elementor integration ----------
   Containers carrying .csri-e are layout shells only: Elementor padding/gap are zeroed and the design classes take over. */
.csri-page .e-con.csri-e{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px}
.csri-page .e-con.csri-wrap{max-width:76rem;width:100%;margin-inline:auto;padding-inline:var(--sp-m)}
@media (min-width:768px){.csri-page .e-con.csri-wrap{padding-inline:var(--sp-l)}}
@media (min-width:1280px){.csri-page .e-con.csri-wrap{padding-inline:var(--sp-xl)}}
.csri-page .e-con.csri-section{margin-top:var(--sp-2xl)}
.csri-page .e-con.hA-top{display:grid!important}
.csri-page .elementor-widget-text-editor,.csri-page .elementor-widget-shortcode,.csri-page .elementor-widget-html{font:inherit;color:inherit;margin:0}
.csri-page .elementor-widget-container{margin:0;padding:0}
.csri-page .elementor-shortcode{display:contents}

/* ---------- Layout ---------- */
.csri-page .csri-wrap{max-width:76rem;margin:0 auto;padding-inline:var(--sp-m)}
@media (min-width:768px){.csri-page .csri-wrap{padding-inline:var(--sp-l)}}
@media (min-width:1280px){.csri-page .csri-wrap{padding-inline:var(--sp-xl)}}
.csri-page .csri-section{margin-top:var(--sp-2xl)}
.csri-page .csri-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Labels ---------- */
.csri-page .csri-eyebrow{font-family:var(--font-mono);font-size:var(--type-n1);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--eyebrow);text-decoration:none}
.csri-page a.csri-eyebrow{color:var(--eyebrow);text-decoration:none}
.csri-page .csri-eyebrow--dot::before{content:"";display:inline-block;width:7px;height:7px;background:var(--text-accent);margin-right:var(--sp-xs);vertical-align:1px}
.csri-page .csri-meta{font-family:var(--font-mono);font-size:var(--type-n1);color:var(--text-secondary);letter-spacing:.02em}
.csri-page .csri-meta a{color:inherit;text-decoration:none}.csri-page .csri-meta a:hover{color:var(--text-accent)}
.csri-page .csri-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--type-n2);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--sp-3xs) var(--sp-xs);background:var(--text-accent);color:var(--on-accent);vertical-align:middle;line-height:var(--leading-mid)}
.csri-page .csri-tag--outline{background:transparent;color:var(--text-accent);border:.0625rem solid currentColor}
.csri-page .csri-tag--quiet{background:var(--surface-sunken);color:var(--text-secondary)}
.csri-page .csri-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-m);border-top:var(--rule-accent);border-bottom:var(--rule-hairline);padding:var(--sp-s) 0;margin-bottom:var(--sp-l)}
.csri-page .csri-bar--heavy{border-top:var(--rule-heavy)}

/* ---------- Actions ---------- */
.csri-page .csri-btn{display:inline-block;font-family:var(--font-sans);font-size:var(--type-0);font-weight:500;line-height:var(--leading-mid);padding:var(--sp-s) var(--sp-l);border:.0625rem solid transparent;border-radius:0;text-decoration:none;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast);white-space:nowrap}
.csri-page a.csri-btn--primary,.csri-page .csri-btn--primary{background:var(--text-accent);color:var(--on-accent);text-decoration:none}
.csri-page a.csri-btn--primary:hover,.csri-page .csri-btn--primary:hover{background:var(--text-primary);color:var(--surface)}
.csri-page a.csri-btn--secondary,.csri-page .csri-btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--text-primary)}
.csri-page a.csri-btn--secondary:hover,.csri-page .csri-btn--secondary:hover{background:var(--text-primary);color:var(--surface)}
.csri-page .csri-btn--small{font-size:var(--type-n1);padding:var(--sp-xs) var(--sp-m)}
.csri-page .csri-arrow{display:inline-flex;align-items:center;gap:var(--sp-xs);font-family:var(--font-mono);font-size:var(--type-n1);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-accent);text-decoration:none}
.csri-page a.csri-arrow{color:var(--text-accent);text-decoration:none}
.csri-page .csri-arrow::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 14 L14 4 M6.5 4 H14 V11.5' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 14 L14 4 M6.5 4 H14 V11.5' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--motion-fast)}
.csri-page a.csri-arrow:hover{color:var(--text-primary)}.csri-page .csri-arrow:hover::after{transform:translate(4px,-4px)}

/* ---------- Story atoms ---------- */
.csri-page .csri-h{font-family:var(--font-serif);font-weight:700;line-height:var(--leading-upper);letter-spacing:var(--tracking-tight);margin:0;text-wrap:balance;color:var(--text-primary)}
.csri-page .csri-h a{color:inherit;text-decoration:none;transition:color var(--motion-fast)}
.csri-page .csri-h a:hover{color:var(--text-accent)}
.csri-page .csri-h--m{font-size:var(--type-4)}
.csri-page .csri-h--s{font-size:var(--type-2)}
.csri-page .csri-dek{font-family:var(--font-sans);font-size:var(--type-1);line-height:var(--leading-lower);color:var(--text-secondary);margin:0;max-width:var(--measure);text-wrap:pretty}
.csri-page .csri-dek--s{font-size:var(--type-n1);line-height:var(--leading-mid)}
.csri-page .csri-media--ph{background:linear-gradient(180deg,#0b1c3a 0%,#14315e 42%,#6b2f1e 68%,#c4551f 84%,#1b2740 100%)}
.csri-page .csri-media--ph2{background:linear-gradient(160deg,#0c1232 0%,#1d2d7c 50%,#295729 100%)}
.csri-page .csri-media--ph3{background:linear-gradient(200deg,#070a1d 0%,#2a486f 55%,#97ce97 100%)}
.csri-page .csri-frame{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface-sunken)}
.csri-page .csri-frame.csri-media--ph{background:linear-gradient(180deg,#0b1c3a 0%,#14315e 42%,#6b2f1e 68%,#c4551f 84%,#1b2740 100%)}
.csri-page .csri-frame.csri-media--ph2{background:linear-gradient(160deg,#0c1232 0%,#1d2d7c 50%,#295729 100%)}
.csri-page .csri-frame.csri-media--ph3{background:linear-gradient(200deg,#070a1d 0%,#2a486f 55%,#97ce97 100%)}
.csri-page .csri-frame img{width:100%;height:100%;object-fit:cover;display:block}
.csri-page .csri-credit{font-family:var(--font-mono);font-size:var(--type-n3);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);text-align:right;margin-top:var(--sp-2xs)}
.csri-page .csri-story{display:flex;flex-direction:column;gap:var(--sp-s);border-top:var(--rule-emphasised);padding-top:var(--sp-s);min-width:0}
.csri-page .csri-kicker{display:flex;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-s);align-items:center}
.csri-page .csri-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--sp-xl) var(--sp-l)}

/* ---------- Members panel ---------- */
.csri-page .csri-notch{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--shape-notch)),calc(100% - var(--shape-notch)) 100%,0 100%)}
.csri-page .csri-members{padding:var(--sp-xl);display:flex;flex-direction:column;gap:var(--sp-m)}
.csri-page .csri-members .csri-price{font-family:var(--font-serif);font-weight:700;font-size:var(--type-11);line-height:1;letter-spacing:var(--tracking-tight)}
.csri-page .csri-members .csri-price small{font-family:var(--font-mono);font-size:var(--type-n1);font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase;margin-left:var(--sp-xs)}
.csri-page .csri-benefits{list-style:none;margin:0;padding:0;font-family:var(--font-sans);font-size:var(--type-n1);line-height:var(--leading-mid)}
.csri-page .csri-benefits li{list-style:none;padding:var(--sp-xs) 0;border-top:.0625rem solid var(--c-slate-20);display:flex;gap:var(--sp-s);margin:0}
.csri-page .csri-benefits li::before{content:"";flex:none;width:7px;height:7px;margin-top:.5em;background:var(--c-lime-56)}
.csri-page .csri-members .csri-signin{font-family:var(--font-sans);font-size:var(--type-n1);color:var(--c-oat-85)}
.csri-page .csri-members--quiet{background:var(--surface-sunken);color:var(--text-primary);border-top:var(--rule-accent);padding:var(--sp-l);gap:var(--sp-s)}
.csri-page .csri-members--quiet .csri-price{font-size:var(--type-8)}
.csri-page .csri-members--quiet .csri-benefits li{border-top:var(--rule-hairline)}
.csri-page .csri-members--quiet .csri-benefits li::before{background:var(--text-accent)}
.csri-page .csri-members--quiet .csri-signin{color:var(--text-secondary)}
.csri-page .csri-members--quiet .csri-signin a{color:var(--link)}

/* ---------- Ad slot ---------- */
.csri-page .csri-ad{display:grid;place-items:center;gap:var(--sp-2xs);border-top:var(--rule-hairline);border-bottom:var(--rule-hairline);padding:var(--sp-s) 0}
.csri-page .csri-ad-creative{width:100%;display:flex;justify-content:center;line-height:normal;font:revert;letter-spacing:normal;text-transform:none;color:revert}
.csri-page .csri-ad-creative img,.csri-page .csri-ad-creative iframe{max-width:100%;height:auto}
.csri-page .csri-ad .csri-ad-label{font-family:var(--font-mono);font-size:var(--type-n3);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}

/* ---------- Topic sections (category rails) ---------- */
.csri-page .csri-topic-head{display:flex;align-items:center;gap:var(--sp-l);margin-bottom:var(--sp-l)}
.csri-page .csri-topic-head .csri-h{font-size:clamp(var(--type-7),4.4vw,var(--type-11));line-height:1;flex:none}
.csri-page .csri-topic-head::after{content:"";order:1;flex:1;border-top:var(--rule-emphasised)}
.csri-page .csri-topic-head .csri-arrow{order:2;flex:none}
.csri-page .csri-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--sp-l);row-gap:0}
.csri-page .csri-topic-item{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-s);padding:var(--sp-m) 0 var(--sp-l);border-bottom:var(--rule-hairline);position:relative}
.csri-page .csri-topic-item:not(:nth-child(4n+1))::before{content:"";position:absolute;left:calc(var(--sp-l) / -2);top:var(--sp-m);bottom:var(--sp-m);border-left:var(--rule-hairline)}
.csri-page .csri-topic-item:nth-last-child(-n+4){border-bottom:0}
.csri-page .csri-topic-item .csri-h{font-size:var(--type-3);font-weight:600;line-height:var(--leading-upper)}
.csri-page .csri-topic-meta{display:flex;align-items:center;gap:var(--sp-s);min-height:32px}
.csri-page .csri-topic-meta .csri-meta{text-transform:uppercase;letter-spacing:var(--tracking-label);font-size:var(--type-n2)}
/* Save control: Foxiz's own bookmark trigger (persists to My Saved), restyled to the design's ribbon. */
.csri-page .csri-save{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;color:var(--text-secondary);transition:color var(--motion-fast)}
.csri-page .csri-save:hover{color:var(--text-accent)}
.csri-page .csri-save .rb-bookmark{display:grid;place-items:center;width:32px;height:32px;cursor:pointer;color:inherit;font-size:16px;line-height:1}
@media (max-width:991px){.csri-page .csri-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csri-page .csri-topic-item::before{display:none}.csri-page .csri-topic-item:nth-child(2n)::before{display:block}.csri-page .csri-topic-item:nth-last-child(-n+4){border-bottom:var(--rule-hairline)}.csri-page .csri-topic-item:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:567px){.csri-page .csri-topic-grid{grid-template-columns:1fr}.csri-page .csri-topic-item:nth-child(2n)::before{display:none}.csri-page .csri-topic-item:nth-last-child(-n+2){border-bottom:var(--rule-hairline)}.csri-page .csri-topic-item:last-child{border-bottom:0}.csri-page .csri-topic-head .csri-arrow{display:none}}

/* ---------- Homepage A · Broadsheet ---------- */
.csri-page .hA-top{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:var(--sp-xl);margin-top:var(--sp-xl);align-items:start}
.csri-page .hA-lead{display:grid;gap:var(--sp-m)}
.csri-page .hA-lead .csri-h{font-size:clamp(var(--type-8),4.6vw,var(--type-12));line-height:var(--leading-tight)}
.csri-page .hA-lead .csri-dek{font-size:var(--type-2);max-width:40rem}
.csri-page .hA-side{display:grid;gap:var(--sp-l)}
@media (max-width:991px){.csri-page .hA-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-l)}.csri-page .hA-side .csri-members{padding:var(--sp-l)}.csri-page .hA-side .csri-price{font-size:var(--type-9)}}
@media (max-width:767px){.csri-page .hA-top{grid-template-columns:1fr}.csri-page .hA-lead .csri-frame{aspect-ratio:21/9}}

/* ---------- Code Breaker panel — SOURCE formatting, deliberately outside the CSRI 2026 scheme. Do not tokenise. ---------- */
@keyframes cb-scanline{0%{transform:translateY(-100%)}100%{transform:translateY(400%)}}
.csri-page .csri-codebreaker{container-type:inline-size;width:100%;max-width:1080px;min-width:220px;font-family:'Inter',sans-serif;text-align:left;letter-spacing:normal;text-transform:none}
.csri-page .csri-codebreaker *{box-sizing:border-box}
.csri-page .csri-codebreaker .cb-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px clamp(8px,1.3cqw,14px)}
.csri-page .csri-codebreaker .cb-title{font-family:'Inter',sans-serif;font-size:clamp(10px,1.4cqw,15px);letter-spacing:.28em;text-transform:uppercase;color:#5C625C;white-space:nowrap}
.csri-page .csri-codebreaker .cb-status{font-family:'IBM Plex Mono',monospace;font-size:clamp(9px,1.1cqw,12px);letter-spacing:.2em;color:#8E928D}
.csri-page .csri-codebreaker .cb-box{background:#10140F;border:1px solid #142A1F;border-radius:clamp(8px,1.3cqw,14px);padding:clamp(14px,3.15cqw,34px) clamp(14px,3.15cqw,34px) clamp(12px,2.6cqw,28px);box-shadow:0 24px 60px -20px rgba(20,42,31,.45)}
.csri-page .csri-codebreaker .cb-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(5px,1.1cqw,12px)}
.csri-page .csri-codebreaker .cb-tile{aspect-ratio:.78;background:#050705;border:1px solid #1c231b;border-radius:clamp(4px,.75cqw,8px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 4px 14px rgba(0,0,0,.85)}
.csri-page .csri-codebreaker .cb-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045),transparent 45%);pointer-events:none}
.csri-page .csri-codebreaker .cb-tile span{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:clamp(18px,5.9cqw,64px);line-height:1;color:#F2F4F0;text-shadow:0 0 14px rgba(242,244,240,.35);transition:color 120ms}
.csri-page .csri-codebreaker .cb-tile.locked span{color:#E8483B;text-shadow:0 0 22px rgba(232,72,59,.65)}
.csri-page .csri-codebreaker .cb-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:clamp(12px,2cqw,22px);padding:0 2px;gap:8px}
.csri-page .csri-codebreaker .cb-dots{display:flex;gap:clamp(4px,.75cqw,8px)}
.csri-page .csri-codebreaker .cb-dots i{width:clamp(6px,.75cqw,8px);height:clamp(6px,.75cqw,8px);border-radius:50%;border:1px solid #3D6650;background:transparent;transition:background 300ms}
.csri-page .csri-codebreaker .cb-dots i.on{background:#C2A878}
.csri-page .csri-codebreaker .cb-eco{font-family:'IBM Plex Mono',monospace;font-size:clamp(8px,1.1cqw,12px);letter-spacing:.3em;color:#8E928D;text-transform:uppercase}
.csri-page .csri-codebreaker .cb-locks{font-family:'IBM Plex Mono',monospace;font-size:clamp(8px,1.1cqw,12px);letter-spacing:.18em;color:#C2A878;justify-self:end;white-space:nowrap}
.csri-page .csri-codebreaker .cb-drawer{background:#0B0F0C;border:1px solid #142A1F;border-top:none;border-radius:0 0 clamp(8px,1.3cqw,14px) clamp(8px,1.3cqw,14px);margin:0 clamp(10px,2.4cqw,26px);position:relative;overflow:hidden;box-shadow:0 18px 40px -18px rgba(20,42,31,.4)}
.csri-page .csri-codebreaker .cb-scan{position:absolute;left:0;right:0;top:0;height:36px;background:linear-gradient(rgba(194,168,120,.05),transparent);animation:cb-scanline 6s linear infinite;pointer-events:none}
.csri-page .csri-codebreaker .cb-panes{display:grid;padding:clamp(16px,2.8cqw,30px) clamp(16px,3.15cqw,34px)}
.csri-page .csri-codebreaker .cb-pane{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;gap:clamp(4px,.65cqw,7px);opacity:0;pointer-events:none;transition:opacity 500ms}
.csri-page .csri-codebreaker .cb-pane.on{opacity:1;pointer-events:auto}
.csri-page .csri-codebreaker .cb-standby{gap:6px}
.csri-page .csri-codebreaker .cb-analysing{font-family:'IBM Plex Mono',monospace;font-size:clamp(12px,1.6cqw,17px);letter-spacing:.24em;color:#3D6650}
.csri-page .csri-codebreaker .cb-wait{font-size:clamp(12px,1.5cqw,16px);color:#5C625C}
.csri-page .csri-codebreaker .cb-name{font-size:clamp(17px,2.4cqw,26px);font-weight:600;color:#FBF7F0;letter-spacing:.02em}
.csri-page .csri-codebreaker .cb-dek{font-size:clamp(13px,1.65cqw,18px);color:#C7CCC5;line-height:1.5}
.csri-page .csri-codebreaker .cb-url{font-family:'IBM Plex Mono',monospace;font-size:clamp(11px,1.5cqw,16px);color:#C2A878;word-break:break-all;text-decoration:none}
.csri-page .csri-codebreaker .cb-url:hover{color:#C2A878;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.csri-page .csri-codebreaker .cb-scan{animation:none}}

/* ---------- Shared: search, inverse, notched button, large heading ---------- */
.csri-page .csri-h--l{font-size:clamp(var(--type-5),3vw,var(--type-8));line-height:var(--leading-tight)}
.csri-page .csri-search{display:flex;border-bottom:var(--rule-emphasised);min-width:14rem;margin:0}
.csri-page .csri-search input{flex:1;border:0;background:transparent;font-family:var(--font-sans);font-size:var(--type-0);padding:var(--sp-xs) 0;color:var(--text-primary);outline:none;min-width:0;box-shadow:none;border-radius:0;height:auto;line-height:var(--leading-mid)}
.csri-page .csri-search input::placeholder{color:var(--text-secondary)}
.csri-page .csri-search button{border:0;background:transparent;font-family:var(--font-mono);font-size:var(--type-n2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-accent);cursor:pointer;padding:0 0 0 var(--sp-s);box-shadow:none;border-radius:0;min-height:0;height:auto}
.csri-page .csri-inverse{background:var(--surface-inverse);color:var(--text-inverse)}
.csri-page .csri-inverse .csri-eyebrow{color:var(--c-lime-56)}
.csri-page .csri-btn--notched{background:var(--text-primary);color:var(--surface);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);padding-right:calc(var(--sp-l) + 6px)}
.csri-page a.csri-btn--notched{text-decoration:none}
.csri-page .csri-inverse .csri-btn--notched,.csri-page .csri-inverse a.csri-btn--notched{background:var(--c-lime-56);color:var(--c-slate-7)}
.csri-page .csri-inverse .csri-btn--notched:hover,.csri-page .csri-inverse a.csri-btn--notched:hover{background:var(--text-inverse);color:var(--surface-inverse)}

/* ---------- Filters (All Articles) ---------- */
.csri-page .csri-chips{display:flex;flex-wrap:wrap;gap:var(--sp-xs)}
.csri-page .csri-chip{font-family:var(--font-mono);font-size:var(--type-n2);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--sp-xs) var(--sp-s);border:.0625rem solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;border-radius:0;transition:var(--motion-fast);line-height:var(--leading-mid);box-shadow:none;min-height:0;height:auto}
.csri-page .csri-chip:hover{background:var(--surface-sunken);color:var(--text-primary)}
.csri-page .csri-chip[aria-pressed="true"]{background:var(--text-primary);color:var(--surface)}
.csri-page .csri-chip .csri-count{opacity:.6;margin-left:var(--sp-2xs)}
.csri-page .csri-select{font-family:var(--font-mono);font-size:var(--type-n2);letter-spacing:var(--tracking-label);text-transform:uppercase;border:0;border-bottom:var(--rule-emphasised);background:transparent;color:var(--text-primary);padding:var(--sp-xs) var(--sp-m) var(--sp-xs) 0;border-radius:0;cursor:pointer;height:auto;box-shadow:none;width:auto}
.csri-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-2xs);margin-top:var(--sp-xl)}
.csri-pager button{font-family:var(--font-mono);font-size:var(--type-n1);min-width:44px;height:44px;padding:0 var(--sp-s);border:.0625rem solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;border-radius:0;box-shadow:none}
.csri-pager button[aria-current="page"]{background:var(--text-primary);color:var(--surface)}
.csri-pager button:disabled{opacity:.4;cursor:not-allowed}
.csri-pager button:not(:disabled):not([aria-current]):hover{background:var(--surface-sunken)}

/* ---------- All Articles page ---------- */
.csri-page .aa-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-l);align-items:end;padding-block:var(--sp-2xl) var(--sp-l)}
.csri-page .aa-head .csri-h{font-size:clamp(var(--type-9),5.6vw,var(--type-13));line-height:var(--leading-tight);margin-top:var(--sp-xs)}
.csri-page .aa-intro{margin-top:var(--sp-s)}
.csri-page .aa-count{font-family:var(--font-serif);font-weight:700;font-size:var(--type-11);line-height:1;color:var(--text-accent);text-align:right}
.csri-page .aa-count small{display:block;font-family:var(--font-mono);font-size:var(--type-n1);font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);margin-top:var(--sp-xs)}
.csri-page .aa-tools{border-top:var(--rule-heavy);border-bottom:var(--rule-hairline);padding:var(--sp-m) 0;display:grid;gap:var(--sp-m)}
.csri-page .aa-tools-row{display:flex;gap:var(--sp-l);align-items:end;justify-content:space-between;flex-wrap:wrap}
.csri-page .aa-tools .csri-search{flex:1;max-width:28rem}
.csri-page .aa-controls{display:flex;gap:var(--sp-l);align-items:end;flex-wrap:wrap}
.csri-page .aa-check{display:inline-flex;gap:var(--sp-xs);align-items:center;font-family:var(--font-mono);font-size:var(--type-n2);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-primary);cursor:pointer;margin:0}
.csri-page .aa-check input{accent-color:var(--text-accent);margin:0;width:auto;height:auto}
.csri-page .aa-year{display:flex;justify-content:space-between;align-items:baseline;border-bottom:var(--rule-emphasised);padding:var(--sp-xl) 0 var(--sp-xs)}
.csri-page .aa-year h2{font-family:var(--font-serif);font-weight:700;font-size:var(--type-8);line-height:1;letter-spacing:var(--tracking-tight);margin:0;color:var(--text-primary)}
.csri-page .aa-row{display:grid;grid-template-columns:7rem minmax(0,1fr) 12rem;gap:var(--sp-l);padding:var(--sp-m) 0;border-bottom:var(--rule-hairline);align-items:start}
.csri-page .aa-row .aa-body{display:grid;gap:var(--sp-xs)}
.csri-page .aa-row .csri-h{font-size:var(--type-4)}
.csri-page .aa-row .csri-frame{aspect-ratio:3/2}
.csri-page .aa-empty{padding:var(--sp-2xl) 0;text-align:center;font-family:var(--font-sans);color:var(--text-secondary)}
.csri-page .aa-members{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-l);align-items:center;padding:var(--sp-xl)}
.csri-page .aa-members .csri-h{color:var(--text-inverse);margin-top:var(--sp-xs)}
@media (max-width:767px){.csri-page .aa-head{grid-template-columns:1fr}.csri-page .aa-count{text-align:left}.csri-page .aa-row{grid-template-columns:minmax(0,1fr) 6rem}.csri-page .aa-row .aa-date{grid-column:1/-1}.csri-page .aa-members{grid-template-columns:1fr}}

/* ---------- Shared additions (from csri-site.css, 14 Oct) ---------- */
.csri-page .csri-inverse .csri-dek,.csri-page .csri-inverse .csri-meta{color:var(--c-oat-85)}
.csri-page .csri-btn--notched:hover,.csri-page a.csri-btn--notched:hover{background:var(--text-accent);color:var(--on-accent)}
.csri-page .csri-inverse .csri-btn--secondary,.csri-page .csri-inverse a.csri-btn--secondary{color:var(--text-inverse);border-color:var(--text-inverse)}
.csri-page .csri-inverse .csri-btn--secondary:hover,.csri-page .csri-inverse a.csri-btn--secondary:hover{background:var(--text-inverse);color:var(--surface-inverse)}
.csri-page .csri-inverse .csri-h{color:var(--text-inverse)}
.csri-page .wp-block-embed__wrapper.csri-media--ph{background:linear-gradient(180deg,#0b1c3a 0%,#14315e 42%,#6b2f1e 68%,#c4551f 84%,#1b2740 100%)}
.csri-page .wp-block-embed__wrapper.csri-media--ph2{background:linear-gradient(160deg,#0c1232 0%,#1d2d7c 50%,#295729 100%)}
.csri-page .wp-block-embed__wrapper.csri-media--ph3{background:linear-gradient(200deg,#070a1d 0%,#2a486f 55%,#97ce97 100%)}

/* ---------- Single article (redesign/Article.html) ---------- */
.csri-page .csri-article{display:block}
.csri-page .ar-col{max-width:50rem;margin-inline:auto}
.csri-page .ar-head{display:grid;gap:var(--sp-m);justify-items:start}
.csri-page .ar-title{font-size:clamp(var(--type-8),5vw,var(--type-12));line-height:var(--leading-tight)}
.csri-page .ar-dek{font-size:var(--type-2);max-width:40rem}
.csri-page .ar-byline{justify-self:stretch;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-m);flex-wrap:wrap;border-top:var(--rule-hairline);padding-top:var(--sp-s);margin-top:var(--sp-xs)}
.csri-page .ar-by{font-family:var(--font-sans);font-size:var(--type-n1);line-height:var(--leading-mid);color:var(--text-secondary)}
.csri-page a.ar-by-name{color:var(--text-primary);font-weight:500;text-decoration:none}.csri-page a.ar-by-name:hover{color:var(--text-accent)}
.csri-page .ar-by .csri-meta{display:block}
.csri-page .ar-actions{display:flex;align-items:center;gap:var(--sp-2xs)}
.csri-page .ar-sep{width:0;height:24px;border-left:var(--rule-hairline);margin-inline:var(--sp-xs)}
.csri-page .ar-act{--i:none;position:relative;width:40px;height:40px;display:grid;place-items:center;border:var(--rule-hairline);background:transparent;color:var(--text-primary);cursor:pointer;border-radius:0;padding:0;text-decoration:none;font-family:var(--font-mono);font-size:var(--type-n1);font-weight:500;line-height:1;transition:color var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast);box-shadow:none;min-height:0}
.csri-page a.ar-act{color:var(--text-primary);text-decoration:none}
.csri-page .ar-act::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.csri-page .ar-act--txt::before,.csri-page .ar-act--fx::before{display:none}
.csri-page .ar-act:hover,.csri-page a.ar-act:hover{color:var(--text-accent);border-color:var(--text-accent);background:transparent}
.csri-page .ar-act--link{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M6.5 9.5l3-3M7 4.5l1.2-1.2a2.6 2.6 0 0 1 3.7 3.7L10.7 8.2M9 11.5l-1.2 1.2a2.6 2.6 0 0 1-3.7-3.7L5.3 7.8'/%3E%3C/svg%3E")}
.csri-page .ar-act--mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5'%3E%3Crect x='1.75' y='3.25' width='12.5' height='9.5'/%3E%3Cpath d='M2 4l6 5 6-5'/%3E%3C/svg%3E")}
.csri-page .ar-act[data-copied]::after{content:"Link copied";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--surface-inverse);color:var(--text-inverse);font-family:var(--font-mono);font-size:var(--type-n3);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:var(--sp-2xs) var(--sp-xs)}
/* Save = Foxiz bookmark trigger (feeds My Saved), drawn as the design's ribbon */
.csri-page .ar-act--fx .rb-bookmark{display:grid;place-items:center;width:100%;height:100%;cursor:pointer;color:inherit;font-size:15px;line-height:1}
.csri-page .ar-act--fx .rb-bookmark i{color:inherit}
.csri-page .ar-figure{margin:0}
.csri-page .ar-figure .csri-frame{position:relative}
.csri-page .arA{padding-top:var(--sp-xl)}
.csri-page .arA .csri-frame{aspect-ratio:21/9}
.csri-page .arA .ar-head{margin-top:var(--sp-xl)}
.csri-page .arB{padding-top:var(--sp-2xl)}
.csri-page .arB .ar-title{font-size:clamp(var(--type-9),6vw,var(--type-13))}
.csri-page .arB .ar-figure{margin-top:var(--sp-xl)}
.csri-page .arC{border-top:var(--rule-accent)}
.csri-page .arC>.csri-wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--sp-xl);align-items:center;padding-block:var(--sp-2xl)}
.csri-page .arC .ar-title{color:var(--text-inverse)}
.csri-page .arC .ar-dek{font-size:var(--type-1)}
.csri-page .arC .csri-frame{aspect-ratio:4/3}
.csri-page .arC .ar-by{color:var(--c-oat-85)}.csri-page .arC a.ar-by-name{color:var(--text-inverse)}.csri-page .arC a.ar-by-name:hover{color:var(--c-lime-56)}
.csri-page .arC .ar-byline{border-top:.0625rem solid var(--c-slate-20)}
.csri-page .arC .ar-sep{border-left-color:var(--c-slate-20)}
.csri-page .arC .ar-act,.csri-page .arC a.ar-act{color:var(--text-inverse);border-color:var(--c-slate-20)}
.csri-page .arC .ar-act:hover,.csri-page .arC a.ar-act:hover{color:var(--c-lime-56);border-color:var(--c-lime-56)}
.csri-page .arC .csri-credit{color:var(--c-oat-85)}
.csri-page .arC .csri-tag{background:var(--c-lime-56);color:var(--c-slate-7)}
/* Body */
.csri-page .ar-body{margin-top:var(--sp-2xl)}
.csri-page .csri-prose{font-family:var(--font-serif);font-size:var(--type-1);line-height:var(--leading-lower);color:var(--text-primary)}
.csri-page .csri-prose::after{content:"";display:table;clear:both}
.csri-page .csri-prose>*{max-width:var(--measure);margin:0 0 var(--sp-l)}
.csri-page .csri-prose p{margin:0 0 var(--sp-l)}
.csri-page .csri-prose>p:first-of-type::first-letter{float:left;font-size:4.1em;line-height:.8;font-weight:700;padding:.07em var(--sp-xs) 0 0;color:var(--dropcap)}
.csri-page .csri-prose h2{font-family:var(--font-serif);font-weight:700;font-size:var(--type-5);line-height:var(--leading-upper);letter-spacing:var(--tracking-tight);margin:var(--sp-xl) 0 var(--sp-s);text-wrap:balance;color:var(--text-primary)}
.csri-page .csri-prose h3{font-family:var(--font-mono);font-weight:500;font-size:var(--type-n1);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--eyebrow);margin:var(--sp-l) 0 var(--sp-xs)}
.csri-page .csri-prose h4,.csri-page .csri-prose h5,.csri-page .csri-prose h6{font-family:var(--font-serif);font-weight:700;font-size:var(--type-2);margin:var(--sp-l) 0 var(--sp-xs);color:var(--text-primary)}
.csri-page .csri-prose a{color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.csri-page .csri-prose a:hover{color:var(--text-accent)}
.csri-page .csri-prose ul,.csri-page .csri-prose ol{padding-left:1.3em}
.csri-page .csri-prose li{margin-bottom:var(--sp-xs);padding-left:var(--sp-2xs)}
.csri-page .csri-prose ul li::marker{content:"■  ";font-size:.6em;color:var(--text-accent)}
.csri-page .csri-prose ol li::marker{font-family:var(--font-mono);font-size:.8em;font-weight:500;color:var(--text-accent)}
.csri-page .csri-prose blockquote:not(.wp-block-pullquote blockquote){margin:var(--sp-xl) 0;padding:var(--sp-m) 0 0;border:0;border-top:var(--rule-accent);font-style:italic;font-size:var(--type-2);line-height:var(--leading-upper);background:none}
.csri-page .csri-prose blockquote p{margin:0 0 var(--sp-s)}
.csri-page .csri-prose cite{display:block;font-family:var(--font-mono);font-style:normal;font-size:var(--type-n2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}
.csri-page .csri-prose .wp-block-pullquote{float:right;clear:right;width:13rem;margin:var(--sp-2xs) 0 var(--sp-m) var(--sp-xl);padding:var(--sp-s) 0 0;border-top:var(--rule-heavy)}
.csri-page .csri-prose .wp-block-pullquote blockquote{margin:0;padding:0;border:0}
.csri-page .csri-prose .wp-block-pullquote p{font-family:var(--font-serif);font-weight:700;font-size:var(--type-4);line-height:var(--leading-upper);letter-spacing:var(--tracking-tight);color:var(--text-accent);margin:0;text-wrap:balance}
.csri-page .csri-prose figure{margin-block:var(--sp-xl);margin-inline:0}
.csri-page .csri-prose img{max-width:100%;height:auto}
.csri-page .csri-prose figure img{display:block;width:100%;height:auto}
.csri-page .csri-prose figcaption,.csri-page .csri-prose .wp-caption-text{font-family:var(--font-sans);font-size:var(--type-n1);line-height:var(--leading-mid);color:var(--text-secondary);margin-top:var(--sp-xs);max-width:var(--measure)}
.csri-page .csri-prose figcaption span{font-family:var(--font-mono);font-size:var(--type-n3);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-left:var(--sp-xs)}
.csri-page .ar-wide,.csri-page .csri-prose>.alignwide,.csri-page .csri-prose>.alignfull,.csri-page .csri-prose>.csri-ad{max-width:none;clear:both}
.csri-page .csri-prose .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9;background-color:var(--surface-sunken)}
.csri-page .csri-prose .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.csri-page .csri-prose iframe{max-width:100%}
.csri-page .csri-prose .wp-block-table{overflow-x:auto}
.csri-page .csri-prose table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--type-n1);line-height:var(--leading-mid)}
.csri-page .csri-prose th{font-family:var(--font-mono);font-weight:500;font-size:var(--type-n2);letter-spacing:var(--tracking-label);text-transform:uppercase;text-align:left;padding:var(--sp-xs) var(--sp-s) var(--sp-xs) 0;border-bottom:var(--rule-heavy)}
.csri-page .csri-prose td{padding:var(--sp-s) var(--sp-s) var(--sp-s) 0;border-bottom:var(--rule-hairline);vertical-align:top}
.csri-page .csri-prose td:first-child{font-family:var(--font-mono);font-size:var(--type-n1);color:var(--text-accent);white-space:nowrap}
.csri-page .csri-prose .csri-ad{margin-block:var(--sp-xl)}
/* Members gate */
.csri-page .ar-gate{max-width:var(--measure);margin-top:var(--sp-m)}
.csri-page .is-gated .csri-prose>:first-child{-webkit-mask-image:linear-gradient(#000 25%,transparent 95%);mask-image:linear-gradient(#000 25%,transparent 95%);margin-bottom:0}
.csri-page .ar-gate-actions{display:flex;flex-wrap:wrap;gap:var(--sp-s);align-items:center;margin-top:var(--sp-xs)}
.csri-page .ar-pw{max-width:var(--measure)}
.csri-page .ar-pw input[type=password]{border:0;border-bottom:var(--rule-emphasised);background:transparent;font-family:var(--font-sans);font-size:var(--type-0);padding:var(--sp-xs) 0;border-radius:0}
.csri-page .ar-pw input[type=submit]{font-family:var(--font-sans);font-weight:500;background:var(--text-accent);color:var(--on-accent);border:0;border-radius:0;padding:var(--sp-s) var(--sp-l);cursor:pointer}
/* End of article */
.csri-page .ar-end{margin-top:var(--sp-2xl);display:grid;gap:var(--sp-xl)}
.csri-page .ar-tags{display:flex;flex-wrap:wrap;gap:var(--sp-xs) var(--sp-s);align-items:center;border-top:var(--rule-heavy);padding-top:var(--sp-m)}
.csri-page .ar-tags .csri-eyebrow{margin-right:var(--sp-xs)}
.csri-page .ar-tags a.csri-tag{text-decoration:none;padding:var(--sp-xs) var(--sp-s);transition:background var(--motion-fast),color var(--motion-fast)}
.csri-page .ar-tags a.csri-tag:hover{background:var(--text-primary);color:var(--surface)}
.csri-page .ar-author{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--sp-l);align-items:start;border-top:var(--rule-hairline);padding-top:var(--sp-l)}
.csri-page .ar-photo{aspect-ratio:1;background:var(--surface-sunken);display:grid;place-items:center;overflow:hidden;font-family:var(--font-serif);font-weight:700;font-size:var(--type-7);color:var(--text-accent)}
.csri-page .ar-photo img{width:100%;height:100%;object-fit:cover;display:block}
.csri-page .ar-author-body{display:grid;gap:var(--sp-xs);justify-items:start}
.csri-page .ar-author-body .csri-h{font-size:var(--type-4)}
.csri-page .ar-author-body p{margin:0 0 var(--sp-xs);font-family:var(--font-serif);font-size:var(--type-0);line-height:var(--leading-lower);color:var(--text-primary);max-width:var(--measure)}
.csri-page .ar-pn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-l)}
.csri-page .ar-pn>*{display:grid;gap:var(--sp-xs);align-content:start;border-top:var(--rule-emphasised);padding-top:var(--sp-s);text-decoration:none;color:var(--text-primary)}
.csri-page a.ar-prev,.csri-page a.ar-next{color:var(--text-primary);text-decoration:none}
.csri-page .ar-pn .csri-h{font-size:var(--type-3);transition:color var(--motion-fast)}
.csri-page .ar-pn a:hover .csri-h{color:var(--text-accent)}
.csri-page .ar-pn .ar-next{text-align:right;justify-items:end}
.csri-page .ar-pn .ar-latest .csri-dek{font-size:var(--type-n1)}
@media (max-width:1023px){.csri-page .csri-prose .wp-block-pullquote{float:none;width:auto;max-width:var(--measure);margin:var(--sp-xl) 0}}
@media (max-width:991px){.csri-page .arC>.csri-wrap{grid-template-columns:1fr;padding-block:var(--sp-xl)}.csri-page .arC .csri-frame{aspect-ratio:16/9}}
@media (max-width:767px){
.csri-page .arA{padding-top:0}.csri-page .arA .ar-figure,.csri-page .arB .ar-figure{margin-inline:calc(var(--sp-m) * -1)}.csri-page .arA .csri-frame{aspect-ratio:4/3}.csri-page .ar-figure .csri-credit{padding-inline:var(--sp-m)}
.csri-page .arA .ar-head{margin-top:var(--sp-l)}.csri-page .arB{padding-top:var(--sp-xl)}.csri-page .arB .ar-figure{margin-top:var(--sp-l)}
.csri-page .arB .ar-title{font-size:var(--type-9)}
.csri-page .ar-dek{font-size:var(--type-1)}
.csri-page .ar-byline{flex-direction:column;align-items:stretch;gap:var(--sp-s)}
.csri-page .ar-actions{justify-content:space-between}
.csri-page .ar-act{width:44px;height:44px}
.csri-page .ar-sep{display:none}
.csri-page .ar-body{margin-top:var(--sp-xl)}
.csri-page .csri-prose h2{font-size:var(--type-4)}
.csri-page .csri-prose .ar-wide{margin-inline:calc(var(--sp-m) * -1)}.csri-page .csri-prose .ar-wide figcaption{padding-inline:var(--sp-m)}
.csri-page .ar-author{grid-template-columns:72px minmax(0,1fr);gap:var(--sp-m)}.csri-page .ar-photo{font-size:var(--type-4)}
.csri-page .ar-pn{grid-template-columns:1fr}.csri-page .ar-pn .ar-next{text-align:left;justify-items:start}
.csri-page .ar-gate.csri-members{padding:var(--sp-l)}
}
.csri-page .ar-all{margin-top:var(--sp-xl)}

/* Foxiz extras inside article prose: its automatic contents box is not part of the design */
.csri-page .csri-prose .ruby-table-contents{display:none}
/* Save control drawn as the design's ribbon (Foxiz fills the trigger with icons only for logged-in readers) */
.csri-page .ar-act--save{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2h8v12l-4-3-4 3z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E")}
.csri-page .csri-save .rb-bookmark:empty::before,.csri-page .ar-act--fx .rb-bookmark:empty::before,.csri-page a.csri-save-link::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2h8v12l-4-3-4 3z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2h8v12l-4-3-4 3z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.csri-page a.csri-save-link{display:grid;place-items:center;width:32px;height:32px;color:var(--text-secondary)}
.csri-page a.csri-save-link:hover{color:var(--text-accent)}
.csri-page .ar-figure figcaption::before,.csri-page .ar-figure figcaption::after,.csri-page .csri-prose figcaption::before{display:none!important;content:none!important}