/*
Theme Name: CairoSpeak
Theme URI: https://cairospeak.com
Author: CairoSpeak
Description: قالب ومنظومة غرفة أخبار CairoSpeak: صفحة أولى بأعمدة، أنواع مواد، «ليه يهمك؟»، مصادر وسجل تصحيح، تغطية حية، عاجل، أدوار تحرير، نماذج تصحيح ومعلومات ونشرة بريدية.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: cairospeak
*/
/* Layout: broadsheet-grade 12-col front page with vertical column rules; serif Arabic display (Markazi) over Naskh reading text; oxblood brand, ink & paper, a brass hairline for premium details */
:root{
  --paper:#FFFFFF; --paper-2:#F6F5F2; --ink:#121212; --ink-2:#3A3A3A; --muted:#6B6966; --rule:#DEDBD5; --rule-strong:#121212;
  --brand:#7C1426; --brand-ink:#FFFFFF; --brass:#A8863F; --live:#D3202C; --up:#1E7A46; --down:#C0272D;
  --band:#141313; --band-2:#1E1C1B; --band-ink:#F2EFEA; --band-muted:#A9A39A;
  --f-head:"Markazi Text","Noto Naskh Arabic",Georgia,serif;
  --f-read:"Noto Naskh Arabic","Traditional Arabic",Georgia,serif;
  --f-ui:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif;
  --f-logo:"Fraunces",Georgia,"Times New Roman",serif;
  --f-ruqaa:"Aref Ruqaa","Noto Naskh Arabic",serif;
  --fs:1.22rem; --wrap:1440px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#111110; --paper-2:#1A1918; --ink:#F1EEE9; --ink-2:#CFCAC2; --muted:#9C978F; --rule:#2C2A28; --rule-strong:#F1EEE9;
  --brand:#E2687A; --brand-ink:#111110; --brass:#CFAE66; --live:#FF5560; --up:#4CC07F; --down:#FF6B6B;
  --band:#090908; --band-2:#141312; --band-ink:#F2EFEA; --band-muted:#A39D94; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#111110; --paper-2:#1A1918; --ink:#F1EEE9; --ink-2:#CFCAC2; --muted:#9C978F; --rule:#2C2A28; --rule-strong:#F1EEE9;
  --brand:#E2687A; --brand-ink:#111110; --brass:#CFAE66; --live:#FF5560; --up:#4CC07F; --down:#FF6B6B;
  --band:#090908; --band-2:#141312; --band-ink:#F2EFEA; --band-muted:#A39D94; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover .h,a.h:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:.65rem .8rem;width:100%;border-radius:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:700;margin:0;text-wrap:balance;line-height:1.22}
.num{font-variant-numeric:tabular-nums;font-family:var(--f-ui)}
.mail{direction:ltr;unicode-bidi:isolate;user-select:all;font-family:var(--f-ui);font-weight:600}
.demo{background:var(--brand);color:var(--brand-ink);font-size:12.5px;text-align:center;padding:4px 16px}

/* markets + utility */
.mkts{border-bottom:1px solid var(--rule);font-size:12.5px}
.mkts .wrap{display:flex;gap:22px;align-items:center;padding-block:7px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.mkts .wrap::-webkit-scrollbar{display:none}
.mk{display:inline-flex;gap:6px;align-items:baseline}
.mk span{color:var(--muted)}
.mk b{font-weight:600}
.mk .u{color:var(--up)}.mk .d{color:var(--down)}
.mkts .note{color:var(--muted);font-size:11px;margin-inline-start:auto}

.mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;padding-block:22px 14px}
.mast .s{font-size:12.5px;color:var(--ink-2);display:grid;gap:2px}
.mast .s b{font-weight:600;color:var(--ink)}
.mast .e{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
.logo{text-align:center;display:block}
.logo .en{font-family:var(--f-logo);font-weight:800;font-size:clamp(34px,6vw,64px);letter-spacing:-.025em;line-height:.95;direction:ltr;display:block;font-variation-settings:"opsz" 144}
.logo .ar{font-family:var(--f-ruqaa);font-size:clamp(15px,1.8vw,19px);color:var(--brand);display:block;margin-top:6px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;border:1px solid var(--ink);font-size:13px;font-weight:600;white-space:nowrap}
.btn.pri{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.btn.ghost{border-color:var(--rule)}
.ico{width:36px;height:36px;display:inline-grid;place-items:center}
.ico svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}
.ed{font-size:12.5px;color:var(--muted)}
.ed b{color:var(--ink);font-weight:600}
.ed button{color:var(--muted)}

.navbar{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:20;background:var(--paper);border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule)}
.navbar::after{content:"";display:block;height:3px;border-bottom:1px solid var(--rule-strong);margin-top:-1px}
.nav{display:flex;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:11px 12px;font-weight:600;font-size:14.5px;white-space:nowrap;position:relative}
.nav a.on{color:var(--brand)}
.nav a.on::after{content:"";position:absolute;inset-inline:12px;bottom:4px;height:2px;background:var(--brand)}
.nav .sep{width:1px;background:var(--rule);margin:10px 6px;flex:none}
.nav .live{color:var(--live)}

.brk{border-bottom:1px solid var(--rule)}
.brk .wrap{display:flex;gap:14px;align-items:center;padding-block:10px}
.brk .lbl{color:var(--live);font-weight:700;font-size:13px;display:inline-flex;gap:7px;align-items:center;flex:none}
.brk .lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse 1.6s infinite}
.brk a{font-family:var(--f-head);font-size:19px;font-weight:600;flex:1;min-width:0;transition:opacity .3s}
.brk .tm{color:var(--muted);font-size:12px;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* labels */
.kick{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;margin-bottom:6px}
.sec{color:var(--brand);font-weight:700}
.typ{color:var(--muted);font-weight:500}
.typ::before{content:"·";margin-inline-end:8px;color:var(--rule)}
.live-l{color:var(--live);font-weight:700;display:inline-flex;gap:6px;align-items:center}
.live-l::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse 1.6s infinite}
.by{font-size:12.5px;color:var(--muted)}
.by b{color:var(--ink-2);font-weight:600}

