/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--z5c598-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--z5c598-ink, #111); background: var(--z5c598-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--z5c598-font-display, var(--z5c598-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--z5c598-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --z5c598-primary: #0B3A62; --z5c598-secondary: #2E7D32; --z5c598-accent: #2E7D32; --z5c598-ink: #0B3A62; --z5c598-slate: #4B5A66; --z5c598-mist: #A9B7C4; --z5c598-border: #D9E0E6; --z5c598-surface: #FFFFFF; --z5c598-bg: #F6F7F8; --z5c598-text: #1B1F23; --z5c598-font: Verdana, Geneva, Tahoma, sans-serif; --z5c598-font-display: 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--z5c598-border, #e5e7eb); background: var(--z5c598-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(--z5c598-border, #d1d5db); background: transparent; color: var(--z5c598-ink, #111); } [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--z5c598-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-action="reject-all"] { background: var(--z5c598-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-consent-panel] { margin-top: 1rem; border: 1px solid var(--z5c598-border, #e5e7eb); background: var(--z5c598-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(--z5c598-surface, #1a1a2e); color: var(--z5c598-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 */ /* z5c598:header */ /* z5c598:header */ #header{--hdr-h:72px;position:sticky;top:0;z-index:50;background:var(--z5c598-surface);border-bottom:1px solid var(--z5c598-border);font-family:var(--z5c598-font);} #header .header-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 18px;} #header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--z5c598-ink);min-width:220px;} #header .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb, var(--z5c598-primary) 10%, var(--z5c598-surface));border:1px solid color-mix(in srgb, var(--z5c598-primary) 25%, var(--z5c598-border));font-weight:700;letter-spacing:-0.02em;color:var(--z5c598-primary);} #header .brand-text{display:flex;flex-direction:column;line-height:1.1;} #header .brand-name{font-family:var(--z5c598-font-display);font-weight:800;font-size:15.5px;letter-spacing:-0.02em;} #header .brand-sub{font-size:12.5px;color:var(--z5c598-slate);margin-top:3px;} #header .nav{margin-left:auto;display:flex;align-items:center;gap:18px;} #header .nav-link{font-size:13.5px;color:var(--z5c598-ink);text-decoration:none;padding:10px 10px;border-radius:10px;outline-offset:3px;} #header .nav-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--z5c598-primary) 22%, transparent);background:color-mix(in srgb, var(--z5c598-primary) 6%, var(--z5c598-surface));} #header .nav-link:hover{background:color-mix(in srgb, var(--z5c598-primary) 6%, var(--z5c598-surface));} #header .nav-link-cta{background:var(--z5c598-primary);color:var(--z5c598-surface);border:1px solid var(--z5c598-primary);} #header .nav-link-cta:hover{background:color-mix(in srgb, var(--z5c598-primary) 92%, #000);} #header .nav-link-blog{display:inline-flex;align-items:center;gap:8px;} #header .menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);cursor:pointer;align-items:center;justify-content:center;} #header .menu-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--z5c598-primary) 22%, transparent);} #header .menu-toggle-lines{position:relative;width:18px;height:14px;display:block;} #header .menu-toggle-lines::before,#header .menu-toggle-lines::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--z5c598-ink);border-radius:2px;} #header .menu-toggle-lines::before{top:1px;box-shadow:0 5px 0 var(--z5c598-ink);} #header .menu-toggle-lines::after{bottom:1px;} @media (max-width: 860px){ #header .nav{display:none;} #header .menu-toggle{display:inline-flex;} #header .header-inner{gap:12px;} #header .brand{min-width:auto;} #header .nav[aria-label]{ position:absolute;left:12px;right:12px;top:calc(var(--hdr-h) + 10px); display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--z5c598-surface); border:1px solid var(--z5c598-border);border-radius:16px;box-shadow:0 10px 30px color-mix(in srgb, var(--z5c598-primary) 14%, transparent); } #header .nav[aria-label] .nav-link{padding:12px 12px;} } @media (prefers-reduced-motion: reduce){ #header *{scroll-behavior:auto;} } #header::selection{background:color-mix(in srgb, var(--z5c598-primary) 20%, transparent);} /* z5c598:footer */ /* z5c598:footer */ #footer.site-footer{background:var(--z5c598-bg);color:var(--z5c598-text);padding:48px 16px 24px;border-top:1px solid var(--z5c598-border);} #footer.site-footer .footer-inner{max-width:1120px;margin:0 auto;} #footer.site-footer .footer-top{display:flex;gap:28px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;} #footer.site-footer .footer-brand{display:flex;gap:12px;min-width:260px;flex:1 1 320px;} #footer.site-footer .brand-mark{width:14px;height:48px;border-radius:8px;background:var(--z5c598-primary);box-shadow:0 10px 28px rgba(11,58,98,.14);} #footer.site-footer .brand-meta{padding-top:2px;} #footer.site-footer .brand-name{font-family:var(--z5c598-font-display);font-size:18px;letter-spacing:-0.02em;margin:0 0 6px;font-weight:700;color:var(--z5c598-ink);} #footer.site-footer .brand-sub{margin:0;max-width:430px;line-height:1.5;color:var(--z5c598-text);font-size:13.5px;} #footer.site-footer .footer-columns{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:22px;flex:2 1 640px;} #footer.site-footer .footer-col{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:18px 18px 16px;} #footer.site-footer .footer-heading{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:-0.01em;color:var(--z5c598-ink);} #footer.site-footer .footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #footer.site-footer .footer-link{color:var(--z5c598-ink);text-decoration:none;font-size:13.5px;line-height:1.35;display:inline-flex;align-items:center;gap:8px;} #footer.site-footer .footer-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px;} #footer.site-footer .footer-link:hover{text-decoration:underline;} #footer.site-footer .footer-text{margin:0;font-size:13.5px;line-height:1.35;color:var(--z5c598-text);} #footer.site-footer .footer-strong{color:var(--z5c598-ink);font-weight:700;} #footer.site-footer .footer-bottom{margin-top:22px;padding-top:18px;border-top:1px solid var(--z5c598-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;} #footer.site-footer .footer-policy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} #footer.site-footer .footer-policy-link{color:var(--z5c598-ink);text-decoration:none;font-size:13.5px;} #footer.site-footer .footer-policy-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px;} #footer.site-footer .footer-policy-link:hover{text-decoration:underline;} #footer.site-footer .footer-sep{color:var(--z5c598-slate);font-size:12px;} #footer.site-footer .footer-legal{margin:0;font-size:13.5px;color:var(--z5c598-text);} #footer.site-footer ::selection{background:rgba(46,125,50,.22);} @media (max-width:920px){#footer.site-footer .footer-columns{grid-template-columns:1fr;} #footer.site-footer .footer-col{padding:16px;} } @media (prefers-reduced-motion:reduce){#footer.site-footer *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* z5c598:hero */ /* z5c598:hero */ #hero.hero{--gap:24px; padding:48px 18px; background:var(--z5c598-bg);} #hero.hero .hero__inner{max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1.15fr 0.85fr; gap:40px; align-items:start;} #hero.hero .hero__copy{padding-top:6px;} #hero.hero .hero__kicker{display:inline-block; margin:0 0 12px; font-family:var(--z5c598-font); color:var(--z5c598-primary); font-weight:700; letter-spacing:.2px;} #hero.hero .hero__title{margin:0 0 14px; font-family:var(--z5c598-font-display); font-size:clamp(30px,4.1vw,46px); line-height:1.05; color:var(--z5c598-ink); letter-spacing:-0.5px; text-wrap:balance;} #hero.hero .hero__lead{margin:0 0 18px; font-family:var(--z5c598-font); color:var(--z5c598-text); font-size:16px; line-height:1.65; max-width:60ch;} #hero.hero .hero__meta{display:flex; flex-direction:column; gap:10px; margin:18px 0 22px;} #hero.hero .meta-pill{border:1px solid var(--z5c598-border); background:var(--z5c598-surface); border-radius:var(--z5c598-radius-md,12px); padding:12px 14px;} #hero.hero .meta-pill__label{display:block; font-size:12px; color:var(--z5c598-slate); font-weight:700; text-transform:uppercase; letter-spacing:.3px;} #hero.hero .meta-pill__value{display:block; margin-top:6px; color:var(--z5c598-text); font-size:14px; line-height:1.45;} #hero.hero .hero__cta{display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:12px;} #hero.hero .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 16px; border-radius:12px; border:1px solid transparent; font-family:var(--z5c598-font); font-weight:700; text-decoration:none; line-height:1; white-space:nowrap;} #hero.hero .btn--primary{background:var(--z5c598-primary); color:var(--z5c598-surface); border-color:var(--z5c598-primary);} #hero.hero .btn--primary:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 50%, white 50%); outline-offset:3px;} #hero.hero .btn--ghost{background:var(--z5c598-surface); color:var(--z5c598-primary); border-color:var(--z5c598-border);} #hero.hero .btn--ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 45%, white 55%); outline-offset:3px;} #hero.hero .btn--full{width:100%;} #hero.hero .btn:hover{filter:brightness(0.98);} #hero.hero .hero__micro{margin:14px 0 0; color:var(--z5c598-slate); font-size:13px; line-height:1.45;} #hero.hero .hero__panel{position:relative; background:var(--z5c598-surface); border:1px solid var(--z5c598-border); border-radius:16px; padding:18px 18px 16px; overflow:hidden;} #hero.hero .hero__panel-top{padding:2px 0 10px;} #hero.hero .hero__panel-title{margin:0 0 8px; font-family:var(--z5c598-font-display); font-size:22px; line-height:1.2; color:var(--z5c598-ink); letter-spacing:-0.3px;} #hero.hero .hero__panel-text{margin:0; color:var(--z5c598-text); font-size:14.5px; line-height:1.6;} #hero.hero .hero__dl{margin:14px 0 16px; display:flex; flex-direction:column; gap:10px;} #hero.hero .hero__dl-row{display:flex; align-items:flex-start; justify-content:space-between; gap:14px;} #hero.hero .hero__dt{margin:0; font-size:12px; font-weight:800; color:var(--z5c598-slate); text-transform:uppercase; letter-spacing:.35px;} #hero.hero .hero__dd{margin:0; color:var(--z5c598-text); font-size:14px; line-height:1.45; text-align:right;} #hero.hero .link{color:var(--z5c598-primary); text-decoration:underline; text-decoration-thickness:from-font; text-underline-offset:3px;} #hero.hero .link:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 45%, white 55%); outline-offset:3px; border-radius:8px;} #hero.hero .hero__panel-actions{margin-top:14px; display:flex; flex-direction:column; gap:12px;} #hero.hero .hero__panel-foot{margin:0; font-size:13px; line-height:1.45; color:var(--z5c598-slate);} #hero.hero .hero__accent{position:absolute; right:-60px; top:-60px; width:180px; height:180px; border-radius:50%; background:color-mix(in srgb, var(--z5c598-secondary) 14%, white 86%); border:1px solid color-mix(in srgb, var(--z5c598-secondary) 35%, var(--z5c598-border) 65%);} #hero.hero ::selection{background:color-mix(in srgb, var(--z5c598-secondary) 28%, white 72%);} @media (prefers-reduced-motion: reduce){#hero.hero *{scroll-behavior:auto;}} @media (max-width: 900px){#hero.hero .hero__inner{grid-template-columns:1fr; gap:18px;} #hero.hero .hero__panel{padding:16px;}} @media (max-width: 520px){#hero.hero{padding:34px 14px;} #hero.hero .hero__dl-row{flex-direction:column; align-items:flex-start;} #hero.hero .hero__dd{text-align:left;}} /* z5c598:postura-cumplimiento */ /* z5c598:postura-cumplimiento */ #postura-cumplimiento{--s:var(--z5c598-secondary);--p:var(--z5c598-primary);--ink:var(--z5c598-ink);--sl:var(--z5c598-slate);--mist:var(--z5c598-mist);--bd:var(--z5c598-border);--bg:var(--z5c598-bg);--sf:var(--z5c598-surface);padding:44px 0;background:var(--z5c598-bg);color:var(--z5c598-text);} #postura-cumplimiento .postura__container{max-width:1040px;margin:0 auto;padding:0 18px;} #postura-cumplimiento .postura__header{margin-bottom:18px;} #postura-cumplimiento .postura__title{font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-0.02em;margin:0 0 10px;font-size:34px;line-height:1.15;text-wrap:balance;color:var(--z5c598-ink);} #postura-cumplimiento .postura__lead{margin:0;max-width:900px;font-family:var(--z5c598-font);font-size:16px;line-height:1.65;color:var(--z5c598-text);} #postura-cumplimiento .postura__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin:22px 0 18px;} #postura-cumplimiento .postura__item{grid-column:span 4;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:18px 16px;box-shadow:0 8px 24px rgba(11,58,98,.06);} #postura-cumplimiento .postura__badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:999px;background:rgba(46,125,50,.10);border:1px solid rgba(46,125,50,.28);color:var(--z5c598-accent);font-weight:800;font-size:13px;font-family:var(--z5c598-font);letter-spacing:.02em;} #postura-cumplimiento .postura__item-title{margin:12px 0 8px;font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-0.01em;font-size:18px;line-height:1.25;color:var(--z5c598-ink);} #postura-cumplimiento .postura__item-text{margin:0;font-family:var(--z5c598-font);font-size:14.5px;line-height:1.65;color:var(--z5c598-text);} #postura-cumplimiento .postura__callout{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);padding:18px 16px;} #postura-cumplimiento .postura__callout-text{margin:0;font-family:var(--z5c598-font);font-size:15px;line-height:1.7;color:var(--z5c598-text);} #postura-cumplimiento .postura__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;} #postura-cumplimiento .postura__button{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:var(--z5c598-radius-sm,8px);font-family:var(--z5c598-font);font-weight:800;font-size:14.5px;text-decoration:none;border:1px solid var(--z5c598-primary);color:var(--z5c598-surface);background:var(--z5c598-primary);} #postura-cumplimiento .postura__button--outline{background:var(--z5c598-surface);color:var(--z5c598-ink);border-color:var(--z5c598-ink);} #postura-cumplimiento .postura__button:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #postura-cumplimiento .postura__button:hover{background:#0a345a;} #postura-cumplimiento .postura__button--outline:hover{background:rgba(11,58,98,.05);} #postura-cumplimiento ::selection{background:rgba(46,125,50,.22);} @media (prefers-reduced-motion: reduce){#postura-cumplimiento *{scroll-behavior:auto;}} @media (max-width: 900px){#postura-cumplimiento .postura__item{grid-column:span 6;}} @media (max-width: 600px){#postura-cumplimiento{padding:34px 0;}#postura-cumplimiento .postura__title{font-size:28px;}#postura-cumplimiento .postura__grid{gap:12px;}#postura-cumplimiento .postura__item{grid-column:span 12;}#postura-cumplimiento .postura__actions{margin-top:12px;}} /* z5c598:como-trabajamos */ /* z5c598:como-trabajamos */ #como-trabajamos.como-trabajamos{--radius-sm:var(--z5c598-radius-sm,8px);--radius-md:var(--z5c598-radius-md,12px);--radius-lg:var(--z5c598-radius-lg,16px);--primary:var(--z5c598-primary);--secondary:var(--z5c598-secondary);--ink:var(--z5c598-ink);--slate:var(--z5c598-slate);--mist:var(--z5c598-mist);--border:var(--z5c598-border);--surface:var(--z5c598-surface);--bg:var(--z5c598-bg);--text:var(--z5c598-text);background:var(--z5c598-bg);padding:48px 0;color:var(--z5c598-text);} #como-trabajamos .container{max-width:1040px;margin:0 auto;padding:0 20px;} #como-trabajamos .section-head{margin-bottom:22px;} #como-trabajamos .kicker{display:inline-block;font-family:var(--z5c598-font);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--z5c598-secondary);background:rgba(46,125,50,0.10);border:1px solid rgba(46,125,50,0.22);padding:8px 10px;border-radius:999px;margin:0 0 10px;} #como-trabajamos .title{font-family:var(--z5c598-font-display, var(--z5c598-font));font-size:34px;line-height:1.15;margin:0 0 10px;letter-spacing:-0.02em;text-wrap:balance;} #como-trabajamos .lead{margin:0;max-width:820px;font-size:16px;line-height:1.65;color:var(--z5c598-text);} #como-trabajamos .phases{display:flex;flex-direction:column;gap:14px;margin-top:22px;} #como-trabajamos .phase{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:flex-start;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);padding:18px 18px;} #como-trabajamos .phase:nth-child(even){background:linear-gradient(180deg, rgba(11,58,98,0.03), rgba(255,255,255,0) 70%), var(--z5c598-surface);} #como-trabajamos .phase-num{width:72px;height:72px;border-radius:var(--z5c598-radius-lg,16px);display:flex;align-items:center;justify-content:center;font-family:var(--z5c598-font-display, var(--z5c598-font));font-weight:700;letter-spacing:0.02em;color:var(--z5c598-primary);border:1px solid rgba(11,58,98,0.18);background:rgba(11,58,98,0.04);font-variant-numeric:tabular-nums;font-size:20px;} #como-trabajamos .phase-title{margin:0 0 8px;font-family:var(--z5c598-font-display, var(--z5c598-font));font-size:18px;letter-spacing:-0.01em;color:var(--z5c598-ink);} #como-trabajamos .phase-text{margin:0 0 10px;font-size:15px;line-height:1.65;color:var(--z5c598-text);} #como-trabajamos .phase-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;} #como-trabajamos .phase-point{position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:var(--z5c598-text);} #como-trabajamos .phase-point::before{content:"";position:absolute;left:4px;top:0.65em;width:8px;height:2px;background:var(--z5c598-secondary);border-radius:2px;box-shadow:0 0 0 1px rgba(46,125,50,0.10);} #como-trabajamos .phase-cta{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap;} #como-trabajamos .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 14px;font-family:var(--z5c598-font);font-size:14px;text-decoration:none;line-height:1.2;min-height:42px;gap:10px;} #como-trabajamos .btn.primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border:1px solid rgba(11,58,98,0.35);box-shadow:0 8px 18px rgba(11,58,98,0.12);} #como-trabajamos .btn.ghost{background:transparent;color:var(--z5c598-ink);border:2px solid rgba(11,58,98,0.22);} #como-trabajamos .btn.primary:hover{background:#0a3356;} #como-trabajamos .btn.ghost:hover{background:rgba(11,58,98,0.04);} #como-trabajamos .btn:active{transform:translateY(1px);} #como-trabajamos .btn:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:2px;} #como-trabajamos .callout{margin-top:18px;display:flex;gap:12px;align-items:flex-start;background:rgba(46,125,50,0.05);border:1px solid rgba(46,125,50,0.22);border-radius:var(--z5c598-radius-lg,16px);padding:16px 16px;} #como-trabajamos .callout-icon{width:40px;height:40px;border-radius:12px;background:rgba(46,125,50,0.14);color:var(--z5c598-secondary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;border:1px solid rgba(46,125,50,0.25);} #como-trabajamos .callout-title{margin:0 0 4px;font-family:var(--z5c598-font-display, var(--z5c598-font));font-size:16px;color:var(--z5c598-ink);} #como-trabajamos .callout-body{margin:0;font-size:14px;line-height:1.6;color:var(--z5c598-text);} #como-trabajamos ::selection{background:rgba(46,125,50,0.22);} @media (max-width:820px){#como-trabajamos .title{font-size:28px;}#como-trabajamos .phase{grid-template-columns:80px 1fr;padding:16px;}#como-trabajamos .phase-num{width:66px;height:66px;}} @media (max-width:560px){#como-trabajamos{padding:36px 0;}#como-trabajamos .container{padding:0 16px;}#como-trabajamos .phase{grid-template-columns:1fr;gap:12px;}#como-trabajamos .phase-num{width:68px;height:54px;border-radius:14px;}#como-trabajamos .phase-cta{gap:10px;}} @media (prefers-reduced-motion: reduce){#como-trabajamos .btn{transition:none;}} /* z5c598:articulos-destacados */ /* z5c598:articulos-destacados */ #articulos-destacados{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--gap:18px; background:var(--z5c598-bg); color:var(--z5c598-text);} #articulos-destacados .articulos-container{max-width:1120px;margin:0 auto;padding:56px 22px 36px;} #articulos-destacados .articulos-header{max-width:760px;} #articulos-destacados .articulos-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--z5c598-font);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--z5c598-secondary);} #articulos-destacados .articulos-title{margin:0 0 12px;font-family:var(--z5c598-font-display);font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;color:var(--z5c598-ink);} #articulos-destacados .articulos-lead{margin:0;font-family:var(--z5c598-font);font-size:15px;line-height:1.7;color:var(--z5c598-text);} #articulos-destacados .articulos-toolbar{margin:22px 0 26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;} #articulos-destacados .articulos-link{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--z5c598-border);background:var(--z5c598-surface);color:var(--z5c598-ink);text-decoration:none;font-family:var(--z5c598-font);font-size:14px;font-weight:600;} #articulos-destacados .articulos-link.subtle{font-weight:600;background:transparent;} #articulos-destacados .articulos-link:hover{border-color:color-mix(in srgb, var(--z5c598-ink) 35%, var(--z5c598-border));} #articulos-destacados .articulos-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 35%, transparent);outline-offset:2px;} #articulos-destacados .articulos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} #articulos-destacados .articulos-card{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:0 1px 0 color-mix(in srgb, var(--z5c598-ink) 8%, transparent);} #articulos-destacados .articulos-card-title{margin:2px 0 10px;line-height:1.25;} #articulos-destacados .articulos-card-anchor{color:var(--z5c598-ink);text-decoration:none;font-family:var(--z5c598-font-display);font-size:17px;font-weight:700;letter-spacing:-.01em;} #articulos-destacados .articulos-card-anchor:hover{text-decoration:underline;text-underline-offset:3px;} #articulos-destacados .articulos-card-anchor:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 35%, transparent);outline-offset:4px;border-radius:6px;} #articulos-destacados .articulos-card-meta{margin:0 0 14px;font-family:var(--z5c598-font);color:color-mix(in srgb, var(--z5c598-text) 80%, var(--z5c598-slate));font-size:14px;line-height:1.6;min-height:44px;} #articulos-destacados .articulos-card-cta{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb, var(--z5c598-secondary) 12%, var(--z5c598-surface));border:1px solid color-mix(in srgb, var(--z5c598-secondary) 32%, var(--z5c598-border));color:color-mix(in srgb, var(--z5c598-ink) 92%, var(--z5c598-secondary));text-decoration:none;font-family:var(--z5c598-font);font-weight:700;font-size:14px;} #articulos-destacados .articulos-card-cta:hover{background:color-mix(in srgb, var(--z5c598-secondary) 18%, var(--z5c598-surface));border-color:color-mix(in srgb, var(--z5c598-secondary) 48%, var(--z5c598-border));} #articulos-destacados .articulos-card-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 35%, transparent);outline-offset:2px;} #articulos-destacados .articulos-footer{margin-top:26px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--z5c598-border);padding-top:18px;} #articulos-destacados .articulos-footnote{margin:0;max-width:720px;color:color-mix(in srgb, var(--z5c598-text) 82%, var(--z5c598-slate));font-family:var(--z5c598-font);font-size:14px;line-height:1.6;} #articulos-destacados .articulos-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md);background:var(--z5c598-secondary);border:1px solid color-mix(in srgb, var(--z5c598-secondary) 55%, var(--z5c598-secondary));color:var(--z5c598-surface);text-decoration:none;font-family:var(--z5c598-font);font-size:14px;font-weight:800;} #articulos-destacados .articulos-primary:hover{filter:brightness(0.98);} #articulos-destacados .articulos-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 35%, transparent);outline-offset:2px;} #articulos-destacados ::selection{background:color-mix(in srgb, var(--z5c598-secondary) 22%, transparent);color:var(--z5c598-ink);} @media (max-width: 980px){#articulos-destacados .articulos-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #articulos-destacados .articulos-title{font-size:30px;}} @media (max-width: 620px){#articulos-destacados .articulos-container{padding:44px 16px 28px;} #articulos-destacados .articulos-grid{grid-template-columns:1fr;} #articulos-destacados .articulos-footer{gap:12px;} } @media (prefers-reduced-motion: reduce){#articulos-destacados *{scroll-behavior:auto;transition:none;animation:none;}} /* z5c598:testimonios */ #testimonios{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-1:0 10px 30px rgba(11,58,98,.10);--shadow-2:0 6px 18px rgba(46,125,50,.10);--container-max:1100px;--gap:24px;--ink:var(--z5c598-ink);--secondary:var(--z5c598-secondary);--primary:var(--z5c598-primary);--slate:var(--z5c598-slate);--mist:var(--z5c598-mist);--border:var(--z5c598-border);--surface:var(--z5c598-surface);--bg:var(--z5c598-bg);--text:var(--z5c598-text);font-family:var(--z5c598-font);background:var(--z5c598-bg);color:var(--z5c598-text);padding:56px 16px;} #testimonios *{box-sizing:border-box;} #testimonios ::selection{background:rgba(46,125,50,.18);color:var(--z5c598-ink);} #testimonios .testimonios__container{max-width:var(--container-max);margin:0 auto;} #testimonios .testimonios__header{margin-bottom:26px;} #testimonios .testimonios__kicker{display:inline-block;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--z5c598-secondary);background:rgba(46,125,50,.10);border:1px solid rgba(46,125,50,.18);padding:7px 10px;border-radius:999px;} #testimonios .testimonios__title{margin:14px 0 10px;font-size:36px;line-height:1.12;letter-spacing:-.02em;color:var(--z5c598-ink);font-weight:800;text-wrap:balance;} #testimonios .testimonios__lead{margin:0;max-width:68ch;font-size:16px;line-height:1.6;color:var(--z5c598-text);} #testimonios .testimonios__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:18px;} #testimonios .testimonio{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:var(--shadow-1);position:relative;overflow:hidden;} #testimonios .testimonio:before{content:"";position:absolute;inset:-1px auto auto -1px;width:5px;background:linear-gradient(180deg, rgba(46,125,50,.95), rgba(11,58,98,.55));opacity:.95;} #testimonios .testimonio__badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--z5c598-secondary);padding:0 0 8px 10px;} #testimonios .testimonio__quote{margin:0;} #testimonios .testimonio__text{margin:0;font-size:15.5px;line-height:1.65;color:var(--z5c598-text);font-weight:600;} #testimonios .testimonio__meta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(217,224,230,.9);display:flex;flex-direction:column;gap:8px;} #testimonios .testimonio__meta-item{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;} #testimonios .testimonio__meta-label{font-size:12px;font-weight:800;color:var(--z5c598-slate);text-transform:uppercase;letter-spacing:.06em;} #testimonios .testimonio__meta-value{font-size:13.5px;color:var(--z5c598-ink);font-weight:700;} #testimonios .testimonios__cta{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(11,58,98,.04);border:1px solid rgba(11,58,98,.14);border-radius:var(--radius-lg);padding:16px 16px 16px 18px;} #testimonios .testimonios__cta-text{margin:0;max-width:60ch;font-size:15px;line-height:1.55;color:var(--z5c598-text);font-weight:600;} #testimonios .testimonios__cta-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:var(--z5c598-surface);background:var(--z5c598-ink);border:1px solid rgba(11,58,98,.35);border-radius:999px;padding:12px 16px;font-size:14px;font-weight:800;letter-spacing:.01em;box-shadow:var(--shadow-2);white-space:nowrap;} #testimonios .testimonios__cta-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;} #testimonios .testimonios__cta-link:hover{background:rgba(11,58,98,.92);} @media (max-width: 980px){#testimonios{padding:48px 14px;}.testimonios__title{font-size:32px;}.testimonios__list{grid-template-columns:1fr;gap:14px;}.testimonios__cta{flex-direction:column;align-items:flex-start;}} @media (prefers-reduced-motion: reduce){#testimonios *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z5c598:faq-rapida */ /* z5c598:faq-rapida */ #faq-rapida.faq-section{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;font-family:var(--z5c598-font);background:var(--z5c598-bg);color:var(--z5c598-text);padding:48px 18px;} #faq-rapida.faq-section .faq-wrap{max-width:980px;margin:0 auto;} #faq-rapida.faq-section .faq-intro{margin-bottom:18px;} #faq-rapida.faq-section .faq-title{margin:0 0 8px 0;font-size:34px;line-height:1.15;letter-spacing:-0.02em;font-family:var(--z5c598-font-display);text-wrap:balance;} #faq-rapida.faq-section .faq-subtitle{margin:0;color:var(--z5c598-slate);font-size:16px;line-height:1.6;max-width:66ch;} #faq-rapida.faq-section .faq-accordion{display:block;margin-top:18px;border-radius:var(--radius-lg);background:var(--z5c598-surface);border:1px solid var(--z5c598-border);overflow:hidden;} #faq-rapida.faq-section .faq-item{border-top:1px solid var(--z5c598-border);} #faq-rapida.faq-section .faq-item:first-child{border-top:none;} #faq-rapida.faq-section .faq-trigger{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px;background:var(--z5c598-surface);border:none;color:var(--z5c598-ink);cursor:pointer;} #faq-rapida.faq-section .faq-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--z5c598-accent) 55%, white);outline-offset:-3px;} #faq-rapida.faq-section .faq-question{font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-0.01em;} #faq-rapida.faq-section .faq-icon{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid var(--z5c598-border);background:color-mix(in srgb,var(--z5c598-surface) 70%, var(--z5c598-bg) 30%);position:relative;} #faq-rapida.faq-section .faq-icon:before,#faq-rapida.faq-section .faq-icon:after{content:"";position:absolute;left:50%;top:50%;background:var(--z5c598-ink);transform:translate(-50%,-50%);} #faq-rapida.faq-section .faq-icon:before{width:10px;height:2px;border-radius:1px;} #faq-rapida.faq-section .faq-icon:after{width:2px;height:10px;border-radius:1px;transition:transform 160ms ease;} #faq-rapida.faq-section .faq-item[data-open="true"] .faq-icon:after{transform:translate(-50%,-50%) scaleY(0);} #faq-rapida.faq-section .faq-panel{padding:0 16px 16px 16px;} #faq-rapida.faq-section .faq-answer{color:var(--z5c598-text);font-size:15px;line-height:1.7;max-width:78ch;} #faq-rapida.faq-section .faq-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;color:var(--z5c598-slate);} #faq-rapida.faq-section .faq-link{color:var(--z5c598-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--z5c598-primary) 35%, transparent);text-underline-offset:3px;font-weight:700;} #faq-rapida.faq-section .faq-link:focus-visible{outline:3px solid color-mix(in srgb,var(--z5c598-accent) 55%, white);outline-offset:3px;border-radius:6px;} #faq-rapida.faq-section .faq-sep{color:var(--z5c598-border);} @media (max-width:640px){ #faq-rapida.faq-section{padding:36px 14px;} #faq-rapida.faq-section .faq-title{font-size:28px;} #faq-rapida.faq-section .faq-trigger{padding:14px 12px;} #faq-rapida.faq-section .faq-panel{padding:0 12px 14px 12px;} } #faq-rapida.faq-section ::selection{background:color-mix(in srgb,var(--z5c598-accent) 30%, white);} @media (prefers-reduced-motion:reduce){ #faq-rapida.faq-section *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* z5c598:contacto */ /* z5c598:contacto */ #contacto{background:var(--z5c598-bg);color:var(--z5c598-text);padding:44px 18px;} #contacto .contacto__inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.25fr 0.75fr;gap:26px;align-items:start;} #contacto .contacto__copy{padding:10px 0;} #contacto .contacto__eyebrow{margin:0 0 10px;font:600 12px/1.2 var(--z5c598-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z5c598-primary);} #contacto .contacto__title{margin:0 0 12px;font:700 34px/1.12 var(--z5c598-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--z5c598-ink);} #contacto .contacto__lead{margin:0 0 18px;font:400 16px/1.6 var(--z5c598-font);color:var(--z5c598-text);max-width:66ch;} #contacto .contacto__req{margin:18px 0 18px;padding:16px 16px;border:1px solid var(--z5c598-border);border-radius:var(--radius-md, 12px);background:var(--z5c598-surface);} #contacto .contacto__sub{margin:0 0 10px;font:700 16px/1.3 var(--z5c598-font);color:var(--z5c598-ink);} #contacto .contacto__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;} #contacto .contacto__list li{display:flex;gap:10px;align-items:flex-start;} #contacto .contacto__bullet{color:var(--z5c598-secondary);font-weight:900;line-height:1.2;transform:translateY(1px);} #contacto .contacto__ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 14px;} #contacto .contacto__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md, 12px);text-decoration:none;font:700 14px/1.1 var(--z5c598-font);border:1px solid transparent;white-space:nowrap;} #contacto .contacto__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 60%, white);outline-offset:2px;} #contacto .contacto__btn--primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border-color:var(--z5c598-primary);} #contacto .contacto__btn--primary:hover{filter:brightness(1.03);} #contacto .contacto__btn--ghost{background:var(--z5c598-surface);color:var(--z5c598-ink);border-color:var(--z5c598-border);} #contacto .contacto__btn--ghost:hover{background:color-mix(in srgb, var(--z5c598-surface) 80%, var(--z5c598-bg));} #contacto .contacto__btn--full{width:100%;} #contacto .contacto__contact{margin-top:10px;padding-top:14px;border-top:1px dashed var(--z5c598-border);} #contacto .contacto__contactLine{margin:8px 0;font:400 15px/1.5 var(--z5c598-font);color:var(--z5c598-text);} #contacto .contacto__label{display:inline-block;min-width:54px;font-weight:700;color:var(--z5c598-ink);} #contacto .contacto__link{color:var(--z5c598-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #contacto .contacto__link:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 60%, white);outline-offset:3px;border-radius:8px;} #contacto .contacto__aside{padding-top:10px;} #contacto .contacto__asideCard{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg, 16px);padding:16px 16px;box-shadow:0 10px 24px color-mix(in srgb, var(--z5c598-primary) 10%, transparent);} #contacto .contacto__asideCard--alt{margin-top:14px;background:color-mix(in srgb, var(--z5c598-surface) 88%, var(--z5c598-bg));} #contacto .contacto__asideTitle{margin:0 0 8px;font:800 16px/1.2 var(--z5c598-font);color:var(--z5c598-ink);} #contacto .contacto__asideText{margin:0 0 14px;font:400 14.5px/1.6 var(--z5c598-font);color:var(--z5c598-text);} #contacto .contacto__fineprint{margin-top:10px;font:400 12.5px/1.5 var(--z5c598-font);color:color-mix(in srgb, var(--z5c598-text) 72%, var(--z5c598-mist));} #contacto .contacto__chips{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;} #contacto .contacto__chip{font:700 12.5px/1 var(--z5c598-font);padding:9px 10px;border-radius:999px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);color:var(--z5c598-ink);} #contacto ::selection{background:color-mix(in srgb, var(--z5c598-secondary) 22%, white);} @media (max-width: 920px){#contacto .contacto__inner{grid-template-columns:1fr;} #contacto .contacto__title{font-size:30px;}} @media (prefers-reduced-motion: reduce){#contacto .contacto__btn{transition:none;}} /* z5c598:blog-list */ /* z5c598:blog-list */ #blog-list.blog-list{ --section-pad: clamp(18px, 3vw, 34px); background: var(--z5c598-bg); color: var(--z5c598-text); padding: var(--section-pad) 0; } #blog-list.blog-list .container{ width: min(1120px, calc(100% - 32px)); margin: 0 auto; } #blog-list.blog-list .section-head{ margin-bottom: 18px; } #blog-list.blog-list .section-title{ margin: 0; font-family: var(--z5c598-font-display); font-size: clamp(22px, 3.1vw, 34px); line-height: 1.12; letter-spacing: -0.02em; text-wrap: balance; color: var(--z5c598-ink); } #blog-list.blog-list .section-subtitle{ margin: 10px 0 0; font-family: var(--z5c598-font); font-size: 14.5px; line-height: 1.65; color: var(--z5c598-text); max-width: 72ch; } #blog-list.blog-list .list-wrap{ display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 18px; } #blog-list.blog-list .post-card{ background: var(--z5c598-surface); border: 1px solid var(--z5c598-border); border-radius: var(--z5c598-radius-lg, 16px); padding: 16px 16px 14px; box-shadow: 0 10px 24px rgba(11,58,98,0.06); } #blog-list.blog-list .post-meta{ display: flex; align-items: center; gap: 10px; color: var(--z5c598-slate); font-size: 12.5px; font-family: var(--z5c598-font); } #blog-list.blog-list .topic{ background: rgba(46,125,50,0.10); color: var(--z5c598-secondary); border: 1px solid rgba(46,125,50,0.22); padding: 5px 10px; border-radius: 999px; font-weight: 700; } #blog-list.blog-list .meta-dot{ color: var(--z5c598-slate); } #blog-list.blog-list .post-title{ margin: 12px 0 8px; } #blog-list.blog-list .post-link{ display: inline; color: var(--z5c598-ink); font-family: var(--z5c598-font-display); font-weight: 800; font-size: 18px; line-height: 1.25; text-decoration: none; } #blog-list.blog-list .post-link:focus-visible{ outline: 3px solid rgba(46,125,50,0.35); outline-offset: 3px; } #blog-list.blog-list .post-excerpt{ margin: 0; font-size: 14.5px; line-height: 1.7; color: var(--z5c598-text); } #blog-list.blog-list .post-cta{ display: inline-flex; align-items: center; margin-top: 12px; color: var(--z5c598-secondary); font-weight: 800; text-decoration: none; border-bottom: 1px solid rgba(46,125,50,0.35); } #blog-list.blog-list .post-cta:hover{ border-bottom-color: rgba(46,125,50,0.75); } #blog-list.blog-list .post-cta:focus-visible{ outline: 3px solid rgba(46,125,50,0.35); outline-offset: 4px; border-bottom-color: rgba(46,125,50,0.75); } #blog-list.blog-list .section-foot{ margin-top: 16px; padding: 14px; border-radius: var(--z5c598-radius-md, 12px); background: rgba(255,255,255,0.75); border: 1px solid var(--z5c598-border); display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; } #blog-list.blog-list .foot-note{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--z5c598-text); max-width: 70ch; } #blog-list.blog-list .secondary-btn{ appearance: none; background: var(--z5c598-surface); border: 2px solid rgba(11,58,98,0.25); color: var(--z5c598-ink); font-weight: 900; padding: 10px 14px; border-radius: 999px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; } #blog-list.blog-list .secondary-btn:hover{ background: rgba(11,58,98,0.06); border-color: rgba(11,58,98,0.42); } #blog-list.blog-list .secondary-btn:focus-visible{ outline: 3px solid rgba(46,125,50,0.35); outline-offset: 3px; } #blog-list.blog-list ::selection{ background: rgba(46,125,50,0.25); } @media (min-width: 760px){ #blog-list.blog-list .list-wrap{ grid-template-columns: 1fr 1fr; gap: 14px; } #blog-list.blog-list .post-card{ padding: 18px 18px 16px; } } @media (prefers-reduced-motion: reduce){ #blog-list.blog-list .post-card, #blog-list.blog-list .secondary-btn, #blog-list.blog-list .post-cta{ transition: none !important; } } /* z5c598:blog-hero */ /* z5c598:blog-hero */ #blog-hero{--r:16px;--pad:24px;position:relative;overflow:hidden;background:var(--z5c598-bg);color:var(--z5c598-text);padding:34px 16px 24px} #blog-hero::before{content:"";position:absolute;inset:-2px -2px auto -2px;height:220px;background:linear-gradient(180deg, rgba(11,58,98,.10) 0%, rgba(11,58,98,0) 70%);pointer-events:none} .blog-hero__container{max-width:1080px;margin:0 auto;position:relative} .blog-hero__badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--z5c598-border);border-radius:999px;background:var(--z5c598-surface);font:600 13px/1.2 var(--z5c598-font);color:var(--z5c598-ink);letter-spacing:.2px} .blog-hero__title{margin:14px 0 10px;font:800 44px/1.06 var(--z5c598-font-display);letter-spacing:-.6px;text-wrap:balance;color:var(--z5c598-primary)} .blog-hero__lead{max-width:72ch;margin:0 0 18px;font:400 16px/1.7 var(--z5c598-font);color:var(--z5c598-text)} .blog-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0 18px} .blog-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--r);background:var(--z5c598-ink);color:var(--z5c598-surface);text-decoration:none;font:700 14px/1.2 var(--z5c598-font);border:1px solid var(--z5c598-ink)} .blog-hero__cta:focus-visible{outline:3px solid rgba(46,125,50,.45);outline-offset:2px} .blog-hero__cta:hover{filter:brightness(1.04)} .blog-hero__ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--r);background:var(--z5c598-surface);color:var(--z5c598-ink);text-decoration:none;font:700 14px/1.2 var(--z5c598-font);border:1px solid var(--z5c598-border)} .blog-hero__ghost:focus-visible{outline:3px solid rgba(46,125,50,.45);outline-offset:2px} .blog-hero__ghost:hover{border-color:rgba(11,58,98,.35)} .blog-hero__meta{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px;margin:8px 0 0;padding:16px;border:1px solid var(--z5c598-border);border-radius:var(--r);background:rgba(255,255,255,.7)} .blog-hero__meta-item{margin:0} .blog-hero__meta-item dt{font:700 13px/1.3 var(--z5c598-font);color:var(--z5c598-ink);margin:0 0 6px} .blog-hero__meta-item dd{margin:0;font:400 13px/1.5 var(--z5c598-font);color:var(--z5c598-slate)} #blog-hero *::selection{background:rgba(46,125,50,.25)} @media (max-width: 880px){.blog-hero__title{font-size:38px}.blog-hero__meta{grid-template-columns:1fr;gap:10px}} @media (prefers-reduced-motion: reduce){#blog-hero *{scroll-behavior:auto;transition:none!important;animation:none!important}} /* z5c598:blog-list */ #blog-list{--section-max:1120px;--pad:24px;--gap:16px;--card-radius:var(--z5c598-radius-md,12px);--shadow:0 10px 30px rgba(11,58,98,.10);--muted:var(--z5c598-slate);--bg:var(--z5c598-bg);--ink:var(--z5c598-ink);--border:var(--z5c598-border);}#blog-list *{box-sizing:border-box}#blog-list{background:var(--z5c598-bg);color:var(--z5c598-text);padding:48px 0}#blog-list ::selection{background:rgba(46,125,50,.22);color:var(--z5c598-ink)}#blog-list .blog-list__wrap{max-width:var(--section-max);margin:0 auto;padding:0 var(--pad)}#blog-list .blog-list__header{margin-bottom:22px}#blog-list .blog-list__title{font-family:var(--z5c598-font-display);font-weight:700;letter-spacing:-.02em;margin:0 0 8px 0;font-size:clamp(26px,2.5vw,34px);text-wrap:balance;color:var(--z5c598-ink)}#blog-list .blog-list__subtitle{margin:0;max-width:70ch;line-height:1.55;font-size:16px;color:var(--z5c598-text)}#blog-list .blog-list__controls{margin:18px 0 18px 0}#blog-list .blog-list__pager{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#blog-list .blog-list__page-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:40px;padding:0 14px;border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-sm,8px);background:var(--z5c598-surface);color:var(--z5c598-ink);text-decoration:none;font-weight:700;font-family:var(--z5c598-font);font-size:14px;letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,transform .15s ease}#blog-list .blog-list__page-link:hover{background:rgba(11,58,98,.04);border-color:rgba(11,58,98,.35)}#blog-list .blog-list__page-link:active{transform:translateY(1px)}#blog-list .blog-list__page-link--disabled{opacity:.7;cursor:not-allowed;transform:none}#blog-list .blog-list__page-link[aria-current="page"]{background:rgba(46,125,50,.10);border-color:rgba(46,125,50,.45)}#blog-list .blog-list__page-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px}#blog-list .blog-list__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}#blog-list .blog-card{grid-column:span 12;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);box-shadow:var(--shadow);overflow:hidden}#blog-list .blog-card__article{padding:18px 18px 16px 18px}#blog-list .blog-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}#blog-list .blog-card__tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(46,125,50,.35);background:rgba(46,125,50,.10);color:var(--z5c598-accent);font-weight:800;font-size:12px;letter-spacing:.02em}#blog-list .blog-card__time{font-size:13px;color:var(--z5c598-slate);font-weight:600}#blog-list .blog-card__title{margin:0 0 8px 0;line-height:1.25;font-family:var(--z5c598-font-display);letter-spacing:-.01em}#blog-list .blog-card__link{color:var(--z5c598-ink);text-decoration:none}#blog-list .blog-card__link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}#blog-list .blog-card__excerpt{margin:0 0 14px 0;color:var(--z5c598-text);line-height:1.55;font-size:15px}#blog-list .blog-card__bottom{display:flex;align-items:center;justify-content:space-between}#blog-list .blog-card__read{color:var(--z5c598-ink);font-weight:800;text-decoration:none;border-bottom:2px solid rgba(46,125,50,.35);padding-bottom:2px}#blog-list .blog-card__read:hover{border-bottom-color:rgba(46,125,50,.75)}#blog-list .blog-card__read:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-bottom-color:transparent}#blog-list .blog-list__footer{margin-top:18px;padding:18px;border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);background:rgba(255,255,255,.75)}#blog-list .blog-list__footnote{margin:0 0 12px 0;max-width:74ch;line-height:1.55;color:var(--z5c598-text)}#blog-list .blog-list__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--z5c598-radius-md,12px);background:var(--z5c598-primary);color:var(--z5c598-surface);text-decoration:none;font-weight:900;letter-spacing:.01em;border:1px solid rgba(11,58,98,.35);box-shadow:0 8px 22px rgba(11,58,98,.22)}#blog-list .blog-list__cta:hover{background:rgba(11,58,98,.92)}#blog-list .blog-list__cta:active{transform:translateY(1px)}#blog-list .blog-list__cta:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px} @media (min-width: 720px){#blog-list{padding:64px 0}#blog-list .blog-card{grid-column:span 6}#blog-list .blog-card__article{padding:20px}} @media (min-width: 1020px){#blog-list .blog-card{grid-column:span 4}} @media (prefers-reduced-motion: reduce){#blog-list .blog-list__page-link,#blog-list .blog-card__read,#blog-list .blog-list__cta{transition:none}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero.article-hero{--radius-sm:var(--z5c598-radius-sm,8px);--radius-md:var(--z5c598-radius-md,12px);--radius-lg:var(--z5c598-radius-lg,16px);background:var(--z5c598-bg);padding:clamp(20px,3.2vw,40px) 0;color:var(--z5c598-text);} #article-hero .article-hero__inner{max-width:1080px;margin:0 auto;padding:0 18px;} #article-hero .article-hero__header{padding:0 0 18px 0;} #article-hero .article-hero__kicker{margin:0 0 10px 0;font:600 12px/1.2 var(--z5c598-font);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--z5c598-primary) 72%, var(--z5c598-slate));} #article-hero .article-hero__title{margin:0;font:700 clamp(26px,3.4vw,44px)/1.08 var(--z5c598-font-display, var(--z5c598-font));letter-spacing:-.02em;text-wrap:balance;color:var(--z5c598-ink);} #article-hero .article-hero__meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;} #article-hero .article-hero__meta-item{background:var(--z5c598-surface);border:1px solid color-mix(in srgb,var(--z5c598-border) 88%, transparent);border-radius:var(--z5c598-radius-md,12px);padding:12px 14px;min-width:220px;flex:1;} #article-hero .article-hero__meta-label{display:block;font:700 12px/1.2 var(--z5c598-font);letter-spacing:.02em;color:var(--z5c598-slate);margin-bottom:6px;} #article-hero .article-hero__meta-value{display:block;font:600 14px/1.35 var(--z5c598-font);color:var(--z5c598-text);} #article-hero .article-hero__summary{background:var(--z5c598-surface);border:1px solid color-mix(in srgb,var(--z5c598-border) 88%, transparent);border-radius:var(--z5c598-radius-lg,16px);padding:18px 18px 16px 18px;margin-top:10px;} #article-hero .article-hero__lead{margin:0 0 14px 0;font:500 16px/1.6 var(--z5c598-font);color:var(--z5c598-text);} #article-hero .article-hero__bullets{display:flex;flex-direction:column;gap:10px;} #article-hero .bullet{display:flex;gap:10px;align-items:flex-start;} #article-hero .bullet__dot{width:10px;height:10px;border-radius:999px;background:var(--z5c598-secondary);margin-top:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--z5c598-secondary) 18%, transparent);} #article-hero .bullet span{font:600 14px/1.45 var(--z5c598-font);color:var(--z5c598-text);} #article-hero .article-hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;gap:10px;padding:12px 14px;font:700 14px/1.1 var(--z5c598-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;} #article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--z5c598-accent) 55%, transparent);outline-offset:2px;} #article-hero .btn--primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border-color:color-mix(in srgb,var(--z5c598-primary) 70%, var(--z5c598-primary));} #article-hero .btn--primary:hover{background:color-mix(in srgb,var(--z5c598-primary) 85%, #000);} #article-hero .btn--ghost{background:color-mix(in srgb,var(--z5c598-surface) 75%, transparent);color:var(--z5c598-ink);border-color:color-mix(in srgb,var(--z5c598-border) 95%, var(--z5c598-primary) 12%);} #article-hero .btn--ghost:hover{border-color:color-mix(in srgb,var(--z5c598-primary) 35%, var(--z5c598-border));background:color-mix(in srgb,var(--z5c598-surface) 88%, var(--z5c598-primary) 6%);} @media (max-width: 720px){ #article-hero .article-hero__meta-item{min-width: 100%;} #article-hero .article-hero__summary{padding:16px 14px 14px 14px;} #article-hero .article-hero__lead{font-size:15px;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition:none;} } #article-hero::selection{background:color-mix(in srgb,var(--z5c598-secondary) 35%, #fff);color:var(--z5c598-ink);} /* z5c598:article-content */ /* z5c598:article-content */ #article-content{--radius-sm:var(--z5c598-radius-sm,8px);--radius-md:var(--z5c598-radius-md,12px);--radius-lg:var(--z5c598-radius-lg,16px);box-sizing:border-box} #article-content *{box-sizing:border-box} #article-content .article-content{background:var(--z5c598-bg);color:var(--z5c598-text);padding:32px 16px 20px} #article-content .article-container{max-width:980px;margin:0 auto} #article-content .article-head{margin:0 0 18px} #article-content .article-title{font-family:var(--z5c598-font-display);font-size:clamp(28px,3.2vw,44px);line-height:1.12;letter-spacing:-0.02em;margin:0 0 10px;text-wrap:balance;color:var(--z5c598-ink)} #article-content .article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--z5c598-slate);font-size:14px} #article-content .meta-dot{color:var(--z5c598-border)} #article-content .article-body{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:22px 18px;box-shadow:0 10px 28px rgba(11,58,98,.06)} #article-content .article-body p{margin:0 0 14px;font-family:var(--z5c598-font);font-size:16px;line-height:1.7;color:var(--z5c598-text)} #article-content .article-body strong{color:var(--z5c598-ink)} #article-content .h2{font-family:var(--z5c598-font-display);font-size:20px;line-height:1.35;margin:26px 0 10px;color:var(--z5c598-ink);letter-spacing:-0.01em} #article-content .callout{margin:18px 0 6px;padding:16px 14px;border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);background:rgba(46,125,50,.06)} #article-content .callout-title{margin:0 0 6px;font-size:16px;font-family:var(--z5c598-font-display);color:var(--z5c598-ink)} #article-content .callout-text{margin:0;font-size:15px;line-height:1.65;color:var(--z5c598-text)} #article-content .list{margin:10px 0 18px;padding:0 0 0 20px} #article-content .list li{margin:8px 0;line-height:1.6;color:var(--z5c598-text);font-size:16px} #article-content .numbered{margin:12px 0 18px;padding:0 0 0 22px} #article-content .numbered li{margin:10px 0;line-height:1.6;color:var(--z5c598-text);font-size:16px} #article-content .bento{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0 18px} #article-content .bento-item{border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:14px 14px;background:var(--z5c598-surface)} #article-content .bento-title{margin:0 0 6px;font-family:var(--z5c598-font-display);color:var(--z5c598-ink);font-size:15px} #article-content .bento-text{margin:0;font-size:16px;font-weight:700;color:var(--z5c598-ink)} #article-content .bento-sub{margin:6px 0 0;color:var(--z5c598-slate);font-size:14px;line-height:1.5} #article-content .table-wrap{margin:12px 0 18px;overflow:auto;border-radius:var(--z5c598-radius-md,12px);border:1px solid var(--z5c598-border)} #article-content .table{width:100%;border-collapse:collapse;min-width:620px;background:var(--z5c598-surface)} #article-content .table th,#article-content .table td{padding:12px 12px;border-bottom:1px solid var(--z5c598-border);vertical-align:top;text-align:left;font-family:var(--z5c598-font);font-size:15px} #article-content .table th{color:var(--z5c598-ink);background:rgba(11,58,98,.04);font-weight:700} #article-content .table td{color:var(--z5c598-text)} #article-content .table tr:last-child td{border-bottom:none} #article-content .article-cta{margin-top:20px;padding:14px 12px;border-radius:var(--z5c598-radius-md,12px);border:1px solid var(--z5c598-border);background:rgba(46,125,50,.06)} #article-content .cta-text{margin:0 0 12px;color:var(--z5c598-text);line-height:1.65;font-size:15px} #article-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:11px 14px;font-family:var(--z5c598-font);font-size:15px;text-decoration:none;border:1px solid transparent} #article-content .btn:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px} #article-content .btn-primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border-color:rgba(11,58,98,.25)} #article-content .btn-primary:hover{background:#0a3456} #article-content .btn-primary:active{transform:translateY(1px)} #article-content .related{max-width:980px;margin:18px auto 0;padding:0 0 18px} #article-content .related-title{font-family:var(--z5c598-font-display);color:var(--z5c598-ink);font-size:18px;margin:0 0 12px;letter-spacing:-0.01em} #article-content .related-grid{display:grid;grid-template-columns:1fr;gap:10px} #article-content .related-card{display:block;border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:14px 14px;background:var(--z5c598-surface);text-decoration:none} #article-content .related-card:focus-visible{outline:3px solid rgba(11,58,98,.25);outline-offset:2px} #article-content .related-card-label{display:inline-block;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--z5c598-secondary);font-weight:700;margin-bottom:6px} #article-content .related-card-title{display:block;color:var(--z5c598-ink);font-family:var(--z5c598-font-display);font-size:16px;line-height:1.35} #article-content .related-card:hover{border-color:rgba(11,58,98,.35)} #article-content ::selection{background:rgba(46,125,50,.22)} @media (min-width:720px){#article-content .article-content{padding:46px 22px 26px}.article-body{padding:26px 22px}.bento{grid-template-columns:repeat(3,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}} @media (min-width:980px){#article-content .related-grid{grid-template-columns:repeat(4,1fr)}#article-content .bento{grid-template-columns:repeat(3,1fr)}} @media (prefers-reduced-motion:reduce){#article-content .btn-primary:active{transform:none}} /* z5c598:related-articles */ #related-articles{--ra-primary:var(--z5c598-primary);--ra-accent:var(--z5c598-accent);--ra-ink:var(--z5c598-ink);--ra-surface:var(--z5c598-surface);--ra-bg:var(--z5c598-bg);--ra-border:var(--z5c598-border);--ra-mist:var(--z5c598-mist);--ra-slate:var(--z5c598-slate);box-sizing:border-box;padding:40px 18px;background:var(--z5c598-bg);color:var(--z5c598-text);} #related-articles *,#related-articles *:before,#related-articles *:after{box-sizing:inherit;} #related-articles .ra-container{max-width:1060px;margin:0 auto;} /* z5c598:related-articles */ #related-articles .ra-header{display:block;margin-bottom:18px;} #related-articles .ra-title{font-family:var(--z5c598-font-display);font-size:30px;line-height:1.14;margin:0 0 8px 0;letter-spacing:-0.02em;color:var(--z5c598-ink);text-wrap:balance;} #related-articles .ra-subtitle{margin:0;color:var(--z5c598-text);max-width:70ch;font-size:15px;line-height:1.6;} #related-articles .ra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;} #related-articles .ra-item{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg);padding:16px 16px 14px;box-shadow:0 10px 24px rgba(11,58,98,0.06);position:relative;overflow:hidden;} #related-articles .ra-item:before{content:"";position:absolute;left:-20px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(46,125,50,0.10);} #related-articles .ra-item-title{margin:0 0 8px 0;font-size:16px;line-height:1.35;} #related-articles .ra-link{color:var(--z5c598-ink);text-decoration:none;border-bottom:1px solid transparent;} #related-articles .ra-link:hover{border-bottom-color:rgba(46,125,50,0.55);} #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.7);} #related-articles .ra-item-meta{margin:0;color:var(--z5c598-slate);font-size:13.5px;line-height:1.55;} #related-articles .ra-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--z5c598-border);} #related-articles .ra-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--z5c598-radius-md);background:var(--z5c598-primary);color:var(--z5c598-surface);text-decoration:none;font-weight:700;font-family:var(--z5c598-font);font-size:14px;} #related-articles .ra-action:hover{background:#0a3458;} #related-articles .ra-action:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;} #related-articles .ra-divider{color:var(--z5c598-mist);} #related-articles .ra-footnote{color:var(--z5c598-slate);font-size:13.5px;line-height:1.5;} #related-articles ::selection{background:rgba(46,125,50,0.25);} @media (max-width: 980px){#related-articles .ra-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width: 640px){#related-articles{padding:32px 14px;}#related-articles .ra-title{font-size:26px;}#related-articles .ra-grid{grid-template-columns:1fr;}#related-articles .ra-item{padding:14px;}} @media (prefers-reduced-motion: reduce){#related-articles .ra-item{box-shadow:none;}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero{--radius-sm:var(--z5c598-radius-sm,8px);--radius-md:var(--z5c598-radius-md,12px);--radius-lg:var(--z5c598-radius-lg,16px);background:var(--z5c598-bg);color:var(--z5c598-text);padding:28px 18px 26px;} #article-hero .article-hero__inner{max-width:980px;margin:0 auto;} #article-hero .article-hero__kicker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);color:var(--z5c598-primary);font-family:var(--z5c598-font);font-size:13px;font-weight:700;letter-spacing:.2px;} #article-hero .article-hero__meta{font-size:14px;color:var(--z5c598-slate);} #article-hero .article-hero__title{margin:0 0 14px;font-family:var(--z5c598-font-display);font-size:40px;line-height:1.08;letter-spacing:-.3px;color:var(--z5c598-ink);text-wrap:balance;} #article-hero .article-hero__meta-row{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 18px;padding:14px;border-radius:var(--z5c598-radius-md,12px);background:rgba(255,255,255,.72);border:1px solid var(--z5c598-border);} #article-hero .article-hero__meta-item{min-width:200px;flex:1;} #article-hero .article-hero__meta-label{font-size:12px;color:var(--z5c598-slate);margin-bottom:6px;} #article-hero .article-hero__meta-value{font-size:15px;color:var(--z5c598-text);font-weight:700;} #article-hero .article-hero__lead{margin:0 0 18px;font-size:17px;line-height:1.55;color:var(--z5c598-text);max-width:820px;} #article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 18px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--z5c598-radius-sm,8px);padding:11px 14px;font-weight:800;font-family:var(--z5c598-font);font-size:14px;letter-spacing:.15px;min-height:42px;outline:none;} #article-hero .btn--primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border:1px solid var(--z5c598-primary);} #article-hero .btn--ghost{background:transparent;color:var(--z5c598-primary);border:1px solid var(--z5c598-border);} #article-hero .btn:focus-visible{box-shadow:0 0 0 3px rgba(11,58,98,.22);} #article-hero .btn--ghost:hover{background:rgba(255,255,255,.7);} #article-hero .article-hero__info{border-radius:var(--z5c598-radius-lg,16px);background:var(--z5c598-surface);border:1px solid var(--z5c598-border);padding:16px 16px 14px;} #article-hero .article-hero__info-title{margin:0 0 10px;font-family:var(--z5c598-font-display);font-size:16px;color:var(--z5c598-ink);letter-spacing:-.1px;} #article-hero .article-hero__list{margin:0;padding-left:18px;color:var(--z5c598-text);} #article-hero .article-hero__list li{margin:8px 0;font-size:14.5px;line-height:1.45;} #article-hero ::selection{background:rgba(46,125,50,.22);} @media (max-width:720px){#article-hero{padding:22px 14px 20px;}#article-hero .article-hero__title{font-size:30px;}#article-hero .article-hero__meta-row{padding:12px;}#article-hero .article-hero__meta-item{min-width:150px;}} @media (prefers-reduced-motion:reduce){#article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z5c598:article-content */ /* z5c598:article-content */ :root{--article-shadow: rgba(11,58,98,.10);--article-radius: var(--z5c598-secondary);} #article-content.article-content{background:var(--z5c598-bg);color:var(--z5c598-text);padding:28px 0 46px;} #article-content .article-container{max-width:1060px;margin:0 auto;padding:0 18px;} #article-content .article-head{padding:18px 0 14px;} #article-content .article-kicker{margin:0 0 10px;font:700 12px/1.2 var(--z5c598-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z5c598-secondary);} #article-content .article-title{margin:0 0 10px;font-family:var(--z5c598-font-display);font-weight:800;font-size:34px;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;color:var(--z5c598-ink);} #article-content .article-subtitle{margin:0 0 16px;font:400 16px/1.6 var(--z5c598-font);max-width:76ch;} #article-content .article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;} #article-content .meta-item{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:10px 12px;} #article-content .meta-label{display:block;font:700 11px/1.1 var(--z5c598-font);letter-spacing:.08em;text-transform:uppercase;color:var(--z5c598-slate);} #article-content .meta-value{display:block;margin-top:4px;font:400 14px/1.3 var(--z5c598-font);color:var(--z5c598-text);} #article-content .article-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start;margin-top:18px;} #article-content .article-toc{position:sticky;top:16px;padding:16px 14px;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);box-shadow:0 10px 25px var(--article-shadow);} #article-content .toc-title{margin:0 0 10px;font:800 14px/1.2 var(--z5c598-font);color:var(--z5c598-ink);} #article-content .toc-list{margin:0;padding-left:18px;} #article-content .toc-list li{margin:10px 0;} #article-content .toc-link{color:var(--z5c598-primary);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;display:inline-block;font:700 13px/1.35 var(--z5c598-font);} #article-content .toc-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px;} #article-content .toc-link:hover{border-bottom-color:rgba(46,125,50,.45);} #article-content .toc-note{margin-top:14px;padding:12px 12px;border-radius:var(--z5c598-radius-md,12px);background:color-mix(in oklab, var(--z5c598-secondary) 10%, var(--z5c598-surface));border:1px solid color-mix(in oklab, var(--z5c598-secondary) 28%, var(--z5c598-border));} #article-content .toc-note-text{margin:0;font:400 13px/1.55 var(--z5c598-font);color:var(--z5c598-ink);} #article-content .article-main{background:transparent;} #article-content .prose{padding:14px 0;} #article-content .prose h3{margin:0 0 10px;font:800 20px/1.3 var(--z5c598-font-display);color:var(--z5c598-ink);letter-spacing:-.01em;text-wrap:balance;} #article-content .prose p{margin:0 0 12px;font:400 16px/1.75 var(--z5c598-font);max-width:80ch;} #article-content .bullet-list{margin:10px 0 16px;padding-left:18px;} #article-content .bullet-list li{margin:8px 0;font:400 16px/1.65 var(--z5c598-font);} #article-content .number-list{margin:10px 0 16px;padding-left:20px;} #article-content .number-list li{margin:9px 0;font:400 16px/1.65 var(--z5c598-font);} #article-content .callout{margin:14px 0 16px;padding:14px 14px;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-left:5px solid var(--z5c598-secondary);border-radius:var(--z5c598-radius-md,12px);} #article-content .callout p{margin:0;font:400 15px/1.65 var(--z5c598-font);color:var(--z5c598-text);} #article-content .risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;} #article-content .risk-item{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);padding:14px;} #article-content .risk-title{margin:0 0 8px;font:800 15px/1.3 var(--z5c598-font-display);color:var(--z5c598-ink);} #article-content .risk-text{margin:0;font:400 14px/1.65 var(--z5c598-font);color:var(--z5c598-text);} #article-content .checklist{list-style:none;margin:10px 0 0;padding:0;} #article-content .checklist li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font:400 16px/1.55 var(--z5c598-font);} #article-content .check-mark{width:22px;flex:0 0 22px;height:22px;border-radius:999px;background:color-mix(in oklab, var(--z5c598-secondary) 18%, var(--z5c598-surface));border:1px solid color-mix(in oklab, var(--z5c598-secondary) 35%, var(--z5c598-border));display:inline-flex;align-items:center;justify-content:center;color:var(--z5c598-secondary);font-weight:900;} #article-content .closing{margin-top:14px;font-style:normal;} #article-content ::selection{background:rgba(46,125,50,.22);} #article-content a{color:var(--z5c598-primary);} @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:30px;} #article-content .risk-grid{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #article-content *{scroll-behavior:auto;} } /* z5c598:related-articles */ /* z5c598:related-articles */ #related-articles{--section-bg:var(--z5c598-bg);--section-surface:var(--z5c598-surface);--section-ink:var(--z5c598-ink);--section-border:var(--z5c598-border);background:var(--section-bg);padding:48px 0;} #related-articles .related-articles__inner{width:min(980px,calc(100% - 40px));margin:0 auto;} #related-articles .related-articles__header{margin-bottom:22px;} #related-articles .related-articles__title{font-family:var(--z5c598-font-display);font-size:28px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 8px;color:var(--z5c598-ink);text-wrap:balance;} #related-articles .related-articles__lede{margin:0;color:var(--z5c598-text);font-size:14.5px;line-height:1.6;max-width:70ch;} #related-articles .related-articles__list{list-style:none;margin:0;padding:0;display:grid;gap:12px;} #related-articles .related-articles__item{background:var(--z5c598-surface);border:1px solid var(--section-border);border-radius:var(--z5c598-radius,12px);box-shadow:0 10px 26px rgba(11,58,98,.06);} #related-articles .related-articles__link{display:block;padding:16px 16px;outline:none;text-decoration:none;color:var(--z5c598-ink);} #related-articles .related-articles__link:focus-visible{box-shadow:0 0 0 4px rgba(46,125,50,.22);border-radius:inherit;} #related-articles .related-articles__item:nth-child(1) .related-articles__link{background:linear-gradient(180deg, rgba(11,58,98,.05), rgba(11,58,98,0));} #related-articles .related-articles__meta{display:inline-block;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--z5c598-slate);margin-bottom:6px;} #related-articles .related-articles__name{display:block;font-size:15.5px;line-height:1.45;font-weight:700;letter-spacing:-0.01em;} #related-articles .related-articles__link:hover .related-articles__name{text-decoration:underline;text-decoration-thickness:2px;} #related-articles .related-articles__footer{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .related-articles__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--z5c598-ink);color:var(--z5c598-surface);border:1px solid var(--z5c598-ink);border-radius:var(--z5c598-radius,12px);padding:12px 16px;font-family:var(--z5c598-font);font-weight:700;font-size:14.5px;text-decoration:none;outline:none;} #related-articles .related-articles__cta:focus-visible{box-shadow:0 0 0 4px rgba(11,58,98,.22);} #related-articles .related-articles__cta:hover{background:#093251;} #related-articles .related-articles__cta:active{transform:translateY(1px);} @media (max-width:640px){#related-articles{padding:34px 0;}#related-articles .related-articles__title{font-size:24px;}#related-articles .related-articles__list{gap:10px;}#related-articles .related-articles__link{padding:14px 14px;}} @media (prefers-reduced-motion:reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;box-sizing:border-box;padding:48px 0;background:var(--z5c598-bg);color:var(--z5c598-text);} #article-hero *{box-sizing:border-box;} #article-hero .article-hero__inner{max-width:1060px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--z5c598-border);border-radius:999px;background:var(--z5c598-surface);color:var(--z5c598-ink);font:600 13px/1.2 var(--z5c598-font);} #article-hero .article-hero__title{margin:14px 0 0;font:700 38px/1.1 var(--z5c598-font-display);letter-spacing:-0.02em;text-wrap:balance;color:var(--z5c598-ink);} #article-hero .article-hero__meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;padding:14px;background:rgba(255,255,255,0.7);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);} #article-hero .meta-item{min-width:220px;flex:1 1 220px;} #article-hero .meta-label{display:block;color:var(--z5c598-slate);font:600 12px/1.2 var(--z5c598-font);} #article-hero .meta-value{display:block;margin-top:6px;color:var(--z5c598-ink);font:700 14px/1.35 var(--z5c598-font);} #article-hero .article-hero__summary{margin-top:18px;max-width:860px;} #article-hero .summary-text{margin:0;padding:0;color:var(--z5c598-text);font:400 16px/1.65 var(--z5c598-font);} #article-hero .article-hero__actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border-radius:var(--radius-md);padding:12px 16px;font:700 14px/1 var(--z5c598-font);border:1px solid transparent;min-height:44px;} #article-hero .btn--primary{background:var(--z5c598-primary);color:#fff;border-color:var(--z5c598-primary);} #article-hero .btn--secondary{background:var(--z5c598-surface);color:var(--z5c598-ink);border-color:var(--z5c598-border);} #article-hero .btn:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:2px;} #article-hero .btn:hover{filter:brightness(0.98);} #article-hero .btn--secondary:hover{background:rgba(255,255,255,0.95);} #article-hero .article-hero__banner{margin-top:20px;display:flex;align-items:flex-start;gap:12px;padding:14px 14px;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);} #article-hero .banner-dot{margin-top:7px;width:10px;height:10px;border-radius:50%;background:var(--z5c598-secondary);box-shadow:0 0 0 4px rgba(46,125,50,0.12);} #article-hero .banner-text{margin:0;color:var(--z5c598-text);font:500 13px/1.5 var(--z5c598-font);} #article-hero ::selection{background:rgba(46,125,50,0.25);color:var(--z5c598-ink);} @media (max-width: 720px){ #article-hero{padding:34px 0;} #article-hero .article-hero__title{font-size:30px;} #article-hero .article-hero__meta{padding:12px;} #article-hero .meta-item{min-width:0;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition:none;} } /* z5c598:article-content */ /* z5c598:article-content */ #article-content{--acc:var(--z5c598-accent);--ink:var(--z5c598-ink);--bg:var(--z5c598-bg);--surface:var(--z5c598-surface);--border:var(--z5c598-border);--slate:var(--z5c598-slate);--mist:var(--z5c598-mist);--text:var(--z5c598-text);padding:32px 0;background:var(--z5c598-bg);color:var(--z5c598-text);} #article-content .article-shell{max-width:980px;margin:0 auto;padding:0 20px;} #article-content .article-header{padding:18px 0 10px;} #article-content .article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;} #article-content .meta-pill{display:inline-flex;align-items:center;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);padding:6px 10px;border-radius:999px;font-family:var(--z5c598-font);font-size:13px;color:var(--z5c598-ink);font-weight:700;letter-spacing:.01em;} #article-content .meta-sep{color:var(--z5c598-mist);} #article-content .meta-text{font-size:14px;color:var(--z5c598-slate);font-family:var(--z5c598-font);} #article-content .article-title{margin:0;font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.18;text-wrap:balance;font-size:34px;color:var(--z5c598-ink);} #article-content .article-lead{margin:12px 0 0;max-width:78ch;font-size:16px;line-height:1.65;color:var(--z5c598-text);} #article-content .article-body{margin-top:18px;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:22px 22px 10px;box-shadow:0 10px 26px rgba(11,58,98,0.08);} #article-content .article-block{padding:14px 0 18px;border-bottom:1px solid var(--z5c598-border);} #article-content .article-block:last-child{border-bottom:none;} #article-content .block-title{margin:0 0 10px;font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-0.01em;line-height:1.25;color:var(--z5c598-ink);font-size:20px;} #article-content .article-body p{margin:10px 0;color:var(--z5c598-text);font-size:15.5px;line-height:1.75;} #article-content .list{margin:10px 0 0;padding-left:18px;color:var(--z5c598-text);} #article-content .list li{margin:8px 0;line-height:1.65;font-size:15.5px;} #article-content .list strong{color:var(--z5c598-ink);} #article-content em{color:var(--z5c598-ink);font-style:italic;} #article-content .ordered{margin:12px 0 0;padding-left:22px;} #article-content .ordered li{margin:10px 0;line-height:1.7;font-size:15.5px;} #article-content .article-cta{background:linear-gradient(180deg, rgba(46,125,50,0.06), rgba(46,125,50,0.00));border-radius:var(--radius-md);padding:18px 18px 10px;border:1px solid rgba(46,125,50,0.25);} #article-content .article-cta .block-title{font-size:19px;} #article-content .related{margin:18px 0 0;} #article-content .related-title{margin:0 0 10px;font-family:var(--z5c598-font-display);font-size:18px;font-weight:800;color:var(--z5c598-ink);} #article-content .related-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;} #article-content .related-link{display:block;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);border-radius:var(--radius-md);padding:12px 12px;font-family:var(--z5c598-font);text-decoration:none;color:var(--z5c598-ink);font-weight:700;line-height:1.35;} #article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:2px;} #article-content .related-link:hover{border-color:rgba(46,125,50,0.55);} #article-content a{color:var(--z5c598-ink);} #article-content ::selection{background:rgba(46,125,50,0.25);} #article-content .article-body a{font-weight:700;} @media (max-width: 720px){ #article-content{padding:22px 0;} #article-content .article-shell{padding:0 14px;} #article-content .article-title{font-size:28px;} #article-content .article-body{padding:18px 14px 8px;} #article-content .related-list{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #article-content .related-link{transition:none;} } #article-content .article-body strong{color:var(--z5c598-ink);} /* z5c598:related-articles */ /* z5c598:related-articles */ #related-articles.related-articles{background:var(--z5c598-bg);color:var(--z5c598-text);padding:48px 0 64px;} #related-articles .container{max-width:1040px;margin:0 auto;padding:0 20px;} #related-articles .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;} #related-articles .related-title{margin:0;font-family:var(--z5c598-font-display);font-size:28px;line-height:1.15;letter-spacing:-0.02em;text-wrap:balance;color:var(--z5c598-ink);} #related-articles .related-subtitle{margin:0;max-width:620px;font-family:var(--z5c598-font);font-size:14.5px;line-height:1.65;color:var(--z5c598-slate);} #related-articles .related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;} #related-articles .related-item{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:16px 16px 14px;display:flex;flex-direction:column;min-height:158px;} #related-articles .related-meta{font-family:var(--z5c598-font);font-size:12px;letter-spacing:0.02em;text-transform:uppercase;color:var(--z5c598-secondary);margin-bottom:8px;} #related-articles .related-item-title{margin:0 0 8px;font-family:var(--z5c598-font-display);font-size:16.5px;line-height:1.25;letter-spacing:-0.01em;} #related-articles .related-link{color:var(--z5c598-ink);text-decoration:none;border-bottom:1px solid transparent;} #related-articles .related-link:hover{border-bottom-color:var(--z5c598-secondary);} #related-articles .related-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 35%, transparent);outline-offset:3px;border-bottom-color:var(--z5c598-secondary);} #related-articles .related-item-desc{margin:0;color:var(--z5c598-slate);font-family:var(--z5c598-font);font-size:13.5px;line-height:1.6;} #related-articles .related-actions{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:22px;} #related-articles .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--z5c598-radius-sm,8px);font-family:var(--z5c598-font-display);font-size:14px;text-decoration:none;line-height:1.2;} #related-articles .btn-primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border:1px solid var(--z5c598-primary);} #related-articles .btn-primary:hover{background:color-mix(in srgb, var(--z5c598-primary) 90%, white 10%);} #related-articles .btn-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-primary) 35%, transparent);outline-offset:3px;} #related-articles .btn-ghost{background:var(--z5c598-surface);color:var(--z5c598-ink);border:1px solid var(--z5c598-border);} #related-articles .btn-ghost:hover{border-color:color-mix(in srgb, var(--z5c598-secondary) 55%, var(--z5c598-border));} #related-articles .btn-ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 35%, transparent);outline-offset:3px;} #related-articles ::selection{background:color-mix(in srgb, var(--z5c598-secondary) 22%, transparent);} @media (max-width: 900px){#related-articles .related-list{grid-template-columns:repeat(2,minmax(0,1fr));}#related-articles .section-head{align-items:flex-start;flex-direction:column;}} @media (max-width: 560px){#related-articles{padding:36px 0 52px;}#related-articles .related-list{grid-template-columns:1fr;}#related-articles .related-actions{flex-direction:column;align-items:stretch;}#related-articles .btn{width:100%;}} @media (prefers-reduced-motion: reduce){#related-articles .related-link,#related-articles .btn{transition:none;}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero{--hero-pad:clamp(18px,3vw,34px);--max:1040px;--shadow:0 10px 24px rgba(11,58,98,.10);--radius:var(--z5c598-radius,16px);} #article-hero{font-family:var(--z5c598-font);} #article-hero .article-hero{background:var(--z5c598-bg);padding:var(--hero-pad) 0;} #article-hero .article-hero__inner{max-width:var(--max);margin:0 auto;padding:0 16px;} #article-hero .article-hero__topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;} #article-hero .article-hero__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--z5c598-border);border-radius:999px;background:var(--z5c598-surface);color:var(--z5c598-primary);font-weight:700;font-size:13px;letter-spacing:.2px;} #article-hero .article-hero__dot{color:var(--z5c598-mist);font-weight:700;} #article-hero .article-hero__meta{color:var(--z5c598-slate);font-size:14px;font-weight:600;} #article-hero .article-hero__title{margin:0 0 14px 0;color:var(--z5c598-ink);font-family:var(--z5c598-font-display);font-size:clamp(28px,4.2vw,46px);line-height:1.08;font-weight:800;letter-spacing:-.02em;text-wrap:balance;} #article-hero .article-hero__meta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;margin:14px 0 18px 0;} #article-hero .article-hero__meta-item{flex:1 1 220px;min-width:200px;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius,16px);padding:14px 14px;box-shadow:0 1px 0 rgba(11,58,98,.04);} #article-hero .article-hero__meta-label{display:block;color:var(--z5c598-slate);font-size:12px;font-weight:700;letter-spacing:.18px;text-transform:uppercase;margin-bottom:6px;} #article-hero .article-hero__meta-value{display:block;color:var(--z5c598-ink);font-size:15px;font-weight:700;line-height:1.25;} #article-hero .article-hero__lede{margin:0;max-width:72ch;color:var(--z5c598-text);font-size:16px;line-height:1.7;font-weight:600;} #article-hero .article-hero__cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.2px;white-space:nowrap;outline:none;} #article-hero .button--primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border:1px solid rgba(11,58,98,.25);box-shadow:0 10px 20px rgba(11,58,98,.12);} #article-hero .button--outline{background:var(--z5c598-surface);color:var(--z5c598-primary);border:1px solid var(--z5c598-border);} #article-hero .button:hover{filter:none;} #article-hero .button:focus-visible{box-shadow:0 0 0 3px rgba(46,125,50,.25);border-color:var(--z5c598-secondary);} #article-hero .button--primary:active{transform:translateY(1px);} #article-hero .button--outline:active{transform:translateY(1px);} #article-hero ::selection{background:rgba(46,125,50,.25);color:var(--z5c598-ink);} @media (max-width:720px){ #article-hero .article-hero__meta-item{flex-basis:100%;} #article-hero .article-hero__lede{font-size:15px;} } @media (prefers-reduced-motion:reduce){ #article-hero .button{transition:none;} } /* z5c598:article-content */ /* z5c598:article-content */ #article-content{--r:var(--z5c598-border);--ink:var(--z5c598-ink);--primary:var(--z5c598-primary);--secondary:var(--z5c598-secondary);--slate:var(--z5c598-slate);--mist:var(--z5c598-mist);--surface:var(--z5c598-surface);--bg:var(--z5c598-bg);--text:var(--z5c598-text);font-family:var(--z5c598-font);color:var(--z5c598-text);background:var(--z5c598-surface);padding:40px 0 56px;} #article-content::selection{background:rgba(46,125,50,.22);} #article-content .article-body-header{max-width:980px;margin:0 auto 22px;padding:0 20px;} #article-content .article-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--z5c598-primary);font-weight:700;margin-bottom:10px;} #article-content .article-title{font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0 0 12px;color:var(--z5c598-ink);text-wrap:balance;} #article-content .article-intro{margin:0;max-width:760px;font-size:16px;line-height:1.65;color:var(--z5c598-text);} #article-content .article-layout{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:0 20px;} #article-content .article-main{min-width:0;} #article-content .content-block{background:var(--z5c598-surface);border:1px solid rgba(217,224,230,.85);border-radius:var(--z5c598-radius,16px);padding:18px 18px 16px;margin:14px 0;} #article-content .content-title{margin:0 0 10px;font-size:18px;line-height:1.35;color:var(--z5c598-ink);font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-.01em;} #article-content .content-paragraph{margin:0 0 12px;font-size:15px;line-height:1.7;color:var(--z5c598-text);} #article-content .checklist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-content .check-item{display:flex;gap:12px;align-items:flex-start;} #article-content .check-mark{flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:rgba(46,125,50,.12);border:1px solid rgba(46,125,50,.35);color:var(--z5c598-secondary);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;line-height:1;} #article-content .check-text{font-size:14.5px;line-height:1.6;color:var(--z5c598-text);} #article-content .numbered{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;} #article-content .num-item{display:flex;gap:12px;align-items:flex-start;} #article-content .num-index{flex:0 0 auto;min-width:26px;height:26px;border-radius:10px;background:rgba(11,58,98,.08);border:1px solid rgba(11,58,98,.22);color:var(--z5c598-primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;} #article-content .num-text{font-size:14.5px;line-height:1.65;color:var(--z5c598-text);} #article-content .callout{margin:10px 0 14px;padding:14px 14px;border-radius:var(--z5c598-radius,16px);border:1px solid rgba(46,125,50,.28);background:rgba(46,125,50,.06);} #article-content .callout-text{margin:0;color:var(--z5c598-ink);font-weight:700;font-size:14.5px;line-height:1.6;} #article-content .two-col{display:grid;grid-template-columns:1fr;gap:14px;} #article-content .col-block{border:1px solid rgba(217,224,230,.9);border-radius:var(--z5c598-radius,16px);padding:14px 14px 12px;background:linear-gradient(180deg, rgba(246,247,248,.65), rgba(255,255,255,1));} #article-content .subheading{margin:0 0 10px;color:var(--z5c598-ink);font-weight:900;font-family:var(--z5c598-font-display);letter-spacing:-.01em;} #article-content .mini-list{margin:0;padding-left:18px;} #article-content .mini-item{margin:6px 0;color:var(--z5c598-text);font-size:14.5px;line-height:1.6;} #article-content .article-footer-cta{margin-top:18px;padding:16px 16px;border:1px solid rgba(217,224,230,.9);border-radius:var(--z5c598-radius,16px);background:var(--z5c598-bg);} #article-content .article-footer-text{margin:0 0 10px;color:var(--z5c598-ink);font-weight:900;} #article-content .related-links{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-content .related-link{display:inline-block;color:var(--z5c598-primary);text-decoration:underline;text-decoration-color:rgba(11,58,98,.35);text-underline-offset:3px;font-weight:700;} #article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:8px;} #article-content .article-aside{min-width:0;} #article-content .aside-card{position:sticky;top:18px;border:1px solid rgba(217,224,230,.9);border-radius:var(--z5c598-radius,16px);background:var(--z5c598-surface);padding:16px 16px 14px;} #article-content .aside-title{margin:0 0 10px;font-size:16px;font-family:var(--z5c598-font-display);color:var(--z5c598-ink);font-weight:900;letter-spacing:-.01em;} #article-content .aside-paragraph{margin:0 0 14px;font-size:14.5px;line-height:1.65;color:var(--z5c598-text);} #article-content .aside-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #article-content .aside-item{display:flex;gap:10px;align-items:center;color:var(--z5c598-text);font-weight:700;font-size:14.5px;} #article-content .dot{width:10px;height:10px;border-radius:999px;background:rgba(46,125,50,.25);border:1px solid rgba(46,125,50,.45);flex:0 0 auto;} #article-content .aside-badge{margin-top:14px;border-radius:var(--z5c598-radius,16px);border:1px dashed rgba(11,58,98,.35);background:rgba(11,58,98,.04);padding:12px 12px;display:flex;gap:12px;align-items:flex-start;} #article-content .badge-icon{width:28px;height:28px;border-radius:10px;background:rgba(11,58,98,.08);border:1px solid rgba(11,58,98,.22);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--z5c598-primary);flex:0 0 auto;} #article-content .badge-text{margin:0;font-size:14.25px;line-height:1.6;color:var(--z5c598-text);} #article-content .summary-steps{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;} #article-content .summary-step{display:flex;gap:12px;align-items:flex-start;padding:12px 12px;border:1px solid rgba(217,224,230,.92);border-radius:var(--z5c598-radius,16px);background:var(--z5c598-surface);} #article-content .summary-num{width:30px;height:30px;border-radius:12px;background:rgba(46,125,50,.10);border:1px solid rgba(46,125,50,.35);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--z5c598-secondary);font-variant-numeric:tabular-nums;} #article-content .summary-text{font-weight:800;color:var(--z5c598-ink);line-height:1.5;} @media (min-width:980px){ #article-content{padding:56px 0 70px;} #article-content .article-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px;} #article-content .content-block{padding:20px 20px 18px;margin:18px 0;} #article-content .two-col{grid-template-columns:1fr 1fr;} #article-content .summary-steps{grid-template-columns:1fr 1fr;} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto;} } /* z5c598:related-articles */ #related-articles{--ra-gap:16px;--ra-radius:var(--z5c598-radius-md,12px);--ra-ink:var(--z5c598-ink);--ra-slate:var(--z5c598-slate);--ra-border:var(--z5c598-border);--ra-bg:var(--z5c598-bg);--ra-surface:var(--z5c598-surface);--ra-secondary:var(--z5c598-secondary);--ra-mist:var(--z5c598-mist);}#related-articles{padding:44px 18px;background:var(--z5c598-bg);color:var(--z5c598-text);}#related-articles .related-articles__container{max-width:1120px;margin:0 auto;}#related-articles .related-articles__head{max-width:820px;margin:0 0 22px;}#related-articles .related-articles__kicker{margin:0 0 10px;font:600 12px/1.2 var(--z5c598-font);letter-spacing:.12em;text-transform:uppercase;color:var(--z5c598-secondary);}#related-articles .related-articles__title{margin:0 0 12px;font:800 30px/1.15 var(--z5c598-font-display);letter-spacing:-.02em;color:var(--z5c598-ink);text-wrap:balance;}#related-articles .related-articles__lead{margin:0;font:400 15px/1.65 var(--z5c598-font);color:var(--z5c598-text);}#related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ra-gap);}#related-articles .related-articles__item{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--ra-radius);padding:18px 18px 16px;box-shadow:0 10px 24px rgba(11,58,98,.06);}#related-articles .related-articles__item-title{margin:0 0 10px;font:800 16px/1.25 var(--z5c598-font);color:var(--z5c598-ink);letter-spacing:-.01em;}#related-articles .related-articles__item-meta{margin:0 0 14px;font:400 13px/1.5 var(--z5c598-font);color:var(--z5c598-slate);}#related-articles .related-articles__link{display:inline-flex;align-items:center;gap:10px;font:700 14px/1.2 var(--z5c598-font);color:var(--z5c598-secondary);text-decoration:none;border-radius:10px;padding:10px 12px;border:1px solid rgba(46,125,50,.35);background:rgba(46,125,50,.06);}#related-articles .related-articles__link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;}#related-articles .related-articles__link:hover{background:rgba(46,125,50,.12);}#related-articles .related-articles__aside{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:18px;padding:16px 16px;border:1px dashed rgba(11,58,98,.18);border-radius:var(--ra-radius);background:rgba(255,255,255,.55);}#related-articles .related-articles__note{max-width:720px;}#related-articles .related-articles__note-title{margin:0 0 8px;font:800 14px/1.3 var(--z5c598-font);color:var(--z5c598-ink);}#related-articles .related-articles__note-body{margin:0;font:400 14px/1.6 var(--z5c598-font);color:var(--z5c598-text);}#related-articles .related-articles__ghost{display:inline-flex;align-items:center;justify-content:center;min-width:150px;font:800 14px/1.2 var(--z5c598-font);color:var(--z5c598-ink);text-decoration:none;border:1px solid var(--z5c598-border);border-radius:12px;padding:12px 14px;background:var(--z5c598-surface);}#related-articles .related-articles__ghost:focus-visible{outline:3px solid rgba(11,58,98,.25);outline-offset:2px;}#related-articles .related-articles__ghost:hover{border-color:rgba(11,58,98,.45);background:rgba(255,255,255,.95);}#related-articles ::selection{background:rgba(46,125,50,.25);}#related-articles [aria-label="Artículos relacionados"]{outline:none;}@media (max-width: 980px){#related-articles .related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));}#related-articles .related-articles__title{font-size:26px;}}@media (max-width: 640px){#related-articles{padding:34px 14px;}#related-articles .related-articles__grid{grid-template-columns:1fr;}#related-articles .related-articles__aside{flex-direction:column;}#related-articles .related-articles__ghost{width:100%;}}@media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero.article-hero{background:var(--z5c598-bg);color:var(--z5c598-text);padding:48px 0 36px;} #article-hero .article-hero__inner{max-width:980px;margin:0 auto;padding:0 20px;} #article-hero .article-hero__eyebrow{display:inline-block;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);color:var(--z5c598-ink);font-family:var(--z5c598-font);font-size:12px;letter-spacing:.02em;padding:7px 10px;border-radius:var(--z5c598-radius-md,12px);} #article-hero .article-hero__title{margin:16px 0 10px;font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.08;font-size:40px;text-wrap:balance;} #article-hero .article-hero__lead{margin:0 0 20px;max-width:72ch;font-family:var(--z5c598-font);font-size:16px;line-height:1.65;color:var(--z5c598-text);} #article-hero .article-hero__meta{margin:18px 0 18px;display:grid;grid-template-columns:1fr;gap:12px;padding:16px;border-radius:var(--z5c598-radius-lg,16px);background:var(--z5c598-surface);border:1px solid var(--z5c598-border);} #article-hero .meta-item{margin:0;display:flex;gap:12px;align-items:flex-start;} #article-hero .meta-item__label{min-width:104px;font-size:13px;color:var(--z5c598-slate);font-family:var(--z5c598-font);font-weight:700;} #article-hero .meta-item__value{margin:0;font-size:14px;color:var(--z5c598-text);font-family:var(--z5c598-font);line-height:1.4;} #article-hero .article-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 10px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--z5c598-radius-md,12px);font-family:var(--z5c598-font);text-decoration:none;white-space:nowrap;min-height:42px;padding:10px 14px;font-size:14px;border:1px solid transparent;} #article-hero .btn--primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border-color:var(--z5c598-primary);} #article-hero .btn--primary:hover{background:color-mix(in srgb, var(--z5c598-primary) 90%, #000 10%);} #article-hero .btn--ghost{background:var(--z5c598-surface);color:var(--z5c598-ink);border-color:var(--z5c598-border);} #article-hero .btn--ghost:hover{background:color-mix(in srgb, var(--z5c598-surface) 70%, var(--z5c598-primary) 10%);} #article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 55%, #fff 45%);outline-offset:2px;} #article-hero .article-hero__disclaimer{margin-top:14px;display:flex;gap:12px;align-items:flex-start;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);padding:14px 16px;} #article-hero .article-hero__disclaimer-icon{flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:color-mix(in srgb, var(--z5c598-secondary) 18%, var(--z5c598-surface) 82%);color:var(--z5c598-ink);border:1px solid color-mix(in srgb, var(--z5c598-secondary) 35%, var(--z5c598-border) 65%);display:flex;align-items:center;justify-content:center;font-weight:900;font-family:var(--z5c598-font);} #article-hero .article-hero__disclaimer-text{margin:0;font-family:var(--z5c598-font);font-size:13px;line-height:1.6;color:var(--z5c598-slate);} #article-hero ::selection{background:color-mix(in srgb, var(--z5c598-secondary) 30%, #fff 70%);} @media (min-width:720px){ #article-hero{padding:62px 0 44px;} #article-hero .article-hero__title{font-size:52px;} #article-hero .article-hero__meta{grid-template-columns:1fr 1fr 1fr;} #article-hero .meta-item{flex-direction:column;gap:6px;} #article-hero .meta-item__label{min-width:auto;} } @media (prefers-reduced-motion: reduce){ #article-hero .btn{transition:none;} } /* z5c598:article-content */ /* z5c598:article-content */ #article-content{color:var(--z5c598-text);background:var(--z5c598-surface);padding:48px 0 56px;} #article-content *{box-sizing:border-box;} #article-content .container{max-width:980px;margin:0 auto;padding:0 20px;} #article-content .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--z5c598-slate);margin-bottom:18px;} #article-content .separator{color:var(--z5c598-border);} #article-content .current{color:var(--z5c598-ink);font-weight:700;} #article-content .prose{font-family:var(--z5c598-font);} #article-content .article-intro{margin-bottom:22px;} #article-content .title{font-size:36px;line-height:1.12;margin:0 0 14px;letter-spacing:-0.02em;font-family:var(--z5c598-font-display);color:var(--z5c598-ink);text-wrap:balance;} #article-content .lede{margin:0 0 10px;font-size:16px;line-height:1.7;color:var(--z5c598-text);} #article-content .block{margin-top:26px;padding-top:6px;} #article-content .block:first-of-type{margin-top:8px;} #article-content .h{font-size:20px;line-height:1.35;margin:0 0 10px;color:var(--z5c598-ink);letter-spacing:-0.01em;} #article-content .subh{font-size:16px;margin:0 0 8px;color:var(--z5c598-ink);} #article-content .p{margin:10px 0;font-size:16px;line-height:1.75;} #article-content .list{list-style:none;margin:10px 0;padding:0;display:grid;gap:10px;} #article-content .list li{display:flex;gap:10px;align-items:flex-start;} #article-content .bullet{width:10px;height:10px;border-radius:50%;background:var(--z5c598-accent);margin-top:7px;flex:0 0 auto;} #article-content .columns{display:grid;grid-template-columns:1fr;gap:16px;margin:10px 0 14px;} #article-content .col{background:var(--z5c598-bg);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:14px 14px 12px;} #article-content .highlight{background:var(--z5c598-bg);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-lg,16px);padding:18px 18px 14px;} #article-content .checklist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;} #article-content .checklist li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.6;} #article-content .check{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);color:var(--z5c598-secondary);font-weight:800;flex:0 0 auto;} #article-content .ordered{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:step;} #article-content .ordered li{display:flex;gap:12px;align-items:flex-start;} #article-content .step{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:999px;color:var(--z5c598-ink);font-weight:800;flex:0 0 auto;} #article-content .step-text{font-size:16px;line-height:1.7;} #article-content .cta-band{margin-top:28px;padding:16px 16px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);border-radius:var(--z5c598-radius-lg,16px);} #article-content .cta-title{margin:0 0 12px;font-size:18px;color:var(--z5c598-ink);} #article-content .related-links{display:flex;flex-wrap:wrap;gap:12px;} #article-content .related-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:var(--z5c598-radius-md,12px);border:1px solid var(--z5c598-border);text-decoration:none;color:var(--z5c598-ink);background:var(--z5c598-surface);font-weight:700;font-size:14px;} #article-content .related-link.alt{border-color:rgba(46,125,50,.35);background:rgba(46,125,50,.06);color:var(--z5c598-secondary);} #article-content .related-link:focus-visible{outline:3px solid rgba(11,58,98,.28);outline-offset:2px;} #article-content .related-link:hover{border-color:rgba(11,58,98,.5);} #article-content .article-foot{margin-top:18px;padding-top:12px;border-top:1px solid var(--z5c598-border);} #article-content ::selection{background:rgba(46,125,50,.22);} #article-content a{color:inherit;} @media (min-width:720px){#article-content{padding:58px 0 64px;} #article-content .container{padding:0 24px;} #article-content .title{font-size:42px;} #article-content .columns{grid-template-columns:repeat(3,1fr);} } @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z5c598:related-articles */ #related-articles{background:var(--z5c598-surface);color:var(--z5c598-text);padding:56px 0;}#related-articles .container{max-width:1120px;margin:0 auto;padding:0 20px;}#related-articles .section-header{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}#related-articles .section-title{margin:0;font-family:var(--z5c598-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.15;font-size:30px;text-wrap:balance;}#related-articles .section-intro{margin:0;max-width:70ch;color:var(--z5c598-slate);font-size:15.5px;line-height:1.6;}#related-articles .related-list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px;}#related-articles .related-item{border:1px solid var(--z5c598-border);border-radius:var(--radius-md,12px);background:var(--z5c598-bg);padding:16px 16px 14px;box-shadow:0 6px 22px rgba(11,58,98,0.06);}#related-articles .related-title{margin:0 0 6px 0;font-size:16px;line-height:1.3;}#related-articles .related-link{color:var(--z5c598-ink);text-decoration:none;font-weight:700;}#related-articles .related-link:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;border-radius:6px;}#related-articles .related-link:hover{text-decoration:underline;}#related-articles .related-meta{margin:0;color:var(--z5c598-slate);font-size:13.5px;line-height:1.55;}#related-articles .section-actions{margin-top:22px;display:flex;justify-content:flex-start;}#related-articles .ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--z5c598-border);border-radius:var(--radius-md,12px);padding:12px 16px;background:var(--z5c598-surface);color:var(--z5c598-ink);font-weight:700;text-decoration:none;line-height:1.2;box-shadow:0 6px 18px rgba(11,58,98,0.06);}#related-articles .ghost-button:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;}#related-articles .ghost-button:hover{border-color:rgba(46,125,50,0.55);}#related-articles .ghost-button:active{transform:translateY(1px);}#related-articles ::selection{background:rgba(46,125,50,0.22);} @media (min-width:860px){#related-articles{padding:70px 0;}#related-articles .related-list{grid-template-columns:1fr 1fr;gap:16px;}.related-item{padding:18px 18px 16px;}}@media (prefers-reduced-motion: reduce){#related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero{--radius-sm:var(--z5c598-radius-sm,8px);--radius-md:var(--z5c598-radius-md,12px);--radius-lg:var(--z5c598-radius-lg,16px);padding:34px 16px;background:var(--z5c598-bg);color:var(--z5c598-text);} #article-hero .hero-inner{max-width:980px;margin:0 auto;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius,16px,);padding:28px 22px;box-shadow:0 10px 22px rgba(11,58,98,.06);} #article-hero .hero-kicker{display:flex;align-items:center;gap:10px;font-family:var(--z5c598-font);color:var(--z5c598-ink);font-size:13px;letter-spacing:.2px;} #article-hero .kicker-dot{width:10px;height:10px;border-radius:50%;background:var(--z5c598-accent);box-shadow:0 0 0 4px rgba(46,125,50,.14);} #article-hero .hero-title{margin:14px 0 12px;font-family:var(--z5c598-font-display,var(--z5c598-font));font-size:34px;line-height:1.12;letter-spacing:-.4px;font-weight:800;text-wrap:balance;} #article-hero .hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px;} #article-hero .meta-item{flex:1 1 240px;background:var(--z5c598-bg);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:10px 12px;font-size:14px;line-height:1.25;} #article-hero .meta-label{font-weight:700;color:var(--z5c598-ink);margin-right:6px;} #article-hero .hero-lede{margin:12px 0 18px;font-family:var(--z5c598-font);font-size:16px;line-height:1.65;color:var(--z5c598-text);max-width:78ch;} #article-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 6px;align-items:center;} #article-hero .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--z5c598-radius-md,12px);padding:11px 14px;text-decoration:none;font-weight:700;font-family:var(--z5c598-font);font-size:15px;line-height:1;white-space:nowrap;} #article-hero .button.primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border:1px solid var(--z5c598-primary);} #article-hero .button.ghost{background:transparent;color:var(--z5c598-primary);border:1px solid var(--z5c598-border);} #article-hero .button.primary:focus-visible,#article-hero .button.ghost:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #article-hero .button.primary:hover{background:#0a365a;} #article-hero .button.ghost:hover{border-color:#c3cfdb;} #article-hero .hero-fineprint{margin-top:18px;display:flex;gap:12px;align-items:flex-start;padding:12px 12px;background:rgba(11,58,98,.04);border:1px solid rgba(11,58,98,.14);border-radius:var(--z5c598-radius-md,12px);} #article-hero .fine-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(46,125,50,.12);border:1px solid rgba(46,125,50,.28);color:var(--z5c598-ink);font-weight:800;font-size:13px;flex:0 0 auto;} #article-hero .hero-fineprint span{font-size:13.5px;line-height:1.5;color:var(--z5c598-text);} #article-hero *::selection{background:rgba(46,125,50,.22);} @media (max-width:720px){#article-hero{padding:24px 12px;}#article-hero .hero-inner{padding:22px 16px;}#article-hero .hero-title{font-size:28px;letter-spacing:-.2px;}#article-hero .meta-item{flex:1 1 100%;}} @media (prefers-reduced-motion:reduce){#article-hero .button{transition:none;}} /* z5c598:article-content */ /* z5c598:article-content */ #article-content.article-content{--pad:clamp(16px,3.5vw,28px);background:var(--z5c598-bg);color:var(--z5c598-text);padding:0 0 26px 0;} #article-content .article-body{max-width:940px;margin:0 auto;padding:28px var(--pad) 6px var(--pad);} #article-content .article-lead{font-family:var(--z5c598-font);font-size:18px;line-height:1.65;color:var(--z5c598-text);margin:0 0 18px 0;max-width:820px;} #article-content .section-heading{font-family:var(--z5c598-font-display);font-size:22px;line-height:1.25;letter-spacing:-0.02em;margin:26px 0 10px 0;color:var(--z5c598-ink);text-wrap:balance;} #article-content .article-paragraph{font-family:var(--z5c598-font);font-size:16px;line-height:1.75;margin:0 0 14px 0;max-width:860px;} #article-content .checklist{margin:10px 0 16px 0;padding:0 0 0 18px;max-width:860px;} #article-content .checklist li{margin:10px 0;font-family:var(--z5c598-font);font-size:16px;line-height:1.65;color:var(--z5c598-text);} #article-content .callout{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-md,12px);padding:14px 16px;margin:14px 0 16px 0;box-shadow:0 10px 26px rgba(11,58,98,.08);} #article-content .callout-title{font-family:var(--z5c598-font-display);font-size:18px;margin:0 0 10px 0;color:var(--z5c598-ink);} #article-content .callout-list{margin:0;padding-left:18px;} #article-content .callout-list li{margin:8px 0;font-family:var(--z5c598-font);font-size:15px;line-height:1.6;color:var(--z5c598-text);} #article-content .quote-block{margin:16px 0 18px 0;padding:16px 16px;border-radius:var(--z5c598-radius-lg,16px);background:linear-gradient(0deg, rgba(11,58,98,.04), rgba(11,58,98,.04));border:1px solid rgba(11,58,98,.16);} #article-content .quote-text{margin:0;font-family:var(--z5c598-font);font-size:15.5px;line-height:1.75;color:var(--z5c598-text);} #article-content .quote-meta{margin:10px 0 0 0;font-size:13px;color:var(--z5c598-slate);line-height:1.5;} #article-content .related-inline{max-width:940px;margin:18px auto 0 auto;padding:0 var(--pad) 0 var(--pad);} #article-content .related-title{font-family:var(--z5c598-font-display);font-size:18px;margin:18px 0 10px 0;color:var(--z5c598-ink);} #article-content .related-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;} #article-content .related-link{display:inline-block;padding:10px 12px;border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-sm,8px);background:var(--z5c598-surface);color:var(--z5c598-ink);text-decoration:none;font-family:var(--z5c598-font);font-size:14.5px;line-height:1.2;} #article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #article-content .related-link:hover{border-color:rgba(46,125,50,.6);} #article-content .related-note{margin:12px 0 0 0;font-family:var(--z5c598-font);font-size:15px;line-height:1.65;color:var(--z5c598-text);max-width:860px;} #article-content ::selection{background:rgba(46,125,50,.25);} #article-content a{color:var(--z5c598-ink);} @media (max-width:720px){#article-content .article-body{padding-top:20px;}#article-content .section-heading{font-size:20px;}#article-content .article-lead{font-size:17px;}} @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;}} /* z5c598:related-articles */ /* z5c598:related-articles */ #related-articles{--ra-accent:var(--z5c598-secondary);--ra-ink:var(--z5c598-ink);--ra-text:var(--z5c598-text);--ra-surface:var(--z5c598-surface);--ra-bg:var(--z5c598-bg);--ra-border:var(--z5c598-border);background:var(--ra-bg);padding:48px 18px;} #related-articles .related-articles__inner{max-width:1100px;margin:0 auto;} #related-articles .related-articles__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;} #related-articles .related-articles__title{margin:0;font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-0.02em;color:var(--ra-ink);font-size:28px;line-height:1.15;} #related-articles .related-articles__subtitle{margin:0;max-width:620px;color:var(--ra-text);font-family:var(--z5c598-font);font-size:14.5px;line-height:1.55;} #related-articles .related-articles__grid{margin-top:22px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px;} #related-articles .related-articles__item{grid-column:span 6;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--radius-md);padding:16px 16px 14px;box-shadow:0 10px 20px rgba(11,58,98,0.06);} #related-articles .related-articles__item--accent{border-color:rgba(46,125,50,0.35);} #related-articles .related-articles__item-title{margin:0 0 8px 0;font-family:var(--z5c598-font-display);font-size:16px;line-height:1.25;letter-spacing:-0.01em;} #related-articles .related-articles__link{color:var(--ra-ink);text-decoration:none;} #related-articles .related-articles__link:hover{color:var(--ra-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #related-articles .related-articles__item-desc{margin:0;color:var(--ra-text);font-size:13.5px;line-height:1.55;} #related-articles .related-articles__bottom{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .related-articles__cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(11,58,98,0.35);background:var(--ra-surface);color:var(--ra-ink);font-family:var(--z5c598-font);font-weight:700;font-size:14px;text-decoration:none;} #related-articles .related-articles__cta:hover{border-color:rgba(46,125,50,0.55);color:var(--ra-accent);} #related-articles .related-articles__cta:focus-visible,#related-articles .related-articles__link:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;} #related-articles ::selection{background:rgba(46,125,50,0.25);} @media (max-width:880px){#related-articles .related-articles__head{flex-direction:column;align-items:flex-start;}#related-articles .related-articles__subtitle{max-width:unset;}#related-articles .related-articles__item{grid-column:span 12;}} @media (prefers-reduced-motion:reduce){#related-articles .related-articles__link,#related-articles .related-articles__cta{transition:none;}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero { --hero-max: 980px; background: var(--z5c598-bg); color: var(--z5c598-text); padding: 44px 0 28px; } #article-hero .hero-inner { max-width: var(--hero-max); margin: 0 auto; padding: 0 18px; } #article-hero .hero-badge { display: inline-flex; align-items: center; padding: 7px 12px; border: 1px solid var(--z5c598-border); border-radius: var(--radius, 12px); background: var(--z5c598-surface); color: var(--z5c598-ink); font-family: var(--z5c598-font); font-size: 13px; font-weight: 600; letter-spacing: 0.2px; } #article-hero .hero-title { margin: 14px 0 14px; font-family: var(--z5c598-font-display); font-size: 42px; line-height: 1.08; letter-spacing: -0.6px; font-weight: 800; text-wrap: balance; } #article-hero .hero-meta { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 18px 0 14px; } #article-hero .meta-item { background: var(--z5c598-surface); border: 1px solid var(--z5c598-border); border-radius: var(--radius, 12px); padding: 14px 14px; } #article-hero .meta-label { display: block; font-size: 12px; color: var(--z5c598-slate); font-weight: 700; margin-bottom: 6px; } #article-hero .meta-value { display: block; font-size: 15px; font-weight: 600; color: var(--z5c598-ink); } #article-hero .hero-lead { margin: 10px 0 18px; max-width: 74ch; font-size: 16px; line-height: 1.55; color: var(--z5c598-text); } #article-hero .hero-links { display: flex; flex-wrap: wrap; gap: 12px; padding-bottom: 8px; } #article-hero .primary-link, #article-hero .ghost-link { display: inline-flex; align-items: center; justify-content: center; padding: 11px 14px; border-radius: var(--radius, 12px); text-decoration: none; font-family: var(--z5c598-font); font-size: 14px; font-weight: 700; border: 1px solid transparent; } #article-hero .primary-link { background: var(--z5c598-primary); color: var(--z5c598-surface); border-color: var(--z5c598-primary); } #article-hero .ghost-link { background: var(--z5c598-surface); color: var(--z5c598-ink); border-color: var(--z5c598-border); } #article-hero .primary-link:focus-visible, #article-hero .ghost-link:focus-visible { outline: 3px solid var(--z5c598-accent); outline-offset: 2px; } #article-hero .primary-link:hover { filter: brightness(0.97); } #article-hero .ghost-link:hover { border-color: var(--z5c598-ink); } #article-hero ::selection { background: rgba(46, 125, 50, 0.18); color: var(--z5c598-text); } @media (min-width: 760px) { #article-hero .hero-title { font-size: 52px; } #article-hero .hero-meta { grid-template-columns: 1.15fr 1fr 0.8fr; } } @media (prefers-reduced-motion: reduce) { #article-hero * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } } /* z5c598:article-content */ /* z5c598:article-content */ #article-content{--r:12px;--ink:var(--z5c598-ink);--secondary:var(--z5c598-secondary);--border:var(--z5c598-border);--bg:var(--z5c598-bg);--surface:var(--z5c598-surface);--slate:var(--z5c598-slate);--mist:var(--z5c598-mist);color:var(--z5c598-text);background:transparent;} #article-content *{box-sizing:border-box;} #article-content ::selection{background:rgba(46,125,50,.18);} #article-content .article-content__inner{max-width:980px;margin:0 auto;padding:28px 20px 10px;} #article-content .article-content__head{margin-bottom:18px;} #article-content .article-content__kicker{font:700 12px/1.2 var(--z5c598-font);letter-spacing:.08em;text-transform:uppercase;color:var(--z5c598-secondary);margin:0 0 10px;} #article-content .article-content__title{margin:0 0 12px;font:800 34px/1.12 var(--z5c598-font-display);letter-spacing:-.02em;color:var(--z5c598-ink);text-wrap:balance;} #article-content .article-content__sub{margin:0;font:400 16px/1.6 var(--z5c598-font);color:var(--z5c598-text);max-width:72ch;} #article-content .article-content__meta{background:var(--z5c598-bg);border:1px solid var(--z5c598-border);border-radius:var(--r);padding:14px 14px 10px;margin:14px 0 18px;} #article-content .meta-list{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;} #article-content .meta-item{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px dashed rgba(217,224,230,.9);} #article-content .meta-item:last-child{border-bottom:none;} #article-content .meta-item dt{font:700 13px/1.35 var(--z5c598-font);color:var(--z5c598-slate);} #article-content .meta-item dd{margin:0;font:400 14px/1.45 var(--z5c598-font);color:var(--z5c598-text);} #article-content .article-content__body{background:transparent;} #article-content .article-block{padding:10px 0 18px;} #article-content .h2{margin:0 0 10px;font:800 22px/1.25 var(--z5c598-font-display);letter-spacing:-.01em;color:var(--z5c598-ink);} #article-content .h3{margin:0 0 8px;font:800 16px/1.25 var(--z5c598-font-display);color:var(--z5c598-ink);} #article-content p{margin:0 0 12px;font:400 16px/1.72 var(--z5c598-font);color:var(--z5c598-text);} #article-content strong{color:var(--z5c598-ink);} #article-content .list{margin:6px 0 0 18px;padding:0;} #article-content .list li{margin:0 0 10px;font:400 16px/1.65 var(--z5c598-font);color:var(--z5c598-text);} #article-content .risk-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px;} #article-content .risk-card{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--r);padding:14px 14px 12px;} #article-content .risk-card__hint{margin-top:10px;padding-top:10px;border-top:1px solid rgba(217,224,230,.9);color:var(--z5c598-slate);font:400 14px/1.6 var(--z5c598-font);} #article-content .ordered{margin:0 0 0 18px;padding:0;} #article-content .ordered li{margin:0 0 10px;font:400 16px/1.65 var(--z5c598-font);color:var(--z5c598-text);} #article-content .article-block--callout{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--r);padding:16px;} #article-content .checklist{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0 0;} #article-content .checklist-item{background:var(--z5c598-bg);border:1px solid rgba(217,224,230,.9);border-radius:10px;padding:10px 12px;font:400 15px/1.5 var(--z5c598-font);color:var(--z5c598-text);} #article-content .callout-foot{margin-top:12px;color:var(--z5c598-slate);font:400 14px/1.6 var(--z5c598-font);} #article-content .article-block--closing{padding-bottom:8px;} #article-content .article-content__footnav{padding:12px 0 26px;margin-top:6px;} #article-content .related-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;} #article-content .related-link{display:inline-block;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);color:var(--z5c598-ink);text-decoration:none;border-radius:10px;padding:10px 12px;font:700 14px/1.2 var(--z5c598-font);} #article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #article-content .related-link:hover{border-color:rgba(46,125,50,.55);} #article-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} @media (min-width:820px){ #article-content .article-content__inner{padding:36px 26px 16px;} #article-content .meta-list{grid-template-columns:1fr;} #article-content .article-block{padding:12px 0 22px;} #article-content .risk-grid{grid-template-columns:repeat(3,1fr);} #article-content .checklist{grid-template-columns:repeat(2,1fr);} } @media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;}} /* z5c598:related-articles */ /* z5c598:related-articles */ #related-articles.related-articles{background:var(--z5c598-bg);color:var(--z5c598-text);padding:40px 0;} #related-articles.related-articles .ra-container{max-width:1100px;margin:0 auto;padding:0 20px;} #related-articles.related-articles .ra-header{margin-bottom:18px;max-width:820px;} #related-articles.related-articles .ra-title{font-family:var(--z5c598-font-display);font-size:28px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px 0;color:var(--z5c598-ink);text-wrap:balance;} #related-articles.related-articles .ra-subtitle{margin:0;color:var(--z5c598-slate);font-size:15.5px;line-height:1.55;} #related-articles.related-articles .ra-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;} #related-articles.related-articles .ra-item{grid-column:span 6;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-md);padding:16px 16px 14px 16px;position:relative;overflow:hidden;} #related-articles.related-articles .ra-item:before{content:"";position:absolute;inset:-1px -1px auto -1px;height:4px;background:var(--z5c598-accent);} #related-articles.related-articles .ra-item-title{margin:0 0 8px 0;font-family:var(--z5c598-font);font-size:16px;line-height:1.35;color:var(--z5c598-ink);font-weight:700;} #related-articles.related-articles .ra-item-meta{margin:0 0 12px 0;color:var(--z5c598-slate);font-size:14.5px;line-height:1.45;} #related-articles.related-articles .ra-link{display:inline-flex;align-items:center;gap:8px;color:var(--z5c598-ink);text-decoration:none;font-weight:700;font-size:14.5px;border:1px solid var(--z5c598-border);border-radius:999px;padding:10px 12px;background:var(--z5c598-surface);} #related-articles.related-articles .ra-link:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-accent) 55%, white 45%);outline-offset:2px;} #related-articles.related-articles .ra-link:hover{border-color:color-mix(in srgb, var(--z5c598-accent) 45%, var(--z5c598-border) 55%);background:color-mix(in srgb, var(--z5c598-surface) 82%, var(--z5c598-accent) 18%);} #related-articles.related-articles .ra-link:active{transform:translateY(1px);} @media (max-width:820px){#related-articles.related-articles{padding:30px 0;}#related-articles.related-articles .ra-item{grid-column:span 12;}} @media (prefers-reduced-motion:reduce){#related-articles.related-articles .ra-link{transition:none;}} #related-articles.related-articles ::selection{background:color-mix(in srgb, var(--z5c598-accent) 35%, white 65%);} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero.article-hero{ background: var(--z5c598-bg); color: var(--z5c598-text); padding: 28px 0 26px; } #article-hero .article-hero__inner{ max-width: 980px; margin: 0 auto; padding: 0 18px; } #article-hero .article-hero__badge{ display: inline-flex; align-items: center; gap: 10px; background: var(--z5c598-surface); border: 1px solid var(--z5c598-border); border-radius: var(--radius-md); padding: 10px 12px; } #article-hero .article-hero__badge-dot{ width: 10px; height: 10px; border-radius: 50%; background: var(--z5c598-secondary); box-shadow: 0 0 0 4px rgba(46,125,50,0.12); } #article-hero .article-hero__badge-text{ font-family: var(--z5c598-font); font-size: 13px; color: var(--z5c598-ink); font-weight: 700; letter-spacing: 0.2px; } #article-hero .article-hero__title{ margin: 16px 0 10px; font-family: var(--z5c598-font-display); font-size: 40px; line-height: 1.08; letter-spacing: -0.6px; font-weight: 800; text-wrap: balance; } #article-hero .article-hero__meta{ display: grid; grid-template-columns: 1fr; gap: 10px; margin: 14px 0 14px; } #article-hero .article-hero__meta-item{ background: var(--z5c598-surface); border: 1px solid var(--z5c598-border); border-radius: var(--radius-lg); padding: 12px 14px; } #article-hero .article-hero__meta-label{ display: block; font-size: 12px; color: var(--z5c598-slate); font-weight: 700; margin-bottom: 4px; } #article-hero .article-hero__meta-value{ display: block; font-size: 14px; color: var(--z5c598-ink); font-weight: 650; } #article-hero .article-hero__lede{ margin: 0 0 18px; font-size: 16px; line-height: 1.6; max-width: 66ch; color: var(--z5c598-text); } #article-hero .article-hero__cta-row{ display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0 0 16px; } #article-hero .article-hero__btn{ display: inline-flex; align-items: center; justify-content: center; padding: 11px 14px; border-radius: var(--radius-md); font-family: var(--z5c598-font); font-size: 14px; font-weight: 800; text-decoration: none; border: 1px solid transparent; } #article-hero .article-hero__btn--primary{ background: var(--z5c598-primary); color: var(--z5c598-surface); border-color: rgba(0,0,0,0); } #article-hero .article-hero__btn--secondary{ background: transparent; color: var(--z5c598-ink); border-color: var(--z5c598-border); } #article-hero .article-hero__btn:focus-visible{ outline: 3px solid rgba(11,58,98,0.25); outline-offset: 2px; } #article-hero .article-hero__btn:active{ transform: translateY(1px); } #article-hero .article-hero__quick-check{ background: var(--z5c598-surface); border: 1px solid var(--z5c598-border); border-radius: var(--radius-lg); padding: 16px; margin: 0 0 14px; } #article-hero .article-hero__quick-check-title{ font-family: var(--z5c598-font-display); font-weight: 900; letter-spacing: -0.2px; color: var(--z5c598-ink); margin-bottom: 10px; font-size: 18px; } #article-hero .article-hero__quick-check-list{ list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; } #article-hero .article-hero__quick-check-list li{ display: grid; grid-template-columns: 14px 1fr; gap: 10px; align-items: start; font-size: 14px; line-height: 1.45; color: var(--z5c598-text); } #article-hero .article-hero__check-dot{ width: 10px; height: 10px; border-radius: 3px; background: var(--z5c598-accent); margin-top: 4px; } #article-hero .article-hero__fineprint{ margin-top: 10px; padding: 10px 2px 0; } #article-hero .article-hero__fineprint-text{ margin: 0; font-size: 12.5px; color: var(--z5c598-slate); line-height: 1.5; } #article-hero ::selection{ background: rgba(46,125,50,0.2); } @media (min-width: 720px){ #article-hero{ padding: 34px 0 30px; } #article-hero .article-hero__meta{ grid-template-columns: repeat(3, minmax(0, 1fr)); } #article-hero .article-hero__title{ font-size: 46px; } #article-hero .article-hero__lede{ font-size: 17px; } } @media (prefers-reduced-motion: reduce){ #article-hero .article-hero__btn:active{ transform: none; } } /* z5c598:article-content */ /* z5c598:article-content */ #article-content{--ac:#0B3A62;--bg:#F6F7F8;--surface:#FFFFFF;--text:#1B1F23;--border:#D9E0E6;--mist:#A9B7C4;--accent:#2E7D32;box-sizing:border-box;padding:28px 0 44px;background:var(--z5c598-bg);color:var(--z5c598-text);} #article-content *{box-sizing:border-box;} #article-content .article-content{padding:0 16px;} #article-content .article-container{max-width:900px;margin:0 auto;} #article-content .article-meta{display:flex;flex-direction:column;gap:10px;margin:6px 0 22px;} #article-content .article-meta-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--z5c598-border);border-radius:999px;background:rgba(255,255,255,.75);width:max-content;font-family:var(--z5c598-font);font-size:13px;color:var(--z5c598-ink);} #article-content .article-meta-line{font-family:var(--z5c598-font);font-size:16px;line-height:1.45;color:var(--z5c598-slate);max-width:65ch;} #article-content .article-h2{font-family:var(--z5c598-font-display);font-size:28px;line-height:1.12;margin:26px 0 12px;letter-spacing:-.02em;text-wrap:balance;color:var(--z5c598-ink);} #article-content .article-h3{font-family:var(--z5c598-font-display);font-size:20px;line-height:1.2;margin:20px 0 10px;letter-spacing:-.01em;color:var(--z5c598-ink);} #article-content .article-p{font-family:var(--z5c598-font);font-size:16px;line-height:1.7;margin:0 0 14px;color:var(--z5c598-text);max-width:78ch;} #article-content .article-list{margin:10px 0 16px;padding-left:18px;font-family:var(--z5c598-font);color:var(--z5c598-text);} #article-content .article-list li{margin:8px 0;line-height:1.7;font-size:16px;} #article-content .article-list strong{color:var(--z5c598-ink);font-weight:700;} #article-content .article-steps{margin:10px 0 18px;padding-left:18px;font-family:var(--z5c598-font);color:var(--z5c598-text);} #article-content .article-steps li{margin:10px 0;line-height:1.7;font-size:16px;} #article-content .article-steps strong{color:var(--z5c598-ink);} #article-content .callout{margin:14px 0 16px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);border-radius:var(--radius-lg);padding:16px 16px 14px;box-shadow:0 10px 24px rgba(11,58,98,.06);} #article-content .callout-title{font-family:var(--z5c598-font-display);color:var(--z5c598-ink);font-size:16px;font-weight:800;margin:0 0 6px;letter-spacing:-.01em;} #article-content .callout-p{font-family:var(--z5c598-font);color:var(--z5c598-text);font-size:15px;line-height:1.6;margin:0;} #article-content .article-keywords{margin-top:8px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--z5c598-border);background:rgba(255,255,255,.7);} #article-content .related-cta{padding:26px 16px 0;} #article-content .related-cta-inner{max-width:900px;margin:0 auto;} #article-content .related-title{font-family:var(--z5c598-font-display);font-size:22px;line-height:1.2;margin:0 0 12px;letter-spacing:-.01em;color:var(--z5c598-ink);} #article-content .related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #article-content .related-link{display:block;padding:12px 14px;border:1px solid var(--z5c598-border);border-radius:var(--radius-md);background:rgba(255,255,255,.8);color:var(--z5c598-ink);text-decoration:none;font-family:var(--z5c598-font);font-size:15px;line-height:1.35;} #article-content .related-link:hover{background:var(--z5c598-surface);} #article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} ::selection{background:rgba(46,125,50,.25);} @media (max-width:640px){#article-content{padding:18px 0 36px;}#article-content .article-h2{font-size:24px;}#article-content .article-h3{font-size:18px;}#article-content .article-p,#article-content .article-list li,#article-content .article-steps li{font-size:15px;}} @media (prefers-reduced-motion:reduce){#article-content .related-link{transition:none;}} /* z5c598:related-articles */ /* z5c598:related-articles */ #related-articles{background:var(--z5c598-bg);color:var(--z5c598-text);padding:48px 0;} #related-articles .related-articles__inner{max-width:1100px;margin:0 auto;padding:0 20px;} #related-articles .related-articles__header{margin-bottom:20px;} #related-articles .related-articles__title{font-family:var(--z5c598-font-display);font-size:34px;line-height:1.12;margin:0 0 10px 0;letter-spacing:-0.02em;text-wrap:balance;color:var(--z5c598-ink);} #related-articles .related-articles__subtitle{margin:0;max-width:62ch;font-size:16px;line-height:1.6;color:var(--z5c598-text);} #related-articles .related-articles__list{display:grid;grid-template-columns:1fr;gap:14px;} #related-articles .related-article{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg,16px);padding:16px 16px;box-shadow:0 1px 0 rgba(11,58,98,0.06);} #related-articles .related-article--small{padding:14px 16px;} #related-articles .related-article__title{margin:0 0 6px 0;font-size:16px;line-height:1.35;} #related-articles .related-article__link{color:var(--z5c598-primary);text-decoration:none;font-weight:700;} #related-articles .related-article__link:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;border-radius:6px;} #related-articles .related-article__link:hover{text-decoration:underline;} #related-articles .related-article__meta{margin:0;font-size:13px;line-height:1.55;color:var(--z5c598-slate);} #related-articles .related-articles__cta{margin-top:18px;} #related-articles .related-articles__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:var(--radius-md,12px);border:1px solid rgba(11,58,98,0.35);background:var(--z5c598-surface);color:var(--z5c598-primary);font-weight:700;text-decoration:none;} #related-articles .related-articles__button:hover{background:rgba(11,58,98,0.06);} #related-articles .related-articles__button:focus-visible{outline:3px solid rgba(46,125,50,0.35);outline-offset:3px;} #related-articles ::selection{background:rgba(46,125,50,0.25);} @media (min-width:860px){ #related-articles .related-articles__list{grid-template-columns:1fr 1fr;gap:16px;} #related-articles .related-article--small{grid-column:span 2;} } @media (prefers-reduced-motion:reduce){ #related-articles *{scroll-behavior:auto;} #related-articles .related-article__link:hover, #related-articles .related-articles__button:hover{text-decoration:none;} } /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--maxw:1120px;box-sizing:border-box;} #article-hero *{box-sizing:inherit;} #article-hero{padding:40px 18px;background:var(--z5c598-bg);color:var(--z5c598-text);} #article-hero .article-hero__inner{max-width:var(--maxw);margin:0 auto;display:flex;gap:28px;align-items:flex-start;} #article-hero .article-hero__left{flex:1 1 680px;min-width:0;} #article-hero .article-hero__right{flex:0 0 360px;} #article-hero .kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--z5c598-border);border-radius:999px;background:var(--z5c598-surface);color:var(--z5c598-ink);font-family:var(--z5c598-font);font-size:13px;letter-spacing:.02em;} #article-hero .kicker::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--z5c598-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--z5c598-accent) 18%, transparent);} #article-hero .article-title{margin:14px 0 10px;font-family:var(--z5c598-font-display);font-size:40px;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;color:var(--z5c598-ink);} #article-hero .article-subtitle{margin:0 0 18px;font-family:var(--z5c598-font);font-size:16px;line-height:1.6;max-width:62ch;color:color-mix(in srgb, var(--z5c598-text) 88%, var(--z5c598-primary) 12%);} #article-hero .meta{margin:18px 0 0;display:grid;grid-template-columns:1fr;gap:10px;} #article-hero .meta__item{display:flex;gap:14px;align-items:baseline;padding:10px 12px;border:1px solid var(--z5c598-border);border-radius:var(--radius-md);background:var(--z5c598-surface);} #article-hero .meta__item dt{font-family:var(--z5c598-font);font-size:13px;color:var(--z5c598-slate);min-width:72px;} #article-hero .meta__item dd{margin:0;font-family:var(--z5c598-font);font-size:14px;color:var(--z5c598-text);} #article-hero .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} #article-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-family:var(--z5c598-font);font-size:14px;text-decoration:none;line-height:1;white-space:nowrap;} #article-hero .btn--primary{background:var(--z5c598-primary);color:var(--z5c598-surface);border:1px solid color-mix(in srgb, var(--z5c598-primary) 86%, #000 0%);} #article-hero .btn--ghost{background:color-mix(in srgb, var(--z5c598-surface) 80%, transparent);color:var(--z5c598-ink);border:1px solid var(--z5c598-border);} #article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-accent) 55%, transparent);outline-offset:2px;} #article-hero .btn--ghost:hover{background:var(--z5c598-surface);} #article-hero .summary-card{border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);background:var(--z5c598-surface);padding:18px 16px;box-shadow:0 10px 30px color-mix(in srgb, var(--z5c598-primary) 10%, transparent);} #article-hero .summary-title{margin:0 0 12px;font-family:var(--z5c598-font-display);font-size:18px;letter-spacing:-.01em;color:var(--z5c598-ink);} #article-hero .summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #article-hero .summary-list li{display:flex;gap:10px;align-items:flex-start;} #article-hero .bullet{margin-top:6px;flex:0 0 auto;width:10px;height:10px;border-radius:3px;background:var(--z5c598-accent);} #article-hero .summary-list span{display:inline-block;font-family:var(--z5c598-font);font-size:14px;line-height:1.5;color:color-mix(in srgb, var(--z5c598-text) 92%, var(--z5c598-primary) 8%);} #article-hero .summary-footnote{margin:14px 0 0;font-family:var(--z5c598-font);font-size:13px;line-height:1.55;color:var(--z5c598-slate);} #article-hero .trust{margin-top:16px;padding:14px 14px;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--z5c598-primary) 6%, var(--z5c598-surface) 94%);border:1px solid color-mix(in srgb, var(--z5c598-primary) 12%, var(--z5c598-border) 88%);} #article-hero .trust__row{display:flex;gap:12px;align-items:flex-start;} #article-hero .trust__icon{margin-top:2px;width:14px;height:14px;border-radius:4px;background:var(--z5c598-primary);box-shadow:0 0 0 5px color-mix(in srgb, var(--z5c598-primary) 12%, transparent);} #article-hero .trust__text{margin:0;font-family:var(--z5c598-font);font-size:13px;line-height:1.5;color:var(--z5c598-text);} #article-hero ::selection{background:color-mix(in srgb, var(--z5c598-accent) 30%, transparent);} @media (max-width: 980px){ #article-hero .article-hero__inner{flex-direction:column;} #article-hero .article-hero__right{flex:1 1 auto;max-width:520px;} #article-hero .article-title{font-size:34px;} } @media (max-width: 520px){ #article-hero{padding:28px 14px;} #article-hero .article-title{font-size:30px;} #article-hero .meta__item{flex-wrap:wrap;} } @media (prefers-reduced-motion: reduce){ #article-hero *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* z5c598:article-content */ /* z5c598:article-content */ #article-content{--sec-max:1080px;--pad:24px;box-sizing:border-box;background:var(--z5c598-bg);color:var(--z5c598-text);padding:34px 0 26px} #article-content .container{max-width:var(--sec-max);margin:0 auto;padding:0 var(--pad)} #article-content .article-intro{padding:18px 0 18px} #article-content .kicker{display:inline-block;font-family:var(--z5c598-font-display);font-weight:700;letter-spacing:.02em;color:var(--z5c598-secondary);text-transform:uppercase;font-size:12px;margin-bottom:10px} #article-content .article-title{font-family:var(--z5c598-font-display);font-weight:800;letter-spacing:-.02em;margin:0 0 10px;font-size:2.05rem;line-height:1.14;text-wrap:balance} #article-content .article-lead{margin:0;max-width:72ch;color:var(--z5c598-text);font-size:1.05rem;line-height:1.65} #article-content .article-toc{margin:18px 0 22px;border:1px solid var(--z5c598-border);border-radius:var(--radius-md,12px);background:rgba(255,255,255,.75);padding:14px 16px} #article-content .toc-title{margin:0 0 10px;font-size:1rem;font-weight:800;color:var(--z5c598-primary)} #article-content .toc-list{margin:0;padding-left:20px} #article-content .toc-link{display:inline-block;color:var(--z5c598-primary);text-decoration:underline;text-decoration-color:rgba(11,58,98,.35);text-underline-offset:3px;font-weight:700} #article-content .toc-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px} #article-content .article-grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start} #article-content .article-body{background:transparent} #article-content .body-section{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg,16px);padding:20px 20px;margin:0 0 14px;box-shadow:0 10px 30px rgba(11,58,98,.06)} #article-content .section-title{margin:0 0 10px;font-family:var(--z5c598-font-display);font-weight:850;letter-spacing:-.01em;font-size:1.35rem;line-height:1.25;text-wrap:balance} #article-content .body-section p{margin:0 0 12px;line-height:1.75;font-size:1rem} #article-content .body-section p:last-child{margin-bottom:0} #article-content .bullets{margin:10px 0 16px;padding-left:18px} #article-content .bullets li{margin:8px 0;line-height:1.6} #article-content .subsection-title{margin:14px 0 8px;font-family:var(--z5c598-font-display);font-weight:800;font-size:1.08rem;color:var(--z5c598-primary)} #article-content .subsection-title + p{margin-top:0} #article-content .callout{margin-top:14px;padding:14px 14px;border-left:4px solid var(--z5c598-secondary);background:rgba(46,125,50,.08);border-radius:10px;color:var(--z5c598-ink, var(--z5c598-text))} #article-content .checklist{display:grid;gap:10px;margin-top:10px} #article-content .check-item{border:1px solid var(--z5c598-border);border-radius:12px;background:linear-gradient(0deg, rgba(255,255,255,.9), rgba(255,255,255,.9));padding:12px 12px} #article-content .check-label{font-weight:900;color:var(--z5c598-primary);margin-bottom:6px;font-family:var(--z5c598-font-display)} #article-content .check-text{color:var(--z5c598-text);line-height:1.6} #article-content .keyword-inline{font-size:.98rem;color:var(--z5c598-text)} #article-content .article-sidebar{position:sticky;top:18px} #article-content .sidebar-card{border:1px solid var(--z5c598-border);border-radius:var(--radius-lg,16px);background:var(--z5c598-surface);padding:18px 16px;margin-bottom:14px} #article-content .sidebar-cta{background:rgba(11,58,98,.045)} #article-content .sidebar-title{margin:0 0 10px;font-family:var(--z5c598-font-display);font-weight:900;letter-spacing:-.01em;color:var(--z5c598-primary);font-size:1.15rem} #article-content .sidebar-text{margin:0 0 14px;line-height:1.7} #article-content .related-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px} #article-content .related-link{color:var(--z5c598-primary);text-decoration:underline;text-decoration-color:rgba(11,58,98,.35);text-underline-offset:3px;font-weight:750;line-height:1.4} #article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:8px} #article-content .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:12px;font-weight:900;font-family:var(--z5c598-font-display);text-decoration:none;border:1px solid var(--z5c598-border);cursor:pointer} #article-content .button.primary{background:var(--z5c598-primary);border-color:var(--z5c598-primary);color:var(--z5c598-surface)} #article-content .button.primary:hover{filter:brightness(.98)} #article-content .button.primary:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px} #article-content .article-footer{margin-top:10px;padding:12px 2px 0} #article-content .fineprint{margin:0 0 8px;color:var(--z5c598-slate);font-size:.95rem;line-height:1.6} #article-content .link{color:var(--z5c598-primary);text-decoration:underline;text-decoration-color:rgba(11,58,98,.35);text-underline-offset:3px;font-weight:800} #article-content .link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:8px} #article-content ::selection{background:rgba(46,125,50,.22);color:var(--z5c598-ink)} @media (max-width: 960px){#article-content .article-grid{grid-template-columns:1fr;gap:14px}#article-content .article-sidebar{position:static}#article-content .article-title{font-size:1.75rem}#article-content .body-section{padding:18px 16px}} @media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;transition:none;animation:none}} /* z5c598:related-articles */ #related-articles{--ra-pad:24px;--ra-gap:12px;--ra-max:1040px;--ra-radius:var(--z5c598-radius-md,12px);} #related-articles .related-articles{background:var(--z5c598-bg);color:var(--z5c598-text);padding:40px 0;} #related-articles .related-articles__inner{max-width:var(--ra-max);margin:0 auto;padding:0 20px;} #related-articles .related-articles__header{display:block;margin-bottom:18px;} #related-articles .related-articles__title{font-family:var(--z5c598-font-display);font-size:26px;line-height:1.15;margin:0 0 10px 0;letter-spacing:-0.02em;text-wrap:balance;} #related-articles .related-articles__lede{margin:0;max-width:72ch;color:var(--z5c598-text);font-size:15px;line-height:1.6;} #related-articles .related-articles__list{list-style:none;padding:0;margin:18px 0 0 0;display:grid;grid-template-columns:1fr;gap:10px;} #related-articles .related-articles__item{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--z5c598-radius-sm,8px);} #related-articles .related-articles__link{display:block;padding:14px 14px;font-family:var(--z5c598-font);font-size:15px;line-height:1.4;color:var(--z5c598-ink);text-decoration:none;} #related-articles .related-articles__link:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 45%, transparent);outline-offset:2px;} #related-articles .related-articles__link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #related-articles .related-articles__cta-row{margin-top:18px;display:flex;justify-content:flex-start;} #related-articles .related-articles__cta{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--z5c598-radius-md,12px);background:var(--z5c598-primary);color:var(--z5c598-surface);text-decoration:none;font-family:var(--z5c598-font);font-weight:700;font-size:14px;border:1px solid var(--z5c598-primary);} #related-articles .related-articles__cta:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 45%, transparent);outline-offset:2px;} #related-articles .related-articles__cta:hover{background:color-mix(in srgb, var(--z5c598-primary) 90%, var(--z5c598-secondary) 10%);} #related-articles ::selection{background:color-mix(in srgb, var(--z5c598-secondary) 35%, transparent);} @media (min-width:780px){#related-articles .related-articles__list{grid-template-columns:1fr 1fr;gap:12px;}#related-articles .related-articles__title{font-size:30px;}} @media (prefers-reduced-motion:reduce){#related-articles .related-articles__link,#related-articles .related-articles__cta{transition:none;}} /* z5c598:article-hero */ /* z5c598:article-hero */ #article-hero{--hero-max:1120px;--pad-inline:24px;--pad-block:28px;position:relative;background:var(--z5c598-bg);border-bottom:1px solid var(--z5c598-border)} #article-hero::selection{background:var(--z5c598-secondary);color:var(--z5c598-surface)} #article-hero .article-hero__container{max-width:var(--hero-max);margin:0 auto;padding:48px var(--pad-inline) 34px;display:grid;grid-template-columns:1.35fr .9fr;gap:28px;align-items:start} #article-hero .article-hero__left{min-width:0} #article-hero .kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);border-radius:var(--radius-md);font-family:var(--z5c598-font);color:var(--z5c598-ink);font-size:13px;letter-spacing:.2px} #article-hero .kicker::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--z5c598-secondary);box-shadow:0 0 0 4px color-mix(in srgb, var(--z5c598-secondary) 18%, transparent)} #article-hero .article-title{margin:14px 0 10px;font-family:var(--z5c598-font-display);font-size:44px;line-height:1.05;letter-spacing:-0.6px;color:var(--z5c598-ink);text-wrap:balance} #article-hero .article-subtitle{margin:0 0 18px;color:var(--z5c598-text);font-size:16.5px;line-height:1.6;max-width:58ch} #article-hero .meta-row{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 22px;padding:0;list-style:none} #article-hero .meta-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);border-radius:var(--radius-md);min-width:168px} #article-hero .meta-label{font-size:12px;color:var(--z5c598-slate);letter-spacing:.2px} #article-hero .meta-value{font-size:14px;color:var(--z5c598-ink);font-weight:700;font-variant-numeric:tabular-nums} #article-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 16px} #article-hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md);font-family:var(--z5c598-font);text-decoration:none;font-weight:700;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease} #article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 60%, transparent);outline-offset:2px} #article-hero .btn:active{transform:translateY(1px)} #article-hero .btn--primary{background:var(--z5c598-primary);border-color:var(--z5c598-primary);color:var(--z5c598-surface)} #article-hero .btn--primary:hover{background:color-mix(in srgb, var(--z5c598-primary) 88%, #000)} #article-hero .btn--secondary{background:var(--z5c598-surface);border-color:var(--z5c598-border);color:var(--z5c598-ink)} #article-hero .btn--secondary:hover{background:color-mix(in srgb, var(--z5c598-surface) 84%, var(--z5c598-secondary) 16%);border-color:color-mix(in srgb, var(--z5c598-border) 65%, var(--z5c598-secondary) 35%)} #article-hero .btn--ghost{background:var(--z5c598-surface);border-color:var(--z5c598-border);color:var(--z5c598-ink)} #article-hero .btn--ghost:hover{background:color-mix(in srgb, var(--z5c598-surface) 78%, var(--z5c598-primary) 22%);border-color:color-mix(in srgb, var(--z5c598-border) 70%, var(--z5c598-primary) 30%)} #article-hero .hero-disclaimer{margin-top:14px;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);border-radius:var(--radius-md)} #article-hero .hero-disclaimer__dot{margin-top:5px;width:10px;height:10px;border-radius:50%;background:var(--z5c598-secondary);flex:0 0 auto} #article-hero .hero-disclaimer__text{color:color-mix(in srgb, var(--z5c598-text) 88%, var(--z5c598-primary) 12%);line-height:1.55;font-size:13.5px} #article-hero .article-hero__aside{min-width:0} #article-hero .aside-card{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:16px;box-shadow:0 10px 24px color-mix(in srgb, var(--z5c598-primary) 10%, transparent)} #article-hero .aside-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px} #article-hero .aside-card__title{font-family:var(--z5c598-font-display);color:var(--z5c598-ink);font-weight:800;font-size:18px;letter-spacing:-0.2px} #article-hero .aside-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;border:1px solid var(--z5c598-border);background:color-mix(in srgb, var(--z5c598-secondary) 10%, var(--z5c598-surface));color:var(--z5c598-ink);font-weight:700;font-size:12.5px} #article-hero .aside-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px} #article-hero .aside-list__item{display:flex;gap:10px;align-items:flex-start;color:var(--z5c598-text);font-size:13.8px;line-height:1.5} #article-hero .step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--z5c598-secondary) 14%, var(--z5c598-surface));border:1px solid color-mix(in srgb, var(--z5c598-secondary) 40%, var(--z5c598-border));color:var(--z5c598-ink);font-weight:800;font-variant-numeric:tabular-nums;flex:0 0 auto} #article-hero .aside-card__footer{margin-top:14px;display:flex;flex-direction:column;gap:12px} #article-hero .aside-callout{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--z5c598-border);background:color-mix(in srgb, var(--z5c598-bg) 70%, var(--z5c598-surface))} #article-hero .aside-callout__icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--z5c598-secondary) 16%, var(--z5c598-surface));color:var(--z5c598-ink);border:1px solid color-mix(in srgb, var(--z5c598-secondary) 40%, var(--z5c598-border));font-weight:900;flex:0 0 auto} #article-hero .aside-callout__text{color:var(--z5c598-text);font-size:13.5px;line-height:1.5} #article-hero .contact-mini{margin-top:12px;border:1px solid var(--z5c598-border);background:var(--z5c598-surface);border-radius:var(--radius-lg);padding:14px} #article-hero .contact-mini__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb, var(--z5c598-border) 75%, transparent)} #article-hero .contact-mini__row:first-child{border-top:none;padding-top:0} #article-hero .contact-mini__label{color:var(--z5c598-slate);font-size:12.5px;letter-spacing:.2px} #article-hero .contact-mini__value{color:var(--z5c598-ink);font-weight:800;text-decoration:none} #article-hero .contact-mini__value:focus-visible{outline:3px solid color-mix(in srgb, var(--z5c598-secondary) 60%, transparent);outline-offset:2px;border-radius:6px} @media (max-width: 980px){#article-hero .article-hero__container{grid-template-columns:1fr;gap:18px;padding-top:34px}#article-hero .article-title{font-size:36px}#article-hero .meta-item{min-width:unset;flex:1}} @media (max-width: 520px){#article-hero .article-title{font-size:30px;letter-spacing:-0.4px}#article-hero .article-subtitle{font-size:15.5px}#article-hero .article-hero__container{padding-inline:16px}#article-hero .btn{padding:12px 14px}} @media (prefers-reduced-motion: reduce){#article-hero .btn{transition:none}#article-hero .btn:active{transform:none}} /* z5c598:article-content */ /* z5c598:article-content */ #article-content.article-content{--section-ink:var(--z5c598-ink);--section-surface:var(--z5c598-surface);--section-bg:var(--z5c598-bg);--section-border:var(--z5c598-border);--section-slate:var(--z5c598-slate);--section-mist:var(--z5c598-mist);--section-text:var(--z5c598-text);background:var(--section-bg);color:var(--section-text);padding:clamp(18px,3vw,34px) 16px 28px;} #article-content .article-shell{max-width:980px;margin:0 auto;} #article-content .article-head{margin:0 0 18px;} #article-content .kicker{display:inline-block;font-family:var(--z5c598-font);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--z5c598-secondary);background:rgba(46,125,50,.08);border:1px solid rgba(46,125,50,.22);padding:6px 10px;border-radius:var(--z5c598-radius-sm,8px);} #article-content .article-title{margin:12px 0 8px;font-family:var(--z5c598-font-display);font-size:clamp(28px,3.8vw,42px);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;color:var(--section-ink);font-weight:800;} #article-content .article-meta{margin:0;color:var(--section-slate);font-size:14.5px;line-height:1.5;} #article-content .meta-strong{color:var(--section-ink);font-weight:700;} #article-content .toc{background:var(--section-surface);border:1px solid var(--section-border);border-radius:var(--z5c598-radius-md,12px);padding:14px 14px 12px;margin:0 0 18px;} #article-content .toc-title{margin:0 0 10px;font-size:13px;color:var(--section-slate);font-weight:700;letter-spacing:.02em;} #article-content .toc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;} #article-content .toc-link{display:block;color:var(--section-ink);text-decoration:none;font-weight:700;line-height:1.35;padding:9px 10px;border-radius:10px;border:1px solid transparent;background:rgba(11,58,98,.04);} #article-content .toc-link:focus-visible{outline:3px solid rgba(11,58,98,.35);outline-offset:2px;} #article-content .toc-link:hover{border-color:rgba(11,58,98,.22);background:rgba(11,58,98,.06);} #article-content .article-body{background:var(--section-surface);border:1px solid var(--section-border);border-radius:var(--z5c598-radius-lg,16px);padding:22px 18px;box-shadow:0 10px 26px rgba(11,58,98,.06);} #article-content .article-section{margin:0 0 22px;} #article-content .article-section:last-child{margin-bottom:0;} #article-content .h2{margin:0 0 10px;font-family:var(--z5c598-font-display);font-size:clamp(18px,2.1vw,22px);line-height:1.25;letter-spacing:-.01em;color:var(--section-ink);font-weight:800;} #article-content p{margin:0 0 12px;line-height:1.72;} #article-content p strong{color:var(--section-ink);} #article-content .numbered{margin:0;padding-left:20px;list-style:decimal;line-height:1.7;} #article-content .numbered li{margin:8px 0;} #article-content .bullets{margin:0;padding-left:18px;line-height:1.7;} #article-content .bullets li{margin:8px 0;} #article-content .callout{margin:14px 0 4px;padding:14px 14px;border-radius:var(--z5c598-radius-md,12px);border:1px solid rgba(46,125,50,.25);background:rgba(46,125,50,.07);} #article-content .callout-title{margin:0 0 6px;font-weight:800;color:var(--z5c598-secondary);} #article-content .checklist{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px;} #article-content .check-item{border:1px solid var(--section-border);border-radius:var(--z5c598-radius-md,12px);padding:14px 14px;background:linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,1));} #article-content .check-title{margin:0 0 6px;font-weight:900;color:var(--section-ink);font-size:15.5px;} #article-content .check-text{margin:0;color:var(--section-slate);font-size:14.5px;} #article-content .related-links{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px;} #article-content .article-link{color:var(--section-ink);text-decoration:none;font-weight:800;line-height:1.4;padding:10px 12px;border-radius:12px;border:1px solid rgba(11,58,98,.18);background:rgba(11,58,98,.04);display:block;} #article-content .article-link:hover{background:rgba(11,58,98,.07);border-color:rgba(11,58,98,.28);} #article-content .article-link:focus-visible{outline:3px solid rgba(11,58,98,.35);outline-offset:2px;} #article-content .article-foot{margin-top:16px;} #article-content .foot-note{color:var(--section-slate);font-size:13.5px;line-height:1.65;margin:0;} #article-content ::selection{background:rgba(46,125,50,.22);} @media (min-width:780px){ #article-content .article-body{padding:26px 26px;} #article-content .checklist{grid-template-columns:repeat(3,1fr);} #article-content .toc-list{grid-template-columns:1fr;} } @media (prefers-reduced-motion:reduce){ #article-content *{scroll-behavior:auto;transition:none!important;animation:none!important;} } /* z5c598:related-articles */ /* z5c598:related-articles */ #related-articles.related-articles{background:var(--z5c598-bg);color:var(--z5c598-text);padding:28px 0 18px;} #related-articles .ra-container{max-width:1080px;margin:0 auto;padding:0 18px;} #related-articles .ra-header{margin-bottom:18px;} #related-articles .ra-title{font-family:var(--z5c598-font-display);font-size:26px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 8px;font-weight:700;text-wrap:balance;color:var(--z5c598-ink);} #related-articles .ra-subtitle{margin:0;max-width:62ch;color:var(--z5c598-slate);font-size:15px;line-height:1.6;} #related-articles .ra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:14px;} #related-articles .ra-card{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:14px 14px 13px;border:1px solid var(--z5c598-border);border-radius:var(--z5c598-md);background:var(--z5c598-surface);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;} #related-articles .ra-card-meta{font-size:12px;color:var(--z5c598-secondary);font-weight:700;letter-spacing:0.02em;text-transform:none;} #related-articles .ra-card-title{font-family:var(--z5c598-font);font-size:15px;line-height:1.4;font-weight:700;color:var(--z5c598-ink);text-wrap:balance;} #related-articles .ra-card:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px;} #related-articles .ra-card:hover{background:#ffffff;border-color:rgba(46,125,50,.35);} #related-articles .ra-card:active{transform:translateY(1px);} #related-articles .ra-foot{margin-top:14px;display:flex;justify-content:flex-start;} #related-articles .ra-link{color:var(--z5c598-ink);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #related-articles .ra-link:focus-visible{outline:3px solid rgba(11,58,98,.25);outline-offset:3px;border-radius:6px;} #related-articles ::selection{background:rgba(46,125,50,.22);} @media (max-width: 920px){#related-articles .ra-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width: 560px){#related-articles{padding:22px 0 10px;}#related-articles .ra-container{padding:0 14px;}#related-articles .ra-title{font-size:22px;}#related-articles .ra-grid{grid-template-columns:1fr;gap:10px;}#related-articles .ra-card{min-height:auto;}} @media (prefers-reduced-motion: reduce){#related-articles .ra-card{transition:none;}#related-articles .ra-card:active{transform:none;}} :root{--z5c598-primary:#0B3A62;--z5c598-secondary:#2E7D32;--z5c598-accent:#2E7D32;--z5c598-ink:#0B3A62;--z5c598-slate:#4B5A66;--z5c598-mist:#A9B7C4;--z5c598-border:#D9E0E6;--z5c598-surface:#FFFFFF;--z5c598-bg:#F6F7F8;--z5c598-text:#1B1F23;--z5c598-font:Verdana, Geneva, Tahoma, sans-serif;--z5c598-font-display:'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif;} .policy-page{background:var(--z5c598-bg);color:var(--z5c598-text);font-family:var(--z5c598-font);padding:24px 0;} .policy-container{max-width:980px;margin:0 auto;padding:0 18px;} .policy-header{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:18px 18px;box-shadow:0 1px 0 rgba(0,0,0,0.02);} .policy-title{margin:0 0 6px 0;font-family:var(--z5c598-font-display);font-size:26px;line-height:1.2;color:var(--z5c598-ink);} .policy-lead{margin:0;font-size:15px;line-height:1.5;color:var(--z5c598-slate);} .policy-section{margin-top:16px;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:16px 18px;} .policy-section-title{margin:0 0 10px 0;font-size:18px;line-height:1.3;color:var(--z5c598-primary);font-weight:700;} .policy-paragraph{margin:10px 0 0 0;font-size:14.5px;line-height:1.65;} .policy-contact-line{margin:0 0 10px 0;} .policy-list{margin:10px 0 0 18px;padding:0;} .policy-list-item{margin:6px 0;font-size:14.5px;line-height:1.6;} .policy-link{color:var(--z5c598-secondary);text-decoration:underline;} .policy-link:focus,.policy-link:hover{color:var(--z5c598-primary);} .policy-footer{margin-top:16px;padding:14px 18px;background:rgba(11,58,98,0.03);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);} .policy-footnote{margin:8px 0 0 0;font-size:13.5px;line-height:1.6;color:var(--z5c598-slate);} .policy-footnote strong{color:var(--z5c598-ink);} @media (max-width:680px){.policy-container{padding:0 12px;}.policy-header,.policy-section{padding:14px 14px;}.policy-title{font-size:22px;}} .policy-page{background:var(--z5c598-bg);color:var(--z5c598-text);font-family:var(--z5c598-font);line-height:1.5;margin:0;padding:0} .policy-container{max-width:980px;margin:0 auto;padding:20px} .policy-header{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:18px 16px;margin-bottom:16px} .policy-title{margin:0 0 6px 0;font-size:26px;line-height:1.2;color:var(--z5c598-primary)} .policy-subtitle{margin:0 0 10px 0;color:var(--z5c598-slate);font-size:14px} .policy-intro{margin:0;color:var(--z5c598-text)} .policy-section{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:16px;margin:12px 0} .policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--z5c598-primary)} .policy-subheading{margin:0 0 6px 0;font-size:16px;color:var(--z5c598-secondary)} .policy-paragraph{margin:0 0 10px 0} .policy-box{border:1px solid var(--z5c598-border);border-radius:var(--radius-md);padding:12px;margin:10px 0;background:#fff} .policy-list{margin:0;padding-left:18px} .policy-list li{margin:6px 0} .policy-link{color:var(--z5c598-primary);text-decoration:underline} .policy-link:hover{color:var(--z5c598-secondary)} .policy-contact{margin-top:10px} .policy-dl{margin:0} .policy-dl-row{display:block;margin:8px 0} .policy-dt{font-weight:700;color:var(--z5c598-slate);margin-bottom:2px} .policy-dd{margin:0} .policy-note{margin:10px 0 0 0;font-size:13px;color:var(--z5c598-slate)} .policy-footer{margin:18px 0 6px 0} .policy-footer-inner{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:14px} .policy-small{margin:6px 0;font-size:13px;color:var(--z5c598-slate)} @media (max-width:680px){.policy-container{padding:14px}.policy-title{font-size:22px}.policy-section{padding:14px}} .policy-page{background:var(--z5c598-bg);color:var(--z5c598-text);font-family:var(--z5c598-font);line-height:1.5}*{box-sizing:border-box}a.policy-link{color:var(--z5c598-primary);text-decoration:underline}a.policy-link:hover{color:var(--z5c598-accent)}.policy-wrap{max-width:980px;margin:0 auto;padding:24px}.policy-header{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:20px 18px;margin-bottom:16px}.policy-title{margin:0 0 10px 0;font-family:var(--z5c598-font-display);font-size:28px;color:var(--z5c598-primary)}.policy-intro{margin:0;color:var(--z5c598-text)}.policy-section{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:18px;margin:14px 0}.policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--z5c598-ink)}.policy-p{margin:10px 0}.policy-strong{font-weight:700}.policy-card{border:1px solid var(--z5c598-border);border-radius:var(--radius-md);padding:14px;background:linear-gradient(180deg, rgba(11,58,98,0.03), rgba(11,58,98,0.00))}.policy-card--soft{background:rgba(46,125,50,0.03);border-color:rgba(46,125,50,0.25)}.policy-footer{margin:16px 0 0 0;padding:0}.policy-footer-inner{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:18px;display:block}.policy-footer-block{display:inline-block;vertical-align:top;width:49%;min-width:280px}.policy-footer-title{margin:0 0 8px 0;color:var(--z5c598-primary);font-weight:700}.policy-footer-p{margin:8px 0}.policy-footer-copy{margin:14px 2px 0 2px;color:var(--z5c598-slate);font-size:13px}.policy-strong{font-weight:700}#year{font-weight:700} .policy-page{background:var(--z5c598-bg);color:var(--z5c598-text);font-family:var(--z5c598-font);line-height:1.45;padding:18px} .policy-container{max-width:980px;margin:0 auto;background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg);padding:22px} .policy-header{padding:6px 4px 14px 4px;border-bottom:1px solid var(--z5c598-border);margin-bottom:16px} .policy-h1{margin:0 0 10px 0;color:var(--z5c598-primary);font-size:26px;font-family:var(--z5c598-font-display)} .policy-lead{margin:0;color:var(--z5c598-text)} .policy-muted{color:var(--z5c598-slate)} .policy-section{margin:18px 0} .policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--z5c598-ink);font-family:var(--z5c598-font-display)} .policy-text{margin:10px 0;color:var(--z5c598-text)} .policy-list{margin:10px 0 0 18px;padding:0} .policy-li{margin:8px 0} .policy-strong{font-weight:700} .policy-footer-note{border-top:1px solid var(--z5c598-border);padding-top:16px} @media (max-width:640px){.policy-container{padding:16px}.policy-h1{font-size:22px}} :root{--z5c598-primary:#0B3A62;--z5c598-secondary:#2E7D32;--z5c598-accent:#2E7D32;--z5c598-ink:#0B3A62;--z5c598-slate:#4B5A66;--z5c598-mist:#A9B7C4;--z5c598-border:#D9E0E6;--z5c598-surface:#FFFFFF;--z5c598-bg:#F6F7F8;--z5c598-text:#1B1F23;--z5c598-font:Verdana, Geneva, Tahoma, sans-serif;--z5c598-font-display:'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif;} .policy-page{font-family:var(--z5c598-font);background:var(--z5c598-bg);color:var(--z5c598-text);min-height:100vh;padding:24px 16px;box-sizing:border-box;} .policy-wrapper{max-width:1000px;margin:0 auto;} .policy-header{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg,16px);padding:20px 18px;margin-bottom:14px;} .policy-title{font-family:var(--z5c598-font-display);font-size:30px;line-height:1.2;margin:0 0 10px 0;color:var(--z5c598-primary);} .policy-lead{margin:0;font-size:15px;line-height:1.6;} .policy-strong{font-weight:700;color:var(--z5c598-ink);} .policy-card{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg,16px);padding:18px 16px;margin-bottom:14px;} .policy-card--small{padding:16px 16px;} .policy-card-title{font-family:var(--z5c598-font-display);font-size:18px;margin:0 0 10px 0;color:var(--z5c598-primary);} .policy-text{margin:0 0 10px 0;font-size:14px;line-height:1.65;} .policy-text--muted{color:var(--z5c598-slate);margin-top:10px;} .policy-muted{color:var(--z5c598-slate);font-weight:400;} .policy-list{margin:0;padding-left:18px;} .policy-list-item{margin:0 0 8px 0;font-size:14px;line-height:1.55;} .policy-link{color:var(--z5c598-primary);text-decoration:underline;text-underline-offset:2px;} .policy-link:hover{color:var(--z5c598-secondary);} .policy-contacts{background:var(--z5c598-surface);border:1px solid var(--z5c598-border);border-radius:var(--radius-lg,16px);padding:16px 16px;margin-bottom:16px;} .policy-contacts-grid{display:block;} .policy-contacts-block{margin-bottom:14px;} .policy-footer{border-top:1px solid var(--z5c598-border);padding-top:12px;} .policy-footer-row{font-size:13px;line-height:1.5;margin:6px 0;color:var(--z5c598-text);} .policy-footer-note{color:var(--z5c598-slate);margin-top:10px;font-size:12.5px;} .policy-actions{display:block;} .policy-button{display:inline-block;background:var(--z5c598-secondary);color:#fff;text-decoration:none;border:1px solid var(--z5c598-secondary);border-radius:var(--radius-md,12px);padding:12px 14px;font-size:14px;font-weight:700;} .policy-button:hover{background:#256b25;border-color:#256b25;} @media (min-width:780px){.policy-contacts-grid{display:flex;gap:14px;}.policy-contacts-block{flex:1;margin-bottom:0;}}