@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/spacegrotesk-500.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/spacegrotesk-700.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibmplexmono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibmplexmono-500.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/fraunces-600.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/fraunces-900.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/newsreader-400.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/newsreader-500.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/newsreader-600.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/spectral-400.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/spectral-500.woff2') format('woff2')}
@font-face{font-family:'Spectral';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/spectral-800.woff2') format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/bodonimoda-600.woff2') format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/bodonimoda-700.woff2') format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/bodonimoda-900.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/archivo-500.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/archivo-700.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/archivo-900.woff2') format('woff2')}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/anton-400.woff2') format('woff2')}
@font-face{font-family:'Gloock';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/gloock-400.woff2') format('woff2')}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/literata-400.woff2') format('woff2')}
@font-face{font-family:'Literata';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/literata-700.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/instrumentserif-400.woff2') format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/zillaslab-600.woff2') format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/zillaslab-700.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/playfairdisplay-700.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/playfairdisplay-900.woff2') format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/bricolagegrotesque-800.woff2') format('woff2')}
@font-face{font-family:'Syne';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/syne-800.woff2') format('woff2')}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/amiri-700.woff2') format('woff2')}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/amiri-700-ar.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
/* Arabic screen faces. Amiri is a classical Quranic naskh: thin strokes and
   elaborate joins that only resolve at large print sizes — at 15-17px in a list
   it is unreadable. Plex Sans Arabic carries the UI/headlines, Noto Naskh the
   long-form body (variable 400-700, one file). */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/plexsansarabic-400-ar.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/plexsansarabic-600-ar.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/plexsansarabic-700-ar.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/notonaskharabic-400-ar.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}

