/* ============================================================
   Planet Banknote — article internals v3 "Living History"
   Brand-locked (owner spec): sky #538AD9, logo blue #3E8CDE,
   ink #191B21, white, gold #C9A24B hairlines only.
   Clash Display headings (self-hosted, the store's own face).
   Class names unchanged from v2 (content HTML depends on them).
   Scoped to .pbn-doc.
   ============================================================ */

.pbn-doc{
  --pbn-sky:#538AD9; --pbn-blue:#3E8CDE; --pbn-ink:#191B21; --pbn-gold:#C9A24B;
  --pbn-tint:#EAF1FB; --pbn-mist:#F2F6FB; --pbn-line:#DCE6F3; --pbn-muted:#5E6B80;
  --pbn-good:#12854A;
  --pbn-display:'Clash Display',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pbn-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --pbn-guilloche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='90' viewBox='0 0 280 90'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.14' stroke-width='1'%3E%3Cpath d='M0 45c35-38 70 38 105 0s70 38 105 0 70 38 105 0'/%3E%3Cpath d='M0 45c35 38 70-38 105 0s70-38 105 0 70-38 105 0'/%3E%3Cpath d='M0 25c35-24 70 24 105 0s70 24 105 0 70 24 105 0'/%3E%3Cpath d='M0 65c35 24 70-24 105 0s70-24 105 0 70-24 105 0'/%3E%3C/g%3E%3Cpath d='M0 45c35-16 70 16 105 0s70 16 105 0 70 16 105 0' fill='none' stroke='%23C9A24B' stroke-opacity='.3' stroke-width='1'/%3E%3C/svg%3E");
  color:var(--pbn-ink);
  font-size:16.5px;line-height:1.68;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.pbn-doc *,.pbn-doc *::before,.pbn-doc *::after{box-sizing:border-box}
.pbn-doc img{max-width:100%;height:auto}

/* ---------- Type ---------- */
.pbn-doc h1{font-family:var(--pbn-display);font-weight:600;font-size:clamp(27px,4vw,34px);line-height:1.12;
  letter-spacing:-.01em;color:var(--pbn-ink);margin:0 0 10px;text-wrap:balance;}
.pbn-doc h2{font-family:var(--pbn-display);font-weight:600;font-size:23px;line-height:1.2;color:var(--pbn-ink);
  margin:50px 0 14px;scroll-margin-top:86px;padding-top:16px;border-top:1px solid var(--pbn-line);}
.pbn-doc h2:first-of-type{border-top:0;padding-top:0}
.pbn-doc h3{font-family:var(--pbn-display);font-weight:600;font-size:17.5px;line-height:1.3;color:var(--pbn-ink);
  margin:28px 0 8px;scroll-margin-top:86px;}
.pbn-doc p{margin:0 0 14px;max-width:70ch;}
.pbn-doc a{color:var(--pbn-blue);text-decoration:none;font-weight:550;
  border-bottom:1px solid rgba(62,140,222,.35);transition:color .14s,border-color .14s;}
.pbn-doc a:hover{color:#2B72BE;border-bottom-color:#2B72BE;}
.pbn-doc strong{color:var(--pbn-ink);font-weight:680;}
.pbn-doc ul,.pbn-doc ol{max-width:70ch;padding-left:20px;margin:0 0 14px;}
.pbn-doc li{margin:0 0 7px}
.pbn-doc em{color:var(--pbn-muted)}
.pbn-doc code,.pbn-doc .pbn-code{font-family:var(--pbn-mono);font-size:.84em;background:var(--pbn-tint);
  color:var(--pbn-ink);padding:2px 7px;border-radius:6px;border:1px solid var(--pbn-line);}

/* Updated line */
.pbn-doc .pbn-updated{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;
  letter-spacing:.05em;text-transform:uppercase;color:var(--pbn-muted);margin:0 0 18px;}
.pbn-doc .pbn-updated::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pbn-good);
  box-shadow:0 0 0 3px rgba(18,133,74,.16);}