/* figures */
.fig{position:relative;overflow:hidden;background:var(--paper-2);aspect-ratio:3/2;max-width:100%}
.fig.w{aspect-ratio:16/9}
.fig img{display:block;width:100%;height:100%;object-fit:cover}
.fig .dur{position:absolute;inset-inline-start:0;bottom:0;background:var(--band);color:var(--band-ink);font-size:12px;padding:5px 10px;display:flex;gap:6px;align-items:center;z-index:1}
.cap{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}
.cap b{font-weight:500;color:var(--ink-2)}

/* column system */
.cols{display:grid;gap:0}
.cols>*{min-width:0;padding-inline:20px}
.cols>*+*{border-inline-start:1px solid var(--rule)}
.cols>*:first-child{padding-inline-start:0}
.cols>*:last-child{padding-inline-end:0}

/* front: row 1 */
.front{grid-template-columns:3.1fr 5.6fr 3.3fr;padding-block:22px 26px}
.lead h2{font-size:clamp(28px,2.7vw,40px);line-height:1.15;margin-block:4px 12px}
.lead .dek{font-family:var(--f-read);font-size:17px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}
.why{border-top:2px solid var(--ink);padding-top:10px;margin-block:14px}
.why h4{font-family:var(--f-ui);font-size:13px;font-weight:700;margin-bottom:6px;color:var(--brand)}
.why ul{margin:0;padding-inline-start:16px;font-size:14.5px;line-height:1.75;color:var(--ink-2)}
.why li::marker{color:var(--brand)}
.lead-img h3{font-size:22px;margin-top:14px}
.subs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}
.subs h3{font-size:19px;line-height:1.3}
.story-more{border-top:1px solid var(--rule);padding-top:10px;margin-top:4px}
.story-more h4{font-family:var(--f-ui);font-size:13px;font-weight:700;margin-bottom:4px}
.story-more a{display:block;padding-block:8px;border-bottom:1px solid var(--rule);font-family:var(--f-head);font-size:17px;font-weight:600;line-height:1.35}
.typ0{display:block;font-family:var(--f-ui);font-size:11.5px;color:var(--brand);font-weight:600}
.latest h2,.mod-h{font-family:var(--f-ui);font-size:13px;font-weight:700;letter-spacing:.01em;padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:2px;display:flex;justify-content:space-between;align-items:baseline}
.mod-h a{font-weight:500;color:var(--muted)}
.latest ol{list-style:none;margin:0;padding:0}
.latest li{padding-block:11px;border-bottom:1px solid var(--rule)}
.latest time{font-size:12px;color:var(--brand);font-weight:600;display:block;margin-bottom:2px}
.latest h3{font-size:18.5px;line-height:1.35;font-weight:600}
.latest li:first-child h3{font-size:21px;font-weight:700}

