/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--z39d7e-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--z39d7e-ink, #111); background: var(--z39d7e-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--z39d7e-font-display, var(--z39d7e-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--z39d7e-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --z39d7e-primary: #0B1F3B; --z39d7e-secondary: #4B5563; --z39d7e-accent: #2E7DFF; --z39d7e-ink: #0B1F3B; --z39d7e-slate: #475569; --z39d7e-mist: #DDE6F6; --z39d7e-border: #D7DFEA; --z39d7e-surface: #FFFFFF; --z39d7e-bg: #F4F6FA; --z39d7e-text: #0F172A; --z39d7e-font: 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif; --z39d7e-font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, 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(--z39d7e-border, #e5e7eb); background: var(--z39d7e-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(--z39d7e-border, #d1d5db); background: transparent; color: var(--z39d7e-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--z39d7e-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--z39d7e-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--z39d7e-border, #e5e7eb); background: var(--z39d7e-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(--z39d7e-surface, #1a1a2e); color: var(--z39d7e-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 */ /* z39d7e:header */ /* z39d7e:header */ #header{--h-pad:clamp(16px,3vw,24px);position:sticky;top:0;z-index:50;background:var(--z39d7e-surface);border-bottom:1px solid var(--z39d7e-border)} #header::selection{background:var(--z39d7e-accent);color:#fff} #header .header-inner{max-width:1120px;margin:0 auto;padding:var(--h-pad);display:flex;align-items:center;justify-content:space-between;gap:18px} #header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:220px} #header .brand-mark{width:14px;height:14px;border-radius:4px;background:var(--z39d7e-accent);box-shadow:0 10px 22px rgba(46,125,255,.18)} #header .brand-text{display:flex;flex-direction:column;line-height:1.1} #header .brand-name{font-family:var(--z39d7e-font-display);font-weight:760;font-size:18px;letter-spacing:-.02em;color:var(--z39d7e-ink)} #header .brand-tag{font-family:var(--z39d7e-font);font-size:12.5px;color:var(--z39d7e-secondary);margin-top:3px;max-width:320px} #header .nav{flex:1;display:flex;justify-content:center} #header .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center} #header .nav-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--z39d7e-secondary);font-size:14.5px;padding:10px 10px;border-radius:10px;outline:2px solid transparent;outline-offset:2px} #header .nav-link:hover{color:var(--z39d7e-ink);background:rgba(221,230,246,.65)} #header .nav-link:focus-visible{color:var(--z39d7e-ink);background:rgba(221,230,246,.9);outline-color:var(--z39d7e-accent)} #header .mobile-actions{display:none} #header .menu-toggle{appearance:none;border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:var(--z39d7e-ink);cursor:pointer;min-width:120px} #header .menu-toggle:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px} #header .menu-icon{width:18px;height:12px;position:relative;display:inline-block} #header .menu-icon::before,#header .menu-icon::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--z39d7e-ink);border-radius:2px} #header .menu-icon::before{top:0} #header .menu-icon::after{bottom:0} #header .menu-icon{background:linear-gradient(var(--z39d7e-ink),var(--z39d7e-ink));background-size:100% 2px;background-repeat:no-repeat;background-position:center} #header .mobile-menu{display:none} @media (max-width:900px){ #header .nav{display:none} #header .mobile-actions{display:block} #header .header-inner{padding:14px 16px} #header .mobile-menu{display:block;position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .18s ease} #header .mobile-menu.is-open{pointer-events:auto;opacity:1} #header .mobile-menu::before{content:"";position:absolute;inset:0;background:rgba(11,31,59,.35)} #header .mobile-menu-inner{position:absolute;right:12px;top:12px;bottom:12px;width:min(420px,calc(100% - 24px));background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:16px;box-shadow:0 22px 60px rgba(11,31,59,.18);display:flex;flex-direction:column} #header .mobile-menu-header{padding:16px 16px 10px;border-bottom:1px solid var(--z39d7e-border)} #header .mobile-menu-title{font-family:var(--z39d7e-font-display);font-weight:720;color:var(--z39d7e-ink);font-size:15px} #header .mobile-menu-list{list-style:none;margin:0;padding:8px 10px 0;display:flex;flex-direction:column;gap:4px} #header .mobile-menu-link{display:block;text-decoration:none;color:var(--z39d7e-secondary);padding:12px 12px;border-radius:12px;font-size:14.5px;border:1px solid transparent} #header .mobile-menu-link:hover{color:var(--z39d7e-ink);background:rgba(221,230,246,.7)} #header .mobile-menu-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;background:rgba(221,230,246,.9);color:var(--z39d7e-ink)} #header .mobile-menu-foot{margin-top:auto;padding:14px 16px 16px;border-top:1px solid var(--z39d7e-border)} #header .mobile-menu-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--z39d7e-accent);color:#fff;border-radius:14px;padding:12px 14px;font-weight:650;font-size:14.5px;border:1px solid rgba(255,255,255,.22)} #header .mobile-menu-cta:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px} } @media (prefers-reduced-motion:reduce){#header .mobile-menu{transition:none}} /* z39d7e:footer */ /* z39d7e:footer */ #footer{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--pad:24px;background:var(--z39d7e-bg);color:var(--z39d7e-text);border-top:1px solid var(--z39d7e-border);font-family:var(--z39d7e-font);} #footer *{box-sizing:border-box;} #footer .footer-inner{max-width:1100px;margin:0 auto;padding:32px 20px 18px;} #footer .footer-brand{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;} #footer .footer-mark{width:42px;height:42px;border-radius:var(--radius-md);background:var(--z39d7e-primary);color:var(--z39d7e-surface);display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-0.02em;} #footer .footer-title{margin:0;font-family:var(--z39d7e-font-display);font-weight:800;font-size:18px;letter-spacing:-0.02em;} #footer .footer-subtitle{margin:4px 0 0;color:var(--z39d7e-secondary);font-size:14px;line-height:1.5;max-width:520px;} #footer .footer-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px 22px;align-items:start;margin-top:10px;} #footer .footer-col{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:16px 16px 14px;} #footer .footer-heading{margin:0 0 10px;font-weight:800;color:var(--z39d7e-ink);font-size:14px;letter-spacing:0.01em;} #footer .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;} #footer .footer-link{color:var(--z39d7e-ink);text-decoration:none;font-size:14px;line-height:1.4;} #footer .footer-link:hover{text-decoration:underline;} #footer .footer-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;border-radius:8px;} #footer .footer-muted{color:var(--z39d7e-secondary);font-size:14px;line-height:1.4;} #footer .footer-divider{height:1px;background:var(--z39d7e-border);margin:22px 0 14px;} #footer .footer-legal{display:flex;flex-direction:column;gap:10px;} #footer .footer-legal-copy{margin:0;color:var(--z39d7e-secondary);font-size:12.5px;line-height:1.6;} #footer .footer-year{font-variant-numeric:tabular-nums;} #footer .footer-a11y{margin-top:14px;} #footer .footer-a11y .footer-link{display:inline-block;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);padding:10px 12px;border-radius:var(--radius-md);} #footer .footer-a11y .footer-link:hover{text-decoration:none;border-color:rgba(46,125,255,.5);} #footer .footer-a11y .footer-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;} @media (max-width:860px){#footer .footer-columns{grid-template-columns:1fr;} #footer .footer-col{padding:15px;} #footer .footer-inner{padding-top:28px;}} @media (prefers-reduced-motion:reduce){#footer .footer-link{transition:none;}} #footer ::selection{background:rgba(46,125,255,.22);} /* z39d7e:hero */ /* z39d7e:hero */ #hero.hero{--radius-sm:var(--z39d7e-radius-sm,8px);--radius-md:var(--z39d7e-radius-md,12px);--radius-lg:var(--z39d7e-radius-lg,16px);} #hero.hero{position:relative;background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:clamp(28px,5vw,56px) 18px 34px;} #hero.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(221,230,246,.7) 0%, rgba(221,230,246,0) 52%);pointer-events:none;} #hero.hero .hero__inner{position:relative;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.25fr .85fr;gap:26px;align-items:start;} #hero.hero .hero__content{padding:10px 0;} #hero.hero .hero__kicker{margin:0 0 12px;font-family:var(--z39d7e-font);font-size:14px;letter-spacing:.02em;color:var(--z39d7e-secondary);text-transform:none;} #hero.hero .hero__title{margin:0 0 14px;font-family:var(--z39d7e-font-display);font-size:clamp(34px,4.2vw,56px);line-height:1.06;letter-spacing:-0.02em;color:var(--z39d7e-ink);text-wrap:balance;} #hero.hero .hero__lead{margin:0 0 18px;max-width:62ch;font-size:16px;line-height:1.65;color:var(--z39d7e-text);} #hero.hero .hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 18px;} #hero.hero .hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;gap:10px;text-decoration:none;font-weight:700;font-family:var(--z39d7e-font-display);border:1px solid var(--z39d7e-border);font-size:15px;line-height:1.2;} #hero.hero .hero__btn--primary{background:var(--z39d7e-primary);border-color:var(--z39d7e-primary);color:var(--z39d7e-surface);box-shadow:0 10px 24px rgba(11,31,59,.16);} #hero.hero .hero__btn--secondary{background:var(--z39d7e-surface);color:var(--z39d7e-ink);} #hero.hero .hero__btn:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #hero.hero .hero__btn:hover{transform:translateY(-1px);} #hero.hero .hero__bullets{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-width:62ch;} #hero.hero .hero__bullet{position:relative;padding-left:22px;font-size:15px;line-height:1.55;color:var(--z39d7e-text);} #hero.hero .hero__bullet:before{content:"";position:absolute;left:0;top:0.62em;width:10px;height:10px;border-radius:50%;background:var(--z39d7e-accent);box-shadow:0 0 0 4px rgba(46,125,255,.18);} #hero.hero .hero__meta{margin-top:16px;display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.72);border:1px solid var(--z39d7e-border);border-radius:16px;padding:12px 14px;max-width:74ch;} #hero.hero .hero__meta-dot{width:10px;height:10px;border-radius:50%;background:var(--z39d7e-accent);margin-top:6px;flex:0 0 auto;} #hero.hero .hero__meta-text{font-size:14px;line-height:1.5;color:var(--z39d7e-secondary);} #hero.hero .hero__aside{padding-top:6px;} #hero.hero .hero-card{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:18px 16px;box-shadow:0 18px 44px rgba(11,31,59,.09);} #hero.hero .hero-card__title{margin:0 0 8px;font-family:var(--z39d7e-font-display);font-size:18px;letter-spacing:-0.01em;color:var(--z39d7e-ink);} #hero.hero .hero-card__desc{margin:0 0 14px;color:var(--z39d7e-secondary);line-height:1.6;font-size:14px;} #hero.hero .hero-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;} #hero.hero .hero-step{display:flex;gap:12px;align-items:flex-start;padding:10px 10px;border-radius:12px;background:rgba(221,230,246,.35);border:1px solid rgba(215,223,234,.7);} #hero.hero .hero-step__num{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--z39d7e-primary);color:var(--z39d7e-surface);font-family:var(--z39d7e-font-display);font-weight:800;font-size:14px;flex:0 0 auto;} #hero.hero .hero-step__text{color:var(--z39d7e-text);font-size:14px;line-height:1.45;font-weight:650;} #hero.hero .hero-card__bottom{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px dashed rgba(215,223,234,1);} #hero.hero .hero-card__link{color:var(--z39d7e-accent);text-decoration:none;font-weight:750;font-size:14px;} #hero.hero .hero-card__link:hover{text-decoration:underline;} #hero.hero .hero-card__sep{color:rgba(75,85,99,.75);font-weight:700;} #hero.hero .hero__fineprint{margin-top:14px;display:flex;gap:10px;align-items:flex-start;} #hero.hero .hero__fineprint-icon{width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(46,125,255,.14);color:var(--z39d7e-accent);font-weight:900;} #hero.hero .hero__fineprint-text{font-size:13px;line-height:1.5;color:var(--z39d7e-secondary);max-width:46ch;} #hero.hero ::selection{background:rgba(46,125,255,.22);} #hero.hero a{color:inherit;} #hero.hero [aria-label="Qué aprenderás"]{--dummy:0;} @media (max-width: 900px){ #hero.hero .hero__inner{grid-template-columns:1fr;gap:16px;} #hero.hero .hero__cta-row{gap:10px;} #hero.hero .hero__content{padding:0;} } @media (prefers-reduced-motion: reduce){ #hero.hero .hero__btn:hover{transform:none;} } /* z39d7e:primer-ordenado */ /* z39d7e:primer-ordenado */ #primer-ordenado{background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:48px 0 56px;} #primer-ordenado .container{max-width:1040px;margin:0 auto;padding:0 18px;} #primer-ordenado .kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--z39d7e-font);letter-spacing:.02em;text-transform:uppercase;font-size:12px;color:var(--z39d7e-secondary);margin-bottom:14px;} #primer-ordenado .kicker::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--z39d7e-accent);box-shadow:0 0 0 4px rgba(46,125,255,.15);} #primer-ordenado .title{font-family:var(--z39d7e-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.08;font-size:34px;margin:0 0 12px;text-wrap:balance;} #primer-ordenado .subtitle{margin:0 0 26px;max-width:74ch;font-size:16px;line-height:1.6;color:var(--z39d7e-secondary);} #primer-ordenado .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;} #primer-ordenado .step{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg,16px);padding:18px 18px;display:flex;gap:16px;align-items:flex-start;} #primer-ordenado .step-badge{flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:rgba(46,125,255,.12);border:1px solid rgba(46,125,255,.28);color:var(--z39d7e-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--z39d7e-font-display);} #primer-ordenado .step-title{margin:0 0 6px;font-size:18px;line-height:1.35;font-weight:800;font-family:var(--z39d7e-font-display);} #primer-ordenado .step-text{margin:0 0 12px;color:var(--z39d7e-secondary);line-height:1.55;} #primer-ordenado .step-body{flex:1 1 auto;} #primer-ordenado .cta{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid var(--z39d7e-border);color:var(--z39d7e-primary);text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.01em;background:var(--z39d7e-surface);} #primer-ordenado .cta.primary{background:var(--z39d7e-primary);border-color:var(--z39d7e-primary);color:var(--z39d7e-surface);} #primer-ordenado .cta:hover{transform:translateY(-1px);} #primer-ordenado .cta:active{transform:translateY(0);} #primer-ordenado .cta:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #primer-ordenado .aside{margin-top:22px;background:rgba(221,230,246,.55);border:1px solid rgba(215,223,234,.9);border-radius:var(--radius-lg,16px);padding:16px 16px;display:flex;gap:14px;align-items:flex-start;} #primer-ordenado .aside-icon{width:14px;height:14px;border-radius:5px;background:var(--z39d7e-accent);margin-top:6px;} #primer-ordenado .aside-title{margin:0 0 6px;font-weight:900;color:var(--z39d7e-primary);} #primer-ordenado .aside-text{margin:0 0 10px;color:var(--z39d7e-secondary);line-height:1.6;} #primer-ordenado .link{color:var(--z39d7e-primary);font-weight:900;text-decoration:underline;text-underline-offset:3px;} #primer-ordenado .link:hover{text-decoration-thickness:2px;} #primer-ordenado .link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;border-radius:8px;} #primer-ordenado ::selection{background:rgba(46,125,255,.25);} @media (min-width: 860px){ #primer-ordenado .steps{gap:16px;} #primer-ordenado .step{padding:22px 22px;} } @media (prefers-reduced-motion: reduce){ #primer-ordenado .cta{transition:none;} #primer-ordenado .cta:hover{transform:none;} } /* z39d7e:articulo-destacado */ /* z39d7e:articulo-destacado */ #articulo-destacado{--section-bg:var(--z39d7e-bg);--section-surface:var(--z39d7e-surface);--section-ink:var(--z39d7e-ink);--section-border:var(--z39d7e-border);--accent:var(--z39d7e-accent);background:var(--section-bg);padding:24px 0;} #articulo-destacado *{box-sizing:border-box;} #articulo-destacado .featured-article{position:relative;} #articulo-destacado .featured-article__inner{max-width:1040px;margin:0 auto;padding:0 18px;} #articulo-destacado .featured-article__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--section-border);border-radius:999px;background:var(--section-surface);color:var(--z39d7e-secondary);font:600 13px/1.2 var(--z39d7e-font);letter-spacing:.02em;} #articulo-destacado .featured-article__main{margin-top:14px;display:grid;grid-template-columns:1.55fr .85fr;gap:18px;align-items:stretch;} #articulo-destacado .featured-article__copy{background:var(--section-surface);border:1px solid var(--section-border);border-radius:var(--z39d7e-radius,16px);padding:22px 20px;} #articulo-destacado .featured-article__title{margin:10px 0 10px;font:700 30px/1.15 var(--z39d7e-font-display);letter-spacing:-.02em; text-wrap:balance; color:var(--section-ink);} #articulo-destacado .featured-article__meta{margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--z39d7e-secondary);font:600 14px/1.2 var(--z39d7e-font);} #articulo-destacado .featured-article__pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--section-border);background:var(--z39d7e-bg);color:var(--z39d7e-ink);} #articulo-destacado .featured-article__dot{opacity:.7;} #articulo-destacado .featured-article__summary{margin:0 0 16px;color:var(--z39d7e-text);font:400 16px/1.65 var(--z39d7e-font);} #articulo-destacado .featured-article__actions{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 18px;} #articulo-destacado .featured-article__button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid transparent;text-decoration:none;font:700 15px/1.1 var(--z39d7e-font);} #articulo-destacado .featured-article__button--primary{background:var(--z39d7e-accent);color:#fff;border-color:rgba(46,125,255,.25);} #articulo-destacado .featured-article__button--primary:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #articulo-destacado .featured-article__button--ghost{background:var(--section-surface);color:var(--z39d7e-ink);border-color:var(--section-border);} #articulo-destacado .featured-article__button--ghost:focus-visible{outline:3px solid rgba(11,31,59,.25);outline-offset:2px;} #articulo-destacado .featured-article__button[aria-disabled="true"], #articulo-destacado .featured-article__button:disabled{opacity:.6;cursor:not-allowed;} #articulo-destacado .featured-article__bullets{list-style:none;margin:0;padding:0;display:grid;gap:10px;} #articulo-destacado .featured-article__bullets li{display:flex;gap:10px;align-items:flex-start;color:var(--z39d7e-text);font:400 15px/1.45 var(--z39d7e-font);} #articulo-destacado .featured-article__check{width:18px;height:18px;border-radius:6px;background:rgba(46,125,255,.12);border:1px solid rgba(46,125,255,.35);position:relative;flex:0 0 auto;margin-top:2px;} #articulo-destacado .featured-article__check::after{content:"";position:absolute;left:5px;top:4px;width:7px;height:4px;border-left:2px solid var(--z39d7e-accent);border-bottom:2px solid var(--z39d7e-accent);transform:rotate(-45deg);} #articulo-destacado .featured-article__side{background:linear-gradient(180deg, rgba(221,230,246,.65), rgba(221,230,246,.25));border:1px solid var(--section-border);border-radius:var(--z39d7e-radius,16px);padding:18px 16px;} #articulo-destacado .featured-article__side-title{margin:2px 0 12px;font:700 18px/1.2 var(--z39d7e-font-display);color:var(--z39d7e-ink);letter-spacing:-.01em;} #articulo-destacado .featured-article__steps{margin:0;padding:0;list-style:none;display:grid;gap:12px;} #articulo-destacado .featured-article__step{display:flex;gap:12px;align-items:flex-start;} #articulo-destacado .featured-article__step-num{width:28px;height:28px;border-radius:10px;background:var(--section-surface);border:1px solid var(--section-border);display:inline-flex;align-items:center;justify-content:center;color:var(--z39d7e-ink);font:800 13px/1 var(--z39d7e-font);} #articulo-destacado .featured-article__step-text{color:var(--z39d7e-text);font:400 15px/1.45 var(--z39d7e-font);} #articulo-destacado .featured-article__link{display:inline-flex;margin-top:12px;color:var(--z39d7e-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font:700 15px/1.2 var(--z39d7e-font);} #articulo-destacado .featured-article__link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;border-radius:10px;} #articulo-destacado .featured-article__link:hover{text-decoration-thickness:3px;} #articulo-destacado ::selection{background:rgba(46,125,255,.22);} @media (max-width: 860px){ #articulo-destacado .featured-article__main{grid-template-columns:1fr;} #articulo-destacado .featured-article__copy{padding:20px 16px;} #articulo-destacado .featured-article__title{font-size:26px;} } @media (prefers-reduced-motion: reduce){ #articulo-destacado .featured-article__button,#articulo-destacado .featured-article__link{transition:none;} } /* z39d7e:como-funciona */ /* z39d7e:como-funciona */ #como-funciona{ background: var(--z39d7e-bg); color: var(--z39d7e-text); padding: 56px 0; } #como-funciona .container{ width: min(1040px, calc(100% - 40px)); margin: 0 auto; } #como-funciona .section-head{ max-width: 860px; } #como-funciona .title{ margin: 0 0 10px; font-family: var(--z39d7e-font-display); font-size: 38px; line-height: 1.08; letter-spacing: -0.02em; color: var(--z39d7e-ink); text-wrap: balance; } #como-funciona .lead{ margin: 0; font-size: 16.5px; line-height: 1.7; color: color-mix(in srgb, var(--z39d7e-ink) 78%, var(--z39d7e-secondary)); } #como-funciona .cycle{ margin-top: 26px; position: relative; padding-top: 4px; } #como-funciona .steps{ margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr; gap: 14px; } #como-funciona .step{ display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: start; background: var(--z39d7e-surface); border: 1px solid var(--z39d7e-border); border-radius: var(--z39d7e-radius-md, 12px); padding: 16px; box-shadow: 0 10px 30px rgba(11,31,59,.06); } #como-funciona .step-no{ width: 40px; height: 40px; border-radius: var(--z39d7e-radius-sm, 8px); display: grid; place-items: center; font-weight: 800; font-family: var(--z39d7e-font-display); color: var(--z39d7e-surface); background: var(--z39d7e-primary); } #como-funciona .step-title{ margin: 2px 0 6px; font-size: 17px; line-height: 1.35; font-weight: 800; color: var(--z39d7e-ink); } #como-funciona .step-text{ margin: 0; font-size: 14.8px; line-height: 1.7; color: color-mix(in srgb, var(--z39d7e-text) 82%, var(--z39d7e-secondary)); } #como-funciona .connector{ display:none; } #como-funciona .compare-block{ margin-top: 18px; border-radius: var(--z39d7e-radius-lg, 16px); background: var(--z39d7e-surface); border: 1px solid var(--z39d7e-border); padding: 18px; } #como-funciona .compare-title{ margin: 0 0 8px; font-family: var(--z39d7e-font-display); font-size: 20px; letter-spacing: -0.01em; color: var(--z39d7e-ink); } #como-funciona .compare-text{ margin: 0 0 14px; font-size: 15.2px; line-height: 1.7; color: color-mix(in srgb, var(--z39d7e-text) 82%, var(--z39d7e-secondary)); } #como-funciona .compare-actions{ display: flex; gap: 12px; flex-wrap: wrap; } #como-funciona .button{ display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: var(--z39d7e-radius-md, 12px); text-decoration: none; font-weight: 800; font-size: 14.8px; line-height: 1.1; border: 1px solid var(--z39d7e-border); } #como-funciona .button-primary{ background: var(--z39d7e-primary); border-color: var(--z39d7e-primary); color: var(--z39d7e-surface); } #como-funciona .button-ghost{ background: var(--z39d7e-surface); color: var(--z39d7e-ink); border-color: color-mix(in srgb, var(--z39d7e-border) 65%, var(--z39d7e-primary)); } #como-funciona .button:focus-visible{ outline: 3px solid color-mix(in srgb, var(--z39d7e-accent) 60%, var(--z39d7e-primary)); outline-offset: 2px; } #como-funciona .button-primary:hover{ filter: brightness(0.98); } #como-funciona .button-ghost:hover{ background: color-mix(in srgb, var(--z39d7e-accent) 10%, var(--z39d7e-surface)); } #como-funciona ::selection{ background: color-mix(in srgb, var(--z39d7e-accent) 28%, var(--z39d7e-surface)); } @media (min-width: 860px){ #como-funciona .steps{ grid-template-columns: 1fr 1fr; gap: 16px; } #como-funciona .step{ padding: 18px; } #como-funciona .compare-block{ padding: 20px; } } @media (prefers-reduced-motion: reduce){ #como-funciona *{ scroll-behavior: auto; } } /* z39d7e:contact */ /* z39d7e:contact */ #contact{--radius-sm:var(--z39d7e-radius-sm,8px);--radius-md:var(--z39d7e-radius-md,12px);--radius-lg:var(--z39d7e-radius-lg,16px);background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:32px 18px 44px;} #contact .contact__inner{max-width:1100px;margin:0 auto;} #contact .contact__header{margin:0 0 18px;} #contact .contact__title{font-family:var(--z39d7e-font-display);font-size:34px;line-height:1.08;letter-spacing:-0.02em;margin:0 0 8px;color:var(--z39d7e-ink);text-wrap:balance;} #contact .contact__subtitle{margin:0;max-width:72ch;font-size:16px;line-height:1.6;color:var(--z39d7e-secondary);} #contact .contact__layout{display:grid;grid-template-columns:380px 1fr;gap:18px;align-items:start;} #contact .contact__aside{display:flex;flex-direction:column;gap:14px;} #contact .contact__aside-card{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);padding:16px 16px 14px;box-shadow:0 10px 22px rgba(11,31,59,0.06);} #contact .contact__aside-title{margin:0 0 10px;font-family:var(--z39d7e-font-display);font-size:18px;color:var(--z39d7e-ink);} #contact .contact__dl{margin:0;display:flex;flex-direction:column;gap:10px;} #contact .contact__row{display:grid;grid-template-columns:110px 1fr;gap:10px;} #contact .contact__dt{font-size:13px;color:var(--z39d7e-slate);} #contact .contact__dd{margin:0;font-size:14px;color:var(--z39d7e-text);} #contact .contact__link{color:var(--z39d7e-accent);text-decoration:underline;text-underline-offset:3px;} #contact .contact__link:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:3px;border-radius:6px;} #contact .contact__aside-note{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);padding:14px 14px 12px;} #contact .contact__note-text{margin:0;color:var(--z39d7e-secondary);font-size:14px;line-height:1.55;} #contact .contact__form{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:18px;} #contact .contact__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;} #contact .contact__field{display:flex;flex-direction:column;gap:8px;} #contact .contact__field--full{grid-column:1 / -1;} #contact .contact__label{font-size:13px;color:var(--z39d7e-slate);} #contact .contact__input,#contact .contact__select,#contact .contact__textarea{width:100%;border:1px solid var(--z39d7e-border);border-radius:10px;padding:11px 12px;font-size:14px;background:var(--z39d7e-surface);color:var(--z39d7e-text);font-family:var(--z39d7e-font);} #contact .contact__textarea{min-height:140px;resize:vertical;} #contact .contact__input::placeholder,#contact .contact__textarea::placeholder{color:rgba(71,85,99,0.95);} #contact .contact__input:focus-visible,#contact .contact__select:focus-visible,#contact .contact__textarea:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:2px;border-color:rgba(46,125,255,0.55);} #contact .contact__select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(11,31,59,0.7) 50%),linear-gradient(135deg,rgba(11,31,59,0.7) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px;} #contact .contact__consent{grid-column:1 / -1;display:flex;gap:10px;align-items:flex-start;padding:4px 2px 0;} #contact .contact__checkbox{margin-top:3px;width:18px;height:18px;accent-color:var(--z39d7e-accent);} #contact .contact__consent-label{font-size:13px;line-height:1.45;color:var(--z39d7e-secondary);} #contact .contact__actions{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;align-items:flex-start;} #contact .contact__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(46,125,255,0.55);background:var(--z39d7e-accent);color:#fff;padding:12px 16px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;} #contact .contact__button:hover{background:#1f6fe9;} #contact .contact__button:active{background:#1a63cc;} #contact .contact__button:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:3px;} #contact .contact__privacy{margin:0;font-size:13px;color:var(--z39d7e-secondary);} #contact .contact__form-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--z39d7e-border);display:flex;gap:14px;flex-wrap:wrap;} #contact .contact__legal-link{color:var(--z39d7e-secondary);text-decoration:underline;text-underline-offset:3px;} #contact .contact__legal-link:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:3px;border-radius:6px;} #contact ::selection{background:rgba(46,125,255,0.22);} @media (max-width: 920px){#contact .contact__layout{grid-template-columns:1fr;} #contact .contact__form-grid{grid-template-columns:1fr;} #contact .contact__row{grid-template-columns:100px 1fr;}} @media (prefers-reduced-motion: reduce){#contact *{scroll-behavior:auto;}} /* z39d7e:blog-list */ /* z39d7e:blog-list */ #blog-list{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--gap-1:8px;--gap-2:12px;--gap-3:16px;--gap-4:24px;--gap-5:32px;--shadow:0 10px 30px rgba(11,31,59,.10);background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:clamp(22px,4vw,44px) 16px;} #blog-list .blog-list__container{max-width:1080px;margin:0 auto;} #blog-list .blog-list__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;} #blog-list .blog-list__title{font-family:var(--z39d7e-font-display);font-size:clamp(26px,3.2vw,38px);line-height:1.1;margin:0;letter-spacing:-.02em;text-wrap:balance;color:var(--z39d7e-ink);font-weight:800;} #blog-list .blog-list__subtitle{margin:0;max-width:56ch;color:var(--z39d7e-secondary);font-size:16px;line-height:1.6;} #blog-list .blog-list__controls{margin:0 0 18px 0;} #blog-list .reading-steps{border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);border-radius:var(--radius-lg);padding:16px;} #blog-list .reading-steps__item{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;} #blog-list .reading-steps__num{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;background:rgba(46,125,255,.12);color:var(--z39d7e-primary);border:1px solid rgba(46,125,255,.25);font-weight:800;font-family:var(--z39d7e-font-display);font-variant-numeric:tabular-nums;} #blog-list .reading-steps__body{flex:1 1 360px;min-width:260px;} #blog-list .reading-steps__label{margin:0 0 6px 0;color:var(--z39d7e-ink);font-weight:800;font-size:14px;letter-spacing:.02em;} #blog-list .reading-steps__text{margin:0;color:var(--z39d7e-secondary);line-height:1.6;font-size:15px;} #blog-list .blog-list__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;} #blog-list .post-card{grid-column:span 6;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);box-shadow:0 8px 22px rgba(11,31,59,.06);padding:16px;display:flex;flex-direction:column;min-height:220px;} #blog-list .post-card__meta{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px;} #blog-list .post-card__tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(46,125,255,.25);background:rgba(46,125,255,.08);color:var(--z39d7e-primary);font-weight:800;font-size:12px;letter-spacing:.02em;} #blog-list .post-card__time{color:var(--z39d7e-secondary);font-size:12px;white-space:nowrap;} #blog-list .post-card__title{margin:0 0 10px 0;font-family:var(--z39d7e-font-display);font-size:18px;line-height:1.25;letter-spacing:-.01em;text-wrap:balance;color:var(--z39d7e-ink);font-weight:850;} #blog-list .post-card__excerpt{margin:0 0 14px 0;color:var(--z39d7e-secondary);line-height:1.65;font-size:15px;} #blog-list .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:850;font-size:14px;line-height:1;border:1px solid transparent;cursor:pointer;min-height:42px;} #blog-list .button:focus-visible{outline:3px solid rgba(46,125,255,.45);outline-offset:2px;} #blog-list .button--primary{background:var(--z39d7e-primary);color:var(--z39d7e-surface);border-color:var(--z39d7e-primary);} #blog-list .button--primary:hover{background:rgba(11,31,59,.92);} #blog-list .button--ghost{background:var(--z39d7e-surface);color:var(--z39d7e-ink);border-color:var(--z39d7e-border);} #blog-list .button--ghost:hover{border-color:rgba(46,125,255,.45);background:rgba(46,125,255,.07);} #blog-list .blog-list__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap;} #blog-list .blog-list__fineprint{margin:0;color:var(--z39d7e-secondary);font-size:14px;line-height:1.6;max-width:52ch;} #blog-list ::selection{background:rgba(46,125,255,.25);} @media (max-width:920px){#blog-list .blog-list__header{flex-direction:column;align-items:flex-start;}#blog-list .post-card{grid-column:span 12;}} @media (prefers-reduced-motion:reduce){#blog-list .button{transition:none;}} /* z39d7e:blog-hero */ #blog-hero{--r:16px;--r2:12px;--pad:clamp(18px,3vw,28px);--max:1120px;display:block;background:var(--z39d7e-bg);color:var(--z39d7e-text)} #blog-hero .blog-hero__wrap{padding:var(--pad) 0 clamp(26px,4vw,44px)} #blog-hero .blog-hero__inner{max-width:var(--max);margin:0 auto;padding:clamp(18px,2.8vw,28px);border-radius:var(--r);background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);position:relative;overflow:hidden} #blog-hero .blog-hero__inner::before{content:"";position:absolute;inset:-2px auto auto -2px;width:260px;height:260px;background:rgba(46,125,255,.10);border-radius:999px;filter:saturate(110%);pointer-events:none} #blog-hero .blog-hero__inner::after{content:"";position:absolute;right:-120px;bottom:-140px;width:340px;height:340px;background:rgba(11,31,59,.06);border-radius:999px;pointer-events:none} #blog-hero .blog-hero__header{position:relative;z-index:1} #blog-hero .blog-hero__badge{display:inline-block;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(46,125,255,.10);border:1px solid rgba(46,125,255,.22);color:var(--z39d7e-primary);font:600 13px/1.1 var(--z39d7e-font)} #blog-hero .blog-hero__title{margin:0 0 12px;font-family:var(--z39d7e-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.06;font-size:clamp(30px,4vw,46px);text-wrap:balance;color:var(--z39d7e-ink)} #blog-hero .blog-hero__lede{margin:0;max-width:70ch;font:400 16px/1.65 var(--z39d7e-font);color:var(--z39d7e-secondary)} #blog-hero .blog-hero__lede strong{color:var(--z39d7e-ink);font-weight:800} #blog-hero .blog-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:1} #blog-hero .blog-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--r2);background:var(--z39d7e-primary);color:#fff;text-decoration:none;font:700 15px/1 var(--z39d7e-font);border:1px solid var(--z39d7e-primary);min-height:44px} #blog-hero .blog-hero__cta:focus-visible{outline:3px solid rgba(46,125,255,.55);outline-offset:2px} #blog-hero .blog-hero__cta:hover{background:rgba(11,31,59,.92)} #blog-hero .blog-hero__ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--r2);background:transparent;color:var(--z39d7e-ink);text-decoration:none;font:700 15px/1 var(--z39d7e-font);border:1px solid var(--z39d7e-border);min-height:44px} #blog-hero .blog-hero__ghost:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px} #blog-hero .blog-hero__ghost:hover{border-color:rgba(46,125,255,.55);background:rgba(46,125,255,.08)} #blog-hero .blog-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;position:relative;z-index:1} #blog-hero .meta-item{margin:0;padding:12px 12px;border-radius:var(--r2);background:rgba(221,230,246,.35);border:1px solid rgba(215,223,234,.9)} #blog-hero .meta-item dt{font:800 12px/1.2 var(--z39d7e-font);color:var(--z39d7e-primary);text-transform:none;letter-spacing:.01em;margin:0 0 6px} #blog-hero .meta-item dd{margin:0;font:400 14px/1.5 var(--z39d7e-font);color:var(--z39d7e-secondary)} #blog-hero .blog-hero__topic-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;position:relative;z-index:1} #blog-hero .topic-link{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--z39d7e-border);text-decoration:none;color:var(--z39d7e-ink);font:700 13px/1 var(--z39d7e-font)} #blog-hero .topic-link:hover{border-color:rgba(46,125,255,.55);background:rgba(46,125,255,.08)} #blog-hero .topic-link:focus-visible{outline:3px solid rgba(46,125,255,.45);outline-offset:2px} #blog-hero ::selection{background:rgba(46,125,255,.28)} @media (max-width:860px){#blog-hero .blog-hero__meta{grid-template-columns:1fr;} #blog-hero .blog-hero__inner::before{width:220px;height:220px} #blog-hero .blog-hero__inner::after{right:-170px;bottom:-190px;opacity:.9}} @media (prefers-reduced-motion:reduce){#blog-hero *{scroll-behavior:auto;transition:none !important;animation:none !important}} /* z39d7e:blog-list */ /* z39d7e:blog-list */ #blog-list{--section-bg:var(--z39d7e-bg);--section-surface:var(--z39d7e-surface);--section-ink:var(--z39d7e-ink);--section-secondary:var(--z39d7e-secondary);--section-border:var(--z39d7e-border);--section-accent:var(--z39d7e-accent);background:var(--section-bg);color:var(--section-text, var(--z39d7e-text));padding:56px 18px;} #blog-list *{box-sizing:border-box;} #blog-list .blog-list-inner{max-width:1120px;margin:0 auto;} #blog-list .blog-list-header{margin-bottom:22px;} #blog-list .blog-list-kicker{font:600 12px/1.2 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);letter-spacing:.14em;text-transform:uppercase;color:var(--z39d7e-secondary);margin:0 0 10px;} #blog-list .blog-list-title{margin:0 0 10px;font:700 40px/1.08 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);color:var(--z39d7e-ink);letter-spacing:-.02em;text-wrap:balance;} #blog-list .blog-list-subtitle{margin:0;color:var(--z39d7e-secondary);font:400 16px/1.6 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);max-width:62ch;} #blog-list .blog-list-layout{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start;margin-top:22px;} #blog-list .blog-list-items{display:flex;flex-direction:column;gap:16px;} #blog-list .blog-list-item{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-border-radius, 16px);padding:18px 18px;box-shadow:0 10px 30px rgba(11,31,59,.06);} #blog-list .blog-list-item-featured{border-color:rgba(46,125,255,.35);background:linear-gradient(180deg, rgba(46,125,255,.10), rgba(255,255,255,1) 60%);} #blog-list .blog-list-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--z39d7e-secondary);} #blog-list .blog-list-index{font:700 12px/1 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);letter-spacing:.18em;color:var(--z39d7e-secondary);} #blog-list .blog-list-sep{opacity:.8;} #blog-list .blog-list-time{font:600 12px/1 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);} #blog-list .blog-list-item-title{margin:0 0 10px;} #blog-list .blog-list-link{color:var(--z39d7e-ink);text-decoration:none;border-bottom:1px solid rgba(46,125,255,.0);padding-bottom:2px;} #blog-list .blog-list-link:hover{border-bottom-color:rgba(46,125,255,.55);} #blog-list .blog-list-item-excerpt{margin:0;color:var(--z39d7e-secondary);font:400 15px/1.65 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);} #blog-list .blog-list-feature{padding:2px;} #blog-list .blog-list-feature-tag{display:inline-block;background:rgba(46,125,255,.12);color:var(--z39d7e-primary);border:1px solid rgba(46,125,255,.25);border-radius:999px;padding:7px 10px;font:700 12px/1 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);margin-bottom:12px;} #blog-list .blog-list-feature-title{margin:0 0 10px;} #blog-list .blog-list-feature-excerpt{margin:0 0 14px;color:var(--z39d7e-secondary);font:400 15px/1.65 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);} #blog-list .blog-list-feature-actions{display:flex;gap:10px;flex-wrap:wrap;} #blog-list .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid var(--z39d7e-border);padding:11px 14px;font:700 14px/1.1 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);text-decoration:none;white-space:nowrap;} #blog-list .button-primary{background:var(--z39d7e-accent);border-color:rgba(46,125,255,.55);color:#fff;} #blog-list .button-primary:hover{filter:saturate(1.02) brightness(1.02);} #blog-list .button-ghost{background:var(--z39d7e-surface);color:var(--z39d7e-ink);border-color:rgba(215,223,234,.9);} #blog-list .button-ghost:hover{border-color:rgba(46,125,255,.55);} #blog-list .button:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #blog-list .blog-list-sidebar{position:sticky;top:18px;display:flex;flex-direction:column;gap:14px;} #blog-list .sidebar-card{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:16px;padding:16px 16px;box-shadow:0 10px 30px rgba(11,31,59,.05);} #blog-list .sidebar-card-muted{background:rgba(221,230,246,.35);border-color:rgba(215,223,234,.9);} #blog-list .sidebar-title{margin:0 0 8px;font:800 16px/1.2 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);letter-spacing:-.01em;color:var(--z39d7e-ink);} #blog-list .sidebar-text{margin:0 0 12px;color:var(--z39d7e-secondary);font:400 14px/1.6 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);} #blog-list .sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;} #blog-list .sidebar-link{color:var(--z39d7e-ink);text-decoration:none;padding:10px 12px;border-radius:12px;border:1px solid rgba(215,223,234,.0);background:rgba(255,255,255,.65);} #blog-list .sidebar-link:hover{border-color:rgba(46,125,255,.45);background:var(--z39d7e-surface);} #blog-list .sidebar-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #blog-list .blog-pagination{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;} #blog-list .blog-pagination-row{display:flex;align-items:baseline;gap:10px;} #blog-list .blog-pagination-label{color:var(--z39d7e-secondary);font:600 14px/1.2 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);} #blog-list .blog-pagination-current{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:12px;background:rgba(46,125,255,.12);border:1px solid rgba(46,125,255,.35);color:var(--z39d7e-ink);font:800 14px/1 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);} #blog-list .blog-pagination-divider{color:var(--z39d7e-secondary);} #blog-list .blog-pagination-total{color:var(--z39d7e-secondary);font:600 14px/1.2 var(--z39d7e-font, 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif);} #blog-list .blog-pagination-actions{display:flex;gap:10px;flex-wrap:wrap;} #blog-list ::selection{background:rgba(46,125,255,.22);} @media (max-width: 980px){#blog-list .blog-list-layout{grid-template-columns:1fr;} #blog-list .blog-list-sidebar{position:relative;top:auto;} #blog-list .blog-list-title{font-size:34px;} } @media (prefers-reduced-motion: reduce){#blog-list .blog-list-link,#blog-list .button,#blog-list .sidebar-link{transition:none !important;}} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{--radius-sm:var(--z39d7e-radius-sm,8px);--radius-md:var(--z39d7e-radius-md,12px);--radius-lg:var(--z39d7e-radius-lg,16px);position:relative;background:var(--z39d7e-bg);padding:48px 0 30px;color:var(--z39d7e-text);overflow:hidden;} #article-hero::before{content:"";position:absolute;inset:-200px -200px auto -200px;height:420px;background:radial-gradient(closest-side,rgba(46,125,255,.14),rgba(46,125,255,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:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--z39d7e-border);border-radius:999px;background:rgba(221,230,246,.45);color:var(--z39d7e-primary);font-family:var(--z39d7e-font);font-size:13px;font-weight:700;letter-spacing:.02em;} #article-hero .article-hero__meta-sep{color:var(--z39d7e-secondary);opacity:.9;font-size:16px;} #article-hero .article-hero__meta{color:var(--z39d7e-secondary);font-family:var(--z39d7e-font);font-size:14px;font-weight:600;} #article-hero .article-hero__title{margin:0 0 16px;line-height:1.08;font-family:var(--z39d7e-font-display);font-size:clamp(30px,3.6vw,48px);letter-spacing:-.02em;text-wrap:balance;color:var(--z39d7e-ink);} #article-hero .article-hero__meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:14px 14px;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-md);} #article-hero .article-hero__meta-item{padding:8px 10px;border-radius:10px;} #article-hero .article-hero__meta-label{font-size:12px;color:var(--z39d7e-secondary);font-weight:700;letter-spacing:.02em;text-transform:uppercase;} #article-hero .article-hero__meta-value{margin-top:6px;font-size:15px;color:var(--z39d7e-ink);font-weight:800;font-family:var(--z39d7e-font);} #article-hero .article-hero__lead{font-size:16px;line-height:1.7;color:var(--z39d7e-text);margin:0 0 22px;max-width:72ch;} #article-hero .article-hero__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:800;font-family:var(--z39d7e-font);border:1px solid transparent;min-height:44px;} #article-hero .button--primary{background:var(--z39d7e-primary);border-color:var(--z39d7e-primary);color:var(--z39d7e-surface);box-shadow:0 10px 26px rgba(11,31,59,.14);} #article-hero .button--primary:focus-visible{outline:3px solid rgba(46,125,255,.45);outline-offset:2px;} #article-hero .button--ghost{background:var(--z39d7e-surface);border-color:var(--z39d7e-border);color:var(--z39d7e-primary);} #article-hero .button--ghost:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #article-hero .button:hover{transform:translateY(-1px);} #article-hero .button:active{transform:translateY(0);} @media (prefers-reduced-motion: reduce){#article-hero .button{transition:none;transform:none;} } #article-hero .button:hover.button--primary{background:#0a1930;} #article-hero .article-hero__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #article-hero .trust-item{padding:14px 14px;border-radius:var(--radius-md);background:rgba(221,230,246,.32);border:1px solid rgba(215,223,234,.8);} #article-hero .trust-item__title{font-weight:900;color:var(--z39d7e-ink);font-family:var(--z39d7e-font);font-size:14px;} #article-hero .trust-item__desc{margin-top:8px;color:var(--z39d7e-secondary);font-size:14px;line-height:1.55;} #article-hero *::selection{background:rgba(46,125,255,.22);} @media (max-width: 820px){ #article-hero{padding:36px 0 22px;} #article-hero .article-hero__meta-row{grid-template-columns:1fr;} #article-hero .article-hero__trust{grid-template-columns:1fr;} #article-hero .article-hero__lead{font-size:15px;} } /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content.article-content{background:var(--z39d7e-bg);color:var(--z39d7e-text);} #article-content .article-shell{max-width:860px;margin:0 auto;padding:32px 20px 56px;} #article-content .article-intro{padding:18px 0 26px;} #article-content .article-kicker{margin:0 0 12px;letter-spacing:0.02em;font-family:var(--z39d7e-font);font-size:13px;color:var(--z39d7e-secondary);text-transform:none;} #article-content .article-title{margin:0 0 14px;font-family:var(--z39d7e-font-display);font-size:38px;line-height:1.07;letter-spacing:-0.02em;text-wrap:balance;color:var(--z39d7e-ink);font-weight:800;} #article-content .article-lede{margin:0;font-size:18px;line-height:1.65;color:var(--z39d7e-text);max-width:74ch;} #article-content .article-body{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:22px 22px 10px;box-shadow:0 10px 28px rgba(11,31,59,0.06);} #article-content .article-section{padding:18px 0 22px;border-top:1px solid rgba(215,223,234,0.75);} #article-content .article-section:first-child{border-top:none;padding-top:6px;} #article-content .h3{margin:0 0 10px;font-size:22px;line-height:1.28;letter-spacing:-0.01em;color:var(--z39d7e-ink);font-family:var(--z39d7e-font-display);font-weight:800;} #article-content .h4{margin:0 0 6px;font-size:16px;line-height:1.35;color:var(--z39d7e-ink);font-family:var(--z39d7e-font-display);font-weight:800;} #article-content .p{margin:0 0 12px;font-size:16px;line-height:1.75;color:var(--z39d7e-text);} #article-content .callout{background:rgba(46,125,255,0.07);border:1px solid rgba(46,125,255,0.22);border-radius:var(--radius-md);padding:14px 14px 10px;margin:6px 0 12px;} #article-content .callout-title{margin:0 0 10px;font-weight:800;color:var(--z39d7e-ink);font-family:var(--z39d7e-font-display);} #article-content .list{margin:0;padding-left:18px;} #article-content .list-unordered{padding-left:18px;} #article-content .list-item{margin:8px 0;font-size:16px;line-height:1.6;color:var(--z39d7e-text);} #article-content .side-note{border-left:4px solid var(--z39d7e-accent);background:rgba(46,125,255,0.06);padding:12px 14px;border-radius:0 10px 10px 0;margin:12px 0 2px;} #article-content .side-note-text{margin:0;font-size:15px;line-height:1.6;color:var(--z39d7e-text);} #article-content .steps{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px;} #article-content .step{background:var(--z39d7e-bg);border:1px solid var(--z39d7e-border);border-radius:var(--radius-md);padding:14px 14px 12px;} #article-content .step-num{margin:0 0 6px;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--z39d7e-secondary);font-weight:800;} #article-content .mini-card{background:var(--z39d7e-bg);border:1px solid var(--z39d7e-border);border-radius:var(--radius-md);padding:14px 14px 12px;} #article-content .mini-card-title{margin:0 0 8px;font-size:15px;font-weight:900;color:var(--z39d7e-ink);font-family:var(--z39d7e-font-display);} #article-content .grid-two{display:grid;grid-template-columns:1fr;gap:12px;} #article-content a{color:var(--z39d7e-accent);text-decoration:underline;text-underline-offset:3px;} #article-content a:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:3px;border-radius:6px;} #article-content ::selection{background:rgba(46,125,255,0.25);} @media (min-width: 720px){ #article-content .article-shell{padding-top:44px;padding-left:24px;padding-right:24px;} #article-content .article-title{font-size:44px;} #article-content .article-body{padding:26px 26px 12px;} #article-content .grid-two{grid-template-columns:1fr 1fr;} #article-content .steps{grid-template-columns:1fr 1fr;} #article-content .step:nth-child(3),#article-content .step:nth-child(4){grid-column:span 1;} } @media (max-width: 420px){ #article-content .article-body{padding-left:16px;padding-right:16px;} #article-content .article-title{font-size:34px;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} } /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles{--r-primary:var(--z39d7e-primary);--r-secondary:var(--z39d7e-secondary);--r-accent:var(--z39d7e-accent);--r-ink:var(--z39d7e-ink);--r-surface:var(--z39d7e-surface);--r-bg:var(--z39d7e-bg);--r-border:var(--z39d7e-border);--r-mist:var(--z39d7e-mist);color:var(--z39d7e-text);background:var(--z39d7e-bg);} #related-articles *{box-sizing:border-box;} #related-articles .related-articles-wrap{max-width:1120px;margin:0 auto;padding:48px 20px 36px;} #related-articles .related-articles-header{max-width:780px;margin-bottom:22px;} #related-articles .related-articles-title{font-family:var(--z39d7e-font-display);margin:0 0 10px;font-size:36px;line-height:1.08;letter-spacing:-0.02em;color:var(--z39d7e-ink);text-wrap:balance;} #related-articles .related-articles-subtitle{margin:0;font-family:var(--z39d7e-font);font-size:16px;line-height:1.65;color:var(--z39d7e-secondary);} #related-articles .related-articles-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:stretch;} #related-articles .related-article-card{grid-column:span 6;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-lg);padding:18px 18px 16px;position:relative;overflow:hidden;} #related-articles .related-article-card::before{content:"";position:absolute;inset:-2px auto auto -2px;width:10px;height:10px;background:var(--z39d7e-accent);border-radius:0 0 var(--z39d7e-sm) 0;opacity:.95;} #related-articles .related-article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;color:var(--z39d7e-secondary);font-family:var(--z39d7e-font);font-size:13px;} #related-articles .related-article-kicker{font-weight:700;color:var(--z39d7e-secondary);} #related-articles .related-article-dot{color:var(--z39d7e-border);} #related-articles .related-article-time{font-variant-numeric:tabular-nums;} #related-articles .related-article-title{margin:0 0 8px;font-family:var(--z39d7e-font-display);font-size:18px;line-height:1.25;letter-spacing:-0.01em;} #related-articles .related-article-link{color:var(--z39d7e-ink);text-decoration:none;border-bottom:1px solid transparent;} #related-articles .related-article-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;border-bottom-color:rgba(46,125,255,.7);} #related-articles .related-article-link:hover{border-bottom-color:rgba(46,125,255,.65);} #related-articles .related-article-desc{margin:0;color:var(--z39d7e-secondary);font-size:14px;line-height:1.6;} #related-articles .related-articles-cta{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .related-articles-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--z39d7e-md);border:1px solid rgba(46,125,255,.55);background:var(--z39d7e-surface);color:var(--z39d7e-ink);text-decoration:none;font-family:var(--z39d7e-font);font-weight:800;letter-spacing:.01em;} #related-articles .related-articles-button:hover{background:rgba(46,125,255,.08);} #related-articles .related-articles-button:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;} #related-articles ::selection{background:rgba(46,125,255,.25);} @media (max-width: 920px){#related-articles .related-article-card{grid-column:span 12;}} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{ --radius-sm: var(--z39d7e-radius-sm, 8px); --radius-md: var(--z39d7e-radius-md, 12px); --radius-lg: var(--z39d7e-radius-lg, 16px); --shadow: 0 18px 50px rgba(11,31,59,.10); --shadow-2: 0 8px 24px rgba(46,125,255,.10); background: var(--z39d7e-bg); color: var(--z39d7e-text); padding: 56px 0 30px; } #article-hero .hero-inner{ max-width: 1040px; margin: 0 auto; padding: 0 18px; } #article-hero .hero-brow{ display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: baseline; margin-bottom: 12px; } #article-hero .hero-tag{ display: inline-flex; align-items: center; gap: 8px; background: rgba(46,125,255,.10); color: var(--z39d7e-primary); border: 1px solid rgba(46,125,255,.25); padding: 7px 12px; border-radius: var(--radius-sm); font-weight: 700; letter-spacing: .01em; } #article-hero .hero-meta{ color: var(--z39d7e-secondary); font-size: 14px; } #article-hero .hero-title{ font-family: var(--z39d7e-font-display, var(--z39d7e-font)); font-size: 44px; line-height: 1.05; letter-spacing: -0.02em; margin: 6px 0 18px; color: var(--z39d7e-ink); text-wrap: balance; } #article-hero .hero-subgrid{ display: grid; grid-template-columns: 1.25fr .75fr; gap: 22px; align-items: start; } #article-hero .hero-paragraph{ margin: 0; font-family: var(--z39d7e-font); font-size: 18px; line-height: 1.65; color: rgba(15,23,42,.92); } #article-hero .hero-aside{ background: var(--z39d7e-surface); border: 1px solid var(--z39d7e-border); border-radius: var(--radius-md); padding: 14px 14px; box-shadow: var(--shadow-2); } #article-hero .meta-list{ margin: 0; display: grid; gap: 12px; } #article-hero .meta-row{ display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: start; } #article-hero .meta-label{ font-size: 13px; color: var(--z39d7e-secondary); font-weight: 700; } #article-hero .meta-value{ margin: 0; font-size: 14.5px; color: var(--z39d7e-text); font-weight: 650; } #article-hero .hero-cta-row{ display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 22px; } #article-hero .btn{ display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 800; border-radius: var(--radius-md); padding: 12px 16px; border: 1px solid transparent; min-width: 160px; transition: transform .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease; position: relative; } #article-hero .btn.primary{ background: var(--z39d7e-primary); color: var(--z39d7e-surface); border-color: rgba(11,31,59,.2); box-shadow: 0 14px 30px rgba(11,31,59,.16); } #article-hero .btn.ghost{ background: var(--z39d7e-surface); color: var(--z39d7e-primary); border-color: rgba(11,31,59,.25); } #article-hero .btn:hover{ transform: translateY(-1px); } #article-hero .btn:active{ transform: translateY(0px); } #article-hero .btn:focus-visible{ outline: 3px solid rgba(46,125,255,.45); outline-offset: 2px; } #article-hero .hero-disclaimer{ margin: 16px 0 0; color: rgba(75,85,99,.95); font-size: 14.5px; line-height: 1.55; max-width: 78ch; } #article-hero ::selection{ background: rgba(46,125,255,.22); } @media (max-width: 860px){ #article-hero{ padding: 44px 0 22px; } #article-hero .hero-title{ font-size: 36px; } #article-hero .hero-subgrid{ grid-template-columns: 1fr; } #article-hero .hero-aside{ box-shadow: none; } #article-hero .btn{ min-width: 0; } } @media (prefers-reduced-motion: reduce){ #article-hero .btn{ transition: none; } #article-hero .btn:hover{ transform: none; } } /* z39d7e:article-content */ #article-content{--radius-sm:var(--z39d7e-radius-sm,8px);--radius-md:var(--z39d7e-radius-md,12px);--radius-lg:var(--z39d7e-radius-lg,16px);padding:28px 18px;background:var(--z39d7e-bg)} #article-content .article{max-width:980px;margin:0 auto} #article-content .article-prose{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:26px 22px} #article-content .kicker{margin:0 0 10px;font-family:var(--z39d7e-font);letter-spacing:.02em;color:var(--z39d7e-secondary);font-size:13px;text-transform:uppercase} #article-content .title{margin:0 0 14px;font-family:var(--z39d7e-font);font-size:34px;line-height:1.08;letter-spacing:-.02em;color:var(--z39d7e-ink);text-wrap:balance} #article-content .lead{margin:0 0 18px;font-size:17px;line-height:1.65;color:var(--z39d7e-text)} #article-content .article-prose h3{margin:26px 0 10px;font-family:var(--z39d7e-font);font-size:20px;line-height:1.25;color:var(--z39d7e-ink);letter-spacing:-.01em} #article-content .article-prose p{margin:10px 0;font-size:16px;line-height:1.8;color:var(--z39d7e-text)} #article-content .article-prose a{color:var(--z39d7e-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} #article-content .article-prose a:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;border-radius:8px} #article-content .article-prose .callout{margin:18px 0 16px;padding:14px 16px;background:rgba(221,230,246,.55);border:1px solid rgba(215,223,234,.95);border-radius:var(--z39d7e-radius-md,12px)} #article-content .callout-title{font-weight:700;color:var(--z39d7e-ink);margin:0 0 6px} #article-content .callout-text{margin:0;color:var(--z39d7e-text);font-size:15.5px;line-height:1.7} #article-content .equation{margin:10px 0 14px;padding:12px 14px;background:var(--z39d7e-bg);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;letter-spacing:-.01em;color:var(--z39d7e-ink);font-size:15px;line-height:1.6} #article-content .math{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} #article-content .two-col{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0 10px} #article-content .panel{padding:14px 14px;border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);border-radius:var(--z39d7e-radius-md,12px)} #article-content .panel-title{margin:0 0 6px;font-size:16px;color:var(--z39d7e-ink);font-weight:800} #article-content .panel-text{margin:0;font-size:15.5px;line-height:1.75;color:var(--z39d7e-text)} #article-content .list{margin:10px 0 14px;padding-left:18px;color:var(--z39d7e-text);font-size:16px;line-height:1.8} #article-content .list li{margin:6px 0} #article-content .closing{margin-top:18px;padding-top:12px;border-top:1px solid rgba(215,223,234,.9);color:var(--z39d7e-secondary);font-size:15.5px} #article-content ::selection{background:rgba(46,125,255,.25)} #article-content :focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px} @media (min-width:860px){#article-content{padding:38px 18px}.article-prose{padding:34px 34px}#article-content .title{font-size:42px}#article-content .two-col{grid-template-columns:1fr 1fr;gap:14px}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto}} /* z39d7e:related-articles */ #related-articles{--ra-accent:var(--z39d7e-accent);--ra-ink:var(--z39d7e-ink);--ra-surface:var(--z39d7e-surface);--ra-bg:var(--z39d7e-bg);--ra-border:var(--z39d7e-border);--ra-muted:var(--z39d7e-secondary);padding:48px 0 56px;background:var(--z39d7e-bg);} #related-articles ::selection{background:rgba(46,125,255,.22);} #related-articles .container{max-width:980px;margin:0 auto;padding:0 20px;} #related-articles .related-header{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;} #related-articles .related-title{font-family:var(--z39d7e-font-display);font-size:28px;line-height:1.1;letter-spacing:-.02em;color:var(--z39d7e-ink);margin:0;text-wrap:balance;} #related-articles .related-subtitle{margin:0;color:var(--z39d7e-secondary);font-size:15px;line-height:1.6;max-width:66ch;} #related-articles .related-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:10px;} #related-articles .related-item{border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);border-radius:var(--z39d7e-radius-md);} #related-articles .related-link{display:flex;flex-direction:column;gap:6px;padding:14px 14px;text-decoration:none;color:var(--z39d7e-ink);outline:none;} #related-articles .related-link:focus-visible{box-shadow:0 0 0 3px rgba(46,125,255,.25);} #related-articles .related-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--z39d7e-secondary);} #related-articles .related-name{font-size:16px;line-height:1.35;font-weight:650;} #related-articles .related-cta{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .cta-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--z39d7e-radius-md);background:var(--z39d7e-accent);color:#fff;text-decoration:none;font-weight:700;font-size:15px;border:1px solid rgba(0,0,0,0);} #related-articles .cta-primary:focus-visible{box-shadow:0 0 0 3px rgba(46,125,255,.35);} #related-articles .cta-primary:hover{filter:saturate(1.05);} @media (min-width:740px){#related-articles .related-list{grid-template-columns:1fr 1fr;gap:12px;}.related-item{border-radius:var(--z39d7e-radius-lg);}#related-articles .related-name{font-size:17px;}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{ --radius-sm: var(--z39d7e-radius-sm, 8px); --radius-md: var(--z39d7e-radius-md, 12px); --radius-lg: var(--z39d7e-radius-lg, 16px); } #article-hero.article-hero{background: var(--z39d7e-bg); color: var(--z39d7e-text); padding: 44px 0 28px;} #article-hero .article-hero__inner{max-width: 1040px; margin: 0 auto; padding: 0 18px;} #article-hero .article-hero__kicker{display:inline-flex; align-items:center; gap:10px; font: 600 13px/1.2 var(--z39d7e-font); color: var(--z39d7e-secondary); letter-spacing: 0.02em; background: rgba(221,230,246,0.55); border: 1px solid rgba(215,223,234,0.9); padding: 10px 12px; border-radius: var(--z39d7e-radius-sm, 8px);} #article-hero .article-hero__title{margin: 14px 0 10px; font: 800 44px/1.08 var(--z39d7e-font-display, var(--z39d7e-font)); color: var(--z39d7e-ink); letter-spacing: -0.02em; text-wrap: balance;} #article-hero .article-hero__meta{display:flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 16px;} #article-hero .meta-pill{display:flex; gap: 8px; align-items: baseline; background: var(--z39d7e-surface); border: 1px solid var(--z39d7e-border); padding: 10px 12px; border-radius: var(--z39d7e-radius-md, 12px);} #article-hero .meta-pill__label{font: 700 12px/1 var(--z39d7e-font); color: var(--z39d7e-secondary);} #article-hero .meta-pill__value{font: 800 14px/1 var(--z39d7e-font); color: var(--z39d7e-ink); font-variant-numeric: tabular-nums;} #article-hero .article-hero__lede{max-width: 760px; margin: 0; font: 500 16px/1.65 var(--z39d7e-font); color: var(--z39d7e-text);} #article-hero .article-hero__actions{display:flex; flex-wrap: wrap; gap: 12px; margin-top: 18px;} #article-hero .btn{display:inline-flex; align-items:center; justify-content:center; padding: 12px 16px; border-radius: var(--z39d7e-radius-md, 12px); font: 800 14px/1 var(--z39d7e-font); text-decoration:none; border: 1px solid transparent; transition: background-color .15s ease, border-color .15s ease, transform .05s ease, color .15s ease;} #article-hero .btn--primary{background: var(--z39d7e-accent); color: var(--z39d7e-surface); border-color: rgba(46,125,255,0.35);} #article-hero .btn--primary:hover{background: #1f6fe6;} #article-hero .btn--primary:active{transform: translateY(1px);} #article-hero .btn--ghost{background: var(--z39d7e-surface); color: var(--z39d7e-ink); border-color: var(--z39d7e-border);} #article-hero .btn--ghost:hover{background: rgba(221,230,246,0.55); border-color: rgba(215,223,234,0.95);} #article-hero .btn:focus-visible{outline: 3px solid rgba(46,125,255,0.35); outline-offset: 2px;} #article-hero .article-hero__info{display:grid; grid-template-columns: 1.3fr 1fr; gap: 14px; margin-top: 18px;} #article-hero .info-card{background: var(--z39d7e-surface); border: 1px solid var(--z39d7e-border); border-radius: var(--z39d7e-radius-lg, 16px); padding: 16px 16px 14px; box-shadow: 0 10px 22px rgba(11,31,59,0.06);} #article-hero .info-card--alt{background: rgba(221,230,246,0.35);} #article-hero .info-card__title{font: 900 14px/1.2 var(--z39d7e-font); color: var(--z39d7e-ink); margin-bottom: 10px;} #article-hero .info-card__list{margin:0; padding-left: 18px;} #article-hero .info-card__list li{font: 500 14px/1.6 var(--z39d7e-font); color: var(--z39d7e-text); margin: 6px 0;} #article-hero ::selection{background: rgba(46,125,255,0.22); color: var(--z39d7e-ink);} @media (max-width: 860px){ #article-hero .article-hero__title{font-size: 36px;} #article-hero .article-hero__info{grid-template-columns: 1fr;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition: none;} } /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content{--radius-sm:var(--z39d7e-radius-sm,8px);--radius-md:var(--z39d7e-radius-md,12px);--radius-lg:var(--z39d7e-radius-lg,16px)} #article-content{font-family:var(--z39d7e-font);color:var(--z39d7e-text);background:transparent;line-height:1.65} #article-content .article-body{max-width:980px;margin:0 auto;padding:28px 18px 10px} #article-content .article-lede{margin-bottom:18px} #article-content .article-title{font-family:var(--z39d7e-font-display);font-weight:750;letter-spacing:-0.02em;line-height:1.15;font-size:2.05rem;margin:0 0 10px;text-wrap:balance} #article-content .article-intro{margin:0;color:color-mix(in srgb,var(--z39d7e-text) 78%, var(--z39d7e-secondary) 22%);font-size:1.04rem;max-width:72ch} #article-content .article-prose{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);padding:22px 20px 18px;box-shadow:0 10px 30px color-mix(in srgb,var(--z39d7e-ink) 6%, transparent)} #article-content .article-prose p{margin:0 0 14px;font-size:1.02rem} #article-content .h3{font-family:var(--z39d7e-font-display);font-size:1.25rem;margin:22px 0 10px;font-weight:760;letter-spacing:-0.01em;line-height:1.25;color:var(--z39d7e-ink)} #article-content .ul{margin:0 0 14px 18px} #article-content .ul li{margin:6px 0;font-size:1.02rem} #article-content .steps{margin:8px 0 16px 18px;padding:0} #article-content .steps-alt{margin-top:12px} #article-content .step{margin:10px 0;font-size:1.02rem} #article-content .comparison{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 6px} #article-content .comparison-row{border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-sm,8px);padding:14px 14px;background:color-mix(in srgb,var(--z39d7e-bg) 55%, var(--z39d7e-surface) 45%)} #article-content .comparison-kicker{font-weight:760;color:var(--z39d7e-primary);margin-bottom:6px} #article-content .comparison-text{margin:0;font-size:1.02rem;color:color-mix(in srgb,var(--z39d7e-text) 82%, var(--z39d7e-secondary) 18%)} #article-content strong{color:color-mix(in srgb,var(--z39d7e-ink) 92%, var(--z39d7e-text) 8%)} #article-content .callout{margin-top:14px;padding:14px 14px;border-left:4px solid var(--z39d7e-accent);background:color-mix(in srgb,var(--z39d7e-accent) 10%, var(--z39d7e-surface) 90%);border-radius:var(--z39d7e-radius-sm,8px)} #article-content .callout{font-size:1.03rem;color:color-mix(in srgb,var(--z39d7e-ink) 92%, var(--z39d7e-secondary) 8%);margin-bottom:4px} #article-content ::selection{background:color-mix(in srgb,var(--z39d7e-accent) 32%, transparent);color:var(--z39d7e-ink)} #article-content a{color:var(--z39d7e-accent);text-decoration:underline;text-decoration-thickness:from-font; text-underline-offset:3px} #article-content a:focus-visible{outline:3px solid color-mix(in srgb,var(--z39d7e-accent) 55%, transparent);outline-offset:3px;border-radius:var(--z39d7e-radius-sm,8px)} @media (min-width: 860px){ #article-content .article-body{padding:34px 18px 18px} #article-content .article-title{font-size:2.35rem} #article-content .article-prose{padding:26px 26px 20px} #article-content .comparison{grid-template-columns:1fr 1fr;gap:14px} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto} } /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles{background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:48px 0 56px;} #related-articles .ra-container{max-width:1100px;margin:0 auto;padding:0 20px;} #related-articles .ra-header{margin-bottom:22px;} #related-articles .ra-title{font-family:var(--z39d7e-font-display);font-size:28px;letter-spacing:-0.02em;line-height:1.15;margin:0 0 10px;font-weight:800;text-wrap:balance;} #related-articles .ra-subtitle{margin:0;max-width:72ch;font-size:15.5px;line-height:1.6;color:var(--z39d7e-secondary);} #related-articles .ra-list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} #related-articles .ra-item{margin:0;} #related-articles .ra-card{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg);padding:18px 18px 16px;box-shadow:0 10px 24px rgba(11,31,59,0.06);} #related-articles .ra-card-title{margin:0 0 8px;font-family:var(--z39d7e-font);font-size:16.5px;line-height:1.4;font-weight:750;color:var(--z39d7e-ink);text-wrap:balance;} #related-articles .ra-card-desc{margin:0 0 14px;font-size:14.5px;line-height:1.6;color:var(--z39d7e-secondary);} #related-articles .ra-link{display:inline-block;font-size:14.5px;font-weight:800;color:var(--z39d7e-primary);text-decoration:none;position:relative;padding-bottom:4px;} #related-articles .ra-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--z39d7e-accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease;} #related-articles .ra-card:hover .ra-link::after{transform:scaleX(1);} #related-articles .ra-link:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:3px;border-radius:6px;} #related-articles .ra-bottom{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .ra-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 14px;border-radius:var(--z39d7e-radius-md);border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);color:var(--z39d7e-primary);font-weight:850;text-decoration:none;} #related-articles .ra-outline:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:3px;} #related-articles .ra-outline:hover{border-color:rgba(46,125,255,0.55);} #related-articles ::selection{background:rgba(46,125,255,0.18);} @media (max-width:860px){#related-articles .ra-list{grid-template-columns:1fr;gap:12px;}#related-articles{padding:40px 0 48px;}} @media (prefers-reduced-motion:reduce){#related-articles .ra-link::after{transition:none;}} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;position:relative;overflow:hidden;background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:40px 0 34px;} #article-hero .article-hero__bg{position:absolute;inset:-2px;pointer-events:none;background: radial-gradient(900px 500px at 10% -10%, rgba(46,125,255,0.18), rgba(46,125,255,0) 55%), radial-gradient(700px 420px at 90% 0%, rgba(11,31,59,0.10), rgba(11,31,59,0) 60%); } #article-hero .article-hero__container{position:relative;max-width:1060px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__header{padding:18px 0 10px;} #article-hero .article-hero__kicker{display:inline-block;background:rgba(215,223,234,0.65);border:1px solid var(--z39d7e-border);color:var(--z39d7e-primary);padding:8px 12px;border-radius:999px;font:600 12px/1.2 var(--z39d7e-font);letter-spacing:0.02em;} #article-hero .article-hero__title{margin:14px 0 10px;font:700 40px/1.08 var(--z39d7e-font-display);letter-spacing:-0.02em;color:var(--z39d7e-ink);text-wrap:balance;} #article-hero .article-hero__subtitle{margin:0;max-width:780px;font:400 16px/1.6 var(--z39d7e-font);color:var(--z39d7e-text);} #article-hero .article-hero__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--z39d7e-border);} #article-hero .meta-list{margin:0;display:grid;grid-template-columns:1fr;gap:10px;} #article-hero .meta-item{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:baseline;} #article-hero .meta-label{margin:0;font:700 12px/1.35 var(--z39d7e-font);color:var(--z39d7e-secondary);text-transform:uppercase;letter-spacing:0.06em;} #article-hero .meta-value{margin:0;font:500 15px/1.35 var(--z39d7e-font);color:var(--z39d7e-ink);} #article-hero .meta-value--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} #article-hero .article-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md);padding:11px 14px;text-decoration:none;font:700 14px/1 var(--z39d7e-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease;} #article-hero .btn:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:2px;} #article-hero .btn--primary{background:var(--z39d7e-primary);color:var(--z39d7e-surface);border-color:var(--z39d7e-primary);} #article-hero .btn--primary:hover{background:#0a1a33;transform:translateY(-1px);} #article-hero .btn--outline{background:var(--z39d7e-surface);color:var(--z39d7e-primary);border-color:var(--z39d7e-border);} #article-hero .btn--outline:hover{border-color:rgba(46,125,255,0.65);color:var(--z39d7e-primary);background:rgba(221,230,246,0.55);} #article-hero .article-hero__bar{margin-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;} #article-hero .anchor-link{color:var(--z39d7e-primary);text-decoration:none;border-bottom:1px solid rgba(46,125,255,0.35);padding-bottom:2px;font:600 14px/1.3 var(--z39d7e-font);} #article-hero .anchor-link:hover{border-bottom-color:rgba(46,125,255,0.9);} #article-hero .anchor-link:focus-visible{outline:3px solid rgba(46,125,255,0.35);outline-offset:3px;border-bottom-color:transparent;} #article-hero .anchor-sep{color:var(--z39d7e-slate);font:700 14px/1 var(--z39d7e-font);} #article-hero ::selection{background:rgba(46,125,255,0.25);} @media (max-width: 860px){ #article-hero{padding:28px 0 26px;} #article-hero .article-hero__title{font-size:32px;} #article-hero .article-hero__meta{flex-direction:column;align-items:stretch;} #article-hero .article-hero__actions{justify-content:flex-start;} #article-hero .meta-item{grid-template-columns:105px 1fr;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition:none;} } /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content.article-content{--radius-sm:var(--z39d7e-radius-sm,8px);--radius-md:var(--z39d7e-radius-md,12px);--radius-lg:var(--z39d7e-radius-lg,16px);} #article-content .article-shell{max-width:860px;margin:0 auto;padding:28px 18px 34px;} #article-content .article-header{padding:14px 2px 22px;} #article-content .article-kicker{display:inline-block;font-family:var(--z39d7e-font);font-size:13px;letter-spacing:.02em;color:var(--z39d7e-secondary);text-transform:none;margin:0 0 10px;} #article-content .article-title{font-family:var(--z39d7e-font-display);font-size:40px;line-height:1.08;letter-spacing:-.02em;margin:0 0 12px;color:var(--z39d7e-ink);text-wrap:balance;} #article-content .article-lede{margin:0;color:var(--z39d7e-text);font-size:18px;line-height:1.7;max-width:74ch;} #article-content .article-body{padding:6px 0 10px;} #article-content .prose{margin:0 0 22px;} #article-content .h2{font-family:var(--z39d7e-font-display);font-size:22px;line-height:1.25;margin:0 0 10px;color:var(--z39d7e-ink);letter-spacing:-.01em;} #article-content .h3{font-family:var(--z39d7e-font-display);font-size:16px;line-height:1.25;margin:0 0 6px;color:var(--z39d7e-ink);} #article-content .prose p{margin:0 0 12px;color:var(--z39d7e-text);font-size:16px;line-height:1.75;} #article-content .prose p strong{color:var(--z39d7e-ink)} #article-content .prose em{font-style:italic} #article-content .numbered{margin:10px 0 0 18px;padding:0;} #article-content .numbered li{margin:0 0 10px;color:var(--z39d7e-text);font-size:16px;line-height:1.7;} #article-content .bullets{margin:8px 0 14px 18px;padding:0;} #article-content .bullets li{margin:0 0 10px;color:var(--z39d7e-text);font-size:16px;line-height:1.7;} #article-content .code{font-family:var(--z39d7e-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace);font-size:0.95em;padding:2px 6px;border:1px solid var(--z39d7e-border);border-radius:8px;background:var(--z39d7e-surface);white-space:nowrap;} #article-content .callouts{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;} #article-content .callout{background:var(--z39d7e-bg);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);padding:14px 14px 13px;} #article-content .article-nav{padding:10px 0 4px;} #article-content .link-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px;} #article-content .text-link{color:var(--z39d7e-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;} #article-content .text-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z39d7e-accent) 45%, white 55%);outline-offset:3px;border-radius:8px;} #article-content .disclaimer{margin-top:18px;padding:14px 14px;border-radius:var(--z39d7e-radius-md,12px);background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);} #article-content .disclaimer p{margin:0;color:var(--z39d7e-text);font-size:14.5px;line-height:1.7;} #article-content ::selection{background:color-mix(in srgb, var(--z39d7e-accent) 22%, transparent);} @media (min-width:740px){ #article-content .article-shell{padding:40px 26px 48px;} #article-content .article-title{font-size:46px;} #article-content .callouts{grid-template-columns:repeat(3,1fr);} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles{--ra-pad:clamp(18px,2.6vw,34px);background:var(--z39d7e-bg);color:var(--z39d7e-ink);padding:var(--ra-pad) 0 56px;} #related-articles *{box-sizing:border-box;} #related-articles .related-articles-container{width:min(1120px,calc(100% - 40px));margin:0 auto;} #related-articles .related-articles-head{display:flex;gap:22px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;} #related-articles .related-articles-title{font-family:var(--z39d7e-font-display);font-size:clamp(22px,2.2vw,30px);line-height:1.15;letter-spacing:-0.01em;margin:0;color:var(--z39d7e-ink);text-wrap:balance;} #related-articles .related-articles-subtitle{margin:0;max-width:62ch;color:var(--z39d7e-secondary);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-article-card{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:16px 16px 14px;box-shadow:0 10px 24px rgba(11,31,59,.06);display:flex;flex-direction:column;min-height:220px;} #related-articles .related-article-meta{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;} #related-articles .related-article-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(46,125,255,.10);color:var(--z39d7e-primary);border:1px solid rgba(46,125,255,.24);font-size:12.5px;font-weight:700;letter-spacing:.01em;} #related-articles .related-article-title{margin:0 0 10px 0;font-family:var(--z39d7e-font-display);font-size:16px;line-height:1.35;color:var(--z39d7e-ink);text-wrap:balance;} #related-articles .related-article-excerpt{margin:0 0 14px 0;color:var(--z39d7e-secondary);font-size:14px;line-height:1.6;} #related-articles .related-article-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--z39d7e-primary);text-decoration:none;font-weight:750;letter-spacing:.01em;} #related-articles .related-article-link::after{content:"→";display:inline-block;transform:translateY(-1px);color:var(--z39d7e-accent);} #related-articles .related-article-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:3px;border-radius:6px;} #related-articles .related-article-card:hover{border-color:rgba(46,125,255,.35);box-shadow:0 14px 30px rgba(11,31,59,.10);} #related-articles .related-article-card:active{transform:translateY(1px);} #related-articles ::selection{background:rgba(46,125,255,.25);} @media (max-width: 980px){#related-articles .related-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width: 620px){#related-articles .related-articles-head{flex-direction:column;align-items:flex-start;margin-bottom:14px;}#related-articles .related-articles-subtitle{max-width:none;}#related-articles .related-articles-grid{grid-template-columns:1fr;}#related-articles .related-article-card{min-height:0;}} @media (prefers-reduced-motion: reduce){#related-articles .related-article-card{transition:none;}#related-articles .related-article-card:hover{box-shadow:0 10px 24px rgba(11,31,59,.06);}} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{position:relative;background:var(--z39d7e-bg);padding:48px 16px 28px;overflow:hidden;} #article-hero .article-hero__wrap{max-width:980px;margin:0 auto;} #article-hero .article-hero__header{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:28px 22px 22px;box-shadow:0 10px 30px rgba(11,31,59,.07);} #article-hero .article-hero__eyebrow{font-family:var(--z39d7e-font);color:var(--z39d7e-secondary);font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;} #article-hero .article-hero__title{font-family:var(--z39d7e-font-display, var(--z39d7e-font));color:var(--z39d7e-ink);font-size:40px;line-height:1.08;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance;} #article-hero .article-hero__dek{font-family:var(--z39d7e-font);color:var(--z39d7e-secondary);font-size:16px;line-height:1.65;margin:0 0 18px;max-width:72ch;} #article-hero .article-hero__meta{margin:18px 0 18px;display:flex;flex-direction:column;gap:10px;} #article-hero .meta-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:baseline;padding:10px 12px;border-radius:var(--z39d7e-radius-md,12px);border:1px solid rgba(215,223,234,.7);background:rgba(221,230,246,.25);} #article-hero .meta-row dt{color:var(--z39d7e-secondary);font-size:13px;font-weight:600;} #article-hero .meta-row dd{margin:0;color:var(--z39d7e-ink);font-size:14px;} #article-hero .article-hero__time{font-variant-numeric:tabular-nums;} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 16px;} #article-hero .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:var(--z39d7e-radius-sm,8px);font-family:var(--z39d7e-font);text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;} #article-hero .btn--primary{background:var(--z39d7e-primary);color:var(--z39d7e-surface);border-color:var(--z39d7e-primary);} #article-hero .btn--ghost{background:transparent;color:var(--z39d7e-ink);border-color:rgba(11,31,59,.25);} #article-hero .btn--primary:focus-visible,#article-hero .btn--ghost:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #article-hero .btn--primary:hover{background:#0a1a33;} #article-hero .btn--ghost:hover{border-color:rgba(11,31,59,.5);background:rgba(221,230,246,.35);} #article-hero .article-hero__trust{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 14px;border-radius:var(--z39d7e-radius-md,12px);border:1px solid rgba(215,223,234,.9);background:linear-gradient(180deg, rgba(221,230,246,.35), rgba(255,255,255,.65));} #article-hero .trust-dot{width:10px;height:10px;border-radius:999px;background:var(--z39d7e-accent);margin-top:4px;box-shadow:0 0 0 6px rgba(46,125,255,.12);} #article-hero .trust-text{margin:0;color:var(--z39d7e-secondary);font-size:14px;line-height:1.6;} #article-hero ::selection{background:rgba(46,125,255,.22);} @media (max-width:720px){ #article-hero{padding:34px 12px 20px;} #article-hero .article-hero__header{padding:22px 16px 16px;} #article-hero .article-hero__title{font-size:30px;} #article-hero .meta-row{grid-template-columns:120px 1fr;padding:10px 10px;} } @media (prefers-reduced-motion: reduce){ #article-hero *{scroll-behavior:auto;} } /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content.article-content{--ac:var(--z39d7e-accent);--ink:var(--z39d7e-ink);--slate:var(--z39d7e-slate);--bg:var(--z39d7e-bg);--surface:var(--z39d7e-surface);--border:var(--z39d7e-border);--mist:var(--z39d7e-mist);padding:28px 18px 40px;background:var(--z39d7e-bg);color:var(--z39d7e-text);} #article-content .article{max-width:860px;margin:0 auto;} #article-content .article-head{margin:6px 0 18px;} #article-content .article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;color:var(--z39d7e-secondary);font-family:var(--z39d7e-font);} #article-content .meta-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);font-size:13px;letter-spacing:.2px;} #article-content .meta-dot{color:var(--z39d7e-secondary);} #article-content .article-title{margin:0;font-family:var(--z39d7e-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.08;font-size:40px;text-wrap:balance;color:var(--z39d7e-ink);} #article-content .article-body{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:22px 22px 12px;} #article-content .article-body p{margin:0 0 14px;line-height:1.75;font-size:16.5px;} #article-content .h2{margin:22px 0 10px;font-family:var(--z39d7e-font-display);font-weight:760;letter-spacing:-.01em;line-height:1.2;font-size:22px;color:var(--z39d7e-ink);} #article-content .h3{margin:0 0 6px;font-family:var(--z39d7e-font-display);font-weight:720;letter-spacing:-.01em;line-height:1.25;font-size:16.5px;color:var(--z39d7e-ink);} #article-content .callout{border-left:4px solid var(--z39d7e-accent);background:color-mix(in oklab, var(--z39d7e-mist) 55%, var(--z39d7e-surface));padding:14px 14px;border-radius:var(--z39d7e-radius-md,12px);margin:12px 0 18px;} #article-content .steps{margin:12px 0 18px;padding:0;list-style:none;display:grid;gap:14px;} #article-content .step{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:flex-start;padding:14px 14px;border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);background:var(--z39d7e-surface);} #article-content .step-num{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in oklab, var(--z39d7e-accent) 18%, var(--z39d7e-surface));border:1px solid color-mix(in oklab, var(--z39d7e-accent) 35%, var(--z39d7e-border));color:var(--z39d7e-ink);font-family:var(--z39d7e-font-display);font-weight:850;} #article-content .step-content p{margin:0;} #article-content .bullets{margin:8px 0 18px;padding-left:18px;} #article-content .bullets li{margin:8px 0;line-height:1.6;font-size:16.5px;color:var(--z39d7e-text);} #article-content .risk-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 18px;} #article-content .risk{padding:14px 14px;border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);background:linear-gradient(180deg, color-mix(in oklab, var(--z39d7e-surface) 85%, var(--z39d7e-mist)) 0%, var(--z39d7e-surface) 100%);} #article-content .final-cta{margin:18px 0 10px;padding:14px 14px;border-radius:var(--z39d7e-radius-md,12px);border:1px solid var(--z39d7e-border);background:color-mix(in oklab, var(--z39d7e-mist) 52%, var(--z39d7e-surface));} #article-content .final-cta-text{margin:0 0 10px;line-height:1.6;} #article-content .link-cta{display:inline-flex;align-items:center;gap:10px;color:var(--z39d7e-ink);text-decoration:none;font-weight:760;border:1px solid color-mix(in oklab, var(--z39d7e-accent) 35%, var(--z39d7e-border));background:var(--z39d7e-surface);padding:10px 12px;border-radius:var(--z39d7e-radius-sm,8px);} #article-content .link-cta::after{content:"→";color:var(--z39d7e-accent);font-weight:900;} #article-content .link-cta:hover{background:color-mix(in oklab, var(--z39d7e-accent) 10%, var(--z39d7e-surface));} #article-content a{color:inherit;} #article-content a:focus-visible, #article-content .link-cta:focus-visible{outline:3px solid color-mix(in oklab, var(--z39d7e-accent) 55%, white);outline-offset:2px;} #article-content .related{max-width:860px;margin:18px auto 0;} #article-content .related-title{margin:22px 0 12px;font-family:var(--z39d7e-font-display);font-weight:820;letter-spacing:-.01em;color:var(--z39d7e-ink);font-size:20px;} #article-content .related-list{display:grid;grid-template-columns:1fr;gap:10px;} #article-content .related-item{display:block;padding:12px 14px;border-radius:var(--z39d7e-radius-sm,8px);border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);text-decoration:none;font-weight:720;letter-spacing:.1px;} #article-content .related-item:hover{background:color-mix(in oklab, var(--z39d7e-mist) 55%, var(--z39d7e-surface));} #article-content .article-body p::selection, #article-content .article-title::selection, #article-content .h2::selection, #article-content .related-item::selection{background:color-mix(in oklab, var(--z39d7e-accent) 35%, white);} @media (min-width:820px){ #article-content{padding:40px 22px 54px;} #article-content .article-title{font-size:46px;} #article-content .article-body{padding:28px 30px 14px;} #article-content .risk-grid{grid-template-columns:1fr 1fr;} #article-content .related-list{grid-template-columns:1fr 1fr 1fr;} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto;} } /* end section:article-content */ /* z39d7e:related-articles */ #related-articles{--ra-gap:18px;--ra-radius:var(--z39d7e-radius,12px);position:relative;background:var(--z39d7e-bg);border-top:1px solid var(--z39d7e-border);}#related-articles .ra-wrap{max-width:1120px;margin:0 auto;padding:46px 20px 58px;}#related-articles .ra-header{max-width:760px;}#related-articles .ra-kicker{margin:0 0 10px;font:700 12px/1.2 var(--z39d7e-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z39d7e-secondary);}#related-articles .ra-title{margin:0 0 12px;font:700 34px/1.1 var(--z39d7e-font-display);letter-spacing:-.02em;color:var(--z39d7e-ink);text-wrap:balance;}#related-articles .ra-subtitle{margin:0;color:var(--z39d7e-secondary);font:400 16px/1.7 var(--z39d7e-font);}#related-articles .ra-grid{margin-top:26px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ra-gap);}#related-articles .ra-card{grid-column:span 4;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius,12px);padding:18px 18px 16px;box-shadow:0 10px 24px rgba(11,31,59,.06);position:relative;overflow:hidden;}#related-articles .ra-card--wide{grid-column:span 12;}#related-articles .ra-card-title{margin:0 0 8px;font:700 18px/1.35 var(--z39d7e-font-display);color:var(--z39d7e-ink);text-wrap:balance;}#related-articles .ra-card-meta{margin:0 0 14px;color:var(--z39d7e-secondary);font:400 14px/1.6 var(--z39d7e-font);}#related-articles .ra-link{display:inline-flex;align-items:center;gap:10px;color:var(--z39d7e-accent);text-decoration:none;font:700 14px/1.2 var(--z39d7e-font);padding:10px 12px;border-radius:var(--z39d7e-radius,10px);border:1px solid transparent;background:transparent;}#related-articles .ra-link::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-top:2px;}#related-articles .ra-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;}#related-articles .ra-link--primary{color:var(--z39d7e-surface);background:var(--z39d7e-accent);border-color:rgba(46,125,255,.3);}#related-articles .ra-link--primary::after{border-right-color:var(--z39d7e-surface);border-top-color:var(--z39d7e-surface);}#related-articles .ra-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}#related-articles .ra-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:var(--z39d7e-radius,12px);border:1px solid rgba(46,125,255,.35);background:var(--z39d7e-accent);color:var(--z39d7e-surface);font:800 14px/1 var(--z39d7e-font);text-decoration:none;}#related-articles .ra-button--ghost{background:transparent;border-color:var(--z39d7e-border);color:var(--z39d7e-ink);}#related-articles .ra-button:hover{filter:saturate(1.05);}#related-articles .ra-button:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;}#related-articles *::selection{background:rgba(46,125,255,.22);color:var(--z39d7e-ink);} @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none!important;animation:none!important;}} @media (max-width: 980px){#related-articles .ra-card{grid-column:span 6;}#related-articles .ra-card--wide{grid-column:span 12;}} @media (max-width: 640px){#related-articles .ra-wrap{padding:36px 16px 44px;}#related-articles .ra-title{font-size:28px;}#related-articles .ra-card{grid-column:span 12;}#related-articles .ra-subtitle{font-size:15px;}#related-articles .ra-actions{gap:10px;}} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{position:relative;overflow:hidden;background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:clamp(22px,4.6vw,56px) 0 36px;} #article-hero::selection{background:rgba(46,125,255,.25);} #article-hero .article-hero__bg{position:absolute;inset:-1px;pointer-events:none;background: radial-gradient(1100px 500px at 15% -10%, rgba(46,125,255,.18), rgba(46,125,255,0) 60%), radial-gradient(900px 480px at 95% 10%, rgba(11,31,59,.14), rgba(11,31,59,0) 55%), linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.0));} #article-hero .article-hero__container{position:relative;max-width:980px;margin:0 auto;padding:0 18px;} #article-hero .article-hero__kicker{display:inline-block;letter-spacing:.02em;font-family:var(--z39d7e-font);font-size:14px;color:var(--z39d7e-secondary);background:rgba(221,230,246,.6);border:1px solid rgba(215,223,234,.9);padding:7px 10px;border-radius:var(--z39d7e-radius-md,12px);} #article-hero .article-hero__title{margin:14px 0 14px;font-family:var(--z39d7e-font-display, var(--z39d7e-font));font-weight:800;letter-spacing:-.02em;line-height:1.08;font-size:clamp(28px,4.2vw,48px);text-wrap:balance;color:var(--z39d7e-ink);} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 18px;} #article-hero .meta-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--z39d7e-radius-sm,8px);border:1px solid rgba(215,223,234,.95);background:rgba(255,255,255,.75);color:var(--z39d7e-secondary);font-size:14px;} #article-hero .meta-pill__value{color:var(--z39d7e-text);font-weight:700;} #article-hero .meta-sep{color:rgba(71,85,99,.9);font-weight:600;} #article-hero .article-hero__lead{max-width:820px;font-size:18px;line-height:1.6;color:var(--z39d7e-text);margin:0 0 22px;} #article-hero .article-hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:6px 0 10px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--z39d7e-radius-md,12px);padding:11px 14px;font-weight:800;letter-spacing:.01em;font-size:15px;min-height:44px;box-sizing:border-box;} #article-hero .btn--primary{background:var(--z39d7e-accent);color:#fff;border:1px solid rgba(46,125,255,.35);box-shadow:0 10px 26px rgba(46,125,255,.18);} #article-hero .btn--primary:hover{background:#2566d9;border-color:rgba(46,125,255,.55);} #article-hero .btn--ghost{background:var(--z39d7e-surface);color:var(--z39d7e-ink);border:1px solid var(--z39d7e-border);} #article-hero .btn--ghost:hover{background:rgba(221,230,246,.35);} #article-hero .btn:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} #article-hero .article-hero__micro{margin-top:14px;color:var(--z39d7e-secondary);font-size:13.5px;line-height:1.45;} #article-hero .article-hero__micro-strong{font-weight:900;color:var(--z39d7e-text);} @media (max-width:520px){ #article-hero{padding-top:18px;} #article-hero .article-hero__lead{font-size:16.5px;} #article-hero .meta-pill{width:100%;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition:none;} } /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content{--r1:var(--z39d7e-radius-sm,8px);--r2:var(--z39d7e-radius-md,12px);--r3:var(--z39d7e-radius-lg,16px);max-width:980px;margin:0 auto;padding:24px 18px 12px 18px;color:var(--z39d7e-text);font-family:var(--z39d7e-font);} #article-content *{box-sizing:border-box;} #article-content::selection{background:var(--z39d7e-mist);color:var(--z39d7e-ink);} #article-content .article-header{padding:14px 0 18px 0;} #article-content .article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:var(--z39d7e-secondary);font-size:13px;} #article-content .meta-pill{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--z39d7e-border);border-radius:999px;background:var(--z39d7e-surface);} #article-content .meta-sep{opacity:.75;} #article-content .article-title{margin:0;line-height:1.12;letter-spacing:-0.02em;font-family:var(--z39d7e-font-display, var(--z39d7e-font));font-size:40px;text-wrap:balance;} #article-content .article-subtitle{margin:12px 0 0 0;max-width:70ch;color:var(--z39d7e-secondary);font-size:17px;line-height:1.7;} #article-content .article-body{background:var(--z39d7e-bg);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:22px 20px;} #article-content .prose{padding:6px 0;} #article-content h2{margin:26px 0 12px 0;font-size:22px;line-height:1.35;letter-spacing:-0.01em;} #article-content h3{margin:0 0 8px 0;font-size:18px;line-height:1.35;} #article-content p{margin:0 0 12px 0;line-height:1.75;font-size:16px;color:var(--z39d7e-text);} #article-content em{font-style:italic;} #article-content .callout{margin:16px 0 6px 0;padding:14px 14px;border-radius:var(--z39d7e-radius-md,12px);border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);color:var(--z39d7e-text);} #article-content .callout strong{display:inline-block;margin-right:6px;} #article-content .callout-accent{border-color:color-mix(in srgb, var(--z39d7e-accent) 35%, var(--z39d7e-border));background:color-mix(in srgb, var(--z39d7e-accent) 10%, var(--z39d7e-surface));} #article-content .divider{height:1px;background:var(--z39d7e-border);margin:20px 0;} #article-content .numbered-list{margin:10px 0 0 18px;padding:0;counter-reset:item;} #article-content .numbered-list li{margin:10px 0;line-height:1.65;font-size:16px;} #article-content .numbered-list li::marker{color:var(--z39d7e-accent);} #article-content .bullet-list{margin:10px 0 0 18px;padding:0;} #article-content .bullet-list li{margin:8px 0;line-height:1.65;font-size:16px;} #article-content .bullet-list li::marker{color:var(--z39d7e-secondary);} #article-content .prose-split .split-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:8px;} #article-content .feature-row{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px;} #article-content .feature{border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);border-radius:var(--z39d7e-radius-md,12px);padding:14px;} #article-content .feature h3{margin-top:2px;} #article-content .related{margin-top:26px;padding-top:16px;} #article-content .related-title{margin:18px 0 10px 0;font-size:20px;} #article-content .related-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;} #article-content .related-link{display:block;padding:12px 12px;border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);background:var(--z39d7e-surface);color:var(--z39d7e-ink);text-decoration:none;line-height:1.35;} #article-content .related-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z39d7e-accent) 55%, transparent);outline-offset:2px;} #article-content .related-link:hover{border-color:color-mix(in srgb, var(--z39d7e-accent) 45%, var(--z39d7e-border));} #article-content .related-link:active{transform:translateY(1px);} @media (min-width: 760px){ #article-content{padding:30px 22px 14px 22px;} #article-content .article-title{font-size:52px;} #article-content .article-body{padding:26px 26px;} #article-content .prose-split .split-grid{grid-template-columns:1fr 1fr;} #article-content .feature-row{grid-template-columns:1fr 1fr 1fr;} } @media (prefers-reduced-motion: reduce){ #article-content .related-link{transition:none;} #article-content .related-link:active{transform:none;} } /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles.related-articles{background:var(--z39d7e-bg);padding:48px 0 44px;} #related-articles .container{max-width:1040px;margin:0 auto;padding:0 20px;} #related-articles .section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;} #related-articles .section-title{font-family:var(--z39d7e-font-display);font-weight:750;letter-spacing:-0.02em;color:var(--z39d7e-ink);font-size:28px;line-height:1.15;margin:0;text-wrap:balance;} #related-articles .section-subtitle{margin:0;color:var(--z39d7e-secondary);font-family:var(--z39d7e-font);font-size:15.5px;line-height:1.6;max-width:70ch;} #related-articles .articles{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;} #related-articles .related-card{grid-column:span 12;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg);padding:16px 16px 14px;box-shadow:0 10px 26px rgba(11,31,59,0.04);} #related-articles .related-link{display:block;color:inherit;text-decoration:none;} #related-articles .related-meta{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:var(--z39d7e-primary);margin-bottom:8px;} #related-articles .related-title{margin:0 0 8px 0;font-family:var(--z39d7e-font-display);font-size:18px;line-height:1.35;color:var(--z39d7e-ink);font-weight:720;} #related-articles .related-desc{margin:0;color:var(--z39d7e-secondary);font-size:14.5px;line-height:1.6;} #related-articles .related-card:focus-within{outline:3px solid rgba(46,125,255,0.35);outline-offset:2px;} #related-articles .related-card:hover{border-color:rgba(46,125,255,0.45);} #related-articles .related-link:focus-visible{outline:3px solid rgba(46,125,255,0.55);outline-offset:2px;border-radius:10px;} #related-articles .cta-row{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--z39d7e-border);color:var(--z39d7e-ink);background:var(--z39d7e-surface);border-radius:var(--z39d7e-radius-md);padding:12px 16px;font-family:var(--z39d7e-font-display);font-weight:680;font-size:14.5px;line-height:1.1;text-decoration:none;} #related-articles .ghost-button:hover{border-color:rgba(46,125,255,0.55);} #related-articles .ghost-button:active{transform:translateY(1px);} #related-articles .ghost-button:focus-visible{outline:3px solid rgba(46,125,255,0.55);outline-offset:2px;} #related-articles ::selection{background:rgba(46,125,255,0.22);} @media (min-width:740px){ #related-articles .related-card{grid-column:span 6;} } @media (min-width:980px){ #related-articles .articles{gap:16px;} #related-articles .related-card{grid-column:span 4;} #related-articles .section-title{font-size:32px;} #related-articles .section-subtitle{font-size:16px;} } @media (prefers-reduced-motion: reduce){ #related-articles .related-card,#related-articles .ghost-button{transition:none !important;} } #related-articles .ghost-button{transition:border-color 140ms ease, transform 140ms ease;} #related-articles .related-card{transition:border-color 140ms ease, box-shadow 140ms ease;} #related-articles .related-card:hover{box-shadow:0 12px 34px rgba(11,31,59,0.07);} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{--radius:var(--z39d7e-radius-md,12px);background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:48px 0 22px;} #article-hero .article-hero__wrap{max-width:1020px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__eyebrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px;} #article-hero .article-hero__tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);border-radius:999px;font-family:var(--z39d7e-font);font-size:13px;line-height:1;color:var(--z39d7e-primary);} #article-hero .article-hero__meta{font-family:var(--z39d7e-font);font-size:14px;line-height:1.4;color:var(--z39d7e-secondary);} #article-hero .article-hero__title{font-family:var(--z39d7e-font-display,var(--z39d7e-font));font-size:44px;line-height:1.06;margin:0 0 18px;letter-spacing:-0.02em;text-wrap:balance;color:var(--z39d7e-ink);} #article-hero .article-hero__row{display:flex;flex-wrap:wrap;gap:14px 22px;margin-bottom:16px;align-items:stretch;} #article-hero .article-hero__meta-block{min-width:180px;flex:1 1 220px;padding:14px 16px;border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);border-radius:var(--z39d7e-radius-md,12px);} #article-hero .article-hero__label{font-family:var(--z39d7e-font);font-size:12px;line-height:1;color:var(--z39d7e-slate);margin-bottom:6px;} #article-hero .article-hero__value{font-family:var(--z39d7e-font);font-size:16px;line-height:1.35;color:var(--z39d7e-text);} #article-hero .article-hero__lead{font-family:var(--z39d7e-font);font-size:18px;line-height:1.6;margin:0 0 18px;max-width:860px;color:var(--z39d7e-text);} #article-hero .article-hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;} #article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--z39d7e-font);font-size:15px;line-height:1;gap:10px;padding:12px 16px;border-radius:var(--z39d7e-radius-md,12px);border:1px solid var(--z39d7e-border);} #article-hero .article-hero__btn--primary{background:var(--z39d7e-primary);color:var(--z39d7e-surface);border-color:var(--z39d7e-primary);} #article-hero .article-hero__btn--ghost{background:var(--z39d7e-surface);color:var(--z39d7e-primary);} #article-hero .article-hero__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z39d7e-accent) 45%, white 55%);outline-offset:2px;} #article-hero .article-hero__btn--primary:hover{filter:brightness(1.03);} #article-hero .article-hero__btn--ghost:hover{border-color:color-mix(in srgb, var(--z39d7e-accent) 45%, var(--z39d7e-border) 55%);} #article-hero .article-hero__btn[aria-disabled="true"]{opacity:0.6;cursor:not-allowed;} #article-hero::selection{background:color-mix(in srgb, var(--z39d7e-accent) 28%, white 72%);color:var(--z39d7e-ink);} @media (max-width:720px){#article-hero{padding:34px 0 16px;}#article-hero .article-hero__title{font-size:34px;}#article-hero .article-hero__meta-block{min-width:160px;}} @media (prefers-reduced-motion:reduce){#article-hero .article-hero__btn{transition:none;}} /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content{--radius-sm:var(--z39d7e-radius-sm,8px);--radius-md:var(--z39d7e-radius-md,12px);--radius-lg:var(--z39d7e-radius-lg,16px);background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:36px 0 56px;} #article-content .article-content__inner{max-width:860px;margin:0 auto;padding:0 18px;} #article-content .article-meta{margin-bottom:22px;} #article-content .article-meta__kicker{display:inline-block;font-family:var(--z39d7e-font);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--z39d7e-secondary);margin:0 0 10px;} #article-content .article-title{font-family:var(--z39d7e-font-display, var(--z39d7e-font));font-size:36px;line-height:1.12;margin:0 0 14px;letter-spacing:-0.02em;text-wrap:balance;} #article-content .article-meta__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--z39d7e-secondary);font-size:14px;} #article-content .article-meta__item{display:flex;gap:8px;align-items:baseline;} #article-content .article-meta__strong{color:var(--z39d7e-ink);font-weight:700;} #article-content .article-meta__dot{color:var(--z39d7e-border);} #article-content .article-body{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md,12px);padding:26px 22px;box-shadow:0 10px 28px rgba(11,31,59,.06);} #article-content .article-body p{font-family:var(--z39d7e-font);font-size:17px;line-height:1.78;margin:0 0 14px;} #article-content .article-body em{font-style:italic;} #article-content .article-body strong{color:var(--z39d7e-ink);} #article-content .article-h2{font-family:var(--z39d7e-font-display, var(--z39d7e-font));font-size:22px;line-height:1.25;margin:26px 0 10px;letter-spacing:-0.01em;text-wrap:balance;} #article-content .article-list{margin:8px 0 16px 18px;padding:0;} #article-content .article-list li{font-family:var(--z39d7e-font);font-size:17px;line-height:1.78;margin:6px 0;} #article-content .article-ol{margin:8px 0 16px 18px;padding:0;counter-reset:item;} #article-content .article-ol>li{font-family:var(--z39d7e-font);font-size:17px;line-height:1.78;margin:10px 0;} #article-content .article-ol>li::marker{font-weight:700;color:var(--z39d7e-accent);} #article-content .article-ol__sub{display:block;color:var(--z39d7e-secondary);margin-top:6px;} #article-content .article-body a{color:var(--z39d7e-accent);text-decoration:underline;text-underline-offset:3px;} #article-content .article-body a:focus-visible{outline:3px solid var(--z39d7e-accent);outline-offset:3px;border-radius:6px;} #article-content ::selection{background:rgba(46,125,255,.22);} @media (max-width:680px){#article-content{padding:26px 0 44px;}#article-content .article-title{font-size:30px;}#article-content .article-body{padding:20px 16px;}#article-content .article-body p,#article-content .article-list li,#article-content .article-ol>li{font-size:16px;}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;}} /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles{background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:40px 0 56px;} #related-articles .container{max-width:1060px;margin:0 auto;padding:0 18px;} #related-articles .section-header{margin-bottom:18px;} #related-articles .section-title{font-family:var(--z39d7e-font-display, var(--z39d7e-font));font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin:0 0 8px;font-size:30px;text-wrap:balance;} #related-articles .section-subtitle{margin:0;max-width:72ch;color:var(--z39d7e-secondary);font-size:15.5px;line-height:1.6;} #related-articles .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} #related-articles .related-item{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md, 12px);padding:16px 16px 15px;box-shadow:0 10px 26px rgba(11,31,59,0.06);} #related-articles .related-title{margin:0 0 8px;font-size:16px;line-height:1.35;font-weight:800;} #related-articles .related-link{color:var(--z39d7e-ink);text-decoration:none;} #related-articles .related-link:focus-visible{outline:3px solid rgba(46,125,255,0.55);outline-offset:3px;border-radius:8px;} #related-articles .related-item:hover{border-color:rgba(46,125,255,0.35);} #related-articles .related-meta{margin:0;color:var(--z39d7e-secondary);font-size:14px;line-height:1.55;} #related-articles ::selection{background:rgba(46,125,255,0.25);} @media (max-width: 920px){ #related-articles .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width: 560px){ #related-articles{padding:32px 0 44px;} #related-articles .section-title{font-size:26px;} #related-articles .related-grid{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #related-articles .related-item{transition:none;} #related-articles .related-link{transition:none;} } /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{--r:var(--z39d7e-border);--s:var(--z39d7e-surface);--bg:var(--z39d7e-bg);--ink:var(--z39d7e-ink);--accent:var(--z39d7e-accent);--slate:var(--z39d7e-slate);background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:56px 0 28px 0;} #article-hero *{box-sizing:border-box;} #article-hero ::selection{background:rgba(46,125,255,.25);} #article-hero .hero-wrap{max-width:1060px;margin:0 auto;padding:0 20px;} #article-hero .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start;} #article-hero .hero-copy{padding:4px 0;} #article-hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;} #article-hero .eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(215,223,234,.9);background:rgba(255,255,255,.75);color:var(--z39d7e-primary);font-family:var(--z39d7e-font-display);font-weight:700;font-size:13px;letter-spacing:.02em;} #article-hero .eyebrow-sep{color:rgba(11,31,59,.45);} #article-hero .eyebrow-meta{color:rgba(15,23,42,.78);font-weight:600;font-size:13px;} #article-hero .hero-title{margin:0 0 14px 0;font-family:var(--z39d7e-font-display);font-size:44px;line-height:1.06;letter-spacing:-.02em;color:var(--z39d7e-primary);text-wrap:balance;} #article-hero .hero-meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin:18px 0 14px 0;padding:0;list-style:none;} #article-hero .meta-item{display:flex;gap:10px;align-items:baseline;padding:10px 12px;border:1px solid rgba(215,223,234,.95);background:rgba(255,255,255,.85);border-radius:var(--radius-md,12px);} #article-hero .meta-label{color:rgba(11,31,59,.68);font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;} #article-hero .meta-value{color:var(--z39d7e-primary);font-weight:800;font-size:14px;} #article-hero .hero-lead{margin:0;max-width:62ch;font-size:17px;line-height:1.55;color:rgba(15,23,42,.9);} #article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--radius-md,12px);padding:12px 16px;font-weight:800;font-size:14px;letter-spacing:.01em;min-height:44px;} #article-hero .btn-primary{background:var(--z39d7e-primary);color:var(--z39d7e-surface);border:1px solid rgba(11,31,59,.95);} #article-hero .btn-primary:hover{background:#0a1a33;} #article-hero .btn-ghost{background:rgba(255,255,255,.7);border:1px solid rgba(215,223,234,.95);color:var(--z39d7e-primary);} #article-hero .btn-ghost:hover{background:rgba(255,255,255,.95);border-color:rgba(11,31,59,.25);} #article-hero .btn:focus-visible,#article-hero .link-cta:focus-visible{outline:3px solid rgba(46,125,255,.4);outline-offset:3px;} #article-hero .hero-aside{position:relative;} #article-hero .aside-panel{border:1px solid rgba(215,223,234,.95);background:rgba(255,255,255,.9);border-radius:var(--radius-lg,16px);padding:18px 18px 16px 18px;box-shadow:0 14px 28px rgba(11,31,59,.06);} #article-hero .aside-title{margin:0 0 12px 0;font-family:var(--z39d7e-font-display);color:var(--z39d7e-primary);font-size:18px;letter-spacing:-.01em;} #article-hero .aside-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-hero .aside-list li{display:flex;gap:10px;align-items:flex-start;} #article-hero .aside-dot{width:10px;height:10px;border-radius:999px;background:rgba(46,125,255,.22);border:1px solid rgba(46,125,255,.55);margin-top:6px;flex:0 0 auto;} #article-hero .aside-text{color:rgba(15,23,42,.88);font-size:14px;line-height:1.4;font-weight:650;} #article-hero .aside-cta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(215,223,234,.95);} #article-hero .link-cta{color:var(--z39d7e-accent);font-weight:900;text-decoration:none;display:inline-flex;align-items:center;gap:10px;} #article-hero .link-cta::after{content:"→";font-weight:900;} #article-hero .link-cta:hover{text-decoration:underline;} @media (max-width: 920px){#article-hero .hero-grid{grid-template-columns:1fr;gap:16px;} #article-hero .hero-title{font-size:36px;} #article-hero .meta-item{width:100%;}} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content{--a-bg:var(--z39d7e-bg);--a-surface:var(--z39d7e-surface);--a-ink:var(--z39d7e-ink);--a-muted:var(--z39d7e-secondary);--a-border:var(--z39d7e-border);--a-accent:var(--z39d7e-accent);background:transparent;color:var(--z39d7e-text);font-family:var(--z39d7e-font);} #article-content *{box-sizing:border-box;} #article-content .article-header{padding:28px 0 18px 0;} #article-content .article-kicker{margin:0 0 10px 0;display:inline-block;padding:6px 10px;border:1px solid var(--a-border);border-radius:999px;background:rgba(255,255,255,.7);color:var(--a-muted);font-size:13px;letter-spacing:.02em;} #article-content .article-title{margin:0;line-height:1.1;font-family:var(--z39d7e-font-display, var(--z39d7e-font));font-weight:800;letter-spacing:-.02em;font-size:clamp(28px,3.2vw,44px);text-wrap:balance;color:var(--a-ink);} #article-content .article-meta{margin-top:14px;display:flex;align-items:center;gap:10px;color:var(--a-muted);font-size:14px;} #article-content .meta-dot{opacity:.75;} #article-content .article-body{display:grid;grid-template-columns:1fr;gap:18px;padding:10px 0 34px 0;} #article-content .prose{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--z39d7e-radius-md,12px);padding:20px 18px;} #article-content .prose h2{margin:24px 0 10px 0;font-size:22px;line-height:1.25;color:var(--a-ink);letter-spacing:-.01em;} #article-content .prose h3{margin:18px 0 8px 0;font-size:18px;line-height:1.25;color:var(--a-ink);letter-spacing:-.01em;} #article-content .prose p{margin:12px 0;font-size:16px;line-height:1.75;color:var(--a-ink);} #article-content .prose em{color:var(--a-ink);font-style:italic;} #article-content .prose strong{color:var(--a-ink);font-weight:800;} #article-content .prose ul,#article-content .prose ol{margin:12px 0 12px 20px;padding:0;} #article-content .bullet-list li{margin:10px 0;} #article-content .step-list li{margin:10px 0;} #article-content .callout{margin:16px 0 18px 0;padding:14px 14px;border-radius:var(--z39d7e-radius-md,12px);border:1px solid var(--a-border);background:linear-gradient(180deg, rgba(221,230,246,.65), rgba(255,255,255,.85));} #article-content .callout-title{margin:0 0 6px 0;font-weight:900;color:var(--a-ink);} #article-content .callout-text{margin:0;color:var(--a-ink);line-height:1.7;} #article-content .math-inline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;background:rgba(46,125,255,.10);border:1px solid rgba(46,125,255,.25);padding:2px 8px;border-radius:999px;} #article-content .inline-link{color:var(--a-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #article-content .inline-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;border-radius:6px;} #article-content .split{margin-top:14px;display:grid;grid-template-columns:1fr;gap:12px;} #article-content .split-block{border:1px solid var(--a-border);border-radius:var(--z39d7e-radius-md,12px);background:rgba(244,246,250,.55);padding:14px 14px;} #article-content .qa{margin:12px 0 0 0;} #article-content .qa-row{padding:12px 0;border-top:1px solid var(--a-border);} #article-content .qa-row:first-child{border-top:none;} #article-content .qa-row dt{font-weight:900;color:var(--a-ink);margin:0 0 6px 0;font-size:16px;} #article-content .qa-row dd{margin:0;color:var(--a-ink);line-height:1.7;font-size:15px;} #article-content .article-tools{display:block;} #article-content .tools-card{border:1px solid var(--a-border);background:var(--a-bg);border-radius:var(--z39d7e-radius-md,12px);padding:16px 16px;} #article-content .tools-title{margin:0 0 10px 0;font-weight:1000;color:var(--a-ink);font-size:16px;} #article-content .tools-list{margin:0 0 12px 0;padding:0;list-style:none;} #article-content .tools-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(215,223,234,.9);} #article-content .tools-list li:first-child{border-top:none;} #article-content .tools-bullet{width:26px;min-width:26px;height:26px;border-radius:8px;background:rgba(46,125,255,.12);border:1px solid rgba(46,125,255,.28);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:var(--a-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;} #article-content .tools-note{margin:0;color:var(--a-ink);line-height:1.7;font-size:14px;} #article-content ::selection{background:rgba(46,125,255,.20);} #article-content a{color:var(--a-accent);} @media (min-width: 900px){ #article-content .article-header{padding:42px 0 26px 0;} #article-content .article-body{grid-template-columns:1.6fr .9fr;align-items:start;gap:20px;} #article-content .prose{padding:28px 26px;} #article-content .split{grid-template-columns:1fr 1fr;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} } /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles.related-articles{ --ra-ink: var(--z39d7e-ink); --ra-muted: var(--z39d7e-secondary); --ra-bg: var(--z39d7e-bg); --ra-surface: var(--z39d7e-surface); --ra-border: var(--z39d7e-border); --ra-accent: var(--z39d7e-accent); background: var(--z39d7e-bg); color: var(--z39d7e-text); padding: 56px 0 44px; } #related-articles .container{ max-width: 1060px; margin: 0 auto; padding: 0 20px; } #related-articles .section-header{ margin-bottom: 22px; border: 1px solid var(--z39d7e-border); background: var(--z39d7e-surface); border-radius: var(--z39d7e-radius, 16px); padding: 18px 18px 16px; } #related-articles .section-title{ margin: 0 0 6px; font-family: var(--z39d7e-font-display, var(--z39d7e-font)); font-weight: 760; letter-spacing: -0.02em; font-size: 28px; line-height: 1.1; text-wrap: balance; color: var(--z39d7e-ink); } #related-articles .section-subtitle{ margin: 0; color: var(--z39d7e-secondary); font-size: 15px; line-height: 1.55; } #related-articles .cards{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; align-items: stretch; } #related-articles .related-card{ grid-column: span 6; background: var(--z39d7e-surface); border: 1px solid var(--z39d7e-border); border-radius: 16px; overflow: hidden; position: relative; } #related-articles .related-card:nth-child(1){ grid-column: span 7; } #related-articles .related-card:nth-child(2){ grid-column: span 5; } #related-articles .related-card:nth-child(3){ grid-column: span 5; } #related-articles .related-card:nth-child(4){ grid-column: span 7; } #related-articles .related-link{ display: block; padding: 16px 16px 15px; color: inherit; text-decoration: none; height: 100%; } #related-articles .related-link:focus-visible{ outline: 3px solid var(--ra-accent); outline-offset: 3px; border-radius: 12px; } #related-articles .related-badge{ display: inline-block; font-size: 12px; line-height: 1; padding: 7px 10px; border-radius: 999px; background: color-mix(in srgb, var(--z39d7e-accent) 12%, var(--z39d7e-surface)); border: 1px solid color-mix(in srgb, var(--z39d7e-accent) 28%, var(--z39d7e-border)); color: var(--z39d7e-primary); font-weight: 700; } #related-articles .related-title{ margin: 12px 0 6px; font-family: var(--z39d7e-font-display, var(--z39d7e-font)); font-weight: 730; letter-spacing: -0.01em; font-size: 18px; line-height: 1.22; text-wrap: balance; color: var(--z39d7e-ink); } #related-articles .related-meta{ margin: 0; color: var(--z39d7e-secondary); font-size: 14px; line-height: 1.5; } #related-articles .fallback{ margin-top: 16px; padding: 14px 16px; border: 1px dashed color-mix(in srgb, var(--z39d7e-accent) 25%, var(--z39d7e-border)); border-radius: var(--z39d7e-radius, 16px); background: color-mix(in srgb, var(--z39d7e-accent) 6%, var(--z39d7e-surface)); } #related-articles .fallback-text{ margin: 0; color: var(--z39d7e-secondary); font-size: 14.5px; } #related-articles .fallback-link{ color: var(--z39d7e-primary); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; } #related-articles .fallback-link:focus-visible{ outline: 3px solid var(--ra-accent); outline-offset: 3px; border-radius: 10px; } #related-articles ::selection{ background: color-mix(in srgb, var(--z39d7e-accent) 28%, transparent); } @media (max-width: 880px){ #related-articles{ padding: 44px 0 34px; } #related-articles .section-title{ font-size: 24px; } #related-articles .related-card{ grid-column: span 12 !important; } #related-articles .cards{ gap: 12px; } } @media (prefers-reduced-motion: reduce){ #related-articles *{ scroll-behavior: auto !important; transition: none !important; } } /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{ --section-max: 1040px; font-family: var(--z39d7e-font); color: var(--z39d7e-text); background: var(--z39d7e-bg); } #article-hero .article-hero__inner{ max-width: var(--section-max); margin: 0 auto; padding: 48px 20px 28px; } #article-hero .article-hero__breadcrumbs{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom: 18px; font-size: 14px; color: var(--z39d7e-secondary); } #article-hero .article-hero__crumb{ color: var(--z39d7e-secondary); text-decoration: none; border-bottom: 1px solid transparent; } #article-hero .article-hero__crumb:focus-visible{ outline: 3px solid color-mix(in srgb, var(--z39d7e-accent) 35%, transparent); outline-offset: 3px; border-bottom-color: color-mix(in srgb, var(--z39d7e-accent) 60%, transparent); } #article-hero .article-hero__crumb:hover{ color: var(--z39d7e-ink); } #article-hero .article-hero__sep{ opacity: .6; } #article-hero .article-hero__current{ color: var(--z39d7e-ink); } #article-hero .article-hero__header{ max-width: 860px; } #article-hero .article-hero__title{ margin: 0; font-family: var(--z39d7e-font-display); font-size: 42px; line-height: 1.08; letter-spacing: -0.02em; font-weight: 800; text-wrap: balance; color: var(--z39d7e-ink); } #article-hero .article-hero__dek{ margin: 16px 0 0; color: var(--z39d7e-secondary); font-size: 18px; line-height: 1.65; max-width: 800px; } #article-hero .article-hero__meta{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 20px; } #article-hero .meta-chip{ background: color-mix(in srgb, var(--z39d7e-surface) 84%, var(--z39d7e-mist) 16%); border: 1px solid var(--z39d7e-border); border-radius: var(--z39d7e-radius-md); padding: 10px 12px; display:flex; flex-direction:column; gap: 2px; min-width: 180px; } #article-hero .meta-chip__label{ font-size: 12px; color: var(--z39d7e-secondary); } #article-hero .meta-chip__value{ font-size: 16px; font-weight: 700; color: var(--z39d7e-ink); letter-spacing: 0; } #article-hero .article-hero__actions{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 26px; } #article-hero .btn{ border-radius: var(--z39d7e-radius-md); padding: 12px 16px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-size: 16px; font-weight: 750; text-decoration:none; border: 1px solid transparent; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; } #article-hero .btn--primary{ background: var(--z39d7e-primary); color: var(--z39d7e-surface); border-color: color-mix(in srgb, var(--z39d7e-primary) 88%, var(--z39d7e-border)); } #article-hero .btn--primary:hover{ background: color-mix(in srgb, var(--z39d7e-primary) 86%, var(--z39d7e-accent) 14%); } #article-hero .btn--primary:active{ transform: translateY(1px); } #article-hero .btn--primary:focus-visible{ outline: 3px solid color-mix(in srgb, var(--z39d7e-accent) 40%, transparent); outline-offset: 3px; } #article-hero .btn--ghost{ background: var(--z39d7e-surface); color: var(--z39d7e-ink); border-color: var(--z39d7e-border); } #article-hero .btn--ghost:hover{ background: color-mix(in srgb, var(--z39d7e-surface) 82%, var(--z39d7e-mist) 18%); border-color: color-mix(in srgb, var(--z39d7e-border) 70%, var(--z39d7e-accent) 30%); } #article-hero .btn--ghost:active{ transform: translateY(1px); } #article-hero .btn--ghost:focus-visible{ outline: 3px solid color-mix(in srgb, var(--z39d7e-accent) 40%, transparent); outline-offset: 3px; } #article-hero .article-hero__summary{ margin-top: 30px; background: var(--z39d7e-surface); border: 1px solid var(--z39d7e-border); border-radius: var(--z39d7e-radius-lg); padding: 18px 18px 16px; box-shadow: 0 10px 30px color-mix(in srgb, var(--z39d7e-ink) 8%, transparent); } #article-hero .article-hero__summary-title{ margin: 0 0 10px; font-size: 18px; color: var(--z39d7e-ink); letter-spacing: -0.01em; } #article-hero .article-hero__bullets{ margin: 0; padding-left: 18px; color: var(--z39d7e-secondary); line-height: 1.7; } #article-hero .article-hero__bullets li{ margin: 8px 0; } #article-hero .bullet-strong{ color: var(--z39d7e-ink); } #article-hero .article-hero__bullets strong{ font-weight: 850; } ::selection{ background: color-mix(in srgb, var(--z39d7e-accent) 24%, transparent); color: var(--z39d7e-ink); } @media (max-width: 720px){ #article-hero .article-hero__inner{ padding-top: 34px; } #article-hero .article-hero__title{ font-size: 32px; } #article-hero .meta-chip{ min-width: 150px; flex: 1 1 150px; } } @media (prefers-reduced-motion: reduce){ #article-hero .btn{ transition: none; } } /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content{--a-bg:var(--z39d7e-bg);--a-surface:var(--z39d7e-surface);--a-ink:var(--z39d7e-ink);--a-secondary:var(--z39d7e-secondary);--a-accent:var(--z39d7e-accent);--a-border:var(--z39d7e-border);padding:28px 0 56px;background:var(--z39d7e-bg)} #article-content .article-content__inner{max-width:860px;margin:0 auto;padding:0 18px} #article-content .article-content__meta{margin:10px 0 22px} #article-content .article-content__kicker{display:inline-block;font-family:var(--z39d7e-font);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--z39d7e-secondary);background:rgba(221,230,246,.55);border:1px solid rgba(215,223,234,.9);padding:8px 12px;border-radius:999px} #article-content .article-content__meta-line{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px} #article-content .article-content__meta-item{margin:0;font-size:14px;color:var(--z39d7e-text);background:rgba(255,255,255,.7);border:1px solid var(--a-border);border-radius:var(--z39d7e-radius,12px);padding:10px 12px} #article-content .article-content__meta-label{font-weight:700;color:var(--z39d7e-secondary)} #article-content .article-content__meta-time{font-variant-numeric:tabular-nums} #article-content .article-body{background:rgba(255,255,255,.75);border:1px solid var(--a-border);border-radius:var(--z39d7e-radius,16px);padding:26px 24px;box-shadow:0 12px 28px rgba(11,31,59,.08)} #article-content .article-body__h2{margin:22px 0 12px;font-family:var(--z39d7e-font);font-size:28px;line-height:1.12;letter-spacing:-.02em;color:var(--z39d7e-ink);text-wrap:balance} #article-content .article-body__h3{margin:22px 0 10px;font-family:var(--z39d7e-font);font-size:18px;line-height:1.25;letter-spacing:-.01em;color:var(--z39d7e-ink)} #article-content .article-body__p{margin:12px 0;line-height:1.8;color:var(--z39d7e-text);font-size:15px} #article-content .article-body__em{color:var(--z39d7e-ink);font-weight:700} #article-content .article-body__list,#article-content .article-body__ol{margin:12px 0 14px;padding-left:22px} #article-content .article-body__li{margin:9px 0;line-height:1.7;color:var(--z39d7e-text);font-size:15px} #article-content .article-body__callout{margin:16px 0 18px;padding:14px 16px;border-radius:var(--z39d7e-radius,12px);border:1px solid rgba(46,125,255,.35);background:rgba(221,230,246,.55)} #article-content .article-body__callout-title{margin:0 0 6px;font-weight:800;color:var(--z39d7e-ink);font-size:14px;letter-spacing:.01em} #article-content .article-body__callout-text{margin:0;color:var(--z39d7e-text);line-height:1.7;font-size:15px} #article-content .article-body__ol{counter-reset:step} #article-content .article-body__ol .article-body__li{list-style:decimal} #article-content .article-content__divider{height:1px;background:var(--z39d7e-border);margin:22px 6px} #article-content .article-content__internal-nav{padding:0 6px} #article-content .article-content__internal-title{margin:0 0 10px;font-weight:800;color:var(--z39d7e-secondary);font-size:13px;letter-spacing:.02em} #article-content .article-content__internal-links{display:flex;gap:14px;flex-wrap:wrap} #article-content .article-content__link{display:inline-block;max-width:100%;color:var(--z39d7e-ink);text-decoration:underline;text-decoration-color:rgba(46,125,255,.65);text-underline-offset:4px;background:rgba(255,255,255,.65);border:1px solid var(--z39d7e-border);padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.35} #article-content .article-content__link:focus-visible{outline:3px solid rgba(46,125,255,.5);outline-offset:2px} #article-content .article-content__link:hover{background:rgba(221,230,246,.55)} #article-content ::selection{background:rgba(46,125,255,.25)} @media (max-width:640px){#article-content .article-body{padding:20px 16px}.article-body__h2{font-size:24px}#article-content .article-content__meta-line{gap:10px}.article-content__meta-item{padding:9px 10px}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none !important}} /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles{--ra-gap:18px;--ra-radius:var(--z39d7e-radius,12px);background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:48px 18px;} #related-articles .related-articles__container{max-width:1120px;margin:0 auto;} #related-articles .related-articles__header{margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--z39d7e-font-display);font-weight:800;font-size:34px;line-height:1.1;letter-spacing:-0.02em;margin:0 0 10px;text-wrap:balance;color:var(--z39d7e-ink);} #related-articles .related-articles__subtitle{margin:0;max-width:70ch;font-size:16px;line-height:1.65;color:var(--z39d7e-secondary);} #related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;} #related-articles .related-articles__card{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:16px;box-shadow:0 8px 22px rgba(11,31,59,.06);} #related-articles .related-articles__link{display:block;color:inherit;text-decoration:none;outline:none;border-radius:inherit;padding:6px;} #related-articles .related-articles__link:focus-visible{box-shadow:0 0 0 4px rgba(46,125,255,.22);border-radius:inherit;} #related-articles .related-articles__meta{display:inline-block;font-family:var(--z39d7e-font);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--z39d7e-accent);margin-bottom:10px;} #related-articles .related-articles__card-title{font-family:var(--z39d7e-font-display);font-size:17px;line-height:1.25;margin:0 0 10px;font-weight:800;color:var(--z39d7e-ink);text-wrap:balance;} #related-articles .related-articles__card-desc{margin:0;font-size:14px;line-height:1.6;color:var(--z39d7e-secondary);} #related-articles .related-articles__footer{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .related-articles__backlink{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--z39d7e-primary);text-decoration:none;border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);padding:10px 14px;border-radius:var(--z39d7e-radius-md,12px);} #related-articles .related-articles__backlink:focus-visible{box-shadow:0 0 0 4px rgba(46,125,255,.22);outline:none;} #related-articles .related-articles__backlink:hover{border-color:rgba(46,125,255,.55);} #related-articles ::selection{background:rgba(46,125,255,.25);color:var(--z39d7e-ink);} @media (max-width: 980px){#related-articles .related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width: 640px){#related-articles{padding:36px 14px;}#related-articles .related-articles__title{font-size:28px;}#related-articles .related-articles__grid{grid-template-columns:1fr;}#related-articles .related-articles__footer{justify-content:stretch;}#related-articles .related-articles__backlink{width:100%;justify-content:center;}} @media (prefers-reduced-motion: reduce){#related-articles .related-articles__link{scroll-behavior:auto;}} /* z39d7e:article-hero */ /* z39d7e:article-hero */ #article-hero{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 10px 30px rgba(11,31,59,.10);background:var(--z39d7e-bg);color:var(--z39d7e-text);padding:48px 0 28px 0;} #article-hero *{box-sizing:border-box;} #article-hero .article-hero__wrap{max-width:980px;margin:0 auto;padding:0 18px;} #article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--z39d7e-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--z39d7e-surface) 82%,var(--z39d7e-bg) 18%);font:600 13px/1.1 var(--z39d7e-font-display);letter-spacing:.02em;color:var(--z39d7e-primary);} #article-hero .article-hero__title{margin:16px 0 12px 0;font:800 42px/1.06 var(--z39d7e-font-display);letter-spacing:-.02em;color:var(--z39d7e-ink);text-wrap:balance;} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px 0;color:var(--z39d7e-secondary);font:600 14px/1.4 var(--z39d7e-font);} #article-hero .article-hero__meta-item{display:flex;gap:10px;align-items:baseline;} #article-hero .article-hero__meta-label{color:color-mix(in srgb,var(--z39d7e-secondary) 88%,var(--z39d7e-ink) 12%);font-weight:700;} #article-hero .article-hero__meta-value{color:var(--z39d7e-secondary);} #article-hero .article-hero__meta-sep{color:color-mix(in srgb,var(--z39d7e-secondary) 80%,var(--z39d7e-ink) 20%);} #article-hero .article-hero__lead{margin:0 0 22px 0;max-width:720px;font:500 18px/1.7 var(--z39d7e-font);color:color-mix(in srgb,var(--z39d7e-text) 88%,var(--z39d7e-primary) 12%);} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px 0;} #article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md);text-decoration:none;font:800 14px/1 var(--z39d7e-font-display);letter-spacing:.01em;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;} #article-hero .article-hero__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--z39d7e-accent) 55%,white 45%);outline-offset:3px;} #article-hero .article-hero__btn--primary{background:var(--z39d7e-accent);color:#fff;border:1px solid color-mix(in srgb,var(--z39d7e-accent) 75%,#fff 25%);} #article-hero .article-hero__btn--primary:hover{background:color-mix(in srgb,var(--z39d7e-accent) 86%,#fff 14%);} #article-hero .article-hero__btn--ghost{background:var(--z39d7e-surface);color:var(--z39d7e-primary);border:1px solid var(--z39d7e-border);} #article-hero .article-hero__btn--ghost:hover{background:color-mix(in srgb,var(--z39d7e-surface) 70%,var(--z39d7e-mist) 30%);border-color:color-mix(in srgb,var(--z39d7e-border) 65%,var(--z39d7e-accent) 35%);} #article-hero .article-hero__signals{margin-top:14px;background:color-mix(in srgb,var(--z39d7e-surface) 88%,var(--z39d7e-bg) 12%);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:16px 16px;box-shadow:var(--shadow);} #article-hero .article-hero__signal-list{margin:0; padding:0 0 0 18px;} #article-hero .article-hero__signal{margin:8px 0;color:color-mix(in srgb,var(--z39d7e-text) 88%,var(--z39d7e-primary) 12%);font:600 14px/1.6 var(--z39d7e-font);} #article-hero ::selection{background:color-mix(in srgb,var(--z39d7e-accent) 28%,white 72%);color:var(--z39d7e-ink);} @media (max-width: 720px){ #article-hero{padding:36px 0 22px 0;} #article-hero .article-hero__title{font-size:32px;} #article-hero .article-hero__lead{font-size:16px;} #article-hero .article-hero__actions{gap:10px;} } @media (prefers-reduced-motion: reduce){ #article-hero .article-hero__btn{transition:none;} } /* z39d7e:article-content */ /* z39d7e:article-content */ #article-content.article-content{background:var(--z39d7e-bg);color:var(--z39d7e-text);font-family:var(--z39d7e-font);} #article-content .article-content__inner{max-width:980px;margin:0 auto;padding:28px 18px 56px;} #article-content .article-content__header{padding:18px 0 22px;border-bottom:1px solid var(--z39d7e-border);} #article-content .article-content__kicker{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--z39d7e-secondary);} #article-content .article-content__title{margin:0 0 12px;font-family:var(--z39d7e-font-display);font-size:40px;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;color:var(--z39d7e-ink);} #article-content .article-content__lede{margin:0;max-width:780px;font-size:16px;line-height:1.65;color:var(--z39d7e-secondary);} #article-content .article-body{padding-top:22px;} #article-content .problems__title{margin:0 0 8px;font-size:22px;line-height:1.25;color:var(--z39d7e-ink);} #article-content .problems__text{margin:0 0 18px;max-width:760px;color:var(--z39d7e-secondary);line-height:1.7;font-size:15px;} #article-content .problem-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:14px;} #article-content .problem-item{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-md, 12px);padding:16px 16px 14px;box-shadow:0 6px 18px rgba(11,31,59,.06);} #article-content .problem-item__title{margin:0 0 8px;font-size:18px;line-height:1.3;color:var(--z39d7e-ink);} #article-content .problem-item__text{margin:0 0 10px;color:var(--z39d7e-secondary);line-height:1.7;font-size:14.5px;} #article-content .problem-item__tip{margin-top:10px;padding:10px 12px;background:var(--z39d7e-mist);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-sm, 8px);color:var(--z39d7e-ink);font-size:14px;line-height:1.55;} #article-content .problem-item__tip strong{color:var(--z39d7e-ink);} #article-content .summary{padding:26px 0 10px;} #article-content .summary__box{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg, 16px);padding:18px 16px;} #article-content .summary__title{margin:0 0 10px;font-size:20px;line-height:1.25;color:var(--z39d7e-ink);} #article-content .summary__list{margin:0;padding-left:18px;color:var(--z39d7e-secondary);line-height:1.75;font-size:14.5px;} #article-content .summary__note{margin:12px 0 0;color:var(--z39d7e-secondary);line-height:1.7;font-size:14.5px;} #article-content .article-nav{padding-top:22px;} #article-content .article-nav__title{margin:0 0 8px;font-size:18px;line-height:1.3;color:var(--z39d7e-ink);} #article-content .article-nav__text{margin:0 0 10px;color:var(--z39d7e-secondary);line-height:1.7;font-size:14.5px;} #article-content .article-nav__fine{margin-top:14px;} #article-content .article-link{display:inline-block;margin:0 0 10px;padding:10px 12px;border-radius:var(--z39d7e-radius-sm, 8px);border:1px solid var(--z39d7e-border);background:var(--z39d7e-surface);color:var(--z39d7e-ink);text-decoration:none;line-height:1.3;font-weight:650;} #article-content .article-link:hover{border-color:rgba(46,125,255,.55);box-shadow:0 10px 24px rgba(46,125,255,.14);} #article-content .article-link:focus-visible{outline:3px solid rgba(46,125,255,.35);outline-offset:2px;} ::selection{background:rgba(46,125,255,.22);} #article-content a{color:inherit;} @media (min-width:820px){#article-content .article-content__inner{padding:36px 18px 64px;}#article-content .article-content__title{font-size:46px;}#article-content .problem-list{grid-template-columns:1fr;}#article-content .summary__box{padding:20px 18px;}} @media (prefers-reduced-motion:reduce){#article-content .problem-item,#article-content .article-link{transition:none !important;}} /* z39d7e:related-articles */ /* z39d7e:related-articles */ #related-articles.related-articles{--ra-gap:18px;--ra-radius:var(--z39d7e-radius-md,12px);padding:56px 0;background:var(--z39d7e-bg);} #related-articles .ra-wrap{max-width:1080px;margin:0 auto;padding:0 20px;} #related-articles .ra-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;} #related-articles .ra-title{margin:0;font-family:var(--z39d7e-font-display,'Iowan Old Style',Palatino,Georgia,'Times New Roman',serif);font-size:30px;letter-spacing:-0.02em;line-height:1.1;color:var(--z39d7e-ink);} #related-articles .ra-subtitle{margin:0;max-width:560px;font-family:var(--z39d7e-font,'Iowan Old Style',Palatino,Georgia,'Times New Roman',serif);font-size:15px;line-height:1.6;color:var(--z39d7e-secondary);} #related-articles .ra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ra-gap);} #related-articles .ra-item{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--z39d7e-radius-lg,16px);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(11,31,59,.06);} #related-articles .ra-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12.5px;color:var(--z39d7e-secondary);} #related-articles .ra-tag{display:inline-flex;align-items:center;border:1px solid var(--z39d7e-border);padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--z39d7e-surface) 72%,var(--z39d7e-accent) 28%);} #related-articles .ra-sep{opacity:.7;} #related-articles .ra-time{font-variant-numeric:tabular-nums;} #related-articles .ra-item-title{margin:0 0 12px 0;font-family:var(--z39d7e-font-display,'Iowan Old Style',Palatino Linotype,Palatino,'Book Antiqua',Georgia,serif);font-size:17px;line-height:1.35;letter-spacing:-0.01em;color:var(--z39d7e-ink);text-wrap:balance;} #related-articles .ra-link{display:inline-block;color:var(--z39d7e-primary);text-decoration:none;font-weight:650;font-family:var(--z39d7e-font-display,'Iowan Old Style',Palatino Linotype,Palatino,'Book Antiqua',Georgia,serif);padding:10px 12px;border-radius:10px;border:1px solid transparent;outline:2px solid transparent;outline-offset:2px;} #related-articles .ra-link:hover{border-color:color-mix(in srgb,var(--z39d7e-accent) 45%,var(--z39d7e-border) 55%);background:color-mix(in srgb,var(--z39d7e-accent) 12%,var(--z39d7e-surface) 88%);} #related-articles .ra-link:focus-visible{border-color:var(--z39d7e-accent);background:color-mix(in srgb,var(--z39d7e-accent) 14%,var(--z39d7e-surface) 86%);outline-color:color-mix(in srgb,var(--z39d7e-accent) 55%,white 45%);} #related-articles .ra-foot{margin-top:26px;display:flex;justify-content:flex-start;} #related-articles .ra-cta{display:inline-flex;align-items:center;gap:10px;background:var(--z39d7e-primary);color:var(--z39d7e-surface);text-decoration:none;font-weight:700;font-family:var(--z39d7e-font-display,'Iowan Old Style',Palatino Linotype,Palatino,'Book Antiqua',Georgia,serif);padding:12px 16px;border-radius:var(--z39d7e-radius-md,12px);border:1px solid var(--z39d7e-primary);box-shadow:0 14px 35px rgba(11,31,59,.18);} #related-articles .ra-cta:hover{background:color-mix(in srgb,var(--z39d7e-primary) 88%,var(--z39d7e-accent) 12%);} #related-articles .ra-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--z39d7e-accent) 55%,white 45%);outline-offset:3px;} #related-articles *::selection{background:color-mix(in srgb,var(--z39d7e-accent) 25%,var(--z39d7e-bg) 75%);} @media (max-width: 980px){#related-articles .ra-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #related-articles .ra-head{flex-direction:column;align-items:flex-start;} } @media (max-width: 640px){#related-articles{padding:44px 0;} #related-articles .ra-grid{grid-template-columns:1fr;} #related-articles .ra-title{font-size:26px;} #related-articles .ra-item{padding:16px;}} @media (prefers-reduced-motion: reduce){#related-articles .ra-item,#related-articles .ra-link,#related-articles .ra-cta{transition:none;}} /* Design-system variables */ .policy-page{background:var(--z39d7e-bg);color:var(--z39d7e-text);font-family:var(--z39d7e-font);line-height:1.55;} .policy-container{max-width:920px;margin:0 auto;padding:24px;} .policy-title{margin:0 0 12px 0;font-size:30px;line-height:1.2;color:var(--z39d7e-ink);letter-spacing:0.2px;} .policy-intro{margin:0 0 18px 0;color:var(--z39d7e-secondary);font-size:15.5px;} .policy-section{margin:18px 0;padding:16px;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-md);} .policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--z39d7e-ink);} .policy-paragraph{margin:0 0 10px 0;color:var(--z39d7e-text);font-size:15px;} .policy-list{margin:10px 0 0 18px;padding:0;color:var(--z39d7e-text);} .policy-list li{margin:6px 0;} .policy-card{margin-top:10px;padding:14px;border:1px solid var(--z39d7e-border);border-radius:var(--radius-sm);background:linear-gradient(180deg, #FFFFFF, #FBFCFE);} .policy-card-line{margin:8px 0;color:var(--z39d7e-text);font-size:14.5px;} .policy-link{color:var(--z39d7e-accent);text-decoration:underline;word-break:break-word;} .policy-footer{margin:18px 0 6px 0;padding:12px 0;color:var(--z39d7e-secondary);} .policy-footer-text{margin:0;font-size:13.5px;} @media (max-width:720px){.policy-container{padding:16px;}.policy-title{font-size:26px;}.policy-section{padding:14px;}} .policy-page{background:var(--z39d7e-bg);color:var(--z39d7e-text);font-family:var(--z39d7e-font);line-height:1.5;margin:0;padding:24px 14px;} .policy-content{max-width:980px;margin:0 auto;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:28px 22px;box-shadow:0 10px 30px rgba(11,31,59,.06);} .policy-header{margin-bottom:18px;} .policy-title{margin:0 0 6px 0;font-size:28px;letter-spacing:-0.2px;color:var(--z39d7e-ink);} .policy-subtitle{margin:0;color:var(--z39d7e-secondary);font-size:14px;} .policy-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--z39d7e-border);} .policy-section:first-of-type{border-top:none;padding-top:0;margin-top:0;} .policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--z39d7e-ink);} .policy-p{margin:0 0 10px 0;font-size:14.5px;color:var(--z39d7e-text);} .policy-list{margin:8px 0 10px 18px;padding:0;} .policy-list li{margin:6px 0;font-size:14.5px;color:var(--z39d7e-text);} .policy-contact{margin:10px 0 0 0;font-size:14.5px;color:var(--z39d7e-text);} .policy-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--z39d7e-border);} .policy-footer-grid{display:block;} .policy-footer-col{margin-bottom:12px;} .policy-footer-title{margin:0 0 8px 0;font-size:16px;color:var(--z39d7e-ink);} .policy-footer-p{margin:4px 0;color:var(--z39d7e-secondary);font-size:14px;} .policy-footer-note{margin:0;color:var(--z39d7e-secondary);font-size:12.5px;} .policy-link{color:var(--z39d7e-accent);text-decoration:none;} .policy-link:hover{text-decoration:underline;} @media (min-width:860px){.policy-content{padding:32px 34px;} .policy-footer-grid{display:flex;gap:24px;} .policy-footer-col{flex:1;margin-bottom:0;}} /* Design-system based CSS (hand-written, no external libraries) */ :root{ --z39d7e-primary:#0B1F3B; --z39d7e-secondary:#4B5563; --z39d7e-accent:#2E7DFF; --z39d7e-ink:#0B1F3B; --z39d7e-slate:#475569; --z39d7e-mist:#DDE6F6; --z39d7e-border:#D7DFEA; --z39d7e-surface:#FFFFFF; --z39d7e-bg:#F4F6FA; --z39d7e-text:#0F172A; --z39d7e-font: 'Iowan Old Style', Palatino, Georgia, 'Times New Roman', serif; --radius-sm:8px; --radius-md:12px; --radius-lg:16px; } .policy-page{background:var(--z39d7e-bg);color:var(--z39d7e-text);font-family:var(--z39d7e-font);line-height:1.6;} .policy-container{max-width:980px;margin:0 auto;padding:28px 16px 40px;} .policy-header{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:22px 18px;} .policy-title{margin:0 0 6px;font-size:28px;letter-spacing:-0.2px;color:var(--z39d7e-primary);} .policy-subtitle{margin:0;color:var(--z39d7e-secondary);font-size:14px;} .policy-section{margin-top:18px;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:18px;} .policy-section-title{margin:0 0 10px;font-size:18px;color:var(--z39d7e-primary);} .policy-paragraph{margin:10px 0;} .policy-card{margin-top:12px;border:1px solid var(--z39d7e-border);background:linear-gradient(180deg, #ffffff, #fbfdff);border-radius:var(--radius-md);padding:14px 14px;} .policy-row{margin:8px 0;display:block;} .policy-label{display:inline-block;min-width:180px;color:var(--z39d7e-slate);font-weight:700;font-size:14px;vertical-align:top;} .policy-value{color:var(--z39d7e-text);font-size:14.5px;} .policy-link{color:var(--z39d7e-accent);text-decoration:underline;} .policy-link:hover{color:#1c66d6;} .policy-footer{margin-top:18px;background:var(--z39d7e-primary);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);color:#ffffff;padding:18px;} .policy-footer-inner{max-width:860px;} .policy-footer-title{margin:0 0 10px;font-size:16px;letter-spacing:0.2px;} .policy-footer-text{margin:8px 0;color:rgba(255,255,255,0.92);} .policy-footer-muted{color:rgba(255,255,255,0.72);} .policy-footer .policy-link{color:#A9C7FF;} .policy-footer .policy-link:hover{color:#C2D8FF;} @media (max-width:520px){ .policy-container{padding:20px 12px 34px;} .policy-title{font-size:24px;} .policy-label{min-width:unset;display:block;margin-bottom:4px;} } .policy-page{background:var(--z39d7e-bg);color:var(--z39d7e-text);font-family:var(--z39d7e-font);line-height:1.55;} .policy-container{max-width:980px;margin:0 auto;padding:28px;} .policy-header{background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:22px 22px 18px;} .policy-title{margin:0 0 8px 0;font-size:28px;letter-spacing:-0.2px;color:var(--z39d7e-ink);} .policy-lead{margin:0 0 10px 0;color:var(--z39d7e-secondary);font-size:14px;} .policy-meta{margin:0;color:var(--z39d7e-text);font-size:15px;} .policy-section{margin-top:16px;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:18px 22px;} .policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--z39d7e-ink);} .policy-section p{margin:8px 0;color:var(--z39d7e-text);} .policy-list{margin:10px 0 0 18px;padding:0;} .policy-list li{margin:6px 0;} .policy-section strong{color:var(--z39d7e-ink);} .policy-contact{margin-top:10px;border:1px solid var(--z39d7e-border);border-radius:var(--radius-md);padding:14px;background:linear-gradient(180deg, rgba(221,230,246,0.35), rgba(221,230,246,0));} .policy-contact-item{display:block;margin:10px 0;} .policy-contact-label{display:inline-block;min-width:94px;color:var(--z39d7e-secondary);font-weight:600;} .policy-contact-value{color:var(--z39d7e-text);} .policy-footer{margin:16px 0 0 0;background:var(--z39d7e-surface);border:1px solid var(--z39d7e-border);border-radius:var(--radius-lg);padding:16px 22px;} .policy-footer-text{margin:6px 0;color:var(--z39d7e-secondary);font-size:13.5px;} .policy-date{font-weight:700;color:var(--z39d7e-accent);} @media (max-width:640px){.policy-container{padding:16px;}.policy-header,.policy-section,.policy-footer{padding-left:16px;padding-right:16px;}.policy-title{font-size:24px;}}