/* Quick Answer (the answer-first extract, made visible) */
.pbn-doc .pb-answer{background:var(--pbn-tint);border:1px solid #CBDDF5;border-left:3px solid var(--pbn-gold);
  border-radius:12px;padding:18px 22px 8px;margin:0 0 26px;}
.pbn-doc .pb-answer .pb-answer-k{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:750;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pbn-ink);margin:0 0 8px;}
.pbn-doc .pb-answer .pb-answer-k::before{content:"";width:16px;height:2px;background:var(--pbn-gold);}
.pbn-doc .pb-answer .pbn-lead{margin-bottom:12px}
.pbn-doc .pbn-lead{font-size:17.5px;line-height:1.6;color:#232A36;max-width:66ch;margin:0 0 20px;}
.pbn-doc .pbn-lead strong{color:var(--pbn-ink)}

/* updated line inside a hero stays legible on sky */
.pbn-doc .pbn-hero .pbn-updated{color:#EAF1FB;}

/* ---------- Article hero (sky surface + guilloche) ---------- */
.pbn-doc .pbn-hero{position:relative;overflow:hidden;color:#fff;border-radius:14px;padding:36px 38px 32px;margin:0 0 26px;
  background:linear-gradient(126deg,#3E77C7 0%,var(--pbn-sky) 58%,#6E9FE3 100%);
  box-shadow:0 22px 46px -20px rgba(62,119,199,.55);}
.pbn-doc .pbn-hero::before{content:"";position:absolute;inset:0;background-image:var(--pbn-guilloche);background-size:280px 90px;pointer-events:none;}
.pbn-doc .pbn-hero>*{position:relative}
.pbn-doc .pbn-hero h1{color:#fff;font-size:clamp(28px,4.6vw,40px);margin:0 0 12px;}
.pbn-doc .pbn-hero p{color:#EAF1FB;font-size:16.5px;max-width:62ch;margin:0 0 18px;}
.pbn-doc .pbn-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:750;
  letter-spacing:.15em;text-transform:uppercase;color:var(--pbn-sky);margin:0 0 10px;}
.pbn-doc .pbn-eyebrow::before{content:"";width:18px;height:2px;background:var(--pbn-gold);}
.pbn-doc .pbn-hero .pbn-eyebrow{color:#EAF1FB;}

/* Buttons */
.pbn-doc .pbn-btn{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:14.5px;
  padding:10px 20px;border-radius:999px;text-decoration:none;border:1px solid transparent;
  transition:transform .12s,box-shadow .12s,background .14s;}
.pbn-doc .pbn-btn--primary{background:#fff;color:var(--pbn-ink);box-shadow:0 3px 12px rgba(25,27,33,.2);}
.pbn-doc .pbn-btn--primary:hover{transform:translateY(-1px);color:var(--pbn-ink);}
.pbn-doc .pbn-btn--ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.5);}
.pbn-doc .pbn-btn--ghost:hover{background:rgba(255,255,255,.2);color:#fff;}

/* Chips */
.pbn-doc .pbn-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1;
  padding:5px 12px;border-radius:999px;background:var(--pbn-tint);color:#2B4A77;border:1px solid #CBDDF5;
  text-decoration:none;white-space:nowrap;}
.pbn-doc a.pbn-chip:hover{background:#DCEAFB;color:var(--pbn-ink);}
.pbn-doc .pbn-hero .pbn-chip{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.35);}
.pbn-doc .pbn-chip--grade{font-family:var(--pbn-mono);background:#F4EEDF;color:#7A6127;border-color:#E3D5B2;}
.pbn-doc .pbn-chip--good{background:#E6F6EE;color:var(--pbn-good);border-color:#BFE6D0;}
.pbn-doc .pbn-chip--good::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pbn-good);}
.pbn-doc .pbn-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}

/* Card grid */
.pbn-doc .pbn-cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px;margin:0 0 24px;}
.pbn-doc .pbn-card{display:block;background:#fff;border:1px solid var(--pbn-line);border-radius:12px;padding:18px 20px;
  box-shadow:0 2px 10px rgba(25,27,33,.05);text-decoration:none;color:var(--pbn-ink);
  transition:transform .14s,box-shadow .14s,border-color .14s;}
.pbn-doc a.pbn-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,27,33,.12);border-color:#BFD4EF;color:var(--pbn-ink);}
.pbn-doc .pbn-card h3{margin:0 0 5px;font-size:16px;}
.pbn-doc .pbn-card p{margin:0;font-size:13.5px;color:var(--pbn-muted);max-width:none;}
.pbn-doc .pbn-card__k{display:inline-block;font-family:var(--pbn-mono);font-size:11px;letter-spacing:.04em;
  color:#2B4A77;background:var(--pbn-tint);border-radius:6px;padding:3px 8px;margin:0 0 10px;}

/* ---------- Tables (ink header + gold hairline) ---------- */
.pbn-doc .pbn-tablewrap{overflow-x:auto;margin:0 0 22px;border:1px solid var(--pbn-line);border-radius:12px;
  box-shadow:0 1px 4px rgba(25,27,33,.05);-webkit-overflow-scrolling:touch;}
.pbn-doc table.pbn-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;min-width:560px;}
.pbn-doc .pbn-table thead th{background:var(--pbn-ink);color:#EAF1FB;font-weight:600;font-size:12px;
  letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:11px 14px;
  border-bottom:2px solid var(--pbn-gold);position:sticky;top:0;z-index:1;}
.pbn-doc .pbn-table tbody td{padding:12px 14px;border-top:1px solid #EDF2F9;vertical-align:middle;background:#fff;}
.pbn-doc .pbn-table tbody tr:nth-child(even) td{background:#F8FAFD;}
.pbn-doc .pbn-table tbody tr:hover td{background:var(--pbn-tint);}
.pbn-doc .pbn-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:650;color:var(--pbn-ink);white-space:nowrap;}
.pbn-doc .pbn-rank{color:var(--pbn-muted);font-variant-numeric:tabular-nums;width:1%;white-space:nowrap;font-weight:700;}
.pbn-doc .pbn-table--directory tbody td{padding:10px 14px}

/* ---------- Spec grid ---------- */
.pbn-doc .pbn-specgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1px;
  background:var(--pbn-line);border:1px solid var(--pbn-line);border-radius:12px;overflow:hidden;
  box-shadow:0 1px 4px rgba(25,27,33,.05);margin:0 0 22px;}
.pbn-doc .pbn-spec{display:grid;grid-template-columns:44% 56%;background:#fff;}
.pbn-doc .pbn-spec-label{background:#F8FAFD;color:var(--pbn-muted);font-weight:650;font-size:12.5px;padding:11px 14px;}
.pbn-doc .pbn-spec-value{padding:11px 14px;font-size:14.5px;font-weight:550;color:var(--pbn-ink);}

/* ---------- Inline TOC (used when no rail) ---------- */
.pbn-doc .pbn-toc{background:#F8FAFD;border:1px solid var(--pbn-line);border-radius:12px;padding:16px 18px;margin:0 0 24px;}
.pbn-doc .pbn-toc strong,.pbn-doc .pbn-toc h4{display:block;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--pbn-muted);margin:0 0 10px;font-weight:750;}
.pbn-doc .pbn-toc ul{list-style:none;padding:0;margin:0;columns:2;column-gap:24px;}
.pbn-doc .pbn-toc li{margin:0 0 7px;break-inside:avoid;}
.pbn-doc .pbn-toc a{border:0;font-weight:550;font-size:13.5px;}

/* Glossary term block */
.pbn-doc .pbn-term{padding:2px 0 2px 18px;border-left:3px solid #CBDDF5;margin:26px 0 0;}
.pbn-doc .pbn-term:target{border-left-color:var(--pbn-gold);}
.pbn-doc .pbn-term h3{margin-top:0}

/* Trust + callout */
.pbn-doc .pbn-trust,.pbn-doc .pbn-callout{background:var(--pbn-tint);border:1px solid #CBDDF5;
  border-left:3px solid var(--pbn-sky);border-radius:12px;padding:18px 22px;margin:30px 0;}
.pbn-doc .pbn-trust p,.pbn-doc .pbn-callout p{margin:0;color:#232A36;max-width:none;font-size:15px;}
.pbn-doc blockquote.pbn-trust{margin-left:0;margin-right:0;}

/* Unclassed blockquotes (legacy trust blocks) get the trust treatment */
.pbn-doc blockquote:not([class]){background:var(--pbn-tint);border:1px solid #CBDDF5;
  border-left:3px solid var(--pbn-sky);border-radius:12px;padding:18px 22px;margin:30px 0;}
.pbn-doc blockquote:not([class]) p{margin:0;color:#232A36;max-width:none;font-size:15px;}

/* FAQ */
.pbn-doc .pbn-faq h3{padding-top:16px;border-top:1px solid #EDF2F9;}

/* ---------- Mobile ---------- */
@media (max-width:640px){
  .pbn-doc{font-size:16px}
  .pbn-doc .pbn-hero{padding:26px 20px;border-radius:12px;}
  .pbn-doc h2{font-size:20px;margin-top:38px;}
  .pbn-doc .pbn-toc ul{columns:1}
  .pbn-doc .pbn-specgrid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pbn-doc *{transition:none!important}}

@media print{
  .pbn-doc .pbn-hero{background:#fff;color:#000;box-shadow:none;border:1px solid #ccc;}
  .pbn-doc .pbn-hero h1,.pbn-doc .pbn-hero p,.pbn-doc .pbn-hero .pbn-eyebrow{color:#000}
  .pbn-doc .pbn-table thead th{background:#fff;color:#000;border-bottom-color:#000;}
  .pbn-doc a{color:#000;border:0}
}

/* ============================================================
   learn.planetbanknote.com — chrome v3 "Living History"
   Brand-locked palette (owner spec): sky #538AD9 (header/hero
   surfaces), logo blue #3E8CDE (links/actions), ink #191B21
   (dark surfaces/body), white, antique gold #C9A24B as HAIRLINE
   accent only. Display face: Clash Display (self-hosted, the
   store's own face). Signature: guilloche engraving pattern on
   sky surfaces + the "Cite this page" block.
   Pairs with pbn-content.css v3 (article internals).
   ============================================================ */

@font-face{font-family:'Clash Display';src:url('/fonts/ClashDisplay-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Clash Display';src:url('/fonts/ClashDisplay-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Clash Display';src:url('/fonts/ClashDisplay-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

:root{
  --pb-sky:#538AD9;
  --pb-blue:#3E8CDE;
  --pb-ink:#191B21;
  --pb-gold:#C9A24B;
  --pb-mist:#F2F6FB;         /* page ground */
  --pb-tint:#EAF1FB;         /* sky wash */
  --pb-line:#DCE6F3;
  --pb-side-ink:#14161C;     /* sidebar, one step darker than ink */
  --pb-side-text:#C7D3E6;
  --pb-display:'Clash Display', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pb-body:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --pb-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --pb-sh:0 10px 30px rgba(25,27,33,.08);
  /* fine guilloche engraving, the banknote's own visual language */
  --pb-guilloche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='90' viewBox='0 0 280 90'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.14' stroke-width='1'%3E%3Cpath d='M0 45c35-38 70 38 105 0s70 38 105 0 70 38 105 0'/%3E%3Cpath d='M0 45c35 38 70-38 105 0s70-38 105 0 70-38 105 0'/%3E%3Cpath d='M0 25c35-24 70 24 105 0s70 24 105 0 70 24 105 0'/%3E%3Cpath d='M0 65c35 24 70-24 105 0s70-24 105 0 70-24 105 0'/%3E%3C/g%3E%3Cpath d='M0 45c35-16 70 16 105 0s70 16 105 0 70 16 105 0' fill='none' stroke='%23C9A24B' stroke-opacity='.3' stroke-width='1'/%3E%3C/svg%3E");
}

.pb-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:var(--pb-ink);
  padding:10px 18px;border-radius:0 0 10px 0;font-weight:650;text-decoration:none;}
.pb-skip:focus{left:0;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{transition:none!important;animation:none!important}}
body{margin:0;background:var(--pb-mist);color:var(--pb-ink);font-family:var(--pb-body);
  line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a{color:var(--pb-blue)}
:focus-visible{outline:2px solid var(--pb-blue);outline-offset:2px;border-radius:4px}

/* ---------- Sky top band (the store header, carried over) ---------- */
.pb-topband{position:sticky;top:0;z-index:40;background:var(--pb-sky);background-image:var(--pb-guilloche);
  background-size:280px 90px;color:#fff;display:flex;align-items:center;gap:14px;padding:10px 20px;
  box-shadow:0 2px 14px rgba(25,27,33,.18);}
.pb-topband .pb-menu{display:none;align-items:center;justify-content:center;width:36px;height:36px;
  border:1px solid rgba(255,255,255,.4);border-radius:8px;background:transparent;color:#fff;cursor:pointer;font-size:17px;}
.pb-crumb{font-size:13px;color:rgba(255,255,255,.85);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pb-crumb a{color:#fff;text-decoration:none;font-weight:600;}
.pb-crumb a:hover{text-decoration:underline}
.pb-crumb b{color:#fff;font-weight:700}
.pb-crumb .sep{opacity:.6;margin:0 4px}
.pb-shop{margin-left:auto;flex:0 0 auto;font-size:13px;font-weight:650;color:var(--pb-ink);background:#fff;
  text-decoration:none;border-radius:999px;padding:7px 16px;box-shadow:0 1px 4px rgba(25,27,33,.2);transition:transform .12s;}
.pb-shop:hover{transform:translateY(-1px)}

/* ---------- Search ---------- */
.pb-search{position:relative;flex:0 1 300px;min-width:0;}
.pb-search input{width:100%;font:inherit;font-size:13px;color:var(--pb-ink);background:#fff;
  border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:7px 15px;outline-offset:1px;}
.pb-search input::placeholder{color:#8A96A8}
.pb-search-r{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:260px;background:#fff;
  border:1px solid var(--pb-line);border-radius:12px;box-shadow:0 16px 40px rgba(25,27,33,.22);
  padding:6px;z-index:80;max-height:60vh;overflow-y:auto;}
.pb-search-r a{display:block;font-size:13.5px;color:var(--pb-ink);text-decoration:none;
  padding:8px 10px;border-radius:8px;line-height:1.3;}
.pb-search-r a:hover,.pb-search-r a.sel{background:var(--pb-tint);color:var(--pb-blue);}
.pb-search-r a .g{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pb-sky);margin-bottom:2px;}
.pb-search-r .none{display:block;font-size:13px;color:#8A96A8;padding:8px 10px;}
.pb-search--side{margin:0 10px 14px;flex:none;}
.pb-search--side input{border-color:#2A2E38;background:#20242E;color:#fff;}
.pb-search--side input::placeholder{color:#7C8698}
@media (max-width:900px){ .pb-topband .pb-search{display:none;} }
@media (min-width:901px){ .pb-search--side{display:none;} }

/* ---------- Frame: ink sidebar + main ---------- */
.pb-frame{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 56px);}
.pb-side{background:var(--pb-side-ink);color:var(--pb-side-text);
  position:sticky;top:56px;align-self:start;height:calc(100vh - 56px);overflow-y:auto;padding:22px 14px 40px;}
.pb-side::-webkit-scrollbar{width:8px}
.pb-side::-webkit-scrollbar-thumb{background:#2A2E38;border-radius:4px}
.pb-brand{display:block;text-decoration:none;color:#fff;padding:2px 10px 14px;border-bottom:1px solid rgba(201,162,75,.35);margin-bottom:8px;}
.pb-brand .t{font-family:var(--pb-display);font-weight:600;font-size:19px;letter-spacing:.01em;display:block;}
.pb-brand .s{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pb-sky);margin-top:4px;display:block;}
.pb-grp{margin-top:20px}
.pb-grp h3{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#7FA8DE;margin:0 0 7px;padding:0 10px;font-weight:700;}
.pb-side a.nav{display:block;font-size:13.5px;color:var(--pb-side-text);text-decoration:none;
  padding:6px 10px;border-radius:7px;line-height:1.35;border-left:2px solid transparent;}
.pb-side a.nav:hover{background:rgba(83,138,217,.14);color:#fff;}
.pb-side a.nav.active{background:var(--pb-sky);color:#fff;font-weight:650;}
.pb-side .pb-side-cta{display:block;margin:26px 10px 0;padding:11px 14px;border:1px solid rgba(255,255,255,.25);
  border-radius:10px;color:#fff;text-decoration:none;font-size:13px;line-height:1.45;}
.pb-side .pb-side-cta b{display:block;font-family:var(--pb-display);font-weight:600;font-size:14.5px;}
.pb-side .pb-side-cta:hover{border-color:var(--pb-sky);background:rgba(83,138,217,.12);}

/* ---------- Main column ---------- */
.pb-main{min-width:0;display:flex;flex-direction:column;}
.pb-wrap{width:100%;max-width:1160px;margin:0 auto;padding:30px 30px 70px;flex:1;}

/* Article grid: sheet + sticky TOC rail on wide screens */
.pb-article{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start;}
.pb-article>*,.pb-col{min-width:0;}
@media (min-width:1180px){
  .pb-article.has-toc{grid-template-columns:minmax(0,1fr) 230px;}
}
.pb-sheet{background:#fff;border:1px solid var(--pb-line);border-radius:16px;box-shadow:var(--pb-sh);
  padding:36px 42px;min-width:0;}

/* On this page rail */
.pb-rail{display:none}
@media (min-width:1180px){
  .pb-rail{display:block;position:sticky;top:76px;}
  .pb-rail nav{border-left:2px solid var(--pb-line);padding:4px 0 4px 16px;}
  .pb-rail h4{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#5E6B80;margin:0 0 10px;font-weight:700;}
  .pb-rail a{display:block;font-size:12.5px;color:#3C4759;text-decoration:none;padding:4px 0;line-height:1.4;}
  .pb-rail a:hover{color:var(--pb-blue)}
  /* hide any inline article TOC when the rail is present */
  .pb-article.has-toc .pbn-toc{display:none}
}

/* ---------- Keep learning (related) ---------- */
.pb-related{margin-top:26px}
.pb-related h2{font-family:var(--pb-display);font-weight:600;font-size:20px;color:var(--pb-ink);margin:0 0 12px;}
.pb-related .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;}
.pb-related a{display:block;background:#fff;border:1px solid var(--pb-line);border-radius:12px;padding:14px 16px;
  text-decoration:none;color:var(--pb-ink);box-shadow:0 2px 8px rgba(25,27,33,.05);transition:transform .13s,box-shadow .13s,border-color .13s;}
.pb-related a:hover{transform:translateY(-2px);box-shadow:var(--pb-sh);border-color:#BFD4EF;}
.pb-related .k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pb-sky);margin-bottom:5px;}
.pb-related .t{font-family:var(--pb-display);font-weight:600;font-size:15px;line-height:1.3;display:block;}

/* ---------- Cite this page (the mission, visible) ---------- */
.pb-cite{margin-top:26px;background:#fff;border:1px solid var(--pb-line);border-left:3px solid var(--pb-gold);
  border-radius:12px;padding:16px 20px;font-size:13.5px;color:#3C4759;}
.pb-cite b{display:block;font-family:var(--pb-display);font-weight:600;font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--pb-ink);margin-bottom:5px;}
.pb-cite code{font-family:var(--pb-mono);font-size:12px;overflow-wrap:anywhere;background:var(--pb-mist);border:1px solid var(--pb-line);
  border-radius:6px;padding:2px 7px;}

/* ---------- Footer ---------- */
.pb-foot{background:var(--pb-ink);color:#AEB8C8;margin-top:auto;}
.pb-foot .in{max-width:1160px;margin:0 auto;padding:26px 30px;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:baseline;font-size:13px;}
.pb-foot a{color:#fff;text-decoration:none;font-weight:600;}
.pb-foot a:hover{color:var(--pb-sky)}
.pb-foot .brand{font-family:var(--pb-display);font-weight:600;font-size:15px;color:#fff;}
.pb-foot .gold{color:var(--pb-gold)}

/* ---------- HOME HUB ---------- */
.pb-hub-hero{position:relative;background:linear-gradient(128deg,#3E77C7 0%,var(--pb-sky) 55%,#6E9FE3 100%);
  background-blend-mode:normal;border-radius:18px;color:#fff;padding:52px 48px;overflow:hidden;box-shadow:0 26px 54px -22px rgba(62,119,199,.55);}
.pb-hub-hero::before{content:"";position:absolute;inset:0;background-image:var(--pb-guilloche);background-size:280px 90px;pointer-events:none;}
.pb-hub-hero>*{position:relative}
.pb-hub-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#EAF1FB;margin:0 0 14px;}
.pb-hub-hero .eyebrow::before{content:"";width:22px;height:2px;background:var(--pb-gold);}
.pb-hub-hero h1{font-family:var(--pb-display);font-weight:600;font-size:clamp(32px,5vw,52px);line-height:1.06;margin:0 0 14px;max-width:16ch;text-wrap:balance;letter-spacing:-.01em;}
.pb-hub-hero p{font-size:17.5px;line-height:1.6;color:#EAF1FB;max-width:56ch;margin:0 0 24px;}
.pb-hub-hero .ctas{display:flex;flex-wrap:wrap;gap:12px;}
.pb-hub-hero .b1{background:#fff;color:var(--pb-ink);font-weight:650;font-size:15px;text-decoration:none;border-radius:999px;padding:11px 22px;box-shadow:0 4px 14px rgba(25,27,33,.22);transition:transform .12s;}
.pb-hub-hero .b1:hover{transform:translateY(-1px)}
.pb-hub-hero .b2{border:1px solid rgba(255,255,255,.55);color:#fff;font-weight:600;font-size:15px;text-decoration:none;border-radius:999px;padding:11px 22px;}
.pb-hub-hero .b2:hover{background:rgba(255,255,255,.12)}
.pb-hub-hero .stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;}
.pb-hub-hero .stats span{font-size:12.5px;font-weight:600;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 13px;}

.pb-hub h2{font-family:var(--pb-display);font-weight:600;font-size:24px;color:var(--pb-ink);margin:44px 0 6px;letter-spacing:-.005em;}
.pb-hub .sub{font-size:14.5px;color:#5E6B80;margin:0 0 16px;max-width:70ch;}
.pb-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.pb-start a{display:block;background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:20px 22px;
  text-decoration:none;color:var(--pb-ink);box-shadow:0 2px 10px rgba(25,27,33,.05);transition:transform .14s,box-shadow .14s,border-color .14s;border-top:3px solid var(--pb-sky);}
.pb-start a:hover{transform:translateY(-3px);box-shadow:var(--pb-sh);border-color:#BFD4EF;border-top-color:var(--pb-gold);}
.pb-start .k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--pb-sky);margin-bottom:7px;}
.pb-start .t{font-family:var(--pb-display);font-weight:600;font-size:17.5px;line-height:1.25;display:block;margin-bottom:6px;}
.pb-start .d{font-size:13.5px;color:#5E6B80;line-height:1.5;display:block;}

.pb-dir{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;}
.pb-dir section{background:#fff;border:1px solid var(--pb-line);border-radius:14px;padding:18px 20px;box-shadow:0 2px 10px rgba(25,27,33,.04);}
.pb-dir h3{font-family:var(--pb-display);font-weight:600;font-size:15.5px;color:var(--pb-ink);margin:0 0 4px;padding-bottom:8px;border-bottom:1px solid var(--pb-line);display:flex;align-items:baseline;gap:8px;}
.pb-dir h3 .n{margin-left:auto;font-family:var(--pb-mono);font-size:11px;color:#8A96A8;font-weight:400;}
.pb-dir ul{list-style:none;margin:8px 0 0;padding:0;columns:1;}
.pb-dir li{margin:0 0 2px;break-inside:avoid;}
.pb-dir a{font-size:13.5px;color:#31415C;text-decoration:none;display:block;padding:4px 6px;border-radius:6px;line-height:1.35;}
.pb-dir a:hover{background:var(--pb-tint);color:var(--pb-blue);}
.pb-dir section.wide{grid-column:1 / -1;}
.pb-dir section.wide ul{columns:3;column-gap:22px;}

.pb-flag100t{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;background:var(--pb-ink);border-radius:16px;overflow:hidden;color:#fff;box-shadow:0 20px 44px -20px rgba(25,27,33,.5);}
.pb-flag100t .txt{padding:34px 36px;}
.pb-flag100t .eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--pb-gold);display:block;margin-bottom:10px;}
.pb-flag100t h2{margin:0 0 10px;font-family:var(--pb-display);font-weight:600;font-size:26px;color:#fff;line-height:1.15;}
.pb-flag100t p{font-size:14.5px;line-height:1.6;color:#C7D3E6;margin:0 0 18px;max-width:52ch;}
.pb-flag100t .links{display:flex;flex-wrap:wrap;gap:10px;}
.pb-flag100t .links a{font-size:13px;font-weight:650;text-decoration:none;border-radius:999px;padding:8px 16px;}
.pb-flag100t .links a.p{background:var(--pb-sky);color:#fff;}
.pb-flag100t .links a.p:hover{background:var(--pb-blue)}
.pb-flag100t .links a.g{border:1px solid rgba(255,255,255,.4);color:#fff;}
.pb-flag100t .links a.g:hover{border-color:var(--pb-sky)}
.pb-flag100t .num{display:flex;align-items:center;justify-content:center;background:
  linear-gradient(140deg,#20242E,#14161C);position:relative;overflow:hidden;}
.pb-flag100t .num::before{content:"";position:absolute;inset:0;background-image:var(--pb-guilloche);background-size:280px 90px;opacity:.5;}
.pb-flag100t .num span{position:relative;font-family:var(--pb-display);font-weight:700;color:var(--pb-gold);
  font-size:clamp(20px,2.9vw,34px);letter-spacing:0;text-align:center;line-height:1.15;padding:20px;}
.pb-flag100t .num small{display:block;font-family:var(--pb-body);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#C7D3E6;margin-top:8px;}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  .pb-frame{grid-template-columns:1fr;}
  .pb-side{display:none;position:fixed;z-index:60;top:56px;left:0;width:84%;max-width:320px;height:calc(100vh - 56px);box-shadow:24px 0 60px rgba(0,0,0,.35);}
  .pb-side.open{display:block;}
  .pb-topband .pb-menu{display:inline-flex;}
  .pb-wrap{padding:18px 14px 50px;}
  .pb-sheet{padding:24px 18px;border-radius:12px;}
  .pb-hub-hero{padding:34px 24px;border-radius:14px;}
  .pb-flag100t{grid-template-columns:1fr;}
  .pb-flag100t .num{min-height:120px;}
  .pb-dir section.wide ul{columns:2;}
  .pb-shop{display:none;}
}
@media (max-width:560px){ .pb-dir section.wide ul{columns:1;} }

@media print{
  .pb-topband,.pb-side,.pb-rail,.pb-related,.pb-foot{display:none!important}
  body{background:#fff}
  .pb-sheet{border:0;box-shadow:none;padding:0}
}