/* strip of 4 */
.strip{grid-template-columns:repeat(4,1fr);padding-block:22px;border-top:1px solid var(--rule-strong)}
.strip h3{font-size:20px;line-height:1.3;margin-top:10px}
.strip .dek{font-size:14px;color:var(--muted);margin:6px 0 0;line-height:1.7}

.ad{display:grid;place-items:center;background:var(--paper-2);color:var(--muted);font-size:11px;letter-spacing:.04em;border-block:1px solid var(--rule)}
.ad-lb{height:90px;margin-block:4px}
.ad-mpu{height:250px;border:1px solid var(--rule)}

/* row: live + data + most read */
.trio{grid-template-columns:5.4fr 3.4fr 3.2fr;padding-block:26px;border-top:1px solid var(--rule-strong)}
.livem h3{font-size:30px;line-height:1.2;margin-block:8px 10px}
.livem .sum{font-family:var(--f-read);color:var(--ink-2);margin:0 0 6px;line-height:1.8}
.tl{list-style:none;margin:14px 0 0;padding:0;position:relative}
.tl::before{content:"";position:absolute;inset-block:8px;inset-inline-start:5px;width:1px;background:var(--rule)}
.tl li{position:relative;padding-inline-start:24px;padding-bottom:14px}
.tl li::before{content:"";position:absolute;inset-inline-start:1px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:2px solid var(--live)}
.tl time{font-size:12px;color:var(--live);font-weight:600}
.tl h4{font-family:var(--f-head);font-size:18.5px;font-weight:600;line-height:1.35}
.datam h3{font-size:22px;margin-block:8px 6px}
.kpis{display:grid;gap:0;margin-top:14px;border-top:1px solid var(--rule)}
.kpis div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:baseline;padding-block:9px;border-bottom:1px solid var(--rule)}
.kpis b{font-family:var(--f-logo)!important;font-weight:800;font-size:22px;color:var(--brand)}
.kpis span{font-size:13px;color:var(--ink-2);line-height:1.5}
.chart text{font-family:var(--f-ui);font-size:11px;fill:var(--muted)}
.chart .v{fill:var(--ink);font-weight:600}
.mr{list-style:none;margin:0;padding:0;counter-reset:mr}
.mr li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding-block:11px;border-bottom:1px solid var(--rule);counter-increment:mr}
.mr li::before{content:counter(mr);font-family:var(--f-logo);font-weight:800;font-size:30px;line-height:1;color:var(--brass)}
.mr h4{font-family:var(--f-head);font-size:18px;font-weight:600;line-height:1.35}
.mr-note{font-size:11px;color:var(--muted);margin-top:6px}

