@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:opt,wght@8..60,400;8..60,600;8..60,700&display=swap');
:root{--ink:#0a1733;--ink2:#16244a;--accent:#1f5fd6;--accentd:#1748ad;--gold:#b6862c;--pos:#0f9d6e;--neg:#d4503a;--bg:#fff;--soft:#f6f8fc;--soft2:#eef2f9;--line:#e4e9f2;--text:#1a2436;--muted:#5d6b85;--radius:14px;--shadow:0 1px 2px rgba(10,23,51,.04),0 8px 24px rgba(10,23,51,.05);--serif:'Source Serif 4',Georgia,serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font-family:var(--sans);color:var(--text);line-height:1.6;background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px}
.wrap{max-width:1000px;margin:0 auto;padding:24px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
header.site{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);z-index:20}
.nav{max-width:1000px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}
.brand{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}.brand b{color:var(--accent)}
.nav .links a{font-size:13.5px;font-weight:600;color:var(--muted);margin-left:22px}.nav .links a:hover{color:var(--ink);text-decoration:none}
.hero{padding:44px 0 14px}.hero h1{font-family:var(--serif);font-size:46px;line-height:1.08;letter-spacing:-1.2px;color:var(--ink);margin-bottom:14px;font-weight:700}
.hero p.lead{font-size:18px;color:var(--muted);max-width:640px}.lead{color:var(--muted)}
.refreshed{font-size:12px;color:var(--muted);margin-top:14px;display:inline-flex;align-items:center;gap:7px}.refreshed:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--pos);box-shadow:0 0 0 3px rgba(15,157,110,.15)}
@media(max-width:680px){.hero h1{font-size:32px}.wrap{padding:18px}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 8px}@media(max-width:680px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:linear-gradient(180deg,#fff,var(--soft));border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.stat .n{font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:-.5px;color:var(--ink)}.stat .l{font-size:12.5px;color:var(--muted);margin-top:3px}
table td,table th,.stat .n,td.num,th.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
h2.sec{font-size:12.5px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:38px 0 14px;font-weight:700;display:flex;align-items:center;gap:12px}h2.sec:after{content:'';flex:1;height:1px;background:var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:680px){.grid{grid-template-columns:1fr}}
.card{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff;transition:.15s;color:inherit}
.card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px);text-decoration:none}
.card h3{font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--ink);margin-bottom:5px;line-height:1.3}.card p{font-size:13px;color:var(--muted);line-height:1.5}
.pcard .meta{font-size:11.5px;color:var(--muted);margin-top:8px}
.badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;vertical-align:middle}.badge.live{background:rgba(15,157,110,.12);color:var(--pos)}.badge.soon{background:var(--soft2);color:#90a0bd}
.crumb{font-size:12px;color:var(--muted);margin-bottom:16px}.crumb a{color:var(--muted)}
h1.page{font-family:var(--serif);font-size:32px;font-weight:700;letter-spacing:-.6px;color:var(--ink);margin:6px 0 10px;line-height:1.18}
.tags{margin:0 0 16px}.tag{display:inline-block;background:var(--soft2);color:var(--accentd);font-size:11px;font-weight:600;padding:3px 10px;border-radius:7px;margin:0 6px 6px 0}
.bluf{background:linear-gradient(180deg,#f3f7fe,#eef4fd);border:1px solid #d8e6fb;border-left:4px solid var(--accent);padding:16px 18px;border-radius:12px;font-size:16.5px;color:var(--ink2);margin:10px 0 22px;line-height:1.55}
.bluf b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent);margin-bottom:5px;font-weight:700}
article h2{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);margin:24px 0 8px}article p{margin-bottom:13px;color:var(--text)}article ul{margin:0 0 14px 22px}article li{margin-bottom:6px}
.src{font-size:13px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin:20px 0}
footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;margin-top:40px;padding:24px 0;background:var(--soft)}
table{width:100%;border-collapse:collapse;font-size:14px}table td{padding:9px 0;border-bottom:1px solid var(--line)}table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;padding:10px 0;border-bottom:2px solid var(--line)}table tbody tr{transition:background .12s}table tbody tr:hover td{background:var(--soft)}article,.bluf,.src,.card,h1.page,.cstatus{overflow-wrap:break-word;word-break:break-word}.src{overflow-wrap:anywhere}code,kbd,samp{overflow-wrap:anywhere;word-break:break-word}.btn-rbi{display:inline-block;background:#fff;color:#5a6573!important;border:1px solid #d7dee8;padding:6px 12px;border-radius:8px;font-weight:600;font-size:12.5px;text-decoration:none}.btn-rbi:hover{border-color:#1f5fd6;color:#1f5fd6!important;text-decoration:none}a.stat{text-decoration:none;color:inherit;cursor:pointer}a.stat:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}a.stat .n{color:var(--ink)}@media(max-width:680px){.wrap{overflow-x:hidden}.wrap table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}article,.bluf,.src{font-size:15px}h1.page{font-size:26px}.cstatus,.noprint{flex-wrap:wrap}}.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-size:13px;font-weight:700;z-index:100}.skip:focus{left:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:rgba(31,95,214,.18);color:var(--ink)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.card:hover{transform:none}}@media print{header.site,footer.site,.noprint,#bp-top{display:none!important}body{font-size:12pt;color:#000;background:#fff}.wrap{max-width:100%;padding:0}a{color:#000;text-decoration:underline}.card{break-inside:avoid;box-shadow:none}}.hero h1{font-size:clamp(2rem,1.35rem + 3.1vw,2.875rem)}h1.page{font-size:clamp(1.6rem,1.25rem + 1.6vw,2rem)}.hero h1,h1.page,article h2,.card h3,.brand{text-wrap:balance}.hero p.lead,.lead,article p,.card p{text-wrap:pretty}@media(max-width:680px){header.site .nav{gap:10px}.brand{flex:0 0 auto}.nav .links{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;margin-left:10px}.nav .links::-webkit-scrollbar{display:none}.nav .links a{margin-left:0;margin-right:16px;flex:0 0 auto}}article a,.bluf a,.src a{text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:1px;text-decoration-color:rgba(31,95,214,.35);transition:text-decoration-color .12s}article a:hover,.bluf a:hover,.src a:hover{text-decoration-color:var(--accent)}img,svg,video,iframe{max-width:100%;height:auto}pre{overflow-x:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:break-word}.wrap{max-width:100%}@media(max-width:680px){body{overflow-x:hidden}.stat .n,td,th{overflow-wrap:break-word}}/* design01 slice: data-card polish — tighter display numerals + uniform interactive affordance on stat cards (FT/Bloomberg-grade) */.stat .n{line-height:1.04}.stat{transition:border-color .15s,box-shadow .15s,transform .15s}.stat:hover{border-color:#cdd8ec}a.stat:hover{border-color:var(--accent)}.stat .l{text-wrap:pretty}/* design01 slice 2: tabular lining numerals across all data surfaces (digits align in columns, FT/Bloomberg-grade) + key-takeaway & card micro-typography */.stat .n,table td,table th,.cstatus,.refreshed,time,.tag{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1}.bluf{letter-spacing:-.1px}.card{transition:border-color .15s,box-shadow .15s,transform .15s}.card h3{letter-spacing:-.2px}/* design01 slice 3: authority sourcing + brand-tinted depth (FT/Bloomberg-grade) */  .src{border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(182,134,44,.05),var(--soft))}.card:hover{box-shadow:0 1px 2px rgba(10,23,51,.04),0 10px 28px rgba(31,95,214,.08)}h2.sec{margin-top:42px}.badge.live{box-shadow:inset 0 0 0 1px rgba(15,157,110,.18)}footer.site a{color:var(--muted);text-decoration:underline;text-underline-offset:.14em;text-decoration-color:var(--line)}footer.site a:hover{color:var(--accent)}/* design01 slice 4: editorial rhythm + interactive micro-refinement (FT/Bloomberg-grade) */.hero p.lead{line-height:1.5}.crumb a:hover{color:var(--accent);text-decoration:none}.tag{transition:background .12s,color .12s}.tag:hover{background:#e2ebfb;color:var(--accentd);text-decoration:none}h2.sec{letter-spacing:1.2px}.bluf{box-shadow:0 1px 2px rgba(31,95,214,.05)}.stat .l{line-height:1.35}.badge.soon{box-shadow:inset 0 0 0 1px var(--line)}.refreshed{font-weight:600}article h2{letter-spacing:-.2px}/* design01 slice 5: data-table scannability — subtle zebra striping + numeric right-align (FT/Bloomberg-grade) */table tbody tr:nth-child(even) td{background:rgba(31,95,214,.02)}table tbody tr:hover td{background:var(--soft)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums lining-nums}article h2{margin-top:1.55em}/* design01 slice 6: print-mode source transparency — expand official-source URLs + keep data rows/tables intact (compliance-grade printouts) */@media print{.src a[href^="http"]::after,article a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#333;word-break:break-all}table,tr,.stat,.bluf{break-inside:avoid}thead{display:table-header-group}}/* clickable slice: crosswalk family cards fully clickable (accessible stretched-link) */.cw-card{position:relative}.cw-card .cw-stretch::after{content:"";position:absolute;inset:0;z-index:1}.cw-card a{position:relative;z-index:2}.cw-card{cursor:pointer}.cw-card:hover{border-color:var(--accent)}/* design01 slice 7: masthead + nav refinement & key-takeaway emphasis (FT/Bloomberg-grade) */.brand{transition:color .12s}.brand:hover{text-decoration:none;color:var(--accent)}header.site .nav{align-items:center}.nav .links a{transition:color .12s,border-color .12s;padding-bottom:2px;border-bottom:2px solid transparent}.nav .links a:hover{color:var(--ink);border-bottom-color:var(--accent);text-decoration:none}.bluf b{letter-spacing:.7px}.crumb a{transition:color .12s}.crumb a:hover{color:var(--accent);text-decoration:none}.cstatus{border-radius:12px}/* design01 slice 8: deep-link ergonomics — anchored headings & glossary/dashboard #anchors land cleanly (not jammed at the viewport top) with a brief, accessible highlight so the heavily cross-linked /glossary/# and dashboard deep-links feel intentional (FT/Bloomberg-grade) */:target{scroll-margin-top:22px}h2.sec:target,article h2:target,article h3:target{scroll-margin-top:26px;animation:bpAnchorGlow 1.8s ease-out 1}@keyframes bpAnchorGlow{0%{background:rgba(31,95,214,.10)}60%{background:rgba(31,95,214,.06)}100%{background:transparent}}@media(prefers-reduced-motion:reduce){h2.sec:target,article h2:target,article h3:target{animation:none}}/* design01 slice 9: FAQ/accordion polish (details/summary) — consistent expand cue + summary hover/focus across the AEO FAQ pages (FT/Bloomberg-grade) */details{transition:border-color .15s,box-shadow .15s}details>summary{list-style:none;position:relative;padding-right:22px;transition:color .12s;outline-offset:3px}details>summary::-webkit-details-marker{display:none}details>summary::after{content:"+";position:absolute;right:2px;top:.05em;font-weight:700;color:var(--accent);font-size:16px;line-height:1.2;transition:transform .15s}details[open]>summary::after{content:"-"}details>summary:hover{color:var(--accent)}details[open]>summary{color:var(--ink)}@media(prefers-reduced-motion:reduce){details>summary::after{transition:none}}/* design01 slice 10: glossary legibility - abbr tooltips, definition lists & blockquotes (banking pages are acronym-dense: CRAR, GNPA, WALR, SLR) (FT/Bloomberg-grade) */abbr[title]{text-decoration:underline dotted;text-underline-offset:.18em;text-decoration-thickness:1px;text-decoration-color:var(--muted);cursor:help}dl{margin:0 0 14px}dt{font-weight:700;color:var(--ink);margin-top:12px}dd{margin:2px 0 0;color:var(--text)}blockquote{margin:16px 0;padding:4px 0 4px 16px;border-left:3px solid var(--line);color:var(--ink2);font-style:italic}/* design01 slice 11: device-grade type rendering + branded touch/form affordances (FT/Bloomberg-grade) */body{-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:rgba(31,95,214,.12)}input,textarea,select,button{accent-color:var(--accent)}blockquote p:last-child{margin-bottom:0}