/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--zb6922-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--zb6922-ink, #111); background: var(--zb6922-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--zb6922-font-display, var(--zb6922-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--zb6922-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --zb6922-primary: #0B3A53; --zb6922-secondary: #E67E22; --zb6922-accent: #E67E22; --zb6922-ink: #0B3A53; --zb6922-slate: #4B5563; --zb6922-mist: #EAF1F4; --zb6922-border: #D1D5DB; --zb6922-surface: #FFFFFF; --zb6922-bg: #F4F6F7; --zb6922-text: #111827; --zb6922-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --zb6922-font-display: 'Avenir Next', Avenir, 'Segoe UI', 'Century Gothic', sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--zb6922-border, #e5e7eb); background: var(--zb6922-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-ui="cookie-banner"] a { text-decoration: underline; } [data-consent-action], [data-age-gate-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--zb6922-border, #d1d5db); background: transparent; color: var(--zb6922-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--zb6922-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--zb6922-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--zb6922-border, #e5e7eb); background: var(--zb6922-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-consent-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-ui="age-gate-overlay"] { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.8); } [data-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--zb6922-surface, #1a1a2e); color: var(--zb6922-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-age-gate-action] { padding: .75rem 1.5rem; } /* sections */ /* zb6922:header */ /* zb6922:header */ #header{--h-bg:var(--zb6922-surface);--h-ink:var(--zb6922-ink);--h-border:var(--zb6922-border);--h-muted:var(--zb6922-slate);--h-accent:var(--zb6922-accent);background:var(--h-bg);border-bottom:1px solid var(--h-border);position:sticky;top:0;z-index:20} #header .header-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px} #header .brand{display:flex;align-items:center;gap:10px;min-width:220px;text-decoration:none;color:var(--h-ink)} #header .brand:focus-visible{outline:3px solid var(--h-accent);outline-offset:3px;border-radius:10px} #header .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--zb6922-primary);color:var(--zb6922-surface);display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-0.02em;font-family:var(--zb6922-font-display)} #header .brand-text{font-family:var(--zb6922-font-display);font-weight:800;letter-spacing:-0.02em;font-size:15px;line-height:1.1} #header .nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end} #header .nav-link{color:var(--h-muted);text-decoration:none;font-size:14px;line-height:1.1;padding:10px 10px;border-radius:10px;border:1px solid transparent;white-space:nowrap} #header .nav-link:hover{color:var(--h-ink);border-color:var(--h-border)} #header .nav-link:focus-visible{outline:3px solid var(--h-accent);outline-offset:2px;border-color:var(--h-border);color:var(--h-ink)} #header .header-actions{display:flex;align-items:center;gap:10px;min-width:170px;justify-content:flex-end} #header .cta-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--zb6922-surface);background:var(--zb6922-accent);border:1px solid var(--zb6922-accent);border-radius:12px;padding:10px 14px;font-weight:750;font-size:14px;line-height:1} #header .cta-button:hover{filter:saturate(1.05);transform:translateY(-1px)} #header .cta-button:active{transform:translateY(0)} #header .cta-button:focus-visible{outline:3px solid var(--h-accent);outline-offset:3px} #header ::selection{background:var(--zb6922-accent);color:var(--zb6922-surface)} @media (max-width: 920px){#header .header-inner{padding:12px 14px}#header .brand{min-width:auto}.header-actions{min-width:auto}#header .nav{gap:6px}#header .nav-link{padding:9px 8px}} @media (max-width: 700px){#header .header-inner{flex-wrap:wrap}#header .nav{justify-content:flex-start}#header .header-actions{width:100%;justify-content:flex-start}#header .cta-button{width:100%}} @media (prefers-reduced-motion: reduce){#header .cta-button:hover{transform:none}} /* zb6922:footer */ /* zb6922:footer */ #footer.footer{background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 18px 18px;} #footer.footer .footer-inner{max-width:1120px;margin:0 auto;} #footer.footer .footer-brand{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;} #footer.footer .footer-mark{width:42px;height:42px;border-radius:var(--zb6922-radius-md,12px);background:var(--zb6922-primary);box-shadow:0 10px 24px rgba(11,58,83,.18);} #footer.footer .footer-title{margin:0;font-family:var(--zb6922-font-display);font-size:22px;letter-spacing:-0.02em;} #footer.footer .footer-sub{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--zb6922-slate);max-width:54ch;} #footer.footer .footer-columns{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;align-items:start;margin:18px 0 26px;} #footer.footer .footer-heading{margin:0 0 10px;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--zb6922-ink);} #footer.footer .footer-heading-tight{margin-bottom:8px;} #footer.footer .footer-text{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--zb6922-text);} #footer.footer .footer-meta{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--zb6922-slate);} #footer.footer .footer-list{list-style:none;padding:0;margin:0;} #footer.footer .footer-link{display:inline-block;color:var(--zb6922-primary);text-decoration:none;border-bottom:1px solid transparent;padding:2px 0;} #footer.footer .footer-link:hover{border-bottom-color:var(--zb6922-border);} #footer.footer .footer-link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px;border-bottom-color:transparent;} #footer.footer .footer-link-strong{color:var(--zb6922-ink);border-bottom-color:var(--zb6922-border);} #footer.footer .footer-rg{display:flex;gap:16px;align-items:stretch;justify-content:space-between;border:1px solid var(--zb6922-border);background:var(--zb6922-surface);border-radius:var(--zb6922-radius-lg,16px);padding:16px 16px;} #footer.footer .footer-rg-left{display:flex;gap:14px;align-items:flex-start;} #footer.footer .footer-rg-right{max-width:330px;} #footer.footer .age-badge{width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--zb6922-secondary);box-shadow:0 12px 24px rgba(230,126,34,.22);border:1px solid rgba(0,0,0,.05);} #footer.footer .age-badge-num{font-weight:800;color:var(--zb6922-surface);font-size:16px;letter-spacing:-0.02em;} #footer.footer .footer-rg-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:8px;} #footer.footer .footer-bottom{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;border-top:1px solid var(--zb6922-border);padding-top:14px;margin-top:18px;} #footer.footer .footer-legal{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--zb6922-slate);font-size:13px;} #footer.footer .footer-legal-link{color:var(--zb6922-slate);text-decoration:none;border-bottom:1px solid transparent;} #footer.footer .footer-legal-link:hover{border-bottom-color:var(--zb6922-border);} #footer.footer .footer-legal-link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px;border-bottom-color:transparent;} #footer.footer .footer-dot{color:var(--zb6922-border);} #footer.footer .footer-copy{margin:0;color:var(--zb6922-slate);font-size:13px;} #footer.footer ::selection{background:rgba(230,126,34,.28);} @media (max-width: 980px){ #footer.footer .footer-columns{grid-template-columns:1fr;gap:14px;} #footer.footer .footer-rg{flex-direction:column;} #footer.footer .footer-rg-right{max-width:none;} } @media (prefers-reduced-motion: reduce){ #footer.footer *{scroll-behavior:auto;} } /* zb6922:hero */ /* zb6922:hero */ #hero.hero-section{ --hero-max: 1120px; background: var(--zb6922-bg); color: var(--zb6922-text); padding: 44px 18px 30px; } #hero.hero-section .hero-inner{ max-width: var(--hero-max); margin: 0 auto; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 26px; align-items: start; } #hero.hero-section .hero-copy{padding: 6px 0;} #hero.hero-section .hero-kicker{ display: inline-flex; align-items: center; gap: 10px; font-family: var(--zb6922-font); font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--zb6922-primary); margin: 0 0 14px; } #hero.hero-section .hero-title{ font-family: var(--zb6922-font-display); font-weight: 760; line-height: 1.05; letter-spacing: -0.02em; font-size: 46px; margin: 0 0 14px; text-wrap: balance; color: var(--zb6922-primary); } #hero.hero-section .hero-lead{ margin: 0 0 18px; max-width: 58ch; font-size: 17px; line-height: 1.6; color: var(--zb6922-text); } #hero.hero-section .hero-points{ list-style: none; padding: 0; margin: 14px 0 22px; display: grid; gap: 10px; } #hero.hero-section .hero-point{ display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; line-height: 1.5; color: var(--zb6922-text); } #hero.hero-section .hero-bullet{ width: 10px; height: 10px; border-radius: 3px; margin-top: 6px; background: var(--zb6922-secondary); box-shadow: 0 8px 20px rgba(230, 126, 34, 0.28); flex: 0 0 auto; } #hero.hero-section .hero-cta-row{ display: flex; gap: 12px; flex-wrap: wrap; margin: 8px 0 18px; } #hero.hero-section .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 11px 14px; border-radius: var(--zb6922-radius, 12px); font-weight: 650; font-size: 15px; text-decoration: none; border: 1px solid var(--zb6922-border); color: var(--zb6922-primary); background: var(--zb6922-surface); transition: background 140ms ease, border-color 140ms ease, transform 140ms ease; } #hero.hero-section .btn-primary{ background: var(--zb6922-primary); border-color: var(--zb6922-primary); color: var(--zb6922-surface); } #hero.hero-section .btn-primary:hover{background: #0a3349; border-color:#0a3349;} #hero.hero-section .btn-ghost{background: transparent;} #hero.hero-section .btn-ghost:hover{background: rgba(230,126,34,0.08); border-color: var(--zb6922-secondary);} #hero.hero-section .btn:focus-visible{outline: 3px solid rgba(230,126,34,0.35); outline-offset: 2px;} #hero.hero-section .hero-meta{ padding-top: 4px; } #hero.hero-section .hero-meta-text{ margin: 0; font-size: 13.8px; color: var(--zb6922-slate); line-height: 1.55; } #hero.hero-section .hero-visual{position: relative; padding: 10px 0;} #hero.hero-section .hero-shadow{ position: absolute; inset: 22px -12px 0 42px; background: radial-gradient(closest-side, rgba(11,58,83,0.18), rgba(11,58,83,0) 70%); pointer-events: none; filter: blur(0.2px); } #hero.hero-section .hero-visual-card{ position: relative; border: 1px solid var(--zb6922-border); background: rgba(255,255,255,0.86); backdrop-filter: blur(6px); border-radius: 16px; padding: 16px; box-shadow: 0 18px 40px rgba(11,58,83,0.10); } #hero.hero-section .hero-visual-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; } #hero.hero-section .hero-badge{ display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 999px; border: 1px solid rgba(230,126,34,0.35); background: rgba(230,126,34,0.10); color: var(--zb6922-primary); font-weight: 700; font-size: 13px; } #hero.hero-section .hero-visual-sub{ font-size: 13px; color: var(--zb6922-slate); font-weight: 600; } #hero.hero-section .hero-bars{display: grid; gap: 12px; padding: 6px 2px 10px;} #hero.hero-section .bar-row{ display: grid; grid-template-columns: 110px 1fr 52px; gap: 10px; align-items: center; } #hero.hero-section .bar-label{font-size: 13.5px; color: var(--zb6922-slate); font-weight: 650;} #hero.hero-section .bar-track{ height: 12px; border-radius: 999px; background: #e9eff2; border: 1px solid rgba(209,213,219,0.9); overflow: hidden; } #hero.hero-section .bar-fill{ height: 100%; background: rgba(11,58,83,0.88); border-right: 1px solid rgba(255,255,255,0.35); } #hero.hero-section .bar-fill.fill-accent{background: rgba(230,126,34,0.95);} #hero.hero-section .bar-value{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 13px; color: var(--zb6922-primary); font-weight: 750; text-align: right; } #hero.hero-section .hero-visual-foot{ border-top: 1px solid rgba(209,213,219,0.7); padding-top: 12px; } #hero.hero-section .hero-visual-footline{margin: 0 0 10px; color: var(--zb6922-text); font-size: 14.5px; line-height: 1.45;} #hero.hero-section .inline-link{ color: var(--zb6922-primary); text-decoration: none; font-weight: 700; border-bottom: 2px solid rgba(230,126,34,0.55); padding-bottom: 2px; } #hero.hero-section .inline-link:hover{border-bottom-color: rgba(230,126,34,0.95);} #hero.hero-section .inline-link:focus-visible{outline: 3px solid rgba(230,126,34,0.35); outline-offset: 3px; border-bottom-color: transparent;} @media (max-width: 980px){ #hero.hero-section .hero-inner{grid-template-columns: 1fr; gap: 18px;} #hero.hero-section .hero-title{font-size: 38px;} #hero.hero-section .hero-visual{padding-top: 2px;} #hero.hero-section .bar-row{grid-template-columns: 100px 1fr 48px;} } @media (prefers-reduced-motion: reduce){ #hero.hero-section .btn{transition: none;} } ::selection{background: rgba(230,126,34,0.30); color: var(--zb6922-primary);} /* zb6922:tool-overview */ /* zb6922:tool-overview */ #tool-overview{background:var(--zb6922-bg);color:var(--zb6922-text);padding:28px 0 34px;} #tool-overview .container{width:min(1080px,92%);margin:0 auto;padding:0 2px;} #tool-overview .section-head{margin:0 0 18px;} #tool-overview .kicker{display:inline-flex;align-items:center;gap:8px;font:700 12px/1.2 var(--zb6922-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zb6922-primary);background:rgba(11,58,83,.08);border:1px solid rgba(11,58,83,.18);padding:8px 10px;border-radius:999px;} #tool-overview .title{margin:12px 0 10px;font:800 clamp(22px,2.6vw,34px)/1.08 var(--zb6922-font-display);letter-spacing:-.02em;text-wrap:balance;} #tool-overview .lead{margin:0;max-width:68ch;color:var(--zb6922-slate);font:500 15px/1.6 var(--zb6922-font);} #tool-overview .tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;} #tool-overview .tool-card{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:16px 16px 14px;position:relative;overflow:hidden;} #tool-overview .tool-card::before{content:"";position:absolute;left:-60px;top:-70px;width:160px;height:160px;background:rgba(230,126,34,.10);border-radius:50%;} #tool-overview .tool-top{position:relative;display:flex;gap:12px;align-items:flex-start;justify-content:flex-start;margin-bottom:10px;} #tool-overview .tool-badge{font:800 12px/1 var(--zb6922-font);letter-spacing:.06em;text-transform:uppercase;color:var(--zb6922-ink);background:rgba(11,58,83,.07);border:1px solid rgba(11,58,83,.16);padding:8px 10px;border-radius:999px;} #tool-overview .tool-title{margin:0;font:800 18px/1.2 var(--zb6922-font);letter-spacing:-.01em;} #tool-overview .tool-desc{position:relative;margin:0 0 12px;color:var(--zb6922-slate);font:500 14px/1.55 var(--zb6922-font);} #tool-overview .tool-points{position:relative;margin:0 0 12px;padding:0;list-style:none;display:grid;gap:8px;} #tool-overview .tool-points li{display:flex;align-items:flex-start;gap:10px;color:var(--zb6922-text);font:600 13px/1.35 var(--zb6922-font);} #tool-overview .dot{width:10px;height:10px;border-radius:3px;background:var(--zb6922-secondary);margin-top:4px;flex:0 0 10px;box-shadow:0 6px 18px rgba(230,126,34,.25);} #tool-overview .tool-link{position:relative;display:inline-flex;align-items:center;gap:10px;justify-content:flex-start;margin-top:auto;color:var(--zb6922-primary);text-decoration:none;font:800 13px/1.1 var(--zb6922-font);padding:10px 12px;border-radius:var(--zb6922-radius-md,12px);border:1px solid rgba(11,58,83,.22);background:rgba(255,255,255,.6);} #tool-overview .tool-link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} #tool-overview .tool-link:hover{background:var(--zb6922-surface);border-color:rgba(11,58,83,.35);} #tool-overview .callout{margin-top:16px;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.75);border:1px solid rgba(11,58,83,.16);border-radius:var(--zb6922-radius-lg,16px);padding:14px 14px;} #tool-overview .callout-icon{width:34px;height:34px;border-radius:12px;background:rgba(230,126,34,.14);color:var(--zb6922-primary);display:flex;align-items:center;justify-content:center;font:900 18px/1 var(--zb6922-font);border:1px solid rgba(230,126,34,.35);flex:0 0 34px;} #tool-overview .callout-title{margin:0 0 6px;font:900 16px/1.2 var(--zb6922-font);letter-spacing:-.01em;} #tool-overview .callout-text{margin:0;color:var(--zb6922-slate);font:600 13.5px/1.55 var(--zb6922-font);} #tool-overview ::selection{background:rgba(230,126,34,.25);} @media (max-width: 920px){#tool-overview .tool-grid{grid-template-columns:1fr;gap:12px;}} @media (prefers-reduced-motion: reduce){#tool-overview .tool-link{transition:none;}} /* zb6922:blog-teaser */ /* zb6922:blog-teaser */ #blog-teaser{--bt-accent:var(--zb6922-accent);--bt-ink:var(--zb6922-ink);--bt-slate:var(--zb6922-slate);--bt-border:var(--zb6922-border);--bt-surface:var(--zb6922-surface);--bt-bg:var(--zb6922-bg);--bt-mist:var(--zb6922-mist); background:var(--bt-surface);color:var(--bt-ink); padding:48px 0;} #blog-teaser *{box-sizing:border-box;} #blog-teaser .blog-teaser__container{max-width:1080px;margin:0 auto;padding:0 20px;} #blog-teaser .blog-teaser__header{max-width:780px;margin-bottom:26px;} #blog-teaser .blog-teaser__kicker{display:inline-block;font:600 12px/1.2 var(--zb6922-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zb6922-secondary);background:var(--zb6922-mist);border:1px solid var(--zb6922-border);padding:10px 12px;border-radius:999px;margin-bottom:14px;} #blog-teaser .blog-teaser__title{font-family:var(--zb6922-font-display);font-weight:800;font-size:30px;line-height:1.12;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance;} #blog-teaser .blog-teaser__lede{margin:0;color:var(--zb6922-text);font-size:15px;line-height:1.65;} #blog-teaser .blog-teaser__list{border:1px solid var(--bt-border);border-radius:var(--zb6922-radius,12px);overflow:hidden;background:var(--bt-surface);} #blog-teaser .blog-teaser__item{padding:18px 18px;border-top:1px solid var(--bt-border);background:linear-gradient(180deg, rgba(255,255,255,1), rgba(250,252,253,1));} #blog-teaser .blog-teaser__item:first-child{border-top:0;} #blog-teaser .blog-teaser__meta{margin:0 0 8px;color:var(--bt-slate);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;} #blog-teaser .blog-teaser__item-title{margin:0 0 10px;} #blog-teaser .blog-teaser__link{color:var(--bt-ink);text-decoration:none;font-family:var(--zb6922-font-display);font-weight:750;font-size:16px;line-height:1.35;letter-spacing:-.01em;display:inline-block;} #blog-teaser .blog-teaser__link:focus-visible{outline:3px solid color-mix(in oklab, var(--bt-accent) 70%, white 30%);outline-offset:3px;border-radius:8px;} #blog-teaser .blog-teaser__link:hover{color:var(--bt-accent);} #blog-teaser .blog-teaser__teaser{margin:0;color:var(--zb6922-text);font-size:14px;line-height:1.65;max-width:64ch;} #blog-teaser .blog-teaser__footer{display:flex;align-items:center;gap:16px;margin-top:18px;} #blog-teaser .blog-teaser__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--bt-ink);color:var(--bt-surface);text-decoration:none;font-weight:800;font-size:14px;border:1px solid var(--bt-ink);padding:12px 14px;border-radius:12px;} #blog-teaser .blog-teaser__cta:hover{background:color-mix(in oklab, var(--bt-ink) 86%, var(--bt-accent) 14%);border-color:color-mix(in oklab, var(--bt-ink) 85%, var(--bt-accent) 15%);} #blog-teaser .blog-teaser__cta:focus-visible{outline:3px solid color-mix(in oklab, var(--bt-accent) 70%, white 30%);outline-offset:3px;} #blog-teaser .blog-teaser__hint{color:var(--bt-slate);font-size:13px;line-height:1.4;} #blog-teaser ::selection{background:color-mix(in oklab, var(--bt-accent) 28%, white 72%);} @media (min-width: 860px){ #blog-teaser{padding:68px 0;} #blog-teaser .blog-teaser__list{display:grid;grid-template-columns:1fr 1fr 1fr;} #blog-teaser .blog-teaser__item{border-top:0;border-left:1px solid var(--bt-border);padding:22px 22px;} #blog-teaser .blog-teaser__item:first-child{border-left:0;} #blog-teaser .blog-teaser__item-title{font-size:17px;} #blog-teaser .blog-teaser__teaser{font-size:14px;} } @media (prefers-reduced-motion: reduce){ #blog-teaser .blog-teaser__cta,#blog-teaser .blog-teaser__link{transition:none;} } /* zb6922:case-study-teaser */ /* zb6922:case-study-teaser */ #case-study-teaser.case-study-teaser{background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 0;} #case-study-teaser.case-study-teaser .case-study-teaser__wrap{max-width:1120px;margin:0 auto;padding:0 20px;} #case-study-teaser.case-study-teaser .case-study-teaser__header{max-width:820px;margin-bottom:26px;} #case-study-teaser.case-study-teaser .case-study-teaser__eyebrow{font:600 12px/1.2 var(--zb6922-font);letter-spacing:.12em;text-transform:uppercase;color:var(--zb6922-secondary);margin:0 0 10px;} #case-study-teaser.case-study-teaser .case-study-teaser__title{font:700 30px/1.12 var(--zb6922-font-display);letter-spacing:-0.02em;margin:0 0 12px;text-wrap:balance;} #case-study-teaser.case-study-teaser .case-study-teaser__subtitle{margin:0;font:400 15px/1.6 var(--zb6922-font);color:var(--zb6922-text);max-width:720px;} #case-study-teaser.case-study-teaser .case-study-teaser__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin-top:22px;} #case-study-teaser.case-study-teaser .case-study-teaser__box{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:18px 18px 14px;display:flex;flex-direction:column;} #case-study-teaser.case-study-teaser .case-study-teaser__box--alt{background:linear-gradient(180deg, var(--zb6922-surface) 0%, rgba(234,241,244,.8) 100%);} #case-study-teaser.case-study-teaser .case-study-teaser__box-top{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;} #case-study-teaser.case-study-teaser .case-study-teaser__badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:7px 10px;border-radius:999px;background:rgba(230,126,34,.12);color:var(--zb6922-secondary);border:1px solid rgba(230,126,34,.25);font:700 12px/1 var(--zb6922-font);} #case-study-teaser.case-study-teaser .case-study-teaser__badge--alt{background:rgba(11,58,83,.08);color:var(--zb6922-primary);border-color:rgba(11,58,83,.18);} #case-study-teaser.case-study-teaser .case-study-teaser__box-title{margin:0;font:800 18px/1.25 var(--zb6922-font-display);letter-spacing:-0.01em;text-wrap:balance;} #case-study-teaser.case-study-teaser .case-study-teaser__box-body{display:flex;flex-direction:column;gap:14px;} #case-study-teaser.case-study-teaser .case-study-teaser__section{padding-top:2px;} #case-study-teaser.case-study-teaser .case-study-teaser__h{margin:0 0 8px;font:700 13px/1.3 var(--zb6922-font);color:var(--zb6922-primary);} #case-study-teaser.case-study-teaser .case-study-teaser__p{margin:0;font:400 14px/1.65 var(--zb6922-font);color:var(--zb6922-text);} #case-study-teaser.case-study-teaser .case-study-teaser__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;} #case-study-teaser.case-study-teaser .case-study-teaser__list li{font:400 13.5px/1.5 var(--zb6922-font);color:var(--zb6922-text);display:flex;gap:10px;align-items:flex-start;} #case-study-teaser.case-study-teaser .case-study-teaser__dot{margin-top:7px;flex:0 0 6px;width:6px;height:6px;border-radius:2px;background:var(--zb6922-secondary);box-shadow:0 0 0 3px rgba(230,126,34,.12);} #case-study-teaser.case-study-teaser .case-study-teaser__box--alt .case-study-teaser__dot{background:var(--zb6922-primary);box-shadow:0 0 0 3px rgba(11,58,83,.12);} #case-study-teaser.case-study-teaser .case-study-teaser__box-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--zb6922-border);} #case-study-teaser.case-study-teaser .case-study-teaser__link{display:inline-flex;align-items:center;gap:10px;color:var(--zb6922-primary);font:700 14px/1.2 var(--zb6922-font);text-decoration:none;} #case-study-teaser.case-study-teaser .case-study-teaser__link::after{content:"→";color:var(--zb6922-secondary);font:800 16px/1 var(--zb6922-font);} #case-study-teaser.case-study-teaser .case-study-teaser__link--alt{color:var(--zb6922-secondary);} #case-study-teaser.case-study-teaser .case-study-teaser__link--alt::after{color:var(--zb6922-primary);} #case-study-teaser.case-study-teaser .case-study-teaser__link:focus-visible,#case-study-teaser.case-study-teaser .case-study-teaser__button:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} #case-study-teaser.case-study-teaser .case-study-teaser__cta{margin-top:24px;background:rgba(255,255,255,.55);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;} #case-study-teaser.case-study-teaser .case-study-teaser__cta-title{margin:0 0 8px;font:800 16px/1.2 var(--zb6922-font-display);letter-spacing:-0.01em;} #case-study-teaser.case-study-teaser .case-study-teaser__cta-text{margin:0;font:400 14px/1.6 var(--zb6922-font);max-width:640px;} #case-study-teaser.case-study-teaser .case-study-teaser__cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;} #case-study-teaser.case-study-teaser .case-study-teaser__button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;border:1px solid rgba(11,58,83,.22);background:var(--zb6922-primary);color:var(--zb6922-surface);text-decoration:none;font:800 14px/1.1 var(--zb6922-font);min-width:150px;} #case-study-teaser.case-study-teaser .case-study-teaser__button--ghost{background:var(--zb6922-surface);color:var(--zb6922-primary);border-color:rgba(11,58,83,.35);} #case-study-teaser.case-study-teaser .case-study-teaser__button:hover{background:#0a344a;} #case-study-teaser.case-study-teaser .case-study-teaser__button--ghost:hover{background:rgba(230,126,34,.08);border-color:rgba(230,126,34,.55);} #case-study-teaser.case-study-teaser ::selection{background:rgba(230,126,34,.25);} @media (max-width:900px){#case-study-teaser.case-study-teaser .case-study-teaser__grid{grid-template-columns:1fr;} #case-study-teaser.case-study-teaser .case-study-teaser__title{font-size:26px;} #case-study-teaser.case-study-teaser .case-study-teaser__cta{flex-direction:column;} #case-study-teaser.case-study-teaser .case-study-teaser__cta-actions{justify-content:flex-start;}} @media (prefers-reduced-motion:reduce){#case-study-teaser.case-study-teaser *{transition:none !important;animation:none !important;}} /* zb6922:faq-teaser */ /* zb6922:faq-teaser */ #faq-teaser{--ft-pad:24px;--ft-max:1040px;--ft-gap:18px;--ft-radius:16px}#faq-teaser{background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 16px}#faq-teaser .faq-teaser__wrap{max-width:var(--ft-max);margin:0 auto}#faq-teaser .faq-teaser__header{margin-bottom:22px}#faq-teaser .faq-teaser__title{font-family:var(--zb6922-font-display);font-size:clamp(26px,3.2vw,36px);line-height:1.1;letter-spacing:-0.02em;margin:0 0 10px 0;font-weight:800;text-wrap:balance}#faq-teaser .faq-teaser__subtitle{margin:0;max-width:68ch;color:var(--zb6922-slate);font-size:16px;line-height:1.6}#faq-teaser .faq-teaser__items{display:flex;flex-direction:column;gap:14px}#faq-teaser .faq-item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--ft-radius);padding:18px 18px 16px 18px}#faq-teaser .faq-item__q{margin:0 0 10px 0;font-weight:800;font-size:16px;letter-spacing:-0.01em}#faq-teaser .faq-item__a p{margin:0;color:var(--zb6922-slate);font-size:15.5px;line-height:1.65}#faq-teaser .faq-teaser__cta-row{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:18px;flex-wrap:wrap}#faq-teaser .faq-teaser__link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--zb6922-primary);border:1px solid var(--zb6922-border);background:transparent;padding:10px 14px;border-radius:12px;font-weight:700;letter-spacing:-0.01em}#faq-teaser .faq-teaser__link--primary{background:var(--zb6922-primary);border-color:var(--zb6922-primary);color:var(--zb6922-surface)}#faq-teaser .faq-teaser__link:focus-visible{outline:3px solid color-mix(in srgb, var(--zb6922-secondary) 35%, var(--zb6922-primary));outline-offset:2px}#faq-teaser .faq-teaser__link:hover{background:color-mix(in srgb, var(--zb6922-primary) 6%, transparent);border-color:color-mix(in srgb, var(--zb6922-primary) 28%, var(--zb6922-border))}#faq-teaser .faq-teaser__link--primary:hover{background:color-mix(in srgb, var(--zb6922-primary) 92%, var(--zb6922-secondary))}#faq-teaser ::selection{background:color-mix(in srgb, var(--zb6922-secondary) 35%, var(--zb6922-primary));color:var(--zb6922-surface)}@media (min-width:760px){#faq-teaser{padding:64px 16px}#faq-teaser .faq-teaser__items{gap:16px}.faq-teaser__cta-row{margin-top:22px}}@media (prefers-reduced-motion:reduce){#faq-teaser .faq-teaser__link{transition:none}} /* zb6922:contacts */ /* zb6922:contacts */ #contacts{--c-primary:var(--zb6922-primary);--c-secondary:var(--zb6922-secondary);--c-ink:var(--zb6922-ink);--c-slate:var(--zb6922-slate);--c-mist:var(--zb6922-mist);--c-border:var(--zb6922-border);--c-surface:var(--zb6922-surface);--c-bg:var(--zb6922-bg);box-sizing:border-box;background:var(--c-bg);color:var(--zb6922-text);padding:clamp(28px,4vw,56px) 18px;} #contacts *{box-sizing:border-box;} #contacts .contacts__inner{max-width:1100px;margin:0 auto;} #contacts .contacts__header{margin-bottom:22px;} #contacts .contacts__kicker{margin:0 0 10px 0;font:600 12px/1.2 var(--zb6922-font);letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);} #contacts .contacts__title{margin:0 0 10px 0;font:800 clamp(26px,3.2vw,40px)/1.05 var(--zb6922-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--c-ink);} #contacts .contacts__lead{margin:0;max-width:68ch;font:500 15px/1.65 var(--zb6922-font);color:var(--c-slate);} #contacts .contacts__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start;} #contacts .contacts__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--zb6922-radius-lg,16px);padding:18px;box-shadow:0 10px 24px rgba(11,58,83,.06);} #contacts .contacts__card--form{padding:18px;} #contacts .contacts__cardTop{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;} #contacts .contacts__detailsTop{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;} #contacts .contacts__cardTitle{margin:0;font:800 16px/1.2 var(--zb6922-font-display);color:var(--c-ink);} #contacts .contacts__cardHint{margin:0;font:500 13px/1.45 var(--zb6922-font);color:var(--c-slate);} #contacts .contacts__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;} #contacts .contacts__item{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;} #contacts .contacts__label{font:700 12px/1.3 var(--zb6922-font);letter-spacing:.06em;text-transform:uppercase;color:var(--c-slate);} #contacts .contacts__value{font:700 14px/1.4 var(--zb6922-font);color:var(--c-primary);text-decoration:underline;text-decoration-color:rgba(230,126,34,.45);text-underline-offset:3px;} #contacts .contacts__value--muted{color:var(--c-slate);text-decoration:none;} #contacts .contacts__form{display:flex;flex-direction:column;gap:12px;} #contacts .field{display:flex;flex-direction:column;gap:6px;} #contacts .field__label{font:700 12px/1.3 var(--zb6922-font);letter-spacing:.06em;text-transform:uppercase;color:var(--c-slate);} #contacts .field__input,#contacts .field__textarea{width:100%;border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--zb6922-radius-md,12px);padding:12px 12px;font:600 14px/1.4 var(--zb6922-font);color:var(--c-ink);outline:none;} #contacts .field__textarea{resize:vertical;min-height:110px;} #contacts .field__input::placeholder,#contacts .field__textarea::placeholder{color:rgba(75,85,99,.9);} #contacts .field__input:focus-visible,#contacts .field__textarea:focus-visible{border-color:var(--c-primary);box-shadow:0 0 0 4px rgba(11,58,83,.14);} #contacts .contacts__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;align-items:center;} #contacts .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--zb6922-radius-md,12px);padding:12px 14px;font:800 14px/1 var(--zb6922-font-display);text-decoration:none;cursor:pointer;border:1px solid var(--c-border);} #contacts .button--primary{background:var(--c-primary);color:var(--c-surface);border-color:var(--c-primary);} #contacts .button--primary:hover{background:#0A344A;} #contacts .button--primary:active{background:#082C3F;} #contacts .button--secondary{background:transparent;color:var(--c-primary);border-color:rgba(11,58,83,.35);} #contacts .button--secondary:hover{background:rgba(234,241,244,.8);} #contacts .button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(230,126,34,.22);border-color:var(--c-secondary);} #contacts .contacts__fineprint{margin:2px 0 0 0;font:500 12px/1.5 var(--zb6922-font);color:var(--c-slate);} #contacts .contacts__ctaBlock{margin-top:14px;padding:14px;border-radius:var(--zb6922-radius-md,12px);background:var(--c-mist);border:1px solid rgba(209,213,219,.8);} #contacts .contacts__ctaTitle{margin:0 0 10px 0;font:900 14px/1.2 var(--zb6922-font-display);color:var(--c-ink);} #contacts .contacts__bullets{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;} #contacts .contacts__bullet{font:600 13px/1.55 var(--zb6922-font);color:var(--c-slate);} #contacts .contacts__linkRow{display:flex;align-items:center;gap:10px;margin-top:14px;} #contacts .contacts__dot{color:rgba(75,85,99,.7);} #contacts .link{color:var(--c-primary);font:800 13px/1.2 var(--zb6922-font);text-decoration:underline;text-decoration-color:rgba(230,126,34,.45);text-underline-offset:3px;} #contacts .link:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(230,126,34,.22);border-radius:6px;} #contacts ::selection{background:rgba(230,126,34,.28);} @media (max-width: 900px){ #contacts .contacts__grid{grid-template-columns:1fr;} #contacts .contacts__item{grid-template-columns:108px 1fr;} } @media (prefers-reduced-motion: reduce){ #contacts .button:hover,#contacts .button--primary:hover{transition:none;} } /* zb6922:blog-list */ /* zb6922:blog-list */ #blog-list.blog-list{background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 18px;} #blog-list.blog-list{--r1:var(--zb6922-primary);--r2:var(--zb6922-secondary);--b:var(--zb6922-border);--s:var(--zb6922-surface)} #blog-list .blog-list__container{max-width:1120px;margin:0 auto;} #blog-list .blog-list__header{margin-bottom:26px;} #blog-list .blog-list__eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--zb6922-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zb6922-primary);padding:8px 12px;border:1px solid var(--zb6922-border);border-radius:999px;background:rgba(234,241,244,.55)} #blog-list .blog-list__title{font:800 34px/1.1 var(--zb6922-font-display);letter-spacing:-.02em;margin:14px 0 10px;text-wrap:balance;} #blog-list .blog-list__lede{margin:0;max-width:72ch;color:var(--zb6922-slate);font:500 16px/1.65 var(--zb6922-font);} #blog-list .blog-list__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:stretch;} #blog-list .blog-card{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-lg);padding:18px;box-shadow:0 10px 24px rgba(11,58,83,.08);grid-column:span 4;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;} #blog-list .blog-card--wide{grid-column:span 8;min-height:240px;} #blog-list .blog-card__link{display:block;color:inherit;text-decoration:none;outline:none;} #blog-list .blog-card__link:focus-visible{box-shadow:0 0 0 3px rgba(230,126,34,.28);border-radius:10px} #blog-list .blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;} #blog-list .blog-card__tag{font:700 12px/1 var(--zb6922-font);letter-spacing:.04em;color:var(--zb6922-primary);background:rgba(234,241,244,.9);border:1px solid rgba(209,213,219,.9);padding:8px 10px;border-radius:999px;} #blog-list .blog-card__time{font:600 12px/1 var(--zb6922-font);color:var(--zb6922-slate);white-space:nowrap;} #blog-list .blog-card__title{margin:0 0 10px;font:800 18px/1.25 var(--zb6922-font-display);letter-spacing:-.01em;text-wrap:balance;} #blog-list .blog-card__excerpt{margin:0;color:var(--zb6922-slate);font:500 14px/1.6 var(--zb6922-font);} #blog-list .blog-card__actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;} #blog-list .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:11px 14px;font:800 14px/1 var(--zb6922-font-display);text-decoration:none;border:1px solid transparent;cursor:pointer;user-select:none;} #blog-list .btn--primary{background:var(--zb6922-primary);color:var(--zb6922-surface);border-color:rgba(11,58,83,.35)} #blog-list .btn--primary:hover{background:#0a344a} #blog-list .btn--secondary{background:rgba(230,126,34,.12);color:var(--zb6922-primary);border-color:rgba(230,126,34,.45)} #blog-list .btn--secondary:hover{background:rgba(230,126,34,.18)} #blog-list .btn--ghost{background:var(--zb6922-surface);color:var(--zb6922-primary);border-color:rgba(209,213,219,.95)} #blog-list .btn--ghost:hover{background:rgba(234,241,244,.65)} #blog-list .btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(230,126,34,.28)} #blog-list .blog-list__more{margin-top:20px;display:flex;justify-content:flex-start;} @media (max-width:980px){#blog-list{padding:36px 14px}#blog-list .blog-card{grid-column:span 6}#blog-list .blog-card--wide{grid-column:span 12}#blog-list .blog-list__title{font-size:30px}} @media (max-width:640px){#blog-list .blog-list__grid{gap:12px}#blog-list .blog-card{grid-column:span 12;padding:16px;min-height:auto}#blog-list .blog-list__title{font-size:26px}#blog-list .blog-card__actions{gap:10px}} @media (prefers-reduced-motion:reduce){#blog-list .blog-card,#blog-list .btn{transition:none}} #blog-list ::selection{background:rgba(230,126,34,.28);color:var(--zb6922-ink)} /* zb6922:blog-hero */ /* zb6922:blog-hero */ #blog-hero{--r:var(--zb6922-surface);--bg:var(--zb6922-bg);--ink:var(--zb6922-ink);--primary:var(--zb6922-primary);--accent:var(--zb6922-accent);--border:var(--zb6922-border);--mist:var(--zb6922-mist);background:var(--zb6922-bg);color:var(--zb6922-text);padding:40px 18px 22px 18px;} #blog-hero .blog-hero__wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.45fr 0.85fr;gap:22px;align-items:start;} #blog-hero .blog-hero__content{padding:10px 0;} #blog-hero .blog-hero__kicker{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.1 var(--zb6922-font);letter-spacing:0.02em;color:var(--zb6922-primary);text-transform:uppercase;} #blog-hero .blog-hero__kicker::before{content:"";width:11px;height:11px;border-radius:3px;background:var(--zb6922-accent);box-shadow:0 0 0 4px rgba(230,126,34,0.12);} #blog-hero .blog-hero__title{margin:14px 0 10px 0;font:700 34px/1.12 var(--zb6922-font-display);letter-spacing:-0.02em;color:var(--zb6922-ink);text-wrap:balance;} #blog-hero .blog-hero__lead{margin:0 0 18px 0;font:400 16px/1.6 var(--zb6922-font);color:var(--zb6922-text);max-width:62ch;} #blog-hero .blog-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 18px 0;} #blog-hero .blog-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--zb6922-radius-md,12px);text-decoration:none;font:600 14px/1 var(--zb6922-font);border:1px solid var(--zb6922-border);transition:background-color 120ms ease,border-color 120ms ease,transform 120ms ease;} #blog-hero .blog-hero__btn--primary{background:var(--zb6922-primary);border-color:var(--zb6922-primary);color:var(--zb6922-surface);} #blog-hero .blog-hero__btn--ghost{background:var(--zb6922-surface);color:var(--zb6922-ink);} #blog-hero .blog-hero__btn:focus-visible{outline:3px solid rgba(230,126,34,0.45);outline-offset:2px;} #blog-hero .blog-hero__btn:hover{transform:translateY(-1px);} #blog-hero .blog-hero__btn--primary:hover{background:rgba(11,58,83,0.92);border-color:rgba(11,58,83,0.92);} #blog-hero .blog-hero__btn--ghost:hover{background:rgba(234,241,244,0.9);border-color:rgba(209,213,219,0.95);} #blog-hero .blog-hero__meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;} #blog-hero .blog-hero__meta-item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:12px 14px;min-width:210px;} #blog-hero .blog-hero__meta-label{font:600 12px/1.2 var(--zb6922-font);letter-spacing:0.02em;color:var(--zb6922-slate);text-transform:uppercase;} #blog-hero .blog-hero__meta-value{margin-top:6px;font:600 14px/1.35 var(--zb6922-font);color:var(--zb6922-ink);} #blog-hero .blog-hero__side{padding-top:6px;} #blog-hero .blog-hero__side-card{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:16px;box-shadow:0 10px 24px rgba(11,58,83,0.08);padding:16px 16px 14px 16px;} #blog-hero .blog-hero__side-title{margin:0 0 12px 0;font:700 16px/1.25 var(--zb6922-font);color:var(--zb6922-ink);} #blog-hero .blog-hero__topic-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #blog-hero .blog-hero__topic-link{display:block;text-decoration:none;border-radius:12px;padding:10px 10px;border:1px solid transparent;color:var(--zb6922-ink);font:600 14px/1.25 var(--zb6922-font);background:linear-gradient(180deg, rgba(234,241,244,0.0), rgba(234,241,244,0.0));transition:border-color 120ms ease, background-color 120ms ease;} #blog-hero .blog-hero__topic-link:hover{border-color:rgba(209,213,219,0.95);background-color:rgba(234,241,244,0.65);} #blog-hero .blog-hero__topic-link:focus-visible{outline:3px solid rgba(230,126,34,0.45);outline-offset:2px;} #blog-hero .blog-hero__side-note{margin-top:12px;background:var(--zb6922-ink);border-radius:16px;padding:14px 16px;border:1px solid rgba(209,213,219,0.2);} #blog-hero .blog-hero__side-note-text{margin:0 0 10px 0;color:var(--zb6922-surface);font:400 14px/1.55 var(--zb6922-font);} #blog-hero .blog-hero__side-note-link{color:var(--zb6922-surface);text-decoration:none;font:700 14px/1 var(--zb6922-font);display:inline-flex;align-items:center;gap:8px;} #blog-hero .blog-hero__side-note-link::after{content:"→";display:inline-block;transform:translateY(1px);} #blog-hero .blog-hero__side-note-link:focus-visible{outline:3px solid rgba(230,126,34,0.55);outline-offset:3px;border-radius:10px;} #blog-hero .blog-hero__divider{max-width:1120px;margin:22px auto 0 auto;height:1px;background:linear-gradient(90deg, rgba(209,213,219,0), rgba(209,213,219,1), rgba(209,213,219,0));} #blog-hero ::selection{background:rgba(230,126,34,0.25);} @media (max-width: 980px){#blog-hero .blog-hero__wrap{grid-template-columns:1fr;gap:16px;}#blog-hero .blog-hero__meta-item{min-width:unset;flex:1 1 240px;}#blog-hero .blog-hero__title{font-size:30px;}} @media (max-width: 520px){#blog-hero{padding:28px 14px 18px 14px;}#blog-hero .blog-hero__title{font-size:26px;}#blog-hero .blog-hero__actions{gap:10px;}#blog-hero .blog-hero__btn{width:100%;}} @media (prefers-reduced-motion: reduce){#blog-hero .blog-hero__btn,#blog-hero .blog-hero__topic-link{transition:none;transform:none;}} /* zb6922:blog-list */ #blog-list{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px)} #blog-list{background:var(--zb6922-bg);color:var(--zb6922-text);padding:40px 18px} #blog-list *{box-sizing:border-box} #blog-list .blog-list__wrap{max-width:1080px;margin:0 auto} #blog-list .blog-list__header{margin-bottom:26px} #blog-list .blog-list__eyebrow{display:inline-block;padding:6px 10px;border:1px solid var(--zb6922-border);border-radius:999px;background:var(--zb6922-surface);font:700 12px/1 var(--zb6922-font);letter-spacing:.02em;color:var(--zb6922-primary)} #blog-list .blog-list__title{margin:14px 0 10px;font:800 34px/1.12 var(--zb6922-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-ink)} #blog-list .blog-list__lead{margin:0;max-width:72ch;color:var(--zb6922-text);font:500 15px/1.6 var(--zb6922-font)} #blog-list .blog-list__grid{display:grid;grid-template-columns:1fr;gap:14px} #blog-list .blog-card{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);box-shadow:0 10px 28px rgba(11,58,83,.06)} #blog-list .blog-card--accent{border-color:rgba(230,126,34,.35)} #blog-list .blog-card__link{display:block;padding:16px 16px 15px;text-decoration:none;color:inherit;border-radius:var(--zb6922-radius-md,12px)} #blog-list .blog-card__tag{display:inline-block;margin:0 0 10px;padding:6px 10px;border-radius:999px;background:var(--zb6922-mist);border:1px solid rgba(209,213,219,.9);color:var(--zb6922-primary);font:700 12px/1 var(--zb6922-font);letter-spacing:.01em} #blog-list .blog-card--accent .blog-card__tag{background:rgba(230,126,34,.12);border-color:rgba(230,126,34,.28);color:var(--zb6922-primary)} #blog-list .blog-card__title{margin:0 0 10px;font:750 18px/1.35 var(--zb6922-font);letter-spacing:-.01em} #blog-list .blog-card__meta{color:var(--zb6922-slate);font:600 13px/1.4 var(--zb6922-font);font-variant-numeric:tabular-nums} #blog-list .blog-card__link:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:3px} #blog-list .blog-card__link:hover .blog-card__title{color:var(--zb6922-primary)} #blog-list .blog-list__pager{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin:22px 0 10px} #blog-list .blog-list__page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--zb6922-border);background:var(--zb6922-surface);text-decoration:none;color:var(--zb6922-primary);font:800 14px/1 var(--zb6922-font);transition:background .15s ease,border-color .15s ease} #blog-list .blog-list__page-link[aria-current="page"]{background:rgba(11,58,83,.08);border-color:rgba(11,58,83,.25)} #blog-list .blog-list__page-link:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:3px} #blog-list .blog-list__page-link:hover{border-color:rgba(11,58,83,.35)} #blog-list .blog-list__page-ellipsis{color:var(--zb6922-slate);padding:0 4px;font:700 16px/1 var(--zb6922-font)} #blog-list .blog-list__cta{margin-top:18px;background:rgba(234,241,244,.55);border:1px solid rgba(209,213,219,.85);border-radius:var(--zb6922-radius-lg,16px);padding:18px} #blog-list .blog-list__cta-copy{max-width:70ch} #blog-list .blog-list__cta-title{font:900 18px/1.35 var(--zb6922-font);color:var(--zb6922-ink);margin:0 0 6px} #blog-list .blog-list__cta-lead{margin:0;color:var(--zb6922-text);font:550 14px/1.6 var(--zb6922-font)} #blog-list .blog-list__cta-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:44px;padding:0 16px;border-radius:12px;background:var(--zb6922-primary);border:1px solid var(--zb6922-primary);color:var(--zb6922-surface);text-decoration:none;font:900 14px/1 var(--zb6922-font);letter-spacing:.01em} #blog-list .blog-list__cta-button:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:3px} #blog-list .blog-list__cta-button:hover{background:rgba(11,58,83,.92)} #blog-list::selection{background:rgba(230,126,34,.22)} @media (min-width:740px){ #blog-list{padding:58px 22px} #blog-list .blog-list__grid{grid-template-columns:1fr 1fr;gap:16px} #blog-list .blog-list__header{margin-bottom:30px} #blog-list .blog-list__title{font-size:42px} #blog-list .blog-list__cta{display:flex;gap:16px;align-items:flex-start;justify-content:space-between} #blog-list .blog-list__cta-button{margin-top:0;white-space:nowrap} } @media (min-width:1020px){ #blog-list .blog-list__grid{grid-template-columns:1fr 1fr 1fr} } @media (prefers-reduced-motion:reduce){ #blog-list *{scroll-behavior:auto;transition:none !important} } /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 0 26px;position:relative;overflow:hidden;} #article-hero::before{content:"";position:absolute;inset:-200px -140px auto -140px;height:360px;background:linear-gradient(135deg, rgba(11,58,83,.10), rgba(230,126,34,.08));transform:rotate(-6deg);pointer-events:none;} #article-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(230,126,34,.16), rgba(230,126,34,0) 62%);pointer-events:none;} .article-hero__inner{max-width:1080px;margin:0 auto;padding:0 18px;position:relative;z-index:1;} .article-hero__header{max-width:760px;} .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;background:rgba(234,241,244,.75);border:1px solid rgba(209,213,219,.9);color:var(--zb6922-primary);padding:8px 12px;border-radius:999px;font:700 12px/1.1 var(--zb6922-font);letter-spacing:.02em;text-transform:none;} .article-hero__title{margin:16px 0 14px;font-family:var(--zb6922-font-display);font-weight:900;letter-spacing:-0.02em;line-height:1.08;font-size:clamp(30px,4vw,46px);text-wrap:balance;} .article-hero__lede{margin:0;max-width:64ch;font-size:16px;line-height:1.6;color:rgba(17,24,39,.92);} .article-hero__meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;} .meta-item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:14px 14px;min-width:220px;flex:1;} .meta-item__label{font:700 12px/1.2 var(--zb6922-font);color:rgba(11,58,83,.85);letter-spacing:.02em;text-transform:uppercase;} .meta-item__value{margin-top:8px;font:800 14px/1.35 var(--zb6922-font);color:var(--zb6922-text);} .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md,12px);padding:12px 14px;text-decoration:none;font:800 14px/1 var(--zb6922-font);letter-spacing:.01em;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,color .15s ease;min-width:160px;} .btn:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:2px;} .btn--primary{background:var(--zb6922-primary);border:1px solid var(--zb6922-primary);color:var(--zb6922-surface);} .btn--primary:hover{transform:translateY(-1px);} .btn--outline{background:var(--zb6922-surface);border:2px solid rgba(11,58,83,.28);color:var(--zb6922-primary);} .btn--outline:hover{border-color:rgba(11,58,83,.55);background:rgba(234,241,244,.65);transform:translateY(-1px);} .article-hero__note{margin-top:18px;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.72);border:1px solid rgba(209,213,219,.9);border-radius:var(--radius-lg,16px);padding:14px 14px;} .article-hero__note-icon{flex:0 0 auto;width:28px;height:28px;border-radius:10px;background:rgba(11,58,83,.10);border:1px solid rgba(11,58,83,.20);color:var(--zb6922-primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;} .article-hero__note-text{margin:0;font-size:14px;line-height:1.5;color:rgba(17,24,39,.92);} .article-hero__microlinks{margin-top:16px;display:flex;align-items:center;gap:10px;color:rgba(17,24,39,.78);} .microlink{color:rgba(11,58,83,.92);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;font-size:13px;} .microlink:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:3px;border-radius:8px;} .microlink__sep{color:rgba(75,85,99,.75);font-weight:800;} #article-hero ::selection{background:rgba(230,126,34,.25);} @media (max-width:720px){#article-hero{padding:34px 0 20px;} .meta-item{min-width:100%;} .btn{min-width:0;flex:1;} .article-hero__microlinks{flex-wrap:wrap;}} @media (prefers-reduced-motion:reduce){.btn{transition:none;} .btn--primary:hover,.btn--outline:hover{transform:none;}} /* zb6922:article-content */ /* zb6922:article-content */ #article-content{--r1:var(--zb6922-border);--ink:var(--zb6922-ink);--slate:var(--zb6922-slate);--mist:var(--zb6922-mist);--bg:var(--zb6922-bg);--surface:var(--zb6922-surface);--accent:var(--zb6922-accent);background:var(--zb6922-surface);color:var(--zb6922-text);padding:40px 18px;} #article-content .article-shell{max-width:1120px;margin:0 auto;} #article-content .article-meta{max-width:980px;margin:0 auto 18px auto;padding:14px 16px;border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);background:color-mix(in srgb, var(--zb6922-mist) 55%, var(--zb6922-surface) 45%);} #article-content .meta-line{margin:6px 0;font-size:14px;line-height:1.45;color:var(--zb6922-slate);} #article-content .meta-label{color:var(--zb6922-ink);font-weight:700;margin-right:6px;} #article-content .article-content-grid{display:grid;grid-template-columns: 1fr 320px;gap:28px;align-items:start;} #article-content .article-main{min-width:0;} #article-content .article-title{font-family:var(--zb6922-font-display);margin:10px 0 14px 0;font-size:34px;line-height:1.08;letter-spacing:-0.02em;text-wrap:balance;color:var(--zb6922-ink);} #article-content .lead{font-size:16px;line-height:1.7;margin:0 0 18px 0;color:color-mix(in srgb, var(--zb6922-text) 92%, var(--zb6922-slate) 8%);} #article-content .content-section{margin-top:22px;padding-top:8px;} #article-content .content-section h2{font-family:var(--zb6922-font-display);font-size:22px;letter-spacing:-0.01em;line-height:1.25;margin:0 0 10px 0;color:var(--zb6922-ink);} #article-content .content-section h3{font-family:var(--zb6922-font-display);font-size:16px;letter-spacing:-0.005em;line-height:1.25;margin:0 0 10px 0;color:var(--zb6922-ink);} #article-content p{margin:10px 0;font-size:16px;line-height:1.75;color:var(--zb6922-text);} #article-content .bullets{margin:10px 0 0 18px;padding:0;} #article-content .bullets li{margin:8px 0;line-height:1.6;font-size:15.5px;color:var(--zb6922-text);} #article-content .callouts{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;} #article-content .callout{border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);background:var(--zb6922-surface);padding:14px 14px 12px 14px;} #article-content .callout-title{margin:0 0 6px 0;font-size:16px;color:var(--zb6922-ink);} #article-content .callout-text{margin:0 0 8px 0;font-size:15px;color:var(--zb6922-text);} #article-content .callout-note{margin:0;font-size:13.5px;color:var(--zb6922-slate);} #article-content .numbered{margin:12px 0 0 18px;padding:0;} #article-content .numbered li{margin:10px 0;line-height:1.65;font-size:15.5px;color:var(--zb6922-text);} #article-content .aside{margin-top:14px;padding:14px 14px;border-radius:var(--zb6922-radius-lg,16px);border:1px solid var(--zb6922-border);background:color-mix(in srgb, var(--zb6922-mist) 75%, var(--zb6922-surface) 25%);} #article-content .aside-head{margin:0 0 6px 0;font-weight:800;color:var(--zb6922-ink);font-size:14px;} #article-content .aside-text{margin:0;font-size:15px;color:var(--zb6922-text);} #article-content .inline-link{color:var(--zb6922-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--zb6922-accent) 55%, var(--zb6922-ink) 45%);text-underline-offset:3px;} #article-content .inline-link:focus-visible{outline:3px solid color-mix(in srgb, var(--zb6922-accent) 55%, transparent 45%);outline-offset:3px;border-radius:6px;} #article-content .two-col{display:grid;grid-template-columns: 1fr 1fr;gap:16px;margin-top:6px;} #article-content .small-title{font-size:15px;margin-bottom:10px;color:var(--zb6922-ink);} #article-content .bullets-compact{margin-left:16px;} #article-content .links-list{list-style:none;padding:0;margin:0;} #article-content .links-list li{margin:10px 0;font-size:15.5px;line-height:1.6;color:var(--zb6922-text);} #article-content .resource-text{margin-top:12px;font-size:14.5px;color:var(--zb6922-slate);} #article-content .article-side{position:sticky;top:18px;} #article-content .side-card{border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);background:var(--zb6922-surface);padding:14px 14px 12px 14px;margin-bottom:14px;} #article-content .side-label{margin:0 0 10px 0;font-size:13.5px;font-weight:800;color:var(--zb6922-ink);} #article-content .side-toc{list-style:none;padding:0;margin:0;} #article-content .side-toc li{margin:10px 0;} #article-content .side-toc a{color:var(--zb6922-ink);text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--zb6922-border) 60%, transparent 40%);} #article-content .side-toc a:hover{border-bottom-color:var(--zb6922-accent);} #article-content .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;border-radius:10px;padding:12px 14px;border:2px solid var(--zb6922-border);color:var(--zb6922-ink);background:var(--zb6922-surface);} #article-content .button-solid{background:var(--zb6922-ink);border-color:var(--zb6922-ink);color:var(--zb6922-surface);} #article-content .button:focus-visible{outline:3px solid color-mix(in srgb, var(--zb6922-accent) 55%, transparent 45%);outline-offset:3px;} #article-content .side-cta-text{margin:0 0 12px 0;font-size:14.5px;line-height:1.6;color:var(--zb6922-text);} #article-content ::selection{background:color-mix(in srgb, var(--zb6922-accent) 35%, var(--zb6922-ink) 65%);color:var(--zb6922-surface);} @media (max-width: 980px){#article-content{padding:30px 14px;}#article-content .article-content-grid{grid-template-columns:1fr;gap:18px;}#article-content .article-side{position:relative;top:auto;}} @media (max-width: 560px){#article-content .article-title{font-size:28px;}#article-content .two-col{grid-template-columns:1fr;}#article-content .article-meta{padding:12px 12px;}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* zb6922:related-articles */ /* zb6922:related-articles */ #related-articles{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;font-family:var(--zb6922-font);background:var(--zb6922-bg);color:var(--zb6922-text);padding:var(--space-12) 0;} #related-articles *{box-sizing:border-box;} #related-articles .container{max-width:1080px;margin:0 auto;padding:0 20px;} #related-articles .section-header{margin-bottom:22px;} #related-articles .section-title{margin:0 0 8px 0;font-family:var(--zb6922-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.12;font-size:clamp(24px,2.2vw,34px);text-wrap:balance;} #related-articles .section-subtitle{margin:0;max-width:72ch;color:color-mix(in srgb,var(--zb6922-text) 78%,var(--zb6922-slate) 22%);line-height:1.6;font-size:15.5px;} #related-articles .related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} #related-articles .related-item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-md);padding:16px 16px 14px 16px;box-shadow:0 10px 24px color-mix(in srgb,var(--zb6922-primary) 10%, transparent);} #related-articles .related-title{margin:0 0 8px 0;font-weight:750;line-height:1.3;font-size:16px;letter-spacing:-0.01em;} #related-articles .related-link{color:var(--zb6922-ink);text-decoration:none;display:inline-block;} #related-articles .related-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #related-articles .related-link:focus-visible{outline:3px solid color-mix(in srgb,var(--zb6922-secondary) 55%, white);outline-offset:2px;border-radius:6px;} #related-articles .related-meta{margin:0;color:color-mix(in srgb,var(--zb6922-text) 74%,var(--zb6922-slate) 26%);line-height:1.55;font-size:14px;} #related-articles .section-cta{margin-top:18px;} #related-articles .secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border:1px solid var(--zb6922-border);border-radius:var(--radius-md);color:var(--zb6922-ink);text-decoration:none;background:var(--zb6922-surface);font-weight:700;letter-spacing:-0.01em;} #related-articles .secondary-cta:hover{background:color-mix(in srgb,var(--zb6922-secondary) 10%, var(--zb6922-surface));border-color:color-mix(in srgb,var(--zb6922-secondary) 35%, var(--zb6922-border));} #related-articles .secondary-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--zb6922-secondary) 55%, white);outline-offset:2px;} #related-articles ::selection{background:color-mix(in srgb,var(--zb6922-secondary) 25%, white);color:var(--zb6922-ink);} @media (max-width:860px){#related-articles .related-list{grid-template-columns:1fr;gap:12px;}#related-articles{padding:42px 0;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);background:var(--zb6922-bg);color:var(--zb6922-text);padding:52px 0 34px;} #article-hero .hero-inner{max-width:1100px;margin:0 auto;padding:0 20px;} #article-hero .hero-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;} #article-hero .hero-badge{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--zb6922-border);border-radius:999px;background:var(--zb6922-surface);font:600 13px/1 var(--zb6922-font);letter-spacing:.01em;color:var(--zb6922-primary);} #article-hero .hero-meta{font:500 14px/1.4 var(--zb6922-font);color:var(--zb6922-slate);} #article-hero .hero-title{margin:0 0 16px;font:800 38px/1.1 var(--zb6922-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-ink);} #article-hero .hero-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 18px;} #article-hero .hero-stat{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:14px 16px;} #article-hero .hero-stat-label{font:700 12px/1.2 var(--zb6922-font);color:var(--zb6922-slate);text-transform:uppercase;letter-spacing:.08em;} #article-hero .hero-stat-value{margin-top:8px;font:650 15px/1.35 var(--zb6922-font);color:var(--zb6922-text);} #article-hero .hero-lede{margin:0 0 22px;max-width:820px;font:520 16px/1.65 var(--zb6922-font);color:var(--zb6922-text);} #article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 18px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--zb6922-radius-sm,8px);padding:11px 14px;text-decoration:none;font:750 14px/1 var(--zb6922-font);border:1px solid transparent;min-height:42px;} #article-hero .btn-primary{background:var(--zb6922-primary);color:var(--zb6922-surface);border-color:var(--zb6922-primary);} #article-hero .btn-ghost{background:var(--zb6922-surface);color:var(--zb6922-primary);border-color:var(--zb6922-border);} #article-hero .btn:focus-visible{outline:3px solid var(--zb6922-secondary);outline-offset:2px;} #article-hero .hero-footnote{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:rgba(234,241,244,.7);border:1px solid rgba(209,213,219,.9);border-radius:var(--zb6922-radius-md,12px);max-width:860px;} #article-hero .hero-dot{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--zb6922-secondary);flex:0 0 auto;} #article-hero .hero-footnote span{font:500 14px/1.5 var(--zb6922-font);color:var(--zb6922-text);} #article-hero ::selection{background:rgba(230,126,34,.28);} @media (max-width: 920px){#article-hero{padding:42px 0 26px;}#article-hero .hero-title{font-size:32px;}#article-hero .hero-subgrid{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* zb6922:article-content */ /* zb6922:article-content */ #article-content.article-content{--pad:clamp(16px,3.4vw,28px);background:var(--zb6922-bg);color:var(--zb6922-text);padding:var(--pad) 0 56px 0;} #article-content .article-content__inner{max-width:980px;margin:0 auto;padding:0 var(--pad);} #article-content .article-content__lead{padding:4px 0 18px 0;} #article-content .article-content__kicker{display:inline-block;font-family:var(--zb6922-font);letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--zb6922-primary);background:rgba(11,58,83,.06);border:1px solid rgba(11,58,83,.16);padding:7px 10px;border-radius:999px;} #article-content .article-content__title{margin:12px 0 10px 0;font-family:var(--zb6922-font-display);font-size:clamp(26px,3.8vw,44px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;} #article-content .article-content__subtitle{margin:0;max-width:70ch;font-size:16px;line-height:1.7;color:var(--zb6922-text);} #article-content .article-content__meta{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:18px;} #article-content .meta-block{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:18px 18px 16px 18px;} #article-content .meta-block__label{margin:0 0 10px 0;font-weight:700;color:var(--zb6922-primary);font-size:14px;} #article-content .meta-list{margin:0;padding-left:18px;} #article-content .meta-list__item{margin:8px 0;line-height:1.6;color:var(--zb6922-text);} #article-content .meta-callout{background:rgba(230,126,34,.08);border:1px solid rgba(230,126,34,.25);border-radius:var(--zb6922-radius-md,12px);padding:18px;} #article-content .meta-callout__title{margin:0 0 8px 0;font-weight:800;color:var(--zb6922-primary);font-size:14px;} #article-content .meta-callout__text{margin:0;line-height:1.7;color:var(--zb6922-text);} #article-content .article-content__body{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:22px 18px;box-shadow:0 10px 30px rgba(11,58,83,.06);} #article-content .h2{margin:26px 0 12px 0;font-family:var(--zb6922-font-display);font-size:20px;line-height:1.3;letter-spacing:-.01em;color:var(--zb6922-primary);text-wrap:balance;} #article-content .p{margin:0 0 14px 0;line-height:1.75;font-size:16px;} #article-content .p strong{color:var(--zb6922-ink);} #article-content .p em{font-style:normal;font-weight:700;color:var(--zb6922-secondary);} #article-content .p--small{color:var(--zb6922-slate);font-size:14px;margin-top:-2px;} #article-content .divider{height:1px;background:var(--zb6922-border);margin:22px 0;} #article-content .divider--thick{margin:30px 0;} #article-content .quote-block{margin:18px 0 8px 0;background:rgba(11,58,83,.04);border:1px solid rgba(11,58,83,.15);border-radius:var(--zb6922-radius-md,12px);padding:16px 16px;} #article-content .quote-block__text{margin:0;line-height:1.7;font-weight:650;color:var(--zb6922-text);} #article-content .checklist{margin:10px 0 0 0;padding-left:20px;} #article-content .checklist__item{margin:12px 0;line-height:1.65;font-size:16px;} #article-content .checklist__item strong{color:var(--zb6922-primary);} #article-content .related-compact{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px 0;} #article-content .related-compact__link{display:inline-block;text-decoration:none;color:var(--zb6922-primary);border:1px solid rgba(11,58,83,.22);background:rgba(11,58,83,.04);padding:10px 12px;border-radius:999px;font-weight:650;font-size:14px;} #article-content .related-compact__link:focus-visible{outline:3px solid rgba(230,126,34,.45);outline-offset:2px;} #article-content .call-to-action{margin-top:10px;background:linear-gradient(180deg, rgba(230,126,34,.10), rgba(230,126,34,.04));border:1px solid rgba(230,126,34,.28);border-radius:var(--zb6922-radius-lg,16px);padding:18px;} #article-content .cta__title{margin:0 0 8px 0;font-weight:900;color:var(--zb6922-primary);font-size:16px;} #article-content .cta__text{margin:0 0 14px 0;line-height:1.7;color:var(--zb6922-text);} #article-content .cta__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:var(--zb6922-surface);background:var(--zb6922-primary);border:2px solid var(--zb6922-primary);padding:12px 14px;border-radius:var(--zb6922-radius-md,12px);font-weight:850;} #article-content .cta__button:hover{background:rgba(11,58,83,.92);} #article-content .cta__button:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:2px;} #article-content ::selection{background:rgba(230,126,34,.25);} @media (max-width: 860px){ #article-content .article-content__meta{grid-template-columns:1fr;} #article-content .article-content__body{padding:18px 14px;} } @media (prefers-reduced-motion: reduce){ #article-content .cta__button{transition:none;} } /* zb6922:related-articles */ /* zb6922:related-articles */ #related-articles{--ra-primary:var(--zb6922-primary);--ra-secondary:var(--zb6922-secondary);--ra-ink:var(--zb6922-ink);--ra-slate:var(--zb6922-slate);--ra-mist:var(--zb6922-mist);--ra-border:var(--zb6922-border);--ra-surface:var(--zb6922-surface);--ra-bg:var(--zb6922-bg);background:var(--ra-bg);color:var(--zb6922-text);padding:56px 16px 28px;border-top:1px solid rgba(209,213,219,.55)} #related-articles .related-articles__container{max-width:1080px;margin:0 auto} #related-articles .related-articles__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px} #related-articles .related-articles__title{margin:0;font-family:var(--zb6922-font-display);font-size:28px;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;color:var(--ra-primary)} #related-articles .related-articles__subtitle{margin:0;max-width:640px;color:var(--ra-slate);font-size:15px;line-height:1.6} #related-articles .related-articles__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:12px} #related-articles .related-articles__card{background:var(--ra-surface);border:1px solid rgba(209,213,219,.85);border-radius:var(--radius,12px);padding:14px 14px 16px;min-height:120px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 24px rgba(11,58,83,.06)} #related-articles .related-articles__card-title{margin:0;font-size:15px;line-height:1.45;color:var(--ra-ink);font-weight:650} #related-articles .related-articles__link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--ra-primary);text-decoration:none;font-weight:650;font-size:14px} #related-articles .related-articles__link::after{content:"→";display:inline-block;transform:translateY(-1px);color:var(--ra-secondary)} #related-articles .related-articles__link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px;border-radius:6px} #related-articles .related-articles__link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} #related-articles .related-articles__bottom{margin-top:22px} #related-articles .related-articles__bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid rgba(209,213,219,.65)} #related-articles .related-articles__note{margin:0;color:var(--ra-slate);font-size:14px;line-height:1.6;max-width:680px} #related-articles .related-articles__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius,12px);background:var(--ra-primary);color:var(--ra-surface);text-decoration:none;font-weight:750;border:1px solid rgba(11,58,83,.18)} #related-articles .related-articles__cta:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px} #related-articles .related-articles__cta:hover{background:#094052} #related-articles ::selection{background:rgba(230,126,34,.22)} @media (max-width:980px){#related-articles .related-articles__list{grid-template-columns:repeat(2,minmax(0,1fr))}#related-articles .related-articles__header{flex-direction:column;align-items:flex-start}#related-articles .related-articles__bottom-inner{flex-direction:column;align-items:flex-start}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important}} /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--pad:clamp(18px,3.5vw,34px);--container:1100px;box-sizing:border-box;display:block;background:var(--zb6922-bg);color:var(--zb6922-text);padding:clamp(18px,4.2vw,44px) 0;} #article-hero *{box-sizing:border-box;} #article-hero .article-hero__inner{max-width:var(--container);margin:0 auto;padding:0 var(--pad);} #article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--zb6922-border);border-radius:999px;background:var(--zb6922-surface);color:var(--zb6922-primary);font:600 13px/1.2 var(--zb6922-font);letter-spacing:0.02em;} #article-hero .article-hero__title{margin:16px 0 14px;font:800 clamp(30px,4.2vw,52px)/1.05 var(--zb6922-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--zb6922-ink);} #article-hero .article-hero__meta{margin-top:18px;display:flex;gap:14px;flex-wrap:wrap;} #article-hero .meta-item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-md);padding:12px 14px;min-width:220px;} #article-hero .meta-label{display:block;font:700 12px/1.2 var(--zb6922-font);color:var(--zb6922-slate);margin-bottom:6px;} #article-hero .meta-value{display:block;font:650 14px/1.35 var(--zb6922-font);color:var(--zb6922-ink);} #article-hero .article-hero__lead{margin:16px 0 18px;max-width:72ch;font:500 16px/1.65 var(--zb6922-font);color:var(--zb6922-text);} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 22px;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:999px;padding:12px 16px;font:750 14px/1 var(--zb6922-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease;} #article-hero .button:active{transform:translateY(1px);} #article-hero .button:focus-visible{outline:3px solid color-mix(in srgb,var(--zb6922-secondary) 50%, transparent);outline-offset:3px;} #article-hero .button--primary{background:var(--zb6922-primary);color:var(--zb6922-surface);border-color:var(--zb6922-primary);} #article-hero .button--primary:hover{background:color-mix(in srgb,var(--zb6922-primary) 86%, #000);} #article-hero .button--ghost{background:var(--zb6922-surface);color:var(--zb6922-ink);border-color:var(--zb6922-border);} #article-hero .button--ghost:hover{background:color-mix(in srgb,var(--zb6922-surface) 86%, var(--zb6922-mist));border-color:color-mix(in srgb,var(--zb6922-border) 70%, var(--zb6922-secondary));} #article-hero .article-hero__trust{margin:10px 0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} #article-hero .trust-row{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-lg);padding:14px;display:flex;gap:12px;align-items:flex-start;} #article-hero .trust-badge{width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--zb6922-secondary) 16%, var(--zb6922-surface));border:1px solid color-mix(in srgb,var(--zb6922-secondary) 35%, var(--zb6922-border));color:var(--zb6922-secondary);display:flex;align-items:center;justify-content:center;font:850 14px/1 var(--zb6922-font);flex:0 0 auto;} #article-hero .trust-title{font:850 14px/1.3 var(--zb6922-font);color:var(--zb6922-ink);margin-top:2px;} #article-hero .trust-desc{font:500 13px/1.45 var(--zb6922-font);color:var(--zb6922-slate);margin-top:6px;} #article-hero .article-hero__sources{margin-top:14px;padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--zb6922-mist) 72%, var(--zb6922-surface));border:1px solid color-mix(in srgb,var(--zb6922-border) 72%, var(--zb6922-mist));} #article-hero .sources-label{font:800 13px/1.3 var(--zb6922-font);color:var(--zb6922-ink);margin-right:8px;} #article-hero .sources-text{font:500 14px/1.55 var(--zb6922-font);color:var(--zb6922-text);} #article-hero ::selection{background:color-mix(in srgb,var(--zb6922-secondary) 30%, transparent);} @media (max-width:900px){#article-hero .article-hero__trust{grid-template-columns:1fr;}} @media (max-width:520px){#article-hero .meta-item{min-width:0;width:100%;}#article-hero .article-hero__actions{gap:10px;}#article-hero .article-hero__title{letter-spacing:-0.015em;}} @media (prefers-reduced-motion: reduce){#article-hero .button{transition:none;}} /* zb6922:article-content */ /* zb6922:article-content */ #article-content{--sec-max:980px; background:var(--zb6922-bg); color:var(--zb6922-text); padding:28px 0 48px;} #article-content .container{max-width:var(--sec-max); margin:0 auto; padding:0 18px;} #article-content .article-prose{background:var(--zb6922-surface); border:1px solid var(--zb6922-border); border-radius:var(--zb6922-lg); padding:22px 18px; box-shadow:0 10px 30px rgba(11,58,83,.06);} #article-content .kicker{display:inline-flex; align-items:center; gap:10px; font-family:var(--zb6922-font); font-weight:700; letter-spacing:.02em; text-transform:uppercase; font-size:12px; color:var(--zb6922-primary); margin:0 0 10px;} #article-content .title{font-family:var(--zb6922-font-display); font-weight:900; letter-spacing:-.02em; color:var(--zb6922-primary); font-size:clamp(22px,3.2vw,34px); line-height:1.1; text-wrap:balance; margin:0 0 14px;} #article-content .lead{font-size:16px; line-height:1.75; color:var(--zb6922-text); margin:0 0 18px; max-width:78ch;} #article-content h3{font-family:var(--zb6922-font-display); font-weight:850; letter-spacing:-.01em; color:var(--zb6922-primary); font-size:18px; margin:22px 0 10px; line-height:1.35;} #article-content p{margin:0 0 14px; line-height:1.75; font-size:15.5px; color:var(--zb6922-text); max-width:78ch;} #article-content ul,#article-content ol{margin:0 0 16px; padding:0 0 0 18px; max-width:78ch;} #article-content li{margin:8px 0; line-height:1.6; font-size:15.5px;} #article-content .checklist{list-style:none; padding-left:0;} #article-content .checklist li{display:flex; gap:10px; align-items:flex-start; margin:10px 0;} #article-content .check-bullet{width:16px; height:16px; border-radius:4px; background:var(--zb6922-mist); border:1px solid var(--zb6922-border); margin-top:3px; position:relative;} #article-content .check-bullet:after{content:""; position:absolute; left:4px; top:3px; width:7px; height:4px; border-left:2px solid var(--zb6922-secondary); border-bottom:2px solid var(--zb6922-secondary); transform:rotate(-45deg);} #article-content .callout{background:var(--zb6922-mist); border:1px solid rgba(230,126,34,.35); border-radius:var(--zb6922-md); padding:14px 14px; margin:14px 0 18px;} #article-content .callout-title{font-weight:850; color:var(--zb6922-primary); margin:0 0 8px; font-size:14px;} #article-content .callout-text{margin:0; color:var(--zb6922-text);} #article-content .steps{list-style:none; padding-left:0; counter-reset:step; display:grid; grid-template-columns:1fr; gap:10px;} #article-content .steps--dense{gap:9px;} #article-content .steps li{display:flex; gap:12px; align-items:flex-start; margin:0;} #article-content .step-num{flex:0 0 auto; width:26px; height:26px; border-radius:10px; background:var(--zb6922-primary); color:var(--zb6922-surface); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:13px;} #article-content .step-text{font-weight:650; color:var(--zb6922-text);} #article-content .grid-list{list-style:none; padding-left:0; margin-top:8px; display:grid; grid-template-columns:1fr; gap:10px;} #article-content .grid-item-title{font-weight:900; color:var(--zb6922-primary); margin-bottom:4px;} #article-content .grid-item-text{color:var(--zb6922-text);} #article-content .grid-item-title,#article-content .grid-item-text{font-size:14.8px; line-height:1.55;} #article-content .related-intro{margin-top:6px; color:var(--zb6922-text);} #article-content .related{list-style:none; padding-left:0; margin:10px 0 18px; display:grid; grid-template-columns:1fr; gap:12px;} #article-content .related-link{display:block; border:1px solid var(--zb6922-border); border-radius:var(--zb6922-md); background:var(--zb6922-surface); padding:12px 12px; text-decoration:none;} #article-content .related-link:focus-visible{outline:3px solid rgba(230,126,34,.55); outline-offset:2px;} #article-content .related-title{display:block; color:var(--zb6922-primary); font-weight:900; margin:0 0 6px; font-size:14.8px; line-height:1.35;} #article-content .related-meta{display:block; color:var(--zb6922-slate); font-size:13.8px; line-height:1.5; margin:6px 2px 0;} #article-content .end-cta{border-top:1px solid var(--zb6922-border); padding-top:14px; margin-top:10px;} #article-content .end-title{font-family:var(--zb6922-font-display); font-weight:900; letter-spacing:-.01em; color:var(--zb6922-primary); font-size:18px; margin:0 0 8px;} #article-content .end-text{margin:0; color:var(--zb6922-text); max-width:80ch;} #article-content ::selection{background:rgba(230,126,34,.28);} @media (min-width:720px){ #article-content .article-prose{padding:26px 26px;} #article-content .container{padding:0 22px;} #article-content .grid-list{grid-template-columns:repeat(2, minmax(0,1fr));} #article-content .related{grid-template-columns:repeat(2, minmax(0,1fr));} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} } /* zb6922:related-articles */ /* zb6922:related-articles */ #related-articles.related-articles{background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 18px;} #related-articles .related-articles__inner{max-width:1040px;margin:0 auto;} #related-articles .related-articles__title{font-family:var(--zb6922-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.12;margin:0 0 10px;font-size:clamp(22px,2.7vw,34px);text-wrap:balance;} #related-articles .related-articles__lead{margin:0 0 22px;max-width:68ch;color:var(--zb6922-slate);font-size:16px;line-height:1.6;} #related-articles .related-articles__grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;} #related-articles .related-articles__item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:16px 16px 14px;} #related-articles .related-articles__item-title{margin:0 0 8px;font-size:16px;line-height:1.35;font-weight:750;letter-spacing:-0.01em;} #related-articles .related-articles__link{color:var(--zb6922-ink);text-decoration:none;} #related-articles .related-articles__link:hover{text-decoration:underline;} #related-articles .related-articles__link:focus-visible{outline:3px solid var(--zb6922-secondary);outline-offset:3px;border-radius:8px;text-decoration:underline;} #related-articles .related-articles__meta{margin:0;color:var(--zb6922-slate);font-size:13px;line-height:1.5;} #related-articles .related-articles__actions{margin-top:20px;display:flex;align-items:center;gap:12px;} #related-articles .related-articles__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:var(--zb6922-primary);color:var(--zb6922-surface);text-decoration:none;font-weight:750;border:1px solid var(--zb6922-primary);min-height:40px;} #related-articles .related-articles__button:hover{background:color-mix(in srgb,var(--zb6922-primary) 90%, white 10%);} #related-articles .related-articles__button:focus-visible{outline:3px solid var(--zb6922-secondary);outline-offset:3px;} #related-articles ::selection{background:color-mix(in srgb,var(--zb6922-secondary) 25%, transparent);} @media (min-width: 720px){ #related-articles{padding:64px 22px;} #related-articles .related-articles__grid{grid-template-columns:1fr 1fr;gap:16px;} #related-articles .related-articles__item{padding:18px 18px 16px;} } @media (prefers-reduced-motion: reduce){ #related-articles .related-articles__link,#related-articles .related-articles__button{transition:none;} } /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{ --radius-sm: var(--zb6922-radius-sm, 8px); --radius-md: var(--zb6922-radius-md, 12px); --radius-lg: var(--zb6922-radius-lg, 16px); background: var(--zb6922-bg); color: var(--zb6922-text); padding: 44px 0 28px; } #article-hero ::selection{background: rgba(230,126,34,.25);} #article-hero .article-hero__container{ width: min(1100px, calc(100% - 40px)); margin: 0 auto; display: grid; grid-template-columns: 1.35fr 0.9fr; gap: 28px; align-items: start; } #article-hero .article-hero__breadcrumb{ display: flex; gap: 10px; align-items: center; color: var(--zb6922-slate); font-family: var(--zb6922-font); font-size: 14px; margin-bottom: 14px; } #article-hero .article-hero__crumb-link{ color: var(--zb6922-primary); text-decoration: none; border-bottom: 1px solid transparent; } #article-hero .article-hero__crumb-link:focus-visible{outline: 3px solid rgba(230,126,34,.45); outline-offset: 3px; border-radius: 6px;} #article-hero .article-hero__crumb-link:hover{border-bottom-color: rgba(230,126,34,.65);} #article-hero .article-hero__crumb-sep{opacity:.85;} #article-hero .article-hero__crumb-current{color: var(--zb6922-slate);} #article-hero .article-hero__title{ font-family: var(--zb6922-font-display); font-size: clamp(30px, 3.2vw, 46px); line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 16px; text-wrap: balance; } #article-hero .article-hero__meta{ display: grid; grid-template-columns: 1fr; gap: 10px; margin: 18px 0 14px; } #article-hero .article-hero__meta-item{ display: flex; gap: 10px; align-items: baseline; padding: 10px 12px; border: 1px solid var(--zb6922-border); background: rgba(255,255,255,.75); border-radius: var(--radius-md); } #article-hero .article-hero__meta-label{ width: 92px; color: var(--zb6922-slate); font-size: 13px; flex: 0 0 auto; } #article-hero .article-hero__meta-value{font-size: 15px;} #article-hero .article-hero__meta-value--mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-variant-numeric: tabular-nums; } #article-hero .article-hero__lead{ font-size: 16px; line-height: 1.7; margin: 10px 0 18px; max-width: 58ch; } #article-hero .article-hero__actions{ display: flex; gap: 12px; flex-wrap: wrap; margin: 12px 0 18px; } #article-hero .article-hero__btn{ display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 16px; border-radius: var(--radius-md); font-weight: 700; text-decoration: none; font-family: var(--zb6922-font); border: 1px solid var(--zb6922-border); transition: background-color .15s ease, border-color .15s ease, transform .05s ease; } #article-hero .article-hero__btn--primary{ background: var(--zb6922-primary); color: #fff; border-color: var(--zb6922-primary); } #article-hero .article-hero__btn--primary:focus-visible{outline: 3px solid rgba(230,126,34,.45); outline-offset: 3px;} #article-hero .article-hero__btn--primary:hover{background: #093246;} #article-hero .article-hero__btn--ghost{ background: rgba(255,255,255,.7); color: var(--zb6922-primary); border-color: rgba(11,58,83,.35); } #article-hero .article-hero__btn--ghost:focus-visible{outline: 3px solid rgba(230,126,34,.45); outline-offset: 3px;} #article-hero .article-hero__btn--ghost:hover{border-color: rgba(230,126,34,.85); background: rgba(255,255,255,.95);} #article-hero .article-hero__btn:active{transform: translateY(1px);} #article-hero .article-hero__trust{ display: flex; gap: 12px; align-items: flex-start; padding: 14px 14px; border-radius: var(--radius-lg); border: 1px solid var(--zb6922-border); background: rgba(255,255,255,.65); } #article-hero .article-hero__trust-badge{ width: 40px; height: 40px; border-radius: 999px; background: rgba(230,126,34,.12); color: var(--zb6922-secondary); display: inline-flex; align-items: center; justify-content: center; font-family: var(--zb6922-font-display); font-weight: 900; } #article-hero .article-hero__trust-text{ margin: 0; color: var(--zb6922-text); font-size: 14.5px; line-height: 1.6; } #article-hero .article-hero__panel{ position: sticky; top: 18px; border-radius: var(--radius-lg); border: 1px solid var(--zb6922-border); background: #fff; overflow: hidden; } #article-hero .article-hero__panel-title{ margin: 0; padding: 16px 16px 10px; font-family: var(--zb6922-font-display); font-size: 18px; letter-spacing: -0.01em; } #article-hero .article-hero__list{ list-style: none; margin: 0; padding: 0 12px 8px; } #article-hero .article-hero__list-item{ display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 10px 6px; border-top: 1px solid rgba(209,213,219,.65); } #article-hero .article-hero__list-item:first-child{border-top: 0;} #article-hero .article-hero__list-num{ width: 30px; height: 30px; border-radius: 10px; background: rgba(230,126,34,.12); color: var(--zb6922-secondary); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-variant-numeric: tabular-nums; } #article-hero .article-hero__list-text{ font-size: 14.5px; line-height: 1.4; } #article-hero .article-hero__panel-foot{ padding: 12px 16px 16px; border-top: 1px solid rgba(209,213,219,.65); background: linear-gradient(180deg, rgba(234,241,244,.55), rgba(244,246,247,.85)); } #article-hero .article-hero__panel-link{ display: inline-block; font-weight: 800; color: var(--zb6922-primary); text-decoration: none; border-bottom: 1px solid rgba(11,58,83,.25); } #article-hero .article-hero__panel-link:focus-visible{outline: 3px solid rgba(230,126,34,.45); outline-offset: 3px; border-radius: 8px;} #article-hero .article-hero__panel-link:hover{border-bottom-color: rgba(230,126,34,.85);} #article-hero .article-hero__panel-muted{display:block; margin-top: 6px; color: var(--zb6922-slate); font-size: 13.5px;} #article-hero .article-hero__statbar{ margin-top: 14px; display: grid; grid-template-columns: 1fr; gap: 10px; } #article-hero .article-hero__stat{ padding: 14px 14px; border-radius: var(--radius-lg); border: 1px solid var(--zb6922-border); background: rgba(255,255,255,.75); } #article-hero .article-hero__stat-value{ font-weight: 900; font-size: 16px; color: var(--zb6922-primary); } #article-hero .article-hero__stat-label{ margin-top: 6px; color: var(--zb6922-slate); font-size: 13.5px; line-height: 1.4; } @media (max-width: 940px){ #article-hero{padding: 34px 0 20px;} #article-hero .article-hero__container{grid-template-columns: 1fr; gap: 18px;} #article-hero .article-hero__panel{position: relative; top: auto;} } @media (prefers-reduced-motion: reduce){ #article-hero .article-hero__btn{transition: none;} } /* zb6922:article-content */ /* zb6922:article-content */ #article-content{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);font-family:var(--zb6922-font);background:var(--zb6922-bg);color:var(--zb6922-text);padding:28px 0 34px;} #article-content .article-content__inner{max-width:1100px;margin:0 auto;padding:0 18px;} #article-content .article-content__kicker{font:700 12px/1.2 var(--zb6922-font);letter-spacing:.14em;text-transform:uppercase;color:var(--zb6922-primary);margin:0 0 10px;} #article-content .article-content__title{font:800 clamp(24px,3.4vw,38px)/1.08 var(--zb6922-font-display, var(--zb6922-font));letter-spacing:-.02em;margin:0 0 16px; text-wrap:balance;} #article-content .article-content__lead{display:flex;flex-direction:column;gap:10px;margin:0 0 22px;max-width:780px;} #article-content .article-content__lead p{font:500 16px/1.6 var(--zb6922-font);color:var(--zb6922-text);margin:0;} #article-content .article-content__grid{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start;} #article-content .article-content__toc{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:14px 14px 16px;position:sticky;top:14px;} #article-content .toc__title{margin:0 0 10px;font:700 14px/1.3 var(--zb6922-font);color:var(--zb6922-primary);} #article-content .toc__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;} #article-content .toc__link{color:var(--zb6922-primary);text-decoration:none;font:600 13.5px/1.35 var(--zb6922-font);} #article-content .toc__link:hover{text-decoration:underline;} #article-content .toc__link:focus-visible{outline:3px solid var(--zb6922-secondary);outline-offset:3px;border-radius:6px;} #article-content .article-content__body{background:transparent;} #article-content .article-content__body h2{margin:26px 0 10px;font:800 20px/1.25 var(--zb6922-font);color:var(--zb6922-primary);letter-spacing:-.01em;} #article-content .article-content__body p{margin:0 0 14px;font:500 16px/1.75 var(--zb6922-font);color:var(--zb6922-text);} #article-content .callout{background:var(--zb6922-mist);border:1px solid color-mix(in srgb, var(--zb6922-border) 70%, var(--zb6922-secondary) 30%);border-radius:var(--zb6922-radius-md,12px);padding:14px 14px 10px;margin:10px 0 18px;} #article-content .callout__title{margin:0 0 8px;font:800 14px/1.2 var(--zb6922-font);color:var(--zb6922-primary);} #article-content .callout__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;} #article-content .callout__list li{font:500 15px/1.6 var(--zb6922-font);color:var(--zb6922-text);} #article-content .checks{list-style:none;margin:12px 0 18px;padding:0;display:flex;flex-direction:column;gap:10px;} #article-content .checks__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--zb6922-secondary);margin-right:10px;vertical-align:middle;} #article-content .checks li{font:500 15.5px/1.6 var(--zb6922-font);color:var(--zb6922-text);} #article-content .spec{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 18px;} #article-content .spec__item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:14px 14px 12px;} #article-content .spec__title{margin:0 0 6px;font:800 15.5px/1.3 var(--zb6922-font);color:var(--zb6922-primary);} #article-content .spec__text{margin:0;font:500 15px/1.65 var(--zb6922-font);color:var(--zb6922-text);} #article-content .quote{border-left:4px solid var(--zb6922-secondary);background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:14px 14px 12px;margin:14px 0 18px;} #article-content .quote__text{margin:0 0 10px;font:700 16px/1.65 var(--zb6922-font);color:var(--zb6922-primary);} #article-content .quote__meta{margin:0;font:600 13.5px/1.5 var(--zb6922-font);color:var(--zb6922-slate);} #article-content .lessons{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:10px;} #article-content .lessons li{font:500 15.5px/1.65 var(--zb6922-font);color:var(--zb6922-text);} #article-content .article-content__closing{margin-top:18px;font:600 16px/1.7 var(--zb6922-font);color:var(--zb6922-text);} #article-content ::selection{background:color-mix(in srgb, var(--zb6922-secondary) 28%, white 72%);} #article-content a{color:var(--zb6922-primary);} #article-content a:focus-visible{outline:3px solid var(--zb6922-secondary);outline-offset:3px;border-radius:6px;} @media (max-width: 900px){#article-content .article-content__grid{grid-template-columns:1fr;}#article-content .article-content__toc{position:relative;top:auto;}} @media (max-width: 520px){#article-content{padding:20px 0 26px;}#article-content .article-content__inner{padding:0 14px;}#article-content .article-content__title{letter-spacing:-.01em;}#article-content .article-content__body h2{font-size:18px;}#article-content .article-content__lead p{font-size:15.5px;}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none !important;}} /* zb6922:related-articles */ #related-articles{--ra-bg:var(--zb6922-bg);--ra-surface:var(--zb6922-surface);--ra-ink:var(--zb6922-ink);--ra-border:var(--zb6922-border);--ra-accent:var(--zb6922-accent);background:var(--ra-bg);color:var(--ra-ink);padding:28px 16px 40px;} #related-articles .related-articles-inner{max-width:1100px;margin:0 auto;} #related-articles .related-articles-header{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;} #related-articles .related-articles-title{font-family:var(--zb6922-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.15;margin:0;font-size:28px;text-wrap:balance;} #related-articles .related-articles-subtitle{margin:0;max-width:65ch;color:var(--zb6922-slate);font-size:15px;line-height:1.6;} #related-articles .related-articles-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;} #related-articles .related-article-card{grid-column:span 6;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--radius-lg);padding:16px 16px 14px;box-shadow:0 10px 26px rgba(11,58,83,.06);} #related-articles .related-article-meta{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;color:var(--ra-ink);letter-spacing:.06em;text-transform:uppercase;} #related-articles .related-article-meta::before{content:"";display:inline-block;width:12px;height:2px;background:var(--ra-accent);border-radius:2px;box-shadow:0 6px 18px rgba(230,126,34,.18);} #related-articles .related-article-title{margin:0 0 8px 0;font-size:16px;line-height:1.35;font-weight:750;letter-spacing:-0.01em;text-wrap:balance;} #related-articles .related-article-excerpt{margin:0 0 12px 0;color:var(--zb6922-slate);font-size:14px;line-height:1.6;} #related-articles .related-article-link{display:inline-flex;align-items:center;gap:8px;color:var(--ra-ink);text-decoration:none;font-weight:750;border:1px solid var(--ra-border);background:var(--ra-surface);border-radius:var(--radius-md);padding:10px 12px;min-width:108px;justify-content:center;} #related-articles .related-article-link::after{content:"→";color:var(--ra-accent);font-weight:900;} #related-articles .related-article-link:focus-visible{outline:3px solid rgba(230,126,34,.45);outline-offset:2px;} #related-articles .related-article-card:hover{border-color:rgba(230,126,34,.55);box-shadow:0 16px 38px rgba(11,58,83,.08);} @media (max-width:900px){#related-articles{padding:24px 14px 36px;}#related-articles .related-article-card{grid-column:span 12;}} @media (prefers-reduced-motion:reduce){#related-articles .related-article-card{transition:none;}#related-articles .related-article-link{transition:none;}} #related-articles ::selection{background:rgba(230,126,34,.25);} /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 0 32px;} #article-hero .article-hero__inner{max-width:1080px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--zb6922-border);border-radius:999px;background:var(--zb6922-surface);color:var(--zb6922-ink);font-weight:650;font-size:13px;line-height:1;} #article-hero .article-hero__divider{width:18px;height:1px;background:var(--zb6922-border);} #article-hero .article-hero__topic{font-size:14px;color:var(--zb6922-slate);font-weight:600;} #article-hero .article-hero__title{font-family:var(--zb6922-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.05;max-width:38ch;font-size:40px;margin:0 0 14px;} #article-hero .article-hero__lede{max-width:70ch;font-size:16px;line-height:1.7;color:var(--zb6922-slate);margin:0 0 22px;} #article-hero .article-hero__meta{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0 24px;padding:16px;border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);background:rgba(255,255,255,0.6);} #article-hero .meta-item{min-width:170px;flex:1;} #article-hero .meta-item__label{font-size:12px;letter-spacing:0.02em;text-transform:uppercase;color:var(--zb6922-slate);font-weight:750;margin-bottom:6px;} #article-hero .meta-item__value{font-size:15px;color:var(--zb6922-text);font-weight:650;} #article-hero .meta-item__value--mono{font-family:var(--zb6922-font), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 22px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--zb6922-radius-md,12px);font-weight:800;text-decoration:none;line-height:1;min-height:44px;focus-visible:ignore;} #article-hero .btn--primary{background:var(--zb6922-primary);color:var(--zb6922-surface);border:1px solid var(--zb6922-primary);} #article-hero .btn--outline{background:var(--zb6922-surface);color:var(--zb6922-primary);border:1px solid var(--zb6922-border);} #article-hero .btn:focus-visible{outline:3px solid rgba(230,126,34,0.35);outline-offset:2px;} #article-hero .btn--primary:active{transform:translateY(1px);} #article-hero .btn--outline:active{transform:translateY(1px);} #article-hero .article-hero__trust{display:grid;grid-template-columns:1fr;gap:12px;} #article-hero .trust-item{display:flex;gap:12px;align-items:flex-start;} #article-hero .trust-item__dot{width:10px;height:10px;border-radius:50%;background:var(--zb6922-accent);margin-top:7px;box-shadow:0 6px 18px rgba(230,126,34,0.25);} #article-hero .trust-item__text{font-size:14.5px;line-height:1.6;color:var(--zb6922-text);font-weight:600;} #article-hero ::selection{background:rgba(230,126,34,0.25);} @media (min-width:760px){ #article-hero .article-hero__title{font-size:52px;} #article-hero .article-hero__trust{grid-template-columns:1fr 1fr;gap:14px 18px;} } @media (prefers-reduced-motion:reduce){ #article-hero *{scroll-behavior:auto;transition:none!important;animation:none!important;} } /* zb6922:article-content */ /* zb6922:article-content */ #article-content{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);background:var(--zb6922-bg);color:var(--zb6922-text);padding:42px 0 54px;} #article-content .article-body{max-width:1120px;margin:0 auto;padding:0 20px;} #article-content .article-intro{margin:0 0 26px;} #article-content .kicker{font:700 12px/1.2 var(--zb6922-font);letter-spacing:.12em;text-transform:uppercase;color:var(--zb6922-secondary);margin:0 0 12px;} #article-content .title{font-family:var(--zb6922-font-display);font-weight:800;font-size:clamp(26px,3.2vw,40px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;color:var(--zb6922-ink);} #article-content .lede{margin:0;max-width:78ch;font:400 16px/1.75 var(--zb6922-font);color:var(--zb6922-text);} #article-content .reading-layout{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start;} #article-content .prose{background:transparent;} #article-content .prose h3{font-family:var(--zb6922-font);font-weight:800;font-size:18px;line-height:1.35;margin:26px 0 10px;color:var(--zb6922-ink);letter-spacing:-.01em;} #article-content .prose p{margin:0 0 14px;font:400 16px/1.8 var(--zb6922-font);color:var(--zb6922-text);} #article-content .prose ul,#article-content .prose ol{margin:0 0 16px;padding-left:20px;} #article-content .checklist li{margin:10px 0;font:400 15px/1.7 var(--zb6922-font);color:var(--zb6922-text);} #article-content .numbered{padding-left:22px;} #article-content .numbered li{margin:10px 0;font:400 15px/1.7 var(--zb6922-font);color:var(--zb6922-text);} #article-content .callout{margin:18px 0 4px;padding:18px;border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);background:var(--zb6922-surface);} #article-content .callout h4{margin:0 0 12px;font:800 16px/1.25 var(--zb6922-font);color:var(--zb6922-ink);} #article-content .callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;} #article-content .callout-item{padding:12px;border-radius:var(--radius-sm,8px);background:var(--zb6922-bg);border:1px solid rgba(209,213,219,.6);} #article-content .callout-label{margin:0 0 6px;font:800 13px/1.2 var(--zb6922-font);color:var(--zb6922-primary);} #article-content .callout-text{margin:0;font:400 14px/1.55 var(--zb6922-font);color:var(--zb6922-text);} #article-content .tool-cta{margin:20px 0 0;padding:16px;border-radius:var(--radius-md,12px);border:1px solid var(--zb6922-border);background:linear-gradient(180deg,var(--zb6922-surface),rgba(255,255,255,.96));} #article-content .tool-cta-text{margin:0 0 10px;font:700 14px/1.4 var(--zb6922-font);color:var(--zb6922-ink);} #article-content .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:10px;font:800 14px/1 var(--zb6922-font);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;} #article-content .button.primary{background:var(--zb6922-primary);color:var(--zb6922-surface);border-color:var(--zb6922-primary);} #article-content .button.primary:hover{background:#093249;} #article-content .button.ghost{background:transparent;color:var(--zb6922-primary);border-color:var(--zb6922-primary);} #article-content .button.ghost:hover{background:rgba(11,58,83,.06);} #article-content .button:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} #article-content .sidebar-card{position:sticky;top:18px;background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:16px;} #article-content .sidebar-title{margin:0 0 12px;font:900 15px/1.2 var(--zb6922-font);color:var(--zb6922-ink);} #article-content .sidebar-links{list-style:none;margin:0;padding:0;} #article-content .sidebar-link{display:block;padding:10px 10px;border-radius:10px;text-decoration:none;border:1px solid transparent;color:var(--zb6922-ink);font:800 14px/1.2 var(--zb6922-font);} #article-content .sidebar-link:hover{border-color:rgba(230,126,34,.35);background:rgba(230,126,34,.06);} #article-content .sidebar-link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} #article-content .sidebar-note{margin:12px 0 0;font:400 13.5px/1.6 var(--zb6922-font);color:var(--zb6922-text);} #article-content .related{margin-top:34px;} #article-content .related-title{margin:0 0 16px;font:900 18px/1.2 var(--zb6922-font);color:var(--zb6922-ink);} #article-content .related-list{display:flex;gap:14px;flex-wrap:wrap;} #article-content .related-card{flex:1 1 240px;min-width:220px;background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:14px 14px;text-decoration:none;} #article-content .related-card:hover{border-color:rgba(230,126,34,.45);} #article-content .related-name{display:block;font:900 14px/1.35 var(--zb6922-font);color:var(--zb6922-ink);} #article-content .related-desc{display:block;margin-top:6px;font:400 13.5px/1.55 var(--zb6922-font);color:var(--zb6922-text);} #article-content ::selection{background:rgba(230,126,34,.25);} #article-content a{color:inherit;} #article-content .prose a{color:var(--zb6922-primary);text-decoration:underline;text-underline-offset:3px;} #article-content .prose a:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;border-radius:6px;} @media (max-width: 980px){#article-content .reading-layout{grid-template-columns:1fr;gap:18px;}#article-content .sidebar-card{position:relative;top:auto;}} @media (max-width: 560px){#article-content{padding:28px 0 36px;}#article-content .article-body{padding:0 14px;}#article-content .callout-grid{grid-template-columns:1fr;}#article-content .related-list{gap:10px;}#article-content .button{width:100%;}#article-content .tool-cta{padding:14px;}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zb6922:related-articles */ /* zb6922:related-articles */ #related-articles{--ra-primary:var(--zb6922-primary);--ra-secondary:var(--zb6922-secondary);--ra-ink:var(--zb6922-ink);--ra-slate:var(--zb6922-slate);--ra-mist:var(--zb6922-mist);--ra-border:var(--zb6922-border);--ra-surface:var(--zb6922-surface);--ra-bg:var(--zb6922-bg);background:var(--ra-bg);padding:48px 0;} #related-articles::selection{background:rgba(230,126,34,.25);} #related-articles .ra-container{max-width:1100px;margin:0 auto;padding:0 20px;} #related-articles .ra-header{margin-bottom:22px;} #related-articles .ra-kicker{font:600 12px/1.2 var(--zb6922-font);letter-spacing:.12em;text-transform:uppercase;color:var(--zb6922-secondary);margin:0 0 10px;} #related-articles .ra-title{margin:0 0 10px;font:700 34px/1.12 var(--zb6922-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-ink);} #related-articles .ra-subtitle{margin:0;max-width:70ch;color:var(--zb6922-text);opacity:.9;font:400 15px/1.6 var(--zb6922-font);} #related-articles .ra-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:stretch;} #related-articles .ra-card{grid-column:span 4;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--radius-lg,16px);padding:18px 16px;box-shadow:0 12px 26px rgba(11,58,83,.06);} #related-articles .ra-card-wide{grid-column:span 8;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;} #related-articles .ra-card-title{margin:0 0 10px;font:700 18px/1.25 var(--zb6922-font);letter-spacing:-.01em;color:var(--zb6922-ink);} #related-articles .ra-card-meta{margin:0 0 14px;font:400 13px/1.5 var(--zb6922-font);color:var(--zb6922-slate);} #related-articles .ra-link{display:inline-flex;align-items:center;gap:10px;color:var(--zb6922-primary);text-decoration:none;font:700 14px/1 var(--zb6922-font);padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;} #related-articles .ra-link::after{content:"→";font-weight:900;opacity:.9;} #related-articles .ra-link:hover{background:rgba(230,126,34,.08);border-color:rgba(230,126,34,.22);} #related-articles .ra-link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} #related-articles .ra-link-strong{background:rgba(230,126,34,.12);border-color:rgba(230,126,34,.22);} #related-articles .ra-cta-row{margin-top:22px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;} #related-articles .ra-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--zb6922-primary);color:var(--zb6922-surface);text-decoration:none;font:800 14px/1 var(--zb6922-font);border:1px solid rgba(0,0,0,0);} #related-articles .ra-button:hover{background:#0a334a;} #related-articles .ra-button:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} #related-articles .ra-button-ghost{background:transparent;color:var(--zb6922-primary);border:1px solid rgba(11,58,83,.28);} #related-articles .ra-button-ghost:hover{background:rgba(11,58,83,.06);} #related-articles .ra-button-ghost:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} @media (max-width: 980px){#related-articles{padding:38px 0;}#related-articles .ra-title{font-size:30px;}#related-articles .ra-card{grid-column:span 6;}#related-articles .ra-card-wide{grid-column:span 12;}#related-articles .ra-card-wide-content{max-width:56ch;}} @media (max-width: 640px){#related-articles .ra-container{padding:0 16px;}#related-articles .ra-title{font-size:26px;}#related-articles .ra-grid{gap:12px;}#related-articles .ra-card{grid-column:span 12;padding:16px 14px;}#related-articles .ra-card-wide{flex-direction:column;align-items:flex-start;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{--hero-pad:clamp(18px,3.6vw,44px);--hero-gap:clamp(14px,2.4vw,22px);--max:1100px;position:relative;overflow:hidden;background:var(--zb6922-bg);color:var(--zb6922-text);} #article-hero::before{content:"";position:absolute;inset:-2px;background:radial-gradient(1200px 480px at 18% 0%, color-mix(in oklab, var(--zb6922-secondary) 14%, transparent) 0%, transparent 60%),radial-gradient(900px 420px at 86% 18%, color-mix(in oklab, var(--zb6922-primary) 10%, transparent) 0%, transparent 55%);pointer-events:none;} #article-hero .article-hero__inner{position:relative;max-width:var(--max);margin:0 auto;padding:var(--hero-pad);display:flex;flex-direction:column;gap:var(--hero-gap);} #article-hero .article-hero__kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} #article-hero .article-hero__tag{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--zb6922-border);border-radius:999px;background:var(--zb6922-surface);color:var(--zb6922-primary);font:600 12px/1.1 var(--zb6922-font);letter-spacing:.02em;} #article-hero .article-hero__separator{color:color-mix(in oklab,var(--zb6922-slate) 55%, transparent);font:700 14px/1 var(--zb6922-font);} #article-hero .article-hero__meta{color:color-mix(in oklab,var(--zb6922-slate) 78%, var(--zb6922-text));font:600 13px/1.2 var(--zb6922-font);} #article-hero .article-hero__title{margin:0;font:800 clamp(28px,4.2vw,48px)/1.06 var(--zb6922-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-primary);} #article-hero .article-hero__meta-row{display:grid;grid-template-columns:1fr;gap:12px;} #article-hero .article-hero__meta-item{border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius,12px);background:color-mix(in oklab,var(--zb6922-surface) 90%, white);padding:14px 14px;} #article-hero .article-hero__meta-label{display:block;color:color-mix(in oklab,var(--zb6922-slate) 86%, var(--zb6922-text));font:700 12px/1.1 var(--zb6922-font);letter-spacing:.02em;text-transform:uppercase;} #article-hero .article-hero__meta-value{display:block;margin-top:6px;color:var(--zb6922-text);font:600 14px/1.35 var(--zb6922-font);} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;} #article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:var(--zb6922-radius,12px);text-decoration:none;font:800 14px/1 var(--zb6922-font);letter-spacing:.01em;min-height:44px;box-sizing:border-box;} #article-hero .article-hero__btn--primary{background:var(--zb6922-primary);color:var(--zb6922-surface);border:1px solid color-mix(in oklab, var(--zb6922-primary) 85%, white);} #article-hero .article-hero__btn--secondary{background:var(--zb6922-surface);color:var(--zb6922-primary);border:1px solid var(--zb6922-border);} #article-hero .article-hero__btn:focus-visible{outline:3px solid color-mix(in oklab, var(--zb6922-secondary) 45%, white);outline-offset:2px;} #article-hero .article-hero__lede{margin:0;max-width:72ch;color:color-mix(in oklab,var(--zb6922-text) 92%, var(--zb6922-slate));font:500 16px/1.65 var(--zb6922-font);} #article-hero .article-hero__note{display:flex;gap:12px;align-items:flex-start;border-radius:var(--zb6922-radius,16px);border:1px solid var(--zb6922-border);background:var(--zb6922-surface);padding:14px 14px;} #article-hero .article-hero__note-mark{width:30px;height:30px;border-radius:999px;background:color-mix(in oklab,var(--zb6922-secondary) 18%, white);border:1px solid color-mix(in oklab,var(--zb6922-secondary) 35%, var(--zb6922-border));color:var(--zb6922-primary);display:flex;align-items:center;justify-content:center;font:900 16px/1 var(--zb6922-font);} #article-hero .article-hero__note-title{margin:0;color:var(--zb6922-primary);font:900 14px/1.2 var(--zb6922-font);} #article-hero .article-hero__note-text{margin:6px 0 0;color:color-mix(in oklab,var(--zb6922-slate) 82%, var(--zb6922-text));font:600 13px/1.55 var(--zb6922-font);} ::selection{background:color-mix(in oklab,var(--zb6922-secondary) 35%, white);} @media (min-width:860px){ #article-hero .article-hero__meta-row{grid-template-columns:repeat(3,minmax(0,1fr));} } @media (prefers-reduced-motion:reduce){ #article-hero *{scroll-behavior:auto;} } /* zb6922:article-content */ /* zb6922:article-content */ #article-content{--pad:clamp(16px,3.2vw,28px);background:var(--zb6922-bg);color:var(--zb6922-text);font-family:var(--zb6922-font);} #article-content .article-wrap{max-width:980px;margin:0 auto;padding:var(--pad) 18px 54px;} #article-content .article-header{padding:22px 0 18px;border-bottom:1px solid var(--zb6922-border);} #article-content .article-kicker{margin:0 0 10px;display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--zb6922-primary);background:rgba(11,58,83,.06);border:1px solid rgba(11,58,83,.15);padding:8px 12px;border-radius:999px;} #article-content .article-title{margin:0 0 10px;font-family:var(--zb6922-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;font-size:clamp(26px,3.6vw,42px);color:var(--zb6922-ink);} #article-content .article-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--zb6922-slate);font-size:14px;} #article-content .meta-sep{opacity:.8;} #article-content .article-body{padding-top:20px;} #article-content .article-body p{margin:0 0 14px;line-height:1.72;font-size:16px;color:var(--zb6922-text);} #article-content .h2{margin:26px 0 10px;font-size:20px;line-height:1.35;font-weight:800;letter-spacing:-.01em;color:var(--zb6922-primary);} #article-content .h3{margin:0 0 6px;font-size:16px;line-height:1.4;font-weight:800;color:var(--zb6922-primary);} #article-content .p-small{margin:0;color:var(--zb6922-text);font-size:15px;line-height:1.65;} #article-content .checklist{list-style:none;margin:10px 0 18px;padding:0;border-left:3px solid rgba(230,126,34,.55);} #article-content .checklist li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:16px;line-height:1.55;} #article-content .check{width:22px;min-width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:rgba(230,126,34,.16);border:1px solid rgba(230,126,34,.35);color:var(--zb6922-accent);font-weight:900;} #article-content .levels{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 8px;} #article-content .level{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:14px 14px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 8px 18px rgba(11,58,83,.06);} #article-content .level-num{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(11,58,83,.08);border:1px solid rgba(11,58,83,.18);color:var(--zb6922-primary);font-weight:900;} #article-content .level-content{padding-top:1px;} #article-content .qa-grid{margin:12px 0 18px;display:grid;grid-template-columns:1fr;gap:12px;} #article-content .qa{background:linear-gradient(180deg,rgba(234,241,244,.65),rgba(255,255,255,0));border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:14px;} #article-content .numbered{margin:10px 0 18px;padding-left:20px;color:var(--zb6922-text);} #article-content .numbered li{margin:10px 0;line-height:1.65;font-size:16px;} #article-content .callout{margin:18px 0 10px;background:rgba(230,126,34,.10);border:1px solid rgba(230,126,34,.25);border-radius:var(--radius-lg,16px);padding:14px 16px;} #article-content .callout p{margin:0;color:var(--zb6922-text);font-size:16px;} #article-content .related-inline{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 8px;} #article-content .link-card{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--zb6922-border);background:var(--zb6922-surface);color:var(--zb6922-primary);text-decoration:none;font-weight:700;font-size:14px;} #article-content .link-card:focus-visible{outline:3px solid rgba(230,126,34,.4);outline-offset:2px;} #article-content .link-card:hover{border-color:rgba(230,126,34,.45);} #article-content .closing{margin-top:16px;font-size:16px;color:var(--zb6922-slate);} #article-content ::selection{background:rgba(230,126,34,.28);} #article-content a{color:var(--zb6922-primary);} @media (min-width: 820px){ #article-content .article-wrap{padding-left:0;padding-right:0;} #article-content .levels{grid-template-columns:repeat(3,1fr);gap:16px;} #article-content .qa-grid{grid-template-columns:repeat(2,1fr);} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} #article-content .link-card{transition:none;} } /* zb6922:related-articles */ #related-articles{--ra-gap:18px;--ra-radius:var(--zb6922-radius,12px);} #related-articles.related-articles{background:var(--zb6922-bg);color:var(--zb6922-text);padding:52px 18px;} #related-articles .related-articles__inner{max-width:1100px;margin:0 auto;} #related-articles .related-articles__header{display:flex;align-items:flex-end;gap:16px;justify-content:space-between;margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--zb6922-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin:0;font-size:34px;text-wrap:balance;color:var(--zb6922-ink);} #related-articles .related-articles__subtitle{margin:0;max-width:640px;color:var(--zb6922-slate);font-size:15px;line-height:1.6;} #related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #related-articles .related-card{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius,12px);padding:16px 16px 14px;min-height:132px;display:flex;flex-direction:column;gap:8px;} #related-articles .related-card--alt{background:linear-gradient(180deg,var(--zb6922-surface),var(--zb6922-mist));} #related-articles .related-card__title{margin:0;font-family:var(--zb6922-font);font-weight:750;letter-spacing:-0.01em;font-size:16px;line-height:1.25;color:var(--zb6922-text);} #related-articles .related-card__meta{margin:0;color:var(--zb6922-slate);font-size:13px;line-height:1.45;} #related-articles .related-card__link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:var(--zb6922-ink);text-decoration:none;font-weight:700;font-size:14px;border-bottom:1px solid transparent;} #related-articles .related-card__link::after{content:"→";color:var(--zb6922-secondary);font-weight:900;transform:translateY(-1px);} #related-articles .related-card__link:hover{border-bottom-color:var(--zb6922-border);} #related-articles .related-card__link:focus-visible{outline:3px solid color-mix(in srgb,var(--zb6922-secondary) 35%, transparent);outline-offset:3px;border-radius:10px;} #related-articles .related-articles__cta{display:flex;gap:12px;align-items:center;margin-top:26px;} #related-articles .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--zb6922-radius,12px);background:var(--zb6922-primary);color:var(--zb6922-surface);text-decoration:none;font-weight:800;border:1px solid var(--zb6922-primary);min-width:220px;} #related-articles .primary-btn:hover{background:color-mix(in srgb,var(--zb6922-primary) 88%, var(--zb6922-accent) 12%);} #related-articles .primary-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--zb6922-secondary) 40%, transparent);outline-offset:3px;} #related-articles .ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--zb6922-radius,12px);background:var(--zb6922-surface);color:var(--zb6922-ink);text-decoration:none;font-weight:800;border:1px solid var(--zb6922-border);min-width:220px;} #related-articles .ghost-btn:hover{border-color:color-mix(in srgb,var(--zb6922-secondary) 35%, var(--zb6922-border));} #related-articles .ghost-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--zb6922-secondary) 35%, transparent);outline-offset:3px;} #related-articles ::selection{background:color-mix(in srgb,var(--zb6922-secondary) 30%, transparent);} @media (max-width:980px){#related-articles .related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));} #related-articles .related-articles__header{flex-direction:column;align-items:flex-start;} #related-articles .related-articles__cta{flex-direction:column;align-items:stretch;} #related-articles .primary-btn,#related-articles .ghost-btn{min-width:0;width:100%;}} @media (max-width:560px){#related-articles{padding:42px 14px;}#related-articles .related-articles__title{font-size:28px;}#related-articles .related-articles__grid{grid-template-columns:1fr;} } @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);position:relative;overflow:hidden;background:var(--zb6922-bg);color:var(--zb6922-text);} #article-hero::before{content:"";position:absolute;inset:-2px;z-index:0;background:radial-gradient(1200px 500px at 15% 0%, rgba(11,58,83,.10), transparent 55%),radial-gradient(900px 450px at 80% 10%, rgba(230,126,34,.12), transparent 52%);} #article-hero::after{content:"";position:absolute;inset:auto -20% -35% -20%;height:260px;z-index:0;background:linear-gradient(180deg, rgba(11,58,83,.06), transparent 70%);} #article-hero .article-hero__inner{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:44px 20px 26px;} #article-hero .article-hero__meta{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;} #article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:8px 12px;border:1px solid var(--zb6922-border);border-radius:999px;background:rgba(255,255,255,.7);color:var(--zb6922-ink);font:600 12.5px/1.2 var(--zb6922-font);letter-spacing:.02em;} #article-hero .article-hero__meta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--zb6922-slate);font:500 13.5px/1.4 var(--zb6922-font);} #article-hero .article-hero__meta-sep{color:rgba(75,85,99,.9);} #article-hero .article-hero__title{margin:0 0 14px;font:800 40px/1.08 var(--zb6922-font-display, var(--zb6922-font));letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-ink);} #article-hero .article-hero__lead{margin:0 0 22px;max-width:72ch;color:var(--zb6922-text);font:500 16px/1.7 var(--zb6922-font);} #article-hero .article-hero__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;border-radius:var(--zb6922-radius-md,12px);padding:11px 14px;text-decoration:none;font:700 14px/1 var(--zb6922-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .08s ease;} #article-hero .btn--primary{background:var(--zb6922-primary);color:var(--zb6922-surface);border-color:var(--zb6922-primary);} #article-hero .btn--primary:hover{background:color-mix(in srgb,var(--zb6922-primary) 92%, var(--zb6922-secondary));border-color:color-mix(in srgb,var(--zb6922-primary) 92%, var(--zb6922-secondary));} #article-hero .btn--primary:active{transform:translateY(1px);} #article-hero .btn--outline{background:rgba(255,255,255,.7);color:var(--zb6922-ink);border-color:var(--zb6922-border);} #article-hero .btn--outline:hover{background:var(--zb6922-surface);border-color:color-mix(in srgb,var(--zb6922-border) 70%, var(--zb6922-accent));} #article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--zb6922-accent) 60%, white);outline-offset:2px;} #article-hero .article-hero__highlights{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;} #article-hero .highlight{flex:1 1 180px;min-width:180px;background:rgba(255,255,255,.8);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:14px 14px 13px;box-shadow:0 10px 24px rgba(11,58,83,.06);} #article-hero .highlight__label{color:var(--zb6922-slate);font:700 12px/1.2 var(--zb6922-font);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;} #article-hero .highlight__value{color:var(--zb6922-ink);font:800 16px/1.25 var(--zb6922-font);} #article-hero ::selection{background:rgba(230,126,34,.25);} @media (max-width: 720px){#article-hero .article-hero__inner{padding:34px 16px 20px;}#article-hero .article-hero__title{font-size:30px;line-height:1.12;}#article-hero .article-hero__lead{font-size:15px;}} @media (prefers-reduced-motion: reduce){#article-hero .btn{transition:none;}} /* zb6922:article-content */ /* zb6922:article-content */ #article-content.article-content{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);background:var(--zb6922-surface);color:var(--zb6922-text);padding:48px 18px;} #article-content .prose{max-width:920px;margin:0 auto;} #article-content .article-lede{margin-bottom:22px;} #article-content .article-h2{font-family:var(--zb6922-font-display);font-size:34px;line-height:1.12;letter-spacing:-0.02em;margin:0 0 12px;font-weight:800;text-wrap:balance;color:var(--zb6922-ink);} #article-content .article-sub{margin:0;font-size:16px;line-height:1.7;color:var(--zb6922-text);max-width:70ch;} #article-content .article-toc{background:var(--zb6922-bg);border:1px solid var(--zb6922-border);border-radius:var(--radius-md);padding:16px 16px 14px;margin:18px 0 26px;} #article-content .toc-title{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--zb6922-primary);} #article-content .toc-list{margin:0;padding-left:18px;} #article-content .toc-link{color:var(--zb6922-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #article-content .toc-link:focus-visible{outline:3px solid var(--zb6922-secondary);outline-offset:3px;border-radius:6px;} #article-content .content-block{margin:0 0 24px;} #article-content .h3{font-family:var(--zb6922-font-display);font-size:22px;line-height:1.25;margin:0 0 10px;font-weight:800;color:var(--zb6922-ink);letter-spacing:-0.01em;text-wrap:balance;} #article-content .h4{font-family:var(--zb6922-font);font-size:16px;line-height:1.35;margin:0 0 6px;font-weight:800;color:var(--zb6922-ink);} #article-content .p{margin:0 0 12px;line-height:1.75;font-size:16px;color:var(--zb6922-text);} #article-content .strong{font-weight:900;} #article-content .list{margin:10px 0 0;padding-left:18px;} #article-content .list li{margin:6px 0;line-height:1.65;font-size:15px;color:var(--zb6922-text);} #article-content .steps{display:flex;flex-direction:column;gap:14px;margin-top:12px;} #article-content .step{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-lg);padding:16px;} #article-content .step-index{width:44px;height:44px;border-radius:999px;background:var(--zb6922-primary);color:var(--zb6922-surface);display:flex;align-items:center;justify-content:center;font-weight:900;font-family:var(--zb6922-font-display);box-shadow:0 10px 24px rgba(11,58,83,0.18);} #article-content .step-body{padding-top:2px;} #article-content .callout{border:1px solid var(--zb6922-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--zb6922-mist),var(--zb6922-surface));padding:14px 16px;margin:14px 0 18px;} #article-content .callout-title{margin:0 0 6px;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;font-weight:900;color:var(--zb6922-primary);} #article-content .callout-text{margin:0;line-height:1.7;font-size:16px;color:var(--zb6922-text);} #article-content .two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;} #article-content .col{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-lg);padding:16px;} #article-content .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;} #article-content .metric{background:var(--zb6922-bg);border:1px solid var(--zb6922-border);border-radius:var(--radius-lg);padding:14px 14px 12px;} #article-content .metric-label{margin:0 0 6px;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;font-weight:900;color:var(--zb6922-primary);} #article-content .metric-value{margin:0;font-weight:900;font-size:15px;line-height:1.35;color:var(--zb6922-ink);font-family:var(--zb6922-font-display);} #article-content .metric-desc{margin:6px 0 0;font-size:14px;line-height:1.65;color:var(--zb6922-text);} #article-content .closing{padding-top:6px;} #article-content .closing .h3{font-size:24px;} #article-content a{color:var(--zb6922-primary);} #article-content ::selection{background:rgba(230,126,34,0.25);} #article-content :focus-visible{outline:3px solid var(--zb6922-secondary);outline-offset:3px;} @media (max-width: 880px){#article-content{padding:36px 14px;}#article-content .article-h2{font-size:30px;}#article-content .two-col{grid-template-columns:1fr;}#article-content .metrics{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zb6922:related-articles */ /* zb6922:related-articles */ #related-articles{--ra-ink:var(--zb6922-ink);--ra-accent:var(--zb6922-accent);--ra-surface:var(--zb6922-surface);--ra-bg:var(--zb6922-bg);--ra-border:var(--zb6922-border);--ra-mist:var(--zb6922-mist);background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 18px;} #related-articles .related-articles__container{max-width:980px;margin:0 auto;} #related-articles .related-articles__header{margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--zb6922-font-display);font-size:28px;line-height:1.2;letter-spacing:-0.02em;margin:0 0 8px 0;color:var(--zb6922-ink);text-wrap:balance;} #related-articles .related-articles__subtitle{margin:0;max-width:72ch;font-size:15px;line-height:1.7;color:var(--zb6922-text);} #related-articles .related-articles__list{list-style:none;padding:0;margin:18px 0 0 0;display:grid;grid-template-columns:1fr;gap:12px;} #related-articles .related-articles__item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:14px 14px 14px 14px;} #related-articles .related-articles__link{display:block;outline:none;text-decoration:none;} #related-articles .related-articles__meta{display:inline-block;font-size:12px;letter-spacing:0.02em;text-transform:uppercase;color:var(--zb6922-primary);opacity:0.92;margin-bottom:6px;} #related-articles .related-articles__link-title{display:block;font-size:16px;line-height:1.4;color:var(--zb6922-ink);font-family:var(--zb6922-font);font-weight:650;} #related-articles .related-articles__item:focus-within{border-color:var(--zb6922-secondary);box-shadow:0 0 0 4px color-mix(in srgb, var(--zb6922-secondary) 18%, transparent);} #related-articles .related-articles__link:focus-visible{box-shadow:none;} #related-articles .related-articles__item:hover{border-color:color-mix(in srgb, var(--zb6922-border) 55%, var(--zb6922-secondary) 45%);} #related-articles .related-articles__item:active{transform:none;} #related-articles::selection{background:color-mix(in srgb, var(--zb6922-secondary) 28%, white);color:var(--zb6922-ink);} @media (min-width:720px){ #related-articles{padding:62px 22px;} #related-articles .related-articles__list{grid-template-columns:1fr 1fr;gap:14px;} } @media (prefers-reduced-motion:reduce){ #related-articles .related-articles__item{transition:none;} } /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{ --hero-max: 1100px; background: var(--zb6922-bg); color: var(--zb6922-text); border-bottom: 1px solid var(--zb6922-border); } #article-hero .article-hero__inner{ max-width: var(--hero-max); margin: 0 auto; padding: 44px 20px 34px; } #article-hero .article-hero__eyebrow{ display:inline-flex; align-items:center; gap:10px; padding: 8px 12px; border: 1px solid var(--zb6922-border); background: var(--zb6922-surface); border-radius: var(--radius-md); font: 600 13px/1.2 var(--zb6922-font); color: var(--zb6922-primary); } #article-hero .article-hero__eyebrow::before{ content:""; width:10px; height:10px; border-radius: 50%; background: var(--zb6922-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--zb6922-accent) 18%, transparent); } #article-hero .article-hero__title{ margin: 16px 0 12px; font-family: var(--zb6922-font-display); font-weight: 800; letter-spacing: -0.02em; font-size: clamp(28px, 3.6vw, 46px); line-height: 1.05; text-wrap: balance; color: var(--zb6922-ink); } #article-hero .article-hero__meta{ display:flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 18px; } #article-hero .meta-pill{ display:flex; align-items: baseline; gap: 8px; padding: 10px 12px; border: 1px solid var(--zb6922-border); background: var(--zb6922-surface); border-radius: var(--radius-md); } #article-hero .meta-pill__label{ font: 700 12px/1.2 var(--zb6922-font); color: var(--zb6922-slate); text-transform: uppercase; letter-spacing: 0.06em; } #article-hero .meta-pill__value{ font: 700 13.5px/1.2 var(--zb6922-font); color: var(--zb6922-ink); } #article-hero .article-hero__lead{ margin: 0; max-width: 78ch; font: 500 16px/1.65 var(--zb6922-font); color: var(--zb6922-text); } #article-hero .article-hero__actions{ display:flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; } #article-hero .btn{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 16px; border-radius: var(--radius-md); font: 800 14px/1 var(--zb6922-font); text-decoration:none; letter-spacing: 0.01em; border: 1px solid transparent; } #article-hero .btn--primary{ background: var(--zb6922-primary); color: #fff; border-color: color-mix(in srgb, var(--zb6922-primary) 90%, #000 10%); } #article-hero .btn--ghost{ background: var(--zb6922-surface); color: var(--zb6922-primary); border-color: var(--zb6922-border); } #article-hero .btn:focus-visible{ outline: 3px solid color-mix(in srgb, var(--zb6922-secondary) 30%, transparent); outline-offset: 3px; } #article-hero .btn--primary:hover{ background: color-mix(in srgb, var(--zb6922-primary) 88%, #000 12%); } #article-hero .btn--ghost:hover{ border-color: color-mix(in srgb, var(--zb6922-border) 40%, var(--zb6922-secondary) 60%); } #article-hero .article-hero__check{ margin-top: 26px; padding: 16px 16px; border: 1px solid var(--zb6922-border); background: var(--zb6922-surface); border-radius: var(--radius-lg); } #article-hero .check-item{ display:flex; gap: 10px; padding: 10px 0; border-top: 1px solid color-mix(in srgb, var(--zb6922-border) 70%, transparent); font: 560 14.5px/1.6 var(--zb6922-font); color: var(--zb6922-text); } #article-hero .check-item:first-child{ border-top: 0; padding-top: 0; } #article-hero .check-item__dot{ width:10px; height:10px; border-radius: 3px; margin-top: 6px; background: var(--zb6922-accent); box-shadow: 0 10px 22px color-mix(in srgb, var(--zb6922-accent) 22%, transparent); flex: 0 0 auto; } #article-hero .check-item span{ text-wrap: balance; } #article-hero ::selection{ background: color-mix(in srgb, var(--zb6922-accent) 35%, transparent); } @media (max-width: 720px){ #article-hero .article-hero__inner{ padding: 34px 16px 26px; } #article-hero .article-hero__meta{ margin-bottom: 14px; } #article-hero .meta-pill{ width: 100%; justify-content: space-between; } } @media (prefers-reduced-motion: reduce){ #article-hero .btn{ transition: none; } } /* zb6922:article-content */ /* zb6922:article-content */ #article-content.article-content{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);padding:28px 18px 56px;background:var(--zb6922-bg,#F4F6F7);color:var(--zb6922-text,#111827)} #article-content .article-body{max-width:980px;margin:0 auto} #article-content .article-header{margin-bottom:16px} #article-content .article-kicker{display:inline-block;font:600 12px/1.2 var(--zb6922-font);letter-spacing:.08em;text-transform:uppercase;color:var(--zb6922-secondary);background:rgba(230,126,34,.10);border:1px solid rgba(230,126,34,.25);padding:8px 10px;border-radius:999px} #article-content .article-title{margin:14px 0 10px;font:800 34px/1.08 var(--zb6922-font-display,'Avenir Next',Avenir,Segoe UI,Century Gothic,sans-serif);letter-spacing:-.02em;text-wrap:balance} #article-content .article-lede{margin:0;font:500 16px/1.6 var(--zb6922-font);color:var(--zb6922-text)} #article-content .article-meta{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 22px} #article-content .meta-row{display:flex;gap:10px;align-items:baseline;padding:10px 12px;border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);background:rgba(255,255,255,.65)} #article-content .meta-label{font:700 12px/1.2 var(--zb6922-font);letter-spacing:.06em;text-transform:uppercase;color:var(--zb6922-slate)} #article-content .meta-value{font:600 14px/1.2 var(--zb6922-font);color:var(--zb6922-ink,#0B3A53)} #article-content .callout{border:1px solid rgba(11,58,83,.18);background:linear-gradient(180deg, rgba(234,241,244,.9), rgba(255,255,255,.9));border-radius:var(--zb6922-radius-lg,16px);padding:18px 16px;margin:12px 0 28px} #article-content .callout-title{margin:0 0 10px;font:800 16px/1.25 var(--zb6922-font);color:var(--zb6922-ink)} #article-content .checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px} #article-content .checklist li{display:flex;gap:10px;align-items:flex-start;font:550 14px/1.5 var(--zb6922-font)} #article-content .check-dot{width:12px;height:12px;border-radius:4px;background:var(--zb6922-secondary);margin-top:4px;flex:0 0 auto;box-shadow:0 6px 18px rgba(230,126,34,.22)} #article-content .section{margin:22px 0} #article-content .section-title{margin:0 0 10px;font:850 20px/1.25 var(--zb6922-font);color:var(--zb6922-ink);letter-spacing:-.01em} #article-content p{margin:0 0 12px;font:530 15px/1.75 var(--zb6922-font);color:var(--zb6922-text)} #article-content .bullets{margin:10px 0 0;padding-left:18px;display:grid;gap:10px} #article-content .bullets li{font:540 15px/1.6 var(--zb6922-font)} #article-content .bullets strong{color:var(--zb6922-ink)} #article-content .numbered{margin:10px 0 0;padding-left:20px;display:grid;gap:10px} #article-content .numbered li{font:540 15px/1.6 var(--zb6922-font)} #article-content .quote{margin:14px 0 12px;padding:12px 14px;border-left:4px solid var(--zb6922-accent);background:rgba(230,126,34,.10);border-radius:var(--zb6922-radius-sm,8px);font:700 15px/1.6 var(--zb6922-font);color:var(--zb6922-ink)} #article-content .priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 8px} #article-content .priority-card{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:14px 14px 16px} #article-content .priority-title{margin:0 0 8px;font:900 13px/1.2 var(--zb6922-font);letter-spacing:.09em;text-transform:uppercase;color:var(--zb6922-secondary)} #article-content .priority-text{margin:0;font:560 14px/1.6 var(--zb6922-font);color:var(--zb6922-text)} #article-content .related{margin:28px 0 4px;padding-top:10px} #article-content .related-title{margin:0 0 14px;font:900 18px/1.25 var(--zb6922-font);color:var(--zb6922-ink)} #article-content .related-list{list-style:none;margin:0;padding:0;display:grid;gap:10px} #article-content .related-item{margin:0} #article-content .related-link{display:block;text-decoration:none;border:1px solid var(--zb6922-border);background:rgba(255,255,255,.72);border-radius:var(--zb6922-radius-md,12px);padding:12px 12px;transition:background .15s ease,border-color .15s ease} #article-content .related-link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px} #article-content .related-link:hover{background:rgba(255,255,255,.95);border-color:rgba(11,58,83,.28)} #article-content .related-name{font:700 14px/1.3 var(--zb6922-font);color:var(--zb6922-ink)} #article-content .article-footer{margin-top:18px} #article-content .article-cta{border-top:1px solid rgba(209,213,219,.9);padding-top:18px} #article-content .cta-text{margin:0;color:var(--zb6922-text);font:560 15px/1.7 var(--zb6922-font)} #article-content .cta-text strong{color:var(--zb6922-ink)} #article-content ::selection{background:rgba(230,126,34,.22)} @media (max-width: 860px){#article-content .article-title{font-size:30px}#article-content .priority-grid{grid-template-columns:1fr;gap:10px}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none!important}} /* zb6922:related-articles */ /* zb6922:related-articles */ #related-articles{--ra-accent:var(--zb6922-accent);--ra-ink:var(--zb6922-ink);--ra-bg:var(--zb6922-bg);--ra-surface:var(--zb6922-surface);--ra-border:var(--zb6922-border);--ra-mist:var(--zb6922-mist);padding:56px 0;background:var(--zb6922-bg);color:var(--zb6922-text)} #related-articles *{box-sizing:border-box} #related-articles .related-articles__inner{max-width:1080px;margin:0 auto;padding:0 20px} #related-articles .related-articles__header{margin-bottom:22px} #related-articles .related-articles__eyebrow{display:inline-block;font:600 12px/1.2 var(--zb6922-font);letter-spacing:.14em;text-transform:uppercase;color:var(--zb6922-primary);background:rgba(11,58,83,.06);border:1px solid rgba(11,58,83,.14);padding:8px 10px;border-radius:999px} #related-articles .related-articles__title{margin:14px 0 10px;font:800 34px/1.12 var(--zb6922-font-display);letter-spacing:-.02em;color:var(--zb6922-ink);text-wrap:balance} #related-articles .related-articles__lead{margin:0;max-width:66ch;color:var(--zb6922-slate);font:500 16px/1.7 var(--zb6922-font);text-wrap:balance} #related-articles .related-articles__list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #related-articles .related-articles__item{min-height:68px} #related-articles .related-articles__link{display:block;height:100%;padding:16px 16px;border-radius:var(--zb6922-radius,12px);background:var(--zb6922-surface);border:1px solid var(--zb6922-border);text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(11,58,83,.06);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease} #related-articles .related-articles__link:hover{transform:translateY(-1px);box-shadow:0 14px 40px rgba(11,58,83,.10);border-color:rgba(230,126,34,.45)} #related-articles .related-articles__link:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:2px} #related-articles .related-articles__tag{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--zb6922-font);letter-spacing:.04em;color:var(--zb6922-primary);background:var(--zb6922-mist);border:1px solid rgba(209,213,219,.9);padding:7px 10px;border-radius:999px;margin-bottom:10px} #related-articles .related-articles__name{display:block;font:750 16px/1.35 var(--zb6922-font);letter-spacing:-.01em;color:var(--zb6922-ink);text-wrap:balance} #related-articles .related-articles__bottom{margin-top:22px;display:flex;justify-content:flex-start} #related-articles .related-articles__button{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--zb6922-radius,12px);background:var(--zb6922-primary);border:1px solid rgba(11,58,83,.35);color:var(--zb6922-surface);font:800 14px/1 var(--zb6922-font);letter-spacing:.02em;text-decoration:none;box-shadow:0 14px 38px rgba(11,58,83,.18);transition:transform .15s ease, box-shadow .15s ease, background .15s ease} #related-articles .related-articles__button:hover{transform:translateY(-1px);background:#094254} #related-articles .related-articles__button:focus-visible{outline:3px solid rgba(230,126,34,.55);outline-offset:3px} #related-articles .related-articles__button-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)} #related-articles::selection{background:rgba(230,126,34,.25);color:var(--zb6922-ink)} @media (max-width:860px){#related-articles .related-articles__list{grid-template-columns:1fr}#related-articles .related-articles__title{font-size:28px}} @media (prefers-reduced-motion:reduce){#related-articles .related-articles__link,#related-articles .related-articles__button{transition:none}} /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{background:var(--zb6922-bg);color:var(--zb6922-text);padding:54px 0 34px;} #article-hero .article-hero__inner{max-width:1040px;margin:0 auto;padding:0 22px;} #article-hero .article-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 12px;border:1px solid var(--zb6922-border);border-radius:999px;background:var(--zb6922-surface);font:600 13px/1.2 var(--zb6922-font);color:var(--zb6922-primary);letter-spacing:.02em;} #article-hero .article-hero__title{margin:0 0 16px;font:800 44px/1.06 var(--zb6922-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-ink);} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px;} #article-hero .meta-pill{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:var(--zb6922-radius-md,12px);background:rgba(255,255,255,.75);border:1px solid var(--zb6922-border);min-width:220px;} #article-hero .meta-pill__label{font:600 12px/1.2 var(--zb6922-font);color:var(--zb6922-slate);} #article-hero .meta-pill__value{font:700 14px/1.25 var(--zb6922-font);color:var(--zb6922-text);} #article-hero .meta-pill--time{min-width:190px;} #article-hero .article-hero__lead{display:block;margin:0 0 26px;} #article-hero .article-hero__leadText{margin:0 0 16px;font:500 17px/1.6 var(--zb6922-font);max-width:72ch;color:var(--zb6922-text);} #article-hero .article-hero__ctaRow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--zb6922-radius-md,12px);text-decoration:none;font:700 14px/1 var(--zb6922-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;} #article-hero .btn:focus-visible{outline:3px solid rgba(230,126,34,.45);outline-offset:2px;} #article-hero .btn--primary{background:var(--zb6922-primary);border-color:var(--zb6922-primary);color:var(--zb6922-surface);} #article-hero .btn--primary:hover{background:#0a344a;} #article-hero .btn--ghost{background:var(--zb6922-surface);border-color:var(--zb6922-border);color:var(--zb6922-primary);} #article-hero .btn--ghost:hover{background:rgba(11,58,83,.06);border-color:rgba(11,58,83,.28);} #article-hero .article-hero__checklist{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 26px rgba(11,58,83,.08);} #article-hero .article-hero__h2{margin:0 0 10px;font:850 18px/1.25 var(--zb6922-font);letter-spacing:-.01em;color:var(--zb6922-ink);} #article-hero .steps{margin:0;padding:0;list-style:none;display:grid;gap:12px;} #article-hero .steps__item{display:flex;gap:12px;align-items:flex-start;padding:12px 12px;border-radius:var(--zb6922-radius-md,12px);background:var(--zb6922-bg);border:1px solid rgba(209,213,219,.75);} #article-hero .steps__num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:rgba(230,126,34,.14);border:1px solid rgba(230,126,34,.35);color:var(--zb6922-secondary);font:900 14px/1 var(--zb6922-font);} #article-hero .steps__text{font:600 14px/1.45 var(--zb6922-font);color:var(--zb6922-text);} #article-hero .article-hero__note{margin-top:16px;} #article-hero .article-hero__noteText{margin:0;padding:14px 16px;border-radius:var(--zb6922-radius-md,12px);background:rgba(234,241,244,.7);border:1px solid rgba(209,213,219,.9);color:var(--zb6922-ink);font:600 13px/1.55 var(--zb6922-font);} #article-hero ::selection{background:rgba(230,126,34,.25);} @media (max-width:820px){ #article-hero{padding:44px 0 26px;} #article-hero .article-hero__title{font-size:36px;} #article-hero .meta-pill{min-width:0;flex:1 1 240px;} } @media (max-width:520px){ #article-hero .article-hero__inner{padding:0 16px;} #article-hero .article-hero__title{font-size:30px;} #article-hero .article-hero__leadText{font-size:16px;} #article-hero .btn{width:100%;} #article-hero .article-hero__ctaRow{align-items:stretch;} } @media (prefers-reduced-motion:reduce){ #article-hero .btn{transition:none;} } /* zb6922:article-content */ /* zb6922:article-content */ #article-content{--ac:var(--zb6922-accent);--ink:var(--zb6922-ink);--slate:var(--zb6922-slate);--mist:var(--zb6922-mist);--border:var(--zb6922-border);--surface:var(--zb6922-surface);--bg:var(--zb6922-bg);--text:var(--zb6922-text);background:var(--zb6922-bg);color:var(--zb6922-text);padding:44px 18px} #article-content *{box-sizing:border-box} #article-content .article-content__container{max-width:1100px;margin:0 auto} #article-content .article-body{background:transparent} #article-content .article-body__intro{margin:0 0 26px} #article-content .article-body__kicker{display:inline-block;margin:0 0 10px;font:600 12px/1.2 var(--zb6922-font);letter-spacing:.14em;text-transform:uppercase;color:var(--zb6922-primary)} #article-content .article-body__title{margin:0 0 10px;font:800 34px/1.1 var(--zb6922-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-primary)} #article-content .article-body__lead{margin:0;max-width:68ch;font:500 16px/1.7 var(--zb6922-font);color:var(--zb6922-text)} #article-content .article-body__grid{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:start} #article-content .article-steps{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:18px} #article-content .article-steps__heading{margin:0 0 12px;font:800 16px/1.2 var(--zb6922-font);color:var(--zb6922-primary)} #article-content .article-steps__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} #article-content .article-steps__item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:10px;border-radius:var(--zb6922-radius-md,12px);border:1px solid transparent;background:transparent} #article-content .article-steps__item:focus-within{border-color:var(--zb6922-border)} #article-content .step-badge{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--zb6922-mist);border:1px solid var(--zb6922-border);color:var(--zb6922-primary);font:800 14px/1 var(--zb6922-font)} #article-content .step-title{margin:0 0 4px;font:800 14px/1.25 var(--zb6922-font);color:var(--zb6922-primary)} #article-content .step-text{margin:0;font:500 13px/1.55 var(--zb6922-font);color:var(--zb6922-text)} #article-content .article-steps__cta{margin-top:14px;padding-top:14px;border-top:1px solid var(--zb6922-border)} #article-content .article-steps__cta-text{margin:0;font:500 13px/1.6 var(--zb6922-font);color:var(--zb6922-slate)} #article-content .article-content__main{min-width:0} #article-content .section-block{background:transparent;border:1px solid transparent;margin:0 0 18px;padding:0} #article-content .section-block__heading{margin:0 0 10px;font:800 18px/1.25 var(--zb6922-font);color:var(--zb6922-primary)} #article-content .section-block__text{margin:0 0 10px;max-width:75ch;font:550 15px/1.75 var(--zb6922-font);color:var(--zb6922-text)} #article-content .section-block__text:last-child{margin-bottom:0} #article-content .section-block--callout{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:18px 18px 16px} #article-content .callout__heading{margin:0 0 12px;font:900 18px/1.25 var(--zb6922-font);color:var(--zb6922-primary)} #article-content .checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} #article-content .checklist__item{display:flex;gap:10px;align-items:flex-start;font:600 14px/1.5 var(--zb6922-font);color:var(--zb6922-text)} #article-content .checklist__dot{margin-top:6px;width:10px;height:10px;border-radius:3px;background:var(--zb6922-accent);box-shadow:0 2px 0 rgba(230,126,34,.25)} #article-content .section-block--divider{padding-top:6px} #article-content .article-nav{margin:12px 0 22px;padding:14px 16px;border-radius:var(--zb6922-radius-lg,16px);border:1px solid var(--zb6922-border);background:var(--zb6922-surface)} #article-content .article-nav__heading{margin:0 0 10px;font:900 16px/1.2 var(--zb6922-font);color:var(--zb6922-primary)} #article-content .article-nav__list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px} #article-content .article-nav__item{margin:0} #article-content .article-link{display:inline-block;color:var(--zb6922-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font:750 14px/1.35 var(--zb6922-font)} #article-content .article-link:visited{color:var(--zb6922-primary)} #article-content .article-link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px;border-radius:8px} #article-content .article-faq-note{background:var(--zb6922-mist);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);padding:14px 16px} #article-content .article-faq-note__text{margin:0;font:600 14px/1.6 var(--zb6922-font);color:var(--zb6922-text)} #article-content ::selection{background:rgba(230,126,34,.25);color:var(--zb6922-ink)} #article-content a{transition:color .15s ease} #article-content .article-steps__item{transition:border-color .15s ease, background .15s ease} @media (max-width: 920px){#article-content{padding:36px 14px}.article-body__grid{grid-template-columns:1fr;gap:16px}.article-steps{padding:16px}.article-body__title{font-size:30px}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none !important}} /* zb6922:related-articles */ #related-articles{--ra-accent:var(--zb6922-secondary);--ra-ink:var(--zb6922-ink);--ra-surface:var(--zb6922-surface);--ra-bg:var(--zb6922-bg);--ra-border:var(--zb6922-border);--ra-slate:var(--zb6922-slate);--ra-mist:var(--zb6922-mist);background:var(--zb6922-bg);color:var(--zb6922-text);padding:48px 20px 56px;} #related-articles .related-articles__inner{max-width:1100px;margin:0 auto;} #related-articles .related-articles__header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--zb6922-font-display);font-size:clamp(22px,2.2vw,30px);letter-spacing:-0.02em;line-height:1.15;margin:0;color:var(--zb6922-ink);text-wrap:balance;} #related-articles .related-articles__lede{margin:0;max-width:62ch;color:var(--zb6922-slate);font-size:15.5px;line-height:1.6;} #related-articles .related-articles__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} #related-articles .related-articles__item{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:16px 16px 14px;box-shadow:0 10px 28px rgba(11,58,83,.06);} #related-articles .related-articles__link{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;} #related-articles .related-articles__meta{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--zb6922-ink);opacity:.95;} #related-articles .related-articles__name{font-size:15.5px;line-height:1.45;color:var(--zb6922-text);} #related-articles .related-articles__item:hover{border-color:rgba(230,126,34,.7);} #related-articles .related-articles__link:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px;border-radius:10px;} #related-articles ::selection{background:rgba(230,126,34,.25);} @media (max-width:860px){#related-articles{padding:42px 16px 52px;} #related-articles .related-articles__header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px;} #related-articles .related-articles__list{grid-template-columns:1fr;gap:12px;} #related-articles .related-articles__lede{font-size:15px;}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none!important;}} /* zb6922:article-hero */ /* zb6922:article-hero */ #article-hero{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);--shadow-1:0 10px 30px rgba(11,58,83,.12);--shadow-2:0 2px 10px rgba(11,58,83,.10);padding:48px 0;background:var(--zb6922-bg);color:var(--zb6922-text);} #article-hero::selection{background:rgba(230,126,34,.22);} #article-hero .article-hero__inner{max-width:1120px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start;} #article-hero .article-hero__header{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);box-shadow:var(--shadow-2);padding:26px 26px 22px;} #article-hero .article-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--zb6922-font);font-size:12.5px;letter-spacing:.02em;color:var(--zb6922-primary);text-transform:uppercase;} #article-hero .article-hero__eyebrow::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--zb6922-secondary);box-shadow:0 0 0 4px rgba(230,126,34,.14);} #article-hero .article-hero__title{margin:12px 0 10px;font-family:var(--zb6922-font-display);font-size:36px;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;color:var(--zb6922-ink);} #article-hero .article-hero__dek{margin:0;font-size:16px;line-height:1.6;color:var(--zb6922-text);max-width:62ch;} #article-hero .article-hero__meta{margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #article-hero .meta-item{padding:12px 12px;border-radius:var(--zb6922-radius-md,12px);border:1px solid var(--zb6922-border);background:linear-gradient(180deg, rgba(234,241,244,.55), rgba(255,255,255,1) 70%);} #article-hero .meta-item dt{font-size:12.5px;font-weight:700;color:var(--zb6922-slate);margin:0 0 6px;} #article-hero .meta-item dd{margin:0;font-size:14px;line-height:1.4;color:var(--zb6922-text);} #article-hero .article-hero__aside{padding-top:8px;} #article-hero .aside-card{position:relative;background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-lg,16px);box-shadow:var(--shadow-1);padding:18px 18px 16px;overflow:hidden;} #article-hero .aside-card::after{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:rgba(230,126,34,.12);} #article-hero .aside-card__title{position:relative;margin:2px 0 12px;font-family:var(--zb6922-font-display);font-size:18px;letter-spacing:-.01em;color:var(--zb6922-ink);} #article-hero .aside-card__list{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-hero .aside-card__list li{display:flex;gap:10px;align-items:flex-start;} #article-hero .bullet{flex:0 0 auto;margin-top:7px;width:10px;height:10px;border-radius:50%;background:var(--zb6922-secondary);box-shadow:0 0 0 4px rgba(230,126,34,.14);} #article-hero .aside-card__list span{font-size:14.5px;line-height:1.45;color:var(--zb6922-text);} #article-hero .aside-card__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:12px 14px;border-radius:var(--zb6922-radius-md,12px);border:1px solid rgba(11,58,83,.35);background:var(--zb6922-surface);color:var(--zb6922-primary);font-weight:800;text-decoration:none;letter-spacing:.01em;} #article-hero .aside-card__cta:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:2px;} #article-hero .aside-card__cta:hover{background:rgba(234,241,244,.85);} @media (max-width: 980px){ #article-hero .article-hero__inner{grid-template-columns:1fr;} #article-hero .article-hero__header{padding:22px 18px 18px;} #article-hero .article-hero__title{font-size:30px;} #article-hero .article-hero__meta{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #article-hero *{scroll-behavior:auto;} } /* zb6922:article-content */ /* zb6922:article-content */ #article-content{--radius-sm:var(--zb6922-radius-sm,8px);--radius-md:var(--zb6922-radius-md,12px);--radius-lg:var(--zb6922-radius-lg,16px);padding:0;margin:0;background:var(--zb6922-bg);color:var(--zb6922-text);font-family:var(--zb6922-font);} #article-content .article-shell{max-width:980px;margin:0 auto;padding:36px 20px 52px;} #article-content .article-header{padding:6px 0 18px;border-bottom:1px solid var(--zb6922-border);} #article-content .article-kicker{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--zb6922-ink);opacity:.9;} #article-content .article-title{margin:0;font-family:var(--zb6922-font-display);font-size:34px;line-height:1.12;letter-spacing:-0.02em;text-wrap:balance;color:var(--zb6922-ink);} #article-content .article-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;color:var(--zb6922-slate);font-size:14px;} #article-content .meta-dot{opacity:.7;} #article-content .article-body{padding-top:22px;font-size:16px;line-height:1.75;} #article-content .article-body p{margin:0 0 16px;} #article-content .content-block{margin-top:22px;padding:18px 18px;border:1px solid var(--zb6922-border);border-radius:var(--radius-md);background:var(--zb6922-surface);box-shadow:0 10px 30px rgba(11,58,83,.06);} #article-content .content-block .lead{margin:0 0 10px;color:var(--zb6922-ink);font-weight:600;} #article-content .h2{margin:0 0 12px;font-size:20px;letter-spacing:-0.01em;line-height:1.35;color:var(--zb6922-ink);font-family:var(--zb6922-font-display);} #article-content .h3{margin:0;font-size:16px;letter-spacing:-0.005em;line-height:1.4;color:var(--zb6922-ink);font-weight:700;} #article-content .checklist{margin:0;padding-left:18px;} #article-content .checklist li{margin:10px 0;color:var(--zb6922-text);} #article-content strong{color:var(--zb6922-ink);} #article-content .compare-list{display:flex;flex-direction:column;gap:14px;} #article-content .compare-item{border-radius:var(--radius-sm);border:1px solid var(--zb6922-border);padding:14px 14px;background:linear-gradient(180deg,var(--zb6922-surface),#fff);} #article-content .compare-head{display:flex;gap:12px;align-items:flex-start;} #article-content .compare-badge{flex:0 0 auto;min-width:84px;padding:7px 10px;border-radius:999px;border:1px solid var(--zb6922-border);color:var(--zb6922-ink);background:var(--zb6922-mist);font-weight:700;font-size:12px;letter-spacing:.02em;text-align:center;} #article-content .points{margin:10px 0 0;padding-left:18px;} #article-content .points li{margin:8px 0;color:var(--zb6922-text);} #article-content .numbered{margin:0;padding-left:18px;} #article-content .numbered li{margin:10px 0;color:var(--zb6922-text);} #article-content .callout{margin-top:14px;padding:14px;border-radius:var(--radius-md);background:var(--zb6922-bg);border:1px solid var(--zb6922-border);} #article-content .callout p{margin:0;color:var(--zb6922-text);} #article-content .subtle{margin:0 0 12px;color:var(--zb6922-slate);} #article-content .related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #article-content .related-link{display:inline-flex;align-items:center;gap:10px;color:var(--zb6922-ink);text-decoration:none;border:1px solid var(--zb6922-border);background:var(--zb6922-surface);padding:12px 12px;border-radius:var(--radius-md);font-weight:650;} #article-content .related-link:focus-visible{outline:3px solid rgba(230,126,34,.45);outline-offset:2px;} #article-content .related-link:hover{border-color:rgba(230,126,34,.6);} #article-content ::selection{background:rgba(230,126,34,.22);} #article-content a{color:var(--zb6922-ink);} #article-content a:focus-visible{outline:3px solid rgba(230,126,34,.45);outline-offset:2px;border-radius:6px;} @media (max-width:720px){#article-content .article-shell{padding:26px 14px 40px;} #article-content .article-title{font-size:26px;} #article-content .content-block{padding:16px 14px;} #article-content .compare-head{flex-direction:column;} #article-content .compare-badge{min-width:auto;width:fit-content;} } @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* zb6922:related-articles */ #related-articles{--ra-bg:var(--zb6922-bg);--ra-surface:var(--zb6922-surface);--ra-ink:var(--zb6922-ink);--ra-slate:var(--zb6922-slate);--ra-border:var(--zb6922-border);background:var(--ra-bg);padding:48px 0;color:var(--zb6922-text)} #related-articles .container{max-width:1120px;margin:0 auto;padding:0 20px} #related-articles .related-header{margin-bottom:22px} #related-articles .related-title{font-family:var(--zb6922-font-display);letter-spacing:-0.02em;font-weight:750;font-size:28px;line-height:1.15;margin:0 0 8px;color:var(--zb6922-primary);text-wrap:balance} #related-articles .related-subtitle{margin:0;max-width:70ch;color:var(--zb6922-text);font-size:15px;line-height:1.55} #related-articles .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #related-articles .article-link{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-radius-md,12px);padding:16px 16px 14px;box-shadow:0 10px 30px rgba(11,58,83,.06)} #related-articles .article-meta{font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:rgba(11,58,83,.75);margin-bottom:8px;font-weight:700} #related-articles .article-title{margin:0 0 8px} #related-articles .article-anchor{color:var(--zb6922-primary);text-decoration:none;font-weight:750;letter-spacing:-0.01em;font-size:16px;line-height:1.25;display:inline-block} #related-articles .article-anchor:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px;border-radius:6px} #related-articles .article-anchor:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} #related-articles .article-desc{margin:0;color:var(--zb6922-text);font-size:14px;line-height:1.55} #related-articles .related-footer{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:20px} #related-articles .primary-button,#related-articles .ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:var(--zb6922-radius-sm,8px);font-weight:800;font-size:14px;text-decoration:none;line-height:1;border:1px solid transparent} #related-articles .primary-button{background:var(--zb6922-secondary);color:#0b1b23;border-color:rgba(230,126,34,.55)} #related-articles .primary-button:hover{filter:saturate(1.02)} #related-articles .ghost-button{background:transparent;color:var(--zb6922-primary);border-color:rgba(11,58,83,.35)} #related-articles .ghost-button:hover{background:rgba(234,241,244,.8)} #related-articles .primary-button:focus-visible,#related-articles .ghost-button:focus-visible{outline:3px solid rgba(230,126,34,.35);outline-offset:3px} #related-articles ::selection{background:rgba(230,126,34,.25)} @media (max-width:840px){#related-articles .related-grid{grid-template-columns:1fr} #related-articles .related-footer{flex-direction:column;align-items:stretch} #related-articles .primary-button,#related-articles .ghost-button{width:100%}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none;animation:none}} .policy-page{background:var(--zb6922-bg);color:var(--zb6922-text);font-family:var(--zb6922-font);line-height:1.55;padding:24px} .policy-wrapper{max-width:920px;margin:0 auto;background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-lg);padding:20px} .policy-heading{margin:0 0 12px 0;font-size:26px;line-height:1.25;color:var(--zb6922-primary)} .policy-section{margin:14px 0;padding:14px 14px;border-radius:var(--zb6922-md);background:linear-gradient(180deg, rgba(234,241,244,0.9), rgba(234,241,244,0.2));border:1px solid rgba(209,213,219,0.8)} .policy-subheading{margin:0 0 10px 0;font-size:18px;color:var(--zb6922-primary)} .policy-paragraph{margin:0 0 10px 0;font-size:14.5px} .policy-list{margin:0;padding-left:18px} .policy-list-item{margin:6px 0;font-size:14.5px} .policy-footer{margin-top:18px;padding:16px;border-radius:var(--zb6922-md);background:rgba(234,241,244,0.6);border:1px solid rgba(209,213,219,0.9)} .policy-footer-heading{margin:0 0 12px 0} .policy-contact-grid{display:grid;grid-template-columns:1fr;gap:12px} .policy-contact-item{padding:10px;border-radius:var(--radius-sm,8px);background:rgba(255,255,255,0.7);border:1px solid rgba(209,213,219,0.7)} .policy-contact-label{font-size:12px;color:var(--zb6922-slate);margin-bottom:4px} .policy-contact-value{font-size:14.5px;color:var(--zb6922-text)} .policy-link{color:var(--zb6922-primary);text-decoration:underline;word-break:break-word} @media (min-width:760px){.policy-wrapper{padding:26px}.policy-heading{font-size:30px}.policy-contact-grid{grid-template-columns:1fr 1fr}} .policy-page{background:var(--zb6922-bg);color:var(--zb6922-text);font-family:var(--zb6922-font);line-height:1.6;} .policy-wrap{max-width:980px;margin:0 auto;padding:24px;} .policy-header{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-lg);padding:18px 18px;box-shadow:0 1px 0 rgba(0,0,0,0.03);} .policy-title{margin:0 0 6px 0;font-family:var(--zb6922-font-display);font-weight:800;font-size:28px;color:var(--zb6922-ink);} .policy-lead{margin:0;color:var(--zb6922-slate);} .policy-content{margin-top:14px;background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-lg);padding:18px 18px;} .policy-block{margin-bottom:16px;} .policy-block-legal{margin-bottom:0;} .policy-h2{margin:0 0 8px 0;font-size:18px;font-weight:800;color:var(--zb6922-ink);} .policy-p{margin:0 0 10px 0;} .policy-strong{font-weight:800;color:var(--zb6922-ink);} .policy-ul{margin:0 0 10px 18px;padding:0;} .policy-li{margin:0 0 6px 0;} .policy-link{color:var(--zb6922-primary);text-decoration:underline;} .policy-link:hover{color:var(--zb6922-secondary);} .policy-note{color:var(--zb6922-slate);font-size:13px;} .policy-meta{color:var(--zb6922-slate);font-size:13px;} .policy-footer{margin-top:14px;text-align:left;} .policy-footer-text{background:transparent;color:var(--zb6922-slate);margin:0 0 6px 0;} .policy-small{font-size:13px;} @media (max-width:720px){.policy-wrap{padding:16px;}.policy-header,.policy-content{padding:14px;}.policy-title{font-size:24px;}} .policy-page{background:var(--zb6922-bg);color:var(--zb6922-text);font-family:var(--zb6922-font);line-height:1.55;min-height:100vh;padding:24px 16px} .policy-content{max-width:980px;margin:0 auto;padding:24px 20px;background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--zb6922-lg);box-shadow:0 6px 18px rgba(11,58,83,.06)} .policy-header{margin-bottom:18px} .policy-title{font-family:var(--zb6922-font-display);font-size:28px;letter-spacing:-.02em;margin:0 0 8px 0;color:var(--zb6922-ink)} .policy-lead{margin:0 0 10px 0;color:var(--zb6922-slate);font-size:14px} .policy-note{margin:0;color:var(--zb6922-slate)} .policy-section{margin-top:18px;padding-top:14px;border-top:1px solid var(--zb6922-border)} .policy-h2{font-family:var(--zb6922-font-display);font-size:18px;margin:0 0 10px 0;color:var(--zb6922-ink)} .policy-p{margin:0 0 10px 0} .policy-mini{font-size:13px;color:var(--zb6922-slate);margin-top:6px} .policy-cite{color:var(--zb6922-ink);font-weight:600} .policy-list{margin:0 0 10px 20px;padding:0} .policy-li{margin:0 0 6px 0} .policy-card{background:var(--zb6922-bg);border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:14px;margin-bottom:10px} .policy-link{color:var(--zb6922-primary);text-decoration:underline;text-underline-offset:2px} .policy-link:hover{color:var(--zb6922-secondary)} .policy-footer{margin-top:20px} .policy-footer-card{background:var(--zb6922-bg);border:1px solid var(--zb6922-border);border-radius:var(--radius-md,12px);padding:16px} .policy-footer-title{margin-bottom:10px} @media (max-width:640px){.policy-content{padding:18px 14px}.policy-title{font-size:24px}} .policy-page{background:var(--zb6922-bg);color:var(--zb6922-text);min-height:100vh;font-family:var(--zb6922-font);padding:24px 0;} .policy-container{max-width:960px;margin:0 auto;padding:0 18px;display:block;} .policy-header{margin:0 0 18px 0;} .policy-title{font-family:var(--zb6922-font-display);color:var(--zb6922-primary);font-size:34px;line-height:1.2;margin:0 0 10px 0;letter-spacing:-0.02em;} .policy-lead{margin:0;font-size:16px;line-height:1.6;color:var(--zb6922-slate);} .policy-card{background:var(--zb6922-surface);border:1px solid var(--zb6922-border);border-radius:var(--radius-lg);padding:18px 18px;box-shadow:0 1px 0 rgba(17,24,39,0.03);margin:0 0 14px 0;} .policy-card-title{margin:0 0 10px 0;font-size:18px;line-height:1.4;color:var(--zb6922-primary);} .policy-text{margin:0 0 10px 0;color:var(--zb6922-text);line-height:1.65;font-size:14.5px;} .policy-legal{margin:10px 0 0 0;color:var(--zb6922-slate);line-height:1.65;font-size:13.5px;} .policy-list{margin:0;padding:0 0 0 18px;} .policy-list li{margin:6px 0;line-height:1.6;color:var(--zb6922-text);font-size:14.5px;} .policy-link{color:var(--zb6922-primary);text-decoration:none;border-bottom:1px solid rgba(11,58,83,0.25);} .policy-link:hover{color:var(--zb6922-secondary);border-bottom-color:rgba(230,126,34,0.6);} .policy-footer{margin-top:10px;background:linear-gradient(180deg, rgba(11,58,83,0.03), rgba(11,58,83,0.00));border:1px solid rgba(209,213,219,0.8);border-radius:var(--radius-lg);padding:16px 18px;} .policy-footer-grid{display:block;} .policy-footer-col{margin:0 0 12px 0;} .policy-footer-title{margin:0 0 8px 0;font-weight:700;color:var(--zb6922-primary);font-size:14px;} .policy-footer-text{margin:0 0 6px 0;color:var(--zb6922-slate);font-size:13.5px;line-height:1.5;} .policy-footer-note{margin:12px 0 0 0;color:var(--zb6922-slate);font-size:12.5px;line-height:1.5;} @media (min-width:800px){ .policy-footer-grid{display:flex;gap:18px;} .policy-footer-col{flex:1;margin:0;} }