/* feature band */
.feat{background:var(--band);color:var(--band-ink);margin-block:8px}
.feat .in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:44px}
.feat .eyebrow{font-size:12.5px;letter-spacing:.06em;color:var(--brass);font-weight:700}
.feat h2{font-size:clamp(32px,4vw,52px);line-height:1.12;margin-block:10px 14px}
.feat p{font-family:var(--f-read);font-size:18px;line-height:1.85;color:var(--band-muted);margin:0 0 18px}
.feat .by{color:var(--band-muted)}
.feat .by b{color:var(--band-ink)}
.feat .btn{border-color:var(--band-ink);color:var(--band-ink)}
.feat .fig{aspect-ratio:4/3}

/* section header */
.bh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px;border-top:1px solid var(--rule-strong);margin-bottom:16px}
.bh h2{font-size:28px}
.bh h2 .lt{font-family:var(--f-logo);font-weight:800;direction:ltr;display:inline-block;font-size:.9em}
.bh h2 .lt i{font-style:normal;color:var(--brand)}
.bh a{font-size:13px;color:var(--muted)}
.blk{padding-block:26px}

/* explains */
.exg{grid-template-columns:repeat(4,1fr)}
.ex .q{font-family:var(--f-head);font-size:22px;line-height:1.3;font-weight:700;margin-block:6px 8px}
.ex .q::before{content:"؟";color:var(--brand);margin-inline-end:6px;font-size:1.1em}
.ex p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}

/* section grid */
.secg{grid-template-columns:repeat(4,1fr);row-gap:30px}
.secg>*:nth-child(4n+1){padding-inline-start:0;border-inline-start:0}
.secg>*:nth-child(4n){padding-inline-end:0}
.sc h2{font-family:var(--f-ui);font-size:14px;font-weight:700;padding-bottom:8px;border-bottom:2px solid var(--ink);margin-bottom:12px;display:flex;justify-content:space-between}
.sc h3{font-size:19px;line-height:1.3;margin-top:10px}
.sc ul{list-style:none;margin:10px 0 0;padding:0}
.topic .tk{font-family:var(--f-head);font-size:34px;font-weight:700;color:var(--brand);line-height:1.1}
.topic p{font-family:var(--f-read);color:var(--ink-2);font-size:15px;line-height:1.8;margin:8px 0 0}
.sc li{padding-block:9px;border-top:1px solid var(--rule);font-family:var(--f-head);font-size:17px;font-weight:600;line-height:1.35}

/* opinion */
.opg{grid-template-columns:repeat(4,1fr)}
.op{display:flex;flex-direction:column;gap:8px}
.av{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--paper-2);filter:grayscale(1) contrast(1.1)}
.av svg{width:100%;height:100%;display:block}
.op .who{font-size:13px;font-weight:700;color:var(--brand)}
.op h3{font-size:21px;line-height:1.3;font-weight:600}

/* video */
.vband{background:var(--band);color:var(--band-ink);padding-block:34px;margin-block:10px}
.vband .bh{border-top-color:var(--band-ink)}
.vband .bh a{color:var(--band-muted)}
.vg{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
.vg .stack{display:grid;gap:18px}
.vg .stack a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}
.vband h3{font-size:19px;line-height:1.3;margin-top:10px}
.vband .big h3{font-size:30px}
.vband .by{color:var(--band-muted)}

/* membership + newsletter */
.memb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;border:1px solid var(--ink)}
.memb>div{padding:28px}
.memb .m{background:var(--paper-2)}
.memb .m .eyebrow{color:var(--brass);font-weight:700;font-size:12.5px;letter-spacing:.05em}
.memb h3{font-size:32px;line-height:1.15;margin-block:8px 10px}
.memb ul{margin:0 0 18px;padding-inline-start:18px;line-height:1.9;color:var(--ink-2)}
.memb .price{font-family:var(--f-logo);font-weight:800;font-size:30px}
.memb .price small{font-family:var(--f-ui);font-size:13px;color:var(--muted);font-weight:400}
.memb .n{border-inline-start:1px solid var(--ink)}
.memb form{display:grid;gap:10px;margin-top:12px}
.memb .n h3{font-size:26px}
.memb .n p{color:var(--muted);margin:0}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.chk input{width:auto;margin-top:5px}

