/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--z50097-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--z50097-ink, #111); background: var(--z50097-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--z50097-font-display, var(--z50097-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--z50097-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --z50097-primary: #0F3D56; --z50097-secondary: #495463; --z50097-accent: #2E7D32; --z50097-ink: #0B1220; --z50097-slate: #495463; --z50097-mist: #E6E8EB; --z50097-border: #D2D7DE; --z50097-surface: #FFFFFF; --z50097-bg: #F6F7F8; --z50097-text: #0B1220; --z50097-font: Georgia, Cambria, 'Times New Roman', serif; --z50097-font-display: 'Hoefler Text', 'Baskerville Old Face', Garamond, 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(--z50097-border, #e5e7eb); background: var(--z50097-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(--z50097-border, #d1d5db); background: transparent; color: var(--z50097-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--z50097-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--z50097-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--z50097-border, #e5e7eb); background: var(--z50097-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(--z50097-surface, #1a1a2e); color: var(--z50097-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 */ /* z50097:header */ /* z50097:header */ #header{--hpad:clamp(16px,3.5vw,28px);--maxw:1100px;--header-h:72px;position:sticky;top:0;z-index:50;background:rgba(246,247,248,.92);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid rgba(210,215,222,.7);} #header .header-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--hpad);} #header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--z50097-ink);min-width:220px;} #header .brand-mark{width:12px;height:12px;border-radius:3px;background:var(--z50097-accent);box-shadow:0 0 0 4px rgba(46,125,50,.12);} #header .brand-text{font-family:var(--z50097-font-display);font-weight:800;letter-spacing:-.02em;font-size:18px;line-height:1.1;white-space:nowrap;} #header .nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:center;} #header .nav-link{font-family:var(--z50097-font);font-size:14.5px;color:var(--z50097-secondary);text-decoration:none;padding:10px 10px;border-radius:var(--z50097-radius-sm,6px);outline:none;border:1px solid transparent;} #header .nav-link:focus-visible{border-color:var(--z50097-border);background:var(--z50097-surface);} #header .nav-link:hover{color:var(--z50097-ink);background:rgba(210,215,222,.35);} #header .header-actions{display:flex;align-items:center;gap:12px;} #header .ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:var(--z50097-radius-md,10px);font-family:var(--z50097-font);font-size:14.5px;text-decoration:none;line-height:1;white-space:nowrap;} #header .ghost-button{color:var(--z50097-primary);background:var(--z50097-surface);border:1px solid rgba(15,61,86,.35);} #header .ghost-button:focus-visible{outline:3px solid rgba(15,61,86,.25);outline-offset:2px;} #header .ghost-button:hover{background:rgba(15,61,86,.06);} #header .primary-button{color:var(--z50097-surface);background:var(--z50097-primary);border:1px solid rgba(15,61,86,.8);} #header .primary-button:focus-visible{outline:3px solid rgba(15,61,86,.25);outline-offset:2px;} #header .primary-button:hover{filter:brightness(1.02);} #header .menu-toggle{display:none;height:40px;padding:0 14px;border-radius:var(--z50097-radius-md,10px);border:1px solid rgba(210,215,222,.9);background:var(--z50097-surface);color:var(--z50097-ink);font-family:var(--z50097-font);font-size:14.5px;} #header .menu-toggle:focus-visible{outline:3px solid rgba(11,18,32,.18);outline-offset:2px;} #header .mobile-menu{display:none;} @media (max-width: 940px){ #header .nav{display:none;} #header .ghost-button{display:none;} #header .menu-toggle{display:inline-flex;} #header .header-inner{gap:12px;} #header .brand{min-width:auto;} #header .mobile-menu{display:block;position:absolute;left:0;right:0;top:100%;background:var(--z50097-surface);border-bottom:1px solid var(--z50097-border);box-shadow:0 18px 40px rgba(11,18,32,.12);} #header .mobile-menu[aria-hidden="true"]{display:none;} #header .mobile-menu-inner{max-width:var(--maxw);margin:0 auto;padding:14px var(--hpad) 18px;display:flex;flex-direction:column;gap:10px;} #header .mobile-link{color:var(--z50097-ink);text-decoration:none;font-family:var(--z50097-font);font-size:16px;padding:12px 12px;border-radius:var(--z50097-radius-sm,6px);border:1px solid rgba(210,215,222,.7);background:rgba(230,232,235,.25);} #header .mobile-link:focus-visible{outline:3px solid rgba(11,18,32,.16);outline-offset:2px;} #header .mobile-cta-row{display:flex;gap:10px;margin-top:6px;} #header .mobile-ghost,#header .mobile-primary{flex:1;} } @media (prefers-reduced-motion: reduce){ #header .nav-link,#header .ghost-button,#header .primary-button,#header .menu-toggle{transition:none;} } #header .site-header::selection{background:rgba(46,125,50,.2);} /* z50097:footer */ /* z50097:footer */ #footer{--radius-sm:var(--z50097-radius-sm,6px);--radius-md:var(--z50097-radius-md,10px);--radius-lg:var(--z50097-radius-lg,14px);background:var(--z50097-bg);border-top:1px solid var(--z50097-border);color:var(--z50097-text);font-family:var(--z50097-font);} #footer .footer-inner{max-width:1120px;margin:0 auto;padding:44px 18px 26px 18px;} #footer .footer-top{display:flex;gap:26px;align-items:flex-start;} #footer .footer-brand{min-width:260px;max-width:320px;} #footer .footer-mark{width:38px;height:38px;border-radius:12px;background:var(--z50097-primary);box-shadow:0 10px 26px rgba(15,61,86,.18);margin-bottom:14px;} #footer .footer-kicker{margin:0 0 6px 0;font-weight:700;letter-spacing:.2px;color:var(--z50097-ink);} #footer .footer-tagline{margin:0;color:var(--z50097-secondary);line-height:1.5;font-size:15.5px;} #footer .footer-cols{flex:1;display:grid;grid-template-columns:1.05fr 0.85fr 0.9fr;gap:22px;} #footer .footer-title{margin:0 0 12px 0;font-family:var(--z50097-font-display);font-size:18px;letter-spacing:-.2px;color:var(--z50097-ink);} #footer .footer-list{list-style:none;margin:0;padding:0;} #footer .footer-list li{display:grid;grid-template-columns:98px 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(210,215,222,.75);} #footer .footer-list li:first-child{border-top:1px dashed rgba(210,215,222,.75);} #footer .footer-label{font-size:13px;color:var(--z50097-secondary);} #footer .footer-text{color:var(--z50097-ink);} #footer .footer-nav,#footer .footer-policy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #footer .footer-link{color:var(--z50097-primary);text-decoration:none;border-bottom:1px solid rgba(15,61,86,.22);padding-bottom:2px;display:inline-block;} #footer .footer-link:hover{color:var(--z50097-accent);border-bottom-color:rgba(46,125,50,.45);} #footer .footer-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-bottom-color:transparent;} #footer .footer-quick{margin-top:18px;padding:14px 14px;border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md);background:var(--z50097-surface);} #footer .footer-quick-title{margin:0 0 10px 0;font-weight:700;color:var(--z50097-ink);font-size:14px;} #footer .footer-cta{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:12px 14px;border-radius:var(--z50097-radius-md);background:var(--z50097-primary);color:var(--z50097-surface);text-decoration:none;font-weight:700;border:1px solid rgba(15,61,86,.25);box-shadow:0 12px 26px rgba(15,61,86,.18);} #footer .footer-cta:hover{background:#0d3550;color:var(--z50097-surface);} #footer .footer-cta:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;} #footer .footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid var(--z50097-border);display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;justify-content:space-between;} #footer .footer-meta{margin:0;color:var(--z50097-secondary);font-size:14px;line-height:1.5;} #footer .footer-meta.subtle{max-width:560px;} #footer .footer-legal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;} #footer .footer-legal-item{color:var(--z50097-secondary);font-size:14px;} #footer .footer-legal-sep{color:rgba(11,18,32,.35);} #footer ::selection{background:rgba(46,125,50,.22);} @media (max-width: 920px){#footer .footer-top{flex-direction:column;gap:18px;}#footer .footer-cols{grid-template-columns:1fr;gap:14px;}#footer .footer-brand{min-width:auto;max-width:none;}#footer .footer-list li{grid-template-columns:88px 1fr;}} @media (prefers-reduced-motion: reduce){#footer .footer-link,#footer .footer-cta{transition:none;}} /* z50097:blog-hero */ /* z50097:blog-hero */ #blog-hero{--section-bg:var(--z50097-bg);--section-surface:var(--z50097-surface);--section-ink:var(--z50097-ink);--section-primary:var(--z50097-primary);--section-secondary:var(--z50097-secondary);--section-accent:var(--z50097-accent);--section-border:var(--z50097-border);background:linear-gradient(180deg,var(--z50097-bg),rgba(246,247,248,.9) 55%,var(--z50097-bg));padding:56px 16px 40px;box-sizing:border-box;} #blog-hero *,#blog-hero *::before,#blog-hero *::after{box-sizing:inherit;} #blog-hero::selection{background:rgba(46,125,50,.22);} #blog-hero .blog-hero__container{max-width:1120px;margin:0 auto;} #blog-hero .blog-hero__eyebrow{display:inline-block;letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:12px;color:var(--z50097-primary);border:1px solid rgba(15,61,86,.18);background:rgba(255,255,255,.6);padding:8px 12px;border-radius:999px;} #blog-hero .blog-hero__grid{margin-top:22px;display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start;} #blog-hero .blog-hero__title{margin:14px 0 10px;font-family:var(--z50097-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.04;font-size:44px;color:var(--z50097-ink);text-wrap:balance;} #blog-hero .blog-hero__lead{margin:0 0 18px;font-size:16px;line-height:1.7;color:var(--z50097-secondary);max-width:62ch;} #blog-hero .blog-hero__workflow{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;} #blog-hero .blog-hero__step{display:flex;gap:12px;align-items:flex-start;padding:14px 14px;border-radius:var(--radius-md);border:1px solid rgba(210,215,222,.9);background:rgba(255,255,255,.75);} #blog-hero .blog-hero__step-no{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:rgba(46,125,50,.14);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--z50097-accent);font-family:var(--z50097-font-display);} #blog-hero .blog-hero__step-title{display:block;font-weight:800;color:var(--z50097-ink);margin-top:2px;} #blog-hero .blog-hero__step-desc{display:block;color:var(--z50097-secondary);font-size:13.5px;line-height:1.55;margin-top:4px;} #blog-hero .blog-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #blog-hero .blog-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md);text-decoration:none;font-weight:800;font-size:14px;line-height:1.1;min-width:160px;border:1px solid transparent;} #blog-hero .blog-hero__btn--primary{background:var(--z50097-primary);color:var(--z50097-surface);border-color:rgba(15,61,86,.15);box-shadow:0 10px 22px rgba(15,61,86,.12);} #blog-hero .blog-hero__btn--secondary{background:rgba(255,255,255,.8);color:var(--z50097-primary);border-color:rgba(15,61,86,.25);} #blog-hero .blog-hero__btn:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #blog-hero .blog-hero__btn--primary:hover{background:#0c364d;} #blog-hero .blog-hero__btn--secondary:hover{background:#ffffff;} #blog-hero .blog-hero__meta{margin-top:18px;display:flex;gap:14px;flex-wrap:wrap;} #blog-hero .blog-hero__meta-item{flex:1 1 220px;border-radius:var(--radius-md);border:1px solid rgba(210,215,222,.95);background:rgba(255,255,255,.72);padding:12px 14px;} #blog-hero .blog-hero__meta-k{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:rgba(11,18,32,.7);} #blog-hero .blog-hero__meta-v{margin-top:6px;font-size:14px;color:var(--z50097-secondary);line-height:1.6;} #blog-hero .blog-hero__aside{position:relative;} #blog-hero .blog-hero__aside-card{border-radius:var(--radius-lg);border:1px solid rgba(210,215,222,.95);background:rgba(255,255,255,.82);padding:18px 18px;box-shadow:0 18px 40px rgba(15,61,86,.08);} #blog-hero .blog-hero__aside-title{margin:0 0 10px;font-size:18px;font-weight:900;color:var(--z50097-ink);font-family:var(--z50097-font-display);letter-spacing:-.01em;} #blog-hero .blog-hero__aside-text{margin:0 0 14px;color:var(--z50097-secondary);line-height:1.65;font-size:14.5px;} #blog-hero .blog-hero__facts{margin:0;display:grid;gap:12px;} #blog-hero .blog-hero__fact-k{font-weight:900;color:rgba(11,18,32,.75);font-size:13px;} #blog-hero .blog-hero__fact-v{margin:6px 0 0;color:var(--z50097-secondary);font-size:13.5px;line-height:1.6;} #blog-hero .blog-hero__link{display:inline-flex;margin-top:14px;text-decoration:none;font-weight:900;color:var(--z50097-primary);border-bottom:2px solid rgba(15,61,86,.25);padding-bottom:2px;} #blog-hero .blog-hero__link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:4px;border-radius:6px;} #blog-hero .blog-hero__aside-note{margin-top:14px;border-radius:var(--radius-lg);border:1px solid rgba(210,215,222,.95);background:rgba(255,255,255,.55);padding:14px 16px;} #blog-hero .blog-hero__aside-note-title{font-weight:1000;color:var(--z50097-accent);text-transform:uppercase;letter-spacing:.08em;font-size:12px;} #blog-hero .blog-hero__aside-note-text{margin-top:8px;color:var(--z50097-secondary);line-height:1.6;font-size:14px;} @media (max-width: 900px){#blog-hero{padding:44px 14px 34px;}#blog-hero .blog-hero__grid{grid-template-columns:1fr;gap:16px;}#blog-hero .blog-hero__title{font-size:38px;}#blog-hero .blog-hero__workflow{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#blog-hero .blog-hero__btn, #blog-hero .blog-hero__link{transition:none;}} /* z50097:workflow-preview */ /* z50097:workflow-preview */ #workflow-preview.workflow-preview{position:relative;background:var(--z50097-bg);color:var(--z50097-ink);padding:64px 18px;overflow:hidden;} #workflow-preview.workflow-preview .workflow-container{max-width:1060px;margin:0 auto;position:relative;z-index:1;} #workflow-preview.workflow-preview .workflow-head{display:block;margin-bottom:26px;} #workflow-preview.workflow-preview .workflow-kicker{display:inline-block;font-family:var(--z50097-font);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--z50097-primary);background:var(--z50097-surface);border:1px solid var(--z50097-border);padding:8px 12px;border-radius:999px;} #workflow-preview.workflow-preview .workflow-title{margin:14px 0 10px;font-family:var(--z50097-font-display);font-size:44px;line-height:1.06;letter-spacing:-.02em;color:var(--z50097-ink);text-wrap:balance;} #workflow-preview.workflow-preview .workflow-lead{max-width:62ch;margin:0 0 18px;font-size:16.5px;line-height:1.6;color:var(--z50097-text);} #workflow-preview.workflow-preview .workflow-metrics{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;} #workflow-preview.workflow-preview .metric{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:14px 14px 12px;} #workflow-preview.workflow-preview .metric dt{font-variant-numeric:tabular-nums;display:inline-block;font-family:var(--z50097-font-display);font-size:20px;line-height:1;color:var(--z50097-primary);margin:0 0 6px;} #workflow-preview.workflow-preview .metric dd{margin:0;font-size:13.5px;line-height:1.35;color:var(--z50097-secondary);} #workflow-preview.workflow-preview .workflow-steps{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:14px;} #workflow-preview.workflow-preview .step{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:18px 18px;display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:start;} #workflow-preview.workflow-preview .step-index{font-family:var(--z50097-font-display);font-size:14px;line-height:1.2;color:var(--z50097-primary);font-weight:800;letter-spacing:.06em;text-transform:uppercase;} #workflow-preview.workflow-preview .step-title{margin:0 0 8px;font-family:var(--z50097-font-display);font-size:22px;line-height:1.2;color:var(--z50097-ink);letter-spacing:-.01em;} #workflow-preview.workflow-preview .step-text{margin:0 0 12px;line-height:1.65;color:var(--z50097-text);font-size:15.5px;} #workflow-preview.workflow-preview .step-list{margin:0;padding-left:18px;color:var(--z50097-secondary);} #workflow-preview.workflow-preview .step-list li{margin:7px 0;line-height:1.4;font-size:14.5px;} #workflow-preview.workflow-preview .workflow-cta-row{display:flex;gap:12px;align-items:center;margin-top:26px;} #workflow-preview.workflow-preview .workflow-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--z50097-primary);color:var(--z50097-surface);border:1px solid var(--z50097-primary);padding:12px 16px;border-radius:var(--z50097-radius-md,10px);font-weight:800;font-size:14.5px;} #workflow-preview.workflow-preview .workflow-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--z50097-surface);color:var(--z50097-primary);border:1px solid var(--z50097-border);padding:12px 16px;border-radius:var(--z50097-radius-md,10px);font-weight:800;font-size:14.5px;} #workflow-preview.workflow-preview .workflow-link:focus-visible,#workflow-preview.workflow-preview .workflow-secondary:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-accent) 45%, white);outline-offset:2px;} #workflow-preview.workflow-preview a{color:inherit;} #workflow-preview.workflow-preview .workflow-link:hover{background:color-mix(in srgb, var(--z50097-primary) 88%, var(--z50097-accent) 12%);} #workflow-preview.workflow-preview .workflow-secondary:hover{border-color:color-mix(in srgb, var(--z50097-border) 40%, var(--z50097-primary) 60%);} #workflow-preview.workflow-preview .workflow-background{position:absolute;inset:-120px -40px auto -40px;height:320px;background:radial-gradient(600px 220px at 20% 20%, color-mix(in srgb, var(--z50097-accent) 16%, transparent), transparent 55%),radial-gradient(540px 200px at 80% 30%, color-mix(in srgb, var(--z50097-primary) 14%, transparent), transparent 55%);pointer-events:none;z-index:0;} #workflow-preview.workflow-preview::selection{background:color-mix(in srgb, var(--z50097-accent) 28%, white);} @media (max-width: 980px){ #workflow-preview.workflow-preview{padding:52px 16px;} #workflow-preview.workflow-preview .workflow-title{font-size:38px;} #workflow-preview.workflow-preview .workflow-metrics{grid-template-columns:repeat(2,minmax(0,1fr));} #workflow-preview.workflow-preview .step{grid-template-columns:1fr;} #workflow-preview.workflow-preview .step-index{font-size:13px;} } @media (prefers-reduced-motion: reduce){ #workflow-preview.workflow-preview *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* z50097:featured-topics */ /* z50097:featured-topics */ #featured-topics{--ft-accent:var(--z50097-accent);--ft-primary:var(--z50097-primary);--ft-ink:var(--z50097-ink);--ft-surface:var(--z50097-surface);--ft-bg:var(--z50097-bg);--ft-border:var(--z50097-border);background:var(--ft-bg);color:var(--z50097-text);padding:48px 0;} #featured-topics .featured-topics__container{max-width:1120px;margin:0 auto;padding:0 18px;} #featured-topics .featured-topics__header{max-width:760px;margin:0 0 22px 0;} #featured-topics .featured-topics__eyebrow{display:inline-block;font-family:var(--z50097-font-display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--z50097-secondary);margin-bottom:10px;} #featured-topics .featured-topics__title{font-family:var(--z50097-font-display);font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px 0;text-wrap:balance;color:var(--ft-ink);} #featured-topics .featured-topics__lead{margin:0;font-size:16px;line-height:1.65;color:var(--z50097-secondary);} #featured-topics .featured-topics__layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start;} #featured-topics .featured-topics__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;} #featured-topics .topic-step{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--z50097-radius-md,10px);padding:16px 16px;box-shadow:0 10px 26px rgba(15,61,86,.06);} #featured-topics .topic-step__index{width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(46,125,50,.10);color:var(--ft-accent);font-weight:700;font-family:var(--z50097-font-display);border:1px solid rgba(46,125,50,.25);} #featured-topics .topic-step__title{margin:0 0 6px 0;font-size:18px;letter-spacing:-.01em;color:var(--ft-ink);} #featured-topics .topic-step__text{margin:0 0 10px 0;color:var(--z50097-secondary);line-height:1.6;font-size:14px;} #featured-topics .topic-step__link{display:inline-block;color:var(--z50097-primary);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(15,61,86,.35);padding-bottom:2px;} #featured-topics .topic-step__link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-bottom-color:rgba(46,125,50,.75);} #featured-topics .topic-step__link:hover{border-bottom-color:rgba(15,61,86,.85);} #featured-topics .featured-topics__aside{position:relative;} #featured-topics .aside-card{background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--z50097-radius-lg,14px);padding:18px 18px;box-shadow:0 10px 26px rgba(15,61,86,.06);} #featured-topics .aside-card__title{margin:0 0 8px 0;font-size:16px;letter-spacing:-.01em;color:var(--ft-ink);} #featured-topics .aside-card__text{margin:0 0 14px 0;color:var(--z50097-secondary);line-height:1.6;font-size:14px;} #featured-topics .aside-card__list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;} #featured-topics .aside-card__pill{display:block;padding:10px 12px;border-radius:var(--z50097-radius-sm,6px);border:1px solid var(--ft-border);background:rgba(230,232,235,.28);color:var(--z50097-primary);text-decoration:none;font-weight:700;font-size:14px;} #featured-topics .aside-card__pill:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-color:rgba(46,125,50,.55);} #featured-topics .aside-card__pill:hover{background:rgba(230,232,235,.48);} #featured-topics .aside-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:6px;padding:12px 14px;border-radius:var(--z50097-radius-md,10px);background:var(--z50097-accent);color:var(--ft-surface);text-decoration:none;font-weight:800;border:1px solid rgba(46,125,50,.55);} #featured-topics .aside-card__cta:focus-visible{outline:3px solid rgba(15,61,86,.25);outline-offset:3px;} #featured-topics .aside-card__cta:hover{filter:saturate(1.05);} #featured-topics .aside-card__fineprint{margin:10px 0 0 0;color:var(--z50097-secondary);font-size:12px;line-height:1.5;} #featured-topics ::selection{background:rgba(46,125,50,.22);color:var(--ft-ink);} #featured-topics a{color:inherit;} @media (max-width: 920px){#featured-topics{padding:38px 0;}#featured-topics .featured-topics__layout{grid-template-columns:1fr;gap:16px;}#featured-topics .featured-topics__title{font-size:30px;}} @media (prefers-reduced-motion: reduce){#featured-topics *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:results-and-limits */ /* z50097:results-and-limits */ #results-and-limits{--rnl-gap:24px;--rnl-radius:14px;--rnl-radius2:10px;--rnl-container:1100px;--rnl-pad:28px;background:var(--z50097-bg);color:var(--z50097-text);padding:56px 0;} #results-and-limits *{box-sizing:border-box;} #results-and-limits .rnl-container{max-width:var(--rnl-container);margin:0 auto;padding:0 20px;} #results-and-limits .rnl-header{margin-bottom:26px;} #results-and-limits .rnl-title{font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin:0 0 10px;font-size:clamp(26px,2.6vw,40px);text-wrap:balance;} #results-and-limits .rnl-lead{margin:0;max-width:66ch;font-size:16px;line-height:1.7;color:var(--z50097-text);} #results-and-limits .rnl-content{background:transparent;} #results-and-limits .rnl-columns{display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--rnl-gap);align-items:start;} #results-and-limits .rnl-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--rnl-radius);padding:22px 20px;} #results-and-limits .rnl-card--side{border-color:color-mix(in srgb, var(--z50097-border) 70%, var(--z50097-accent) 30%);} #results-and-limits .rnl-card-title{margin:0 0 12px;font-family:var(--z50097-font-display);font-size:18px;letter-spacing:-0.01em;} #results-and-limits .rnl-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px;} #results-and-limits .rnl-list-item{line-height:1.65;font-size:15px;color:var(--z50097-text);} #results-and-limits .rnl-strong{font-weight:700;} #results-and-limits .rnl-paragraph{margin:0 0 14px;font-size:15px;line-height:1.7;color:var(--z50097-text);} #results-and-limits .rnl-note{background:color-mix(in srgb, var(--z50097-accent) 10%, var(--z50097-surface));border:1px solid color-mix(in srgb, var(--z50097-accent) 30%, var(--z50097-border));border-radius:var(--rnl-radius2);padding:14px 14px 12px;} #results-and-limits .rnl-note-title{font-weight:700;margin:0 0 6px;color:var(--z50097-ink);} #results-and-limits .rnl-note-body{font-size:14px;line-height:1.6;color:var(--z50097-text);} #results-and-limits .rnl-bottom{margin-top:26px;} #results-and-limits .rnl-subtitle{margin:0 0 12px;font-family:var(--z50097-font-display);font-size:18px;letter-spacing:-0.01em;} #results-and-limits .rnl-bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #results-and-limits .rnl-bullet{position:relative;padding-left:18px;line-height:1.6;font-size:15px;} #results-and-limits .rnl-bullet::before{content:"";position:absolute;left:0;top:0.65em;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb, var(--z50097-accent) 75%, white 25%);} #results-and-limits .rnl-cta-row{margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;} #results-and-limits .rnl-link{color:var(--z50097-primary);font-weight:700;text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--z50097-primary) 35%, transparent);padding-bottom:2px;} #results-and-limits .rnl-link--soft{color:var(--z50097-secondary);border-bottom-color:color-mix(in srgb, var(--z50097-secondary) 35%, transparent);font-weight:600;} #results-and-limits .rnl-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-accent) 55%, transparent);outline-offset:3px;border-bottom-color:transparent;} #results-and-limits .rnl-link:hover{border-bottom-color:color-mix(in srgb, var(--z50097-primary) 70%, transparent);} #results-and-limits .rnl-sep{color:var(--z50097-secondary);} #results-and-limits ::selection{background:color-mix(in srgb, var(--z50097-accent) 30%, var(--z50097-primary));color:var(--z50097-surface);} @media (max-width: 900px){#results-and-limits .rnl-columns{grid-template-columns:1fr;gap:16px;}#results-and-limits{padding:44px 0;}#results-and-limits .rnl-card{padding:20px 16px;}} @media (prefers-reduced-motion: reduce){#results-and-limits *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:contacts */ /* z50097:contacts */ #contacts{--radius-sm:var(--z50097-radius-sm,6px);--radius-md:var(--z50097-radius-md,10px);--radius-lg:var(--z50097-radius-lg,14px);padding:48px 16px;background:var(--z50097-bg);color:var(--z50097-text);} #contacts .contacts-shell{max-width:1100px;margin:0 auto;} #contacts .contacts-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:26px;align-items:start;} #contacts .contacts-intro{padding:8px 4px;} #contacts .contacts-title{font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.1;font-size:40px;margin:0 0 12px;text-wrap:balance;color:var(--z50097-ink);} #contacts .contacts-lead{font-family:var(--z50097-font);margin:0 0 18px;max-width:52ch;font-size:16px;line-height:1.7;color:var(--z50097-text);} #contacts .contacts-meta{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);padding:14px 14px;} #contacts .meta-row{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--z50097-border);} #contacts .meta-row:last-child{border-bottom:none;} #contacts .meta-label{font-size:12px;letter-spacing:0.02em;text-transform:uppercase;color:var(--z50097-secondary);font-weight:700;} #contacts .meta-link,.contacts .meta-value{color:var(--z50097-ink);text-decoration:none;font-weight:600;} #contacts .meta-link:hover{color:var(--z50097-primary);text-decoration:underline;} #contacts .contacts-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 10px;} #contacts .contacts-note{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--z50097-secondary);} #contacts .contacts-form-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:18px 18px 16px;box-shadow:0 10px 30px rgba(15,61,86,0.08);} #contacts .form-title{margin:0 0 6px;font-size:18px;font-weight:800;letter-spacing:-0.01em;color:var(--z50097-ink);} #contacts .form-subtitle{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--z50097-secondary);} #contacts .contact-form{display:flex;flex-direction:column;gap:12px;} #contacts .field{display:flex;flex-direction:column;gap:6px;} #contacts .label{font-size:13px;font-weight:800;color:var(--z50097-ink);} #contacts .input,#contacts .textarea{font-family:var(--z50097-font);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-sm,6px);padding:11px 12px;background:var(--z50097-surface);color:var(--z50097-ink);font-size:14px;outline:none;} #contacts .textarea{resize:vertical;min-height:120px;} #contacts .input::placeholder,#contacts .textarea::placeholder{color:var(--z50097-secondary);} #contacts .input:focus-visible,#contacts .textarea:focus-visible{border-color:var(--z50097-primary);box-shadow:0 0 0 4px rgba(15,61,86,0.16);} #contacts .form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:2px;} #contacts .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--z50097-radius-sm,6px);padding:11px 14px;border:1px solid transparent;text-decoration:none;font-weight:800;font-size:14px;line-height:1;cursor:pointer;user-select:none;} #contacts .btn-primary{background:var(--z50097-primary);color:var(--z50097-surface);border-color:rgba(0,0,0,0);} #contacts .btn-primary:hover{background: #0c3550;} #contacts .btn-primary:active{background:#0a2f46;} #contacts .btn-ghost{background:transparent;color:var(--z50097-ink);border-color:var(--z50097-border);} #contacts .btn-ghost:hover{border-color:rgba(15,61,86,0.35);background:rgba(15,61,86,0.04);} #contacts .btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(15,61,86,0.16);} #contacts .btn[disabled]{opacity:0.6;cursor:not-allowed;} #contacts .form-legal{display:flex;gap:10px;align-items:flex-start;margin-top:2px;color:var(--z50097-secondary);font-size:12.5px;line-height:1.55;} #contacts .form-legal-dot{width:10px;height:10px;border-radius:50%;background:var(--z50097-accent);margin-top:4px;flex:0 0 auto;} #contacts ::selection{background:rgba(46,125,50,0.22);} @media (max-width: 900px){#contacts .contacts-grid{grid-template-columns:1fr;gap:18px;}#contacts .contacts-title{font-size:34px;}#contacts .meta-row{grid-template-columns:110px 1fr;}} @media (prefers-reduced-motion: reduce){#contacts *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:disclaimer */ /* z50097:disclaimer */ #disclaimer.disclaimer{background:var(--z50097-bg);color:var(--z50097-text);padding:28px 0;} #disclaimer .disclaimer-inner{max-width:1080px;margin:0 auto;padding:0 18px;} #disclaimer .disclaimer-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start;} #disclaimer .disclaimer-title{font-family:var(--z50097-font-display, var(--z50097-font));font-size:28px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px 0;color:var(--z50097-ink);text-wrap:balance;} #disclaimer .disclaimer-lead{margin:0 0 18px 0;font-size:15px;line-height:1.65;color:var(--z50097-secondary, var(--z50097-slate));max-width:56ch;} #disclaimer .disclaimer-box{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md, 10px);padding:16px 16px 14px 16px;box-shadow:0 10px 30px rgba(15,61,86,.06);} #disclaimer .disclaimer-box-top{display:flex;gap:10px;align-items:center;margin-bottom:8px;} #disclaimer .disclaimer-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(46,125,50,.12);color:var(--z50097-accent);border:1px solid rgba(46,125,50,.28);font-weight:700;font-size:12px;letter-spacing:.02em;} #disclaimer .disclaimer-box-title{margin:0;font-weight:800;font-size:15px;color:var(--z50097-ink);} #disclaimer .disclaimer-list{margin:0;padding-left:18px;color:var(--z50097-secondary, var(--z50097-slate));font-size:14px;line-height:1.7;} #disclaimer .disclaimer-list li{margin:8px 0;} #disclaimer .disclaimer-contact{margin:14px 0 0 0;font-size:14px;line-height:1.7;color:var(--z50097-secondary, var(--z50097-slate));} #disclaimer .disclaimer-aside{background:rgba(255,255,255,.6);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md, 10px);padding:14px 14px 16px 14px;} #disclaimer .disclaimer-aside-title{margin:0 0 8px 0;font-size:16px;font-weight:900;color:var(--z50097-ink);letter-spacing:-0.01em;} #disclaimer .disclaimer-aside-text{margin:0 0 12px 0;font-size:14px;line-height:1.6;color:var(--z50097-secondary, var(--z50097-slate));} #disclaimer .disclaimer-links{display:flex;flex-direction:column;gap:10px;} #disclaimer .disclaimer-link-pill{display:inline-flex;align-items:flex-start;padding:10px 12px;border-radius:var(--z50097-radius-sm,6px);border:1px solid var(--z50097-border);background:var(--z50097-surface);color:var(--z50097-ink);text-decoration:none;font-size:13px;line-height:1.35;} #disclaimer .disclaimer-link-pill:focus-visible, #disclaimer .disclaimer-link:focus-visible{outline:3px solid rgba(46,125,50,.45);outline-offset:2px;} #disclaimer .disclaimer-link{color:var(--z50097-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #disclaimer .disclaimer-link-pill:hover{border-color:rgba(15,61,86,.35);} #disclaimer ::selection{background:rgba(15,61,86,.14);} @media (max-width: 860px){ #disclaimer .disclaimer-grid{grid-template-columns:1fr;} #disclaimer .disclaimer-title{font-size:24px;} } @media (prefers-reduced-motion: reduce){ #disclaimer .disclaimer-link-pill{transition:none;} } /* z50097:blog-list */ /* z50097:blog-list */ #blog-list.blog-list{background:var(--z50097-bg);color:var(--z50097-text);padding:48px 16px;} #blog-list .blog-list__container{max-width:1100px;margin:0 auto;} #blog-list .blog-list__header{margin-bottom:22px;max-width:860px;} #blog-list .blog-list__title{font-family:var(--z50097-font-display);font-size:30px;line-height:1.15;margin:0 0 10px;letter-spacing:-0.02em;text-wrap:balance;} #blog-list .blog-list__lede{margin:0;font-size:16px;line-height:1.6;color:var(--z50097-secondary);} #blog-list .blog-list__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;} #blog-list .blog-card{grid-column:span 4;background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-lg);padding:18px;box-shadow:0 10px 22px rgba(15,61,86,.08);} #blog-list .blog-card--featured{grid-column:span 12;padding:22px;border-color:rgba(46,125,50,.35);box-shadow:0 14px 28px rgba(46,125,50,.12);} #blog-list .blog-card__link{display:block;color:inherit;text-decoration:none;outline:none;} #blog-list .blog-card__link:focus-visible{box-shadow:0 0 0 3px rgba(15,61,86,.28);border-radius:var(--z50097-lg);} #blog-list .blog-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;} #blog-list .blog-card__tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(15,61,86,.08);color:var(--z50097-primary);font-size:13px;font-weight:700;letter-spacing:.01em;} #blog-list .blog-card__dot{color:var(--z50097-secondary);} #blog-list .blog-card__time{color:var(--z50097-secondary);font-size:13px;font-weight:600;} #blog-list .blog-card__topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;} #blog-list .blog-card__featured-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(46,125,50,.12);color:var(--z50097-accent);font-size:13px;font-weight:800;} #blog-list .blog-card__read{color:var(--z50097-secondary);font-size:13px;font-weight:700;} #blog-list .blog-card__title{margin:0 0 10px;font-family:var(--z50097-font);font-size:18px;line-height:1.35;letter-spacing:-0.01em;text-wrap:balance;} #blog-list .blog-card__excerpt{margin:0;color:var(--z50097-secondary);font-size:15px;line-height:1.6;} #blog-list .blog-card__excerpt--strong{color:var(--z50097-secondary);} #blog-list .blog-card__cta-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(210,215,222,.9);} #blog-list .blog-card__cta-text{font-weight:800;color:var(--z50097-primary);} #blog-list .blog-card__arrow{font-size:18px;color:var(--z50097-accent);} #blog-list .blog-list__footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(210,215,222,.9);padding-top:18px;} #blog-list .blog-list__all-link{font-weight:800;color:var(--z50097-primary);text-decoration:none;display:inline-flex;align-items:center;gap:10px;} #blog-list .blog-list__all-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(15,61,86,.28);border-radius:8px;padding:6px 8px;margin:-6px -8px;} #blog-list .blog-list__hint{margin:0;color:var(--z50097-secondary);font-size:14px;} #blog-list ::selection{background:rgba(46,125,50,.22);} @media (max-width: 920px){#blog-list .blog-card{grid-column:span 6;}#blog-list .blog-card--featured{grid-column:span 12;}} @media (max-width: 640px){#blog-list{padding:34px 14px;}#blog-list .blog-list__title{font-size:26px;}#blog-list .blog-card{grid-column:span 12;padding:16px;}#blog-list .blog-card__title{font-size:17px;}} @media (prefers-reduced-motion: reduce){#blog-list *{scroll-behavior:auto;}} /* z50097:blog-hero */ /* z50097:blog-hero */ #blog-hero{--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--bg:var(--z50097-bg);--surface:var(--z50097-surface);--ink:var(--z50097-ink);--primary:var(--z50097-primary);--secondary:var(--z50097-secondary);--accent:var(--z50097-accent);--border:var(--z50097-border);background:linear-gradient(180deg,var(--z50097-bg),#fff);padding:56px 0 40px;position:relative;overflow:hidden;} #blog-hero::before{content:"";position:absolute;inset:-220px -180px auto -180px;height:420px;background:radial-gradient(closest-side at 30% 40%, color-mix(in srgb, var(--z50097-accent) 22%, transparent) 0%, transparent 70%);pointer-events:none;} #blog-hero::after{content:"";position:absolute;right:-240px;top:-180px;width:520px;height:520px;background:radial-gradient(closest-side at 40% 40%, color-mix(in srgb, var(--z50097-primary) 14%, transparent) 0%, transparent 72%);pointer-events:none;} .blog-hero__inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns: 1.25fr 0.75fr;gap:28px;align-items:start;position:relative;z-index:1;padding:0 18px;} .blog-hero__copy{padding:6px 0;} .blog-hero__kicker{margin:0 0 14px;font-family:var(--z50097-font);font-size:15px;letter-spacing:0.2px;color:color-mix(in srgb, var(--z50097-secondary) 92%, var(--z50097-ink) 8%);} .blog-hero__title{margin:0 0 14px;font-family:var(--z50097-font-display, var(--z50097-font));font-weight:700;font-size:44px;line-height:1.08;letter-spacing:-0.5px;color:var(--z50097-ink);text-wrap:balance;} .blog-hero__lead{margin:0 0 20px;font-family:var(--z50097-font);font-size:18px;line-height:1.6;color:color-mix(in srgb, var(--z50097-ink) 88%, var(--z50097-secondary) 12%);max-width:56ch;} .blog-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 22px;} .blog-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-family:var(--z50097-font);font-size:15px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease, transform .15s ease;} .blog-hero__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-accent) 50%, #fff);outline-offset:2px;} .blog-hero__btn:active{transform:translateY(1px);} .blog-hero__btn--primary{background:var(--z50097-primary);color:#fff;border:1px solid color-mix(in srgb, var(--z50097-primary) 85%, #000 15%);} .blog-hero__btn--primary:hover{background:color-mix(in srgb, var(--z50097-primary) 86%, #000 14%);} .blog-hero__btn--ghost{background:var(--z50097-surface);color:var(--z50097-ink);border:1px solid var(--z50097-border);} .blog-hero__btn--ghost:hover{background:color-mix(in srgb, var(--z50097-surface) 72%, var(--z50097-mist) 28%);border-color:color-mix(in srgb, var(--z50097-border) 70%, var(--z50097-primary) 30%);} .blog-hero__meta{display:flex;flex-direction:column;gap:12px;margin-top:18px;} .blog-hero__meta-item{display:flex;gap:12px;align-items:flex-start;padding:12px 12px;border-radius:var(--radius-md);background:color-mix(in srgb, var(--z50097-surface) 80%, var(--z50097-mist) 20%);border:1px solid color-mix(in srgb, var(--z50097-border) 85%, transparent 15%);} .blog-hero__meta-num{font-variant-numeric:tabular-nums;font-family:var(--z50097-font-display, var(--z50097-font));font-weight:700;color:color-mix(in srgb, var(--z50097-primary) 75%, var(--z50097-ink) 25%);font-size:14px;line-height:1.2;padding-top:3px;} .blog-hero__meta-text{margin:0;font-family:var(--z50097-font);color:var(--z50097-ink);font-size:15px;line-height:1.55;} .blog-hero__aside{padding-top:8px;} .blog-hero__aside-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg);box-shadow:0 10px 24px color-mix(in srgb, var(--z50097-primary) 10%, transparent);padding:18px;position:relative;} .blog-hero__aside-card::before{content:"";position:absolute;left:16px;top:-12px;width:90px;height:16px;border-radius:999px;background:color-mix(in srgb, var(--z50097-accent) 22%, transparent);filter:saturate(1.05);} .blog-hero__aside-title{margin:2px 0 12px;font-family:var(--z50097-font-display, var(--z50097-font));font-weight:700;font-size:18px;color:var(--z50097-ink);letter-spacing:-0.2px;} .blog-hero__aside-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} .blog-hero__aside-li{margin:0;padding:0;} .blog-hero__aside-link{display:block;text-decoration:none;padding:10px 10px;border-radius:var(--radius-sm);border:1px solid transparent;color:color-mix(in srgb, var(--z50097-ink) 92%, var(--z50097-secondary) 8%);font-family:var(--z50097-font);font-size:15px;line-height:1.35;} .blog-hero__aside-link:hover{background:color-mix(in srgb, var(--z50097-mist) 35%, var(--z50097-surface) 65%);border-color:color-mix(in srgb, var(--z50097-border) 55%, var(--z50097-primary) 45%);} .blog-hero__aside-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-primary) 35%, #fff);outline-offset:2px;} .blog-hero__aside-note{margin-top:14px;padding-top:12px;border-top:1px dashed color-mix(in srgb, var(--z50097-border) 75%, transparent 25%);font-family:var(--z50097-font);font-size:13px;line-height:1.6;color:color-mix(in srgb, var(--z50097-secondary) 92%, var(--z50097-ink) 8%);} #blog-hero *::selection{background:color-mix(in srgb, var(--z50097-accent) 40%, #fff);color:var(--z50097-ink);} @media (max-width: 900px){#blog-hero{padding:44px 0 30px;} .blog-hero__inner{grid-template-columns:1fr;gap:18px;} .blog-hero__title{font-size:36px;} } @media (max-width: 480px){.blog-hero__title{font-size:30px;letter-spacing:-0.3px;} .blog-hero__lead{font-size:16px;} .blog-hero__btn{width:100%;} .blog-hero__ctas{gap:10px;} } @media (prefers-reduced-motion: reduce){.blog-hero__btn{transition:none;}} /* z50097:blog-list */ /* z50097:blog-list */ #blog-list{--radius-sm:var(--z50097-radius-sm,6px);--radius-md:var(--z50097-radius-md,10px);--radius-lg:var(--z50097-radius-lg,14px);background:var(--z50097-bg);color:var(--z50097-text);padding:48px 18px;} #blog-list *{box-sizing:border-box;} #blog-list .blog-list__container{max-width:1120px;margin:0 auto;} #blog-list .blog-list__header{max-width:820px;margin:0 0 18px 0;} #blog-list .blog-list__kicker{margin:0 0 10px 0;display:inline-block;font-family:var(--z50097-font);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--z50097-secondary);} #blog-list .blog-list__title{margin:0 0 12px 0;font-family:var(--z50097-font-display);font-weight:700;font-size:34px;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;} #blog-list .blog-list__lead{margin:0;font-size:16px;line-height:1.65;color:var(--z50097-slate);} #blog-list .blog-list__list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;} #blog-list .post-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg);padding:16px 16px 14px 16px;box-shadow:0 8px 20px rgba(15,61,86,.06);} #blog-list .post-card__title{margin:0 0 10px 0;font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.01em;} #blog-list .post-card__link{color:var(--z50097-ink);text-decoration:none;} #blog-list .post-card__link:hover{text-decoration:underline;} #blog-list .post-card__link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:8px;} #blog-list .post-card__meta{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;} #blog-list .post-card__tag{font-size:12px;line-height:1.1;padding:7px 10px;border-radius:999px;border:1px solid var(--z50097-border);color:var(--z50097-secondary);background:rgba(255,255,255,.7);} #blog-list .blog-list__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 4px 0;max-width:420px;} #blog-list .page-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--z50097-border);text-decoration:none;color:var(--z50097-secondary);background:var(--z50097-surface);font-weight:700;font-size:14px;} #blog-list .page-link--current{border-color:rgba(15,61,86,.25);color:var(--z50097-ink);background:rgba(15,61,86,.05);} #blog-list .page-link--next:hover{border-color:rgba(46,125,50,.55);} #blog-list .page-link--next:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;} #blog-list .page-link--disabled{opacity:.65;cursor:not-allowed;text-decoration:none;} #blog-list .page-link--disabled:focus-visible{outline:3px solid rgba(15,61,86,.18);outline-offset:3px;} #blog-list ::selection{background:rgba(46,125,50,.18);color:var(--z50097-ink);} @media (min-width:860px){ #blog-list .blog-list__list{grid-template-columns:1fr 1fr;gap:16px;} #blog-list .post-card{padding:18px 18px 16px 18px;} } @media (prefers-reduced-motion: reduce){ #blog-list .post-card, #blog-list .post-card__link, #blog-list .page-link{transition:none !important;} } /* z50097:article-hero */ /* z50097:article-hero */ #article-hero{--hero-max:1120px; background:var(--z50097-bg); color:var(--z50097-text); padding:clamp(28px,4vw,56px) 16px 22px;} #article-hero *{box-sizing:border-box;} #article-hero .article-hero__inner{max-width:var(--hero-max); margin:0 auto;} #article-hero .article-hero__header{padding:0 0 20px;} #article-hero .article-hero__kicker{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:14px;} #article-hero .article-hero__kicker-badge{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--z50097-border); border-radius:999px; background:rgba(255,255,255,.75); color:var(--z50097-ink); font-family:var(--z50097-font); font-size:14px;} #article-hero .article-hero__kicker-sep{color:var(--z50097-secondary); font-size:16px; line-height:1;} #article-hero .article-hero__kicker-meta{color:var(--z50097-secondary); font-size:14px;} #article-hero .article-hero__title{font-family:var(--z50097-font-display); font-weight:700; font-size:clamp(30px,4.3vw,54px); line-height:1.05; letter-spacing:-0.02em; margin:0 0 14px; text-wrap:balance;} #article-hero .article-hero__subtitle{margin:0; max-width:68ch; font-size:clamp(16px,1.7vw,19px); line-height:1.55; color:var(--z50097-ink);} #article-hero .article-hero__meta{margin-top:18px; display:flex; flex-wrap:wrap; gap:14px 22px; padding:14px 14px; background:rgba(255,255,255,.72); border:1px solid var(--z50097-border); border-radius:var(--radius-lg,14px);} #article-hero .meta-item{display:flex; flex-direction:column; gap:4px; min-width:180px;} #article-hero .meta-item__label{font-size:12px; color:var(--z50097-secondary); letter-spacing:.02em;} #article-hero .meta-item__value{font-size:15px; font-weight:600; color:var(--z50097-ink);} #article-hero .article-hero__toc{display:grid; grid-template-columns:1.25fr .75fr; gap:18px; align-items:start; padding-top:10px;} #article-hero .toc-card{background:var(--z50097-surface); border:1px solid var(--z50097-border); border-radius:var(--radius-lg,14px); padding:18px; box-shadow:0 10px 26px rgba(15,61,86,.08);} #article-hero .toc-card__title{margin:0 0 12px; font-weight:700; font-size:16px; color:var(--z50097-ink);} #article-hero .toc-card__list{margin:0; padding:0 0 0 0; list-style:none; display:flex; flex-direction:column; gap:10px; counter-reset:step;} #article-hero .toc-card__list li{display:flex; gap:10px; align-items:flex-start; color:var(--z50097-ink); font-size:14.5px; line-height:1.45;} #article-hero .toc-card__dot{width:10px; height:10px; border-radius:50%; margin-top:5px; background:rgba(46,125,50,.14); border:2px solid rgba(46,125,50,.65); flex:0 0 auto;} #article-hero .toc-card__cta-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; align-items:center;} #article-hero .button{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:11px 14px; border-radius:var(--radius-md,10px); text-decoration:none; font-weight:700; font-size:14.5px; border:1px solid transparent; font-family:var(--z50097-font);} #article-hero .button:focus-visible{outline:3px solid rgba(46,125,50,.35); outline-offset:2px;} #article-hero .button--primary{background:var(--z50097-primary); color:var(--z50097-surface); border-color:var(--z50097-primary);} #article-hero .button--primary:hover{filter:brightness(1.03);} #article-hero .button--ghost{background:rgba(255,255,255,.85); color:var(--z50097-ink); border-color:var(--z50097-border);} #article-hero .button--ghost:hover{background:var(--z50097-surface);} #article-hero .hero-illustration{min-height:260px; border-radius:var(--radius-lg,14px); border:1px solid var(--z50097-border); background:linear-gradient(180deg, rgba(15,61,86,.04), rgba(15,61,86,.00)); padding:16px; position:relative; overflow:hidden;} #article-hero .hero-illustration::before{content:""; position:absolute; inset:-80px -120px auto auto; width:280px; height:280px; border-radius:50%; background:rgba(15,61,86,.08); transform:rotate(10deg);} #article-hero .hero-illustration__chip{position:relative; display:inline-flex; padding:10px 12px; border-radius:999px; border:1px solid var(--z50097-border); background:rgba(255,255,255,.78); color:var(--z50097-ink); font-size:14px; font-weight:700; margin:10px 0 0;} #article-hero .hero-illustration__chip--accent{border-color:rgba(46,125,50,.38); background:rgba(46,125,50,.10); color:var(--z50097-accent);} #article-hero .hero-illustration__chip:nth-child(1){margin-top:6px;} #article-hero .article-hero__kicker-badge, #article-hero .button--ghost{transition:background .15s ease, border-color .15s ease, filter .15s ease;} #article-hero ::selection{background:rgba(46,125,50,.22);} #article-hero .article-hero__title, #article-hero .article-hero__subtitle{word-break:normal;} @media (max-width: 900px){ #article-hero .article-hero__toc{grid-template-columns:1fr;} #article-hero .meta-item{min-width:140px;} } @media (prefers-reduced-motion: reduce){ #article-hero *{scroll-behavior:auto; transition:none !important;} } /* z50097:article-content */ /* z50097:article-content */ #article-content.article-content{--local-radius:14px; background:var(--z50097-bg); color:var(--z50097-ink); padding:36px 0 44px;} #article-content .article{max-width:1020px; margin:0 auto; padding:0 18px;} #article-content .article-header{margin-bottom:26px;} #article-content .article-kicker{font-family:var(--z50097-font); color:var(--z50097-secondary); font-size:14px; margin:0 0 10px; letter-spacing:0.01em;} #article-content .article-title{font-family:var(--z50097-font-display); font-size:40px; line-height:1.08; margin:0; letter-spacing:-0.02em; text-wrap:balance;} #article-content .article-lead{margin:14px 0 0; font-size:18px; line-height:1.65; color:var(--z50097-text); max-width:72ch;} #article-content .article-layout{display:grid; grid-template-columns:260px 1fr; gap:28px; align-items:start;} #article-content .article-toc{position:sticky; top:18px; background:rgba(255,255,255,0.7); border:1px solid var(--z50097-border); border-radius:var(--local-radius); padding:16px 14px; box-shadow:0 10px 26px rgba(15,61,86,0.08);} #article-content .toc-title{font-size:15px; margin:0 0 10px; color:var(--z50097-secondary); font-weight:700;} #article-content .toc-list{margin:0; padding-left:18px;} #article-content .toc-link{display:block; color:var(--z50097-text); text-decoration:none; font-size:14px; line-height:1.5; padding:7px 6px; border-radius:8px; outline:none;} #article-content .toc-link:hover{background:rgba(230,232,235,0.8);} #article-content .toc-link:focus-visible{background:rgba(230,232,235,0.95); box-shadow:0 0 0 3px rgba(46,125,50,0.25);} #article-content .toc-callout{margin-top:14px; border-top:1px solid var(--z50097-border); padding-top:12px;} #article-content .toc-callout-text{margin:0; font-size:14px; line-height:1.55; color:var(--z50097-secondary);} #article-content .article-body{background:transparent;} #article-content .article-body h3{font-family:var(--z50097-font-display); font-size:24px; margin:26px 0 10px; letter-spacing:-0.01em; text-wrap:balance;} #article-content .article-body p{margin:12px 0; font-size:16px; line-height:1.8; color:var(--z50097-text); max-width:78ch;} #article-content .check-list{margin:10px 0 6px; padding-left:18px;} #article-content .check-list li{margin:10px 0; font-size:16px; line-height:1.7; color:var(--z50097-text);} #article-content .check-list strong{color:var(--z50097-primary); font-weight:800;} #article-content .steps{margin:10px 0 0; padding-left:18px; counter-reset:step;} #article-content .steps>li{margin:14px 0; padding:14px 14px; border:1px solid var(--z50097-border); border-radius:var(--z50097-radius-md,10px); background:var(--z50097-surface); box-shadow:0 10px 24px rgba(15,61,86,0.06);} #article-content .steps>li h4{margin:0 0 6px; font-size:16px; color:var(--z50097-primary); letter-spacing:0.005em;} #article-content .steps>li p{margin:0; font-size:15px; line-height:1.7; color:var(--z50097-text);} #article-content .callout{margin:18px 0 8px; padding:18px 18px; border-radius:var(--local-radius); border:1px solid var(--z50097-border); background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(230,232,235,0.55)); box-shadow:0 12px 30px rgba(46,125,50,0.10);} #article-content .callout-title{margin:0; font-family:var(--z50097-font-display); font-size:22px; color:var(--z50097-primary); letter-spacing:-0.01em; text-wrap:balance;} #article-content .callout-text{margin:10px 0 0; color:var(--z50097-secondary); font-size:15.5px; line-height:1.75;} #article-content .topic-list{margin:10px 0 0; padding-left:18px;} #article-content .topic-list li{margin:10px 0; font-size:16px; line-height:1.7; color:var(--z50097-text);} #article-content .topic-list strong{color:var(--z50097-primary);} #article-content .audit-list{margin:10px 0 0; padding-left:18px;} #article-content .audit-list li{margin:10px 0; font-size:16px; line-height:1.7; color:var(--z50097-text);} #article-content .closing{margin-top:14px; padding-top:10px; border-top:1px solid var(--z50097-border);} #article-content .article-body .closing{font-weight:700; color:var(--z50097-secondary);} #article-content ::selection{background:rgba(46,125,50,0.25);} #article-content a{color:var(--z50097-primary);} #article-content .article-body a:focus-visible{outline:0; box-shadow:0 0 0 3px rgba(46,125,50,0.25); border-radius:10px;} @media (max-width: 900px){ #article-content .article-layout{grid-template-columns:1fr;} #article-content .article-toc{position:relative; top:auto;} #article-content .article-title{font-size:34px;} } @media (prefers-reduced-motion: reduce){ #article-content .toc-link:hover{background:transparent;} } /* z50097:related-articles */ /* z50097:related-articles */ #related-articles.related-articles-section{background:var(--z50097-bg);color:var(--z50097-text);padding:48px 0;} #related-articles .ra-container{width:min(1120px,calc(100% - 40px));margin:0 auto;} #related-articles .ra-header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:18px;} #related-articles .ra-title{font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;margin:0;font-size:clamp(22px,2.3vw,30px);text-wrap:balance;} #related-articles .ra-subtitle{margin:0;max-width:62ch;color:var(--z50097-secondary);font-size:15px;line-height:1.6;} #related-articles .ra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} #related-articles .ra-card{position:relative;display:block;border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:var(--z50097-radius-lg);padding:16px 16px 18px;text-decoration:none;min-height:118px;} #related-articles .ra-card:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-primary) 55%, white 45%);outline-offset:2px;} #related-articles .ra-card:hover{border-color:color-mix(in srgb, var(--z50097-primary) 35%, var(--z50097-border) 65%);} #related-articles .ra-card-meta{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:color-mix(in srgb, var(--z50097-secondary) 80%, var(--z50097-primary) 20%);margin-bottom:8px;} #related-articles .ra-card-title{font-family:var(--z50097-font);font-size:16px;line-height:1.35;font-weight:650;color:var(--z50097-ink);padding-right:28px;} #related-articles .ra-card-arrow{position:absolute;right:14px;bottom:12px;width:26px;height:26px;border-radius:999px;background:color-mix(in srgb, var(--z50097-primary) 10%, white 90%);border:1px solid color-mix(in srgb, var(--z50097-primary) 25%, var(--z50097-border) 75%);display:flex;align-items:center;justify-content:center;color:var(--z50097-primary);font-size:16px;} #related-articles .ra-footer{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--z50097-secondary);} #related-articles .ra-link{color:var(--z50097-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #related-articles .ra-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-primary) 55%, white 45%);outline-offset:2px;border-radius:6px;} #related-articles .ra-sep{opacity:1;} #related-articles ::selection{background:color-mix(in srgb, var(--z50097-primary) 22%, white 78%);color:var(--z50097-ink);} @media (max-width:860px){#related-articles .ra-header{flex-direction:column;align-items:flex-start;gap:10px;}#related-articles .ra-grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#related-articles .ra-card{transition:none;}} /* z50097:article-hero */ /* z50097:article-hero */ #article-hero{--hero-max:1100px;position:relative;background:var(--z50097-bg);border-bottom:1px solid var(--z50097-border);padding:48px 0 34px;} #article-hero .article-hero__inner{max-width:var(--hero-max);margin:0 auto;padding:0 20px;} #article-hero .article-hero__meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__kicker{font-family:var(--z50097-font);color:var(--z50097-secondary);font-size:14px;letter-spacing:.02em;} #article-hero .article-hero__meta-row{display:flex;align-items:center;gap:10px;color:var(--z50097-secondary);font-size:14px;} #article-hero .article-hero__meta-item{white-space:nowrap;} #article-hero .article-hero__meta-value{color:var(--z50097-ink);font-weight:700;} #article-hero .article-hero__meta-sep{color:var(--z50097-border);} #article-hero .article-hero__title{margin:0;font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.08;font-size:44px;text-wrap:balance;color:var(--z50097-ink);} #article-hero .article-hero__lead{margin:14px 0 22px;max-width:78ch;font-size:18px;line-height:1.6;color:var(--z50097-secondary);} #article-hero .article-hero__details{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start;} #article-hero .article-hero__bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;} #article-hero .article-hero__bullet{display:flex;gap:10px;align-items:flex-start;padding:12px 12px;background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);} #article-hero .article-hero__bullet-mark{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--z50097-accent) 14%, var(--z50097-surface));color:var(--z50097-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:800;line-height:1;} #article-hero .article-hero__cta-row{display:flex;flex-direction:column;gap:12px;} #article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:var(--z50097-radius-md,10px);padding:12px 14px;border:1px solid transparent;min-width:220px;} #article-hero .article-hero__btn--primary{background:var(--z50097-primary);color:var(--z50097-surface);border-color:color-mix(in srgb,var(--z50097-primary) 70%, var(--z50097-border));} #article-hero .article-hero__btn--ghost{background:var(--z50097-surface);color:var(--z50097-ink);border-color:var(--z50097-border);} #article-hero .article-hero__btn:hover{filter:brightness(1.02)} #article-hero .article-hero__btn:active{transform:translateY(1px)} #article-hero .article-hero__btn:disabled{opacity:.6;cursor:not-allowed} #article-hero .article-hero__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--z50097-accent) 45%, transparent);outline-offset:2px} #article-hero .article-hero__card{margin-top:22px;background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:18px 18px 16px;} #article-hero .article-hero__card-title{font-weight:800;color:var(--z50097-secondary);font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;} #article-hero .article-hero__card-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px;} #article-hero .article-hero__stat{padding:12px;border-radius:10px;border:1px solid var(--z50097-border);background:color-mix(in srgb,var(--z50097-bg) 55%, var(--z50097-surface));} #article-hero .article-hero__stat-number{font-variant-numeric:tabular-nums;font-weight:900;color:var(--z50097-ink);font-size:18px;letter-spacing:-0.01em;} #article-hero .article-hero__stat-label{margin-top:4px;color:var(--z50097-secondary);font-size:14px;line-height:1.35;} #article-hero .article-hero__card-foot{margin-top:12px;color:var(--z50097-secondary);font-size:14px;line-height:1.5;} ::selection{background:color-mix(in srgb,var(--z50097-accent) 30%, transparent);color:var(--z50097-ink)} @media (max-width: 900px){ #article-hero{padding:38px 0 26px;} #article-hero .article-hero__title{font-size:36px;} #article-hero .article-hero__details{grid-template-columns:1fr;} #article-hero .article-hero__cta-row{flex-direction:row;flex-wrap:wrap} #article-hero .article-hero__btn{min-width:0;flex:1 1 220px} #article-hero .article-hero__card-grid{grid-template-columns:1fr;} } @media (max-width: 520px){ #article-hero .article-hero__inner{padding:0 14px;} #article-hero .article-hero__title{font-size:30px;} #article-hero .article-hero__lead{font-size:16px;} #article-hero .article-hero__bullet{padding:11px 10px;} } @media (prefers-reduced-motion: reduce){ #article-hero *{scroll-behavior:auto} #article-hero .article-hero__btn:active{transform:none} } /* z50097:article-content */ /* z50097:article-content */ #article-content{padding:28px 18px 10px;background:var(--z50097-bg);color:var(--z50097-text)} #article-content .article-content-inner{max-width:920px;margin:0 auto} #article-content .article-title{font-family:var(--z50097-font-display);font-size:34px;line-height:1.15;letter-spacing:-0.02em;margin:6px 0 14px;color:var(--z50097-ink);text-wrap:balance} #article-content .article-meta{margin:0 0 18px} #article-content .article-lede{font-size:16px;line-height:1.7;margin:0;color:var(--z50097-secondary)} #article-content .article-body{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-md);padding:22px 20px;box-shadow:0 10px 28px rgba(15,61,86,.06)} #article-content h3{font-family:var(--z50097-font-display);font-size:18px;letter-spacing:-0.01em;margin:18px 0 10px;color:var(--z50097-primary)} #article-content p{margin:10px 0;font-size:16px;line-height:1.75;color:var(--z50097-text)} #article-content strong{color:var(--z50097-ink)} #article-content em{color:var(--z50097-secondary)} #article-content .article-list{margin:8px 0 10px 18px;padding:0} #article-content .article-list li{margin:8px 0;line-height:1.65;color:var(--z50097-text);font-size:16px} #article-content .article-steps{margin:10px 0 8px 20px;padding:0;counter-reset:steps} #article-content .article-steps li{margin:10px 0;line-height:1.65;font-size:16px} #article-content .callout{margin:16px 0 8px;padding:14px 14px;border-radius:var(--radius-md);border:1px solid rgba(46,125,50,.25);background:rgba(46,125,50,.06)} #article-content .callout-title{margin:0 0 6px;font-family:var(--z50097-font-display);font-size:16px;color:var(--z50097-accent)} #article-content .callout-text{margin:0;color:var(--z50097-ink);font-size:15.5px;line-height:1.65} #article-content .article-links{margin-top:12px;font-size:16px} #article-content .inline-link{color:var(--z50097-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} #article-content .inline-link:visited{color:var(--z50097-primary)} #article-content .inline-link:focus-visible{outline:3px solid rgba(15,61,86,.35);outline-offset:3px;border-radius:6px} #article-content .link-sep{margin:0 8px;color:var(--z50097-secondary)} #article-content ::selection{background:rgba(15,61,86,.18)} @media (max-width:720px){#article-content{padding:20px 14px 8px}#article-content .article-title{font-size:28px}#article-content .article-body{padding:18px 14px}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto}} /* z50097:related-articles */ /* z50097:related-articles */ #related-articles.related-articles{background:var(--z50097-bg);color:var(--z50097-text);padding:48px 0;} #related-articles .related-articles__inner{max-width:980px;margin:0 auto;padding:0 20px;} #related-articles .related-articles__header{margin-bottom:18px;} #related-articles .related-articles__title{font-family:var(--z50097-font-display);font-size:30px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px;font-weight:700;text-wrap:balance;} #related-articles .related-articles__subtitle{margin:0;max-width:72ch;color:var(--z50097-secondary);font-size:16px;line-height:1.6;} #related-articles .related-articles__list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;} #related-articles .related-articles__item{border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:var(--z50097-radius-lg,14px);} #related-articles .related-articles__link{display:block;padding:14px 16px;color:var(--z50097-ink);text-decoration:none;font-weight:650;line-height:1.3;} #related-articles .related-articles__link:focus-visible{outline:3px solid var(--z50097-accent);outline-offset:2px;border-radius:10px;} #related-articles .related-articles__link:hover{background:color-mix(in srgb,var(--z50097-accent) 10%, var(--z50097-surface));} #related-articles .related-articles__more{margin-top:18px;} #related-articles .related-articles__backlink{display:inline-block;border:1px solid var(--z50097-border);background:var(--z50097-surface);color:var(--z50097-ink);padding:10px 14px;border-radius:var(--z50097-radius-md,10px);text-decoration:none;font-weight:650;} #related-articles .related-articles__backlink:focus-visible{outline:3px solid var(--z50097-accent);outline-offset:2px;} #related-articles .related-articles__backlink:hover{background:color-mix(in srgb,var(--z50097-primary) 6%, var(--z50097-surface));} #related-articles ::selection{background:color-mix(in srgb,var(--z50097-accent) 25%, transparent);} @media (max-width:720px){#related-articles{padding:34px 0;}#related-articles .related-articles__title{font-size:26px;}#related-articles .related-articles__subtitle{font-size:15px;}#related-articles .related-articles__inner{padding:0 16px;}} @media (prefers-reduced-motion:reduce){#related-articles *{transition:none !important;scroll-behavior:auto !important;}} /* z50097:article-hero */ /* z50097:article-hero */ #article-hero.article-hero{--hero-pad:clamp(18px,3.2vw,36px);--container:clamp(320px,78ch,1100px);background:var(--z50097-bg);border-bottom:1px solid var(--z50097-border);padding:var(--hero-pad) 0;} #article-hero .article-hero__header{width:min(var(--container),calc(100% - 2*var(--hero-pad)));margin:0 auto;} #article-hero .article-hero__kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__kicker-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--z50097-border);border-radius:var(--radius-sm,6px);background:var(--z50097-surface);color:var(--z50097-primary);font-weight:700;font-size:12.5px;letter-spacing:.2px;} #article-hero .article-hero__kicker-sep{color:var(--z50097-secondary);font-size:12px;} #article-hero .article-hero__kicker-locale{color:var(--z50097-secondary);font-size:13px;} #article-hero .article-hero__title{margin:0 0 16px 0;font-family:var(--z50097-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.12;font-size:clamp(26px,3.2vw,46px);text-wrap:balance;color:var(--z50097-ink);} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:14px 22px;margin-bottom:18px;} #article-hero .article-hero__meta-item{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-md,10px);padding:12px 14px;min-width:220px;} #article-hero .article-hero__meta-label{display:block;color:var(--z50097-secondary);font-weight:700;font-size:12px;margin-bottom:4px;} #article-hero .article-hero__meta-value{display:block;color:var(--z50097-ink);font-weight:650;font-size:14px;line-height:1.3;} #article-hero .article-hero__lead{margin:0;max-width:78ch;color:var(--z50097-text);font-size:16.5px;line-height:1.7;} #article-hero .article-hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md,10px);padding:12px 14px;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.1px;outline:2px solid transparent;outline-offset:2px;} #article-hero .article-hero__btn--primary{background:var(--z50097-primary);color:var(--z50097-surface);border:1px solid var(--z50097-primary);} #article-hero .article-hero__btn--secondary{background:var(--z50097-surface);color:var(--z50097-primary);border:1px solid var(--z50097-border);} #article-hero .article-hero__btn:focus-visible{outline-color:var(--z50097-accent);} #article-hero .article-hero__btn--secondary:focus-visible{border-color:var(--z50097-accent);} #article-hero .article-hero__disclaimer{margin-top:18px;padding:12px 14px;border:1px dashed var(--z50097-border);border-radius:var(--radius-md,10px);background:rgba(255,255,255,.7);color:var(--z50097-secondary);font-size:13.5px;line-height:1.55;} #article-hero ::selection{background:rgba(46,125,50,.22);color:var(--z50097-ink);} @media (max-width:720px){#article-hero .article-hero__meta-item{min-width:0;flex:1 1 100%;}} @media (prefers-reduced-motion:reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:article-content */ /* z50097:article-content */ #article-content.article-content{--radius-sm:var(--z50097-radius-sm,6px);--radius-md:var(--z50097-radius-md,10px);--radius-lg:var(--z50097-radius-lg,14px);background:var(--z50097-bg);color:var(--z50097-text);font-family:var(--z50097-font);padding:24px 16px} #article-content .article-shell{max-width:980px;margin:0 auto} #article-content .article-body{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);padding:22px 18px;box-shadow:0 10px 30px rgba(15,61,86,.08)} #article-content .article-heading{padding:6px 0 14px} #article-content .article-kicker{margin:0 0 10px;color:var(--z50097-secondary);font-family:var(--z50097-font-display, 'Hoefler Text');letter-spacing:.02em;font-weight:700;text-transform:uppercase;font-size:12px} #article-content .article-title{margin:0;color:var(--z50097-ink);font-family:var(--z50097-font-display, 'Hoefler Text');font-weight:800;font-size:30px;line-height:1.12;letter-spacing:-.02em;text-wrap:balance} #article-content .article-meta{margin-top:12px;display:flex;gap:10px;align-items:center;color:var(--z50097-secondary);font-size:14px} #article-content .article-meta .meta-sep{color:var(--z50097-border)} #article-content .article-rhythm p{margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--z50097-text)} #article-content .checklist{margin-top:18px;padding-top:8px;border-top:1px solid rgba(210,215,222,.8)} #article-content .section-title{margin:0 0 12px;font-size:20px;line-height:1.3;color:var(--z50097-ink);font-weight:800;letter-spacing:-.01em} #article-content .section-lead{margin:0 0 14px;color:var(--z50097-secondary);font-size:15px;line-height:1.65;max-width:68ch} #article-content .checklist-grid{display:grid;grid-template-columns:1fr;gap:12px} #article-content .check-item{background:var(--z50097-bg);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-sm,6px);padding:14px 14px} #article-content .check-title{margin:0 0 6px;color:var(--z50097-ink);font-size:16px;font-weight:800;letter-spacing:-.01em} #article-content .check-text{margin:0;color:var(--z50097-secondary);font-size:14.5px;line-height:1.65} #article-content .numbered-list{margin:8px 0 14px 18px;padding:0;color:var(--z50097-secondary);line-height:1.75;font-size:15px} #article-content .numbered-list li{margin:8px 0} #article-content .numbered-list strong{color:var(--z50097-ink);font-weight:800} #article-content .callout{border-left:3px solid var(--z50097-accent);background:rgba(46,125,50,.06);border-top:1px solid rgba(46,125,50,.18);border-bottom:1px solid rgba(46,125,50,.18);padding:12px 14px;border-radius:var(--z50097-radius-sm,6px);margin-top:10px} #article-content .callout p{margin:0;color:var(--z50097-text);font-size:14.5px;line-height:1.65} #article-content .closing{margin-top:18px;padding-top:8px;border-top:1px solid rgba(210,215,222,.8)} #article-content .closing p{margin:0 0 14px;color:var(--z50097-secondary);font-size:16px;line-height:1.7} #article-content .closing-cta{font-weight:600;color:var(--z50097-text)} #article-content .article-refs{margin-top:18px;padding-top:6px;border-top:1px solid rgba(210,215,222,.8)} #article-content .ref-list{margin:0;padding:0;list-style:none;display:grid;gap:10px} #article-content .ref-link{display:inline-block;color:var(--z50097-primary);text-decoration:none;font-weight:700;line-height:1.4} #article-content .ref-link:focus-visible{outline:3px solid rgba(15,61,86,.35);outline-offset:3px;border-radius:6px} #article-content .ref-link:hover{text-decoration:underline} #article-content ::selection{background:rgba(15,61,86,.18)} @media (min-width:780px){ #article-content{padding:34px 18px} #article-content .article-body{padding:26px 26px} #article-content .article-title{font-size:36px} #article-content .checklist-grid{grid-template-columns:1fr 1fr} #article-content .ref-list{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto} } /* z50097:related-articles */ /* z50097:related-articles */ #related-articles{--ra-gap:16px;--ra-border:var(--z50097-border);--ra-bg:var(--z50097-bg);--ra-surface:var(--z50097-surface);--ra-ink:var(--z50097-ink);--ra-secondary:var(--z50097-secondary);background:var(--ra-bg);padding:44px 18px;} #related-articles .related-articles__wrap{max-width:1100px;margin:0 auto;} #related-articles .related-articles__header{margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--z50097-font-display);font-size:28px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px 0;color:var(--z50097-ink);text-wrap:balance;} #related-articles .related-articles__subtitle{margin:0;max-width:72ch;color:var(--z50097-secondary);font-size:15px;line-height:1.6;} #related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ra-gap);} #related-articles .related-article-card{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--z50097-radius-lg,14px);padding:18px 18px 16px 18px;box-shadow:0 1px 0 rgba(15,61,86,0.06);position:relative;overflow:hidden;} #related-articles .related-article-card::after{content:"";position:absolute;inset:auto -40px -60px auto;width:160px;height:160px;background:radial-gradient(circle at 30% 30%, rgba(46,125,50,0.18), rgba(46,125,50,0) 60%);pointer-events:none;} #related-articles .related-article-card__title{margin:0 0 8px 0;font-size:16px;line-height:1.35;letter-spacing:-0.01em;color:var(--z50097-ink);font-weight:700;} #related-articles .related-article-card__link{color:var(--z50097-ink);text-decoration:none;display:inline-block;} #related-articles .related-article-card__link:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;border-radius:8px;} #related-articles .related-article-card__meta{margin:0;color:var(--z50097-secondary);font-size:13px;line-height:1.5;} #related-articles .related-articles__more{margin-top:22px;display:flex;justify-content:flex-start;} #related-articles .related-articles__all-link{color:var(--z50097-ink);text-decoration:none;border:1px solid var(--ra-border);background:var(--ra-surface);padding:10px 14px;border-radius:var(--z50097-radius-md,10px);font-weight:700;letter-spacing:0.01em;display:inline-flex;align-items:center;} #related-articles .related-articles__all-link:focus-visible{outline:3px solid rgba(15,61,86,0.25);outline-offset:3px;} #related-articles .related-articles__all-link:hover{border-color:rgba(15,61,86,0.35);} @media (max-width:820px){#related-articles{padding:38px 14px;}#related-articles .related-articles__grid{grid-template-columns:1fr;gap:14px;}#related-articles .related-articles__title{font-size:26px;}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:article-hero */ /* z50097:article-hero */ #article-hero{--radius-sm:var(--z50097-radius-sm,6px);--radius-md:var(--z50097-radius-md,10px);--radius-lg:var(--z50097-radius-lg,14px);background:var(--z50097-bg);color:var(--z50097-text);padding:32px 0 10px;} #article-hero .container{max-width:1120px;margin:0 auto;padding:0 18px;display:grid;grid-template-columns:1.35fr .85fr;gap:22px;align-items:start;} #article-hero .kicker{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px;} #article-hero .kicker-pill{background:var(--z50097-surface);border:1px solid var(--z50097-border);color:var(--z50097-primary);padding:7px 10px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.2px;} #article-hero .kicker-meta{color:var(--z50097-secondary);font-size:13px;font-weight:600;} #article-hero .hero-title{margin:0 0 12px;font-family:var(--z50097-font-display, var(--z50097-font));font-size:44px;line-height:1.06;letter-spacing:-.4px;text-wrap:balance;} #article-hero .hero-subtitle{margin:0 0 18px;max-width:62ch;color:var(--z50097-secondary);font-size:16.5px;line-height:1.55;} #article-hero .hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:12px;border-radius:var(--z50097-radius-md,10px);background:rgba(255,255,255,.7);border:1px solid rgba(210,215,222,.85);} #article-hero .meta-item{min-width:170px;} #article-hero .meta-label{display:block;color:var(--z50097-secondary);font-size:12.5px;font-weight:700;letter-spacing:.2px;} #article-hero .meta-value{display:block;color:var(--z50097-ink);font-weight:700;margin-top:3px;} #article-hero .hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;} #article-hero a{color:inherit;} #article-hero .primary-link{display:inline-flex;align-items:center;gap:10px;background:var(--z50097-primary);color:var(--z50097-surface);text-decoration:none;padding:12px 14px;border-radius:var(--z50097-radius-md,10px);font-weight:800;border:1px solid var(--z50097-primary);} #article-hero .primary-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #article-hero .primary-link:hover{background:#0c354c;} #article-hero .secondary-link{display:inline-flex;align-items:center;gap:10px;background:var(--z50097-surface);color:var(--z50097-primary);text-decoration:none;padding:12px 14px;border-radius:var(--z50097-radius-md,10px);font-weight:800;border:1px solid var(--z50097-border);} #article-hero .secondary-link:focus-visible{outline:3px solid rgba(15,61,86,.25);outline-offset:2px;} #article-hero .secondary-link:hover{border-color:#c5ccd6;} #article-hero .hero-right{display:flex;flex-direction:column;gap:14px;} #article-hero .checklist-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:16px 16px 14px;box-shadow:0 10px 22px rgba(11,18,32,.05);} #article-hero .checklist-title{margin:0 0 10px;font-size:16px;font-weight:900;letter-spacing:-.1px;} #article-hero .checklist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-hero .checklist li{display:flex;gap:10px;align-items:flex-start;} #article-hero .check-num{flex:0 0 26px;width:26px;height:26px;border-radius:10px;background:rgba(46,125,50,.12);border:1px solid rgba(46,125,50,.35);color:var(--z50097-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;} #article-hero .check-text{color:var(--z50097-ink);font-weight:700;line-height:1.35;font-size:14.5px;} #article-hero .checklist-foot{margin:12px 0 0;color:var(--z50097-secondary);font-size:13.5px;font-weight:650;line-height:1.45;} #article-hero .signal-card{background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.65));border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:14px 14px 16px;} #article-hero .signal-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;} #article-hero .signal-dot{width:10px;height:10px;border-radius:50%;background:var(--z50097-accent);margin-top:6px;box-shadow:0 0 0 6px rgba(46,125,50,.12);} #article-hero .signal-text{margin:0;color:var(--z50097-secondary);font-weight:700;line-height:1.45;font-size:13.5px;} #article-hero .ghost-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 14px;border-radius:var(--z50097-radius-md,10px);border:1px solid var(--z50097-primary);color:var(--z50097-primary);font-weight:900;background:var(--z50097-surface);} #article-hero .ghost-button:focus-visible{outline:3px solid rgba(46,125,50,.25);outline-offset:2px;} #article-hero .ghost-button:hover{background:rgba(15,61,86,.06);} #article-hero ::selection{background:rgba(46,125,50,.22);} @media (max-width: 940px){#article-hero .container{grid-template-columns:1fr;gap:16px;}#article-hero .hero-title{font-size:36px;}#article-hero .meta-item{min-width:150px;}} @media (max-width: 520px){#article-hero{padding:26px 0 8px;}#article-hero .hero-title{font-size:30px;letter-spacing:-.3px;}#article-hero .hero-subtitle{font-size:15.5px;}#article-hero .hero-meta{padding:10px;gap:10px;}#article-hero .meta-item{min-width:140px;}} @media (prefers-reduced-motion: reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:article-content */ /* z50097:article-content */ #article-content{--radius-sm:var(--z50097-radius-sm,6px);--radius-md:var(--z50097-radius-md,10px);--radius-lg:var(--z50097-radius-lg,14px);color:var(--z50097-text);background:var(--z50097-bg);} #article-content .article-shell{max-width:980px;margin:0 auto;padding:34px 18px 46px;} #article-content .article-header{margin:0 0 22px;} #article-content .article-kicker{font-family:var(--z50097-font);font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--z50097-secondary);margin:0 0 10px;} #article-content .article-title{font-family:var(--z50097-font-display, var(--z50097-font));font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0 0 10px;font-size:34px;text-wrap:balance;} #article-content .article-subtitle{margin:0;color:var(--z50097-secondary);font-size:16px;line-height:1.65;max-width:62ch;} #article-content .article-body{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);box-shadow:0 10px 28px rgba(15,61,86,.06);padding:26px 22px;} #article-content .prose{margin:0 0 20px;} #article-content .prose:last-child{margin-bottom:0;} #article-content .prose p{margin:0 0 14px;line-height:1.8;font-size:16px;color:var(--z50097-text);} #article-content .prose h3{margin:20px 0 10px;font-size:20px;letter-spacing:-.01em;font-family:var(--z50097-font);} #article-content .prose h4{margin:14px 0 10px;font-size:16px;letter-spacing:-.01em;font-family:var(--z50097-font);} #article-content .checklist{margin:12px 0 0;padding:0 0 0 18px;} #article-content .checklist li{margin:10px 0;line-height:1.7;color:var(--z50097-text);} #article-content .checklist strong{color:var(--z50097-ink);} #article-content .callout{margin:14px 0 6px;padding:14px 14px;border-radius:var(--z50097-radius-md,10px);background:rgba(46,125,50,.08);border:1px solid rgba(46,125,50,.22);} #article-content .callout-title{margin:0 0 6px;font-weight:700;color:var(--z50097-accent);letter-spacing:.01em;font-family:var(--z50097-font);} #article-content .callout-text{margin:0;color:var(--z50097-text);line-height:1.7;} #article-content .steps{margin:10px 0 0;padding:0;list-style:none;counter-reset:step;} #article-content .steps li{display:flex;gap:12px;align-items:flex-start;margin:10px 0;padding:12px 12px;border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-sm,6px);background:rgba(255,255,255,.75);} #article-content .step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(15,61,86,.10);color:var(--z50097-primary);font-weight:700;flex:0 0 auto;} #article-content .two-col{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px;} #article-content .bullet-block{padding:14px 14px;border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);background:#fff;} #article-content .mini-list{margin:10px 0 0;padding:0 0 0 18px;} #article-content .mini-list li{margin:8px 0;line-height:1.7;color:var(--z50097-text);} #article-content .article-footer{margin-top:20px;} #article-content .related-title{font-size:16px;margin:0 0 10px;color:var(--z50097-secondary);font-family:var(--z50097-font);} #article-content .related-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;} #article-content .related-link{display:inline-flex;align-items:center;gap:10px;color:var(--z50097-primary);text-decoration:none;border:1px solid var(--z50097-border);background:var(--z50097-surface);padding:10px 12px;border-radius:var(--z50097-radius-sm,6px);} #article-content .related-link:hover{background:rgba(15,61,86,.04);} #article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #article-content ::selection{background:rgba(46,125,50,.22);} @media (min-width:860px){ #article-content .article-shell{padding:46px 18px 60px;} #article-content .article-title{font-size:40px;} #article-content .article-body{padding:28px 28px;} #article-content .two-col{grid-template-columns:1.2fr .8fr;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;transition:none !important;} } /* z50097:related-articles */ #related-articles{--ra-bg:var(--z50097-bg);--ra-surface:var(--z50097-surface);--ra-ink:var(--z50097-ink);--ra-muted:var(--z50097-secondary);--ra-border:var(--z50097-border);padding:48px 18px 56px;background:var(--ra-bg);color:var(--ra-ink)} #related-articles .related-articles__inner{max-width:1040px;margin:0 auto} #related-articles .related-articles__header{margin-bottom:22px} #related-articles .related-articles__eyebrow{margin:0 0 10px;font-family:var(--z50097-font-display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--z50097-secondary)} #related-articles .related-articles__title{margin:0 0 10px;font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.12;font-size:34px;text-wrap:balance} #related-articles .related-articles__subtitle{margin:0;max-width:68ch;color:var(--z50097-secondary);font-size:16px;line-height:1.6} #related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:26px} #related-articles .related-article{grid-column:span 6;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--z50097-radius,10px);padding:18px 18px 16px;box-shadow:0 1px 0 rgba(15,61,86,.06)} #related-articles .related-article--wide{grid-column:span 12;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px} #related-articles .related-article__title{margin:0 0 6px;font-family:var(--z50097-font);font-size:18px;line-height:1.3;letter-spacing:-0.01em} #related-articles .related-article__meta{margin:0 0 12px;color:var(--z50097-secondary);font-size:14px;line-height:1.55;max-width:70ch} #related-articles .related-article__link{display:inline-flex;align-items:center;gap:8px;color:var(--z50097-primary);font-weight:700;text-decoration:none;border:1px solid rgba(15,61,86,.25);background:transparent;border-radius:var(--z50097-radius,10px);padding:10px 12px;outline:none} #related-articles .related-article__link::after{content:"→";font-weight:800} #related-articles .related-article__link:hover{background:rgba(15,61,86,.06)} #related-articles .related-article__link:focus-visible{box-shadow:0 0 0 3px rgba(46,125,50,.25);border-color:rgba(46,125,50,.65)} #related-articles .related-article__link--primary{background:var(--z50097-accent);border-color:var(--z50097-accent);color:var(--z50097-surface)} #related-articles .related-article__link--primary::after{content:"→"} #related-articles .related-article__link--primary:hover{filter:saturate(1.02) brightness(.98)} #related-articles .related-articles__bottom{margin-top:20px;padding:16px 16px 0} #related-articles .related-articles__note{margin:0;color:var(--z50097-secondary);font-size:14px;line-height:1.6} #related-articles .related-articles__cta{display:inline-flex;margin-top:12px;align-items:center;justify-content:center;min-width:200px;color:var(--z50097-surface);background:var(--z50097-primary);border:1px solid var(--z50097-primary);border-radius:var(--z50097-radius,10px);text-decoration:none;padding:11px 14px;font-weight:800;outline:none} #related-articles .related-articles__cta:hover{filter:brightness(.98)} #related-articles .related-articles__cta:focus-visible{box-shadow:0 0 0 3px rgba(46,125,50,.25)} #related-articles *::selection{background:rgba(46,125,50,.18);color:var(--z50097-ink)} @media (max-width:900px){#related-articles .related-article{grid-column:span 12}#related-articles .related-articles__title{font-size:28px}#related-articles .related-articles__subtitle{font-size:15px}} @media (prefers-reduced-motion:reduce){#related-articles .related-article__link,#related-articles .related-articles__cta{transition:none}} /* z50097:article-hero */ /* z50097:article-hero */ #article-hero{--section-pad:clamp(18px,3.4vw,44px);padding:var(--section-pad) 0;background:var(--z50097-bg);color:var(--z50097-text);} #article-hero .article-hero__wrap{max-width:980px;margin:0 auto;padding:0 18px;} #article-hero .article-hero__kicker{font-family:var(--z50097-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--z50097-secondary);margin-bottom:14px;} #article-hero .article-hero__title{font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:clamp(30px,4vw,54px);margin:0 0 14px;text-wrap:balance;} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;} #article-hero .meta-chip{border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:999px;padding:8px 12px;font-size:14px;color:var(--z50097-ink);} #article-hero .meta-sep{color:var(--z50097-secondary);font-size:16px;line-height:1;} #article-hero .article-hero__lead{font-size:18px;line-height:1.6;color:var(--z50097-secondary);margin:0 0 22px;max-width:72ch;} #article-hero .article-hero__cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 18px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-md,10px);padding:12px 16px;text-decoration:none;font-weight:700;letter-spacing:.01em;font-size:15px;min-height:44px;} #article-hero .btn--primary{background:var(--z50097-primary);color:var(--z50097-surface);border:1px solid var(--z50097-primary);} #article-hero .btn--ghost{background:var(--z50097-surface);color:var(--z50097-primary);border:1px solid var(--z50097-border);} #article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-accent) 40%, white);outline-offset:2px;} #article-hero .btn--primary:hover{filter:brightness(1.03);} #article-hero .btn--ghost:hover{border-color:color-mix(in srgb, var(--z50097-primary) 35%, var(--z50097-border));} #article-hero .article-hero__hint{display:flex;gap:10px;align-items:flex-start;border-left:4px solid var(--z50097-accent);padding:14px 16px;background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg,14px);} #article-hero .article-hero__hint-label{font-weight:800;color:var(--z50097-primary);font-size:13px;text-transform:uppercase;letter-spacing:.06em;} #article-hero .article-hero__hint-text{color:var(--z50097-secondary);font-size:15px;line-height:1.55;} #article-hero ::selection{background:color-mix(in srgb, var(--z50097-accent) 25%, white);color:var(--z50097-ink);} @media (max-width:680px){#article-hero .article-hero__lead{font-size:16px;}#article-hero .article-hero__hint{padding:12px 14px;}#article-hero .btn{width:100%;}} @media (prefers-reduced-motion: reduce){#article-hero .btn{transition:none;}} /* z50097:article-content */ /* z50097:article-content */ #article-content{--padX:18px;--max:980px;--g:18px; background:var(--z50097-bg); color:var(--z50097-text); padding:32px var(--padX) 44px;} #article-content .article-content__inner{max-width:var(--max); margin:0 auto;} #article-content .article-content__intro{padding:0 0 18px; border-bottom:1px solid var(--z50097-border); margin-bottom:20px;} #article-content .article-content__kicker{font:600 12px/1.3 var(--z50097-font); letter-spacing:.08em; text-transform:uppercase; color:var(--z50097-secondary); margin:0 0 10px;} #article-content .article-content__title{font-family:var(--z50097-font-display); font-weight:700; font-size:34px; line-height:1.12; margin:0 0 12px; letter-spacing:-.02em; text-wrap:balance;} #article-content .article-content__lede{font:400 16px/1.7 var(--z50097-font); color:var(--z50097-ink); margin:0; max-width:72ch;} #article-content .article-content__body{padding-top:6px;} #article-content .article-block{padding:10px 0 18px;} #article-content .article-block__heading{font-family:var(--z50097-font-display); font-weight:700; font-size:22px; line-height:1.25; margin:0 0 10px; letter-spacing:-.01em; text-wrap:balance;} #article-content .article-block p{font:400 16px/1.75 var(--z50097-font); margin:0 0 12px; color:var(--z50097-ink); max-width:76ch;} #article-content .article-list{margin:0 0 0 18px; padding:0;} #article-content .article-list li{font:400 16px/1.75 var(--z50097-font); margin:6px 0; color:var(--z50097-ink);} #article-content .article-list--tight li{margin:4px 0;} #article-content .article-ol{margin:0 0 0 18px; padding:0;} #article-content .article-ol li{font:400 16px/1.75 var(--z50097-font); margin:8px 0; color:var(--z50097-ink);} #article-content strong{font-weight:700;} #article-content .article-block--split{display:grid; grid-template-columns:1.2fr .8fr; gap:22px; align-items:start; padding:12px 0 22px; border-bottom:1px solid var(--z50097-border);} #article-content .article-aside{background:var(--z50097-surface); border:1px solid var(--z50097-border); border-radius:var(--z50097-radius-lg); padding:16px 16px 14px; box-shadow:0 10px 22px rgba(15,61,86,.08);} #article-content .article-aside__heading{margin:0 0 8px; font-family:var(--z50097-font-display); font-weight:700; font-size:16px; letter-spacing:-.01em;} #article-content .article-aside__text{margin:0 0 12px; font:400 15px/1.65 var(--z50097-font); color:var(--z50097-ink);} #article-content .article-aside__note{border-left:4px solid var(--z50097-accent); background:color-mix(in srgb, var(--z50097-accent) 10%, var(--z50097-surface)); padding:10px 12px; border-radius:var(--z50097-radius-sm);} #article-content .article-aside__badge{display:inline-block; padding:2px 8px; border-radius:999px; background:var(--z50097-accent); color:var(--z50097-surface); font:700 12px/1.3 var(--z50097-font); margin-right:10px;} #article-content .article-cta{margin-top:22px; padding:20px 18px; border:1px solid var(--z50097-border); border-radius:var(--z50097-radius-lg); background:var(--z50097-surface);} #article-content .article-cta__heading{font-family:var(--z50097-font-display); font-weight:800; font-size:20px; margin:0 0 8px; letter-spacing:-.01em;} #article-content .article-cta__text{margin:0 0 14px; font:400 16px/1.7 var(--z50097-font); color:var(--z50097-ink);} #article-content .article-cta__actions{display:flex; gap:12px; flex-wrap:wrap;} #article-content .article-button{display:inline-flex; align-items:center; justify-content:center; padding:11px 14px; border-radius:var(--z50097-radius-md); text-decoration:none; font:700 14px/1 var(--z50097-font); border:1px solid transparent; letter-spacing:.01em;} #article-content .article-button--primary{background:var(--z50097-primary); color:var(--z50097-surface); border-color:color-mix(in srgb, var(--z50097-primary) 85%, #000 0%);} #article-content .article-button--outline{background:transparent; color:var(--z50097-primary); border-color:var(--z50097-border);} #article-content .article-button:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-accent) 55%, transparent); outline-offset:2px;} #article-content .article-button:active{transform:translateY(1px);} #article-content .article-content__meta{margin-top:18px; color:var(--z50097-secondary); font:400 13px/1.6 var(--z50097-font);} #article-content ::selection{background:color-mix(in srgb, var(--z50097-primary) 20%, transparent);} @media (max-width:860px){#article-content{padding:26px 14px 36px;}#article-content .article-content__title{font-size:28px;}#article-content .article-block--split{grid-template-columns:1fr; gap:14px;}#article-content .article-cta__actions{flex-direction:column; align-items:flex-start;} #article-content .article-button{width:100%; justify-content:flex-start;}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto; transition:none !important; animation:none !important;}} #article-content{font-family:var(--z50097-font);} #article-content em{font-style:italic;} /* z50097:related-articles */ /* z50097:related-articles */ #related-articles.related-articles{--ra-gap:16px;--ra-radius:var(--z50097-border);background:var(--z50097-bg);color:var(--z50097-text);padding:36px 18px;} #related-articles .ra-wrap{max-width:980px;margin:0 auto;} #related-articles .ra-header{margin-bottom:22px;} #related-articles .ra-title{margin:0 0 8px 0;font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.1;font-size:28px;} #related-articles .ra-subtitle{margin:0;max-width:70ch;color:var(--z50097-secondary);font-size:15.5px;line-height:1.55;} #related-articles .ra-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} #related-articles .ra-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg, var(--z50097-border));padding:16px 16px 14px 16px;box-shadow:0 10px 30px rgba(15,61,86,0.06);} #related-articles .ra-kicker{display:inline-block;font-size:12px;letter-spacing:0.02em;text-transform:uppercase;color:var(--z50097-primary);font-weight:700;margin-bottom:10px;} #related-articles .ra-card-title{margin:0 0 8px 0;font-family:var(--z50097-font-display);font-size:16.5px;line-height:1.25;letter-spacing:-0.01em;} #related-articles .ra-link{color:var(--z50097-primary);text-decoration:none;border-bottom:1px solid rgba(15,61,86,0.25);} #related-articles .ra-link:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;border-bottom-color:rgba(46,125,50,0.6);} #related-articles .ra-link:hover{border-bottom-color:rgba(15,61,86,0.7);} #related-articles .ra-card-text{margin:0;color:var(--z50097-secondary);font-size:14.5px;line-height:1.55;} @media (max-width: 760px){#related-articles{padding:28px 14px;} #related-articles .ra-title{font-size:24px;} #related-articles .ra-list{grid-template-columns:1fr;} #related-articles .ra-card{padding:15px;} } @media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;}} #related-articles ::selection{background:rgba(46,125,50,0.25);} /* z50097:article-hero */ /* z50097:article-hero */ #article-hero{--hero-max:980px; padding:48px 16px; background:var(--z50097-bg); color:var(--z50097-text);} #article-hero::selection{background:rgba(46,125,50,.22);} #article-hero .article-hero__inner{max-width:var(--hero-max); margin:0 auto;} #article-hero .article-hero__eyebrow{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px;} #article-hero .article-hero__badge{display:inline-flex; align-items:center; padding:6px 10px; border:1px solid var(--z50097-border); border-radius:var(--radius-sm,6px); background:var(--z50097-surface);} #article-hero .article-hero__meta{color:var(--z50097-secondary); font-family:var(--z50097-font);} #article-hero .article-hero__title{font-family:var(--z50097-font-display); font-weight:600; letter-spacing:-.02em; line-height:1.08; margin:0 0 18px 0; text-wrap:balance; font-size:clamp(2rem,3.2vw,2.7rem); color:var(--z50097-ink);} #article-hero .article-hero__meta-row{display:flex; gap:14px; flex-wrap:wrap; margin:0 0 18px 0;} #article-hero .article-hero__meta-item{flex:1 1 220px; min-width:220px; border:1px solid var(--z50097-border); border-radius:var(--radius-md,10px); background:var(--z50097-surface); padding:12px 14px;} #article-hero .article-hero__meta-label{display:block; color:var(--z50097-secondary); font-size:12.5px; margin-bottom:6px; letter-spacing:.01em;} #article-hero .article-hero__meta-value{display:block; color:var(--z50097-ink); font-size:15.5px; font-weight:520;} #article-hero .article-hero__lead{margin:0; max-width:76ch; font-family:var(--z50097-font); font-size:17px; line-height:1.6; color:var(--z50097-text);} #article-hero .article-hero__cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:22px;} #article-hero .article-hero__btn{display:inline-flex; align-items:center; justify-content:center; padding:11px 14px; border-radius:var(--radius-md,10px); text-decoration:none; font-weight:650; font-family:var(--z50097-font); border:1px solid transparent; 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 rgba(15,61,86,.35); outline-offset:2px;} #article-hero .article-hero__btn--primary{background:var(--z50097-primary); border-color:var(--z50097-primary); color:var(--z50097-surface);} #article-hero .article-hero__btn--primary:hover{background:#0d344a; transform:translateY(-1px);} #article-hero .article-hero__btn--ghost{background:var(--z50097-surface); border-color:var(--z50097-border); color:var(--z50097-ink);} #article-hero .article-hero__btn--ghost:hover{border-color:rgba(15,61,86,.45); background:rgba(15,61,86,.05); transform:translateY(-1px);} #article-hero .article-hero__disclosure{display:flex; align-items:flex-start; gap:10px; margin-top:18px; padding:14px 14px; border-radius:var(--radius-md,10px); border:1px solid rgba(210,215,222,.9); background:rgba(255,255,255,.72);} #article-hero .article-hero__disclosure-dot{width:10px; height:10px; margin-top:5px; border-radius:50%; background:var(--z50097-accent); box-shadow:0 0 0 4px rgba(46,125,50,.15);} #article-hero .article-hero__disclosure-text{margin:0; color:var(--z50097-secondary); line-height:1.55; font-size:14.5px; font-family:var(--z50097-font);} @media (max-width: 720px){ #article-hero{padding:34px 14px;} #article-hero .article-hero__meta-item{min-width:100%;} #article-hero .article-hero__lead{font-size:16.2px;} } @media (prefers-reduced-motion: reduce){ #article-hero .article-hero__btn{transition:none;} #article-hero .article-hero__btn--primary:hover, #article-hero .article-hero__btn--ghost:hover{transform:none;} } /* z50097:article-content */ #article-content{--r:10px;--text:var(--z50097-text);--ink:var(--z50097-ink);--secondary:var(--z50097-secondary);--bg:var(--z50097-bg);--surface:var(--z50097-surface);--border:var(--z50097-border);--accent:var(--z50097-accent);margin:0;padding:0;background:var(--z50097-surface);color:var(--z50097-text);} #article-content .article-body{max-width:920px;margin:0 auto;padding:28px 18px 44px;line-height:1.65;font-family:var(--z50097-font);} #article-content .article-intro{font-size:1.03rem;color:var(--z50097-text);margin:0 0 16px;} #article-content .section-heading{font-family:var(--z50097-font-display);font-weight:700;font-size:1.55rem;line-height:1.2;letter-spacing:-0.02em;margin:26px 0 12px;text-wrap:balance;} #article-content .lead{margin:0 0 14px;color:var(--z50097-text);font-size:1.02rem;} #article-content .paragraph{margin:10px 0 0;font-size:1.02rem;color:var(--z50097-text);} #article-content h3{font-family:var(--z50097-font);font-weight:700;font-size:1.08rem;margin:0 0 8px;color:var(--z50097-ink);} #article-content h2, #article-content h3{color:var(--z50097-ink);} #article-content .callout{display:flex;gap:12px;align-items:flex-start;background:color-mix(in oklab,var(--z50097-bg) 70%, var(--z50097-surface));border:1px solid var(--z50097-border);border-radius:var(--z50097-border);padding:16px 16px;margin:18px 0 6px;} #article-content .callout-mark{flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:color-mix(in oklab,var(--z50097-accent) 18%, var(--z50097-surface));border:1px solid color-mix(in oklab,var(--z50097-accent) 45%, var(--z50097-border));display:flex;align-items:center;justify-content:center;color:color-mix(in oklab,var(--z50097-accent) 70%, var(--z50097-ink));font-weight:800;font-family:var(--z50097-font-display);} #article-content .callout-title{margin:0 0 4px;font-weight:800;color:var(--z50097-ink);} #article-content .callout-text{margin:0;color:var(--z50097-text);} #article-content .criteria-list{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;} #article-content .criteria-item{border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:var(--r);padding:14px 14px;} #article-content .criteria-title{margin:0 0 6px;font-size:1.1rem;} #article-content .criteria-text{margin:0;color:var(--z50097-text);} #article-content .buckets{display:grid;grid-template-columns:1fr;gap:14px;margin:12px 0 6px;} #article-content .bucket{border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:var(--r);padding:16px 16px;} #article-content .bucket-title{margin:0 0 8px;font-size:1.15rem;} #article-content .bucket-list{margin:0;padding-left:18px;color:var(--z50097-text);} #article-content .bucket-list li{margin:8px 0;} #article-content .bucket-note{margin:10px 0 0;color:color-mix(in oklab,var(--z50097-secondary) 85%, var(--z50097-text));} #article-content .spec{margin:16px 0 10px;border-left:4px solid color-mix(in oklab,var(--z50097-accent) 55%, var(--z50097-ink));background:color-mix(in oklab,var(--z50097-bg) 55%, var(--z50097-surface));border:1px solid var(--z50097-border);border-radius:var(--r);padding:16px;} #article-content .spec-title{margin:0 0 10px;font-size:1.15rem;} #article-content .spec-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-content .spec-list li{display:flex;gap:12px;align-items:flex-start;} #article-content .spec-step{flex:0 0 auto;min-width:28px;height:28px;border-radius:999px;background:color-mix(in oklab,var(--z50097-accent) 18%, var(--z50097-surface));border:1px solid color-mix(in oklab,var(--z50097-accent) 45%, var(--z50097-border));display:flex;align-items:center;justify-content:center;font-weight:800;color:color-mix(in oklab,var(--z50097-accent) 70%, var(--z50097-ink));font-family:var(--z50097-font-display);} #article-content .spec-text{color:var(--z50097-text);line-height:1.6;} #article-content .article-keyline{margin:18px 0 0;color:color-mix(in oklab,var(--z50097-secondary) 80%, var(--z50097-text));font-size:1.02rem;} #article-content a{color:var(--z50097-primary);text-decoration:underline;text-underline-offset:3px;} #article-content a:focus-visible{outline:3px solid color-mix(in oklab,var(--z50097-primary) 40%, #ffffff);outline-offset:3px;border-radius:6px;} #article-content ::selection{background:color-mix(in oklab,var(--z50097-accent) 35%, #ffffff);color:var(--z50097-ink);} @media (min-width:860px){ #article-content .article-body{padding:40px 26px 56px;} #article-content .section-heading{font-size:1.7rem;} #article-content .buckets{grid-template-columns:1fr 1fr;} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto;} } /* z50097:related-articles */ /* z50097:related-articles */ #related-articles.related-articles{ --ra-accent: var(--z50097-accent); --ra-ink: var(--z50097-ink); --ra-border: var(--z50097-border); --ra-surface: var(--z50097-surface); --ra-bg: var(--z50097-bg); background: var(--z50097-bg); color: var(--z50097-text); padding: 48px 0; } #related-articles .container{ width: min(1040px, calc(100% - 40px)); margin: 0 auto; } #related-articles .section-header{ display: block; margin-bottom: 22px; } #related-articles .section-title{ margin: 0; font-family: var(--z50097-font-display); font-size: 30px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 650; text-wrap: balance; color: var(--z50097-ink); } #related-articles .section-subtitle{ margin: 10px 0 0; font-family: var(--z50097-font); font-size: 16px; line-height: 1.6; color: var(--z50097-secondary); max-width: 70ch; } #related-articles .articles-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; } #related-articles .related-card{ background: var(--z50097-surface); border: 1px solid var(--z50097-border); border-radius: var(--radius-lg); padding: 16px 16px 14px; box-shadow: 0 10px 26px rgba(15, 61, 86, 0.08); } #related-articles .related-card-title{ margin: 0; font-family: var(--z50097-font-display); font-size: 18px; line-height: 1.3; letter-spacing: -0.01em; } #related-articles .related-link{ color: var(--z50097-primary); text-decoration: none; display: inline-block; } #related-articles .related-link:hover{ text-decoration: underline; text-underline-offset: 3px; } #related-articles .related-card-meta{ margin: 8px 0 0; font-family: var(--z50097-font); font-size: 14.5px; line-height: 1.55; color: var(--z50097-secondary); } #related-articles .cta-row{ display: flex; gap: 12px; align-items: center; justify-content: flex-start; margin-top: 18px; } #related-articles .primary-button, #related-articles .ghost-button{ font-family: var(--z50097-font); font-size: 15px; line-height: 1; border-radius: var(--radius-md); padding: 12px 14px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border: 1px solid transparent; } #related-articles .primary-button{ background: var(--z50097-primary); color: var(--z50097-surface); border-color: rgba(15, 61, 86, 0.35); } #related-articles .ghost-button{ background: transparent; color: var(--z50097-primary); border-color: var(--ra-border); } #related-articles .primary-button:hover{ filter: brightness(1.02); } #related-articles .ghost-button:hover{ background: rgba(255,255,255,0.7); } #related-articles .primary-button:focus-visible, #related-articles .ghost-button:focus-visible, #related-articles .related-link:focus-visible{ outline: 3px solid rgba(46, 125, 50, 0.35); outline-offset: 2px; } #related-articles *::selection{ background: rgba(46, 125, 50, 0.22); color: var(--z50097-ink); } @media (max-width: 860px){ #related-articles{ padding: 40px 0; } #related-articles .articles-grid{ grid-template-columns: 1fr; } #related-articles .section-title{ font-size: 26px; } #related-articles .cta-row{ flex-direction: column; align-items: stretch; } #related-articles .primary-button, #related-articles .ghost-button{ width: 100%; } } @media (prefers-reduced-motion: reduce){ #related-articles .related-link:hover{ text-decoration: underline; } } /* z50097:article-hero */ /* z50097:article-hero */ #article-hero.article-hero{position:relative; background:var(--z50097-bg); color:var(--z50097-text); padding:32px 16px 26px; overflow:hidden;} #article-hero .article-hero__inner{max-width:1040px; margin:0 auto; position:relative; z-index:1;} #article-hero .article-hero__kicker{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px;} #article-hero .article-hero__pill{display:inline-flex; align-items:center; padding:7px 11px; border:1px solid var(--z50097-border); border-radius:999px; background:var(--z50097-surface); color:var(--z50097-secondary); font-family:var(--z50097-font); font-size:13px; line-height:1;} #article-hero .article-hero__separator{color:var(--z50097-border); font-size:16px; line-height:1;} #article-hero .article-hero__meta{color:var(--z50097-secondary); font-family:var(--z50097-font); font-size:13px;} #article-hero .article-hero__title{margin:0; font-family:var(--z50097-font-display); font-size:38px; line-height:1.12; letter-spacing:-0.02em; text-wrap:balance; color:var(--z50097-ink);} #article-hero .article-hero__lede{margin:16px 0 18px; max-width:860px; font-size:16px; line-height:1.7; color:var(--z50097-secondary);} #article-hero .article-hero__meta-row{display:grid; grid-template-columns:1fr; gap:12px; margin:18px 0 0;} #article-hero .article-hero__meta-block{background:var(--z50097-surface); border:1px solid var(--z50097-border); border-radius:var(--radius-md,10px); padding:12px 14px;} #article-hero .article-hero__label{font-size:12px; letter-spacing:0.01em; color:var(--z50097-secondary); margin-bottom:6px;} #article-hero .article-hero__value{font-size:14px; line-height:1.5; color:var(--z50097-ink); font-family:var(--z50097-font);} #article-hero .article-hero__actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px;} #article-hero .article-hero__button{display:inline-flex; align-items:center; justify-content:center; padding:11px 14px; border-radius:var(--radius-md,10px); text-decoration:none; font-size:14px; line-height:1; font-family:var(--z50097-font); border:1px solid transparent;} #article-hero .article-hero__button--primary{background:var(--z50097-primary); color:var(--z50097-surface); border-color:var(--z50097-primary);} #article-hero .article-hero__button--ghost{background:var(--z50097-surface); border-color:var(--z50097-border); color:var(--z50097-ink);} #article-hero .article-hero__button--primary:hover{background:#0d364d;} #article-hero .article-hero__button--ghost:hover{background:var(--z50097-bg);} #article-hero .article-hero__button:focus-visible{outline:3px solid rgba(46,125,50,0.35); outline-offset:2px;} #article-hero .article-hero__bg{position:absolute; inset:-120px -220px auto -220px; height:260px; background:radial-gradient(closest-side, rgba(15,61,86,0.14), rgba(15,61,86,0) 70%); pointer-events:none;} #article-hero ::selection{background:rgba(46,125,50,0.22);} @media (min-width:720px){ #article-hero{padding:46px 24px 34px;} #article-hero .article-hero__title{font-size:52px;} #article-hero .article-hero__meta-row{grid-template-columns:repeat(3, 1fr); gap:14px;} #article-hero .article-hero__lede{font-size:17px;} } @media (prefers-reduced-motion:reduce){ #article-hero .article-hero__button{transition:none;} } /* z50097:article-content */ /* z50097:article-content */ #article-content.article-content{background:var(--z50097-bg);color:var(--z50097-text);padding:var(--z50097-spacing-top,0)} #article-content .article-content__container{max-width:980px;margin:0 auto;padding:28px 18px 48px} #article-content .article-content__header{padding:6px 0 18px} #article-content .article-content__kicker{font-family:var(--z50097-font);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--z50097-secondary);margin:0 0 10px} #article-content .article-content__title{font-family:var(--z50097-font-display);font-weight:700;font-size:34px;line-height:1.12;letter-spacing:-0.02em;margin:0 0 14px;text-wrap:balance} #article-content .article-content__lead{font-size:17px;line-height:1.7;margin:0;color:var(--z50097-secondary);max-width:72ch} #article-content .article-content__body{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:22px 20px 20px;box-shadow:0 10px 30px rgba(15,61,86,.08)} #article-content .article-content__h3{font-family:var(--z50097-font-display);font-weight:700;font-size:22px;line-height:1.25;margin:22px 0 10px;letter-spacing:-0.01em} #article-content .article-content__p{margin:0 0 14px;font-size:16px;line-height:1.75;color:var(--z50097-text)} #article-content .article-content__callout{margin:16px 0 14px;padding:16px 16px;border-radius:var(--z50097-radius-md,10px);border:1px solid rgba(46,125,50,.25);background:rgba(46,125,50,.06)} #article-content .article-content__callout-title{margin:0 0 6px;font-weight:700;color:var(--z50097-ink);font-size:14px;letter-spacing:.02em;text-transform:uppercase} #article-content .article-content__callout-text{margin:0;color:var(--z50097-secondary);font-size:15px;line-height:1.65} #article-content .article-content__ol{margin:14px 0 6px;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px} #article-content .article-content__li{border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);padding:14px 14px;background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.7))} #article-content .article-content__li-title{margin:0 0 6px;font-weight:800;color:var(--z50097-ink);font-size:16px} #article-content .article-content__metrics{margin:14px 0 6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #article-content .metric{border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);background:var(--z50097-surface);padding:12px 12px} #article-content .metric__label{margin:0 0 8px;font-size:13px;letter-spacing:.02em;color:var(--z50097-secondary);text-transform:uppercase;font-weight:700} #article-content .metric__value{margin:0;font-size:15px;line-height:1.55;color:var(--z50097-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} #article-content .article-content__closing{margin-top:16px} #article-content .article-content__related{margin-top:18px} #article-content .article-content__related-title{font-family:var(--z50097-font-display);font-size:20px;margin:0 0 10px;letter-spacing:-0.01em} #article-content .article-content__related-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px} #article-content .article-content__link{display:inline-flex;align-items:center;gap:10px;color:var(--z50097-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700} #article-content .article-content__link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px} #article-content ::selection{background:rgba(15,61,86,.18);color:var(--z50097-ink)} #article-content a{color:inherit} @media (max-width:720px){#article-content .article-content__container{padding:22px 14px 40px}#article-content .article-content__title{font-size:28px}#article-content .article-content__body{padding:18px 14px}#article-content .article-content__metrics{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none!important;animation:none!important}} /* z50097:related-articles */ /* z50097:related-articles */ #related-articles{background:var(--z50097-bg);color:var(--z50097-text);padding:32px 16px;} #related-articles .related-articles__wrap{max-width:1040px;margin:0 auto;} #related-articles .related-articles__top{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;} #related-articles .related-articles__title{margin:0;font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.15;font-size:28px;} #related-articles .related-articles__subtitle{margin:0;color:var(--z50097-secondary);font-size:15px;line-height:1.6;max-width:62ch;} #related-articles .related-articles__grid{display:grid;grid-template-columns:1fr;gap:12px;} #related-articles .related-article-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg);padding:14px 14px 13px;box-shadow:0 1px 0 rgba(15,61,86,.06);} #related-articles .related-article-card--highlight{border-color:rgba(46,125,50,.35);box-shadow:0 1px 0 rgba(46,125,50,.08);} #related-articles .related-article-card__badge{display:inline-block;margin-bottom:8px;background:rgba(46,125,50,.12);color:var(--z50097-accent);border:1px solid rgba(46,125,50,.28);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;} #related-articles .related-article-card__title{margin:0 0 8px 0;} #related-articles .related-article-card__link{color:var(--z50097-primary);text-decoration:none;font-family:var(--z50097-font);font-weight:700;line-height:1.25;font-size:16px;} #related-articles .related-article-card__link:hover{text-decoration:underline;} #related-articles .related-article-card__meta{margin:0;color:var(--z50097-secondary);font-size:13px;line-height:1.55;} #related-articles a:focus-visible{outline:3px solid rgba(15,61,86,.35);outline-offset:2px;border-radius:6px;} #related-articles ::selection{background:rgba(46,125,50,.22);} @media (min-width:720px){ #related-articles{padding:44px 20px;} #related-articles .related-articles__top{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:18px;} #related-articles .related-articles__subtitle{max-width:52ch;} #related-articles .related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} } @media (min-width:980px){ #related-articles .related-articles__grid{grid-template-columns:repeat(3,minmax(0,1fr));} #related-articles .related-article-card--highlight{grid-column:span 1;} } @media (prefers-reduced-motion:reduce){ #related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* z50097:article-hero */ /* z50097:article-hero */ #article-hero.article-hero{background:var(--z50097-bg);color:var(--z50097-text);padding:48px 0 32px;} #article-hero .article-hero__inner{max-width:1020px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:var(--z50097-radius,10px);font:600 13px/1.2 var(--z50097-font);color:var(--z50097-primary);letter-spacing:.02em;} #article-hero .article-hero__title{margin:16px 0 10px;font:700 clamp(28px,4.2vw,44px)/1.06 var(--z50097-font-display, var(--z50097-font-display));letter-spacing:-0.02em;max-width:22ch;text-wrap:balance;} #article-hero .article-hero__dek{margin:0 0 18px;max-width:70ch;font:400 16px/1.65 var(--z50097-font);color:var(--z50097-slate);} #article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px;} #article-hero .meta-pill{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:var(--z50097-radius,10px);min-width:190px;} #article-hero .meta-pill__label{font:600 12px/1.2 var(--z50097-font);color:var(--z50097-secondary);} #article-hero .meta-pill__value{font:700 15px/1.25 var(--z50097-font);color:var(--z50097-ink, var(--z50097-ink));font-variant-numeric:tabular-nums;} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 18px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--z50097-radius,10px);text-decoration:none;font:700 14px/1 var(--z50097-font);border:1px solid transparent;min-height:44px;} #article-hero .btn--primary{background:var(--z50097-primary);color:var(--z50097-surface);border-color:var(--z50097-primary);} #article-hero .btn--secondary{background:var(--z50097-surface);color:var(--z50097-primary);border-color:var(--z50097-border);} #article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-accent) 55%, white);outline-offset:2px;} #article-hero .btn:active{transform:translateY(1px);} #article-hero .article-hero__note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--z50097-border);background:color-mix(in srgb, var(--z50097-surface) 92%, var(--z50097-bg));border-radius:var(--z50097-radius,10px);max-width:78ch;} #article-hero .article-hero__note-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb, var(--z50097-accent) 18%, var(--z50097-surface));color:var(--z50097-accent);font:900 16px/1 var(--z50097-font);flex:0 0 auto;margin-top:2px;} #article-hero .article-hero__note-text{font:400 14px/1.6 var(--z50097-font);color:var(--z50097-slate);} #article-hero ::selection{background:color-mix(in srgb, var(--z50097-accent) 35%, white);color:var(--z50097-ink, var(--z50097-ink));} @media (max-width:720px){#article-hero{padding:34px 0 24px;}#article-hero .meta-pill{min-width:0;width:100%;}#article-hero .article-hero__inner{padding:0 16px;}} @media (prefers-reduced-motion:reduce){#article-hero .btn:active{transform:none;}} /* z50097:article-content */ /* z50097:article-content */ #article-content.article-content{background:var(--z50097-bg);color:var(--z50097-text);padding:28px 16px 44px;} #article-content.article-content .article-content__container{max-width:980px;margin:0 auto;} #article-content.article-content .article-content__meta{padding:14px 0 18px;} #article-content.article-content .article-content__kicker{display:inline-block;font:600 12px/1.2 var(--z50097-font);letter-spacing:.06em;text-transform:uppercase;color:var(--z50097-secondary);border:1px solid var(--z50097-border);background:rgba(255,255,255,.65);padding:8px 10px;border-radius:var(--z50097-radius-sm,6px);} #article-content.article-content .article-content__reading{margin-top:10px;font:500 18px/1.55 var(--z50097-font);color:var(--z50097-ink);max-width:64ch;} #article-content.article-content .article-content__body{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg,14px);padding:22px 18px;box-shadow:0 10px 30px rgba(15,61,86,.08);} #article-content.article-content h2{margin:26px 0 12px;font:700 30px/1.15 var(--z50097-font-display, var(--z50097-font-display));color:var(--z50097-ink);letter-spacing:-.02em;text-wrap:balance;} #article-content.article-content h3{margin:22px 0 10px;font:700 20px/1.25 var(--z50097-font-display, var(--z50097-font-display));color:var(--z50097-primary);letter-spacing:-.01em;text-wrap:balance;} #article-content.article-content .article-content__p{margin:0 0 14px;font:500 16px/1.75 var(--z50097-font);color:var(--z50097-text);} #article-content.article-content .article-content__strong{font-weight:800;color:var(--z50097-ink);} #article-content.article-content .article-content__ol{margin:0 0 16px;padding:0 0 0 20px;} #article-content.article-content .article-content__ul{margin:0 0 16px;padding-left:18px;} #article-content.article-content .article-content__li{margin:10px 0;font:500 16px/1.7 var(--z50097-font);color:var(--z50097-text);} #article-content.article-content .article-content__callout{margin:18px 0 18px;padding:16px 16px;border:1px solid rgba(46,125,50,.25);background:rgba(46,125,50,.06);border-radius:var(--z50097-radius-md,10px);} #article-content.article-content .article-content__callout-title{font:800 14px/1.2 var(--z50097-font-display, var(--z50097-font-display));color:var(--z50097-accent);margin:0 0 8px;} #article-content.article-content .article-content__links{list-style:none;padding-left:0;margin-top:8px;} #article-content.article-content .article-content__links .article-content__li{margin:10px 0;} #article-content.article-content .article-content__a{display:inline-block;color:var(--z50097-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #article-content.article-content .article-content__a:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px;} #article-content.article-content .article-content__disclaimer{margin-top:18px;padding-top:14px;border-top:1px solid var(--z50097-border);} #article-content.article-content .article-content__disclaimer-text{margin:0;font:500 14px/1.65 var(--z50097-font);color:var(--z50097-secondary);} #article-content.article-content ::selection{background:rgba(46,125,50,.18);} @media (min-width: 820px){ #article-content.article-content{padding:40px 24px 56px;} #article-content.article-content .article-content__body{padding:28px 26px;} #article-content.article-content h2{font-size:36px;} #article-content.article-content .article-content__p,#article-content.article-content .article-content__li{font-size:16.5px;} } @media (prefers-reduced-motion: reduce){ #article-content.article-content *{scroll-behavior:auto;} } /* z50097:related-articles */ #related-articles{--ra-primary:var(--z50097-primary);--ra-secondary:var(--z50097-secondary);--ra-accent:var(--z50097-accent);--ra-ink:var(--z50097-ink);--ra-surface:var(--z50097-surface);--ra-bg:var(--z50097-bg);--ra-border:var(--z50097-border);--ra-mist:var(--z50097-mist);background:var(--ra-bg);border-top:1px solid var(--ra-border);padding:36px 16px 44px}#related-articles *{box-sizing:border-box}#related-articles .related-articles__inner{max-width:1040px;margin:0 auto}#related-articles .related-articles__header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}#related-articles .related-articles__title{font-family:var(--z50097-font-display, 'Hoefler Text', 'Baskerville Old Face', Garamond, Georgia, serif);color:var(--ra-ink);font-size:32px;line-height:1.1;margin:0;letter-spacing:-0.02em;text-wrap:balance}#related-articles .related-articles__lede{margin:0;color:var(--ra-secondary);font-size:16px;line-height:1.6;max-width:520px}#related-articles .related-articles__list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}#related-articles .related-articles__item{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--z50097-radius-lg, 14px);padding:16px 16px 15px;display:flex;flex-direction:column;min-height:150px}#related-articles .related-articles__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}#related-articles .related-articles__tag{display:inline-flex;align-items:center;border:1px solid var(--ra-border);color:var(--ra-secondary);background:transparent;padding:6px 10px;border-radius:999px;font-size:13px;line-height:1;font-family:var(--z50097-font)}#related-articles .related-articles__item-title{margin:0 0 8px 0}#related-articles .related-articles__link{color:var(--ra-ink);text-decoration:none;font-weight:700;letter-spacing:-0.01em;line-height:1.25;display:block}#related-articles .related-articles__link:hover{text-decoration:underline}#related-articles .related-articles__item-desc{margin:0;color:var(--ra-secondary);font-size:14.5px;line-height:1.6}#related-articles .related-articles__footer{grid-column:1 / -1;display:flex;justify-content:flex-start;margin-top:6px}#related-articles .related-articles__more{color:var(--ra-primary);text-decoration:none;font-weight:700;border:1px solid var(--ra-primary);background:var(--ra-surface);padding:10px 14px;border-radius:var(--z50097-radius-md, 10px)}#related-articles .related-articles__more:hover{background:color-mix(in srgb, var(--ra-primary) 10%, var(--ra-surface));text-decoration:none}#related-articles .related-articles__more:focus-visible,#related-articles .related-articles__link:focus-visible{outline:3px solid color-mix(in srgb, var(--ra-accent) 45%, white);outline-offset:3px}#related-articles ::selection{background:color-mix(in srgb, var(--ra-accent) 28%, white);color:var(--ra-ink)}@media (max-width:860px){#related-articles .related-articles__header{flex-direction:column;align-items:flex-start}#related-articles .related-articles__list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){#related-articles .related-articles__link,#related-articles .related-articles__more{transition:none}} /* z50097:article-hero */ /* z50097:article-hero */ #article-hero{--section-bg:var(--z50097-bg);--section-surface:var(--z50097-surface);--section-ink:var(--z50097-ink);--section-border:var(--z50097-border);--section-primary:var(--z50097-primary);--section-secondary:var(--z50097-secondary);--section-accent:var(--z50097-accent);background:var(--section-bg);padding:clamp(28px,4.2vw,56px) 0;} #article-hero::selection{background:rgba(46,125,50,.18);} #article-hero .hero-shell{max-width:1040px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.35fr .85fr;gap:28px;align-items:start;} #article-hero .hero-header{background:var(--section-surface);border:1px solid var(--section-border);border-radius:var(--z50097-radius-lg,14px);padding:24px 24px 22px;box-shadow:0 10px 24px rgba(15,61,86,.08);} #article-hero .hero-kicker{margin:0 0 10px 0;color:var(--z50097-secondary);font-family:var(--z50097-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;} #article-hero .hero-title{margin:0;font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.08;text-wrap:balance;font-size:clamp(26px,3vw,42px);color:var(--z50097-ink);} #article-hero .hero-meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;} #article-hero .meta-item{display:flex;gap:8px;align-items:baseline;} #article-hero .meta-label{color:var(--z50097-secondary);font-size:13px;font-weight:600;} #article-hero .meta-value{color:var(--z50097-ink);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;} #article-hero .meta-sep{width:6px;height:6px;border-radius:50%;background:rgba(73,84,99,.35);} #article-hero .hero-aside{padding:2px 0;} #article-hero .aside-title{margin:0 0 10px 0;color:var(--z50097-primary);font-size:16px;font-weight:700;letter-spacing:-.01em;} #article-hero .aside-list{margin:0;padding:0;list-style:none;border:1px solid var(--section-border);background:rgba(255,255,255,.72);backdrop-filter:saturate(110%);border-radius:var(--z50097-radius-md,10px);padding:14px 14px 6px;} #article-hero .aside-list li{display:flex;gap:10px;padding:10px 6px;border-bottom:1px solid rgba(210,215,222,.7);color:var(--z50097-text);} #article-hero .aside-list li:last-child{border-bottom:none;} #article-hero .check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:rgba(46,125,50,.12);color:var(--z50097-accent);font-weight:800;flex:0 0 auto;line-height:1;} #article-hero .aside-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--z50097-radius-sm,6px);text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease;} #article-hero .btn:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #article-hero .btn-primary{background:var(--z50097-primary);color:var(--z50097-surface);border-color:rgba(15,61,86,.35);} #article-hero .btn-primary:hover{background:#0c364e;transform:translateY(-1px);} #article-hero .btn-ghost{background:var(--z50097-surface);color:var(--z50097-primary);border-color:rgba(15,61,86,.35);} #article-hero .btn-ghost:hover{border-color:rgba(15,61,86,.7);background:rgba(15,61,86,.04);transform:translateY(-1px);} #article-hero .btn:active{transform:translateY(0);} @media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none;}} @media (max-width:900px){#article-hero .hero-shell{grid-template-columns:1fr;gap:16px;}#article-hero .hero-header{padding:20px 18px 18px;}#article-hero .aside-cta-row{margin-top:12px;}} /* z50097:article-content */ /* z50097:article-content */ #article-content.article-content{--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--content-max:860px;--side-pad:clamp(16px,4vw,28px);background:var(--z50097-surface);color:var(--z50097-text);} #article-content .article-content__inner{max-width:var(--content-max);margin:0 auto;padding:clamp(18px,3.5vw,34px) var(--side-pad) clamp(24px,4vw,44px);} #article-content .article-content__lede{padding-bottom:18px;border-bottom:1px solid var(--z50097-border);} #article-content .article-content__kicker{margin:0 0 10px;font:600 12px/1.2 var(--z50097-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z50097-secondary);} #article-content .article-content__title{margin:0 0 12px;font:700 clamp(24px,3.4vw,38px)/1.12 var(--z50097-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--z50097-ink);} #article-content .article-content__sub{margin:0;font:400 16px/1.65 var(--z50097-font);color:var(--z50097-secondary);max-width:68ch;} #article-content .article-content__body{padding-top:18px;} #article-content .article-content__body h3{margin:26px 0 10px;font:700 18px/1.25 var(--z50097-font);color:var(--z50097-ink);} #article-content .article-content__body p{margin:0 0 14px;font:400 16px/1.8 var(--z50097-font);color:var(--z50097-secondary);max-width:74ch;} #article-content .article-content__list{margin:10px 0 18px;padding:0 0 0 20px;color:var(--z50097-secondary);} #article-content .article-content__list li{margin:8px 0;font:400 16px/1.75 var(--z50097-font);} #article-content .article-content__ordered{margin:10px 0 18px;padding:0 0 0 20px;} #article-content .article-content__ordered li{margin:10px 0;font:400 16px/1.7 var(--z50097-font);color:var(--z50097-secondary);} #article-content .article-content__ordered strong{color:var(--z50097-ink);font-weight:700;} #article-content .article-content__callout{margin:12px 0 18px;padding:14px 16px;border:1px solid var(--z50097-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--z50097-bg) 65%, var(--z50097-surface) 35%);color:var(--z50097-secondary);} #article-content .article-content__callout{font:600 15px/1.6 var(--z50097-font);} #article-content .article-content__actions{margin-top:26px;padding-top:18px;border-top:1px solid var(--z50097-border);display:flex;gap:12px;flex-wrap:wrap;align-items:center;} #article-content .article-content__link{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--z50097-border);background:var(--z50097-surface);color:var(--z50097-ink);text-decoration:none;font:600 14px/1 var(--z50097-font);} #article-content .article-content__link:focus-visible{outline:3px solid color-mix(in srgb,var(--z50097-primary) 55%, white 45%);outline-offset:2px;} #article-content .article-content__link:hover{background:color-mix(in srgb,var(--z50097-surface) 70%, var(--z50097-bg) 30%);} #article-content .article-content__link--primary{background:var(--z50097-primary);border-color:var(--z50097-primary);color:var(--z50097-surface);} #article-content .article-content__link--primary:hover{background:color-mix(in srgb,var(--z50097-primary) 88%, black 12%);} #article-content .article-content__body ::selection{background:color-mix(in srgb,var(--z50097-accent) 35%, white 65%);color:var(--z50097-ink);} @media (max-width:720px){#article-content .article-content__title{letter-spacing:-0.01em;}#article-content .article-content__body h3{font-size:17px;}#article-content .article-content__body p,#article-content .article-content__list li,#article-content .article-content__ordered li{font-size:15px;}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:related-articles */ /* z50097:related-articles */ #related-articles{background:var(--z50097-bg);color:var(--z50097-text);padding:48px 18px 60px;} #related-articles *{box-sizing:border-box;} #related-articles .related-articles__container{max-width:1100px;margin:0 auto;} #related-articles .related-articles__header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;} #related-articles .related-articles__title{margin:0;font-family:var(--z50097-font-display);font-size:34px;line-height:1.1;letter-spacing:-0.02em;text-wrap:balance;color:var(--z50097-ink);} #related-articles .related-articles__lede{margin:0;max-width:620px;color:var(--z50097-secondary);font-family:var(--z50097-font);font-size:16px;line-height:1.6;} #related-articles .related-articles__list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} #related-articles .related-articles__item{border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md,10px);background:var(--z50097-surface);box-shadow:0 1px 0 rgba(15,61,86,0.05);} #related-articles .related-articles__link{display:block;padding:16px 16px 14px;text-decoration:none;color:inherit;outline:none;} #related-articles .related-articles__link-title{display:block;margin-top:10px;font-family:var(--z50097-font);font-size:16px;line-height:1.35;color:var(--z50097-ink);text-wrap:balance;} #related-articles .related-articles__meta{display:block;margin-top:8px;font-size:13px;color:var(--z50097-secondary);} #related-articles .related-articles__tag{display:inline-block;font-size:12px;color:var(--z50097-surface);background:var(--z50097-accent);border-radius:999px;padding:6px 10px;letter-spacing:0.01em;} #related-articles .related-articles__footer{margin-top:18px;} #related-articles .related-articles__all-link{display:inline-block;color:var(--z50097-primary);font-weight:700;text-decoration:none;border:1px solid var(--z50097-border);background:var(--z50097-surface);padding:12px 14px;border-radius:var(--z50097-radius-md,10px);} #related-articles .related-articles__all-link:focus-visible,#related-articles .related-articles__link:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;} #related-articles .related-articles__link:hover{border-radius:var(--z50097-radius-md,10px);} #related-articles ::selection{background:rgba(46,125,50,0.22);} @media (max-width:860px){#related-articles .related-articles__header{flex-direction:column;align-items:flex-start;}#related-articles .related-articles__list{grid-template-columns:1fr;}#related-articles{padding:40px 14px 54px;}} @media (prefers-reduced-motion:reduce){#related-articles .related-articles__link{transition:none;}} /* z50097:article-hero */ /* z50097:article-hero */ #article-hero{--radius-sm:var(--z50097-radius-sm,6px);--radius-md:var(--z50097-radius-md,10px);--radius-lg:var(--z50097-radius-lg,14px);padding:34px 18px 26px;background:var(--z50097-bg);color:var(--z50097-text);} #article-hero .article-hero__inner{max-width:980px;margin:0 auto;} #article-hero .article-hero__eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__topic{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--z50097-border);border-radius:999px;background:var(--z50097-surface);font:600 13px/1.2 var(--z50097-font);color:var(--z50097-primary);letter-spacing:.01em;} #article-hero .article-hero__dot{color:var(--z50097-secondary);} #article-hero .article-hero__meta{font:500 13px/1.3 var(--z50097-font);color:var(--z50097-secondary);} #article-hero .article-hero__title{margin:0 0 14px;font:700 38px/1.08 var(--z50097-font-display);color:var(--z50097-ink);letter-spacing:-0.02em;text-wrap:balance;} #article-hero .article-hero__meta-row{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 16px;} #article-hero .article-hero__meta-pill{border:1px solid var(--z50097-border);background:var(--z50097-surface);border-radius:var(--z50097-radius-md,10px);padding:12px 14px;} #article-hero .article-hero__meta-label{display:block;font:600 12px/1.25 var(--z50097-font);color:var(--z50097-secondary);} #article-hero .article-hero__meta-value{display:block;font:600 14px/1.25 var(--z50097-font);color:var(--z50097-ink);} #article-hero .article-hero__lead{margin:0 0 20px;font:400 18px/1.55 var(--z50097-font);color:var(--z50097-text);max-width:72ch;} #article-hero .article-hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px;align-items:center;} #article-hero .article-hero__link{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--z50097-radius-sm,6px);border:1px solid var(--z50097-border);background:var(--z50097-surface);color:var(--z50097-primary);font:600 14px/1.2 var(--z50097-font);text-decoration:none;} #article-hero .article-hero__link:hover{border-color:var(--z50097-primary);} #article-hero .article-hero__link:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-primary) 35%, white 65%);outline-offset:2px;} #article-hero .article-hero__link--primary{background:var(--z50097-primary);border-color:var(--z50097-primary);color:var(--z50097-surface);} #article-hero .article-hero__link--primary:hover{filter:brightness(1.03);} #article-hero .article-hero__callout{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--z50097-border);background:color-mix(in srgb, var(--z50097-surface) 92%, var(--z50097-mist) 8%);border-radius:var(--z50097-radius-lg,14px);padding:16px 16px;} #article-hero .article-hero__callout-mark{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--z50097-accent) 14%, white 86%);border:1px solid color-mix(in srgb, var(--z50097-accent) 35%, var(--z50097-border) 65%);color:var(--z50097-accent);font:800 18px/1 var(--z50097-font-display);} #article-hero .article-hero__callout-title{margin:0 0 8px;font:700 16px/1.3 var(--z50097-font-display);color:var(--z50097-ink);} #article-hero .article-hero__callout-list{margin:0;padding-left:18px;color:var(--z50097-secondary);font:500 14px/1.6 var(--z50097-font);} #article-hero .article-hero__k{color:var(--z50097-ink);font-weight:700;} #article-hero ::selection{background:color-mix(in srgb, var(--z50097-primary) 25%, white 75%);} @media (max-width:720px){#article-hero{padding:26px 14px 22px;}#article-hero .article-hero__title{font-size:30px;}#article-hero .article-hero__lead{font-size:16px;}#article-hero .article-hero__callout{flex-direction:row;}} @media (prefers-reduced-motion:reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z50097:article-content */ /* z50097:article-content */ #article-content.article-content{--radius-sm:var(--z50097-border);font-family:var(--z50097-font);color:var(--z50097-text);background:var(--z50097-bg)} #article-content .article{max-width:1040px;margin:0 auto;padding:28px 18px 26px} #article-content .article-header{padding:4px 0 18px} #article-content .article-kicker{display:inline-block;font-family:var(--z50097-font);letter-spacing:.02em;color:var(--z50097-secondary);font-size:14px;margin:0 0 8px} #article-content .article-title{font-family:var(--z50097-font-display);font-weight:600;letter-spacing:-.02em;line-height:1.12;margin:0 0 12px;font-size:34px;text-wrap:balance} #article-content .article-lead{margin:0;max-width:74ch;color:var(--z50097-secondary);font-size:16px;line-height:1.75} #article-content .article-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start} #article-content .content{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius,14px);padding:18px 18px 10px;box-shadow:0 10px 22px rgba(15,61,86,.06)} #article-content .content h3{margin:18px 0 10px;font-family:var(--z50097-font-display);font-weight:600;letter-spacing:-.01em;font-size:20px;line-height:1.3} #article-content .content p{margin:10px 0;color:var(--z50097-text);line-height:1.85;font-size:16px} #article-content .content strong{font-weight:700} #article-content .list{margin:10px 0 8px 18px;padding:0;color:var(--z50097-text)} #article-content .list li{margin:8px 0;line-height:1.7} #article-content .callout{margin:14px 0 6px;background:color-mix(in srgb, var(--z50097-bg) 92%, var(--z50097-surface) 8%);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius,14px);padding:14px 14px 12px} #article-content .callout h4{margin:0 0 10px;font-size:16px;color:var(--z50097-ink);letter-spacing:-.01em} #article-content .metrics{margin:14px 0 8px;display:grid;grid-template-columns:1fr;gap:12px} #article-content .metric-card{border:1px solid var(--z50097-border);border-radius:var(--z50097-radius,14px);background:var(--z50097-surface);padding:14px 14px 12px} #article-content .metric-card.metric-accent{border-color:color-mix(in srgb, var(--z50097-accent) 55%, var(--z50097-border) 45%);background:color-mix(in srgb, var(--z50097-accent) 9%, var(--z50097-surface) 91%)} #article-content .metric-title{margin:0 0 6px;font-size:13px;color:var(--z50097-secondary);letter-spacing:.02em;text-transform:none} #article-content .metric-value{margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums} #article-content .metric-desc{margin:0;color:var(--z50097-secondary);line-height:1.6;font-size:14.5px} #article-content .checklist{margin:14px 0 8px;border:1px solid var(--z50097-border);border-radius:var(--z50097-radius,14px);padding:14px 14px 12px;background:var(--z50097-surface)} #article-content .checklist h4{margin:0 0 10px;font-size:16px;color:var(--z50097-ink)} #article-content .ol{margin:0 0 0 18px;padding:0;list-style:decimal} #article-content .ol li{margin:9px 0;line-height:1.7;color:var(--z50097-text)} #article-content .sidebar{display:grid;gap:14px} #article-content .sidebar-panel{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius,14px);padding:14px 14px 12px;box-shadow:0 10px 22px rgba(15,61,86,.05)} #article-content .sidebar-panel.sidebar-secondary{background:color-mix(in srgb, var(--z50097-primary) 6%, var(--z50097-surface) 94%)} #article-content .sidebar-title{margin:0 0 10px;font-family:var(--z50097-font-display);font-size:18px;letter-spacing:-.01em} #article-content .sidebar-list{margin:0;padding:0;list-style:none} #article-content .sidebar-list li{margin:10px 0;color:var(--z50097-secondary);line-height:1.4;font-size:15px} #article-content .sidebar-list strong{color:var(--z50097-ink)} #article-content .sidebar-subtitle{margin:0 0 8px;font-size:15px;color:var(--z50097-ink)} #article-content .sidebar-text{margin:0;color:var(--z50097-secondary);line-height:1.7;font-size:14.5px} #article-content .sidebar-cta-text{margin:0 0 10px;color:var(--z50097-secondary);line-height:1.7;font-size:14.5px} #article-content .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--z50097-radius,10px);padding:11px 14px;font-weight:700;letter-spacing:.01em;line-height:1.1;min-height:42px} #article-content .button-primary{background:var(--z50097-primary);color:var(--z50097-surface);border:1px solid color-mix(in srgb, var(--z50097-primary) 80%, var(--z50097-border) 20%)} #article-content .button-primary:hover{background:color-mix(in srgb, var(--z50097-primary) 88%, var(--z50097-accent) 12%)} #article-content .button-primary:active{background:color-mix(in srgb, var(--z50097-primary) 80%, var(--z50097-black, #000) 20%)} #article-content .button:focus-visible{outline:3px solid color-mix(in srgb, var(--z50097-accent) 55%, var(--z50097-primary) 45%);outline-offset:2px} #article-content ::selection{background:color-mix(in srgb, var(--z50097-accent) 35%, var(--z50097-primary) 65%);color:var(--z50097-surface)} @media (min-width:860px){#article-content .article-grid{grid-template-columns:1fr 320px;gap:22px}#article-content .content{padding:22px 22px 12px}.metrics{grid-template-columns:repeat(2,1fr)}#article-content .metric-card.metric-accent{grid-column:1 / -1}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto}} /* z50097:related-articles */ /* z50097:related-articles */ #related-articles{background:var(--z50097-bg);color:var(--z50097-text);padding:48px 0 56px;} #related-articles .related-articles__container{max-width:980px;margin:0 auto;padding:0 20px;} #related-articles .related-articles__header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:18px;} #related-articles .related-articles__title{font-family:var(--z50097-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin:0;font-size:32px;text-wrap:balance;} #related-articles .related-articles__subtitle{margin:0;max-width:560px;color:var(--z50097-secondary);font-size:15.5px;line-height:1.55;} #related-articles .related-articles__list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;} #related-articles .related-articles__item{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-md);padding:14px 14px;} #related-articles .related-articles__link{display:block;color:var(--z50097-ink);text-decoration:none;} #related-articles .related-articles__link:focus-visible{outline:3px solid color-mix(in srgb,var(--z50097-accent) 40%, transparent);outline-offset:3px;border-radius:var(--radius-sm);} #related-articles .related-articles__pill{display:inline-block;background:color-mix(in srgb,var(--z50097-accent) 12%, var(--z50097-surface));color:var(--z50097-accent);border:1px solid color-mix(in srgb,var(--z50097-accent) 30%, var(--z50097-border));border-radius:999px;padding:7px 10px;font-size:12.5px;font-weight:700;letter-spacing:0.01em;} #related-articles .related-articles__item-title{display:block;margin-top:10px;font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-0.01em;} #related-articles .related-articles__link:hover .related-articles__item-title{color:color-mix(in srgb,var(--z50097-ink) 90%, var(--z50097-accent) 10%);} #related-articles .related-articles__footer{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap;} #related-articles .related-articles__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:var(--z50097-primary);color:var(--z50097-surface);text-decoration:none;font-weight:800;border:1px solid var(--z50097-primary);} #related-articles .related-articles__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--z50097-accent) 40%, transparent);outline-offset:3px;} #related-articles .related-articles__cta:hover{background:color-mix(in srgb,var(--z50097-primary) 90%, var(--z50097-accent) 10%);} #related-articles .related-articles__note{color:var(--z50097-secondary);font-size:14px;line-height:1.5;} @media (min-width:860px){ #related-articles .related-articles__list{grid-template-columns:1fr 1fr;gap:14px;} #related-articles .related-articles__item{padding:16px;} } @media (prefers-reduced-motion:reduce){ #related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;} } #related-articles ::selection{background:color-mix(in srgb,var(--z50097-accent) 26%, var(--z50097-surface));} /* Design-system CSS vars */ .policy-page{background:var(--z50097-bg);color:var(--z50097-text);font-family:var(--z50097-font);line-height:1.6;} .policy-wrap{max-width:980px;margin:0 auto;padding:24px 16px 40px 16px;} .policy-header{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-lg);padding:18px 18px 14px 18px;} .policy-title{margin:0 0 6px 0;font-size:28px;line-height:1.25;color:var(--z50097-ink);} .policy-subtitle{margin:0;color:var(--z50097-secondary);font-size:14px;} .policy-date{font-weight:600;} .policy-section{margin-top:18px;background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-lg);padding:16px 18px;} .policy-section--last{margin-bottom:10px;} .policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--z50097-primary);} .policy-p{margin:0 0 10px 0;} .policy-footer{margin-top:20px;} .policy-footer-card{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-lg);padding:16px 18px;} .policy-footer-title{margin:0 0 12px 0;font-size:16px;color:var(--z50097-primary);} .policy-footer-grid{display:block;} .policy-footer-line{margin:0 0 8px 0;color:var(--z50097-ink);font-size:14px;} .policy-muted{color:var(--z50097-secondary);} .policy-link{color:var(--z50097-primary);text-decoration:underline;} .policy-link:hover{color:var(--z50097-accent);} .policy-no-wrap{white-space:nowrap;} @media (max-width:560px){.policy-title{font-size:24px;}.policy-wrap{padding-top:18px;}} /* Design-system colors */ .policy-page{background:var(--z50097-bg);color:var(--z50097-text);font-family:var(--z50097-font);line-height:1.55;} .policy-wrapper{max-width:980px;margin:0 auto;padding:18px 16px 32px 16px;} .policy-header{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg);padding:18px 16px;margin-bottom:16px;} .policy-title{margin:0;font-family:var(--z50097-font-display);font-size:28px;line-height:1.2;color:var(--z50097-primary);} .policy-meta{margin:8px 0 0 0;color:var(--z50097-secondary);font-size:14px;} .policy-section{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-md);padding:16px;margin:12px 0;} .policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--z50097-primary);font-family:var(--z50097-font-display);} .policy-paragraph{margin:10px 0;color:var(--z50097-text);} .policy-list{margin:8px 0 0 18px;padding:0;} .policy-list-item{margin:8px 0;} .policy-disclaimer{border-color:rgba(46,125,50,0.35);} .policy-disclaimer .policy-heading{color:var(--z50097-accent);} .policy-footer{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-md);padding:16px;margin:14px 0 0 0;} .policy-contact-grid{display:block;margin-top:10px;} .policy-link{color:var(--z50097-primary);text-decoration:underline;} .policy-link:hover{color:var(--z50097-accent);} .policy-small{font-size:12.5px;color:var(--z50097-secondary);} @media (max-width:520px){.policy-title{font-size:24px;}.policy-wrapper{padding:14px 12px 26px 12px;}.policy-section{padding:14px;}} /* Design-system based, no external libraries */ .policy-page{background:var(--z50097-bg);color:var(--z50097-text);font-family:var(--z50097-font);padding:24px 12px;} .policy-wrapper{max-width:980px;margin:0 auto;background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-lg);box-shadow:0 1px 0 rgba(11,18,32,0.03);padding:22px;} .policy-header{border-bottom:1px solid var(--z50097-border);padding-bottom:14px;margin-bottom:18px;} .policy-title{margin:0 0 8px 0;font-size:28px;line-height:1.15;color:var(--z50097-ink);} .policy-lead{margin:0 0 10px 0;font-size:15.5px;line-height:1.55;color:var(--z50097-text);} .policy-meta{margin:0;font-size:13px;line-height:1.5;color:var(--z50097-secondary);} .policy-date{font-weight:700;color:var(--z50097-ink);} .policy-section{margin:18px 0;} .policy-heading{margin:0 0 10px 0;font-size:18px;line-height:1.3;color:var(--z50097-primary);} .policy-text{margin:0 0 10px 0;font-size:14.8px;line-height:1.65;color:var(--z50097-text);} .policy-list{margin:0;padding-left:20px;} .policy-list li{margin:8px 0;font-size:14.8px;line-height:1.6;color:var(--z50097-text);} .policy-list strong{color:var(--z50097-ink);} .policy-contact{border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md);background:var(--z50097-bg);padding:12px;} .policy-contact-line{margin:6px 0;font-size:14.8px;line-height:1.5;} .policy-label{font-weight:700;color:var(--z50097-secondary);margin-right:6px;} .policy-link{color:var(--z50097-primary);text-decoration:underline;} .policy-link:hover{color:var(--z50097-accent);} .policy-footer{margin-top:22px;padding-top:16px;border-top:1px solid var(--z50097-border);} .policy-footer-grid{display:block;} .policy-footer-block{margin:14px 0;padding:12px;border:1px solid var(--z50097-border);border-radius:var(--z50097-radius-md);background:var(--z50097-bg);} .policy-footer-title{margin:0 0 8px 0;font-weight:800;color:var(--z50097-ink);font-size:14.8px;} .policy-footer-text{margin:6px 0;font-size:14.3px;line-height:1.55;color:var(--z50097-text);} .policy-strong{font-weight:800;color:var(--z50097-ink);} .policy-legal-small{margin:14px 0 0 0;font-size:12.7px;line-height:1.6;color:var(--z50097-secondary);} @media (min-width:900px){.policy-wrapper{padding:26px;}.policy-footer-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;}.policy-footer-block{margin:0;} } .privacy-page{background:var(--z50097-bg);color:var(--z50097-text);font-family:var(--z50097-font);line-height:1.5} .privacy-container{max-width:960px;margin:0 auto;padding:24px} .privacy-header{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg);padding:18px 18px 16px;margin-bottom:16px} .privacy-h1{margin:0 0 6px 0;font-size:30px;line-height:1.2;color:var(--z50097-primary)} .privacy-lead{margin:0 0 10px 0;color:var(--z50097-secondary)} .privacy-meta{margin:0;color:var(--z50097-secondary);font-size:14px} .privacy-section{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg);padding:16px 18px;margin:0 0 14px 0} .privacy-h2{margin:0 0 10px 0;font-size:20px;line-height:1.25;color:var(--z50097-primary)} .privacy-text{margin:0 0 10px 0;color:var(--z50097-text);font-size:16px} .privacy-note{font-size:14px;color:var(--z50097-secondary)} .privacy-list{margin:0 0 10px 22px;padding:0} .privacy-li{margin:0 0 6px 0} .privacy-cite{font-family:inherit;color:var(--z50097-primary);font-weight:700} .privacy-link{color:var(--z50097-primary);text-decoration:underline} .privacy-link:hover{color:var(--z50097-accent)} .privacy-footer{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg);padding:16px 18px;margin-top:14px} .privacy-footer-grid{display:block} .privacy-footer-title{margin:0 0 8px 0;font-weight:700;color:var(--z50097-primary)} .privacy-footer-col{margin-bottom:14px} .privacy-disclaimer{margin:0;color:var(--z50097-secondary);font-size:13.5px} @media (min-width: 820px){.privacy-container{padding:28px}.privacy-footer-grid{display:flex;gap:18px}.privacy-footer-col{flex:1;margin-bottom:0}} /* Design-system base */ :root{--z50097-primary:#0F3D56;--z50097-secondary:#495463;--z50097-accent:#2E7D32;--z50097-ink:#0B1220;--z50097-slate:#495463;--z50097-mist:#E6E8EB;--z50097-border:#D2D7DE;--z50097-surface:#FFFFFF;--z50097-bg:#F6F7F8;--z50097-text:#0B1220;--z50097-font:Georgia, Cambria, 'Times New Roman', serif;--z50097-font-display:'Hoefler Text', 'Baskerville Old Face', Garamond, Georgia, serif;} .thanks-page{background:var(--z50097-bg);color:var(--z50097-text);font-family:var(--z50097-font);min-height:100vh;} .thanks-wrapper{max-width:980px;margin:0 auto;padding:24px 16px 32px 16px;} .thanks-header{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg,14px);padding:20px 18px;margin-bottom:16px;} .thanks-title{margin:0 0 8px 0;font-family:var(--z50097-font-display);font-weight:700;font-size:34px;line-height:1.15;color:var(--z50097-primary);} .thanks-intro{margin:0;color:var(--z50097-secondary);font-size:16px;line-height:1.5;} .thanks-section{background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg,14px);padding:16px 18px;margin-bottom:14px;} .thanks-section-title{margin:0 0 10px 0;font-size:18px;line-height:1.3;color:var(--z50097-primary);} .thanks-list{margin:0;padding-left:18px;} .thanks-list-item{margin:6px 0;color:var(--z50097-secondary);line-height:1.5;} .thanks-contact-card{border:1px solid var(--z50097-border);border-radius:var(--radius-md,10px);padding:14px 14px;background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,232,235,0.22) 100%);} .thanks-contact-row{display:block;padding:8px 0;border-bottom:1px solid rgba(210,215,222,0.75);} .thanks-contact-row:last-child{border-bottom:none;} .thanks-contact-label{display:inline-block;width:170px;vertical-align:top;color:var(--z50097-secondary);font-weight:600;font-size:14px;} .thanks-contact-value{display:inline-block;color:var(--z50097-ink);font-size:14.5px;line-height:1.35;} .thanks-link{color:var(--z50097-primary);text-decoration:underline;text-underline-offset:3px;} .thanks-link:hover{color:var(--z50097-accent);} .thanks-legal-note{margin:10px 0 0 0;color:var(--z50097-secondary);font-size:14.5px;line-height:1.55;} .thanks-footer{margin-top:6px;background:var(--z50097-surface);border:1px solid var(--z50097-border);border-radius:var(--radius-lg,14px);padding:16px 18px;} .thanks-footer-text{margin:0 0 8px 0;color:var(--z50097-primary);font-size:15.5px;} .thanks-footer-list{margin:0;padding-left:18px;} .thanks-footer-item{margin:6px 0;color:var(--z50097-secondary);line-height:1.5;font-size:14.5px;} .thanks-footer-meta{margin:14px 0 0 0;color:var(--z50097-secondary);font-size:13.5px;} @media (max-width:560px){ .thanks-title{font-size:28px;} .thanks-contact-label{width:120px;} }