:root{--paper:#fcfbf8;--line:#e7e3d8;--ink:#33415c;--soft:#69748a;--slate:#9aa2af;--brass:#b08f45;--card:#fff;--wash:#f1eee5;--font-display:'Newsreader',Georgia,serif;--font-body:'IBM Plex Sans',Arial,sans-serif;--font-data:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 32px}header{border-bottom:1px solid var(--line);padding:17px 0;background:rgba(252,251,248,.97);position:sticky;top:0;z-index:10}header .wrap{display:flex;justify-content:space-between;align-items:center}.mark{font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:34px;line-height:1;letter-spacing:.02em;text-decoration:none}nav{display:flex;gap:22px;font-size:12px;letter-spacing:.04em}nav a{text-decoration:none;color:var(--soft)}nav a:hover,nav a[aria-current="page"]{color:var(--ink);border-bottom:1px solid var(--brass)}.hero{padding:80px 0 64px}.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:76px;align-items:center}.eyebrow,.label{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--brass)}h1,h2,h3{font-family:'Newsreader',Georgia,serif;font-weight:400}h1{font-size:clamp(54px,8vw,88px);line-height:.98;margin:14px 0 22px;color:#233047}h2{font-size:38px;margin:0 0 16px}h3{font-size:23px;margin:0 0 9px}.lede{font-size:18px;line-height:1.7;color:var(--soft);max-width:720px}.portrait-frame{width:100%;aspect-ratio:750/970;overflow:hidden;background:#fff}.portrait{width:100%;height:auto;display:block;transform:translateY(-13.3%);filter:grayscale(.08)}section{padding:64px 0;border-top:1px solid var(--line)}.button{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:13px 20px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em;margin-top:18px}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink);margin-left:8px}.path-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0 0;padding:0;list-style:none}.path-list li{border-top:1px solid var(--ink);padding-top:18px}.path-list a{font-family:'Newsreader',Georgia,serif;font-size:27px;text-decoration-thickness:1px;text-underline-offset:5px}.path-list p{color:var(--soft);line-height:1.55}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.topic{display:block;background:var(--card);border:1px solid var(--line);padding:26px;text-decoration:none;min-height:150px}.topic:hover{border-color:var(--brass)}.count{font-family:'IBM Plex Mono',monospace;color:var(--brass);font-size:12px}.topic p{color:var(--soft);line-height:1.55;margin:0}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.chip{border:1px solid var(--line);background:var(--wash);padding:8px 12px;border-radius:20px;font-size:12px;text-decoration:none}.politics-index{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:28px 0}.politics-index h2{font-size:24px;border-bottom:1px solid var(--ink);padding-bottom:9px}.politics-index ul{margin:0;padding:0;list-style:none}.politics-index li{margin:0 0 9px}.politics-index a{text-underline-offset:3px}.playlist-note{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--brass);margin-left:5px}.breadcrumb{font-size:12px;color:var(--soft);margin-bottom:24px}.note{background:var(--wash);padding:20px;border-left:3px solid var(--brass);color:var(--soft);line-height:1.55}.video-section{scroll-margin-top:100px;margin:0 0 50px}.video-section h2{border-bottom:1px solid var(--ink);padding-bottom:12px}.video-list{margin:0;padding:0;list-style:none}.video{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:baseline;border-bottom:1px solid var(--line);padding:14px 0}.video .num{font-family:'IBM Plex Mono',monospace;color:var(--brass);font-size:11px}.video a{font-family:'Newsreader',Georgia,serif;font-size:18px;text-underline-offset:4px}.video .meta{font-family:'IBM Plex Mono',monospace;color:var(--soft);font-size:11px;white-space:nowrap}.career-list{border-top:1px solid var(--ink)}.career-row{display:grid;grid-template-columns:180px 1fr;gap:38px;padding:28px 0;border-bottom:1px solid var(--line)}.career-company{font-family:'Newsreader',Georgia,serif;font-size:24px}.career-date{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--brass);margin-top:6px}.career-row p{color:var(--soft);line-height:1.6}.career-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.career-links a{font-size:12px;text-underline-offset:3px}.research-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px}.research-item{border-top:1px solid var(--ink);padding-top:18px}.research-item p{color:var(--soft);line-height:1.6}.ledger{border-top:1px solid var(--ink)}.ledger-row{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.year{font-family:'IBM Plex Mono',monospace;color:var(--brass);font-size:12px}footer{padding:40px 0;text-align:center;border-top:1px solid var(--line);font-family:'IBM Plex Mono',monospace;color:var(--slate);font-size:11px;letter-spacing:.08em}.search{width:100%;padding:14px 15px;border:1px solid var(--line);font-size:15px;background:#fff;color:var(--ink);margin:18px 0 4px}.hidden{display:none!important}@media(max-width:760px){header{position:static}header .wrap{display:block}.mark{font-size:29px}nav{gap:12px;margin-top:14px;flex-wrap:wrap;font-size:11px}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr}.portrait-frame{width:min(280px,100%)}.path-list,.topic-grid,.research-list,.politics-index{grid-template-columns:1fr}.video{grid-template-columns:34px 1fr}.video .meta{grid-column:2;white-space:normal}.career-row{grid-template-columns:1fr;gap:10px}.button.secondary{margin-left:0}.wrap{padding:0 20px}h1{font-size:52px}}
.politics-index{grid-template-columns:repeat(4,1fr);gap:22px}.politics-index h2{font-size:20px;border-bottom:2px solid var(--ink);margin-bottom:8px}.politics-index li{margin-bottom:5px;font-size:13px;line-height:1.25}.gate{background:#fff;border:1px solid var(--line);padding:28px;max-width:760px;margin:26px 0}.gate h2{font-size:29px}.gate-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0}.gate input[type=email]{padding:13px;border:1px solid var(--line);font:inherit}.gate-check{display:flex;gap:9px;align-items:flex-start;color:var(--soft);font-size:13px;line-height:1.45}.locked{display:none}.compact-section{scroll-margin-top:90px;margin:0 0 30px}.compact-section h2{font-size:23px;border-bottom:2px solid var(--ink);padding-bottom:7px;margin-bottom:5px}.compact-list{columns:2;column-gap:34px;margin:0;padding:0;list-style:none}.compact-list li{break-inside:avoid;border-bottom:1px solid var(--line);padding:6px 0;font-size:13px;line-height:1.3}.compact-list a{text-underline-offset:2px}
@media(max-width:760px){.gate-row{grid-template-columns:1fr}.compact-list{columns:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* 2026-08-30 editorial redesign */
:root{--paper:#f8f6ef;--line:#dcd7ca;--ink:#17233a;--soft:#5d687b;--slate:#8991a0;--brass:#ad7b2c;--card:#fffdf8;--wash:#ede8dc;--navy:#17233a;--blue:#274b7a}
.wrap{max-width:1240px;padding-left:40px;padding-right:40px}
header{padding:20px 0;background:rgba(23,35,58,.97);color:#fff;border-bottom-color:rgba(255,255,255,.16);backdrop-filter:blur(12px)}
.mark{font-size:38px;letter-spacing:.01em}
nav{gap:28px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.07em;text-transform:uppercase}
nav a{color:rgba(255,255,255,.72);padding:8px 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current="page"]{color:#fff;border-bottom-color:#d4a650}
nav a.nav-tools{color:#fff;font-weight:600;border:1px solid rgba(212,166,80,.72);padding:8px 11px;background:rgba(212,166,80,.11)}nav a.nav-tools:hover,nav a.nav-tools[aria-current="page"]{background:#d4a650;color:#17233a;border-color:#d4a650}
.hero{padding:96px 0 82px;background:linear-gradient(135deg,#f8f6ef 0%,#f8f6ef 70%,#ebe5d8 100%)}
.hero-grid{grid-template-columns:minmax(0,1fr) 350px;gap:82px}
.eyebrow,.label{font-size:12px}
h1{font-size:clamp(68px,9vw,112px);line-height:.88;letter-spacing:-.035em;margin:18px 0 28px;color:var(--navy)}
h2{font-size:clamp(42px,5vw,58px);line-height:1.03;letter-spacing:-.02em}
h3{font-size:28px;line-height:1.08}
.lede{font-size:20px;line-height:1.65;max-width:800px}
.portrait-frame{aspect-ratio:4/5;border:1px solid var(--line);box-shadow:18px 18px 0 #d9caaa}
.portrait{transform:translateY(-14.2%);filter:none}
section{padding:82px 0}
.button{padding:16px 24px;text-transform:uppercase;border:1px solid var(--navy);transition:transform .18s ease,background .18s ease}
.button:hover{background:var(--blue);transform:translateY(-2px)}
.path-list{gap:20px;margin-top:34px}
.path-list li{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--ink);padding:28px;min-height:220px;transition:transform .18s ease,border-color .18s ease}
.path-list li:hover{transform:translateY(-4px);border-color:var(--brass)}
.path-list a{font-size:34px;line-height:1.05}
.path-list p{font-size:16px;line-height:1.6}
.topic{border-top:4px solid var(--ink);padding:32px;min-height:190px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.topic:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(23,35,58,.08)}
.video a{font-size:20px;line-height:1.3}
.video{padding:17px 0}
.research-item h3{font-size:30px}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px;align-items:end;margin-bottom:34px}
.section-heading>p{color:var(--soft);line-height:1.6;margin:0}
.editorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.editorial-card{display:flex;flex-direction:column;min-height:310px;padding:34px;background:var(--card);border:1px solid var(--line);border-top:5px solid var(--brass);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.editorial-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(23,35,58,.1)}
.editorial-card-lead{background:var(--navy);color:#fff;border-color:var(--navy)}
.editorial-card h3{font-size:40px;margin:18px 0 14px}
.editorial-card p{font-size:17px;line-height:1.6;color:var(--soft);margin:0}
.editorial-card-lead p{color:rgba(255,255,255,.72)}
.card-tag,.card-link{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
.card-link{margin-top:auto;padding-top:30px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}header{position:static}.mark{font-size:32px}.hero{padding:58px 0}.hero-grid{grid-template-columns:1fr;gap:46px}.hero-grid h1,h1{font-size:clamp(54px,16vw,72px)}.portrait-frame{width:min(320px,calc(100% - 18px))}section{padding:58px 0}.path-list,.editorial-grid,.section-heading{grid-template-columns:1fr}.section-heading{gap:14px}.path-list li{min-height:auto}.editorial-card{min-height:260px;padding:27px}.editorial-card h3{font-size:34px}nav{gap:14px;font-size:10px}}
.site-social{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.site-social span{color:var(--brass)}
.site-social a{text-underline-offset:3px}

/* Reading density: put the first useful section closer to the top of each page. */
.hero{padding:42px 0 36px}
.hero h1{font-size:clamp(46px,5vw,72px);line-height:1.02;margin:10px 0 16px}
.hero .lede{font-size:18px;line-height:1.5;margin:0}
.hero+section{padding-top:30px}
@media(max-width:760px){.hero{padding:28px 0 26px}.hero h1{font-size:clamp(38px,10vw,50px);line-height:1.04;margin:8px 0 12px}.hero .lede{font-size:16px;line-height:1.48}.hero+section{padding-top:20px}}

/* Custom entry screens use the same density without changing their colors or layout. */
:is(.article-hero,.opinion-hero,.case-hero,.teaser-hero,.model-hero,.evaluation-hero,.worth-hero,.finance-hero,.private-hero,.personal-hero){padding-top:42px!important;padding-bottom:36px!important}
:is(.article-hero,.opinion-hero,.case-hero,.teaser-hero,.model-hero,.evaluation-hero,.worth-hero,.finance-hero,.private-hero,.personal-hero) h1{font-size:clamp(46px,5vw,72px)!important;line-height:1.02!important;margin-top:10px!important;margin-bottom:16px!important}
:is(.article-hero,.opinion-hero,.case-hero,.teaser-hero,.model-hero,.evaluation-hero,.worth-hero,.finance-hero,.private-hero,.personal-hero) .lede{font-size:18px!important;line-height:1.5!important}
@media(max-width:760px){:is(.article-hero,.opinion-hero,.case-hero,.teaser-hero,.model-hero,.evaluation-hero,.worth-hero,.finance-hero,.private-hero,.personal-hero){padding-top:28px!important;padding-bottom:26px!important}:is(.article-hero,.opinion-hero,.case-hero,.teaser-hero,.model-hero,.evaluation-hero,.worth-hero,.finance-hero,.private-hero,.personal-hero) h1{font-size:clamp(38px,10vw,50px)!important;line-height:1.04!important;margin-top:8px!important;margin-bottom:12px!important}:is(.article-hero,.opinion-hero,.case-hero,.teaser-hero,.model-hero,.evaluation-hero,.worth-hero,.finance-hero,.private-hero,.personal-hero) .lede{font-size:16px!important;line-height:1.48!important}}

/* 2026-09-24 — header/nav consolidation, Portfolio integration (Claude, for Codex to integrate
   and test; not published). REVISED same day per Aref: retain the approved blue/charcoal
   styling rather than restoring the old gold. Read arefmb-editorial-20260922.css directly
   (248,671 chars, fetched live) rather than assuming: its own `:root` token block already
   renames the old "brass"/gold accent to Science Blue everywhere —
   `--brass:#0053cd;--gold:#0053cd;--accent:#0053cd;--blue:#0053cd` — alongside
   `--ink:#000;--navy:#000;--text:#000` and `--slate:#7c8a97;--line:#7c8a97;--border:#7c8a97`.
   Its `body *, body *::before, body *::after{color:#000!important;
   background-color:transparent!important;border-color:#7c8a97!important;...}` rule (loaded after
   this file on every page) is that same approved palette applied as a global reset — flattened
   backgrounds, black ink, slate borders sitewide — not a bug, and this block does not fight it:
   text color and background are left alone entirely. The one thing missing is a visual cue for
   *which* nav item is active/hovered: site.css's own active-nav rule below still hardcodes the
   old literal gold hex (`#d4a650`) rather than the new token, so under the reset it renders as
   the same generic slate border as every other element, indistinguishable from an inactive link.
   This block gives the active/hover state the one deliberate exception a design system would
   want — Science Blue (#0053cd) — matching this same stylesheet's own established brass→#0053cd
   renaming (see its `.legend .brass{color:#0053cd!important}` rule, same file) rather than
   inventing a new color. Applies to the active-nav underline sitewide and to the Finance
   "nav-tools" pill's active/hover border specifically; the pill's default (non-active,
   non-hover) border is left as the approved slate, matching every other bordered element. */
nav a:hover,nav a[aria-current="page"]{border-bottom-color:#0053cd!important}
nav a.nav-tools:hover,nav a.nav-tools[aria-current="page"]{border-color:#0053cd!important}