:root{--bg:#fff;--bg2:#f4f6f9;--bg3:#e8edf4;--ink:#0f1f3d;--ink2:#2e4066;--ink3:#6b7a99;--accent:#1a56a0;--accent-dark:#133d7a;--accent-light:#e8f0fb;--border:rgba(15,31,61,0.1);--border-strong:rgba(15,31,61,0.18);--green:#2a8a50;--green-bg:#e6f5ed;--red:#c0392b;--red-bg:#fdecea;--warn:#b8600f;--warn-bg:#fdf3e7;}
*{margin:0;padding:0;box-sizing:border-box;}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.7;}
.reading-progress{position:fixed;top:60px;left:0;width:0%;height:3px;background:var(--accent);z-index:200;}
.post-hero{background:var(--ink);padding:4rem 2rem 3.5rem;position:relative;overflow:hidden;}
.post-hero::before{content:'';position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(26,86,160,.12));}
.hero-inner{max-width:800px;margin:0 auto;position:relative;}
.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#4d8fd4;margin-bottom:.85rem;}
.post-title{font-family:Georgia,serif;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:700;line-height:1.05;color:#fff;margin-bottom:1.1rem;}
.post-title em{font-style:normal;color:#4d8fd4;}
.post-subtitle{font-size:1rem;color:rgba(255,255,255,.5);max-width:580px;line-height:1.75;margin-bottom:1.75rem;}
.post-meta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;}
.author-chip{display:flex;align-items:center;gap:.6rem;}
.author-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0;}
.author-name{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.65);}
.author-site{font-size:.72rem;color:#4d8fd4;text-decoration:none;}
.meta-sep{width:1px;height:24px;background:rgba(255,255,255,.12);}
.meta-item{font-size:.75rem;color:rgba(255,255,255,.35);}
.meta-item strong{color:rgba(255,255,255,.5);}
.post-wrap{max-width:800px;margin:0 auto;padding:3rem 2rem 5rem;}
/* Article prose */
.prose{font-size:1rem;line-height:1.8;color:var(--ink2);}
.prose p{margin-bottom:1.25rem;}
.prose h2{font-family:Georgia,serif;font-size:1.75rem;font-weight:700;color:var(--ink);margin:2.5rem 0 .85rem;line-height:1.15;}
.prose h3{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--ink);margin:1.75rem 0 .6rem;}
.prose strong{font-weight:600;color:var(--ink);}
.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(26,86,160,.3);}.prose a.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.25rem;}
.prose li{margin-bottom:.4rem;}
.prose em{font-style:italic;}
.source-note{font-size:.76rem;color:var(--ink3);font-style:italic;}
.source-note a{color:var(--ink3);border-bottom:1px solid rgba(107,122,153,.3);}
/* Pullquote */
.pullquote{border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:1.75rem 0;background:var(--accent-light);border-radius:0 4px 4px 0;}
.pullquote p{font-size:1.05rem;font-weight:500;color:var(--ink);margin:0;line-height:1.6;font-style:italic;}
.pullquote cite{display:block;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin-top:.5rem;font-style:normal;}
/* Warn box */
.warn-box{background:var(--warn-bg);border:1px solid rgba(184,96,15,.2);border-left:4px solid var(--warn);border-radius:0 4px 4px 0;padding:.9rem 1.25rem;margin:1.5rem 0;}
.warn-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--warn);margin-bottom:.35rem;}
.warn-box p{font-size:.88rem;color:#7a4a10;margin:0;line-height:1.6;}
/* Tool CTA */
/* Stat callouts */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin:1.75rem 0;}
.stat-box{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:1.1rem;text-align:center;}
.stat-num{font-family:Georgia,serif;font-size:2rem;font-weight:700;line-height:1;}
.stat-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-top:.25rem;line-height:1.35;}
.stat-trend{font-size:.7rem;margin-top:.2rem;font-weight:600;}
.stat-trend.up{color:var(--green);}
.stat-trend.down{color:var(--red);}
/* Big stat callout */
.big-stat{background:var(--ink);border-radius:6px;padding:1.5rem 2rem;margin:1.75rem 0;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;}
.big-stat-num{font-family:Georgia,serif;font-size:3rem;font-weight:700;color:#4d8fd4;line-height:1;}
.big-stat-label{font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.5;}
.big-stat-source{font-size:.68rem;color:rgba(255,255,255,.25);margin-top:.4rem;}
.big-stat-source a{color:rgba(255,255,255,.25);}
/* Charts — pure CSS bars */
.chart{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:1.75rem 0;}
.chart-hdr{background:var(--ink);padding:.9rem 1.4rem;}
.chart-title{font-family:Georgia,serif;font-size:.95rem;font-weight:700;color:#fff;}
.chart-sub{font-size:.7rem;color:rgba(255,255,255,.35);margin-top:2px;}
.chart-body{padding:1.4rem 1.6rem;}
.chart-src{font-size:.67rem;color:var(--ink3);font-style:italic;border-top:1px solid var(--border);padding:.55rem 1.6rem;}
.chart-src a{color:var(--ink3);}
/* Bar rows */
.bars{display:flex;flex-direction:column;gap:.7rem;}
.bar-row{display:grid;align-items:center;gap:.65rem;}
.bar-row.narrow{grid-template-columns:100px 1fr 52px;}
.bar-row.mid{grid-template-columns:150px 1fr 60px;}
.bar-row.wide{grid-template-columns:210px 1fr 62px;}
.bar-row.xwide{grid-template-columns:200px 1fr 70px;}
.blabel{font-size:.82rem;color:var(--ink2);line-height:1.3;}
.blabel.code{font-family:monospace;font-style:italic;font-size:.76rem;}
.btrack{background:rgba(15,31,61,.07);border-radius:3px;height:22px;overflow:hidden;}
.bfill{height:100%;border-radius:3px;}
.bval{font-size:.82rem;font-weight:700;color:var(--ink);text-align:right;}
.bval.g{color:var(--green);}
.bval.w{color:var(--warn);}
.bval.r{color:var(--red);}
/* Grouped bars */
.gbars{display:flex;flex-direction:column;gap:1rem;}
.gbrow{display:grid;gap:.65rem;}
.gbrow.g2{grid-template-columns:130px 1fr;}
.gblabel{font-size:.82rem;color:var(--ink2);font-weight:500;padding-top:.2rem;}
.gbpair{display:flex;flex-direction:column;gap:.3rem;}
.gbline{display:flex;align-items:center;gap:.5rem;}
.gbtag{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);width:28px;flex-shrink:0;}
.gbtrack{flex:1;background:rgba(15,31,61,.07);border-radius:3px;height:18px;overflow:hidden;}
.gbfill{height:100%;border-radius:3px;}
.gbval{font-size:.78rem;font-weight:700;color:var(--ink);width:36px;text-align:right;flex-shrink:0;}
.gb-legend{display:flex;gap:1.25rem;margin-top:.85rem;flex-wrap:wrap;}
.gb-leg{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--ink3);}
.gb-dot{width:14px;height:10px;border-radius:2px;flex-shrink:0;}
/* Two column compare */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem;}
.tcol{border-radius:6px;padding:1.1rem;}
.tcol.green{background:var(--green-bg);border:1px solid rgba(42,138,80,.2);}
.tcol.warn{background:var(--warn-bg);border:1px solid rgba(184,96,15,.2);}
.tcol-hdr{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem;}
.tcol.green .tcol-hdr{color:var(--green);}
.tcol.warn .tcol-hdr{color:var(--warn);}
.tcol-item{font-size:.83rem;color:var(--ink2);padding:.28rem 0;border-bottom:1px solid rgba(0,0,0,.05);}
.tcol-item:last-child{border-bottom:none;}
/* Comparison table */
.ctable{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.88rem;}
.ctable th{background:var(--ink);color:#fff;padding:.6rem 1rem;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.ctable td{padding:.65rem 1rem;border-bottom:1px solid var(--border);}
.ctable tr:nth-child(even) td{background:var(--bg2);}
.ctable .g{color:var(--green);font-weight:600;}
.ctable .w{color:var(--warn);font-weight:600;}
.ctable .r{color:var(--red);font-weight:600;}
/* Author bio */
.author-bio{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:1.4rem 1.6rem;margin:2.5rem 0;display:flex;align-items:flex-start;gap:1.1rem;}
.bio-avatar{width:50px;height:50px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0;}
.bio-name{font-family:Georgia,serif;font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.2rem;}
.bio-creds{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem;}
.bio-text{font-size:.83rem;color:var(--ink2);line-height:1.6;}
/* Related */
.related{background:var(--bg2);border-top:1px solid var(--border);padding:2.5rem 2rem;}
.related-inner{max-width:800px;margin:0 auto;}
.related h2{font-family:Georgia,serif;font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:1.1rem;}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;}
.rel-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:1.1rem;text-decoration:none;display:block;transition:border-color .15s,box-shadow .15s;}
.rel-card:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(26,86,160,.08);}
.rel-tag{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;}
.rel-title{font-family:Georgia,serif;font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.2;}
@media(max-width:680px){
  .stat-row{grid-template-columns:1fr 1fr;}
  .bar-row.wide,.bar-row.xwide{grid-template-columns:120px 1fr 54px;}
  .bar-row.mid{grid-template-columns:110px 1fr 54px;}
  .bar-row.narrow{grid-template-columns:80px 1fr 48px;}
  .gbrow.g2{grid-template-columns:85px 1fr;}
  .two-col{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr;}
  .author-bio{flex-direction:column;}
  .big-stat{grid-template-columns:1fr;}
  .post-wrap{padding:2rem 1.25rem 4rem;}
}

