/* .mb CSS — landing block below is the reference code (magna-bureau-landing__1__5_3ab7.html) VERBATIM; extensions follow, all scoped under .mb. No blackletter, no gold header, no rounded corners, no shadows, no gradients. */
body{margin:0;background:#F7F4EE}
.mb{--ink:#0B0B0C;--paper:#F7F4EE;--hair:#CFC8BA;--mut:#47443E;--blue:#1D4ED8;--purple:#6D3FD0;--teal:#0B7A6B;--gold:#8A6A00;--rose:#B8325A;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;text-align:center;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.mb *{box-sizing:border-box}
.mb a{color:inherit;text-decoration:none}
.mb p,.mb h1,.mb h2,.mb h3,.mb figure{margin:0}
.mb .d{font-family:'Source Serif 4',Georgia,'Times New Roman',serif;font-optical-sizing:auto}
.mb .b{font-family:'Bodoni Moda',Didot,'Times New Roman',serif;font-optical-sizing:auto}
.mb .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.mb .mut{color:var(--mut)}
.mb .l{text-align:left}
.mb .wrap{max-width:1100px;margin:0 auto;padding:0 22px}
.mb .bar{display:block;background:var(--ink);color:var(--paper);padding:12px 16px}
.mb .top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 10px;border-bottom:1px solid var(--hair)}
.mb .top .r{justify-self:end;display:flex;align-items:center}
.mb .ic{display:flex;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:0;color:var(--ink);padding:0}
.mb .lang{padding:12px 6px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--mut)}
.mb .lang.on{color:var(--ink);border-bottom:1.5px solid var(--ink)}
.mb .mast{padding:30px 22px 0}
.mb .mast h1{font-weight:600;font-size:clamp(64px,21vw,150px);line-height:.88;letter-spacing:.01em}
.mb .sub{display:flex;align-items:center;gap:16px;margin-top:12px}
.mb .sub i{flex:1;height:1px;background:var(--ink)}
.mb .sub span{font-weight:500;font-size:clamp(15px,4.6vw,32px);letter-spacing:.6em;margin-right:-.6em}
.mb .tag{margin-top:16px;font-style:italic;font-size:clamp(16px,4.4vw,22px);color:var(--ink)}
.mb .dateline{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px}
.mb .dateline b{width:6px;height:6px;border-radius:50%;display:block}
.mb .sn{margin-top:22px;border-top:3px double var(--ink);border-bottom:1px solid var(--ink);overflow-x:auto;scrollbar-width:none}
.mb .sn::-webkit-scrollbar{display:none}
.mb .sn div{display:flex;gap:24px;padding:0 22px;width:max-content;margin:0 auto}
.mb .sn a{padding:15px 0;white-space:nowrap}
.mb .hero{padding:40px 22px 0}
.mb .hero h2{font-weight:600;font-size:clamp(31px,8.4vw,64px);line-height:1.15;letter-spacing:-.005em;text-wrap:balance}
.mb .hero u{text-decoration-thickness:2px;text-underline-offset:.13em}
.mb .cta{display:block;max-width:340px;margin:30px auto 0;padding:20px 16px;background:var(--ink);color:var(--paper)}
.mb .cta.s{background:none;color:var(--ink);border:1px solid var(--ink)}
.mb .stat{margin-top:22px;font-size:15px;line-height:1.5;color:var(--mut)}
.mb .desks{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);margin-top:40px}
.mb .desks a{padding:24px 10px 22px;border-bottom:1px solid var(--hair)}
.mb .desks a:nth-child(odd){border-right:1px solid var(--hair)}
.mb .desks b{display:block;width:8px;height:8px;border-radius:50%;margin:0 auto 12px}
.mb .desks .d{display:block;font-size:21px;font-weight:700;line-height:1.15}
.mb .desks .k{display:block;margin-top:8px;font-size:11px;letter-spacing:.1em;color:var(--mut)}
.mb .st{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.mb .st i{flex:1;height:1px;background:var(--ink)}
.mb .sec{padding:56px 22px 0}
.mb .ph{position:relative;background:#E7E1D5;overflow:hidden}
.mb .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mb .full{margin:0 -22px}
.mb .cap{margin-top:12px;padding:0 22px}
.mb .lead h3{font-weight:700;font-size:clamp(29px,7.6vw,50px);line-height:1.14;margin-top:14px;text-wrap:balance}
.mb .lead p{margin:14px auto 0;max-width:620px;font-family:'Source Serif 4',Georgia,serif;font-size:18px;line-height:1.6;color:#2E2C28}
.mb .more{display:inline-block;margin-top:18px;padding-bottom:4px;border-bottom:1px solid var(--ink)}
.mb .lens{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:26px}
.mb .lens div{border-top:1px solid var(--ink);padding-top:12px}
.mb .lens b{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}
.mb .lens p{margin-top:10px;font-family:'Source Serif 4',Georgia,serif;font-size:19px;line-height:1.4;font-weight:600}
.mb .conv{margin-top:28px;padding:24px 22px;border:1px solid var(--hair);background:#FBF9F4}
.mb .conv p{margin-top:12px;font-family:'Source Serif 4',Georgia,serif;font-size:17px;line-height:1.55;color:#2E2C28}
.mb .rd{display:block;padding:18px 0;border-top:1px solid var(--hair)}
.mb .rd:last-of-type{border-bottom:1px solid var(--hair)}
.mb .rd span{font-size:clamp(20px,5.2vw,26px);font-weight:700;line-height:1.22}
.mb .row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--hair);font-size:16px}
.mb .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.mb .num{font-size:52px;font-weight:600;line-height:1}
.mb .band{margin:60px 22px 0;padding:44px 22px;border-top:3px double var(--ink);border-bottom:1px solid var(--ink)}
.mb footer{padding:36px 22px 44px;font-size:12px;line-height:1.9;color:var(--mut);background:var(--paper);border-top:1px solid var(--hair)}
.mb footer a{color:var(--mut)}
.mb footer.site-footer{background:var(--paper);color:var(--ink)}

/* ============ .mb SITE-WIDE EXTENSIONS (FULL spec shared inner CSS, lines 93-125, verbatim, scoped under .mb) ============ */
.mb .mast.compact{padding:14px 22px 0}
.mb .mast.compact h1{font-family:'Bodoni Moda',Didot,'Times New Roman',serif;font-weight:600;font-size:22px;letter-spacing:.34em;margin-right:-.34em;line-height:1}
.mb .mast.compact .sub,.mb .mast.compact .tag,.mb .mast.compact .dateline{display:none}
.mb .page{max-width:720px;margin:0 auto;padding:36px 22px 0;text-align:left}
.mb .art h1{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:clamp(32px,8vw,48px);line-height:1.14;margin:12px 0 0}
.mb .art .deck{font:400 21px/1.5 'Source Serif 4',Georgia,serif;color:#2E2C28;margin-top:16px}
.mb .art .meta{font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-top:18px}
.mb .art figure{margin:28px -22px 0}
.mb .art figcaption{font:400 13px/1.5 Inter,sans-serif;color:var(--mut);padding:10px 22px 0}
.mb .art .body{margin-top:28px;font-family:'Source Serif 4',Georgia,serif;font-size:19px;line-height:1.65;color:#1F1E1B}
.mb .art .body p{margin:0 0 1.15em}
.mb .art .body h2{font-weight:700;font-size:26px;line-height:1.2;margin:1.8em 0 .6em}
.mb .art .body blockquote{margin:1.6em 0;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:24px;font-style:italic;font-weight:500;line-height:1.35}
.mb .art .sources{font:400 13px/1.6 Inter,sans-serif;color:var(--mut)}
.mb .tabs{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid var(--ink);scrollbar-width:none}
.mb .tabs a,.mb .tabs button{min-height:44px;padding:14px 0;white-space:nowrap;font:600 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);background:none;border:0;border-bottom:3px solid transparent}
.mb .tabs [aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.mb .tbl{width:100%;border-collapse:collapse;font-size:16px}
.mb .tbl th{font:600 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-align:left;padding:10px 6px;border-bottom:1px solid var(--ink);position:sticky;top:0;background:var(--paper)}
.mb .tbl td{padding:14px 6px;border-bottom:1px solid var(--hair)}
.mb .tbl .rk{font-family:'Source Serif 4',Georgia,serif;font-weight:700;width:44px}
.mb .tbl .sc{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.mb .chip{display:inline-flex;align-items:center;gap:8px;font:600 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.mb .chip i{width:8px;height:8px;border-radius:50%;background:currentColor;display:block} /* spec shared CSS: dots are circles; every other element stays square */
.mb .chip.crit{color:var(--rose)}.mb .chip.tense{color:var(--gold)}.mb .chip.calm{color:var(--teal)}
.mb .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:24px}
.mb .figs b{display:block;font:600 36px/1 'Source Serif 4',Georgia,serif}
.mb .figs span{font:600 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
/* ============ .mb EXTENSIONS: drawer, photos, footer, rank strips, dark equivalents ============ */
.mb .drawer{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:var(--paper);border-right:1px solid var(--ink);padding:0 22px 32px;overflow-y:auto;z-index:60;text-align:left}
.mb .drawer[hidden]{display:none}
.mb .drawer .drawer-theme{min-height:44px;width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid var(--hair);color:var(--ink);padding:14px 0}
.mb .drawer .drawer-sub{display:block;padding:16px;text-align:center;background:var(--ink);color:var(--paper);margin:22px 0}
.mb .drawer form{display:flex;border:1px solid var(--ink);margin:0 0 22px}
.mb .drawer form input{flex:1;min-width:0;border:0;background:transparent;padding:14px 12px;font-size:15px;color:var(--ink)}
.mb .drawer form button{min-width:44px;min-height:44px;background:none;border:0;border-left:1px solid var(--ink);color:var(--ink)}
.mb .drawer ul{list-style:none;padding:0;margin:0 0 22px}
.mb .drawer li{border-bottom:1px solid var(--hair)}
.mb .drawer li a{display:flex;align-items:center;min-height:44px;padding:10px 0}
.mb .drawer h2{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin:26px 0 6px}
.mb .scrim{position:fixed;inset:0;background:rgba(11,11,12,.4);z-index:50}
.mb .scrim[hidden]{display:none}
.mb .ph img{object-fit:cover}
.mb img{max-width:100%}
.mb .portrait{aspect-ratio:4/5;background:#E7E1D5;overflow:hidden}
.mb .portrait .initials{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-family:'Source Serif 4',Georgia,serif;font-size:64px;font-weight:700;color:var(--mut)}
.mb .rankstrip{display:flex;flex-wrap:wrap;gap:18px;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:24px 0}
.mb .rankstrip b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:26px;font-weight:700;line-height:1.15}
.mb .rankstrip span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--mut)}
.mb .keyfacts{width:100%;border-collapse:collapse;margin:24px 0}
.mb .keyfacts td,.mb .keyfacts th{padding:12px 6px;border-bottom:1px solid var(--hair);text-align:left;font-size:16px}
.mb .keyfacts th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--mut);width:38%}
.mb .seealso{margin:28px 0}
.mb .seealso a{display:block;padding:12px 0;border-top:1px solid var(--hair);min-height:44px}
.mb .baro-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--hair)}
.mb .baro-row a{min-height:44px;display:flex;align-items:center}
.mb footer .legal{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
.mb footer .legal a{min-height:44px;display:inline-flex;align-items:center}
.mb .signin{display:inline-flex;min-height:44px;align-items:center}
.mb .tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mb .tblwrap .tbl{min-width:560px}
.mb .metric-note{font-size:15px;line-height:1.55;color:var(--mut);margin:14px 0 22px;text-align:left}
/* Dark equivalents: light mode is the reference exactly; dark maps paper/ink/hair/muted only. */
.mb[data-theme="dark"],[data-theme="dark"] .mb{--paper:#141412;--ink:#F5F1E8;--hair:#3A382F;--mut:#B8B2A4}
.mb[data-theme="dark"] .conv,[data-theme="dark"] .mb .conv{background:#1D1C18}
.mb[data-theme="dark"] .ph,[data-theme="dark"] .mb .ph{background:#2A2822}
.mb[data-theme="dark"] .portrait,[data-theme="dark"] .mb .portrait{background:#2A2822}
.mb[data-theme="dark"] .lead p,[data-theme="dark"] .mb .lead p,.mb[data-theme="dark"] .art .deck,.mb[data-theme="dark"] .art .body{color:#E8E3D8}
.mb a,.mb button{min-height:44px}
.mb .sn a{padding:15px 0}

/* Article transparency (Google News gate 2026-10-26): wire-style byline/dateline in .mb meta type */
p.byline,p.dateline{font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
p.byline{margin-top:18px}
p.dateline{margin-top:6px}

/* ============ .mb PHONE LAYER (Boss order, 2026-10-26) ============
   Measurements, from the current platform standards checked the same day:
   - Phone viewports (CSS px): Android 360 (standard) / 393 / 407 / 412 /
     432-448 (large); iPhone SE/mini 375, standard 390, 393, Pro 402,
     Plus/Pro Max 414 / 430 / 440. Core band 360-448; floor 320.
   - Touch: iOS 44x44pt minimum, Android 48x48dp, >=8px between targets.
   - Safe areas: viewport-fit=cover + env(safe-area-inset-*) for notch /
     Dynamic Island / home indicator. Homepages already carry it; inner
     pages get it by the viewport-meta pass (see fix_phone.py).
   Rules: scoped under .mb only; square corners, ivory/ink/hairlines
   unchanged; no new colours, no new fonts, no layout language change.
   Desktop (>=481px) is untouched except safe-area padding, which is
   0px on devices without a notch. */
.mb{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.mb .top{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(10px + env(safe-area-inset-right,0px))}
.mb .wrap,.mb .page{padding-left:calc(22px + env(safe-area-inset-left,0px));padding-right:calc(22px + env(safe-area-inset-right,0px))}
.mb footer{padding-bottom:calc(44px + env(safe-area-inset-bottom,0px));padding-left:calc(22px + env(safe-area-inset-left,0px));padding-right:calc(22px + env(safe-area-inset-right,0px))}
.mb .drawer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));padding-left:calc(22px + env(safe-area-inset-left,0px))}
.mb .drawer form input{font-size:16px}
.mb .lang{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:480px){
.mb .wrap,.mb .page{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}
.mb .sec{padding:40px 16px 0}
.mb .hero{padding:28px 16px 0}
.mb .mast{padding:24px 16px 0}
.mb .mast.compact{padding:12px 16px 0}
.mb .art figure{margin:28px -16px 0}
.mb .art figcaption{padding:10px 16px 0}
.mb .full{margin:0 -16px}
.mb .cap{padding:0 16px}
.mb .sn div{padding:0 16px;gap:18px}
.mb .desks a{padding:18px 6px 16px}
.mb .desks .d{font-size:19px}
.mb .band{margin:48px 16px 0;padding:32px 16px}
.mb .conv{padding:20px 16px}
.mb .tabs{gap:14px}
.mb .tbl{font-size:15px}
.mb .tbl th{padding:10px 4px}
.mb .tbl td{padding:12px 4px}
.mb .tbl .rk{width:36px}
.mb .tblwrap .tbl th:first-child,.mb .tblwrap .tbl td:first-child{position:sticky;left:0;background:var(--paper);z-index:1}
.mb .figs{gap:16px}
.mb .figs b{font-size:30px}
.mb .baro-row{gap:12px}
.mb .cta{margin-top:24px;padding:18px 12px}
}
@media (max-width:375px){
.mb .sub span{letter-spacing:.4em;margin-right:-.4em}
.mb .desks .d{font-size:18px}
.mb .art .body h2{font-size:24px}
.mb .art .body blockquote{font-size:22px}
}
@media (max-width:320px){
.mb .wrap,.mb .page{padding-left:calc(14px + env(safe-area-inset-left,0px));padding-right:calc(14px + env(safe-area-inset-right,0px))}
.mb .sec{padding:36px 14px 0}
.mb .hero{padding:24px 14px 0}
}
@media (max-height:480px) and (orientation:landscape){
.mb .hero{padding-top:24px}
.mb .sec{padding-top:32px}
.mb .mast{padding-top:20px}
}

/* THEME CONSISTENCY LAW (Boss 2026-10-26): light mode is entirely light, dark mode entirely dark. Page background follows the theme so no legacy navy shows through gaps, overscroll, or below the footer. */
body{background:#F7F4EE}
html[data-theme="dark"] body{background:#141412}