.theme-tricolore{--paper:#ffffff;--paper2:#f4f5f7;--band:#f2f5fb;--ink:#101114;--ink2:#303238;--mut:#676a73;--faint:#9a9da6;--line:#e6e7ea;--line2:#d6d8dd;--dark:#0b0c0f;--accent:#0b2f9e;--accent2:#08237a;--onaccent:#ffffff;--rouge:#e2231a;--disp:'Bricolage Grotesque',system-ui,sans-serif;--serif:'Newsreader',Georgia,serif;--sans:'Space Grotesk',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--wrap:1300px;--dispw:800;--displs:-.025em;--logoh:44px;--accenth:6px;--h1:50px;--leadh:45px;--donk:#c5c8d2;--dmut:#868a97;--dsep:#3b3f4d;--ctap:#bcc0cc;--fmut:#b5b9c5;--fmut2:#858996;--fline:#1d1f26;--adph:repeating-linear-gradient(45deg,#f4f5f7,#f4f5f7 10px,#edeef1 10px,#edeef1 20px);background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.theme-tricolore{--ar-ui:'IBM Plex Sans Arabic';--ar-body:'Noto Naskh Arabic'}
.theme-tricolore *{box-sizing:border-box}
.theme-tricolore img{max-width:100%;display:block}
.theme-tricolore a{color:inherit;text-decoration:none}
.theme-tricolore .wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}
.theme-tricolore h1,.theme-tricolore h2,.theme-tricolore h3,.theme-tricolore h4{font-family:var(--disp);font-weight:var(--dispw,900);letter-spacing:var(--displs,-.01em);margin:0;line-height:1.08;overflow-wrap:break-word}
.theme-tricolore .topaccent{height:var(--accenth,0);background:var(--accent)}
/* utility bar */
.theme-tricolore .util{background:var(--dark);color:var(--donk,#c7ccd6)}
.theme-tricolore .util .in{display:flex;align-items:center;gap:20px;height:38px;font-family:var(--mono);font-size:11.5px;letter-spacing:.3px}
.theme-tricolore .util .date{color:var(--dmut,#8b93a3);text-transform:uppercase}
/* the LIVE pill is a fixed label, NOT part of the marquee — inside .mv it
   scrolled away under the fade mask and rendered as a clipped stub */
.theme-tricolore .util .tick{flex:1;min-width:0;display:flex;align-items:center;gap:14px}
.theme-tricolore .util .tick .live{flex:none;color:#fff;background:var(--accent);padding:2px 7px;border-radius:2px;font-weight:600}
.theme-tricolore .util .tick .run{flex:1;min-width:0;overflow:hidden;white-space:nowrap;
  -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.theme-tricolore .util .tick .run .mv{display:inline-block;animation:e_tick 55s linear infinite}
.theme-tricolore .util .tick a{color:var(--donk,#c7ccd6);margin-right:8px}
.theme-tricolore .util .tick .sep{color:var(--dsep,#4a5160);margin:0 12px}
.theme-tricolore .util .sub{color:#fff;flex-shrink:0}
.theme-tricolore .util .sub:hover{color:var(--accent)}
@keyframes e_tick{to{transform:translateX(-50%)}}
/* masthead */
.theme-tricolore header.mh{background:var(--paper);border-bottom:1px solid var(--line)}
.theme-tricolore .mh-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px 26px;max-width:var(--wrap);margin:0 auto}
.theme-tricolore .mh-left{font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.4px;text-transform:uppercase}
.theme-tricolore .brand{justify-self:center;display:flex;align-items:center;gap:12px}
.theme-tricolore .brand img{height:var(--logoh,44px);width:auto;filter:var(--logofilter,none)}
.theme-tricolore .brand{flex-direction:column;gap:4px;text-align:center}
.theme-tricolore .brand .wm{font-family:var(--disp);font-weight:var(--dispw,900);font-size:32px;letter-spacing:-.02em}
.theme-tricolore .wm-alt{display:block;font-family:var(--altdisp,var(--disp));font-size:var(--altsize,17px);font-weight:var(--altw,700);letter-spacing:0;color:var(--mut);line-height:1.3}
.theme-tricolore .brand-f .wm-alt{color:var(--fmut,#9aa)}
.theme-tricolore .mh-right{justify-self:end;display:flex;align-items:center;gap:12px}
.theme-tricolore .btn{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:9px 16px;border-radius:var(--btnrad,2px);border:1px solid var(--ink);transition:.15s}
.theme-tricolore .btn.solid{background:var(--accent);color:var(--onaccent,#fff);border-color:var(--accent)}
.theme-tricolore .btn.solid:hover{background:var(--accent2);border-color:var(--accent2)}
.theme-tricolore .btn.ghost:hover{background:var(--ink);color:var(--paper)}
/* nav */
.theme-tricolore nav.sections{border-bottom:2px solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:30}
.theme-tricolore nav.sections .in{display:flex;gap:0;max-width:var(--wrap);margin:0 auto;padding:0 26px;overflow-x:auto}
.theme-tricolore nav.sections a{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:14px 15px;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;transition:.15s}
.theme-tricolore nav.sections a:first-child{padding-inline-start:0}
.theme-tricolore nav.sections a:hover{color:var(--accent);border-color:var(--accent)}
.theme-tricolore nav.sections a.home{color:var(--accent)}
/* kicker / meta */
.theme-tricolore .kick{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--accent)}
.theme-tricolore .meta{font-family:var(--mono);font-size:11.5px;color:var(--mut)}
.theme-tricolore .byl{font-family:var(--sans);font-size:12.5px;color:var(--mut)}
.theme-tricolore .byl b{color:var(--ink);font-weight:600}
.theme-tricolore .dek{font-family:var(--serif);color:var(--ink2);font-size:16.5px;line-height:1.5}
/* layout */
.theme-tricolore main{padding:30px 0 20px}
.theme-tricolore .front{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px}
.theme-tricolore .rail{position:sticky;top:64px;align-self:start;display:flex;flex-direction:column;gap:30px}
/* lead well */
.theme-tricolore .lead-well{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:34px;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:30px}
.theme-tricolore .lead .ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--paper2);margin-bottom:16px}
.theme-tricolore .lead .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.theme-tricolore .lead:hover .ph img{transform:scale(1.03)}
.theme-tricolore .lead h2{font-size:var(--leadh,42px);line-height:1.04;margin:12px 0 12px}
.theme-tricolore .lead .dek{font-size:19px;line-height:1.48;max-width:60ch}
.theme-tricolore .lead .byl{margin-top:14px}
.theme-tricolore .lead-more{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.theme-tricolore .lead-more .lm-h{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.theme-tricolore .lead-more a{display:block;padding:11px 0;border-bottom:1px solid var(--line)}
.theme-tricolore .lead-more a:last-child{border-bottom:0}
.theme-tricolore .lead-more h4{font-family:var(--disp);font-weight:var(--h4w,700);font-size:19px;line-height:1.15;margin:0 0 3px}
.theme-tricolore .lead-more a:hover h4{color:var(--accent)}
.theme-tricolore .lead-side{display:flex;flex-direction:column;gap:20px}
.theme-tricolore .sidelead{display:grid;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.theme-tricolore .sidelead:last-child{border-bottom:0;padding-bottom:0}
.theme-tricolore .sidelead .ph{aspect-ratio:16/9;overflow:hidden;background:var(--paper2)}
.theme-tricolore .sidelead .ph img{width:100%;height:100%;object-fit:cover}
.theme-tricolore .sidelead h3{font-family:var(--disp);font-weight:var(--h4w,700);font-size:21px;line-height:1.12}
.theme-tricolore .sidelead:hover h3{color:var(--accent)}
/* strip */
.theme-tricolore .strip{margin:6px 0 40px}
.theme-tricolore .strip-h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.theme-tricolore .strip-h .lbl{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.theme-tricolore .strip-h .rule{flex:1;height:1px;background:var(--line2)}
.theme-tricolore .picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.theme-tricolore .pick .ph{aspect-ratio:3/2;overflow:hidden;background:var(--paper2);margin-bottom:10px}
.theme-tricolore .pick .ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.theme-tricolore .pick:hover .ph img{transform:scale(1.04)}
.theme-tricolore .pick h3{font-family:var(--disp);font-weight:var(--h4w,700);font-size:18px;line-height:1.14;margin:6px 0}
.theme-tricolore .pick:hover h3{color:var(--accent)}
/* section */
.theme-tricolore .sec{padding:32px 0;border-top:3px solid var(--ink)}
.theme-tricolore .sec-h{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.theme-tricolore .sec-h .tag{width:12px;height:22px;background:var(--accent)}
.theme-tricolore .sec-h h2{font-family:var(--disp);font-weight:900;font-size:25px}
.theme-tricolore .sec-h .all{margin-left:auto;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--accent)}
.theme-tricolore .sec-h .all:hover{text-decoration:underline}
.theme-tricolore .sec-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px}
.theme-tricolore .feature .ph{aspect-ratio:16/9;overflow:hidden;background:var(--paper2);margin-bottom:14px}
.theme-tricolore .feature .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.theme-tricolore .feature:hover .ph img{transform:scale(1.03)}
.theme-tricolore .feature h3{font-family:var(--disp);font-weight:900;font-size:27px;line-height:1.07;margin:8px 0 10px}
.theme-tricolore .feature:hover h3{color:var(--accent)}
.theme-tricolore .hlist{display:flex;flex-direction:column}
.theme-tricolore .hitem{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);align-items:start}
.theme-tricolore .hitem:first-child{padding-top:0}
.theme-tricolore .hitem:last-child{border-bottom:0}
.theme-tricolore .hitem h4{font-family:var(--disp);font-weight:var(--h4w,700);font-size:17px;line-height:1.16;margin:5px 0}
.theme-tricolore .hitem:hover h4{color:var(--accent)}
.theme-tricolore .hitem .th{width:92px;height:66px;object-fit:cover;background:var(--paper2)}
.theme-tricolore .hitem.nothumb{grid-template-columns:minmax(0,1fr)}
.theme-tricolore .sec.band{background:var(--band);border-top-color:var(--accent)}
/* river */
.theme-tricolore .river{padding-top:32px;border-top:3px solid var(--ink)}
.theme-tricolore .river .row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.theme-tricolore .river .ph{aspect-ratio:16/10;overflow:hidden;background:var(--paper2)}
.theme-tricolore .river .ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.theme-tricolore .river .row:hover .ph img{transform:scale(1.04)}
.theme-tricolore .river h3{font-family:var(--disp);font-weight:900;font-size:24px;line-height:1.1;margin:8px 0 8px}
.theme-tricolore .river .row:hover h3{color:var(--accent)}
.theme-tricolore .river .dek{margin-bottom:8px}
/* rail */
.theme-tricolore .rhead{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid var(--ink)}
.theme-tricolore .rlatest a{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:start}
.theme-tricolore .rlatest a:last-child{border-bottom:0}
.theme-tricolore .rlatest .tm{font-family:var(--mono);font-size:10.5px;color:var(--accent)}
.theme-tricolore .rlatest h4{font-family:var(--disp);font-weight:var(--h4w,700);font-size:15.5px;line-height:1.16;margin:3px 0 0}
.theme-tricolore .rlatest a:hover h4{color:var(--accent)}
.theme-tricolore .rlatest .th{width:62px;height:52px;object-fit:cover;background:var(--paper2)}
.theme-tricolore .rread a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--line);align-items:start}
.theme-tricolore .rread a:last-child{border-bottom:0}
.theme-tricolore .rread .n{font-family:var(--disp);font-weight:900;font-size:30px;line-height:.8;color:var(--line2)}
.theme-tricolore .rread a:hover .n{color:var(--accent)}
.theme-tricolore .rread h4{font-family:var(--disp);font-weight:var(--h4w,700);font-size:16px;line-height:1.14;margin:2px 0 0}
.theme-tricolore .rread a:hover h4{color:var(--accent)}
.theme-tricolore .cta{background:var(--ctabg,var(--dark));color:#fff;padding:24px 22px}
.theme-tricolore .cta h3{font-family:var(--disp);font-weight:900;font-size:23px;line-height:1.05;color:#fff;margin-bottom:8px}
.theme-tricolore .cta p{font-family:var(--serif);font-size:14.5px;color:var(--ctap,#c0bbc8);margin:0 0 16px}
.theme-tricolore .cta .go{display:inline-block;background:var(--accent);color:var(--onaccent,#fff);font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:11px 18px}
.theme-tricolore .cta .go:hover{background:#fff;color:var(--dark)}
.theme-tricolore .topics{display:flex;flex-wrap:wrap;gap:8px}
.theme-tricolore .topics a{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink2);border:1px solid var(--line2);padding:6px 11px;transition:.15s}
.theme-tricolore .topics a:hover{border-color:var(--accent);color:var(--accent)}
/* pager */
.theme-tricolore .pager{display:flex;justify-content:space-between;gap:12px;margin:34px 0 6px}
.theme-tricolore .pager a{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;border:1px solid var(--ink);padding:12px 22px;transition:.15s}
.theme-tricolore .pager a:hover{background:var(--ink);color:var(--paper)}
.theme-tricolore .pager .sp{visibility:hidden}
/* article */
.theme-tricolore .art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;max-width:var(--wrap);margin:0 auto;padding:0 26px;align-items:start}
.theme-tricolore .art-rail{position:sticky;top:64px;display:flex;flex-direction:column;gap:26px;padding-top:36px}
.theme-tricolore article.post{padding:36px 0 10px}
.theme-tricolore .artkick{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.theme-tricolore .post .kick{font-size:12px}
.theme-tricolore .post h1{font-size:var(--h1,44px);line-height:1.05;margin:16px 0 16px}
.theme-tricolore .post .stand{font-family:var(--serif);font-size:22px;line-height:1.5;color:var(--ink2);margin:0 0 20px;font-style:var(--standi,normal)}
.theme-tricolore .post .byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--sans);font-size:13px;color:var(--mut)}
.theme-tricolore .post .byline b{color:var(--ink);font-weight:600}
.theme-tricolore .post .byline .av{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--onaccent,#fff);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:900;font-size:16px}
.theme-tricolore .post .hero-img{margin:26px 0 12px}
.theme-tricolore .post .hero-img img{width:100%}
.theme-tricolore .post .hero-img figcaption,.theme-tricolore .cfig figcaption{font-family:var(--sans);font-size:12px;color:var(--faint);margin-top:8px}
.theme-tricolore .post .content{font-family:var(--serif);font-size:20px;line-height:1.72;color:var(--ink2)}
.theme-tricolore .post .content>p:first-of-type::first-letter{font-family:var(--disp);font-weight:900;font-size:4.3em;line-height:.82;float:left;padding:6px 12px 0 0;color:var(--accent)}
.theme-tricolore .post .content p{margin:0 0 1.3em}
.theme-tricolore .post .content h2{font-family:var(--disp);font-weight:900;font-size:28px;line-height:1.1;margin:1.6em 0 .5em;color:var(--ink)}
.theme-tricolore .post .content h3{font-family:var(--disp);font-weight:var(--h4w,700);font-size:22px;margin:1.4em 0 .4em;color:var(--ink)}
.theme-tricolore .post .content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.theme-tricolore .post .content blockquote{margin:1.5em 0;padding:4px 0 4px 24px;border-left:3px solid var(--accent);font-family:var(--disp);font-weight:var(--h4w,700);font-size:23px;line-height:1.3;color:var(--ink)}
.theme-tricolore .post .content ul,.theme-tricolore .post .content ol{margin:0 0 1.3em;padding-left:1.3em}
/* second-language block (bilingual titles): an Arabic/Hebrew translation of the
   same article, set right-to-left under a rule. Amiri/Noto fall back to the
   system Arabic face on themes that do not self-host one. */
.theme-tricolore .content .srcnote{font-family:var(--sans);font-size:14px;color:var(--mut);margin:1.8em 0 0;padding-top:1.1em;border-top:1px solid var(--line)}
.theme-tricolore .content .srcnote a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.theme-tricolore .altlang{margin:3em 0 0;padding-top:1.6em;border-top:3px double var(--line2)}
.theme-tricolore .altlang .altlang-h{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--mut);margin-bottom:1.1em}
.theme-tricolore .altlang[dir="rtl"]{direction:rtl;text-align:right}
.theme-tricolore .altlang[dir="rtl"] .altlang-h{text-align:right;letter-spacing:0}
.theme-tricolore .altlang[dir="rtl"] h2,.theme-tricolore .altlang[dir="rtl"] h3{text-align:right}
.theme-tricolore .altlang[dir="rtl"] ul,.theme-tricolore .altlang[dir="rtl"] ol{padding-left:0;padding-right:1.3em}
.theme-tricolore .altlang[dir="rtl"] blockquote{border-left:0;border-right:3px solid var(--accent);padding:4px 24px 4px 0}
.theme-tricolore .altlang[dir="rtl"] p:first-of-type::first-letter{font-size:inherit;float:none;padding:0;color:inherit;font-family:inherit;font-weight:inherit}
.theme-tricolore .altlang[lang="ar"]{font-family:var(--ar-body),var(--serif);font-size:20px;line-height:2.05}
/* photo credit under a hero image */
.theme-tricolore .hero-img figcaption,.theme-tricolore .cfig figcaption{font-family:var(--sans);font-size:12.5px;line-height:1.45;color:var(--mut);margin-top:9px;padding-bottom:2px}
.theme-tricolore .hero-img figcaption .cr,.theme-tricolore .cfig figcaption .cr{color:var(--faint)}
.theme-tricolore .cfig{margin:1.7em 0}
.theme-tricolore .cfig img{width:100%}
.theme-tricolore .cfig--wide{width:min(112%,calc(100% + 90px));margin-left:calc((100% - min(112%,calc(100% + 90px)))/2)}
.theme-tricolore .cfig--inset{float:right;width:46%;margin:6px 0 18px 26px}
.theme-tricolore .showstop{margin:2.2em 0;padding:34px 0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);text-align:center}
.theme-tricolore .showstop q{font-family:var(--disp);font-weight:900;font-size:30px;line-height:1.16;quotes:none}
.theme-tricolore .showstop q::before,.theme-tricolore .showstop q::after{color:var(--accent)}
.theme-tricolore .showstop q::before{content:var(--quoteopen,"\201C")}
.theme-tricolore .showstop q::after{content:var(--quoteclose,"\201D")}
.theme-tricolore .showstop .attr{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);margin-top:16px}
/* ---- right-to-left edition -------------------------------------------------
   The whole page flips, not just the prose: the utility bar, the masthead
   columns, the section rules, the rail and the list numerals all read from the
   right. Logical properties would be tidier but the layout below is written in
   physical ones, so the mirror is explicit. */
.theme-tricolore[dir="rtl"]{direction:rtl;text-align:right;font-family:var(--ar-ui),var(--sans)}
.theme-tricolore[dir="rtl"] h1,.theme-tricolore[dir="rtl"] h2,.theme-tricolore[dir="rtl"] h3,.theme-tricolore[dir="rtl"] h4{
  font-family:var(--ar-ui),var(--disp);font-weight:700;letter-spacing:0;line-height:1.45}
.theme-tricolore[dir="rtl"] .mh-left{text-align:right}
.theme-tricolore[dir="rtl"] .mh-right{justify-self:start}
.theme-tricolore[dir="rtl"] .util .tick .run{-webkit-mask-image:linear-gradient(270deg,#000 88%,transparent);mask-image:linear-gradient(270deg,#000 88%,transparent)}
.theme-tricolore[dir="rtl"] .util .tick .mv{animation-name:e_tick_rtl}
.theme-tricolore[dir="rtl"] .sec-h .all{margin-right:auto;margin-left:0}
.theme-tricolore[dir="rtl"] .river .row{direction:rtl}
.theme-tricolore[dir="rtl"] .content ul,.theme-tricolore[dir="rtl"] .content ol{padding-left:0;padding-right:1.4em}
.theme-tricolore[dir="rtl"] .content blockquote{border-left:0;border-right:3px solid var(--accent);padding:4px 24px 4px 0}
.theme-tricolore[dir="rtl"] .content>p:first-of-type::first-letter{float:right;padding:6px 0 0 12px}
.theme-tricolore[dir="rtl"] .showstop{text-align:center}
.theme-tricolore[dir="rtl"] .ai-note{border-left:0;border-right:3px solid var(--accent)}
.theme-tricolore[dir="rtl"] .byline,.theme-tricolore[dir="rtl"] .artkick,.theme-tricolore[dir="rtl"] .tags{flex-direction:row-reverse;justify-content:flex-end}
.theme-tricolore[dir="rtl"] .content .srcnote{text-align:right}
.theme-tricolore[dir="rtl"] .post .content{font-family:var(--ar-body),var(--serif);font-size:20px;line-height:2.05}
@keyframes e_tick_rtl{to{transform:translateX(50%)}}
/* language switch in the masthead */
.theme-tricolore .langsw{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);
  font-size:12px;font-weight:700;letter-spacing:.4px;border:1px solid var(--line2);
  padding:7px 12px;border-radius:var(--btnrad,2px);color:var(--ink2);transition:.15s}
.theme-tricolore .langsw:hover{border-color:var(--accent);color:var(--accent)}
/* pre-launch cover (no articles yet) */
.theme-tricolore .launch{padding:76px 0 60px;border-bottom:1px solid var(--line);max-width:760px}
.theme-tricolore .launch .kick{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.theme-tricolore .launch h1{font-size:clamp(34px,5.2vw,var(--h1,48px));line-height:1.05;margin-bottom:22px}
.theme-tricolore .launch .dek{font-size:19px;line-height:1.62;color:var(--ink2);max-width:56ch;margin:0}
.theme-tricolore .launch .lact{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:34px}
.theme-tricolore .lsecs{padding:44px 0;border-bottom:1px solid var(--line)}
/* borders live on the cards, not on a coloured grid gap: a partly-filled last
   row would otherwise show the gap colour as a solid block */
.theme-tricolore .lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0;
  border-top:1px solid var(--line);border-left:1px solid var(--line)}
.theme-tricolore .lcard{background:var(--paper);padding:22px 20px 24px;display:block;transition:.18s;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.theme-tricolore .lcard:hover{background:var(--band)}
.theme-tricolore .lcard-i{display:block;width:26px;height:3px;background:var(--cc,var(--accent));margin-bottom:14px}
.theme-tricolore .lcard h3{font-size:19px;line-height:1.2}
.theme-tricolore .lcard:hover h3{color:var(--accent)}
.theme-tricolore .emptysec{font-family:var(--sans);font-size:15px;color:var(--mut);padding:40px 0;margin:0;border-bottom:1px solid var(--line)}
.theme-tricolore .adbox{margin:0}
.theme-tricolore .ad-lbl{font-family:var(--sans);font-size:9.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);text-align:center;margin-bottom:6px}
.theme-tricolore .ad-inarticle{margin:2.4em 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.theme-tricolore .ad-ph{display:flex;align-items:center;justify-content:center;background:var(--adph,repeating-linear-gradient(45deg,#f4f2ee,#f4f2ee 10px,#efece7 10px,#efece7 20px))}
.theme-tricolore .ad-inarticle .ad-ph{height:110px}
.theme-tricolore .ad-square .ad-ph{height:250px}
.theme-tricolore .ai-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--ink2);border:1px solid var(--line2);border-radius:20px;padding:4px 10px}
.theme-tricolore .ai-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.theme-tricolore .ai-chip:hover{border-color:var(--accent);color:var(--accent)}
.theme-tricolore .ai-note{margin:34px 0 0;padding:18px 20px;background:var(--band);border-left:3px solid var(--accent);font-family:var(--sans);font-size:13px;line-height:1.6;color:var(--ink2)}
.theme-tricolore .ai-note b{color:var(--ink)}
.theme-tricolore .ai-note a{color:var(--accent);text-decoration:underline}
.theme-tricolore .tags{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.theme-tricolore .tags a{font-family:var(--sans);font-size:12px;color:var(--ink2);border:1px solid var(--line2);padding:6px 12px}
.theme-tricolore .tags a:hover{border-color:var(--accent);color:var(--accent)}
.theme-tricolore .relwrap{background:var(--band);border-top:3px solid var(--ink);margin-top:44px}
.theme-tricolore .relwrap .in{max-width:var(--wrap);margin:0 auto;padding:34px 26px}
.theme-tricolore .cathead{border-bottom:3px solid var(--ink);padding:20px 0 18px;margin-bottom:8px}
.theme-tricolore .cathead h1{font-size:44px;margin-top:8px}
.theme-tricolore .staticpage{max-width:760px;margin:0 auto;padding:34px 26px 20px}
.theme-tricolore .staticpage h1{font-size:44px;margin:8px 0 20px}
.theme-tricolore .staticpage h2{font-family:var(--disp);font-weight:900;font-size:24px;margin:1.5em 0 .4em}
.theme-tricolore .staticpage p,.theme-tricolore .staticpage li{font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--ink2)}
.theme-tricolore .staticpage ul{padding-left:1.2em}
.theme-tricolore .staticpage code{font-family:var(--mono);font-size:13px;background:var(--band);padding:2px 6px}
/* footer */
.theme-tricolore footer.site{background:var(--dark);color:var(--fmut,#aab1be);margin-top:52px}
.theme-tricolore footer.site .cols{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:34px;padding:46px 26px 30px;max-width:var(--wrap);margin:0 auto}
.theme-tricolore footer.site .brand-f .wm{font-family:var(--disp);font-weight:900;font-size:26px;color:#fff;margin-bottom:12px}
.theme-tricolore footer.site p{font-family:var(--serif);font-size:14px;color:var(--fmut2,#8b93a3);max-width:38ch;margin:0}
.theme-tricolore footer.site .fh{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:14px}
.theme-tricolore footer.site nav{display:flex;flex-direction:column;gap:9px;font-family:var(--sans);font-size:13.5px}
.theme-tricolore footer.site nav a:hover{color:var(--accent)}
.theme-tricolore footer.site .legal{border-top:1px solid var(--fline,#262a33);padding:16px 26px 44px;font-family:var(--mono);font-size:11.5px;color:var(--fmut2,#6b7280);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:var(--wrap);margin:0 auto}
.theme-tricolore footer.site .legal b{color:var(--accent);font-weight:500}
.theme-tricolore footer.site .legal .ai a{color:var(--fmut,#aab1be);text-decoration:underline}
/* responsive */
@media(max-width:1080px){
  .theme-tricolore .front{grid-template-columns:1fr;gap:0}
  .theme-tricolore .rail{position:static;flex-direction:row;flex-wrap:wrap;gap:30px;margin-top:40px;border-top:3px solid var(--ink);padding-top:28px}
  .theme-tricolore .rail>*{flex:1;min-width:240px}
  .theme-tricolore .art-wrap{grid-template-columns:1fr;gap:0}
  .theme-tricolore .art-rail{position:static;flex-direction:row;flex-wrap:wrap;gap:26px;border-top:3px solid var(--ink);margin-top:30px}
  .theme-tricolore .art-rail>*{flex:1;min-width:250px}
}
@media(max-width:820px){
  .theme-tricolore .lead-well,.theme-tricolore .sec-body{grid-template-columns:1fr;gap:24px}
  .theme-tricolore .picks{grid-template-columns:1fr 1fr}
  .theme-tricolore footer.site .cols{grid-template-columns:1fr 1fr}
  .theme-tricolore .mh-row{grid-template-columns:1fr auto}.theme-tricolore .mh-left{display:none}
  .theme-tricolore .cfig--inset{float:none;width:100%;margin:1.5em 0}
}
@media(max-width:560px){
  .theme-tricolore .lead h2{font-size:31px}.theme-tricolore .post h1{font-size:32px}
  .theme-tricolore .picks{grid-template-columns:1fr}.theme-tricolore .river .row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.theme-tricolore .util .tick .mv{animation:none}.theme-tricolore *{transition:none!important}}
.theme-tricolore .topaccent{background:linear-gradient(90deg,var(--accent) 0 33.33%,#ffffff 33.33% 66.66%,var(--rouge) 66.66% 100%);border-bottom:1px solid var(--line)}.theme-tricolore nav.sections{border-bottom:3px solid var(--accent)}.theme-tricolore .util .tick .live{background:var(--rouge)}.theme-tricolore .kick{color:var(--rouge);font-family:var(--sans);font-size:10.5px;letter-spacing:1.5px;font-weight:700}.theme-tricolore .sec-h h2{font-size:27px;letter-spacing:-.02em}.theme-tricolore .sec-h .tag{background:var(--rouge)}.theme-tricolore .rhead{border-bottom:3px solid var(--accent)}.theme-tricolore .rread .n{color:var(--rouge)}.theme-tricolore .lead h2,.theme-tricolore .post h1,.theme-tricolore .launch h1{line-height:1.03}.theme-tricolore .launch .kick{color:var(--accent)}.theme-tricolore .post .content>p:first-of-type::first-letter{color:var(--rouge)}.theme-tricolore .showstop q::before,.theme-tricolore .showstop q::after{color:var(--rouge)}