.trio2{grid-template-columns:repeat(3,1fr);border-block:1px solid var(--rule-strong);padding-block:24px}
.trio2 .eyebrow{color:var(--brass);font-weight:700;font-size:12px;letter-spacing:.05em;margin-bottom:6px}
.trio2 h3{font-size:28px;line-height:1.15;margin-bottom:8px}
.trio2 ul{margin:0 0 16px;padding-inline-start:18px;line-height:1.9;color:var(--ink-2)}
.trio2 p{color:var(--muted);margin:0}
.trio2 form{display:grid;gap:10px;margin-top:12px}
.trio2 .price{font-family:var(--f-logo);font-weight:800;font-size:28px}
.trio2 .price small{font-family:var(--f-ui);font-size:13px;color:var(--muted);font-weight:400}
/* podcast */
.pod{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center;padding-block:18px;border-top:1px solid var(--rule)}
.pod .fig{aspect-ratio:1}
.pod h3{font-size:20px}
.pp{width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:14px}
.pbar{height:3px;background:var(--rule);margin-top:10px;position:relative}
.pbar i{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:var(--brand)}

footer{border-top:1px solid var(--rule-strong);margin-top:40px;padding-block:30px 22px}
.flogo .en{font-family:var(--f-logo);font-weight:800;font-size:36px;direction:ltr;display:inline-block;letter-spacing:-.02em}
.flogo .ar{font-family:var(--f-ruqaa);color:var(--brand);margin-inline-start:10px;font-size:18px}
.fg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px;padding-top:18px;border-top:1px solid var(--rule)}
.fg h4{font-family:var(--f-ui);font-size:13px;margin-bottom:10px}
.fg ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px;color:var(--ink-2)}
.fg a:hover{color:var(--brand)}
.fb{margin-top:22px;padding-top:14px;border-top:1px solid var(--rule);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* article */
.prog{position:fixed;top:env(safe-area-inset-top,0px);inset-inline:0;height:3px;z-index:30;pointer-events:none}
.prog i{display:block;height:100%;width:0;background:var(--brand)}
.artgrid{grid-template-columns:minmax(0,1fr) 320px;padding-top:6px}
.artgrid>article{padding-inline-end:36px}
.rail{padding-inline-start:28px!important}
.rail .stick{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 70px);padding-top:34px}
.railnews a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding-block:10px;border-bottom:1px solid var(--rule)}
.railnews h4{font-family:var(--f-head);font-size:16.5px;font-weight:600;line-height:1.35}
.railnl{margin-top:24px;background:var(--paper-2);border-top:3px solid var(--brand);padding:16px;display:grid;gap:6px}
.railnl b{font-family:var(--f-head);font-size:22px}
.railnl span{font-size:13.5px;color:var(--muted)}
.railnl .btn{justify-self:start;margin-top:6px}
.art{max-width:none;padding-block:34px 10px}
@media (min-width:1500px){.wrap{padding-inline:32px}}
.art .kick{font-size:13px}
.art h1{font-size:clamp(32px,3.8vw,50px);line-height:1.14;margin-block:8px 16px}
.art .dek{font-family:var(--f-read);font-size:20px;line-height:1.85;color:var(--ink-2);margin:0 0 22px;max-width:62ch}
.art .byl{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-block:12px;border-block:1px solid var(--rule);flex-wrap:wrap}
.art .byl .who{display:flex;gap:10px;align-items:center}
.art .byl .av{width:42px;height:42px}
.tools{display:flex;gap:4px;flex-wrap:wrap}
.tools button{padding:.4rem .7rem;font-size:12.5px;border:1px solid var(--rule)}
.tools button:hover{border-color:var(--ink)}
.artfig{margin:22px 0 0}
.body{max-width:680px;margin-inline:0;font-family:var(--f-read);font-size:var(--fs);line-height:2.05;color:var(--ink)}
.body.dropcap>p:first-of-type::first-letter{font-family:var(--f-head);font-weight:700;color:var(--brand);font-size:1.6em}
.body p{margin:0 0 1.15em}
.body h2{font-size:1.45em;margin-block:1.5em .5em}
.body blockquote{margin:1.6em 0;padding-block:14px;border-block:1px solid var(--ink);font-family:var(--f-head);font-size:1.45em;line-height:1.5;font-weight:600;text-align:center}
.fbox{background:var(--paper-2);padding:18px 20px;margin:1.6em 0;font-family:var(--f-ui);font-size:15px;line-height:1.85;border-top:3px solid var(--brand)}
.fbox h4{font-family:var(--f-ui);font-size:13.5px;margin-bottom:6px}
.fbox ul{margin:0;padding-inline-start:18px}
.whyart{max-width:680px;margin:22px 0 0;border:1px solid var(--rule);border-top:3px solid var(--ink);padding:16px 20px}
.whyart h4{font-family:var(--f-ui);font-size:13.5px;color:var(--brand);margin-bottom:6px}
.whyart ul{margin:0;padding-inline-start:18px;font-size:15.5px;line-height:1.9}
.after{max-width:680px;margin-inline:0}
.src{border-top:2px solid var(--ink);padding-top:12px;margin-top:28px}
.src h3{font-family:var(--f-ui);font-size:14px;margin-bottom:6px}
.src ul{margin:0;padding-inline-start:18px;font-size:14px;color:var(--ink-2);line-height:1.9}
.corr{border-inline-start:3px solid var(--brass);background:var(--paper-2);padding:12px 16px;margin-top:18px;font-size:14px}
.corr b{color:var(--ink)}
.opnote{max-width:680px;margin:18px 0 0;font-size:14px;color:var(--ink-2);border-block:1px solid var(--rule);padding-block:10px;text-align:center}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.relg{grid-template-columns:repeat(4,1fr)}
.relg h3{font-size:19px;margin-top:10px;line-height:1.3}
.listen{display:flex;gap:10px;align-items:center;max-width:680px;margin:18px 0 0;font-size:13.5px}
.listen .pp{width:36px;height:36px;font-size:12px}
.listen .pbar{flex:1;margin:0}

