/* eSIM Data Deals — "the data lab" design layer (V23). Light, precise, figures in mono. */
:root{
  --dl-ink:#0a1433;--dl-ink2:#26304f;--dl-muted:#47527a;--dl-paper:#f4f6fc;--dl-card:#ffffff;--dl-line:#dde3f1;--dl-line2:#c9d2ea;
  --dl-blue:#1f4dff;--dl-blue-d:#1a44e6;--dl-blue-t:#e8edff;--dl-violet:#6b2cf5;--dl-violet-d:#5b21d6;--dl-violet-t:#f1ebff;
  --dl-lime:#c6f432;--dl-lime-t:#f3fdd6;--dl-lime-ink:#3d5a00;--dl-amber:#b25e00;--dl-red:#b42318;
  --dl-head:'Sora','Segoe UI',system-ui,sans-serif;--dl-body:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;--dl-mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --dl-r:18px;--dl-r-sm:12px;--dl-shadow:0 1px 0 rgba(10,20,51,.04),0 12px 32px rgba(31,77,255,.07);
  /* legacy tokens re-pointed so inherited components follow the lab palette */
  --ink:#0a1433;--muted:#47527a;--bg:#f4f6fc;--card:#fff;--line:#dde3f1;--accent:#1f4dff;--accent2:#6b2cf5;--dark:#0a1433;--spot:rgba(198,244,50,.35);--shadow:0 12px 32px rgba(31,77,255,.07);--font:var(--dl-body);--head:var(--dl-head);
  --v17-primary:#1f4dff!important;--v17-tint:#e8edff!important;
}
body[data-brand=data]{--ink:#0a1433;--muted:#47527a;--bg:#f4f6fc;--line:#dde3f1;--accent:#1f4dff;--accent2:#6b2cf5;--dark:#0a1433;--spot:rgba(198,244,50,.35)}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dl-paper)!important;color:var(--dl-ink);font-family:var(--dl-body)!important;font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--dl-head)!important;color:var(--dl-ink);letter-spacing:-.02em!important}
a{color:inherit}
:focus-visible{outline:3px solid var(--dl-violet)!important;outline-offset:3px!important;border-radius:6px}
::selection{background:var(--dl-lime);color:var(--dl-ink)}
img{max-width:100%;height:auto}
.dl-wrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}
.dl-mono,.dl-kicker,.dl-chip,.dl-fig{font-family:var(--dl-mono)}
.dl-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--dl-ink);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700}
.dl-skip:focus{top:10px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- header ---------- */
.dl-strip{background:var(--dl-ink);color:#dfe6ff;font:500 14px/1 var(--dl-mono)}
.dl-strip .dl-wrap{display:flex;gap:22px;align-items:center;justify-content:space-between;min-height:34px}
.dl-strip span b{color:var(--dl-lime);font-weight:600}
.dl-strip a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.dl-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--dl-line)}
.dl-top .dl-wrap{display:flex;align-items:center;gap:20px;min-height:68px}
.dl-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.dl-brand img{display:block;width:210px;height:auto}
.dl-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.dl-nav a{font:600 14.5px/1 var(--dl-body);color:var(--dl-ink2);text-decoration:none;padding:10px 11px;border-radius:10px}
.dl-nav a:hover{background:var(--dl-blue-t);color:var(--dl-blue-d)}
.dl-nav a[aria-current=page]{color:var(--dl-blue-d);background:var(--dl-blue-t)}
.dl-nav .dl-cta{margin-left:8px}
.dl-menu{display:none;margin-left:auto;border:1px solid var(--dl-line2);background:#fff;border-radius:12px;padding:9px 12px;font:600 14px var(--dl-mono);color:var(--dl-ink);cursor:pointer}
.dl-btn,.dl-cta{display:inline-flex;align-items:center;gap:8px;justify-content:center;font:700 15px/1.2 var(--dl-body);text-decoration:none!important;border-radius:12px;padding:12px 18px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.dl-cta,.dl-btn-v{background:var(--dl-violet)!important;color:#fff!important}
.dl-cta:hover,.dl-btn-v:hover{background:var(--dl-violet-d)!important;box-shadow:0 8px 20px rgba(107,44,245,.25)}
.dl-btn-b{background:var(--dl-blue);color:#fff}
.dl-btn-b:hover{background:var(--dl-blue-d)}
.dl-btn-o{background:#fff;color:var(--dl-ink);border-color:var(--dl-line2)}
.dl-btn-o:hover{border-color:var(--dl-blue);color:var(--dl-blue-d)}
@media (max-width:1060px){
  .dl-menu{display:inline-flex}
  .dl-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--dl-line);flex-direction:column;align-items:stretch;padding:10px 16px 16px;gap:2px;box-shadow:0 18px 30px rgba(10,20,51,.08)}
  .dl-nav.is-open{display:flex}
  .dl-nav a{padding:13px 12px;font-size:16px}
  .dl-nav .dl-cta{margin:8px 0 0}
  .dl-strip .dl-hide-s{display:none}
}
@media (max-width:520px){.dl-brand img{width:176px}.dl-strip .dl-wrap{justify-content:flex-start}}

/* ---------- generic layout ---------- */
.dl-main{display:block}
.dl-sec{padding:64px 0}
.dl-sec+.dl-sec{padding-top:24px}
.dl-sec.dl-band{background:#fff;border-block:1px solid var(--dl-line)}
.dl-kicker{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.2 var(--dl-mono);color:var(--dl-violet-d);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.dl-kicker:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--dl-lime);box-shadow:0 0 0 2px var(--dl-ink) inset}
.dl-h2{font:700 clamp(27px,3.2vw,40px)/1.15 var(--dl-head);margin:0 0 12px}
.dl-lead{font-size:18px;color:var(--dl-muted);max-width:760px;margin:0 0 28px}
.dl-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.dl-head .dl-lead{margin:0}
.dl-link{color:var(--dl-blue-d);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.dl-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.dl-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:980px){.dl-grid3,.dl-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dl-grid2,.dl-grid3,.dl-grid4{grid-template-columns:1fr}.dl-sec{padding:44px 0}}
.dl-card{background:var(--dl-card);border:1px solid var(--dl-line);border-radius:var(--dl-r);padding:22px;box-shadow:var(--dl-shadow)}
.dl-chip{display:inline-block;font:600 14px/1 var(--dl-mono);padding:7px 10px;border-radius:999px;background:var(--dl-blue-t);color:var(--dl-blue-d)}
.dl-chip.v{background:var(--dl-violet-t);color:var(--dl-violet-d)}
.dl-chip.l{background:var(--dl-lime-t);color:var(--dl-lime-ink)}

/* ---------- hero + estimator ---------- */
.dl-hero{padding:44px 0 56px;background:
  radial-gradient(900px 380px at 85% -10%,rgba(107,44,245,.10),transparent 60%),
  radial-gradient(700px 360px at 0% 0%,rgba(31,77,255,.10),transparent 60%),
  linear-gradient(#fff,var(--dl-paper));border-bottom:1px solid var(--dl-line)}
.dl-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:40px;align-items:start}
.dl-hero h1{font:800 clamp(34px,4.4vw,56px)/1.06 var(--dl-head);margin:6px 0 16px}
.dl-hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--dl-lime) 62%);padding:0 2px}
.dl-hero p.dl-lead{font-size:18.5px}
.dl-points{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.dl-points li{display:flex;gap:10px;align-items:flex-start;color:var(--dl-ink2)}
.dl-points li:before{content:"";flex:0 0 18px;height:18px;border-radius:5px;margin-top:3px;background:var(--dl-blue-t);box-shadow:inset 0 0 0 2px var(--dl-blue)}
.dl-entity{margin-top:22px;padding:14px 16px;border:1px dashed var(--dl-line2);border-radius:var(--dl-r-sm);background:#fff;font-size:15px;color:var(--dl-muted)}
.dl-entity strong{color:var(--dl-ink)}
.dl-hero-intro{grid-column:1;grid-row:1}.dl-hero-extra{grid-column:1;grid-row:2}.dl-hero-grid>.dl-est{grid-column:2;grid-row:1/span 2}
.dl-row:has(select){grid-template-columns:minmax(0,1fr) 128px}.dl-row select{font-size:15px}
@media (max-width:980px){.dl-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.dl-hero-intro,.dl-hero-extra,.dl-hero-grid>.dl-est{grid-column:1;grid-row:auto}}

.dl-est{background:#fff;border:1px solid var(--dl-line);border-radius:24px;box-shadow:0 24px 60px rgba(31,77,255,.12);padding:22px;position:relative}
.dl-est-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.dl-est-top h2{font:700 21px/1.2 var(--dl-head);margin:0}
.dl-est-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px}
@media (max-width:700px){.dl-est-body{grid-template-columns:1fr}}
.dl-rows{display:grid;gap:9px}
.dl-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--dl-line);border-radius:12px;background:var(--dl-paper)}
.dl-row label{font-weight:700;font-size:15px;line-height:1.25}
.dl-row label small{display:block;font:500 14px/1.3 var(--dl-mono);color:var(--dl-muted);margin-top:2px}
.dl-row input,.dl-row select,.dl-inp{width:100%;font:600 16px var(--dl-mono);padding:9px 8px;border-radius:9px;border:1.5px solid var(--dl-line2);background:#fff;color:var(--dl-ink);min-width:0}
.dl-row input:focus,.dl-row select:focus{border-color:var(--dl-blue)}
.dl-row.days{background:var(--dl-blue-t);border-color:#cdd8ff}
.dl-out{border-radius:18px;background:linear-gradient(160deg,#0f1a45,#1d2a6b);color:#fff;padding:16px;display:flex;flex-direction:column;gap:12px}
.dl-out .dl-gauge{width:100%;height:auto;display:block}
.dl-out-num{font:700 25px/1.15 var(--dl-mono);color:var(--dl-lime);text-align:center}
.dl-out-sub{font:500 14px/1.45 var(--dl-mono);color:#d7defa;text-align:center}
.dl-bars{display:grid;gap:7px}
.dl-bar{display:grid;grid-template-columns:96px minmax(0,1fr) 64px;gap:8px;align-items:center;font:500 14px/1.2 var(--dl-mono);color:#e5e9ff}
.dl-bar i{display:block;height:10px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.dl-bar i b{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--dl-lime),#8fe3ff)}
.dl-bar span:last-child{text-align:right}
.dl-est-note{font-size:14px;color:var(--dl-muted);margin:12px 0 0}
.dl-est-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* ---------- usage table with meters ---------- */
.dl-table-wrap{overflow-x:auto;border:1px solid var(--dl-line);border-radius:var(--dl-r);background:#fff;box-shadow:var(--dl-shadow)}
.dl-table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:640px}
.dl-table caption{text-align:left;padding:14px 16px;font:600 14px var(--dl-mono);color:var(--dl-muted);caption-side:bottom;border-top:1px solid var(--dl-line)}
.dl-table th,.dl-table td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--dl-line)}
.dl-table thead th{font:600 14px/1.3 var(--dl-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--dl-ink2);background:#f7f8fe}
.dl-table td.n,.dl-table .dl-fig{font:600 15px var(--dl-mono);white-space:nowrap;color:var(--dl-ink)}
.dl-table tr:last-child td{border-bottom:0}
.dl-meter{display:block;width:120px;height:10px;border-radius:6px;background:#eef1fb;position:relative;margin-top:7px;overflow:hidden}
.dl-meter b{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,var(--dl-blue),var(--dl-violet))}
.dl-src{font:500 14px var(--dl-mono);color:var(--dl-muted)}

/* ---------- fair-use explainer ---------- */
.dl-fair{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
@media (max-width:900px){.dl-fair{grid-template-columns:1fr}}
.dl-diagram{background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-r);padding:18px;box-shadow:var(--dl-shadow)}
.dl-diagram svg{display:block;width:100%;height:auto}
.dl-speeds{display:grid;gap:10px}
.dl-speed{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:1px solid var(--dl-line);border-radius:14px;padding:14px}
.dl-speed .dl-fig{font:700 16px/1.2 var(--dl-mono);color:var(--dl-blue-d)}
.dl-speed .dl-fig small{display:block;font:500 14px var(--dl-mono);color:var(--dl-muted);margin-top:4px}
.dl-speed p{margin:0;font-size:15.5px}

/* ---------- spec sheet ---------- */
.dl-spec{background:#fff;border:1.5px solid var(--dl-ink);border-radius:var(--dl-r);overflow:hidden}
.dl-spec-h{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--dl-ink);color:#fff;padding:12px 16px;font:600 14px var(--dl-mono);text-transform:uppercase;letter-spacing:.06em}
.dl-spec-h span:last-child{color:var(--dl-lime)}
.dl-spec dl{margin:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.dl-spec dt,.dl-spec dd{margin:0;padding:12px 16px;border-bottom:1px solid var(--dl-line);font-size:15px}
.dl-spec dt{font:600 14px/1.4 var(--dl-mono);color:var(--dl-muted);background:#fafbff}
.dl-spec dl>*:nth-last-child(-n+2){border-bottom:0}
@media (max-width:520px){.dl-spec dl{grid-template-columns:1fr}.dl-spec dt{border-bottom:0;padding-bottom:2px}}

/* ---------- article cards ---------- */
.dl-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:980px){.dl-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dl-posts{grid-template-columns:1fr}}
.dl-post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-r);overflow:hidden;text-decoration:none;color:var(--dl-ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.dl-post:hover{transform:translateY(-2px);border-color:#b9c6f5;box-shadow:0 18px 40px rgba(31,77,255,.12)}
.dl-post-viz{height:92px;background:linear-gradient(135deg,var(--dl-blue-t),var(--dl-violet-t));border-bottom:1px solid var(--dl-line);display:flex;align-items:flex-end;gap:6px;padding:14px 18px;position:relative}
.dl-post-viz i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--dl-violet),var(--dl-blue));opacity:.85}
.dl-post-viz i.l{background:var(--dl-lime);opacity:1;box-shadow:inset 0 0 0 2px var(--dl-ink)}
.dl-post-viz .dl-fig{position:absolute;right:14px;top:12px;font:700 14px var(--dl-mono);color:var(--dl-ink);background:#fff;border-radius:8px;padding:5px 8px;border:1px solid var(--dl-line)}
.dl-post-b{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.dl-post-b h3{font:700 19px/1.3 var(--dl-head);margin:0}
.dl-post-b p{margin:0;color:var(--dl-muted);font-size:15.5px}
.dl-post-b .dl-more{margin-top:auto;padding-top:6px;font:600 14px var(--dl-mono);color:var(--dl-blue-d)}
.dl-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.dl-list a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--dl-line);border-radius:12px;background:#fff;text-decoration:none;font-weight:600}
.dl-list a:hover{border-color:var(--dl-blue)}
.dl-list a span{font:500 14px var(--dl-mono);color:var(--dl-muted);white-space:nowrap}
@media (max-width:640px){.dl-list a{flex-direction:column;gap:4px}}

/* ---------- steps ---------- */
.dl-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.dl-steps>li{counter-increment:s;position:relative;padding:16px 16px 16px 64px;background:#fff;border:1px solid var(--dl-line);border-radius:14px}
.dl-steps>li:before{content:counter(s,decimal-leading-zero);position:absolute;left:14px;top:14px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:700 14px var(--dl-mono);background:var(--dl-ink);color:var(--dl-lime)}
.dl-steps>li strong{display:block;font-family:var(--dl-head);margin-bottom:2px}

/* ---------- article page ---------- */
.dl-ahead{background:linear-gradient(#fff,var(--dl-paper));border-bottom:1px solid var(--dl-line);padding:30px 0 30px}
.dl-crumbs{font:500 14px var(--dl-mono);color:var(--dl-muted);display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.dl-crumbs a{color:var(--dl-blue-d);text-decoration:none}
.dl-crumbs a:hover{text-decoration:underline}
.dl-ahead h1{font:800 clamp(30px,4vw,48px)/1.1 var(--dl-head);margin:0 0 14px;max-width:920px}
.dl-stand{font-size:19px;color:var(--dl-muted);max-width:820px;margin:0 0 18px}
.dl-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:500 14px var(--dl-mono);color:var(--dl-ink2)}
.dl-meta a{color:var(--dl-blue-d)}
.dl-meta span b{color:var(--dl-muted);font-weight:500}
.dl-alayout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,320px);gap:48px;justify-content:space-between;padding:34px 0 60px}
@media (max-width:1000px){.dl-alayout{grid-template-columns:minmax(0,1fr);gap:20px}}
.dl-answer{position:relative;background:#fff;border:1.5px solid var(--dl-blue);border-radius:var(--dl-r);padding:20px 22px 18px;margin:0 0 26px;box-shadow:0 10px 30px rgba(31,77,255,.10)}
.dl-answer .dl-kicker{color:var(--dl-blue-d);margin-bottom:8px}
.dl-answer p{margin:0;font-size:18px;line-height:1.6;color:var(--dl-ink)}
.dl-prose{font-size:17px;line-height:1.75;color:var(--dl-ink2)}
.dl-prose h2{font:700 clamp(23px,2.4vw,29px)/1.25 var(--dl-head);margin:42px 0 12px;color:var(--dl-ink);scroll-margin-top:96px}
.dl-prose h3{font:700 19px/1.35 var(--dl-head);margin:26px 0 8px}
.dl-prose p{margin:0 0 16px}
.dl-prose ul,.dl-prose ol{padding-left:22px;margin:0 0 18px}
.dl-prose li{margin:0 0 8px}
.dl-prose a{color:var(--dl-blue-d);text-decoration:underline;text-underline-offset:3px}
.dl-prose code,.dl-path{font:600 15px var(--dl-mono);background:var(--dl-blue-t);color:var(--dl-ink);padding:2px 6px;border-radius:6px;word-break:break-word}
.dl-prose .dl-table-wrap{margin:8px 0 22px}
.dl-prose .dl-steps{margin:8px 0 22px}
.dl-prose .dl-steps>li{font-size:16.5px}
.dl-note{border-left:4px solid var(--dl-violet);background:var(--dl-violet-t);border-radius:0 14px 14px 0;padding:14px 18px;margin:18px 0 22px;font-size:16px}
.dl-note strong{color:var(--dl-violet-d)}
.dl-example{border:1.5px dashed var(--dl-line2);background:#fff;border-radius:14px;padding:14px 18px;margin:16px 0 22px;font-size:16px}
.dl-example .dl-kicker{margin-bottom:6px;color:var(--dl-lime-ink)}
.dl-example .dl-fig{font-family:var(--dl-mono);font-weight:600}
.dl-buy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-radius:var(--dl-r);padding:20px 22px;margin:28px 0;background:linear-gradient(120deg,var(--dl-violet-t),var(--dl-blue-t));border:1px solid #d6cdfb}
.dl-buy strong{display:block;font:700 19px/1.3 var(--dl-head);color:var(--dl-ink);margin-bottom:4px}
.dl-buy span{font-size:15.5px;color:var(--dl-ink2)}
.dl-buy small{display:block;margin-top:6px;font:500 14px var(--dl-mono);color:var(--dl-muted)}
@media (max-width:640px){.dl-buy{grid-template-columns:1fr}}
.dl-faq details{background:#fff;border:1px solid var(--dl-line);border-radius:14px;margin:0 0 10px;padding:0 18px}
.dl-faq summary{cursor:pointer;font:700 17px/1.4 var(--dl-head);padding:15px 0;color:var(--dl-ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
.dl-faq summary::-webkit-details-marker{display:none}
.dl-faq summary:after{content:"+";font:700 18px var(--dl-mono);color:var(--dl-violet)}
.dl-faq details[open] summary:after{content:"−"}
.dl-faq details p{margin:0 0 16px}
.dl-sources{border-top:1px solid var(--dl-line);margin-top:36px;padding-top:16px;font-size:15px}
.dl-sources ul{padding-left:18px}
.dl-aside{position:sticky;top:96px;display:grid;gap:16px;align-self:start}
@media (max-width:1000px){.dl-aside{position:static}}
.dl-toc{background:#fff;border:1px solid var(--dl-line);border-radius:var(--dl-r);padding:16px 18px}
.dl-toc h2{font:600 14px var(--dl-mono)!important;text-transform:uppercase;letter-spacing:.06em;color:var(--dl-muted);margin:0 0 10px}
.dl-toc ol{margin:0;padding-left:20px;font-size:15px}
.dl-toc li{margin:0 0 8px}
.dl-toc a{color:var(--dl-ink2);text-decoration:none}
.dl-toc a:hover{color:var(--dl-blue-d);text-decoration:underline}
.dl-related{margin-top:30px}
.dl-related h2{margin-top:0}

/* ---------- footer ---------- */
.dl-foot{background:#fff;border-top:1px solid var(--dl-line);padding:44px 0 26px;margin-top:0;font-size:15px;color:var(--dl-ink2)}
.dl-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
@media (max-width:900px){.dl-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.dl-foot-grid{grid-template-columns:1fr}}
.dl-foot h2{font:600 14px var(--dl-mono)!important;text-transform:uppercase;letter-spacing:.07em;color:var(--dl-muted);margin:0 0 12px}
.dl-foot a{display:block;text-decoration:none;color:var(--dl-ink2);padding:5px 0}
.dl-foot a:hover{color:var(--dl-blue-d);text-decoration:underline}
.dl-foot .dl-disc{background:var(--dl-paper);border:1px solid var(--dl-line);border-radius:14px;padding:14px 16px;margin-top:12px;font-size:14.5px;color:var(--dl-muted)}
.dl-foot-b{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--dl-line);margin-top:28px;padding-top:16px;font:500 14px var(--dl-mono);color:var(--dl-muted)}

/* ---------- legacy components re-skinned to the lab look ---------- */
.wrapper,.wrap{width:min(1200px,calc(100% - 32px))!important}
.inner-hero,.v13-guide-top,.v13-article-head,.study-hero,.v14-faq-hero,.v12-article-head,.v12-academy-hero,.v10-hero,.v4-hero,.v20-top,.v19-page-top,.v11-article-intro,.subhero,.research-shell .hero,.v15-studio-top,.v16-intro{background:linear-gradient(#fff,var(--dl-paper))!important;color:var(--dl-ink)!important;border-bottom:1px solid var(--dl-line)}
.inner-hero:after,.inner-hero:before{display:none!important}
.inner-hero{padding:34px 0 30px!important}
.inner-hero h1,.v13-article-head h1,.v13-guide-top h1,.v12-article-head h1,.v14-faq-hero h1,.study-hero h1,.v20-top h1,.v19-page-top h1{color:var(--dl-ink)!important;font:800 clamp(30px,4vw,48px)/1.1 var(--dl-head)!important;letter-spacing:-.02em!important}
.inner-hero p,.v13-article-head p,.v13-guide-top p,.v12-article-head p,.v14-faq-hero p,.study-hero p,.v20-top p{color:var(--dl-muted)!important}
.crumb,.v17-breadcrumb,.v11-breadcrumb,.breadcrumb,.v10-breadcrumb{font:500 14px var(--dl-mono)!important;color:var(--dl-muted)!important}
.crumb a,.v17-breadcrumb a,.v11-breadcrumb a,.breadcrumb a{color:var(--dl-blue-d)!important}
.v21-hero-grid{background:linear-gradient(135deg,#fff,var(--dl-blue-t))!important;color:var(--dl-ink)!important;border:1px solid var(--dl-line);box-shadow:var(--dl-shadow)!important}
.v21-hero-grid *{color:inherit}
.v17-lead{background:linear-gradient(#fff,var(--dl-paper))!important}
.article-main h2,.v17-prose h2,.v21-article h2,.v13-article-body h2,.v12-reading h2,.v20-article h2,.v14-article-text h2,.v11-article-main h2{font:700 clamp(23px,2.4vw,29px)/1.25 var(--dl-head)!important;color:var(--dl-ink)!important}
.article-main p,.v17-prose p,.v13-article-body p,.v12-reading p,.v20-article p,.v14-article-text p{color:var(--dl-ink2)!important;font-size:17px!important;line-height:1.75!important}
.article-main a:not(.btn),.v17-prose a,.v13-article-body a,.v12-reading a{color:var(--dl-blue-d)}
.answer-block,.v14-answer-text,.v17-answer,.v13-answer,.v12-answer,.v20-answer,.v21-answer{background:#fff!important;border:1.5px solid var(--dl-blue)!important;border-radius:var(--dl-r)!important;box-shadow:0 10px 30px rgba(31,77,255,.08)}
.answer-block strong:first-child{font:600 14px var(--dl-mono)!important;text-transform:uppercase;letter-spacing:.06em;color:var(--dl-blue-d)}
.notice,.method-box,.v12-method-callout{background:var(--dl-violet-t)!important;border-left:4px solid var(--dl-violet)!important;color:var(--dl-ink2)!important}
.inline-cta,.v21-cta,.v20-cta,.v12-cta,.v11-cta{background:linear-gradient(120deg,var(--dl-violet-t),var(--dl-blue-t))!important;color:var(--dl-ink)!important;border:1px solid #d6cdfb}
.inline-cta span,.inline-cta strong,.v21-cta *,.v20-cta *{color:var(--dl-ink)!important}
.btn,.button,.v17-primarybtn,.v21-button,.v19-btn,.v16-main-button{background:var(--dl-blue)!important;color:#fff!important;border-radius:12px!important;font-family:var(--dl-body)!important}
.btn-dark,.button.dark{background:var(--dl-violet)!important}
.btn-outline,.button.ghost{background:#fff!important;color:var(--dl-ink)!important;border:1.5px solid var(--dl-line2)!important}
.side-box,.v17-sidebox,.research-panel,.tool-panel,.v15-studio-panel,.v16-form,.tile,.insight-tile,.v19-surface{background:#fff!important;border:1px solid var(--dl-line)!important;border-radius:var(--dl-r)!important;color:var(--dl-ink)}
.card,.article-card,.v13-guide-card,.v17-guide-card,.v17-related-card,.v21-related-card,.v11-topic-card,.postcard{border-radius:var(--dl-r)!important;border:1px solid var(--dl-line)!important;box-shadow:none!important;background:#fff!important}
.card:hover,.v13-guide-card:hover,.postcard:hover{border-color:#b9c6f5!important;box-shadow:0 18px 40px rgba(31,77,255,.10)!important}
.card-category,.tag,.v13-tag,.v14-pill,.v12-pill,.eyebrow,.section-kicker,.v17-eyebrow,.v21-eyebrow,.v21-kicker,.v12-kicker,.v16-kicker,.v20-kicker,.v11-overline,.v14-eyebrow,.v15-eyebrow,.v12-eyebrow{font-family:var(--dl-mono)!important;font-size:14px!important;letter-spacing:.04em!important;color:var(--dl-violet-d)!important;background:transparent!important}
.ref-table,.data-table,.research-table,.v13-data-table{font-size:15px!important;border-radius:12px!important}
.ref-table thead th,.data-table th,.research-table th{background:#f7f8fe!important;font:600 14px var(--dl-mono)!important;color:var(--dl-ink2)!important}
.stat,.v3-number,.v4-stat{border-radius:14px!important;border:1px solid var(--dl-line)!important;background:#fff!important}
.stat-v{font-family:var(--dl-mono)!important;color:var(--dl-blue-d)!important}
.stat-l{font-size:14px!important}
.article-faq details,.faq-list details,.v14-answer,.v17-article-faq details{border-radius:14px!important;border:1px solid var(--dl-line)!important;background:#fff!important}
.related{background:var(--dl-paper)!important}
.article-meta,.v17-byline,.v13-byline,.v12-meta,.v11-meta,.v20-byline,.study-meta{font:500 14px var(--dl-mono)!important;color:var(--dl-muted)!important}
.mini-links a{font-size:15px!important}
.hero{background:linear-gradient(#fff,var(--dl-paper))!important;color:var(--dl-ink)!important}
.hero h1,.hero p{color:var(--dl-ink)!important}
.section.soft,.soft{background:var(--dl-paper)!important}
.v20-section,.v21-section,.v3-section{background:transparent!important}
small,.fineprint,.micro,.table-note{font-size:14px}
table{max-width:100%}
.table-scroll,.data-table-wrap{max-width:100%;overflow-x:auto}
pre{white-space:pre-wrap;word-break:break-word}
/* guide filter */
.dl-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 22px}
.dl-filter .dl-inp{max-width:360px;flex:1 1 240px;font-family:var(--dl-body);font-weight:500}
.dl-chips{display:flex;flex-wrap:wrap;gap:8px}
.dl-chipbtn{font:600 14px var(--dl-mono);padding:9px 12px;border-radius:999px;border:1.5px solid var(--dl-line2);background:#fff;color:var(--dl-ink2);cursor:pointer}
.dl-chipbtn[aria-pressed=true]{background:var(--dl-ink);color:#fff;border-color:var(--dl-ink)}
.dl-post[hidden]{display:none!important}
.dl-prose ol.dl-steps{padding-left:0}
.dl-post-b .dl-chip{align-self:flex-start}
.text-link,.cta-box .text-link{color:var(--dl-blue-d)!important}