/* NAV */
  nav{position:sticky;top:0;z-index:100;background:var(--ink);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:60px;}
.logo{font-family:var(--serif);font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:8px;}
.logo-bar{display:inline-block;width:4px;height:20px;background:#4d8fd4;border-radius:1px;}
.nav-links{display:flex;list-style:none;align-items:center;}
.nav-links a{color:rgba(255,255,255,0.5);text-decoration:none;font-size:0.8rem;font-weight:500;letter-spacing:0.07em;text-transform:uppercase;padding:0.4rem 0.85rem;transition:color 0.15s;cursor:pointer;}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:0.45rem 1.1rem!important;border-radius:3px;font-weight:600!important;}
.nav-cta:hover{background:var(--accent-dark)!important;}
/* FOOTER */
  footer{background:var(--ink);padding:3rem 2rem;}
.footer-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;}
.footer-logo{font-family:var(--serif);font-size:1.1rem;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;display:flex;align-items:center;gap:8px;}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;}
.footer-links a{font-size:0.8rem;color:rgba(255,255,255,0.4);text-decoration:none;cursor:pointer;transition:color 0.2s;text-transform:uppercase;font-weight:500;letter-spacing:0.04em;}
.footer-links a:hover{color:#fff;}
.footer-copy{font-size:0.75rem;color:rgba(255,255,255,0.25);}
/* TOOLS DROPDOWN */
  
  
  
  
  
  
  
  .dd-header{padding:0.85rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:space-between;}
.dd-header-label{font-size:0.62rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.25);}
.dd-header-link{font-size:0.7rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#4d8fd4;cursor:pointer;text-decoration:none;}
.dd-header-link:hover{color:#fff;}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;min-width:0;gap:0;padding:0.5rem;}
.dd-item{display:flex;align-items:flex-start;gap:0.6rem;padding:0.65rem 0.85rem;border-radius:4px;cursor:pointer;transition:background 0.12s;text-decoration:none;}
.dd-item:hover{background:rgba(255,255,255,0.06);}
.dd-icon{width:30px;height:30px;border-radius:5px;background:rgba(26,86,160,0.25);border:1px solid rgba(26,86,160,0.3);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;margin-top:1px;}
.dd-item-text .dd-name{font-family:'Barlow Condensed',sans-serif;font-size:0.82rem;font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:0.03em;line-height:1.2;margin-bottom:0.15rem;}
.dd-item-text .dd-desc{font-size:0.69rem;color:rgba(255,255,255,0.35);font-weight:300;line-height:1.4;}
.dd-footer{padding:0.75rem 1.25rem;border-top:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:space-between;}
.dd-footer-note{font-size:0.68rem;color:rgba(255,255,255,0.2);}
.dd-footer-cta{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#4d8fd4;cursor:pointer;text-decoration:none;}
.dd-footer-cta:hover{color:#fff;}
/* HAMBURGER */
  .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.nav-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform 0.2s,opacity 0.2s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;position:fixed;inset:0;top:60px;background:var(--ink);z-index:99;flex-direction:column;padding:1.5rem 1.5rem 2rem;overflow-y:auto;}
.mobile-menu.open{display:flex;}
.mobile-menu a{color:rgba(255,255,255,0.7);font-family:var(--serif);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.9rem 0;border-bottom:1px solid rgba(255,255,255,0.07);cursor:pointer;text-decoration:none;display:block;}
.mobile-menu a.mobile-cta{color:#fff;background:var(--accent);text-align:center;border-radius:4px;margin-top:1rem;padding:1rem;border:none;}
.nav-dropdown{position:static;}
.nav-dropdown > a{display:flex;align-items:center;gap:5px;}
.nav-dropdown > a .dd-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,0.4);transition:transform 0.15s,border-top-color 0.15s;margin-top:1px;}
.nav-dropdown.open > a .dd-arrow{border-top-color:#fff;transform:rotate(180deg);}
.dd-menu{position:fixed;top:60px;right:1rem;width:560px;max-width:calc(100vw - 2rem);background:var(--ink);border:1px solid rgba(255,255,255,0.1);border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,0.4);z-index:9999;display:none;}
.nav-dropdown.open .dd-menu{display:block;}

/* ── Tool Dropdown ── */
.nav-dropdown{position:static;}
.nav-dropdown>a{display:flex;align-items:center;gap:5px;cursor:pointer;}
.dd-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,.4);transition:transform .15s;margin-top:1px;}
.nav-dropdown.open>a .dd-arrow{transform:rotate(180deg);border-top-color:#fff;}
.dd-menu{
  position:fixed;top:60px;right:1rem;
  width:520px;max-width:calc(100vw - 2rem);
  background:#0d1b35;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  box-shadow:0 24px 60px rgba(0,0,0,.55);
  z-index:9999;display:none;
  overflow:hidden;
}
.nav-dropdown.open .dd-menu{display:block;}
.dd-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:.85rem 1.25rem .7rem;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.dd-category{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.28);}
.dd-viewall{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4d8fd4;text-decoration:none;transition:color .15s;}
.dd-viewall:hover{color:#fff;}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;padding:.6rem .75rem;}
.dd-item{
  display:flex;align-items:flex-start;gap:.7rem;
  padding:.7rem .6rem;
  border-radius:5px;
  text-decoration:none;
  transition:background .12s;
}
.dd-item:hover{background:rgba(255,255,255,.05);}
.dd-icon{
  width:34px;height:34px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;margin-top:1px;
}
.dd-icon.lang{background:rgba(77,143,212,.2);border:1px solid rgba(77,143,212,.3);}
.dd-icon.obj{background:rgba(192,57,43,.18);border:1px solid rgba(192,57,43,.25);}
.dd-name{
  font-family:var(--serif);font-size:.82rem;font-weight:800;
  text-transform:uppercase;color:#fff;letter-spacing:.04em;
  line-height:1.2;margin-bottom:.2rem;
}
.dd-desc{font-size:.68rem;color:rgba(255,255,255,.35);line-height:1.45;}
.dd-sep{height:1px;background:rgba(255,255,255,.06);margin:0 1.25rem;}
.dd-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:.75rem 1.25rem;
}
.dd-note{font-size:.67rem;color:rgba(255,255,255,.22);}
.dd-count{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4d8fd4;text-decoration:none;}
.dd-count:hover{color:#fff;}
/* ── Comparison Table ── */
.cmp-table{border:1px solid var(--border);border-radius:6px;overflow:hidden;margin:1.5rem 0;}
.cmp-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid var(--border);font-size:.85rem;}
.cmp-row:last-child{border-bottom:none;}
.cmp-row.hdr{background:var(--ink);color:#fff;font-family:var(--serif);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.cmp-cell{padding:.7rem 1rem;display:flex;align-items:center;}
.cmp-row:not(.hdr):nth-child(even){background:var(--bg2);}
.cmp-check{color:#2a8a50;font-weight:700;font-size:1.1rem;}
.cmp-x{color:#c0392b;font-weight:700;font-size:1.1rem;}
.cmp-mid{color:#b8600f;font-weight:600;}

/* ── Timeline ── */
.timeline{position:relative;padding-left:2rem;margin:1.5rem 0;}
.timeline::before{content:'';position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:var(--border);}
.tl-item{position:relative;padding-bottom:1.5rem;}
.tl-item:last-child{padding-bottom:0;}
.tl-dot{position:absolute;left:-1.65rem;top:.25rem;width:12px;height:12px;border-radius:50%;border:2px solid var(--accent);background:var(--bg);}
.tl-item.done .tl-dot{background:var(--accent);border-color:var(--accent);}
.tl-time{font-family:var(--serif);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.2rem;}
.tl-content{font-size:.88rem;color:var(--ink2);line-height:1.65;}
.tl-content strong{color:var(--ink);}

/* ── Percentage Ring ── */
.ring-row{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin:1.5rem 0;}
.ring-item{text-align:center;flex:0 0 120px;}
.ring-svg{width:90px;height:90px;transform:rotate(-90deg);}
.ring-bg{fill:none;stroke:var(--border);stroke-width:6;}
.ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .6s ease;}
.ring-label{font-family:var(--serif);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);margin-top:.4rem;}
.ring-num{font-family:var(--serif);font-size:1.3rem;font-weight:900;color:var(--ink);margin-top:.15rem;}

/* ── Stat Row 2-col variant ── */
.stat-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;}
.stat-row-2 .stat-box{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:1.25rem 1.5rem;text-align:center;}

/* ── Grouped Bar (already exists but adding label improvements) ── */
.gb-section-title{font-family:var(--serif);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:1rem 0 .5rem;padding-top:.75rem;border-top:1px solid var(--border);}