/* section page */
.sh{padding-block:30px 16px;text-align:center;border-bottom:1px solid var(--rule-strong)}
.sh h1{font-size:clamp(38px,5vw,60px)}
.sh p{color:var(--muted);margin:6px auto 0;max-width:60ch;font-family:var(--f-read);font-size:17px}
.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.chip{padding:.35rem .9rem;border:1px solid var(--rule);font-size:13px}
.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.rows .row{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding-block:20px;border-bottom:1px solid var(--rule)}
.rows .row h3{font-size:24px;line-height:1.25;margin-block:2px 8px}
.rows .row .dek{font-family:var(--f-read);color:var(--ink-2);margin:0 0 8px;line-height:1.8}
.pager{display:flex;gap:6px;justify-content:center;padding-block:24px}
.pager a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--rule);padding-inline:12px;font-weight:600}
.pager a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.secfront{grid-template-columns:7fr 5fr;padding-block:24px}
.secfront .lh h2{font-size:clamp(28px,3vw,40px);margin-block:12px 10px}

/* live page */
.lh-page{max-width:820px;margin-inline:auto;padding-block:30px 10px}
.lh-page h1{font-size:clamp(30px,4.2vw,48px);line-height:1.15;margin-block:10px}
.keys{border:1px solid var(--rule);border-top:3px solid var(--live);padding:16px 20px;margin-block:18px}
.keys h2{font-family:var(--f-ui);font-size:13.5px;margin-bottom:6px}
.keys ul{margin:0;padding-inline-start:18px;font-size:15.5px;line-height:1.9}
.upd{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;padding-block:20px;border-top:1px solid var(--rule)}
.upd .t{font-weight:700;color:var(--live);font-size:15px}
.upd .t small{display:block;color:var(--muted);font-weight:400;font-size:11px}
.upd h3{font-size:24px;line-height:1.25;margin-bottom:6px}
.upd p{margin:0 0 8px;font-family:var(--f-read);font-size:1.12rem;line-height:1.95}
.upd .foot{display:flex;gap:14px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.upd .foot button{color:var(--brand);font-size:12.5px}

/* misc pages */
.page{max-width:760px;margin-inline:auto;padding-block:32px}
.page h1{font-size:44px;margin-bottom:10px}
.page h2{font-size:26px;margin-block:26px 8px}
.page p,.page li{font-family:var(--f-read);font-size:1.12rem;line-height:1.95}
.fld{display:grid;gap:6px;margin-bottom:14px}
.fld label{font-weight:600;font-size:14px}
.warn{border-inline-start:3px solid var(--live);background:var(--paper-2);padding:12px 16px;font-size:14px;margin-bottom:16px}
.ok{border-inline-start:3px solid var(--up);background:var(--paper-2);padding:14px 16px}
.nlrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding-block:18px;border-top:1px solid var(--rule)}
.nlrow h3{font-size:24px}
.nlrow p{margin:4px 0 0!important;font-family:var(--f-ui)!important;font-size:14px!important;color:var(--muted)}
.empty{text-align:center;padding:40px 16px;color:var(--muted)}
.empty b{display:block;font-family:var(--f-head);font-size:24px;color:var(--ink);margin-bottom:6px}
mark{background:color-mix(in srgb,var(--brass) 30%,transparent);color:inherit}

