/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--z3e843-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--z3e843-ink, #111); background: var(--z3e843-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--z3e843-font-display, var(--z3e843-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--z3e843-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --z3e843-primary: #0B3A53; --z3e843-secondary: #2F855A; --z3e843-accent: #2F855A; --z3e843-ink: #061826; --z3e843-slate: #334155; --z3e843-mist: #D7E0EA; --z3e843-border: #D7E0EA; --z3e843-surface: #F7FAFC; --z3e843-bg: #FFFFFF; --z3e843-text: #0B1220; --z3e843-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --z3e843-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(--z3e843-border, #e5e7eb); background: var(--z3e843-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(--z3e843-border, #d1d5db); background: transparent; color: var(--z3e843-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--z3e843-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--z3e843-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--z3e843-border, #e5e7eb); background: var(--z3e843-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(--z3e843-surface, #1a1a2e); color: var(--z3e843-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 */ /* z3e843:header */ /* z3e843:header */ #header.header-shell{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);position:relative;font-family:var(--z3e843-font);} #header.header-shell :where(*),#header.header-shell :where(*::before),#header.header-shell :where(*::after){box-sizing:border-box;} #header.header-shell .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;} #header.header-shell .skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:10px 12px;border:1px solid var(--z3e843-border);background:var(--z3e843-surface);color:var(--z3e843-ink);border-radius:var(--z3e843-radius-sm,8px);z-index:50;} #header.header-shell .site-header{position:sticky;top:0;z-index:20;background:var(--z3e843-bg);border-bottom:1px solid rgba(215,224,234,.75);} #header.header-shell .header-inner{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;} #header.header-shell .brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:210px;} #header.header-shell .brand:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:3px;border-radius:12px;} #header.header-shell .brand-mark{width:30px;height:30px;border-radius:10px;background:var(--z3e843-primary);box-shadow:0 10px 20px rgba(11,58,83,.18);position:relative;} #header.header-shell .brand-mark::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:5px;background:var(--z3e843-secondary);transform:translate(-50%,-50%);} #header.header-shell .brand-text{color:var(--z3e843-ink);font-family:var(--z3e843-font-display);font-weight:800;letter-spacing:-.02em;font-size:16px;} #header.header-shell .nav{flex:1;} #header.header-shell .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:22px;align-items:center;justify-content:flex-start;} #header.header-shell .nav-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--z3e843-text);font-weight:600;font-size:14px;padding:10px 8px;border-radius:10px;border:1px solid transparent;} #header.header-shell .nav-link:hover{background:rgba(215,224,234,.45);} #header.header-shell .nav-link:focus-visible{outline:3px solid rgba(11,58,83,.25);outline-offset:2px;background:rgba(215,224,234,.55);} #header.header-shell .nav-link.is-active{color:var(--z3e843-ink);border-color:rgba(11,58,83,.20);background:rgba(11,58,83,.06);} #header.header-shell .header-cta{display:flex;align-items:center;gap:12px;} #header.header-shell .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;font-weight:800;font-size:14px;padding:11px 14px;min-height:40px;border:1px solid transparent;} #header.header-shell .button.primary{background:var(--z3e843-primary);color:#fff;border-color:rgba(6,24,38,.2);box-shadow:0 10px 22px rgba(11,58,83,.22);} #header.header-shell .button.primary:hover{background:#0a3248;} #header.header-shell .button.primary:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:3px;} #header.header-shell .button.primary:active{transform:translateY(1px);} #header.header-shell .menu-toggle{display:none;align-items:center;gap:10px;background:var(--z3e843-surface);border:1px solid var(--z3e843-border);color:var(--z3e843-ink);border-radius:12px;padding:10px 12px;min-height:40px;cursor:pointer;font-weight:800;font-size:14px;} #header.header-shell .menu-toggle:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:3px;} #header.header-shell .menu-icon{width:18px;height:12px;display:inline-block;position:relative;} #header.header-shell .menu-icon::before,#header.header-shell .menu-icon::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--z3e843-ink);border-radius:2px;} #header.header-shell .menu-icon::before{top:0;box-shadow:0 5px 0 var(--z3e843-ink),0 10px 0 var(--z3e843-ink);} #header.header-shell .menu-label{display:inline-block;} #header.header-shell .mobile-menu{display:none;} #header.header-shell .mobile-menu-inner{padding:14px 16px;} #header.header-shell .mobile-link{display:block;text-decoration:none;color:var(--z3e843-ink);font-weight:800;padding:12px 12px;border-radius:12px;border:1px solid transparent;} #header.header-shell .mobile-link:hover{background:rgba(215,224,234,.55);} #header.header-shell .mobile-link:focus-visible{outline:3px solid rgba(11,58,83,.25);outline-offset:2px;background:rgba(215,224,234,.7);} #header.header-shell .mobile-cta{margin-top:10px;display:block;text-decoration:none;background:var(--z3e843-primary);color:#fff;border-radius:14px;padding:12px 14px;font-weight:900;text-align:center;box-shadow:0 10px 22px rgba(11,58,83,.22);} #header.header-shell .mobile-cta:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:3px;} @media (max-width: 880px){ #header.header-shell .nav{display:none;} #header.header-shell .button.primary{display:none;} #header.header-shell .menu-toggle{display:inline-flex;} #header.header-shell .header-inner{padding:12px 16px;} #header.header-shell .mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--z3e843-bg);border-bottom:1px solid rgba(215,224,234,.85);} #header.header-shell .mobile-menu[data-ui-state="open"], #header.header-shell .mobile-menu[aria-hidden="false"], #header.header-shell .mobile-menu.is-open{display:block;} #header.header-shell .mobile-menu-inner{max-width:520px;margin:0 auto;} } @media (prefers-reduced-motion: reduce){ #header.header-shell .button.primary:hover{background:var(--z3e843-primary);} } #header.header-shell ::selection{background:rgba(47,133,90,.25);} /* z3e843:footer */ /* z3e843:footer */ #footer.footer{--pad:clamp(18px,3.5vw,44px); background:var(--z3e843-surface); color:var(--z3e843-ink); padding:calc(var(--pad) + 10px) var(--pad); border-top:1px solid var(--z3e843-border);} #footer.footer *{box-sizing:border-box;} #footer.footer .footer-inner{max-width:1120px; margin:0 auto;} #footer.footer .footer-top{display:flex; gap:26px; align-items:flex-start; justify-content:space-between;} #footer.footer .brand-block{min-width:280px; max-width:520px;} #footer.footer .brand-link{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--z3e843-ink);} #footer.footer .brand-mark{width:14px; height:14px; border-radius:4px; background:var(--z3e843-primary); box-shadow:0 10px 30px rgba(11,58,83,.18);} #footer.footer .brand-text{font-family:var(--z3e843-font-display); font-weight:780; letter-spacing:-.02em; font-size:18px;} #footer.footer .brand-tagline{margin:14px 0 0 0; font-size:14.5px; line-height:1.55; color:var(--z3e843-text); max-width:48ch;} #footer.footer .contact-list{list-style:none; padding:0; margin:18px 0 0 0; display:grid; gap:10px;} #footer.footer .contact-list li{display:flex; flex-wrap:wrap; gap:10px; align-items:baseline;} #footer.footer .contact-label{font-weight:650; font-size:13px; color:var(--z3e843-primary); min-width:72px;} #footer.footer .contact-value{font-size:13.5px; color:var(--z3e843-text);} #footer.footer .contact-link{color:var(--z3e843-primary); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;} #footer.footer .contact-link:focus-visible{outline:3px solid rgba(47,133,90,.35); outline-offset:3px; border-radius:6px;} #footer.footer .footer-links{display:flex; gap:26px; justify-content:flex-end; flex-wrap:wrap;} #footer.footer .link-col{min-width:160px;} #footer.footer .col-title{margin:0 0 10px 0; font-weight:740; letter-spacing:-.01em; color:var(--z3e843-ink);} #footer.footer .footer-link{display:block; padding:8px 0; color:var(--z3e843-text); text-decoration:none; border-bottom:1px solid transparent;} #footer.footer .footer-link:hover{color:var(--z3e843-primary);} #footer.footer .footer-link:focus-visible{outline:3px solid rgba(47,133,90,.35); outline-offset:3px; border-radius:8px;} #footer.footer .footer-mid{margin-top:26px; padding:18px 18px; border:1px solid var(--z3e843-border); border-radius:var(--radius-lg,16px); background:rgba(255,255,255,.6); display:flex; gap:18px; align-items:flex-start; justify-content:space-between;} #footer.footer .disclosure{flex:1; min-width:260px;} #footer.footer .disclosure-title{margin:0 0 10px 0; font-weight:800; letter-spacing:-.02em; font-size:15.5px;} #footer.footer .disclosure-text{margin:0; color:var(--z3e843-text); line-height:1.6; font-size:14.5px; max-width:62ch;} #footer.footer .company-meta{flex:0 0 360px; max-width:380px; background:var(--z3e843-bg); border-radius:var(--radius-md,12px); padding:14px 14px; border:1px solid rgba(215,224,234,.85);} #footer.footer .meta-line{margin:8px 0; display:flex; gap:10px; align-items:baseline;} #footer.footer .meta-key{font-weight:700; font-size:12.5px; color:var(--z3e843-primary); min-width:116px;} #footer.footer .meta-value{font-size:12.8px; color:var(--z3e843-text); line-height:1.35;} #footer.footer .footer-bottom{margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border-top:1px solid rgba(215,224,234,.9); padding-top:16px;} #footer.footer .copyright{margin:0; font-size:13px; color:var(--z3e843-text);} #footer.footer .year{font-variant-numeric:tabular-nums;} #footer.footer .legal-link{color:var(--z3e843-primary); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; font-size:13px;} #footer.footer .legal-link:focus-visible{outline:3px solid rgba(47,133,90,.35); outline-offset:3px; border-radius:8px;} @media (max-width:900px){#footer.footer .footer-top{flex-direction:column;} #footer.footer .footer-links{justify-content:flex-start;} #footer.footer .footer-mid{flex-direction:column;} #footer.footer .company-meta{flex:1 1 auto; max-width:none; width:100%;}} @media (prefers-reduced-motion:reduce){#footer.footer *{scroll-behavior:auto; transition:none !important; animation:none !important;}} #footer.footer ::selection{background:rgba(47,133,90,.22); color:var(--z3e843-ink);} /* z3e843:blog-hero */ /* z3e843:blog-hero */ #blog-hero{--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--pad-0:0;--pad-1:0.25rem;--pad-2:0.5rem;--pad-3:0.75rem;--pad-4:1rem;--pad-6:1.5rem;--pad-8:2rem;--pad-12:3rem;position:relative;display:block;background:var(--z3e843-bg);color:var(--z3e843-text);padding:clamp(2rem,4vw,4rem) 1rem;} #blog-hero::selection{background:rgba(47,133,90,.22);} #blog-hero .blog-hero__inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.25fr 0.75fr;gap:2rem;align-items:start;} #blog-hero .blog-hero__copy{padding:0.25rem 0;} #blog-hero .blog-hero__eyebrow{display:inline-block;background:rgba(215,224,234,.6);border:1px solid var(--z3e843-border);color:var(--z3e843-ink);padding:0.45rem 0.7rem;border-radius:999px;font:600 0.85rem/1.1 var(--z3e843-font);letter-spacing:-0.01em;} #blog-hero .blog-hero__title{margin:0.95rem 0 0.75rem;font:700 clamp(1.8rem,2.6vw,2.55rem)/1.08 var(--z3e843-font-display);letter-spacing:-0.035em;text-wrap:balance;color:var(--z3e843-text);} #blog-hero .blog-hero__lede{margin:0 0 1.2rem;font:500 1.02rem/1.6 var(--z3e843-font);max-width:56ch;color:rgba(6,24,38,.88);} #blog-hero .blog-hero__cta-row{display:flex;gap:0.9rem;flex-wrap:wrap;margin:1.05rem 0 1.25rem;} #blog-hero .button{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;padding:0.78rem 1.05rem;border-radius:var(--radius-md);text-decoration:none;font:700 0.98rem/1.1 var(--z3e843-font);border:1px solid transparent;transition:transform .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;} #blog-hero .button:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #blog-hero .button:active{transform:translateY(1px);} #blog-hero .button--primary{background:var(--z3e843-primary);color:#fff;border-color:rgba(11,58,83,.25);box-shadow:0 10px 24px rgba(11,58,83,.18);} #blog-hero .button--primary:hover{background:#09404f;} #blog-hero .button--ghost{background:#fff;color:var(--z3e843-primary);border-color:var(--z3e843-border);box-shadow:none;} #blog-hero .button--ghost:hover{border-color:rgba(47,133,90,.55);background:rgba(215,224,234,.35);} #blog-hero .blog-hero__signals{list-style:none;margin:0;padding:0;display:grid;gap:0.7rem;} #blog-hero .blog-hero__signal{display:flex;gap:0.7rem;align-items:flex-start;font:600 0.98rem/1.45 var(--z3e843-font);color:rgba(6,24,38,.9);} #blog-hero .blog-hero__bullet{flex:0 0 auto;width:11px;height:11px;border-radius:50%;margin-top:0.35rem;background:var(--z3e843-accent);box-shadow:0 0 0 4px rgba(47,133,90,.14);} #blog-hero .blog-hero__panel{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--radius-lg);padding:1.15rem;position:relative;} #blog-hero .blog-hero__panel::before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);pointer-events:none;box-shadow:0 18px 40px rgba(6,24,38,.06);} #blog-hero .blog-hero__panel-top{position:relative;z-index:1;margin-bottom:0.85rem;} #blog-hero .blog-hero__panel-tag{display:inline-flex;align-items:center;padding:0.35rem 0.55rem;border-radius:999px;background:rgba(47,133,90,.12);color:var(--z3e843-accent);font:800 0.8rem/1.1 var(--z3e843-font);letter-spacing:0.01em;} #blog-hero .blog-hero__panel-title{margin-top:0.65rem;font:750 1.15rem/1.25 var(--z3e843-font-display);letter-spacing:-0.02em;color:var(--z3e843-text);text-wrap:balance;} #blog-hero .blog-hero__panel-body{position:relative;z-index:1;display:grid;gap:0.85rem;margin:0.35rem 0 1rem;} #blog-hero .contact-line{display:grid;grid-template-columns:108px 1fr;gap:0.75rem;align-items:baseline;} #blog-hero .contact-label{font:800 0.86rem/1.25 var(--z3e843-font);color:rgba(6,24,38,.72);} #blog-hero .contact-value{font:700 0.96rem/1.35 var(--z3e843-font);color:var(--z3e843-primary);text-decoration:none;} #blog-hero .contact-value:hover{text-decoration:underline;} #blog-hero .contact-note{font:550 0.95rem/1.5 var(--z3e843-font);color:rgba(6,24,38,.82);} #blog-hero .button--panel{width:100%;justify-content:center;position:relative;z-index:1;} @media (max-width: 900px){#blog-hero .blog-hero__inner{grid-template-columns:1fr;gap:1.4rem;}#blog-hero .blog-hero__cta-row{margin-top:0.95rem;}#blog-hero .contact-line{grid-template-columns:92px 1fr;}} @media (prefers-reduced-motion: reduce){#blog-hero .button{transition:none;}#blog-hero .button:active{transform:none;}} /* z3e843:core-topics */ /* z3e843:core-topics */ #core-topics.core-topics{--ct-gap:24px;--ct-radius:var(--z3e843-radius-md,12px);--ct-border:var(--z3e843-border);background:var(--z3e843-bg);color:var(--z3e843-text);padding:56px 0;} #core-topics .container{max-width:1100px;margin:0 auto;padding:0 20px;} #core-topics .section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;} #core-topics .kicker{font:600 12px/1 var(--z3e843-font, 'Avenir Next', Avenir, Segoe UI, system-ui, sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--z3e843-secondary);} #core-topics .title{font-family:var(--z3e843-font-display,'Avenir Next',Avenir,Segoe UI,'Century Gothic',sans-serif);font-weight:800;font-size:36px;line-height:1.08;letter-spacing:-0.02em;margin:0;color:var(--z3e843-primary);text-wrap:balance;} #core-topics .subtitle{margin:0;max-width:64ch;font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--z3e843-ink) 85%, var(--z3e843-text) 15%);} #core-topics .topic-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--ct-gap);align-items:stretch;} #core-topics .topic-card{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-lg,16px);padding:22px 20px 18px;box-shadow:0 10px 26px rgba(11,58,83,.08);position:relative;overflow:hidden;} #core-topics .topic-card::before{content:"";position:absolute;inset:-2px auto auto -2px;width:120px;height:120px;background:radial-gradient(circle at 30% 30%, rgba(47,133,90,.22), rgba(47,133,90,0) 62%);pointer-events:none;} #core-topics .topic-icon{color:var(--z3e843-secondary);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--z3e843-secondary) 32%, var(--z3e843-border));background:color-mix(in srgb,var(--z3e843-surface) 70%, var(--z3e843-secondary) 6%);margin-bottom:12px;position:relative;} #core-topics .topic-title{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:800;color:var(--z3e843-primary);} #core-topics .topic-text{margin:0 0 14px;font-size:14.5px;line-height:1.65;color:color-mix(in srgb,var(--z3e843-ink) 88%, var(--z3e843-text) 12%);} #core-topics .topic-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--z3e843-secondary);text-decoration:none;padding:10px 0;position:relative;} #core-topics .topic-link::after{content:"";height:2px;flex:0 0 auto;width:48px;background:var(--z3e843-secondary);border-radius:3px;transform-origin:left;transform:scaleX(.35);transition:transform .2s ease, opacity .2s ease;opacity:.85;} #core-topics .topic-link:hover::after,#core-topics .topic-link:focus-visible::after{transform:scaleX(1);opacity:1;} #core-topics .topic-link:focus-visible{outline:3px solid color-mix(in srgb,var(--z3e843-secondary) 38%, transparent);outline-offset:4px;border-radius:6px;} #core-topics .cta-row{margin-top:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 18px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-lg,16px);background:linear-gradient(180deg, color-mix(in srgb,var(--z3e843-surface) 92%, #fff 8%), var(--z3e843-surface));} #core-topics .cta-copy{min-width:240px;} #core-topics .cta-text{margin:0;font-weight:800;color:var(--z3e843-ink);font-size:15px;display:flex;align-items:center;gap:10px;} #core-topics .cta-dot{width:10px;height:10px;border-radius:50%;background:var(--z3e843-secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--z3e843-secondary) 22%, transparent);} #core-topics .cta-meta{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:color-mix(in srgb,var(--z3e843-ink) 78%, var(--z3e843-text) 22%);} #core-topics .cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;} #core-topics .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.01em;min-height:42px;border:1px solid transparent;} #core-topics .btn-primary{background:var(--z3e843-primary);color:var(--z3e843-surface);border-color:color-mix(in srgb,var(--z3e843-primary) 86%, var(--z3e843-border));} #core-topics .btn-primary:hover{background:color-mix(in srgb,var(--z3e843-primary) 86%, var(--z3e843-secondary) 14%);} #core-topics .btn-ghost{background:transparent;color:var(--z3e843-primary);border-color:color-mix(in srgb,var(--z3e843-primary) 22%, var(--z3e843-border));} #core-topics .btn-ghost:hover{background:color-mix(in srgb,var(--z3e843-primary) 6%, var(--z3e843-surface));} #core-topics .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--z3e843-primary) 34%, transparent);outline-offset:4px;} #core-topics ::selection{background:color-mix(in srgb,var(--z3e843-secondary) 28%, var(--z3e843-bg));} @media (max-width: 900px){#core-topics .topic-grid{grid-template-columns:1fr;gap:16px;}#core-topics .title{font-size:30px;}#core-topics .cta-row{flex-direction:column;align-items:flex-start;}#core-topics .cta-actions{justify-content:flex-start;}} @media (prefers-reduced-motion: reduce){#core-topics .topic-link::after{transition:none;}} /* z3e843:featured-articles */ /* z3e843:featured-articles */ #featured-articles.featured-articles{--radius-sm:var(--z3e843-radius-sm, 8px);--radius-md:var(--z3e843-radius-md, 12px);--radius-lg:var(--z3e843-radius-lg, 16px);background:var(--z3e843-bg);color:var(--z3e843-text);padding:48px 18px;} #featured-articles .featured-articles__wrap{max-width:1120px;margin:0 auto;} #featured-articles .featured-articles__header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;} #featured-articles .featured-articles__kicker{font-family:var(--z3e843-font-display,var(--z3e843-font));font-weight:800;letter-spacing:-0.02em;margin:0;color:var(--z3e843-ink);font-size:34px;line-height:1.15;text-wrap:balance;} #featured-articles .featured-articles__lead{margin:0;max-width:620px;color:var(--z3e843-text);font-size:15px;line-height:1.6;} #featured-articles .featured-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} #featured-articles .article-card{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md,12px);padding:18px 18px 16px;min-height:260px;display:flex;flex-direction:column;} #featured-articles .article-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;} #featured-articles .article-card__tag{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12px;letter-spacing:0.02em;color:var(--z3e843-primary);background:rgba(11,58,83,0.06);border:1px solid rgba(47,133,90,0.25);padding:6px 10px;border-radius:999px;white-space:nowrap;} #featured-articles .article-card__time{font-variant-numeric:tabular-nums;color:var(--z3e843-slate);font-size:12px;} #featured-articles .article-card__title{margin:0 0 10px;font-family:var(--z3e843-font-display,var(--z3e843-font));font-weight:800;letter-spacing:-0.015em;font-size:16px;line-height:1.35;text-wrap:balance;} #featured-articles .article-card__link{color:var(--z3e843-ink);text-decoration:none;} #featured-articles .article-card__link:focus-visible{outline:3px solid rgba(47,133,90,0.45);outline-offset:3px;border-radius:6px;} #featured-articles .article-card__teaser{margin:0 0 14px;color:var(--z3e843-text);font-size:14px;line-height:1.6;} #featured-articles .article-card__actions{margin-top:auto;display:flex;gap:10px;} #featured-articles .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--z3e843-radius-sm,8px);padding:11px 14px;text-decoration:none;font-weight:800;font-size:14px;line-height:1;white-space:nowrap;} #featured-articles .btn--primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid var(--z3e843-primary);} #featured-articles .btn--primary:hover{background:rgba(11,58,83,0.92);} #featured-articles .btn--primary:active{background:rgba(11,58,83,0.85);} #featured-articles .btn--primary:focus-visible{outline:3px solid rgba(47,133,90,0.5);outline-offset:3px;} #featured-articles .btn--secondary{background:var(--z3e843-surface);color:var(--z3e843-primary);border:1px solid var(--z3e843-border);} #featured-articles .btn--secondary:hover{background:rgba(247,250,252,0.7);} #featured-articles .btn--secondary:active{background:rgba(247,250,252,0.9);} #featured-articles .btn--secondary:focus-visible{outline:3px solid rgba(47,133,90,0.45);outline-offset:3px;} #featured-articles .featured-articles__ctaRow{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:var(--z3e843-radius-md,12px);background:linear-gradient(0deg, rgba(11,58,83,0.03), rgba(11,58,83,0.03));border:1px solid rgba(215,224,234,0.9);} #featured-articles .featured-articles__ctaLead{margin:0;color:var(--z3e843-text);font-size:14px;line-height:1.5;} #featured-articles .featured-articles__ctaButtons{display:flex;gap:10px;flex-wrap:wrap;} #featured-articles ::selection{background:rgba(47,133,90,0.25);} @media (max-width:980px){#featured-articles .featured-articles__header{flex-direction:column;align-items:flex-start;}#featured-articles .featured-articles__grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#featured-articles *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* z3e843:reading-faq-disclaimer */ /* z3e843:reading-faq-disclaimer */ #reading-faq-disclaimer.reading-faq-disclaimer{--rfd-primary:var(--z3e843-primary);--rfd-secondary:var(--z3e843-secondary);--rfd-ink:var(--z3e843-ink);--rfd-surface:var(--z3e843-surface);--rfd-bg:var(--z3e843-bg);--rfd-border:var(--z3e843-border);box-sizing:border-box;color:var(--z3e843-text);background:var(--rfd-bg);padding:clamp(18px,3.2vw,34px) 16px;} #reading-faq-disclaimer.reading-faq-disclaimer *{box-sizing:border-box;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__inner{max-width:980px;margin:0 auto;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__header{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__title{font-family:var(--z3e843-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.12;margin:0;font-size:clamp(20px,2.8vw,28px);text-wrap:balance;color:var(--rfd-ink);} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__lede{margin:0;max-width:70ch;font-size:16px;line-height:1.6;color:var(--z3e843-text);} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 18px;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__item{background:var(--rfd-surface);border:1px solid var(--rfd-border);border-radius:var(--z3e843-radius-md,12px);padding:14px 14px 12px;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__q{margin:0 0 8px;font-size:15px;line-height:1.35;font-weight:750;color:var(--rfd-ink);} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__a{margin:0;font-size:14.5px;line-height:1.65;color:var(--z3e843-text);} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__fineprint{border-top:1px solid var(--rfd-border);padding-top:14px;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__fine{margin:0;font-size:13.8px;line-height:1.7;color:var(--z3e843-text);max-width:80ch;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__contact{margin:10px 0 0;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__link{display:inline-flex;align-items:center;gap:8px;color:var(--rfd-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__link:focus-visible{outline:3px solid color-mix(in oklab,var(--rfd-secondary),white 25%);outline-offset:3px;border-radius:6px;} #reading-faq-disclaimer.reading-faq-disclaimer ::selection{background:color-mix(in oklab,var(--rfd-secondary),white 70%);} @media (max-width:720px){#reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__grid{grid-template-columns:1fr;gap:10px;} #reading-faq-disclaimer.reading-faq-disclaimer .reading-faq-disclaimer__item{padding:13px 13px 12px;}} @media (prefers-reduced-motion:reduce){#reading-faq-disclaimer.reading-faq-disclaimer *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z3e843:contacts */ /* z3e843:contacts */ #contacts.contacts{--section-padding:clamp(22px,4vw,46px); padding:0; background:var(--z3e843-bg); color:var(--z3e843-text);} #contacts.contacts .contacts__inner{max-width:1100px; margin:0 auto; padding:var(--section-padding) 18px;} #contacts.contacts .contacts__header{max-width:760px;} #contacts.contacts .contacts__eyebrow{margin:0 0 10px; font:600 12px/1.2 var(--z3e843-font); letter-spacing:.12em; text-transform:uppercase; color:var(--z3e843-secondary);} #contacts.contacts .contacts__title{margin:0 0 12px; font:700 clamp(22px,3.1vw,34px)/1.12 var(--z3e843-font-display); letter-spacing:-0.02em; text-wrap:balance;} #contacts.contacts .contacts__lead{margin:0; font:400 16px/1.65 var(--z3e843-font); color:color-mix(in srgb, var(--z3e843-text) 86%, var(--z3e843-primary) 14%);} #contacts.contacts .contacts__layout{margin-top:22px; display:grid; grid-template-columns:1.05fr .95fr; gap:18px; align-items:start;} #contacts.contacts .contacts__card{background:var(--z3e843-surface); border:1px solid var(--z3e843-border); border-radius:var(--z3e843-radius, 16px); padding:18px; box-shadow:0 10px 30px rgba(11,58,83,.08);} #contacts.contacts .contacts__card--info{padding:20px;} #contacts.contacts .contacts__card--form{padding:20px; position:relative; overflow:hidden;} #contacts.contacts .contacts__card-title{margin:0 0 10px; font:700 18px/1.25 var(--z3e843-font); color:var(--z3e843-ink);} #contacts.contacts .contacts__dl{margin:0; display:grid; gap:12px;} #contacts.contacts .contacts__row{display:grid; grid-template-columns:140px 1fr; gap:12px;} #contacts.contacts .contacts__dt{font:600 13px/1.35 var(--z3e843-font); color:color-mix(in srgb, var(--z3e843-text) 78%, var(--z3e843-slate) 22%);} #contacts.contacts .contacts__dd{margin:0; font:400 15px/1.45 var(--z3e843-font);} #contacts.contacts .contacts__link{color:var(--z3e843-primary); text-decoration:underline; text-decoration-thickness:from-font; text-underline-offset:3px;} #contacts.contacts .contacts__link:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 60%, white); outline-offset:2px; border-radius:6px;} #contacts.contacts .contacts__notice{margin-top:14px; padding:12px 12px; border-radius:var(--z3e843-radius, 12px); background:color-mix(in srgb, var(--z3e843-secondary) 10%, var(--z3e843-surface)); border:1px solid color-mix(in srgb, var(--z3e843-secondary) 25%, var(--z3e843-border)); color:var(--z3e843-ink); font:500 13px/1.5 var(--z3e843-font);} #contacts.contacts .contacts__form-sub{margin:0 0 14px; color:color-mix(in srgb, var(--z3e843-text) 88%, var(--z3e843-slate) 12%); font:400 14px/1.6 var(--z3e843-font);} #contacts.contacts .contacts__form{display:grid; gap:12px;} #contacts.contacts .contacts__field{display:grid; gap:6px;} #contacts.contacts .contacts__label{font:600 13px/1.3 var(--z3e843-font); color:var(--z3e843-ink);} #contacts.contacts .contacts__input{width:100%; box-sizing:border-box; border:1px solid var(--z3e843-border); border-radius:var(--z3e843-radius, 12px); padding:12px 12px; background:var(--z3e843-bg); color:var(--z3e843-ink); font:500 14px/1.3 var(--z3e843-font);} #contacts.contacts .contacts__input::placeholder{color:color-mix(in srgb, var(--z3e843-slate) 55%, var(--z3e843-text) 45%);} #contacts.contacts .contacts__input:focus{outline:none; border-color:color-mix(in srgb, var(--z3e843-secondary) 55%, var(--z3e843-border)); box-shadow:0 0 0 4px color-mix(in srgb, var(--z3e843-secondary) 18%, transparent);} #contacts.contacts .contacts__btn{margin-top:4px; border:none; border-radius:var(--z3e843-radius, 12px); padding:12px 14px; background:var(--z3e843-primary); color:var(--z3e843-bg); font:700 15px/1.2 var(--z3e843-font); cursor:pointer;} #contacts.contacts .contacts__btn:hover{background:color-mix(in srgb, var(--z3e843-primary) 88%, var(--z3e843-secondary) 12%);} #contacts.contacts .contacts__btn:active{transform:translateY(1px);} #contacts.contacts .contacts__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 65%, white); outline-offset:3px;} #contacts.contacts .contacts__fineprint{margin:8px 0 0; font:400 12px/1.55 var(--z3e843-font); color:color-mix(in srgb, var(--z3e843-text) 78%, var(--z3e843-slate) 22%);} #contacts.contacts .contacts__alt{margin-top:14px; border-top:1px dashed color-mix(in srgb, var(--z3e843-border) 70%, var(--z3e843-secondary) 30%); padding-top:14px; display:grid; gap:10px;} #contacts.contacts .contacts__alt-text{margin:0; font:400 13px/1.6 var(--z3e843-font); color:color-mix(in srgb, var(--z3e843-text) 86%, var(--z3e843-slate) 14%);} #contacts.contacts .contacts__ghost{display:inline-block; width:max-content; padding:10px 12px; border-radius:12px; border:1px solid color-mix(in srgb, var(--z3e843-secondary) 55%, var(--z3e843-border)); color:color-mix(in srgb, var(--z3e843-primary) 80%, var(--z3e843-secondary) 20%); background:transparent; text-decoration:none; font:700 14px/1.2 var(--z3e843-font);} #contacts.contacts .contacts__ghost:hover{background:color-mix(in srgb, var(--z3e843-secondary) 10%, var(--z3e843-bg));} #contacts.contacts .contacts__ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 65%, white); outline-offset:3px;} #contacts.contacts ::selection{background:color-mix(in srgb, var(--z3e843-secondary) 28%, white);} @media (max-width: 900px){ #contacts.contacts .contacts__layout{grid-template-columns:1fr;} #contacts.contacts .contacts__row{grid-template-columns:120px 1fr;} } @media (prefers-reduced-motion: reduce){ #contacts.contacts .contacts__btn, #contacts.contacts .contacts__ghost{transition:none;} } /* z3e843:blog-cta-footer */ /* z3e843:blog-cta-footer */ #blog-cta-footer{--r:var(--z3e843-radius,12px);background:var(--z3e843-bg);padding:24px 16px 28px;} #blog-cta-footer .blog-cta-footer__inner{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1.25fr 0.95fr;gap:18px;align-items:start;} #blog-cta-footer .blog-cta-footer__copy{padding:14px 8px 14px 2px;} #blog-cta-footer .blog-cta-footer__kicker{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--z3e843-secondary);font-weight:700;} #blog-cta-footer .blog-cta-footer__title{margin:0 0 10px;font-family:var(--z3e843-font-display);font-weight:800;letter-spacing:-.02em;color:var(--z3e843-ink);font-size:34px;line-height:1.08;text-wrap:balance;} #blog-cta-footer .blog-cta-footer__lead{margin:0 0 14px;color:var(--z3e843-text);font-size:16px;line-height:1.6;max-width:54ch;} #blog-cta-footer .blog-cta-footer__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;} #blog-cta-footer .blog-cta-footer__bullet{position:relative;padding-left:22px;color:var(--z3e843-text);font-size:14px;line-height:1.5;} #blog-cta-footer .blog-cta-footer__bullet:before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background:color-mix(in oklab,var(--z3e843-secondary) 85%, white 15%);box-shadow:0 0 0 3px color-mix(in oklab,var(--z3e843-secondary) 20%, transparent 80%);} #blog-cta-footer .blog-cta-footer__panel{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,16px);padding:18px 16px;box-shadow:0 10px 26px color-mix(in oklab,var(--z3e843-primary) 10%, transparent 90%);} #blog-cta-footer .blog-cta-footer__panel-title{margin:0 0 6px;color:var(--z3e843-ink);font-family:var(--z3e843-font-display);font-size:18px;letter-spacing:-.01em;} #blog-cta-footer .blog-cta-footer__panel-text{margin:0 0 14px;color:var(--z3e843-text);font-size:14px;line-height:1.6;} #blog-cta-footer .blog-cta-footer__actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;} #blog-cta-footer .blog-cta-footer__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:11px 14px;font-weight:800;font-size:14px;line-height:1;min-width:160px;} #blog-cta-footer .blog-cta-footer__btn--primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid color-mix(in oklab,var(--z3e843-primary) 80%, var(--z3e843-border) 20%);} #blog-cta-footer .blog-cta-footer__btn--ghost{background:transparent;color:var(--z3e843-primary);border:1px solid color-mix(in oklab,var(--z3e843-primary) 28%, var(--z3e843-border) 72%);} #blog-cta-footer .blog-cta-footer__btn:focus-visible{outline:3px solid color-mix(in oklab,var(--z3e843-secondary) 55%, white 45%);outline-offset:2px;} #blog-cta-footer .blog-cta-footer__btn--primary:hover{background:color-mix(in oklab,var(--z3e843-primary) 88%, var(--z3e843-secondary) 12%);} #blog-cta-footer .blog-cta-footer__btn--ghost:hover{border-color:color-mix(in oklab,var(--z3e843-primary) 45%, var(--z3e843-border) 55%);background:color-mix(in oklab,var(--z3e843-secondary) 10%, white 90%);} #blog-cta-footer .blog-cta-footer__meta{border-top:1px solid var(--z3e843-border);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:10px;} #blog-cta-footer .blog-cta-footer__meta-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start;} #blog-cta-footer .blog-cta-footer__meta-label{color:color-mix(in oklab,var(--z3e843-slate) 60%, var(--z3e843-text) 40%);font-weight:800;font-size:12px;letter-spacing:.02em;} #blog-cta-footer .blog-cta-footer__meta-value{color:var(--z3e843-ink);font-size:13px;line-height:1.45;text-decoration:none;} #blog-cta-footer .blog-cta-footer__meta-value:hover{text-decoration:underline;} #blog-cta-footer .blog-cta-footer__fineprint{margin:12px 0 12px;color:color-mix(in oklab,var(--z3e843-slate) 55%, var(--z3e843-text) 45%);font-size:12px;line-height:1.5;} #blog-cta-footer .blog-cta-footer__form{margin-top:2px;border-top:1px solid var(--z3e843-border);padding-top:14px;} #blog-cta-footer .blog-cta-footer__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;} #blog-cta-footer .blog-cta-footer__field{margin-bottom:12px;} #blog-cta-footer .blog-cta-footer__label{display:block;margin-bottom:6px;color:var(--z3e843-ink);font-weight:900;font-size:12px;letter-spacing:.01em;} #blog-cta-footer .blog-cta-footer__input,#blog-cta-footer .blog-cta-footer__textarea{width:100%;border-radius:12px;border:1px solid color-mix(in oklab,var(--z3e843-border) 75%, var(--z3e843-primary) 25%);background:var(--z3e843-bg);color:var(--z3e843-ink);padding:11px 12px;font-size:14px;line-height:1.4;box-sizing:border-box;} #blog-cta-footer .blog-cta-footer__input:focus,#blog-cta-footer .blog-cta-footer__textarea:focus{outline:none;border-color:color-mix(in oklab,var(--z3e843-secondary) 55%, var(--z3e843-primary) 45%);box-shadow:0 0 0 4px color-mix(in oklab,var(--z3e843-secondary) 20%, transparent 80%);} #blog-cta-footer .blog-cta-footer__textarea{resize:vertical;min-height:110px;} #blog-cta-footer .blog-cta-footer__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:14px;padding:12px 14px;border:1px solid color-mix(in oklab,var(--z3e843-primary) 78%, var(--z3e843-border) 22%);background:var(--z3e843-primary);color:var(--z3e843-bg);font-weight:900;font-size:15px;cursor:pointer;} #blog-cta-footer .blog-cta-footer__submit:hover{background:color-mix(in oklab,var(--z3e843-primary) 88%, var(--z3e843-secondary) 12%);} #blog-cta-footer .blog-cta-footer__submit:focus-visible{outline:3px solid color-mix(in oklab,var(--z3e843-secondary) 55%, white 45%);outline-offset:3px;} #blog-cta-footer .blog-cta-footer__success{margin:10px 0 0;min-height:1.2em;color:var(--z3e843-secondary);font-weight:800;font-size:13px;} #blog-cta-footer ::selection{background:color-mix(in oklab,var(--z3e843-secondary) 26%, transparent 74%);color:var(--z3e843-ink);} @media (max-width: 920px){#blog-cta-footer .blog-cta-footer__inner{grid-template-columns:1fr;gap:14px;} #blog-cta-footer .blog-cta-footer__title{font-size:30px;} #blog-cta-footer .blog-cta-footer__copy{padding-right:2px;}} @media (max-width: 560px){#blog-cta-footer{padding:20px 14px 24px;} #blog-cta-footer .blog-cta-footer__form-grid{grid-template-columns:1fr;} #blog-cta-footer .blog-cta-footer__btn{min-width:0;flex:1;}} @media (prefers-reduced-motion: reduce){#blog-cta-footer *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z3e843:blog-list */ /* z3e843:blog-list */ #blog-list{--radius-sm:var(--z3e843-border);--ink:var(--z3e843-ink);--primary:var(--z3e843-primary);--secondary:var(--z3e843-secondary);--surface:var(--z3e843-surface);--bg:var(--z3e843-bg);--border:var(--z3e843-border);font-family:var(--z3e843-font);color:var(--z3e843-text);background:var(--z3e843-bg);padding:32px 0 56px;} #blog-list .blog-list__container{max-width:1120px;margin:0 auto;padding:0 20px;} #blog-list .blog-list__header{margin:6px 0 22px;} #blog-list .blog-list__eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--z3e843-secondary);background:rgba(47,133,90,.08);border:1px solid rgba(47,133,90,.22);padding:7px 10px;border-radius:999px;} #blog-list .blog-list__title{margin:14px 0 10px;font-family:var(--z3e843-font-display);font-size:30px;line-height:1.15;letter-spacing:-0.02em;text-wrap:balance;color:var(--z3e843-ink);} #blog-list .blog-list__subtitle{margin:0;max-width:62ch;color:var(--z3e843-slate);font-size:15px;line-height:1.65;} #blog-list .blog-list__grid{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(12,1fr);gap:14px;} #blog-list .blog-card{grid-column:span 6;background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md, var(--z3e843-radius-md));border-radius:var(--z3e843-surface);} #blog-list .blog-card{border-radius:16px;overflow:hidden;position:relative;} #blog-list .blog-card__inner{padding:18px 18px 16px;background:linear-gradient(180deg, rgba(11,58,83,.04), rgba(247,250,252,1) 60%);} #blog-list .blog-card--wide{grid-column:span 12;} #blog-list .blog-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap;} #blog-list .blog-card__tag{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--z3e843-secondary);border:1px solid rgba(47,133,90,.25);background:rgba(47,133,90,.06);padding:6px 10px;border-radius:999px;} #blog-list .blog-card__dot{color:rgba(6,24,38,.45);} #blog-list .blog-card__read{font-size:12px;color:var(--z3e843-slate);} #blog-list .blog-card__title{margin:0 0 8px;font-size:18px;line-height:1.35;color:var(--z3e843-ink);font-weight:800;letter-spacing:-0.01em;text-wrap:balance;} #blog-list .blog-card__excerpt{margin:0 0 14px;color:var(--z3e843-slate);font-size:14px;line-height:1.6;} #blog-list .blog-card__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;} #blog-list .blog-card__link{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--z3e843-primary);color:#fff;text-decoration:none;font-weight:750;letter-spacing:.01em;border:1px solid rgba(0,0,0,.08);} #blog-list .blog-card__link:hover{background:#0a3247;} #blog-list .blog-card__link:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #blog-list .blog-card__secondary{display:inline-flex;align-items:center;padding:10px 14px;border-radius:12px;background:transparent;border:1px solid var(--z3e843-border);color:var(--z3e843-ink);text-decoration:none;font-weight:750;} #blog-list .blog-card__secondary:hover{border-color:rgba(47,133,90,.45);background:rgba(47,133,90,.06);} #blog-list .blog-card__secondary:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #blog-list .blog-list__footer{margin-top:22px;padding-top:18px;border-top:1px solid var(--z3e843-border);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;} #blog-list .blog-list__small{margin:0;color:var(--z3e843-slate);font-size:14px;line-height:1.6;max-width:56ch;} #blog-list .blog-list__cta-row{display:flex;gap:10px;flex-wrap:wrap;} #blog-list .primary-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;background:var(--z3e843-primary);color:#fff;text-decoration:none;font-weight:850;border:1px solid rgba(0,0,0,.08);} #blog-list .primary-button:hover{background:#0a3247;} #blog-list .primary-button:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #blog-list .ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;background:transparent;border:1px solid var(--z3e843-border);color:var(--z3e843-ink);text-decoration:none;font-weight:850;} #blog-list .ghost-button:hover{border-color:rgba(47,133,90,.45);background:rgba(47,133,90,.06);} #blog-list .ghost-button:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #blog-list ::selection{background:rgba(47,133,90,.22);} @media (max-width: 900px){#blog-list .blog-card{grid-column:span 12;} #blog-list .blog-list__title{font-size:26px;} #blog-list .blog-card__inner{padding:16px 16px 14px;}} @media (prefers-reduced-motion: reduce){#blog-list .blog-card__link,#blog-list .blog-card__secondary,#blog-list .primary-button,#blog-list .ghost-button{transition:none;}} /* z3e843:blog-hero */ /* z3e843:blog-hero */ #blog-hero.blog-hero{background:var(--z3e843-surface);color:var(--z3e843-text);padding:44px 0 28px;} #blog-hero .blog-hero__inner{max-width:1120px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.25fr 0.75fr;gap:26px;align-items:start;} #blog-hero .blog-hero__copy{padding:10px 0;} #blog-hero .blog-hero__kicker{display:inline-block;font:600 12px/1.1 var(--z3e843-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z3e843-secondary);margin:0 0 12px;} #blog-hero .blog-hero__title{font:700 34px/1.12 var(--z3e843-font-display);letter-spacing:-0.02em;margin:0 0 14px;text-wrap:balance;} #blog-hero .blog-hero__lead{font:400 16px/1.65 var(--z3e843-font);margin:0 0 18px;color:color-mix(in srgb, var(--z3e843-text) 86%, var(--z3e843-primary) 14%);} #blog-hero .blog-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 20px;} #blog-hero .blog-hero__meta-item{display:flex;align-items:center;gap:10px;background:var(--z3e843-bg);border:1px solid var(--z3e843-border);border-radius:var(--radius-md,12px);padding:10px 12px;} #blog-hero .blog-hero__meta-dot{width:10px;height:10px;border-radius:50%;background:var(--z3e843-secondary);box-shadow:0 6px 14px color-mix(in srgb, var(--z3e843-secondary) 25%, transparent);} #blog-hero .blog-hero__meta-text{font:600 13px/1.2 var(--z3e843-font);color:var(--z3e843-ink, var(--z3e843-ink));} #blog-hero .blog-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 18px;} #blog-hero .blog-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md,12px);text-decoration:none;padding:12px 16px;font:700 14px/1 var(--z3e843-font);border:1px solid transparent;} #blog-hero .blog-hero__btn--primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border-color:color-mix(in srgb, var(--z3e843-primary) 85%, var(--z3e843-border));} #blog-hero .blog-hero__btn--ghost{background:var(--z3e843-bg);color:var(--z3e843-primary);border-color:var(--z3e843-border);} #blog-hero .blog-hero__btn:hover{filter:brightness(0.98);} #blog-hero .blog-hero__btn:active{transform:translateY(1px);} #blog-hero .blog-hero__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 55%, white);outline-offset:2px;} #blog-hero .blog-hero__trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;} #blog-hero .blog-hero__trust-item{background:var(--z3e843-bg);border:1px solid var(--z3e843-border);border-radius:var(--radius-md,12px);padding:12px;display:flex;gap:12px;align-items:flex-start;} #blog-hero .blog-hero__trust-icon{width:18px;height:18px;border-radius:6px;background:color-mix(in srgb, var(--z3e843-secondary) 20%, var(--z3e843-bg));border:1px solid color-mix(in srgb, var(--z3e843-secondary) 40%, var(--z3e843-border));box-shadow:0 10px 24px color-mix(in srgb, var(--z3e843-secondary) 15%, transparent);} #blog-hero .blog-hero__trust-text{margin:0;font:600 13px/1.4 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-text) 88%, var(--z3e843-primary) 12%);} #blog-hero .blog-hero__panel{background:var(--z3e843-bg);border:1px solid var(--z3e843-border);border-radius:var(--radius-lg,16px);padding:18px;box-shadow:0 18px 50px color-mix(in srgb, var(--z3e843-primary) 8%, transparent);} #blog-hero .blog-hero__panel-top{padding:2px 2px 14px;border-bottom:1px solid var(--z3e843-border);margin-bottom:14px;} #blog-hero .blog-hero__panel-title{margin:0 0 6px;font:800 16px/1.2 var(--z3e843-font-display);letter-spacing:-0.01em;} #blog-hero .blog-hero__panel-sub{margin:0;font:400 13px/1.55 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-text) 80%, var(--z3e843-slate) 20%);} #blog-hero .blog-hero__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;} #blog-hero .blog-hero__list-item{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--radius-md,12px);border:1px solid var(--z3e843-border);background:color-mix(in srgb, var(--z3e843-surface) 60%, var(--z3e843-bg));} #blog-hero .blog-hero__link{color:var(--z3e843-primary);text-decoration:none;font:800 13.5px/1.35 var(--z3e843-font);} #blog-hero .blog-hero__link:hover{text-decoration:underline;} #blog-hero .blog-hero__link:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 55%, white);outline-offset:2px;border-radius:6px;} #blog-hero .blog-hero__pill{display:inline-flex;width:max-content;align-self:flex-start;background:color-mix(in srgb, var(--z3e843-secondary) 12%, var(--z3e843-bg));color:var(--z3e843-secondary);border:1px solid color-mix(in srgb, var(--z3e843-secondary) 30%, var(--z3e843-border));border-radius:999px;padding:6px 10px;font:800 11px/1 var(--z3e843-font);} #blog-hero .blog-hero__panel-actions{margin-top:16px;display:flex;flex-direction:column;gap:10px;} #blog-hero .blog-hero__fineprint{margin:0;font:400 12.5px/1.55 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-text) 78%, var(--z3e843-slate) 22%);} #blog-hero ::selection{background:color-mix(in srgb, var(--z3e843-secondary) 35%, white);} @media (max-width: 900px){ #blog-hero .blog-hero__inner{grid-template-columns:1fr;} #blog-hero .blog-hero__trust{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #blog-hero .blog-hero__btn:active{transform:none;} } /* z3e843:blog-list */ /* z3e843:blog-list */ #blog-list{ --radius-sm: var(--z3e843-radius-sm, 8px); --radius-md: var(--z3e843-radius-md, 12px); --radius-lg: var(--z3e843-radius-lg, 16px); color: var(--z3e843-text); background: var(--z3e843-bg); } #blog-list *{ box-sizing:border-box; } #blog-list .blog-list__container{ max-width: 1040px; margin: 0 auto; padding: 48px 20px 56px; } #blog-list .blog-list__header{ display:block; margin-bottom: 18px; } #blog-list .blog-list__title{ font-family: var(--z3e843-font-display, var(--z3e843-font)); font-size: clamp(28px, 3.2vw, 40px); letter-spacing:-0.02em; margin:0; color: var(--z3e843-ink); text-wrap: balance; } #blog-list .blog-list__subtitle{ margin: 10px 0 0; color: var(--z3e843-slate); max-width: 72ch; line-height:1.55; font-size: 16px; } #blog-list .blog-list__controls{ display:flex; align-items:center; gap: 12px; margin: 20px 0 26px; color: var(--z3e843-slate); flex-wrap:wrap; } #blog-list .blog-list__control{ color: var(--z3e843-primary); text-decoration:none; font-weight: 650; border: 1px solid var(--z3e843-border); background: var(--z3e843-surface); padding: 10px 12px; border-radius: var(--z3e843-radius-md, 12px); } #blog-list .blog-list__control[aria-current="page"]{ border-color: var(--z3e843-primary); background: #f0f6fb; } #blog-list .blog-list__control-sep{ color: var(--z3e843-slate); margin: 0 4px; } #blog-list .blog-list__grid{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns: 1fr; gap: 14px; } #blog-list .blog-list__item{ margin:0; } #blog-list .blog-card{ border: 1px solid var(--z3e843-border); background: var(--z3e843-surface); border-radius: var(--z3e843-radius-lg, 16px); padding: 18px 16px; position:relative; overflow:hidden; } #blog-list .blog-card::after{ content:""; position:absolute; inset:auto -30% -40% -30%; height: 140px; background: rgba(47,133,90,0.10); pointer-events:none; } #blog-list .blog-card__title{ margin:0 0 10px; font-size: 18px; line-height: 1.25; letter-spacing:-0.01em; } #blog-list .blog-card__link{ color: var(--z3e843-ink); text-decoration:none; font-weight: 750; } #blog-list .blog-card__link:focus-visible{ outline: 3px solid rgba(47,133,90,0.45); outline-offset: 3px; border-radius: 6px; } #blog-list .blog-card__meta{ margin: 0 0 10px; color: var(--z3e843-slate); font-size: 13px; font-weight: 600; } #blog-list .blog-card__excerpt{ margin: 0 0 14px; color: var(--z3e843-slate); line-height: 1.6; font-size: 15px; max-width: 70ch; } #blog-list .blog-card__cta{ display:inline-block; color: var(--z3e843-bg); background: var(--z3e843-primary); border: 1px solid var(--z3e843-primary); text-decoration:none; font-weight: 750; padding: 11px 14px; border-radius: var(--z3e843-radius-md, 12px); position:relative; z-index:1; } #blog-list .blog-card__cta:focus-visible{ outline: 3px solid rgba(47,133,90,0.45); outline-offset: 3px; } #blog-list .blog-card__cta:active{ transform: translateY(1px); } #blog-list .blog-list__pagination{ display:flex; align-items:center; justify-content:center; gap: 10px; margin-top: 22px; } #blog-list .blog-list__page{ color: var(--z3e843-primary); background: var(--z3e843-surface); border: 1px solid var(--z3e843-border); text-decoration:none; padding: 10px 14px; border-radius: var(--z3e843-radius-md, 12px); font-weight: 750; } #blog-list .blog-list__page-current{ color: var(--z3e843-ink); background: #eef6f1; border: 1px solid rgba(47,133,90,0.25); padding: 10px 14px; border-radius: var(--z3e843-radius-md, 12px); font-weight: 850; } #blog-list .blog-list__page:focus-visible{ outline: 3px solid rgba(47,133,90,0.45); outline-offset: 3px; } #blog-list ::selection{ background: rgba(47,133,90,0.25); color: var(--z3e843-ink); } @media (min-width: 740px){ #blog-list .blog-list__container{ padding: 60px 24px 70px; } #blog-list .blog-list__grid{ grid-template-columns: 1fr 1fr; gap: 16px; } #blog-list .blog-card{ padding: 20px 18px; } } @media (prefers-reduced-motion: reduce){ #blog-list .blog-card__cta:active{ transform:none; } #blog-list *{ scroll-behavior:auto; } } /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero.article-hero{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);background:var(--z3e843-bg);color:var(--z3e843-text);padding:56px 0 34px;position:relative;overflow:hidden} #article-hero.article-hero::before{content:"";position:absolute;inset:-1px auto auto -140px;width:520px;height:520px;background:radial-gradient(closest-side,rgba(47,133,90,.18),rgba(47,133,90,0));pointer-events:none} #article-hero.article-hero::after{content:"";position:absolute;left:50%;top:-240px;transform:translateX(-50%);width:min(980px,92vw);height:420px;background:radial-gradient(closest-side,rgba(11,58,83,.12),rgba(11,58,83,0));pointer-events:none} #article-hero .hero-inner{position:relative;max-width:980px;margin:0 auto;padding:0 20px} #article-hero .hero-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px} #article-hero .kicker-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(47,133,90,.10);border:1px solid rgba(47,133,90,.22);color:var(--z3e843-secondary);font-family:var(--z3e843-font);font-size:13px;font-weight:650;letter-spacing:.02em} #article-hero .kicker-divider{width:6px;height:6px;border-radius:50%;background:rgba(6,24,38,.25)} #article-hero .kicker-locale{font-size:14px;color:rgba(6,24,38,.80)} #article-hero .hero-title{font-family:var(--z3e843-font-display);font-size:44px;line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance;color:var(--z3e843-ink)} #article-hero .hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0 18px} #article-hero .meta-item{flex:1 1 220px;border:1px solid rgba(215,224,234,.95);background:rgba(247,250,252,.9);border-radius:var(--z3e843-radius-md,12px);padding:14px 14px} #article-hero .meta-label{font-size:12px;color:rgba(6,24,38,.70);margin-bottom:6px;font-weight:650;letter-spacing:.02em} #article-hero .meta-value{font-size:14.5px;color:rgba(6,24,38,.96);font-weight:560} #article-hero .hero-lead{max-width:72ch;font-size:17px;line-height:1.65;margin:0 0 22px;color:rgba(11,18,32,.88)} #article-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 14px} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;font-family:var(--z3e843-font);text-decoration:none;border:1px solid transparent;min-height:44px;font-weight:700;font-size:14.5px;letter-spacing:.01em;box-sizing:border-box} #article-hero .btn-primary{background:var(--z3e843-primary);border-color:var(--z3e843-primary);color:#fff} #article-hero .btn-primary:hover{background:#0a3349} #article-hero .btn-primary:active{background:#082a3b} #article-hero .btn-ghost{background:transparent;border-color:rgba(6,24,38,.22);color:var(--z3e843-ink)} #article-hero .btn-ghost:hover{background:rgba(6,24,38,.04);border-color:rgba(6,24,38,.32)} #article-hero .btn:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px} #article-hero .hero-disclaimer{display:flex;align-items:flex-start;gap:10px;padding:14px 14px;border-radius:12px;background:rgba(215,224,234,.35);border:1px solid rgba(215,224,234,.95);color:rgba(6,24,38,.86);max-width:820px} #article-hero .disclaimer-dot{width:10px;height:10px;border-radius:50%;background:var(--z3e843-accent);margin-top:6px;box-shadow:0 0 0 4px rgba(47,133,90,.18)} #article-hero .hero-disclaimer span{font-size:14.5px;line-height:1.55} #article-hero ::selection{background:rgba(47,133,90,.25)} @media (max-width: 860px){#article-hero.article-hero{padding:42px 0 28px}#article-hero .hero-title{font-size:34px}#article-hero .meta-item{flex:1 1 100%}} @media (max-width: 480px){#article-hero .hero-title{font-size:28px}#article-hero .hero-lead{font-size:16px}#article-hero .hero-inner{padding:0 16px}} @media (prefers-reduced-motion: reduce){#article-hero.article-hero::before,#article-hero.article-hero::after{display:none}} /* z3e843:article-content */ /* z3e843:article-content */ #article-content{--pad:clamp(18px,3.2vw,36px);--max:980px;max-width:var(--max);margin:0 auto;padding:0 var(--pad) var(--pad);color:var(--z3e843-text);font-family:var(--z3e843-font);} #article-content .article-intro{padding:28px 0 22px;border-bottom:1px solid var(--z3e843-border);} #article-content .article-kicker{display:inline-block;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--z3e843-primary);font-weight:700;margin:0 0 10px;} #article-content .article-title{margin:0 0 12px;font-family:var(--z3e843-font-display);font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-0.02em;text-wrap:balance;} #article-content .article-lede{margin:0;font-size:16px;line-height:1.75;color:color-mix(in srgb,var(--z3e843-text),var(--z3e843-primary) 10%);max-width:74ch;} #article-content .article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;} #article-content .meta-item{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;color:var(--z3e843-slate);} #article-content .meta-value{color:var(--z3e843-ink);font-weight:700;} #article-content .article-body{padding:22px 0 12px;} #article-content .article-body p{margin:0 0 14px;line-height:1.85;font-size:16px;max-width:78ch;} #article-content .article-body strong{color:var(--z3e843-ink);} #article-content .decision-points{margin:18px 0 26px;} #article-content .points-list{list-style:none;padding:0;margin:0;display:grid;gap:14px;} #article-content .point{background:var(--z3e843-bg);border:1px solid var(--z3e843-border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:0 10px 26px rgba(11,58,83,0.08);} #article-content .point-head{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;} #article-content .point-num{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:30px;border-radius:999px;border:1px solid var(--z3e843-border);background:var(--z3e843-surface);color:var(--z3e843-primary);font-weight:800;font-size:13px;letter-spacing:.02em;} #article-content .point-title{margin:0;font-size:18px;line-height:1.35;font-weight:800;letter-spacing:-0.01em;} #article-content .point-text{margin:0;color:color-mix(in srgb,var(--z3e843-text),var(--z3e843-slate) 20%);line-height:1.75;font-size:15px;} #article-content .article-callout{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--radius-lg);padding:18px 18px 16px;margin:14px 0 22px;} #article-content .callout-title{margin:0 0 10px;font-size:22px;letter-spacing:-0.01em;} #article-content .callout-text{margin:0 0 14px;line-height:1.85;max-width:76ch;} #article-content .callout-actions{display:flex;gap:12px;flex-wrap:wrap;} #article-content .link-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--radius-md);background:var(--z3e843-primary);color:var(--z3e843-bg);text-decoration:none;font-weight:800;border:1px solid var(--z3e843-primary);min-width:220px;} #article-content .ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:var(--radius-md);background:transparent;color:var(--z3e843-ink);text-decoration:none;font-weight:800;border:1px solid var(--z3e843-border);min-width:220px;} #article-content .link-button:focus-visible,#article-content .ghost-button:focus-visible,#article-content a:focus-visible{outline:3px solid color-mix(in srgb,var(--z3e843-secondary),white 35%);outline-offset:2px;} #article-content .link-button:hover{background:color-mix(in srgb,var(--z3e843-primary),var(--z3e843-secondary) 20%);} #article-content .ghost-button:hover{border-color:color-mix(in srgb,var(--z3e843-primary),var(--z3e843-border) 30%);background:color-mix(in srgb,var(--z3e843-surface),var(--z3e843-bg) 40%);} #article-content .reader-notes{margin:18px 0 10px;} #article-content .notes-title{font-size:20px;margin:0 0 10px;letter-spacing:-0.01em;} #article-content .notes-list{margin:0;padding-left:18px;max-width:78ch;} #article-content .notes-list li{margin:0 0 10px;line-height:1.75;font-size:15px;color:color-mix(in srgb,var(--z3e843-text),var(--z3e843-slate) 10%);} #article-content .related{border-top:1px solid var(--z3e843-border);padding-top:18px;margin-top:18px;} #article-content .related-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;} #article-content .related-title{margin:0;font-size:20px;letter-spacing:-0.01em;} #article-content .related-sub{margin:0;color:var(--z3e843-slate);line-height:1.7;max-width:70ch;} #article-content .related-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px;} #article-content .related-link{display:block;padding:12px 14px;border:1px solid var(--z3e843-border);border-radius:var(--radius-md);background:var(--z3e843-bg);text-decoration:none;color:var(--z3e843-primary);font-weight:800;line-height:1.35;} #article-content .related-link:hover{background:color-mix(in srgb,var(--z3e843-surface),var(--z3e843-bg) 60%);} #article-content ::selection{background:color-mix(in srgb,var(--z3e843-secondary),white 30%);color:var(--z3e843-ink);} @media (min-width:820px){ #article-content .article-intro{padding-top:36px;} #article-content .points-list{gap:16px;} #article-content .points-list{grid-template-columns:1fr;} #article-content .related-list{grid-template-columns:1fr 1fr;} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto;transition:none !important;} } /* z3e843:related-articles */ /* z3e843:related-articles */ #related-articles{ --ra-ink: var(--z3e843-ink); --ra-text: var(--z3e843-text); --ra-primary: var(--z3e843-primary); --ra-secondary: var(--z3e843-secondary); --ra-surface: var(--z3e843-surface); --ra-bg: var(--z3e843-bg); --ra-border: var(--z3e843-border); padding: 56px 20px; background: var(--z3e843-bg); color: var(--z3e843-text); } #related-articles::selection{background: rgba(47,133,90,.25);} #related-articles .related-articles__inner{ max-width: 1080px; margin: 0 auto; } #related-articles .related-articles__header{ margin-bottom: 22px; } #related-articles .related-articles__title{ font-family: var(--z3e843-font-display); font-size: 32px; line-height: 1.12; letter-spacing: -0.02em; margin: 0 0 10px 0; color: var(--z3e843-ink); } #related-articles .related-articles__subtitle{ margin: 0; max-width: 68ch; font-size: 16px; line-height: 1.6; color: var(--z3e843-slate); } #related-articles .related-articles__grid{ display: grid; grid-template-columns: repeat(12, 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(--z3e843-radius, 16px); padding: 18px 18px 16px; box-shadow: 0 10px 28px rgba(11,58,83,.06); min-height: 168px; display: flex; flex-direction: column; } #related-articles .related-article-card__meta{ display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--ra-secondary); margin-bottom: 10px; } #related-articles .related-article-card__title{ font-family: var(--z3e843-font); font-size: 18px; line-height: 1.3; margin: 0 0 8px 0; color: var(--ra-ink); } #related-articles .related-article-card__desc{ margin: 0 0 14px 0; color: var(--ra-slate); font-size: 14px; line-height: 1.55; flex: 1; } #related-articles .related-article-card__link{ align-self: flex-start; text-decoration: none; font-weight: 800; font-size: 14px; color: var(--ra-primary); border: 1px solid var(--ra-primary); background: var(--ra-bg); padding: 10px 12px; border-radius: var(--z3e843-radius-sm, 8px); } #related-articles .related-article-card__link:hover{background: rgba(11,58,83,.06);} #related-articles .related-article-card__link:active{transform: translateY(1px);} #related-articles .related-article-card__link:focus-visible{ outline: 3px solid rgba(47,133,90,.35); outline-offset: 2px; } #related-articles .related-articles__footer{ margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--ra-border); display: flex; align-items: center; justify-content: space-between; gap: 12px; } #related-articles .related-articles__back{ color: var(--ra-primary); text-decoration: none; font-weight: 800; border-bottom: 1px solid rgba(11,58,83,.35); } #related-articles .related-articles__back:hover{border-bottom-color: rgba(11,58,83,.75);} #related-articles .related-articles__back:focus-visible{outline: 3px solid rgba(47,133,90,.35); outline-offset: 3px; border-bottom-color: transparent;} #related-articles .related-articles__hint{ color: var(--ra-slate); font-size: 13px; white-space: nowrap; } @media (max-width: 900px){ #related-articles{padding: 44px 16px;} #related-articles .related-article-card{grid-column: span 12;} #related-articles .related-articles__title{font-size: 28px;} #related-articles .related-articles__footer{flex-direction: column; align-items: flex-start;} #related-articles .related-articles__hint{white-space: normal;} } @media (prefers-reduced-motion: reduce){ #related-articles .related-article-card__link{transition:none;} #related-articles .related-article-card__link:active{transform:none;} } /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero.article-hero{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);background:var(--z3e843-bg);color:var(--z3e843-text);padding:clamp(20px,4.2vw,48px) 16px;} #article-hero .article-hero__inner{max-width:1040px;margin:0 auto;} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;} #article-hero .article-hero__kicker{margin:0;padding:8px 12px;border:1px solid var(--z3e843-border);border-radius:999px;background:color-mix(in srgb,var(--z3e843-surface) 92%, white 8%);font-family:var(--z3e843-font);font-size:13px;letter-spacing:0.2px;color:var(--z3e843-primary);} #article-hero .article-hero__meta-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 16px;} #article-hero .article-hero__meta-item{font-size:14px;color:var(--z3e843-ink);} #article-hero .article-hero__meta-label{color:color-mix(in srgb,var(--z3e843-slate) 75%, var(--z3e843-ink) 25%);font-weight:600;margin-right:6px;} #article-hero .article-hero__title{margin:0 0 12px 0;font-family:var(--z3e843-font-display);font-size:clamp(30px,4.5vw,54px);line-height:1.06;letter-spacing:-0.02em;text-wrap:balance;color:var(--z3e843-ink);} #article-hero .article-hero__lede{margin:0 0 18px 0;max-width:72ch;font-size:18px;line-height:1.6;color:color-mix(in srgb,var(--z3e843-ink) 88%, var(--z3e843-text) 12%);} #article-hero .article-hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 18px 0;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--z3e843-radius-md,12px);text-decoration:none;font-weight:700;font-size:14.5px;font-family:var(--z3e843-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease;} #article-hero .button--primary{background:var(--z3e843-primary);color:#fff;border-color:color-mix(in srgb,var(--z3e843-primary) 85%, #000 15%);} #article-hero .button--primary:hover{background:color-mix(in srgb,var(--z3e843-primary) 90%, #000 10%);} #article-hero .button--ghost{background:transparent;color:var(--z3e843-primary);border-color:color-mix(in srgb,var(--z3e843-border) 92%, var(--z3e843-primary) 8%);} #article-hero .button--ghost:hover{background:color-mix(in srgb,var(--z3e843-surface) 70%, white 30%);border-color:color-mix(in srgb,var(--z3e843-primary) 35%, var(--z3e843-border) 65%);} #article-hero .button:focus-visible{outline:3px solid color-mix(in srgb,var(--z3e843-secondary) 55%, white 45%);outline-offset:2px;} #article-hero .article-hero__signal{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:14px 14px;border-radius:var(--z3e843-radius-lg,16px);background:color-mix(in srgb,var(--z3e843-surface) 84%, white 16%);border:1px solid var(--z3e843-border);} #article-hero .article-hero__signal-icon{width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--z3e843-secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--z3e843-secondary) 22%, transparent 78%);} #article-hero .article-hero__signal-text{margin:0;font-size:14.5px;line-height:1.55;color:color-mix(in srgb,var(--z3e843-ink) 85%, var(--z3e843-text) 15%);} #article-hero .article-hero__meta-item{font-variant-numeric:tabular-nums;} #article-hero ::selection{background:color-mix(in srgb,var(--z3e843-secondary) 30%, white 70%);} @media (prefers-reduced-motion:reduce){#article-hero .button{transition:none;}} @media (max-width:720px){#article-hero .article-hero__lede{font-size:16.5px;}} /* z3e843:article-content */ /* z3e843:article-content */ #article-content{--radius-sm:var(--z3e843-border);--section-padding:clamp(20px,4vw,44px);background:var(--z3e843-bg);color:var(--z3e843-text);font-family:var(--z3e843-font);} #article-content ::selection{background:rgba(47,133,90,.22);} #article-content .article-body{max-width:1120px;margin:0 auto;padding:var(--section-padding) 16px;} #article-content .article-intro{margin-bottom:26px;} #article-content .article-kicker{display:inline-block;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--z3e843-secondary);font-weight:700;border:1px solid var(--z3e843-border);padding:7px 10px;border-radius:var(--z3e843-radius-sm,8px);background:#fff;} #article-content .article-title{font-family:var(--z3e843-font-display);font-weight:850;letter-spacing:-.02em;line-height:1.08;margin:14px 0 10px;font-size:clamp(26px,3.3vw,40px);text-wrap:balance;color:var(--z3e843-ink);} #article-content .article-lead{margin:0;max-width:70ch;color:var(--z3e843-text);font-size:16.5px;line-height:1.65;} #article-content .article-grid{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start;} #article-content h3{font-size:18px;margin:22px 0 10px;letter-spacing:-.01em;color:var(--z3e843-ink);} #article-content p{margin:10px 0;line-height:1.7;color:var(--z3e843-text);font-size:15.8px;} #article-content .article-main{min-width:0;} #article-content .article-list{margin:10px 0 0 18px;padding:0;} #article-content .article-list li{margin:10px 0;line-height:1.6;} #article-content .article-steps{margin:12px 0 0 18px;padding:0;} #article-content .article-steps li{margin:10px 0;line-height:1.6;} #article-content .schema{margin:12px 0 4px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md,12px);background:var(--z3e843-surface);overflow:hidden;} #article-content .schema-row{display:grid;grid-template-columns:240px 1fr;gap:14px;padding:14px 16px;border-top:1px solid rgba(215,224,234,.8);} #article-content .schema-row:first-child{border-top:none;} #article-content .schema-label{font-weight:800;color:var(--z3e843-ink);font-size:14.5px;} #article-content .schema-value{color:var(--z3e843-text);font-size:14.5px;line-height:1.55;} #article-content .checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0;} #article-content .check-card{border:1px solid var(--z3e843-border);background:#fff;border-radius:var(--z3e843-radius-md,12px);padding:14px 14px 13px;} #article-content .check-card h4{margin:0 0 6px;font-size:15px;color:var(--z3e843-ink);letter-spacing:-.01em;} #article-content .check-card p{margin:0;font-size:14.5px;color:var(--z3e843-text);line-height:1.6;} #article-content .article-conclusion{margin-top:28px;padding-top:18px;border-top:1px solid var(--z3e843-border);} #article-content .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;} #article-content .cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--z3e843-primary);color:#fff;text-decoration:none;font-weight:800;padding:12px 14px;border-radius:var(--z3e843-radius-md,12px);border:1px solid rgba(11,58,83,.35);} #article-content .cta-primary:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #article-content .cta-ghost{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--z3e843-primary);text-decoration:none;font-weight:800;padding:12px 14px;border-radius:var(--z3e843-radius-md,12px);border:2px solid var(--z3e843-border);} #article-content .cta-ghost:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #article-content .article-side{min-width:0;} #article-content .side-panel{position:sticky;top:18px;border:1px solid var(--z3e843-border);background:var(--z3e843-surface);border-radius:var(--z3e843-radius-lg,16px);padding:16px;} #article-content .side-title{margin:0 0 10px;font-size:16px;letter-spacing:-.01em;color:var(--z3e843-ink);} #article-content .side-list{list-style:none;margin:0;padding:0;} #article-content .side-list li{display:flex;gap:10px;align-items:flex-start;margin:12px 0;} #article-content .dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--z3e843-accent);flex:0 0 auto;box-shadow:0 0 0 3px rgba(47,133,90,.16);} #article-content .side-note{margin:12px 0 0;color:var(--z3e843-slate);font-size:14.5px;line-height:1.6;} #article-content .article-keywords{margin-top:22px;} #article-content .keyword-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none;} #article-content .chip{font-size:13.5px;border:1px solid var(--z3e843-border);background:#fff;color:var(--z3e843-ink);border-radius:999px;padding:9px 12px;} #article-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} #article-content a{color:inherit;} #article-content a:hover{color:var(--z3e843-secondary);} #article-content a:active{transform:none;} @media (max-width: 980px){ #article-content .article-grid{grid-template-columns:1fr;} #article-content .side-panel{position:relative;top:auto;} #article-content .schema-row{grid-template-columns:1fr;} #article-content .checks{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} } /* z3e843:related-articles */ #related-articles{background:var(--z3e843-bg);color:var(--z3e843-text);padding:48px 16px 56px} #related-articles .related-articles__container{max-width:1100px;margin:0 auto} #related-articles .related-articles__header{margin-bottom:22px} #related-articles .related-articles__title{font-family:var(--z3e843-font-display);font-size:clamp(22px,2.2vw,30px);line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px;text-wrap:balance;color:var(--z3e843-ink)} #related-articles .related-articles__lede{margin:0;max-width:70ch;font-size:16px;line-height:1.65;color:color-mix(in srgb,var(--z3e843-ink) 86%,white)} #related-articles .related-articles__grid{display:grid;grid-template-columns:1fr;gap:14px} #related-articles .related-article{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md,12px);padding:16px 16px 14px;box-shadow:0 10px 30px color-mix(in srgb, var(--z3e843-primary) 10%, transparent);position:relative;overflow:hidden} #related-articles .related-article:before{content:"";position:absolute;inset:-1px auto auto -1px;width:140px;height:140px;background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--z3e843-secondary) 22%, transparent) 0%, transparent 62%);pointer-events:none} #related-articles .related-article__meta{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:color-mix(in srgb, var(--z3e843-secondary) 72%, var(--z3e843-ink));margin:0 0 8px;font-weight:700} #related-articles .related-article__title{margin:0 0 8px} #related-articles .related-article__link{font-family:var(--z3e843-font);font-size:18px;line-height:1.35;color:var(--z3e843-ink);text-decoration:none;font-weight:800;display:inline-block} #related-articles .related-article__link:hover{color:var(--z3e843-secondary)} #related-articles .related-article__link:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 45%, white);outline-offset:3px;border-radius:8px} #related-articles .related-article__link--accent{color:var(--z3e843-primary)} #related-articles .related-article__desc{margin:0;font-size:14px;line-height:1.7;color:color-mix(in srgb,var(--z3e843-ink) 82%, white)} #related-articles .related-article--highlight{border-color:color-mix(in srgb, var(--z3e843-secondary) 35%, var(--z3e843-border));background:color-mix(in srgb, var(--z3e843-secondary) 6%, var(--z3e843-surface))} #related-articles .related-article--highlight:before{background:radial-gradient(circle at 20% 25%, color-mix(in srgb, var(--z3e843-secondary) 26%, transparent) 0%, transparent 62%)} #related-articles .related-article--highlight .related-article__meta{color:var(--z3e843-secondary)} #related-articles ::selection{background:color-mix(in srgb,var(--z3e843-secondary) 30%, white);color:var(--z3e843-ink)} @media (min-width: 720px){ #related-articles .related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} } @media (min-width: 980px){ #related-articles{padding:62px 16px 72px} #related-articles .related-articles__grid{grid-template-columns:repeat(3,minmax(0,1fr))} #related-articles .related-article--highlight{grid-column:span 1} } @media (prefers-reduced-motion: reduce){ #related-articles *{scroll-behavior:auto} } /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{background:var(--z3e843-bg);color:var(--z3e843-text);padding:56px 0 30px;} #article-hero .hero-inner{max-width:1080px;margin:0 auto;padding:0 20px;} #article-hero .hero-kicker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;} #article-hero .hero-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--z3e843-border);border-radius:999px;background:var(--z3e843-surface);font:600 13px/1.2 var(--z3e843-font);letter-spacing:.01em;color:var(--z3e843-primary);} #article-hero .hero-meta{font:500 13px/1.2 var(--z3e843-font);color:var(--z3e843-slate);} #article-hero .hero-title{font-family:var(--z3e843-font-display);font-weight:800;font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance;color:var(--z3e843-ink);} #article-hero .hero-subgrid{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 14px;} #article-hero .hero-meta-block{flex:1;min-width:260px;background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-lg,16px);padding:16px 16px 12px;} #article-hero .meta-row{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid rgba(215,224,234,.7);} #article-hero .meta-row:first-child{border-top:0;padding-top:0;} #article-hero .meta-label{width:92px;flex:0 0 92px;font:700 12px/1.2 var(--z3e843-font);letter-spacing:.08em;text-transform:uppercase;color:var(--z3e843-primary);} #article-hero .meta-value{font:600 14px/1.35 var(--z3e843-font);color:var(--z3e843-ink);} #article-hero .hero-stats{flex:0 0 280px;display:flex;gap:14px;justify-content:flex-end;} #article-hero .stat{background:var(--z3e843-ink);border-radius:var(--z3e843-radius-lg,16px);color:var(--z3e843-bg);padding:16px 14px;border:1px solid rgba(6,24,38,.25);} #article-hero .stat:nth-child(2){background:color-mix(in srgb, var(--z3e843-primary) 86%, black 14%);} #article-hero .stat-value{font:800 18px/1.2 var(--z3e843-font-display);tabular-nums:tabular-nums;} #article-hero .stat-label{margin-top:6px;font:600 12px/1.2 var(--z3e843-font);color:rgba(247,250,252,.82);letter-spacing:.02em;} #article-hero .hero-lede{max-width:800px;margin:0 0 22px;font:500 16px/1.7 var(--z3e843-font);color:var(--z3e843-ink);} #article-hero .hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 16px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;font:800 14px/1 var(--z3e843-font);text-decoration:none;letter-spacing:.01em;min-height:44px;} #article-hero .btn-primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid color-mix(in srgb, var(--z3e843-primary) 70%, var(--z3e843-ink) 30%);} #article-hero .btn-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 60%, white 40%);outline-offset:3px;} #article-hero .btn-ghost{background:var(--z3e843-surface);color:var(--z3e843-primary);border:1px solid var(--z3e843-border);} #article-hero .btn-ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-primary) 55%, white 45%);outline-offset:3px;} #article-hero .btn:hover{transform:none;filter:saturate(1.05);} #article-hero .hero-footnote{display:flex;gap:10px;align-items:flex-start;color:var(--z3e843-slate);font:500 13px/1.5 var(--z3e843-font);max-width:860px;} #article-hero .footnote-dot{width:10px;height:10px;border-radius:50%;background:var(--z3e843-secondary);margin-top:4px;flex:0 0 10px;box-shadow:0 6px 18px color-mix(in srgb, var(--z3e843-secondary) 25%, transparent 75%);} #article-hero ::selection{background:color-mix(in srgb, var(--z3e843-secondary) 26%, white 74%);} @media (max-width: 900px){#article-hero{padding:44px 0 26px;}#article-hero .hero-subgrid{flex-direction:column;align-items:stretch;}#article-hero .hero-stats{flex:1 1 auto;justify-content:flex-start;}#article-hero .hero-meta-block{min-width:unset;}} @media (prefers-reduced-motion: reduce){#article-hero .btn{transition:none;} } /* z3e843:article-content */ /* z3e843:article-content */ #article-content.article-content{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);padding:48px 16px;background:var(--z3e843-bg);color:var(--z3e843-text);} #article-content .article-content__container{max-width:980px;margin:0 auto;} #article-content .article-content__header{margin-bottom:28px;} #article-content .article-content__kicker{display:inline-block;font:700 12px/1.2 var(--z3e843-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z3e843-primary);background:rgba(11,58,83,.08);border:1px solid rgba(11,58,83,.18);padding:9px 12px;border-radius:999px;} #article-content .article-content__title{margin:14px 0 10px;font:800 40px/1.08 var(--z3e843-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--z3e843-ink);} #article-content .article-content__lead{margin:0;font:500 16px/1.65 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-ink) 88%, white 12%);} #article-content .article-content__body{background:var(--z3e843-bg);} #article-content .prose-block{margin:22px 0;padding:0;} #article-content .prose-block h2{margin:0 0 10px;font:800 22px/1.25 var(--z3e843-font-display);letter-spacing:-.01em;color:var(--z3e843-ink);} #article-content .prose-block p{margin:10px 0;font:500 15.5px/1.75 var(--z3e843-font);color:var(--z3e843-text);} #article-content .prose-block em{font-style:italic;color:var(--z3e843-text);} #article-content .prose-block strong{color:var(--z3e843-ink);} #article-content .prose-block--highlight{margin:26px 0 0;padding:18px 16px;border-radius:var(--z3e843-radius-md,12px);border:1px solid var(--z3e843-border);background:var(--z3e843-surface);} #article-content .highlight-title{margin:0 0 8px;font:900 20px/1.25 var(--z3e843-font-display);color:var(--z3e843-ink);} #article-content .highlight-note{margin-top:10px;font:500 14.5px/1.7 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-slate) 26%, var(--z3e843-text) 74%);} #article-content .metrics-list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;} #article-content .metric-item{border:1px solid var(--z3e843-border);background:var(--z3e843-surface);border-radius:var(--z3e843-radius-lg,16px);padding:16px 16px 14px;position:relative;overflow:hidden;} #article-content .metric-item:before{content:"";position:absolute;left:-20px;top:-20px;width:120px;height:120px;background:radial-gradient(circle at 30% 30%, rgba(47,133,90,.22), rgba(47,133,90,0) 60%);pointer-events:none;} #article-content .metric-item__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;} #article-content .metric-item__title{margin:0;font:850 16.5px/1.25 var(--z3e843-font-display);color:var(--z3e843-ink);} #article-content .metric-item__value{font:700 12px/1 var(--z3e843-font-mono,var(--z3e843-font));color:var(--z3e843-secondary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;} #article-content .metric-item__text{margin:8px 0 0;font:500 14.8px/1.7 var(--z3e843-font);color:var(--z3e843-text);} #article-content .action-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;} #article-content .action-card{border:1px solid var(--z3e843-border);background:var(--z3e843-surface);border-radius:var(--z3e843-radius-lg,16px);padding:14px 14px 12px;} #article-content .action-card__title{margin:0 0 8px;font:850 16px/1.25 var(--z3e843-font-display);color:var(--z3e843-ink);} #article-content .action-card__text{margin:0;font:500 14.8px/1.7 var(--z3e843-font);color:var(--z3e843-text);} #article-content .checklist{margin:10px 0 0;padding-left:18px;color:var(--z3e843-text);} #article-content .checklist li{margin:10px 0;font:500 15px/1.7 var(--z3e843-font);} #article-content .small-steps{margin:10px 0 0;padding-left:20px;} #article-content .small-steps li{margin:8px 0;font:500 15px/1.7 var(--z3e843-font);} #article-content .article-content__related{margin-top:26px;padding-top:18px;border-top:1px solid rgba(215,224,234,.9);} #article-content .related-title{margin:0 0 10px;font:850 18px/1.3 var(--z3e843-font-display);color:var(--z3e843-ink);} #article-content .related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #article-content .related-link{display:block;padding:12px 12px;border-radius:var(--z3e843-radius-md,12px);border:1px solid var(--z3e843-border);background:var(--z3e843-surface);color:var(--z3e843-ink);text-decoration:none;font:700 14.5px/1.35 var(--z3e843-font);} #article-content .related-link:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;} #article-content .related-link:hover{border-color:color-mix(in srgb, var(--z3e843-secondary) 55%, var(--z3e843-border) 45%);} #article-content ::selection{background:rgba(47,133,90,.22);color:var(--z3e843-ink);} #article-content a{color:var(--z3e843-ink);} @media (min-width: 760px){#article-content{padding:62px 16px;}#article-content .article-content__title{font-size:46px;} .action-grid{grid-template-columns:repeat(3,1fr);} } @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z3e843:related-articles */ /* z3e843:related-articles */ #related-articles.related-articles{--pad:clamp(16px,3vw,28px);background:var(--z3e843-surface);border-top:1px solid var(--z3e843-border);padding:var(--pad) 0 40px 0;color:var(--z3e843-ink);} #related-articles.related-articles .related-articles__inner{max-width:1050px;margin:0 auto;padding:0 var(--pad);} #related-articles.related-articles .related-articles__header{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;} #related-articles.related-articles .related-articles__title{margin:0;font-family:var(--z3e843-font-display);font-size:clamp(20px,2.5vw,28px);letter-spacing:-0.02em;line-height:1.15;color:var(--z3e843-ink);text-wrap:balance;} #related-articles.related-articles .related-articles__lede{margin:0;max-width:70ch;font-size:15px;line-height:1.6;color:var(--z3e843-text);} #related-articles.related-articles .related-articles__list{list-style:none;padding:0;margin:12px 0 18px 0;display:grid;gap:12px;grid-template-columns:1fr;} #related-articles.related-articles .related-articles__item{border:1px solid var(--z3e843-border);background:var(--z3e843-bg);border-radius:var(--radius-md,12px);box-shadow:0 10px 26px rgba(11,58,83,0.07);} #related-articles.related-articles .related-articles__link{display:block;padding:14px 14px 14px 16px;text-decoration:none;color:inherit;outline:none;} #related-articles.related-articles .related-articles__link:focus-visible{box-shadow:0 0 0 3px rgba(47,133,90,0.35);} #related-articles.related-articles .related-articles__kicker{display:block;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--z3e843-secondary);margin-bottom:6px;} #related-articles.related-articles .related-articles__name{display:block;font-size:15px;line-height:1.45;color:var(--z3e843-ink);font-weight:650;} #related-articles.related-articles .related-articles__ctaRow{display:flex;align-items:center;gap:12px;} #related-articles.related-articles .related-articles__backLink{font-weight:650;color:var(--z3e843-primary);text-decoration:none;border-bottom:1px solid rgba(11,58,83,0.25);} #related-articles.related-articles .related-articles__backLink:hover{border-bottom-color:rgba(11,58,83,0.6);} #related-articles.related-articles .related-articles__backLink:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(47,133,90,0.35);border-bottom-color:transparent;} #related-articles.related-articles ::selection{background:rgba(47,133,90,0.22);color:var(--z3e843-ink);} @media (min-width:780px){ #related-articles.related-articles .related-articles__list{grid-template-columns:1fr 1fr;gap:14px;} } @media (prefers-reduced-motion:reduce){ #related-articles.related-articles .related-articles__item{box-shadow:none;} } /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{--hero-max:1040px; position:relative; background:var(--z3e843-bg); color:var(--z3e843-ink); padding:44px 18px 28px; overflow:hidden;} #article-hero::before{content:""; position:absolute; inset:-120px -40px auto -40px; height:260px; background:linear-gradient(180deg, color-mix(in srgb, var(--z3e843-primary) 14%, transparent) 0%, transparent 72%); pointer-events:none;} #article-hero::after{content:""; position:absolute; right:-140px; top:-80px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--z3e843-secondary) 28%, transparent) 0%, transparent 60%); pointer-events:none;} #article-hero .article-hero__inner{max-width:var(--hero-max); margin:0 auto; position:relative;} #article-hero .article-hero__header{display:flex; flex-direction:column; gap:16px;} #article-hero .article-hero__kicker{display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:color-mix(in srgb, var(--z3e843-ink) 72%, var(--z3e843-slate));} #article-hero .article-hero__kicker-badge{display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:var(--radius-sm,8px); border:1px solid color-mix(in srgb, var(--z3e843-border) 84%, var(--z3e843-primary)); background:color-mix(in srgb, var(--z3e843-surface) 78%, white); font:600 12.5px/1.2 var(--z3e843-font, var(--z3e843-font)); letter-spacing:0.01em;} #article-hero .article-hero__kicker-sep{opacity:.7;} #article-hero .article-hero__kicker-meta{font:600 13px/1.3 var(--z3e843-font, var(--z3e843-font));} #article-hero .article-hero__title{margin:0; max-width:22ch; font:700 40px/1.05 var(--z3e843-font-display, var(--z3e843-font)); letter-spacing:-0.02em; text-wrap:balance;} #article-hero .article-hero__lede{margin:0; max-width:72ch; font:500 16px/1.65 var(--z3e843-font); color:color-mix(in srgb, var(--z3e843-ink) 82%, var(--z3e843-slate));} #article-hero .article-hero__meta{display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:color-mix(in srgb, var(--z3e843-ink) 80%, var(--z3e843-slate)); margin-top:6px;} #article-hero .article-hero__meta-item{display:flex; flex-wrap:wrap; gap:8px; align-items:baseline;} #article-hero .article-hero__meta-label{font:600 12px/1.2 var(--z3e843-font); letter-spacing:0.02em; text-transform:uppercase; color:color-mix(in srgb, var(--z3e843-ink) 62%, var(--z3e843-slate));} #article-hero .article-hero__meta-value{font:650 14px/1.3 var(--z3e843-font);} #article-hero .article-hero__meta-dot{opacity:.6; margin:0 2px;} #article-hero .article-hero__cta-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:10px;} #article-hero .article-hero__btn{display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 16px; border-radius:var(--radius-md,12px); text-decoration:none; font:700 14px/1 var(--z3e843-font); letter-spacing:0.01em; border:1px solid transparent; transition:background-color .15s ease, border-color .15s ease, transform .08s ease;} #article-hero .article-hero__btn--primary{background:var(--z3e843-primary); color:color-mix(in srgb, white 92%, var(--z3e843-primary)); border-color:color-mix(in srgb, var(--z3e843-primary) 92%, white);} #article-hero .article-hero__btn--outline{background:color-mix(in srgb, var(--z3e843-surface) 72%, white); color:var(--z3e843-ink); border-color:color-mix(in srgb, var(--z3e843-border) 80%, var(--z3e843-primary));} #article-hero .article-hero__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 55%, white); outline-offset:2px;} #article-hero .article-hero__btn:active{transform:translateY(1px);} #article-hero .article-hero__btn--primary:hover{background:color-mix(in srgb, var(--z3e843-primary) 88%, var(--z3e843-secondary));} #article-hero .article-hero__btn--outline:hover{background:color-mix(in srgb, var(--z3e843-surface) 86%, white); border-color:color-mix(in srgb, var(--z3e843-border) 65%, var(--z3e843-secondary));} #article-hero .article-hero__summary{margin-top:16px; padding:16px; border-radius:var(--radius-lg,16px); background:color-mix(in srgb, var(--z3e843-surface) 88%, white); border:1px solid color-mix(in srgb, var(--z3e843-border) 85%, var(--z3e843-primary));} #article-hero .article-hero__summary-title{margin:0 0 10px; font:800 16px/1.3 var(--z3e843-font); color:var(--z3e843-ink);} #article-hero .article-hero__bullets{margin:0; padding-left:18px; display:flex; flex-direction:column; gap:8px;} #article-hero .article-hero__bullets li{font:560 14.5px/1.55 var(--z3e843-font); color:color-mix(in srgb, var(--z3e843-ink) 84%, var(--z3e843-slate));} #article-hero .article-hero__bullets strong{color:var(--z3e843-ink);} #article-hero ::selection{background:color-mix(in srgb, var(--z3e843-secondary) 26%, white); color:var(--z3e843-ink);} @media (max-width: 720px){#article-hero{padding:36px 14px 20px;}#article-hero .article-hero__title{font-size:30px; max-width:20ch;}#article-hero .article-hero__lede{font-size:15.5px;} } @media (prefers-reduced-motion: reduce){#article-hero .article-hero__btn{transition:none;}} /* z3e843:article-content */ /* z3e843:article-content */ #article-content.article-content{--local-max:920px; background:var(--z3e843-bg); color:var(--z3e843-ink); font-family:var(--z3e843-font); padding:24px 16px 44px;} #article-content .article{max-width:var(--local-max); margin:0 auto;} #article-content .article-lead{font-size:18px; line-height:1.6; margin:0 0 18px; color:var(--z3e843-ink);} #article-content .article-heading{font-family:var(--z3e843-font-display); font-size:28px; line-height:1.15; letter-spacing:-0.02em; margin:26px 0 10px; color:var(--z3e843-ink); text-wrap:balance;} #article-content .subheading{font-size:18px; line-height:1.4; margin:20px 0 8px; color:var(--z3e843-ink);} #article-content .article-paragraph{margin:0 0 14px; font-size:16px; line-height:1.75; color:var(--z3e843-ink);} #article-content .article-callout{margin:16px 0 22px; padding:16px 16px; background:color-mix(in oklab, var(--z3e843-surface) 84%, white 16%); border:1px solid var(--z3e843-border); border-radius:var(--radius-md, 12px);} #article-content .callout-title{margin:0 0 8px; font-size:16px; font-weight:750; color:var(--z3e843-primary);} #article-content .callout-text{margin:0; font-size:15px; line-height:1.7; color:var(--z3e843-ink);} #article-content .steps{margin:12px 0 18px; padding:0; list-style:none; display:grid; gap:10px;} #article-content .step{display:flex; gap:10px; align-items:flex-start; padding:12px 12px; background:var(--z3e843-surface); border:1px solid var(--z3e843-border); border-radius:var(--radius-sm, 8px);} #article-content .step-title{display:inline-block; min-width:max-content; font-weight:800; color:var(--z3e843-primary);} #article-content .article-keypoints{margin:18px 0 6px; padding:16px 16px; background:var(--z3e843-surface); border:1px solid var(--z3e843-border); border-radius:var(--radius-md, 12px);} #article-content .keypoints-title{margin:0 0 10px; font-size:16px; font-weight:850; color:var(--z3e843-primary);} #article-content .keypoints-list{margin:0; padding:0; list-style:none; display:grid; gap:10px;} #article-content .keypoints-list li{font-size:15px; line-height:1.7; color:var(--z3e843-ink); display:flex; gap:10px; align-items:flex-start;} #article-content .bullet{width:10px; height:10px; border-radius:3px; margin-top:6px; background:var(--z3e843-accent); flex:0 0 auto; box-shadow:0 1px 0 color-mix(in oklab, var(--z3e843-accent) 60%, black 40%);} #article-content .article-endnote{margin-top:12px;} #article-content .inline-link{display:inline-flex; align-items:center; gap:10px; margin-top:14px; color:var(--z3e843-primary); text-decoration:none; font-weight:800; border-bottom:1px solid color-mix(in oklab, var(--z3e843-accent) 55%, var(--z3e843-border) 45%); padding-bottom:3px;} #article-content .inline-link-icon{display:inline-flex; width:20px; height:20px; align-items:center; justify-content:center; border-radius:6px; background:color-mix(in oklab, var(--z3e843-accent) 12%, white 88%); border:1px solid color-mix(in oklab, var(--z3e843-accent) 28%, var(--z3e843-border) 72%);} #article-content .inline-link:focus-visible{outline:3px solid color-mix(in oklab, var(--z3e843-accent) 55%, white 45%); outline-offset:3px; border-bottom-color:transparent;} #article-content ::selection{background:color-mix(in oklab, var(--z3e843-accent) 35%, white 65%); color:var(--z3e843-ink);} @media (max-width:720px){#article-content{padding:20px 14px 36px;}#article-content .article-lead{font-size:17px;}#article-content .article-heading{font-size:24px;}#article-content .article-paragraph{font-size:15.5px;}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto; transition:none !important; animation:none !important;}} /* z3e843:related-articles */ /* z3e843:related-articles */ #related-articles{--ra-gap:16px;--ra-radius:var(--z3e843-radius-md,12px);--ra-border:var(--z3e843-border);--ra-surface:var(--z3e843-surface);--ra-bg:var(--z3e843-bg);padding:48px 0;background:var(--z3e843-bg);color:var(--z3e843-text)} #related-articles .container{width:min(1120px,calc(100% - 40px));margin:0 auto} #related-articles .section-title{margin:0 0 10px;font:700 28px/1.15 var(--z3e843-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--z3e843-ink)} #related-articles .section-subtitle{margin:0 0 26px;max-width:70ch;color:var(--z3e843-slate);font:400 15px/1.55 var(--z3e843-font)} #related-articles .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ra-gap)} #related-articles .related-item{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--ra-radius);padding:18px 18px 16px;box-shadow:0 10px 24px rgba(11,58,83,.08)} #related-articles .related-title{margin:0 0 8px;font:700 16px/1.35 var(--z3e843-font);color:var(--z3e843-ink)} #related-articles .related-meta{margin:0 0 14px;color:var(--z3e843-slate);font:400 13px/1.45 var(--z3e843-font)} #related-articles .related-link{display:inline-block;color:var(--z3e843-primary);font:700 14px/1.2 var(--z3e843-font);text-decoration:none;border-bottom:2px solid rgba(47,133,90,.35);padding-bottom:2px} #related-articles .related-link:focus-visible{outline:3px solid rgba(47,133,90,.45);outline-offset:3px;border-bottom-color:rgba(47,133,90,.9)} #related-articles .related-link:hover{border-bottom-color:rgba(47,133,90,.9)} #related-articles .related-actions{display:flex;gap:12px;align-items:center;margin-top:22px;flex-wrap:wrap} #related-articles .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 16px;font:800 14px/1 var(--z3e843-font);text-decoration:none;border:1px solid var(--z3e843-primary);background:var(--z3e843-primary);color:var(--z3e843-bg)} #related-articles .btn-ghost{background:transparent;border-color:rgba(11,58,83,.35);color:var(--z3e843-primary)} #related-articles .btn-ghost:hover{background:rgba(11,58,83,.05)} #related-articles .btn:focus-visible,#related-articles .btn-ghost:focus-visible{outline:3px solid rgba(47,133,90,.45);outline-offset:3px} #related-articles ::selection{background:rgba(47,133,90,.25)} @media (max-width:860px){#related-articles{padding:38px 0}#related-articles .section-title{font-size:24px}#related-articles .related-grid{grid-template-columns:1fr}#related-articles .container{width:calc(100% - 28px)}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important}} /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);background:var(--z3e843-surface);color:var(--z3e843-text);padding:56px 0 44px;position:relative;overflow:hidden} #article-hero::before{content:"";position:absolute;inset:-200px -120px auto -120px;height:420px;background:linear-gradient(180deg,rgba(11,58,83,.14),rgba(11,58,83,0));pointer-events:none} #article-hero .article-hero__inner{max-width:980px;margin:0 auto;padding:0 20px;position:relative} #article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:600 13px/1.2 var(--z3e843-font);letter-spacing:.08em;text-transform:uppercase;color:var(--z3e843-primary)} #article-hero .article-hero__kicker::before{content:"";width:10px;height:10px;border-radius:999px;background:var(--z3e843-accent)} #article-hero .article-hero__title{margin:0 0 18px;font:800 40px/1.08 var(--z3e843-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--z3e843-ink)} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 18px} #article-hero .meta-pill{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md,12px);background:rgba(255,255,255,.7)} #article-hero .meta-pill__label{font:650 12px/1.1 var(--z3e843-font);letter-spacing:.02em;color:color-mix(in oklab, var(--z3e843-slate) 85%, var(--z3e843-ink));text-transform:uppercase} #article-hero .meta-pill__value{font:700 14px/1.2 var(--z3e843-font);color:var(--z3e843-ink)} #article-hero .meta-separator{width:18px;height:1px;background:var(--z3e843-border);border-radius:1px;display:none} #article-hero .article-hero__lede{margin:0 0 18px;font:450 16px/1.7 var(--z3e843-font);color:color-mix(in oklab, var(--z3e843-ink) 92%, var(--z3e843-text));max-width:70ch} #article-hero .article-hero__outline{list-style:none;margin:0;padding:0;display:grid;gap:10px} #article-hero .outline-item{display:flex;gap:10px;align-items:flex-start} #article-hero .outline-item__dot{margin-top:8px;flex:0 0 auto;width:10px;height:10px;border-radius:3px;background:var(--z3e843-accent)} #article-hero .outline-item span{font:520 15px/1.55 var(--z3e843-font);color:var(--z3e843-ink)} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--z3e843-radius-md,12px);padding:12px 14px;font:750 14px/1 var(--z3e843-font);text-decoration:none;letter-spacing:.01em;min-height:44px;box-sizing:border-box} #article-hero .btn--primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid var(--z3e843-primary)} #article-hero .btn--ghost{background:transparent;border:1px solid var(--z3e843-border);color:var(--z3e843-ink)} #article-hero .btn:focus-visible{outline:3px solid color-mix(in oklab, var(--z3e843-accent) 55%, white);outline-offset:2px} #article-hero .btn:active{transform:translateY(1px)} #article-hero .article-hero__disclaimer{margin-top:16px;padding:14px 14px;border-radius:var(--z3e843-radius-md,12px);border:1px solid var(--z3e843-border);background:rgba(255,255,255,.75)} #article-hero .article-hero__disclaimer-text{margin:0;font:520 14px/1.6 var(--z3e843-font);color:color-mix(in oklab, var(--z3e843-slate) 40%, var(--z3e843-ink) 60%)} #article-hero ::selection{background:color-mix(in oklab, var(--z3e843-accent) 30%, white);color:var(--z3e843-ink)} @media (min-width:780px){#article-hero{padding:66px 0 54px}#article-hero .article-hero__title{font-size:46px}} @media (max-width:520px){#article-hero .article-hero__title{font-size:32px}#article-hero .meta-pill{padding:10px 12px}} @media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none}#article-hero::before{display:none}} /* z3e843:article-content */ /* z3e843:article-content */ #article-content.article-content{background:var(--z3e843-bg);color:var(--z3e843-text);padding:24px 0 40px;} #article-content .article-content__inner{max-width:900px;margin:0 auto;padding:0 18px;} #article-content .article-content__header{padding:18px 0 10px;} #article-content .article-content__kicker{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--z3e843-secondary);margin:0 0 10px;} #article-content .article-content__title{font-family:var(--z3e843-font-display);font-size:30px;line-height:1.18;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance;} #article-content .article-content__lede{font-size:16px;line-height:1.65;margin:0;color:var(--z3e843-text);max-width:76ch;} #article-content .article-body{padding-top:6px;} #article-content .article-body h3{font-family:var(--z3e843-font-display);font-size:20px;line-height:1.25;margin:22px 0 10px;letter-spacing:-.01em;color:var(--z3e843-ink);} #article-content .article-body p{margin:0 0 14px;font-size:15.5px;line-height:1.75;max-width:78ch;} #article-content .article-list{margin:10px 0 18px 18px;padding:0;} #article-content .article-list li{margin:10px 0;font-size:15.5px;line-height:1.7;} #article-content .article-bullets{margin:10px 0 18px 18px;padding:0;} #article-content .article-bullets li{margin:10px 0;font-size:15.5px;line-height:1.7;} #article-content .callout{border:1px solid var(--z3e843-border);background:color-mix(in srgb, var(--z3e843-surface) 82%, white);border-radius:var(--z3e843-radius-lg,16px);padding:14px 16px;margin:18px 0 10px;} #article-content .callout p{margin:0;font-size:15.5px;line-height:1.7;} #article-content .section-divider{height:1px;background:var(--z3e843-border);margin:22px 0 10px;} #article-content .article-list--short li{margin:9px 0;} #article-content .article-actions{padding:22px 0 6px;} #article-content .article-actions__title{font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:var(--z3e843-secondary);} #article-content .related{list-style:none;margin:0;padding:0;display:grid;gap:10px;} #article-content .related__link{display:block;padding:10px 12px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md,12px);background:var(--z3e843-bg);color:var(--z3e843-ink);text-decoration:none;font-size:14.5px;line-height:1.35;} #article-content .related__link:hover{border-color:color-mix(in srgb, var(--z3e843-secondary) 40%, var(--z3e843-border));} #article-content .related__link:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 35%, white);outline-offset:2px;} #article-content ::selection{background:color-mix(in srgb, var(--z3e843-secondary) 30%, white);} @media (max-width:640px){ #article-content .article-content__title{font-size:26px;} #article-content .article-content__inner{padding:0 14px;} #article-content .article-body p,#article-content .article-list li,#article-content .article-bullets li{font-size:15px;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} } /* z3e843:related-articles */ /* z3e843:related-articles */ #related-articles{background:var(--z3e843-surface);color:var(--z3e843-ink);padding:48px 0;} #related-articles .container{max-width:1040px;margin:0 auto;padding:0 20px;} #related-articles .related-header{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px;} #related-articles .related-title{font-family:var(--z3e843-font-display);font-size:28px;line-height:1.15;margin:0;letter-spacing:-0.02em;text-wrap:balance;} #related-articles .related-subtitle{margin:0;max-width:620px;color:var(--z3e843-slate);font-size:15px;line-height:1.6;} #related-articles .related-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:12px;} #related-articles .related-link{display:flex;gap:14px;align-items:flex-start;text-decoration:none;border:1px solid var(--z3e843-border);background:var(--z3e843-bg);border-radius:var(--z3e843-radius-lg);padding:14px 14px;transition:background 140ms ease,border-color 140ms ease,transform 140ms ease;} #related-articles .related-link:focus-visible{outline:3px solid var(--z3e843-accent);outline-offset:2px;} #related-articles .related-link:hover{border-color:rgba(47,133,90,.55);} #related-articles .related-pill{flex:0 0 auto;font-size:12px;line-height:1;padding:7px 10px;border-radius:999px;background:rgba(47,133,90,.10);color:var(--z3e843-secondary);border:1px solid rgba(47,133,90,.28);margin-top:2px;} #related-articles .related-link-title{font-size:15px;line-height:1.45;font-weight:650;color:var(--z3e843-ink);} #related-articles .related-footer{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:1px solid rgba(6,24,38,.18);color:var(--z3e843-ink);background:transparent;border-radius:var(--z3e843-radius-md);padding:12px 14px;font-size:14px;font-weight:650;transition:background 140ms ease,border-color 140ms ease;} #related-articles .ghost-button:hover{background:rgba(6,24,38,.03);border-color:rgba(6,24,38,.28);} #related-articles .ghost-button:focus-visible{outline:3px solid var(--z3e843-accent);outline-offset:2px;} #related-articles ::selection{background:rgba(47,133,90,.22);} @media (min-width:780px){ #related-articles .related-list{grid-template-columns:1fr 1fr;gap:14px;} } @media (prefers-reduced-motion:reduce){ #related-articles .related-link,#related-articles .ghost-button{transition:none;} } /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{ --radius-sm: var(--z3e843-radius-sm, 8px); --radius-md: var(--z3e843-radius-md, 12px); --radius-lg: var(--z3e843-radius-lg, 16px); font-family: var(--z3e843-font); color: var(--z3e843-text); background: var(--z3e843-bg); } #article-hero .article-hero__inner{ max-width: 1040px; margin: 0 auto; padding: 48px 20px 22px; } #article-hero .article-hero__badge{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 12px; border:1px solid var(--z3e843-border); border-radius: var(--radius-md); background: var(--z3e843-surface); } #article-hero .article-hero__badge-dot{ width:10px; height:10px; border-radius: 999px; background: var(--z3e843-accent); box-shadow: 0 10px 24px rgba(47,133,90,.25); } #article-hero .article-hero__badge-text{ font-size: 13px; font-weight: 650; color: var(--z3e843-ink); } #article-hero .article-hero__badge-sep{ color: var(--z3e843-slate); font-size: 13px; } #article-hero .article-hero__title{ margin: 18px 0 14px; font-family: var(--z3e843-font-display, var(--z3e843-font)); font-size: clamp(30px, 3.3vw, 46px); line-height: 1.08; letter-spacing: -0.02em; font-weight: 820; text-wrap: balance; } #article-hero .article-hero__meta{ display:grid; grid-template-columns: 1fr; gap: 12px; margin: 10px 0 18px; } #article-hero .article-hero__meta-item{ padding: 14px 14px; border:1px solid var(--z3e843-border); border-radius: var(--radius-md); background: var(--z3e843-surface); } #article-hero .article-hero__meta-label{ font-size: 12px; font-weight: 700; letter-spacing: .02em; color: var(--z3e843-slate); } #article-hero .article-hero__meta-value{ margin-top: 6px; font-size: 14.5px; line-height: 1.35; font-weight: 650; color: var(--z3e843-ink); } #article-hero .article-hero__lede{ margin: 0 0 18px; font-size: 16.5px; line-height: 1.55; max-width: 78ch; } #article-hero .article-hero__actions{ display:flex; gap: 12px; align-items:center; flex-wrap:wrap; margin: 14px 0 18px; } #article-hero .article-hero__btn{ display:inline-flex; align-items:center; justify-content:center; padding: 11px 14px; border-radius: var(--radius-md); text-decoration:none; font-weight: 760; font-size: 14.5px; border: 1px solid transparent; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } #article-hero .primary-btn{ background: var(--z3e843-primary); color: #fff; border-color: var(--z3e843-primary); } #article-hero .primary-btn:focus-visible, #article-hero .ghost-btn:focus-visible{ outline: 3px solid rgba(47,133,90,.35); outline-offset: 2px; } #article-hero .ghost-btn{ background: var(--z3e843-surface); color: var(--z3e843-ink); border-color: var(--z3e843-border); } #article-hero .ghost-btn:hover{ background: #eef5fb; } #article-hero .article-hero__outline{ margin: 8px 0 18px; padding: 0; list-style: none; display:grid; gap: 10px; } #article-hero .article-hero__outline-item{ display:flex; gap: 12px; align-items:flex-start; } #article-hero .article-hero__outline-index{ width: 26px; height: 26px; border-radius: 999px; display:inline-flex; align-items:center; justify-content:center; background: rgba(47,133,90,.12); color: var(--z3e843-accent); font-weight: 860; border:1px solid rgba(47,133,90,.25); flex: 0 0 auto; } #article-hero .article-hero__outline-text{ font-size: 15px; line-height: 1.45; color: var(--z3e843-ink); font-weight: 620; } #article-hero .article-hero__tip{ margin-top: 10px; padding: 16px 16px; border-radius: var(--radius-lg); background: rgba(247,250,252,.9); border: 1px solid var(--z3e843-border); } #article-hero .article-hero__tip-title{ font-size: 12px; font-weight: 850; letter-spacing: .03em; color: var(--z3e843-accent); text-transform: uppercase; } #article-hero .article-hero__tip-text{ margin-top: 8px; font-size: 15.5px; line-height: 1.5; color: var(--z3e843-ink); font-weight: 620; } #article-hero ::selection{ background: rgba(47,133,90,.25); } @media (min-width: 860px){ #article-hero .article-hero__inner{ padding-top: 64px; padding-left: 24px; padding-right: 24px; } #article-hero .article-hero__meta{ grid-template-columns: repeat(3, 1fr); } #article-hero .article-hero__outline{ grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce){ #article-hero .article-hero__btn{ transition: none; } } /* z3e843:article-content */ #article-content{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 10px 30px rgba(6,24,38,.08);--shadow-2:0 6px 18px rgba(11,58,83,.10)} #article-content{background:var(--z3e843-bg);color:var(--z3e843-text);padding:40px 0 56px} #article-content .article-layout{max-width:980px;margin:0 auto;padding:0 20px} #article-content .article-intro{padding:6px 0 18px} #article-content .article-kicker{font:600 12px/1.2 var(--z3e843-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z3e843-secondary);margin:0 0 10px} #article-content .article-title{font:800 clamp(26px,3.2vw,40px)/1.08 var(--z3e843-font-display);letter-spacing:-.02em;color:var(--z3e843-ink);margin:0 0 14px;text-wrap:balance} #article-content .article-lede{font:500 16px/1.65 var(--z3e843-font);color:rgba(6,24,38,.86);max-width:78ch;margin:0} #article-content .article-body{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:26px 22px} #article-content .article-section{padding:8px 0 22px} #article-content .article-section:last-child{padding-bottom:0} #article-content .section-title{font:800 18px/1.3 var(--z3e843-font-display);color:var(--z3e843-ink);margin:0 0 10px;letter-spacing:-.01em} #article-content p{margin:0 0 12px;color:rgba(6,24,38,.88);font:500 15.5px/1.75 var(--z3e843-font)} #article-content strong{color:var(--z3e843-ink)} #article-content .checklist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px} #article-content .checklist li{display:flex;gap:10px;align-items:flex-start} #article-content .check{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(47,133,90,.14);color:var(--z3e843-secondary);border:1px solid rgba(47,133,90,.26);font-weight:900;font-size:13px;flex:0 0 auto;margin-top:1px} #article-content .bento{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px} #article-content .bento-item{background:var(--z3e843-bg);border:1px solid var(--z3e843-border);border-radius:var(--radius-md);padding:16px 16px 14px;box-shadow:var(--shadow-2)} #article-content .bento-title{font:850 15px/1.3 var(--z3e843-font-display);color:var(--z3e843-ink);margin:0 0 8px;letter-spacing:-.01em} #article-content .bento-text{margin:0;color:rgba(6,24,38,.86);font:500 14.5px/1.7 var(--z3e843-font)} #article-content .two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px} #article-content .fall-card{background:var(--z3e843-bg);border:1px solid var(--z3e843-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-2)} #article-content .fall-title{font:850 15px/1.35 var(--z3e843-font-display);color:var(--z3e843-ink);margin:0 0 8px} #article-content .fall-text{margin:0;color:rgba(6,24,38,.86);font:500 14.5px/1.7 var(--z3e843-font)} #article-content .steps{padding-left:18px;margin:10px 0 0;display:grid;gap:10px} #article-content .steps li{color:rgba(6,24,38,.90);font:500 15px/1.7 var(--z3e843-font)} #article-content .callout{margin-top:16px;background:rgba(47,133,90,.10);border:1px solid rgba(47,133,90,.24);border-radius:var(--radius-md);padding:14px 14px} #article-content .callout p{margin:0;color:rgba(6,24,38,.92);font:600 15px/1.65 var(--z3e843-font)} #article-content .article-footer{margin-top:20px;border-top:1px solid rgba(215,224,234,.95);padding-top:18px} #article-content .article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px} #article-content .meta-item{background:rgba(215,224,234,.35);border:1px solid rgba(215,224,234,.85);border-radius:999px;padding:8px 12px;font:600 13px/1.2 var(--z3e843-font);color:rgba(6,24,38,.90)} #article-content .meta-label{color:rgba(6,24,38,.65);font-weight:800;margin-right:8px} #article-content .article-actions{display:flex;gap:12px;flex-wrap:wrap} #article-content a{color:inherit} #article-content .link-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:11px 14px;font:800 14px/1 var(--z3e843-font-display);text-decoration:none} #article-content .link-button{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid rgba(255,255,255,.18)} #article-content .outline-button{background:var(--z3e843-bg);color:var(--z3e843-primary);border:1.5px solid rgba(11,58,83,.28)} #article-content .link-button:focus-visible,.outline-button:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px} #article-content .link-button:active,.outline-button:active{transform:translateY(1px)} #article-content .divider{height:1px;background:rgba(215,224,234,.8);max-width:980px;margin:24px auto 0} #article-content ::selection{background:rgba(47,133,90,.25)} @media (max-width:860px){#article-content .article-body{padding:20px 16px}#article-content .bento{grid-template-columns:1fr}#article-content .two-col{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none;animation:none}} // z3e843:article-content /* z3e843:related-articles */ /* z3e843:related-articles */ #related-articles.related-articles{--ra-ink:var(--z3e843-ink);--ra-primary:var(--z3e843-primary);--ra-secondary:var(--z3e843-secondary);--ra-surface:var(--z3e843-surface);--ra-bg:var(--z3e843-bg);--ra-border:var(--z3e843-border);background:var(--ra-bg);color:var(--ra-ink);padding:40px 0;} #related-articles .container{max-width:1100px;margin:0 auto;padding:0 18px;} #related-articles .section-head{margin-bottom:22px;} #related-articles .section-title{font-family:var(--z3e843-font-display);font-size:34px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px 0;color:var(--z3e843-primary);text-wrap:balance;} #related-articles .section-lede{margin:0;max-width:72ch;font-size:16px;line-height:1.6;color:var(--z3e843-text);} #related-articles .related-list{display:grid;grid-template-columns:1fr;gap:14px;} #related-articles .related-card{background:var(--z3e843-surface);border:1px solid var(--ra-border);border-radius:var(--radius-lg);padding:18px 18px 16px 18px;position:relative;overflow:hidden;} #related-articles .related-card:before{content:"";position:absolute;inset:-1px auto auto -1px;width:6px;background:linear-gradient(180deg,var(--z3e843-secondary),var(--z3e843-primary));opacity:1;} #related-articles .related-meta{display:flex;align-items:center;gap:10px;margin:2px 0 10px 0;position:relative;} #related-articles .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(47,133,90,0.10);border:1px solid rgba(47,133,90,0.22);color:var(--z3e843-secondary);font-size:12px;font-weight:700;letter-spacing:0.01em;} #related-articles .dot{color:rgba(6,24,38,0.35);font-weight:700;} #related-articles .topic{font-size:12px;font-weight:700;color:rgba(6,24,38,0.72);text-transform:uppercase;letter-spacing:0.06em;} #related-articles .related-title{margin:0 0 8px 0;font-size:18px;line-height:1.35;} #related-articles .related-link{color:var(--z3e843-primary);text-decoration:none;display:inline;} #related-articles .related-link:hover{text-decoration:underline;} #related-articles .related-desc{margin:0;font-size:14px;line-height:1.6;color:rgba(11,18,32,0.86);} #related-articles .cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;} #related-articles .cta-divider{height:16px;width:1px;background:rgba(215,224,234,1);} #related-articles .secondary-link{color:var(--z3e843-primary);text-decoration:none;font-weight:700;font-size:14px;} #related-articles .secondary-link:hover{text-decoration:underline;} #related-articles .secondary-link:focus-visible,#related-articles .related-link:focus-visible{outline:3px solid rgba(47,133,90,0.35);outline-offset:3px;border-radius:var(--radius-sm);} #related-articles::selection{background:rgba(47,133,90,0.22);} @media (min-width:860px){ #related-articles .related-list{grid-template-columns:1fr 1fr;gap:16px;} #related-articles .section-title{font-size:40px;} } @media (prefers-reduced-motion:reduce){ #related-articles .related-link,#related-articles .secondary-link{transition:none;} } /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);padding:48px 0;background:var(--z3e843-bg);color:var(--z3e843-text)} #article-hero .article-hero__inner{max-width:980px;margin:0 auto;padding:0 18px} #article-hero .article-hero__top{display:block;margin-bottom:18px} #article-hero .article-hero__kicker{display:flex;align-items:center;gap:10px;margin-bottom:10px} #article-hero .article-hero__kicker-dot{width:10px;height:10px;border-radius:999px;background:var(--z3e843-secondary);box-shadow:0 0 0 4px rgba(47,133,90,.12)} #article-hero .article-hero__kicker-text{font-family:var(--z3e843-font);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--z3e843-primary);font-weight:800} #article-hero .article-hero__lede{margin:0;max-width:72ch;font-size:16px;line-height:1.6;color:rgba(6,24,38,.88)} #article-hero .article-hero__title{margin:12px 0 18px;font-family:var(--z3e843-font-display);font-size:44px;line-height:1.08;letter-spacing:-.02em;color:var(--z3e843-ink);text-wrap:balance} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:14px 18px;margin:18px 0 22px;padding:14px 14px;background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--radius-md)} #article-hero .meta-item{min-width:180px} #article-hero .meta-item__label{margin:0;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:rgba(6,24,38,.6);font-weight:800} #article-hero .meta-item__value{margin:6px 0 0;font-size:16px;line-height:1.3;color:var(--z3e843-ink);font-weight:700} #article-hero .meta-item__value--mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace} #article-hero .article-hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 26px} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-sm);padding:12px 16px;font-family:var(--z3e843-font);text-decoration:none;font-weight:800;letter-spacing:.01em;line-height:1;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,color .18s ease} #article-hero .btn:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px} #article-hero .btn--primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid var(--z3e843-primary)} #article-hero .btn--primary:hover{background:#093148} #article-hero .btn--outline{background:transparent;color:var(--z3e843-primary);border:1.5px solid var(--z3e843-primary)} #article-hero .btn--outline:hover{background:rgba(11,58,83,.06)} #article-hero .article-hero__touchpoints{margin-top:8px} #article-hero .touchpoints{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px} #article-hero .touchpoint{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:flex-start;padding:14px 14px;border-radius:var(--radius-md);border:1px solid var(--z3e843-border);background:rgba(255,255,255,.75)} #article-hero .touchpoint__num{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(47,133,90,.12);color:var(--z3e843-secondary);font-weight:900;font-size:14px} #article-hero .touchpoint__title{display:block;color:var(--z3e843-ink);font-size:16px;margin-top:2px} #article-hero .touchpoint__text{display:block;margin-top:6px;font-size:14px;line-height:1.55;color:rgba(6,24,38,.78)} #article-hero .article-hero__notice{margin-top:22px;padding:14px 14px;border-radius:var(--radius-md);border:1px solid var(--z3e843-border);background:var(--z3e843-surface)} #article-hero .article-hero__notice-text{margin:0;color:rgba(6,24,38,.78);font-size:13.5px;line-height:1.55} #article-hero .article-hero__notice-link{display:inline-block;margin-top:10px;color:var(--z3e843-primary);font-weight:850;text-decoration:underline;text-underline-offset:3px} #article-hero .article-hero__notice-link:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:3px} #article-hero .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} @media (max-width:720px){#article-hero{padding:34px 0}#article-hero .article-hero__title{font-size:34px}#article-hero .meta-item{min-width:unset}#article-hero .article-hero__meta{padding:12px 12px}} @media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none}} ::selection{background:rgba(47,133,90,.22)} /* z3e843:article-content */ /* z3e843:article-content */ #article-content.article-content{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);padding:28px 0 56px;background:var(--z3e843-bg);color:var(--z3e843-text);} #article-content .article{max-width:980px;margin:0 auto;padding:0 18px;} #article-content .article-lede{margin:6px 0 22px;} #article-content .article-kicker{display:inline-block;font:600 12px/1.2 var(--z3e843-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z3e843-secondary);margin:0 0 12px;} #article-content .article-title{font-family:var(--z3e843-font-display);font-weight:800;font-size:44px;line-height:1.06;letter-spacing:-0.02em;margin:0 0 12px;text-wrap:balance;color:var(--z3e843-ink);} #article-content .article-subtitle{font-size:18px;line-height:1.65;color:var(--z3e843-text);margin:0;max-width:78ch;} #article-content .article-body{font-size:16px;line-height:1.75;color:var(--z3e843-text);} #article-content .block{margin:22px 0 26px;padding:18px 18px 6px;border-radius:var(--z3e843-radius-lg,16px);background:rgba(215,224,234,.45);border:1px solid rgba(215,224,234,.75);} #article-content .h2{font-family:var(--z3e843-font-display);font-size:24px;line-height:1.25;letter-spacing:-0.01em;margin:2px 0 10px;color:var(--z3e843-ink);} #article-content .p{margin:0 0 12px;} #article-content .list{margin:10px 0 0;padding-left:18px;} #article-content .list li{margin:8px 0;} #article-content .callout{margin:14px 0 4px;padding:16px 16px;border-radius:var(--z3e843-radius-md,12px);background:var(--z3e843-bg);border:1px solid rgba(11,58,83,.16);} #article-content .h3{font-family:var(--z3e843-font-display);font-size:18px;margin:0 0 6px;color:var(--z3e843-ink);} #article-content .callout-text{margin:0;color:var(--z3e843-text);} #article-content .steps{margin:6px 0 0;padding:0;list-style:none;} #article-content .steps>li{position:relative;margin:14px 0;padding:14px 14px;border-radius:var(--z3e843-radius-md,12px);background:rgba(247,250,252,.95);border:1px solid rgba(215,224,234,.9);} #article-content .step-title{font-weight:800;color:var(--z3e843-ink);margin:0 0 6px;font-size:16px;} #article-content .article-footer{margin:18px 0 6px;padding:0 2px;} #article-content .footer-meta{color:var(--z3e843-slate);} #article-content .related{margin-top:18px;padding:18px 18px 10px;border-radius:var(--z3e843-radius-lg,16px);border:1px solid rgba(215,224,234,.9);background:rgba(247,250,252,.95);} #article-content .related-title{margin-bottom:10px;} #article-content .related-list{list-style:none;margin:0;padding:0;} #article-content .related-item{margin:10px 0;} #article-content .related-link{display:inline-block;color:var(--z3e843-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;} #article-content .related-link:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:3px;border-radius:8px;} #article-content a{color:inherit;} #article-content .article-body strong{color:var(--z3e843-ink);} #article-content ::selection{background:rgba(47,133,90,.22);} #article-content .block, #article-content .callout, #article-content .steps>li, #article-content .related{box-shadow:0 10px 26px rgba(11,58,83,.06);} @media (max-width: 720px){ #article-content{padding:18px 0 44px;} #article-content .article{padding:0 14px;} #article-content .article-title{font-size:32px;} #article-content .article-subtitle{font-size:16px;} #article-content .block{padding:16px 14px 6px;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto !important;transition:none !important;animation:none !important;} } /* z3e843:related-articles */ #related-articles{--ra-bg:var(--z3e843-bg);--ra-surface:var(--z3e843-surface);--ra-ink:var(--z3e843-ink);--ra-primary:var(--z3e843-primary);--ra-accent:var(--z3e843-accent);--ra-border:var(--z3e843-border);box-sizing:border-box;padding:48px 18px;background:var(--ra-bg);color:var(--ra-ink);font-family:var(--z3e843-font);} #related-articles *{box-sizing:border-box;} #related-articles .related-articles__container{max-width:1120px;margin:0 auto;} #related-articles .related-articles__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;} #related-articles .related-articles__title{margin:0;font-family:var(--z3e843-font-display);letter-spacing:-0.02em;font-size:28px;line-height:1.15;font-weight:750;text-wrap:balance;} #related-articles .related-articles__subtitle{margin:0;max-width:720px;color:var(--z3e843-text);font-size:15px;line-height:1.55;} #related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #related-articles .related-articles__item{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--radius-lg,16px);padding:16px 16px 14px;min-height:164px;position:relative;overflow:hidden;} #related-articles .related-articles__item:before{content:"";position:absolute;inset:-2px -2px auto -2px;height:6px;background:var(--ra-primary);opacity:0.95;} #related-articles .related-articles__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--z3e843-slate);font-size:12.5px;} #related-articles .related-articles__tag{display:inline-flex;align-items:center;gap:8px;color:var(--ra-accent);font-weight:650;} #related-articles .related-articles__dot{opacity:0.7;} #related-articles .related-articles__read{color:var(--z3e843-slate);} #related-articles .related-articles__item-title{margin:0 0 8px 0;font-size:16px;line-height:1.25;font-weight:720;font-family:var(--z3e843-font-display);text-wrap:balance;} #related-articles .related-articles__link{color:var(--ra-primary);text-decoration:none;} #related-articles .related-articles__link:focus-visible{outline:3px solid color-mix(in srgb, var(--ra-accent) 60%, white 40%);outline-offset:3px;border-radius:8px;} #related-articles .related-articles__link:hover{text-decoration:underline;text-underline-offset:3px;} #related-articles .related-articles__excerpt{margin:0;color:var(--z3e843-text);font-size:14px;line-height:1.55;} #related-articles .related-articles__footer{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .related-articles__all-link{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md,12px);border:1px solid var(--ra-border);background:var(--ra-surface);color:var(--ra-primary);text-decoration:none;font-weight:650;font-size:14px;} #related-articles .related-articles__all-link:hover{background:color-mix(in srgb, var(--ra-surface) 78%, white 22%);} #related-articles .related-articles__all-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ra-accent) 60%, white 40%);outline-offset:3px;} #related-articles ::selection{background:color-mix(in srgb, var(--ra-accent) 35%, white 65%);} @media (max-width:980px){#related-articles .related-articles__header{flex-direction:column;align-items:flex-start;}#related-articles .related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:620px){#related-articles{padding:36px 14px;}#related-articles .related-articles__grid{grid-template-columns:1fr;gap:12px;}#related-articles .related-articles__title{font-size:24px;}#related-articles .related-articles__item{min-height:auto;}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;}} /* z3e843:related-articles */ /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);background:var(--z3e843-bg);color:var(--z3e843-text);padding:48px 16px 24px;margin:0;} #article-hero .hero-wrap{max-width:1100px;margin:0 auto;} #article-hero .hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start;} #article-hero .hero-copy{padding:8px 0;} #article-hero .eyebrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px;} #article-hero .eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--z3e843-border);border-radius:999px;background:var(--z3e843-surface);color:var(--z3e843-ink);font:600 13px/1.2 var(--z3e843-font);} #article-hero .eyebrow-sep{color:var(--z3e843-slate);font-size:14px;} #article-hero .eyebrow-text{color:var(--z3e843-slate);font:600 13px/1.2 var(--z3e843-font);} #article-hero .hero-title{font-family:var(--z3e843-font-display);font-weight:820;letter-spacing:-0.02em;line-height:1.06;margin:0 0 12px;font-size:clamp(30px,4.1vw,52px);text-wrap:balance;} #article-hero .hero-subtitle{margin:0 0 18px;color:var(--z3e843-slate);font:500 16px/1.6 var(--z3e843-font);max-width:60ch;} #article-hero .meta-row{display:flex;flex-wrap:wrap;gap:14px 18px;margin:18px 0 22px;padding:16px;border:1px solid var(--z3e843-border);border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(215,224,234,.55), rgba(247,250,252,1));} #article-hero .meta-item{min-width:160px;} #article-hero .meta-label{display:block;color:var(--z3e843-slate);font:700 12px/1.2 var(--z3e843-font);letter-spacing:.02em;text-transform:uppercase;} #article-hero .meta-value{display:block;margin-top:6px;color:var(--z3e843-ink);font:760 14px/1.3 var(--z3e843-font);} #article-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 16px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);text-decoration:none;border:1px solid transparent;font:800 14px/1 var(--z3e843-font);letter-spacing:.01em;min-height:44px;} #article-hero .btn-primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border-color:var(--z3e843-primary);} #article-hero .btn-primary:focus-visible{outline:3px solid rgba(47,133,90,.45);outline-offset:2px;} #article-hero .btn-ghost{background:var(--z3e843-surface);color:var(--z3e843-ink);border-color:var(--z3e843-border);} #article-hero .btn-ghost:focus-visible{outline:3px solid rgba(11,58,83,.35);outline-offset:2px;} #article-hero .btn:hover{transform:none;} #article-hero .btn-primary:active{background:#083049;} #article-hero .btn-ghost:active{background:#eef3f9;} #article-hero .trust-row{display:flex;gap:12px;align-items:flex-start;margin-top:8px;} #article-hero .trust-dot{width:10px;height:10px;border-radius:50%;background:var(--z3e843-secondary);margin-top:6px;box-shadow:0 0 0 4px rgba(47,133,90,.14);} #article-hero .trust-text{margin:0;color:var(--z3e843-slate);font:500 13.5px/1.6 var(--z3e843-font);max-width:70ch;} #article-hero .hero-aside{padding-top:8px;} #article-hero .aside-card{border:1px solid var(--z3e843-border);border-radius:var(--radius-lg);background:var(--z3e843-surface);padding:18px 18px 16px;} #article-hero .aside-title{margin:0 0 12px;font:850 16px/1.25 var(--z3e843-font-display);letter-spacing:-0.01em;} #article-hero .aside-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px;} #article-hero .aside-li{color:var(--z3e843-slate);font:550 14px/1.5 var(--z3e843-font);} #article-hero .aside-li strong{color:var(--z3e843-ink);font-weight:850;} #article-hero .aside-divider{height:1px;background:var(--z3e843-border);margin:14px 0 12px;} #article-hero .aside-foot{margin:0;color:var(--z3e843-slate);font:520 13.5px/1.6 var(--z3e843-font);} #article-hero ::selection{background:rgba(47,133,90,.22);} @media (max-width: 900px){#article-hero .hero-grid{grid-template-columns:1fr;gap:18px;}#article-hero .meta-item{min-width:140px;}} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z3e843:article-content */ /* z3e843:article-content */ #article-content.article-content{--section-max:860px;--text:var(--z3e843-text);--ink:var(--z3e843-ink);--muted:color-mix(in oklab,var(--z3e843-ink) 70%,white 30%);--border:var(--z3e843-border);--surface:var(--z3e843-surface);padding:32px 16px 56px;background:var(--z3e843-bg);} #article-content .content-prose{max-width:var(--section-max);margin:0 auto;color:var(--z3e843-ink);font-family:var(--z3e843-font);line-height:1.7;} #article-content .lead{font-size:18px;letter-spacing:-0.01em;margin:0 0 18px 0;color:color-mix(in oklab,var(--z3e843-ink) 86%,var(--z3e843-primary) 14%);} #article-content .heading{font-family:var(--z3e843-font-display);font-size:26px;letter-spacing:-0.02em;line-height:1.25;margin:26px 0 10px 0;color:var(--z3e843-primary);} #article-content p{margin:0 0 14px 0;font-size:16px;color:var(--z3e843-ink);} #article-content .list{margin:10px 0 18px 18px;padding:0;} #article-content ul.list,#article-content ol.list{color:var(--z3e843-ink);} #article-content .list li{margin:8px 0;font-size:16px;} #article-content strong{font-weight:700;color:color-mix(in oklab,var(--z3e843-ink) 92%,var(--z3e843-secondary) 8%);} #article-content .callout{margin-top:18px;padding:14px 16px;background:color-mix(in oklab,var(--z3e843-surface) 86%,white 14%);border:1px solid var(--z3e843-border);border-radius:var(--radius-md,12px);color:var(--z3e843-ink);} #article-content a{color:var(--z3e843-secondary);text-decoration:underline;text-underline-offset:3px;} #article-content ::selection{background:color-mix(in oklab,var(--z3e843-secondary) 22%,white 78%);color:var(--z3e843-ink);} #article-content :focus-visible{outline:3px solid color-mix(in oklab,var(--z3e843-secondary) 55%,white 45%);outline-offset:3px;border-radius:8px;} @media (max-width:720px){#article-content{padding:24px 14px 44px;}#article-content .lead{font-size:17px;}#article-content .heading{font-size:22px;}#article-content p,#article-content .list li{font-size:15px;}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;}} /* z3e843:related-articles */ #related-articles{--ra-primary:var(--z3e843-primary);--ra-secondary:var(--z3e843-secondary);--ra-ink:var(--z3e843-ink);--ra-slate:var(--z3e843-slate);--ra-mist:var(--z3e843-mist);--ra-border:var(--z3e843-border);--ra-surface:var(--z3e843-surface);--ra-bg:var(--z3e843-bg);--ra-text:var(--z3e843-text);padding:56px 0;background:var(--z3e843-bg);} #related-articles .ra-container{max-width:1080px;margin:0 auto;padding:0 20px;} #related-articles .ra-head{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;} #related-articles .ra-title{font-family:var(--z3e843-font-display);font-size:28px;line-height:1.15;letter-spacing:-0.02em;margin:0;color:var(--z3e843-ink);text-wrap:balance;} #related-articles .ra-subtitle{margin:0;max-width:640px;font-family:var(--z3e843-font);font-size:15px;line-height:1.6;color:var(--z3e843-text);} #related-articles .ra-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;} #related-articles .ra-item{grid-column:span 6;} #related-articles .ra-card{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 28px rgba(11,58,83,0.06);} #related-articles .ra-card-compact{padding:18px 16px 16px;} #related-articles .ra-card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;} #related-articles .ra-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(47,133,90,0.12);color:var(--z3e843-secondary);font-family:var(--z3e843-font);font-weight:650;font-size:12px;letter-spacing:0.01em;} #related-articles .ra-pill-alt{background:rgba(47,133,90,0.12);} #related-articles .ra-dot{color:rgba(6,24,38,0.35);font-weight:700;} #related-articles .ra-meta{font-size:13px;color:var(--z3e843-slate);font-family:var(--z3e843-font);} #related-articles .ra-card-title{margin:0 0 8px;font-size:18px;line-height:1.25;letter-spacing:-0.01em;} #related-articles .ra-link{color:var(--z3e843-primary);text-decoration:none;} #related-articles .ra-link:hover{text-decoration:underline;} #related-articles .ra-link:focus-visible{outline:3px solid rgba(47,133,90,0.35);outline-offset:3px;border-radius:10px;} #related-articles .ra-card-text{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--z3e843-text);} #related-articles .ra-card-footer{display:flex;align-items:center;justify-content:flex-start;} #related-articles .ra-link-secondary{color:var(--z3e843-primary);font-weight:650;} #related-articles .ra-link-secondary::after{content:"\2192";margin-left:8px;color:var(--z3e843-secondary);} #related-articles .ra-cta-row{margin-top:20px;display:flex;justify-content:flex-start;} #related-articles .ra-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:var(--z3e843-radius-md,12px);background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid var(--z3e843-primary);text-decoration:none;font-weight:700;font-family:var(--z3e843-font);letter-spacing:0.01em;} #related-articles .ra-cta:hover{background:#0a344a;} #related-articles .ra-cta:focus-visible{outline:3px solid rgba(47,133,90,0.35);outline-offset:3px;} #related-articles ::selection{background:rgba(47,133,90,0.26);color:var(--z3e843-ink);} @media (max-width: 900px){#related-articles .ra-head{flex-direction:column;align-items:flex-start;}#related-articles .ra-item{grid-column:span 12;}#related-articles{padding:44px 0;}#related-articles .ra-title{font-size:24px;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{--r-sm:8px;--r-md:12px;--r-lg:16px;position:relative;overflow:hidden;background:var(--z3e843-bg);color:var(--z3e843-text);border-bottom:1px solid var(--z3e843-border)} #article-hero::selection{background:rgba(47,133,90,.22)} #article-hero .article-hero__bg{position:absolute;inset:-120px -120px auto -120px;height:420px;background:radial-gradient(900px 420px at 18% 20%, rgba(11,58,83,.14), rgba(11,58,83,0) 60%),radial-gradient(700px 360px at 70% 10%, rgba(47,133,90,.16), rgba(47,133,90,0) 55%);pointer-events:none} #article-hero .article-hero__inner{position:relative;max-width:1080px;margin:0 auto;padding:72px 20px 54px} #article-hero .article-hero__kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px} #article-hero .tag{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--z3e843-border);background:rgba(215,224,234,.35);border-radius:999px;font:600 13px/1 var(--z3e843-font);color:var(--z3e843-primary)} #article-hero .dot{width:5px;height:5px;border-radius:50%;background:rgba(6,24,38,.35)} #article-hero .meta{font:500 14px/1.4 var(--z3e843-font);color:rgba(6,24,38,.72)} #article-hero .article-hero__title{margin:0 0 16px;font:800 clamp(28px,4.2vw,46px)/1.08 var(--z3e843-font-display);letter-spacing:-.02em;text-wrap:balance} #article-hero .article-hero__meta{max-width:860px} #article-hero .meta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px} #article-hero .meta-pill{display:flex;gap:10px;align-items:baseline;padding:12px 14px;border:1px solid var(--z3e843-border);border-radius:var(--r-md);background:rgba(247,250,252,.9)} #article-hero .meta-label{font:700 12px/1 var(--z3e843-font);letter-spacing:.02em;text-transform:uppercase;color:rgba(6,24,38,.62)} #article-hero .meta-value{font:700 14px/1.2 var(--z3e843-font);color:var(--z3e843-ink)} #article-hero .article-hero__lede{margin:0 0 22px;font:500 18px/1.6 var(--z3e843-font);color:rgba(11,18,32,.86);max-width:820px} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--r-md);font:800 14px/1 var(--z3e843-font);text-decoration:none;border:1px solid transparent;min-width:160px} #article-hero .btn:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:3px} #article-hero .btn--primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border-color:rgba(11,58,83,.25)} #article-hero .btn--primary:hover{background:#0a3447} #article-hero .btn--secondary{background:rgba(247,250,252,.95);border-color:var(--z3e843-border);color:var(--z3e843-primary)} #article-hero .btn--secondary:hover{background:rgba(215,224,234,.42)} #article-hero .article-hero__quicklist{border:1px solid var(--z3e843-border);background:rgba(247,250,252,.9);border-radius:var(--r-lg);padding:18px 18px 16px;max-width:860px} #article-hero .quicklist__label{font:800 13px/1.2 var(--z3e843-font);text-transform:uppercase;letter-spacing:.05em;color:rgba(6,24,38,.62);margin-bottom:10px} #article-hero .quicklist{margin:0; padding-left:18px} #article-hero .quicklist li{margin:8px 0;font:500 15px/1.5 var(--z3e843-font);color:rgba(11,18,32,.86)} #article-hero .quicklist strong{color:var(--z3e843-primary)} @media (max-width:720px){#article-hero .article-hero__inner{padding:52px 16px 36px}#article-hero .article-hero__lede{font-size:16px}#article-hero .btn{min-width:0;width:100%}} @media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none}} /* z3e843:article-content */ /* z3e843:article-content */ #article-content.article-content{--pad:clamp(16px,3vw,28px);padding:0;background:var(--z3e843-bg);color:var(--z3e843-text);} #article-content .article-shell{max-width:860px;margin:0 auto;padding:var(--pad) var(--pad) 44px;} #article-content .article-lede{padding:22px 0 18px;} #article-content .article-kicker{margin:0 0 10px;font:600 12px/1.25 var(--z3e843-font);letter-spacing:.08em;text-transform:uppercase;color:var(--z3e843-secondary);} #article-content .article-title{margin:0 0 12px;font:800 clamp(24px,3.3vw,40px)/1.1 var(--z3e843-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--z3e843-ink);} #article-content .article-subtitle{margin:0;font:500 15px/1.7 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-ink) 88%, var(--z3e843-primary));max-width:64ch;} #article-content .article-prose{padding:10px 0 0;} #article-content .article-prose h3{margin:26px 0 10px;font:800 20px/1.25 var(--z3e843-font-display);color:var(--z3e843-ink);letter-spacing:-0.01em;} #article-content .article-prose h4{margin:0 0 8px;font:800 16px/1.25 var(--z3e843-font-display);color:var(--z3e843-ink);} #article-content .article-prose p{margin:0 0 14px;font:500 15px/1.75 var(--z3e843-font);color:var(--z3e843-ink);} #article-content .article-prose em{color:var(--z3e843-primary);font-style:italic;} #article-content .emphasis{color:var(--z3e843-primary);font-weight:800;} #article-content .callout{margin:18px 0 22px;padding:14px 16px;border:1px solid var(--z3e843-border);background:color-mix(in srgb, var(--z3e843-surface) 70%, var(--z3e843-bg));border-radius:var(--z3e843-radius,12px);} #article-content .callout strong{color:var(--z3e843-ink);} #article-content .checklist{list-style:none;margin:10px 0 18px;padding:0;display:flex;flex-direction:column;gap:10px;} #article-content .checklist li{display:flex;gap:12px;align-items:flex-start;padding:12px 12px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,12px);background:var(--z3e843-surface);} #article-content .num{flex:0 0 auto;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font:800 13px/1 var(--z3e843-font-display);background:color-mix(in srgb, var(--z3e843-secondary) 18%, var(--z3e843-surface));color:var(--z3e843-secondary);border:1px solid color-mix(in srgb, var(--z3e843-secondary) 30%, var(--z3e843-border));} #article-content .step-content{font:500 14px/1.6 var(--z3e843-font);color:var(--z3e843-ink);} #article-content .step-content strong{color:var(--z3e843-ink);font-weight:850;} #article-content .feature-slab{margin:18px 0;padding:16px 16px;border-radius:var(--z3e843-radius,12px);border:1px solid var(--z3e843-border);background:linear-gradient(180deg, color-mix(in srgb, var(--z3e843-surface) 96%, var(--z3e843-bg)) 0%, var(--z3e843-surface) 100%);} #article-content .feature-title{margin:0 0 6px;} #article-content .feature-text{margin:0;font:500 15px/1.7 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-ink) 90%, var(--z3e843-primary));} #article-content .qa-list{margin:10px 0 10px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-content .qa-list li{padding:12px 14px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,12px);background:var(--z3e843-bg);} #article-content .qa-list strong{display:block;margin-bottom:6px;color:var(--z3e843-ink);font-weight:850;} #article-content .article-footer-cta{margin:22px 0 10px;padding:18px 16px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,16px);background:color-mix(in srgb, var(--z3e843-primary) 6%, var(--z3e843-surface));} #article-content .cta-text{margin:0 0 12px;font:600 15px/1.6 var(--z3e843-font);color:color-mix(in srgb, var(--z3e843-ink) 92%, var(--z3e843-primary));} #article-content .cta-links{display:flex;flex-wrap:wrap;gap:10px;} #article-content a.link-button,#article-content a.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:var(--z3e843-radius,12px);font:800 14px/1 var(--z3e843-font-display);text-decoration:none;} #article-content a.link-button{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid color-mix(in srgb, var(--z3e843-primary) 85%, var(--z3e843-primary));} #article-content a.ghost-button{background:var(--z3e843-bg);color:var(--z3e843-primary);border:1px solid var(--z3e843-primary);} #article-content a.link-button:focus-visible,#article-content a.ghost-button:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 55%, white);outline-offset:2px;} #article-content a.link-button:hover{filter:saturate(1.02);} #article-content a.ghost-button:hover{background:color-mix(in srgb, var(--z3e843-primary) 5%, var(--z3e843-bg));} #article-content .article-meta{margin-top:18px;padding:16px 16px;border-top:1px solid var(--z3e843-border);} #article-content .meta-title{margin:0 0 10px;font:900 16px/1.2 var(--z3e843-font-display);color:var(--z3e843-primary);} #article-content .meta-text{margin:0 0 10px;font:600 15px/1.75 var(--z3e843-font);color:var(--z3e843-ink);} #article-content .meta-small{margin:0;font:500 12.5px/1.6 var(--z3e843-font);color:var(--z3e843-slate);} #article-content ::selection{background:color-mix(in srgb, var(--z3e843-secondary) 35%, white);} @media (max-width:720px){#article-content .article-shell{padding:16px 16px 36px;} #article-content .article-title{letter-spacing:-0.03em;} #article-content .checklist li{padding:12px 10px;} #article-content .feature-slab{padding:14px 14px;} #article-content .article-footer-cta{padding:16px 14px;} } @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;}} /* z3e843:related-articles */ /* z3e843:related-articles */ #related-articles{--ra-primary:var(--z3e843-primary);--ra-accent:var(--z3e843-accent);--ra-ink:var(--z3e843-ink);--ra-text:var(--z3e843-text);--ra-surface:var(--z3e843-surface);--ra-border:var(--z3e843-border);background:var(--ra-surface);padding:56px 0 44px;} #related-articles .ra-container{max-width:1120px;margin:0 auto;padding:0 20px;} #related-articles .ra-header{max-width:780px;margin-bottom:26px;} #related-articles .ra-kicker{color:var(--z3e843-secondary);font-weight:650;letter-spacing:.02em;text-transform:none;margin:0 0 10px;font-size:14px;} #related-articles .ra-title{font-family:var(--z3e843-font-display);color:var(--ra-ink);font-size:34px;line-height:1.12;margin:0 0 10px;letter-spacing:-0.02em;text-wrap:balance;} #related-articles .ra-subtitle{margin:0;color:var(--ra-text);opacity:.95;font-size:16px;line-height:1.6;max-width:70ch;} #related-articles .ra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;} #related-articles .ra-card{background:#fff;border:1px solid var(--ra-border);border-radius:var(--radius-lg);padding:16px 16px 14px;box-shadow:0 10px 22px rgba(11,58,83,.06);display:flex;flex-direction:column;min-height:220px;} #related-articles .ra-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;} #related-articles .ra-pill{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb, var(--z3e843-secondary) 30%, transparent);background:color-mix(in srgb, var(--z3e843-secondary) 8%, white);color:var(--z3e843-secondary);padding:6px 10px;border-radius:999px;font-weight:650;font-size:13px;line-height:1;} #related-articles .ra-pill-alt{background:color-mix(in srgb, var(--z3e843-primary) 8%, white);border-color:color-mix(in srgb, var(--z3e843-primary) 26%, transparent);color:var(--z3e843-primary);} #related-articles .ra-meta-dot{color:var(--z3e843-slate);opacity:.8;} #related-articles .ra-reading{color:var(--z3e843-slate);font-weight:600;font-size:13px;} #related-articles .ra-card-title{margin:0 0 8px;font-size:18px;line-height:1.35;color:var(--ra-ink);font-family:var(--z3e843-font-display);letter-spacing:-0.01em;text-wrap:balance;} #related-articles .ra-card-desc{margin:0;color:var(--ra-text);font-size:14.5px;line-height:1.6;flex:1;} #related-articles .ra-link{margin-top:14px;display:inline-flex;align-items:center;gap:10px;color:var(--ra-accent);font-weight:750;text-decoration:none;} #related-articles .ra-link::after{content:"→";display:inline-flex;transform:translateY(-1px);} #related-articles .ra-link:hover{text-decoration:underline;} #related-articles .ra-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 45%, white);outline-offset:3px;border-radius:8px;text-decoration:underline;} #related-articles .ra-footer-cta{margin-top:22px;border-top:1px solid var(--ra-border);padding-top:18px;} #related-articles .ra-cta-wrap{display:flex;flex-direction:column;gap:8px;max-width:780px;} #related-articles .ra-cta-text{margin:0;color:var(--ra-text);font-weight:650;} #related-articles .ra-cta{align-self:flex-start;background:var(--z3e843-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);padding:12px 14px;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 26px rgba(11,58,83,.18);} #related-articles .ra-cta:hover{filter:brightness(1.03);} #related-articles .ra-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--z3e843-secondary) 50%, white);outline-offset:3px;} #related-articles .ra-cta-note{margin:0;color:var(--z3e843-slate);font-size:14.5px;line-height:1.6;} #related-articles ::selection{background:color-mix(in srgb, var(--z3e843-secondary) 30%, white);color:var(--z3e843-ink);} @media (max-width: 980px){#related-articles{padding:44px 0 34px;}#related-articles .ra-title{font-size:30px;}#related-articles .ra-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width: 560px){#related-articles{padding:34px 0 26px;}#related-articles .ra-title{font-size:26px;}#related-articles .ra-subtitle{font-size:15px;}#related-articles .ra-grid{grid-template-columns:1fr;}#related-articles .ra-card{min-height:unset;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z3e843:article-hero */ /* z3e843:article-hero */ #article-hero{--radius-sm:var(--z3e843-radius-sm,8px);--radius-md:var(--z3e843-radius-md,12px);--radius-lg:var(--z3e843-radius-lg,16px);position:relative;background:var(--z3e843-bg);color:var(--z3e843-text);padding:clamp(20px,4.2vw,44px) 18px 28px 18px;overflow:hidden} #article-hero::before{content:"";position:absolute;inset:-140px -140px auto -140px;height:320px;background:linear-gradient(180deg,rgba(11,58,83,.12),rgba(11,58,83,0));pointer-events:none} #article-hero .hero-header{max-width:980px;margin:0 auto;position:relative} #article-hero .hero-kicker{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px 0} #article-hero .hero-pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--z3e843-border);border-radius:999px;background:rgba(247,250,252,.85);color:var(--z3e843-primary);font:600 13px/1.1 var(--z3e843-font,system-ui);letter-spacing:.02em} #article-hero .hero-meta{color:var(--z3e843-slate);font:500 13px/1.2 var(--z3e843-font,system-ui)} #article-hero .hero-title{margin:0;max-width:32ch;font:800 clamp(26px,4.1vw,44px)/1.06 var(--z3e843-font-display,var(--z3e843-font,system-ui));letter-spacing:-.02em;text-wrap:balance} #article-hero .hero-submeta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px 0;padding:14px 14px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md,12px);background:rgba(247,250,252,.9)} #article-hero .submeta-item{min-width:180px;flex:1 1 220px} #article-hero .submeta-label{display:block;color:var(--z3e843-slate);font:600 12px/1.2 var(--z3e843-font,system-ui);margin-bottom:6px;letter-spacing:.02em} #article-hero .submeta-value{display:block;color:var(--z3e843-ink);font:700 14px/1.25 var(--z3e843-font,system-ui)} #article-hero .hero-lead{margin:12px 0 18px 0;max-width:72ch;color:var(--z3e843-text);font:500 16px/1.7 var(--z3e843-font,system-ui)} #article-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:11px 16px;font:700 14px/1.1 var(--z3e843-font,system-ui);border:1px solid transparent;gap:10px;white-space:nowrap} #article-hero .btn:focus-visible{outline:3px solid rgba(47,133,90,.35);outline-offset:2px} #article-hero .btn-primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border-color:rgba(11,58,83,.22)} #article-hero .btn-primary:hover{background:#0a344b} #article-hero .btn-ghost{background:transparent;color:var(--z3e843-primary);border-color:rgba(11,58,83,.25)} #article-hero .btn-ghost:hover{background:rgba(11,58,83,.06)} #article-hero .hero-aside{max-width:980px;margin:22px auto 0 auto;position:relative} #article-hero .aside-title{margin:0 0 10px 0;font:800 16px/1.2 var(--z3e843-font,system-ui);color:var(--z3e843-primary);letter-spacing:.01em} #article-hero .aside-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:10px} #article-hero .aside-item{position:relative;padding:12px 14px;border-radius:var(--z3e843-radius-md,12px);border:1px solid var(--z3e843-border);background:rgba(255,255,255,.9);font:650 14px/1.4 var(--z3e843-font,system-ui);color:var(--z3e843-text)} #article-hero .aside-item::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--z3e843-accent);display:inline-block;vertical-align:middle;margin-right:10px;box-shadow:0 0 0 4px rgba(47,133,90,.14)} @media (min-width: 860px){ #article-hero{padding-top:52px} #article-hero .hero-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start} #article-hero .hero-aside{margin-top:28px} #article-hero .aside-list{grid-template-columns:1fr 1fr;gap:12px} #article-hero .aside-item{padding:14px 14px} } @media (prefers-reduced-motion: reduce){ #article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important} } #article-hero ::selection{background:rgba(47,133,90,.22);color:var(--z3e843-ink)} /* z3e843:article-content */ /* z3e843:article-content */ #article-content.article-content{color:var(--z3e843-text);background:var(--z3e843-bg)} #article-content .prose{max-width:980px;margin:0 auto;padding:28px 18px 56px} #article-content .article-top{margin-bottom:22px} #article-content .kicker{display:inline-block;padding:7px 10px;border:1px solid var(--z3e843-border);border-radius:999px;color:var(--z3e843-primary);background:color-mix(in oklab, var(--z3e843-surface) 70%, white 30%);font-weight:650;letter-spacing:.01em;font-size:13px;margin-bottom:12px} #article-content .title{font-family:var(--z3e843-font-display);font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance} #article-content .meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:color-mix(in oklab, var(--z3e843-text) 78%, var(--z3e843-slate) 22%);font-size:14px;margin-bottom:10px} #article-content .meta-dot{opacity:.55} #article-content .lede p{margin:0;font-size:16px;line-height:1.65;color:color-mix(in oklab, var(--z3e843-text) 86%, var(--z3e843-primary) 14%)} #article-content .article-toc{margin:18px 0 28px;background:color-mix(in oklab, var(--z3e843-surface) 92%, white 8%);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,12px);padding:16px 16px} #article-content .toc-title{margin:0 0 10px;font-size:14px;font-weight:800;letter-spacing:.02em;color:var(--z3e843-primary)} #article-content .toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:10px} #article-content .toc-link{color:var(--z3e843-primary);text-decoration:none;font-weight:650;line-height:1.35} #article-content .toc-link:focus-visible{outline:3px solid color-mix(in oklab, var(--z3e843-secondary) 35%, white 65%);outline-offset:3px;border-radius:6px} #article-content .toc-link:hover{text-decoration:underline} #article-content .block{padding-top:14px;margin-top:26px;border-top:1px solid color-mix(in oklab, var(--z3e843-border) 82%, white 18%)} #article-content .block-title{font-family:var(--z3e843-font-display);font-size:22px;letter-spacing:-.01em;margin:0 0 10px;color:var(--z3e843-ink)} #article-content .subhead{margin:14px 0 10px;font-size:16px;color:var(--z3e843-primary)} #article-content p{margin:0 0 12px;line-height:1.72} #article-content .checklist{margin:10px 0 0;padding-left:18px} #article-content .checklist li{margin:10px 0;line-height:1.65} #article-content .checklist strong{color:var(--z3e843-primary)} #article-content .note{color:color-mix(in oklab, var(--z3e843-text) 80%, var(--z3e843-slate) 20%);margin-top:6px} #article-content .callout{display:flex;gap:14px;align-items:flex-start;background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,12px);padding:14px 14px;margin:14px 0 8px} #article-content .callout-accent{width:10px;min-height:62px;border-radius:999px;background:var(--z3e843-secondary)} #article-content .callout-title{margin:0 0 6px;font-size:15px;color:var(--z3e843-primary);font-weight:850} #article-content .callout-text{margin:0;color:color-mix(in oklab, var(--z3e843-text) 86%, var(--z3e843-slate) 14%)} #article-content .steps{counter-reset:step;list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px} #article-content .steps li{counter-increment:step;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:color-mix(in oklab, var(--z3e843-surface) 96%, white 4%);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,12px);padding:12px 12px} #article-content .steps li::before{content:counter(step);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in oklab, var(--z3e843-secondary) 14%, var(--z3e843-surface) 86%);border:1px solid color-mix(in oklab, var(--z3e843-secondary) 35%, var(--z3e843-border) 65%);color:var(--z3e843-primary);font-weight:900} #article-content .steps p{margin:0} #article-content .matrix{margin-top:12px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,12px);overflow:hidden;background:white} #article-content .matrix-row{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:14px 14px;border-top:1px solid var(--z3e843-border)} #article-content .matrix-row:first-child{border-top:none} #article-content .matrix-label{font-weight:900;color:var(--z3e843-primary);font-size:14px} #article-content .matrix-value{color:color-mix(in oklab, var(--z3e843-text) 88%, var(--z3e843-slate) 12%);line-height:1.6;font-size:15px} #article-content .final-cta{margin-top:16px;padding:16px 16px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius,12px);background:linear-gradient(180deg, color-mix(in oklab, var(--z3e843-surface) 96%, white 4%), white)} #article-content .final-title{margin:0 0 6px;font-size:16px;color:var(--z3e843-primary);font-weight:950} #article-content .final-text{margin:0;color:color-mix(in oklab, var(--z3e843-text) 86%, var(--z3e843-slate) 14%)} #article-content ::selection{background:color-mix(in oklab, var(--z3e843-secondary) 30%, white 70%);color:var(--z3e843-ink)} #article-content a{color:var(--z3e843-primary)} #article-content a:focus-visible{outline:3px solid color-mix(in oklab, var(--z3e843-secondary) 35%, white 65%);outline-offset:3px;border-radius:8px} @media (min-width:760px){#article-content .prose{padding-left:24px;padding-right:24px}.toc-list{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-row{grid-template-columns:220px 1fr}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none;animation:none}} /* z3e843:related-articles */ /* z3e843:related-articles */ #related-articles{--ra-gap:18px;--ra-radius:var(--z3e843-radius-md,12px);background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-left:0;border-right:0;padding:42px 0 36px;} #related-articles .container{max-width:1120px;margin:0 auto;padding:0 22px;} #related-articles .related-articles-header{margin-bottom:20px;} #related-articles .related-articles-title{font-family:var(--z3e843-font-display);font-size:28px;line-height:1.12;letter-spacing:-0.02em;margin:0 0 10px;color:var(--z3e843-ink);text-wrap:balance;} #related-articles .related-articles-subtitle{margin:0;max-width:64ch;color:var(--z3e843-slate);font-size:15.5px;line-height:1.55;} #related-articles .related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ra-gap);margin-top:22px;} #related-articles .related-article-card{background:var(--z3e843-bg);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md,12px);padding:18px;box-shadow:0 10px 26px rgba(11,58,83,.06);} #related-articles .related-article-link{display:block;color:inherit;text-decoration:none;outline:none;} #related-articles .related-article-link:focus-visible{box-shadow:0 0 0 4px rgba(47,133,90,.28);border-radius:10px;} #related-articles .related-article-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--z3e843-slate);font-size:13px;} #related-articles .pill{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--z3e843-border);background:rgba(247,250,252,.8);border-radius:999px;color:var(--z3e843-primary);font-weight:600;} #related-articles .dot{opacity:.85;} #related-articles .time{font-variant-numeric:tabular-nums;} #related-articles .related-article-title{margin:0 0 10px;font-family:var(--z3e843-font);font-size:17px;line-height:1.25;letter-spacing:-0.01em;color:var(--z3e843-ink);} #related-articles .related-article-excerpt{margin:0;color:var(--z3e843-slate);font-size:14.5px;line-height:1.55;} #related-articles .related-articles-actions{display:flex;gap:14px;align-items:center;justify-content:flex-start;margin-top:26px;} #related-articles .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--z3e843-radius-sm,8px);font-weight:700;font-size:14.5px;text-decoration:none;line-height:1;min-height:44px;} #related-articles .btn-primary{background:var(--z3e843-primary);color:var(--z3e843-bg);border:1px solid var(--z3e843-primary);} #related-articles .btn-primary:hover{background:#093249;} #related-articles .btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(11,58,83,.25);} #related-articles .btn-ghost{background:var(--z3e843-bg);color:var(--z3e843-primary);border:1px solid var(--z3e843-border);} #related-articles .btn-ghost:hover{background:rgba(215,224,234,.45);} #related-articles .btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(47,133,90,.22);} #related-articles ::selection{background:rgba(47,133,90,.25);} @media (max-width: 980px){#related-articles .related-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width: 620px){#related-articles{padding:34px 0 26px;}#related-articles .container{padding:0 16px;}#related-articles .related-articles-title{font-size:24px;}#related-articles .related-articles-grid{grid-template-columns:1fr;}#related-articles .related-articles-actions{flex-direction:column;align-items:stretch;}#related-articles .btn{width:100%;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} .policy-page{background:var(--z3e843-bg);color:var(--z3e843-text);font-family:var(--z3e843-font);line-height:1.5;} .policy-wrap{max-width:980px;margin:0 auto;padding:24px;} .policy-heading{font-family:var(--z3e843-font-display);font-size:28px;line-height:1.2;margin:0 0 10px 0;color:var(--z3e843-primary);} .policy-lead{margin:0 0 18px 0;color:var(--z3e843-text);font-size:15px;} .policy-card{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md);padding:16px 16px;margin:14px 0;} .policy-card--legal{background:#ffffff;} .policy-subheading{font-size:18px;margin:0 0 10px 0;color:var(--z3e843-ink);font-family:var(--z3e843-font-display);} .policy-text{margin:0 0 10px 0;font-size:14.5px;} .policy-list{margin:8px 0 0 18px;padding:0;} .policy-list-item{margin:8px 0;font-size:14.5px;} .policy-footer{margin-top:18px;padding:14px 16px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md);background:var(--z3e843-surface);} .policy-contact p{margin:8px 0;font-size:14.5px;} .policy-link{color:var(--z3e843-secondary);text-decoration:underline;} .policy-link:hover{color:var(--z3e843-primary);} .policy-note{margin:12px 0 0 0;font-size:13.5px;color:var(--z3e843-slate);} @media (max-width:640px){.policy-wrap{padding:16px;}.policy-heading{font-size:24px;}} /* Design-system CSS variables (fallback) */ .policy-page{background:var(--z3e843-bg);color:var(--z3e843-text);font-family:var(--z3e843-font);line-height:1.55;} .policy-container{max-width:980px;margin:0 auto;padding:24px;} .policy-header{padding:10px 0 18px 0;border-bottom:1px solid var(--z3e843-border);} .policy-title{margin:0 0 10px 0;font-family:var(--z3e843-font-display);font-size:28px;letter-spacing:-0.3px;color:var(--z3e843-ink);} .policy-lead{margin:0;font-size:15.5px;color:var(--z3e843-text);} .policy-section{margin-top:18px;padding-top:6px;} .policy-section-title{margin:0 0 10px 0;font-size:18px;color:var(--z3e843-ink);} .policy-paragraph{margin:0 0 12px 0;font-size:14.8px;} .policy-list{margin:0 0 12px 20px;padding:0;} .policy-list li{margin:7px 0;font-size:14.8px;} .policy-card{background:var(--z3e843-surface);border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-lg);padding:16px;} .policy-card-line{margin:8px 0;font-size:14.6px;} .policy-link{color:var(--z3e843-secondary);text-decoration:underline;} .policy-link:hover{color:var(--z3e843-accent);text-decoration:underline;} .policy-small{font-size:13.3px;color:var(--z3e843-slate);} .policy-footer{margin-top:22px;padding-top:14px;border-top:1px solid var(--z3e843-border);} .policy-footer-text{margin:0;font-size:13.3px;color:var(--z3e843-slate);} @media (max-width:640px){.policy-container{padding:16px;}.policy-title{font-size:24px;}.policy-section-title{font-size:17px;}} html{background:var(--z3e843-bg,#FFFFFF);color:var(--z3e843-text,#0B1220);} .policy-page{font-family:var(--z3e843-font,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);background:var(--z3e843-bg,#FFFFFF);padding:24px 12px;} .policy-main{max-width:980px;margin:0 auto;padding:20px 20px 28px 20px;background:var(--z3e843-surface,#F7FAFC);border:1px solid var(--z3e843-border,#D7E0EA);border-radius:var(--z3e843-radius-lg,16px);box-shadow:0 6px 22px rgba(6,24,38,0.06);} .policy-header{padding:6px 4px 14px 4px;border-bottom:1px solid var(--z3e843-border,#D7E0EA);} .policy-title{margin:0;font-size:28px;line-height:1.2;color:var(--z3e843-primary,#0B3A53);} .policy-lead{margin:8px 0 0 0;color:var(--z3e843-slate,#334155);font-size:14px;} .policy-subtle{color:var(--z3e843-slate,#334155);} .policy-subtle{font-size:14px;} .policy-section{padding:16px 4px 0 4px;} .policy-section:first-of-type{padding-top:14px;} .policy-h2{margin:0 0 10px 0;font-size:18px;line-height:1.35;color:var(--z3e843-primary,#0B3A53);} .policy-p{margin:10px 0;font-size:14.5px;line-height:1.55;color:var(--z3e843-text,#0B1220);} .policy-link{color:var(--z3e843-accent,#2F855A);text-decoration:underline;} .policy-box{background:#FFFFFF;border:1px solid var(--z3e843-border,#D7E0EA);border-radius:var(--z3e843-radius-md,12px);padding:12px 14px;margin-top:8px;} .policy-list{margin:8px 0 0 18px;padding:0;} .policy-li{margin:8px 0;font-size:14.5px;line-height:1.5;} .policy-hr{height:1px;background:var(--z3e843-border,#D7E0EA);margin:14px 0;} .policy-footer{padding-bottom:6px;} .policy-footer-grid{display:block;} .policy-footer-col{margin-top:10px;} .policy-footer-col:first-child{margin-top:0;} @media (min-width:820px){.policy-footer-grid{display:flex;gap:18px;} .policy-footer-col{flex:1; margin-top:0;}} .policy-page{background:var(--z3e843-bg);color:var(--z3e843-text);font-family:var(--z3e843-font);line-height:1.5;} .policy-wrapper{max-width:980px;margin:0 auto;padding:24px 16px;} .policy-heading{font-family:var(--z3e843-font-display);font-size:28px;line-height:1.2;margin:0 0 8px 0;color:var(--z3e843-primary);} .policy-lead{margin:0 0 18px 0;color:var(--z3e843-slate);font-size:14px;} .policy-section{margin:0 0 18px 0;padding:16px;border:1px solid var(--z3e843-border);border-radius:var(--z3e843-radius-md);background:var(--z3e843-surface);} .policy-subheading{margin:0 0 10px 0;font-size:18px;color:var(--z3e843-ink);} .policy-text{margin:0 0 10px 0;font-size:14.5px;} .policy-text:last-child{margin-bottom:0;} .policy-note{color:var(--z3e843-ink);background:var(--z3e843-mist);border:1px solid var(--z3e843-border);padding:10px 12px;border-radius:var(--z3e843-radius-sm);} .policy-list{margin:0;padding-left:20px;} .policy-list li{margin:6px 0;font-size:14.5px;} .policy-link{color:var(--z3e843-secondary);text-decoration:underline;} .policy-link:focus{outline:3px solid rgba(47,133,90,.35);outline-offset:2px;border-radius:4px;} .policy-footer{background:linear-gradient(180deg, rgba(215,224,234,.6), rgba(247,250,252,1));} .policy-small{font-size:12.5px;color:var(--z3e843-slate);}