.ov{position:fixed;inset:0;background:rgba(10,8,6,.6);display:grid;place-items:center;z-index:50;padding:16px}
.modal{background:var(--paper);max-width:500px;width:100%;padding:24px;max-height:90vh;overflow:auto;border-top:4px solid var(--brand)}
.modal h2{font-size:28px;margin-bottom:6px}
.toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));inset-inline-start:50%;transform:translateX(50%);background:var(--ink);color:var(--paper);padding:11px 18px;font-size:14px;z-index:60}

/* responsive */
@media (max-width:1100px){
  .front{grid-template-columns:1fr 1fr}
  .front .lead-img{grid-column:1/-1;grid-row:1;padding-inline:0;border:0;margin-bottom:20px}
  .front .lead{padding-inline-start:0;border:0}
  .trio{grid-template-columns:1fr 1fr}
  .trio .livem{grid-column:1/-1;padding-inline:0;border:0;margin-bottom:24px}
  .trio .datam{padding-inline-start:0;border:0}
  .artgrid{grid-template-columns:minmax(0,1fr)}
  .artgrid>article{padding-inline-end:0}
  .rail{border:0!important;padding-inline-start:0!important}
  .rail .stick{position:static}
  .strip,.exg,.opg,.secg,.relg{grid-template-columns:repeat(2,1fr);row-gap:24px}
  .trio2{grid-template-columns:1fr 1fr;row-gap:24px}
  .trio2 .p{grid-column:1/-1;padding-inline:0;border-inline-start:0;border-top:1px solid var(--rule);padding-top:20px}
  .trio2 .p .fig{max-width:420px}
  .strip>*:nth-child(odd),.exg>*:nth-child(odd),.opg>*:nth-child(odd),.secg>*:nth-child(odd),.relg>*:nth-child(odd){padding-inline-start:0;border-inline-start:0}
  .strip>*:nth-child(even),.exg>*:nth-child(even),.opg>*:nth-child(even),.secg>*:nth-child(even),.relg>*:nth-child(even){padding-inline-end:0}
  .secg>*:nth-child(4n+1){padding-inline-start:0}
}
@media (max-width:720px){
  .wrap{padding-inline:16px}
  .mast{grid-template-columns:1fr auto;align-items:center;padding-block:14px 10px}
  .mast .s{display:none}
  .logo{text-align:start}
  .logo .en{font-size:34px}
  .mast .e .hide-s{display:none}
  .nav{justify-content:flex-start}
  .cols>*{padding-inline:0!important;border-inline-start:0!important}
  .front,.strip,.trio,.trio2,.exg,.opg,.secg,.relg,.secfront,.artgrid{grid-template-columns:minmax(0,1fr);row-gap:22px}
  .cols>*+*{border-top:1px solid var(--rule);padding-top:18px}
  .front .lead-img+*{border-top:0;padding-top:0}
  .front .subs{display:none}
  .strip a{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:start}
  .strip a .fig{grid-column:2;grid-row:1/3}
  .strip h3{margin-top:0;font-size:18px}
  .strip .dek{display:none}
  .feat .in{grid-template-columns:minmax(0,1fr);padding-block:30px;gap:20px}
  .feat .fig{order:-1}
  .vg{grid-template-columns:minmax(0,1fr)}
  .vg .stack a{grid-template-columns:120px minmax(0,1fr)}
  .vband .big h3{font-size:24px}
  .memb{grid-template-columns:minmax(0,1fr)}
  .memb .n{border-inline-start:0;border-top:1px solid var(--ink)}
  .memb>div{padding:20px}
  .fg{grid-template-columns:1fr 1fr}
  .rows .row{grid-template-columns:minmax(0,1fr) 110px;gap:14px}
  .rows .row h3{font-size:19px}
  .rows .row .dek{display:none}
  .upd{grid-template-columns:minmax(0,1fr);gap:4px}
  .pod{grid-template-columns:72px minmax(0,1fr) auto}
  .ad-lb{height:70px}
  .art h1{font-size:32px}
  .artgrid>article{padding-inline-end:0}
  .rail .stick{position:static;padding-top:10px}
  .art .dek{font-size:18px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- WordPress additions ---------- */
.fig.ph{container-type:inline-size;display:grid;place-items:center;background:linear-gradient(135deg,var(--band) 0%,var(--brand) 140%)}
.fig.ph span{font-family:var(--f-logo);font-weight:800;color:#F2EFEA;opacity:.9;font-size:clamp(11px,13cqw,48px);letter-spacing:-.02em;direction:ltr}
.fig.ph::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.3'/></svg>");mix-blend-mode:overlay;pointer-events:none}
.body img,.body video,.body iframe{max-width:100%;height:auto}
.body figure{margin:1.6em 0}
.body figcaption,.body .wp-element-caption{font-family:var(--f-ui);font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.6}
.body a{color:var(--brand);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.body ul,.body ol{padding-inline-start:1.3em}
.body table{width:100%;border-collapse:collapse;font-family:var(--f-ui);font-size:14px;display:block;overflow-x:auto}
.body td,.body th{border-bottom:1px solid var(--rule);padding:8px;text-align:start}
.body .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.notice-ok{border-inline-start:3px solid var(--up);background:var(--paper-2);padding:12px 16px;margin-block:14px}
.notice-err{border-inline-start:3px solid var(--live);background:var(--paper-2);padding:12px 16px;margin-block:14px}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}
.newupd{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 60px);z-index:5;display:block;margin:10px auto;background:var(--live);color:#fff;border:0;padding:8px 16px;font-weight:700}
.listen .pp[aria-pressed="true"]{background:var(--brand)}
.empty-front{padding-block:60px;text-align:center}
.empty-front h2{font-size:36px;margin-bottom:10px}
.empty-front p{color:var(--muted);font-family:var(--f-read);font-size:18px;max-width:52ch;margin:0 auto 18px}
.author-head{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}
.author-head .av{width:84px;height:84px;filter:none}
.author-head .av img{width:100%;height:100%;object-fit:cover}
.pager .page-numbers{min-width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--rule);padding-inline:12px;font-weight:600}
.pager .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pager .dots{border:0}
.secg>.sc:empty{display:none}

@media (min-width:1101px){.strip,.exg,.opg{grid-template-columns:repeat(var(--n,4),1fr)}}