/* vanilla base reset (no framework) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--brand-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--brand-ink, #111); background: var(--brand-bg, #fff); }
h1, h2, h3, h4, h5, h6 { font-family: var(--brand-font-display, var(--brand-font, system-ui, sans-serif)); }
img, svg, video, canvas { max-width: 100%; height: auto; }
a { color: inherit; }
*:focus-visible { outline: 2px solid var(--brand-primary, #2563eb); outline-offset: 2px; }
/* visibility shim for framework toggles */
.hidden { display: none !important; }

/* design tokens */
:root {
  --brand-primary: #0F3D2E;
  --brand-secondary: #2E7D32;
  --brand-accent: #2E7D32;
  --brand-ink: #072015;
  --brand-slate: #456257;
  --brand-mist: #A7B9B1;
  --brand-border: #D8DEDB;
  --brand-surface: #F6F7F7;
  --brand-bg: #FFFFFF;
  --brand-text: #0B1B14;
  --brand-font: 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif;
  --brand-font-display: 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', 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(--brand-border, #e5e7eb); background: var(--brand-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(--brand-border, #d1d5db); background: transparent; color: var(--brand-ink, #111); }
[data-consent-action="reject-all"], [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--brand-primary, #2563eb); color: #fff; border-color: transparent; }
[data-consent-panel] { margin-top: 1rem; border: 1px solid var(--brand-border, #e5e7eb); background: var(--brand-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(--brand-surface, #1a1a2e); color: var(--brand-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 */
/* section:header */
/* section:header */
#header{--shadow: 0 10px 30px rgba(7,32,21,.08); font-family: var(--brand-font); position:relative; background: var(--brand-bg); color: var(--brand-text); border-bottom: 1px solid var(--brand-border);} 
#header::selection{background: rgba(46,125,50,.25);} 
#header .header-inner{max-width: 1160px; margin: 0 auto; padding: 14px 20px; display:flex; align-items:center; justify-content:space-between; gap: 16px;}
#header .brand{display:flex; align-items:center; gap: 12px; text-decoration:none; color: var(--brand-text);} 
#header .brand:focus-visible{outline: 3px solid rgba(46,125,50,.35); outline-offset: 4px; border-radius: 10px;} 
#header .brand-mark{width: 34px; height: 34px; border-radius: 12px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); box-shadow: 0 10px 24px rgba(15,61,46,.18);} 
#header .brand-text{display:flex; flex-direction:column; line-height:1.1;} 
#header .brand-title{font-family: var(--brand-font-display); font-weight: 800; letter-spacing:-.02em; font-size: 18px;} 
#header .brand-subtitle{font-size: 12px; color: var(--brand-slate); font-weight: 600; margin-top: 2px;}
#header .nav{display:flex; align-items:center; gap: 18px; flex-wrap:wrap; justify-content:flex-end;}
#header .nav-link{color: var(--brand-text); text-decoration:none; font-size: 14px; font-weight: 650; padding: 8px 10px; border-radius: 10px;}
#header .nav-link:focus-visible{outline: 3px solid rgba(46,125,50,.35); outline-offset: 3px;} 
#header .nav-link:hover{background: rgba(46,125,50,.08);} 
#header .header-actions{display:flex; align-items:center; gap: 10px;} 
#header .primary-button,#header .ghost-button{display:inline-flex; align-items:center; justify-content:center; height: 40px; padding: 0 14px; border-radius: var(--radius-md, 12px); text-decoration:none; font-size: 14px; font-weight: 750; border: 1px solid transparent; white-space:nowrap;}
#header .primary-button{background: var(--brand-secondary); color: #fff; border-color: rgba(0,0,0,0); box-shadow: 0 14px 30px rgba(46,125,50,.20);} 
#header .primary-button:hover{background: #256927;} 
#header .primary-button:focus-visible{outline: 3px solid rgba(46,125,50,.35); outline-offset: 4px;} 
#header .ghost-button{background: transparent; border-color: var(--brand-border); color: var(--brand-text);} 
#header .ghost-button:hover{background: rgba(7,32,21,.04); border-color: rgba(7,32,21,.18);} 
#header .ghost-button:focus-visible{outline: 3px solid rgba(46,125,50,.35); outline-offset: 4px;} 
#header .menu-toggle{display:none; align-items:center; gap:10px; background: transparent; border: 1px solid var(--brand-border); color: var(--brand-text); border-radius: 12px; height: 40px; padding: 0 12px; cursor:pointer;}
#header .menu-toggle:focus-visible{outline: 3px solid rgba(46,125,50,.35); outline-offset: 4px;} 
#header .menu-toggle-lines{width: 18px; height: 12px; position:relative; display:inline-block;}
#header .menu-toggle-lines::before,#header .menu-toggle-lines::after{content:""; position:absolute; left:0; right:0; height:2px; background: var(--brand-text); border-radius: 2px;} 
#header .menu-toggle-lines::before{top:0;} 
#header .menu-toggle-lines::after{bottom:0;} 
#header .menu-toggle-lines{background: linear-gradient(var(--brand-text), var(--brand-text)) center/100% 2px no-repeat;} 
#header .menu-toggle-label{font-weight: 750; font-size: 14px;} 
#header .mobile-menu{display:none; border-top: 1px solid var(--brand-border); background: var(--brand-bg);} 
#header .mobile-menu-inner{max-width: 1160px; margin: 0 auto; padding: 14px 20px 20px; display:flex; flex-direction:column; gap: 4px;} 
#header .mobile-nav-link{display:block; text-decoration:none; color: var(--brand-text); padding: 10px 10px; border-radius: 10px; font-weight: 700;}
#header .mobile-nav-link:focus-visible{outline: 3px solid rgba(46,125,50,.35); outline-offset: 3px;} 
#header .mobile-nav-link:hover{background: rgba(46,125,50,.08);} 
#header .mobile-menu-cta{display:flex; gap: 10px; padding-top: 10px; flex-wrap:wrap;}

@media (max-width: 980px){
  #header .nav{display:none;}
  #header .menu-toggle{display:inline-flex;}
}
@media (max-width: 520px){
  #header .header-inner{padding: 12px 14px;}
  #header .brand-subtitle{display:none;}
  #header .ghost-button{display:none;}
}
@media (prefers-reduced-motion: reduce){
  #header .primary-button:hover,#header .ghost-button:hover,#header .nav-link:hover,#header .mobile-nav-link:hover{transition:none;}
}

/* Mobile menu visibility when using the framework menu toggle */
#header-mobile-menu[aria-hidden="false"],
#header-mobile-menu[data-open="true"]{display:block;}

/* section:footer */
/* section:footer */
#footer.footer{background:var(--brand-primary);color:var(--brand-bg);padding:48px 0 0;border-top:1px solid color-mix(in srgb, var(--brand-border) 55%, var(--brand-primary) 45%);} 
#footer .footer-inner{max-width:1160px;margin:0 auto;padding:0 18px 28px;display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start;}
#footer .footer-brand{padding:18px 18px 16px;border:1px solid color-mix(in srgb, var(--brand-border) 32%, var(--brand-primary) 68%);border-radius:var(--radius-lg,16px);background:color-mix(in srgb, var(--brand-primary) 86%, var(--brand-ink) 14%);} 
#footer .footer-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand-bg);}
#footer .footer-mark{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb, var(--brand-secondary) 26%, var(--brand-primary) 74%);border:1px solid color-mix(in srgb, var(--brand-border) 30%, var(--brand-primary) 70%);font-size:18px;}
#footer .footer-brand-text{font-family:var(--brand-font-display);font-size:18px;letter-spacing:-0.02em;font-weight:800;text-wrap:balance;}
#footer .footer-tagline{margin:12px 0 0;color:color-mix(in srgb, var(--brand-bg) 86%, white 14%);line-height:1.55;font-size:14px;}
#footer .footer-contact{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;}
#footer .footer-contact li{display:flex;gap:10px;align-items:flex-start;}
#footer .footer-contact-label{min-width:70px;color:color-mix(in srgb, var(--brand-bg) 70%, white 30%);font-size:12px;letter-spacing:0.02em;text-transform:uppercase;}
#footer .footer-muted{color:color-mix(in srgb, var(--brand-bg) 80%, white 20%);font-size:14px;line-height:1.45;}
#footer .footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:start;padding:6px 0;}
#footer .footer-col{padding:10px 0;}
#footer .footer-heading{margin:0 0 12px;font-family:var(--brand-font-display);font-size:16px;letter-spacing:-0.015em;font-weight:800;color:var(--brand-bg);}
#footer .footer-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
#footer .footer-link{color:var(--brand-bg);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--brand-bg) 55%, transparent 45%);text-underline-offset:3px;}
#footer .footer-link:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-secondary) 70%, white 30%);outline-offset:3px;border-radius:8px;}
#footer .footer-link:hover{text-decoration-color:color-mix(in srgb, var(--brand-secondary) 80%, var(--brand-bg) 20%);} 
#footer .footer-company{margin-top:10px;border-top:1px solid color-mix(in srgb, var(--brand-border) 28%, var(--brand-primary) 72%);padding-top:12px;display:grid;gap:10px;}
#footer .footer-company-row{display:grid;grid-template-columns: 140px 1fr;gap:12px;}
#footer .footer-company-key{font-size:12px;color:color-mix(in srgb, var(--brand-bg) 70%, white 30%);text-transform:uppercase;letter-spacing:0.02em;}
#footer .footer-company-val{font-size:14px;color:color-mix(in srgb, var(--brand-bg) 92%, white 8%);}
#footer .footer-fineprint{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb, var(--brand-border) 26%, var(--brand-primary) 74%);} 
#footer .footer-fineprint-text{margin:0;font-size:13px;line-height:1.55;color:color-mix(in srgb, var(--brand-bg) 86%, white 14%);}
#footer .footer-bottom{background:color-mix(in srgb, var(--brand-primary) 90%, var(--brand-ink) 10%);border-top:1px solid color-mix(in srgb, var(--brand-border) 28%, var(--brand-primary) 72%);margin-top:0;}
#footer .footer-bottom-inner{max-width:1160px;margin:0 auto;padding:18px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
#footer .footer-legal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:color-mix(in srgb, var(--brand-bg) 90%, white 10%);font-size:13px;}
#footer .footer-dot{opacity:0.8;}
#footer .footer-backtop{color:var(--brand-bg);text-decoration:none;border:1px solid color-mix(in srgb, var(--brand-border) 35%, var(--brand-primary) 65%);background:color-mix(in srgb, var(--brand-secondary) 18%, var(--brand-primary) 82%);padding:10px 12px;border-radius:var(--radius-md,12px);font-size:13px;font-weight:700;}
#footer .footer-backtop:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-secondary) 75%, white 25%);outline-offset:3px;}
#footer .footer-backtop:hover{background:color-mix(in srgb, var(--brand-secondary) 28%, var(--brand-primary) 72%);} 
#footer ::selection{background:color-mix(in srgb, var(--brand-secondary) 45%, black 55%);color:var(--brand-bg);} 
@media (max-width: 980px){
  #footer .footer-inner{grid-template-columns:1fr;}
  #footer .footer-columns{grid-template-columns:1fr;gap:10px;}
  #footer .footer-company-row{grid-template-columns: 120px 1fr;}
}
@media (max-width: 480px){
  #footer{padding-top:36px;}
  #footer .footer-inner{padding-left:14px;padding-right:14px;}
  #footer .footer-brand{padding-left:14px;padding-right:14px;}
  #footer .footer-company-row{grid-template-columns: 1fr;gap:4px;}
  #footer .footer-contact-label{min-width:64px;}
}
@media (prefers-reduced-motion: reduce){
  #footer *{scroll-behavior:auto;transition:none !important;}
}

/* section:hero */
/* section:hero */
#hero{
  --hero-max: 1160px;
  position: relative;
  isolation: isolate;
  font-family: var(--brand-font);
  background: var(--brand-bg);
  color: var(--brand-text);
}
#hero .hero-bg{
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(900px 420px at 18% 25%, rgba(46,125,50,.10), rgba(46,125,50,0) 55%),
    radial-gradient(760px 360px at 72% 10%, rgba(15,61,46,.10), rgba(15,61,46,0) 52%),
    linear-gradient(180deg, rgba(246,247,247,.6), rgba(246,247,247,.2));
}
#hero .hero-inner{
  max-width: var(--hero-max);
  margin: 0 auto;
  padding: 48px 20px 28px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 28px;
  align-items: start;
}
#hero .hero-content{padding: 8px 0;}
#hero .hero-kicker{
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .02em;
  color: var(--brand-primary);
  font-weight: 700;
  text-transform: uppercase;
}
#hero .hero-title{
  margin: 0;
  font-family: var(--brand-font-display);
  font-weight: 800;
  letter-spacing: -.02em;
  font-size: clamp(32px, 4.2vw, 54px);
  line-height: 1.02;
  text-wrap: balance;
  color: var(--brand-ink);
}
#hero .hero-lead{
  margin: 16px 0 22px;
  max-width: 62ch;
  font-size: 17px;
  line-height: 1.65;
  color: var(--brand-text);
}
#hero .hero-cta-row{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 18px 0 22px;
}
#hero .hero-primary,
#hero .hero-secondary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: var(--brand-radius-md, 12px);
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .01em;
  min-height: 44px;
}
#hero .hero-primary{
  background: var(--brand-secondary);
  color: #fff;
  border: 2px solid var(--brand-secondary);
}
#hero .hero-secondary{
  background: transparent;
  color: var(--brand-primary);
  border: 2px solid var(--brand-border);
}
#hero .hero-primary:hover{filter: brightness(1.02);}
#hero .hero-secondary:hover{border-color: color-mix(in srgb, var(--brand-secondary) 40%, var(--brand-border));}
#hero .hero-primary:focus-visible,
#hero .hero-secondary:focus-visible,
#hero .side-action:focus-visible,
#hero .meta-link:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--brand-secondary) 55%, #ffffff);
  outline-offset: 3px;
}
#hero .hero-trust{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
#hero .trust-item{
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: start;
  padding: 12px 12px;
  background: rgba(246,247,247,.75);
  border: 1px solid var(--brand-border);
  border-radius: var(--brand-radius-lg, 16px);
}
#hero .trust-icon{
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(46,125,50,.10);
  border: 1px solid color-mix(in srgb, var(--brand-secondary) 35%, var(--brand-border));
  border-radius: 10px;
  font-size: 16px;
}
#hero .trust-title{
  font-weight: 900;
  color: var(--brand-ink);
  font-size: 14.5px;
  margin-top: 2px;
}
#hero .trust-sub{
  margin-top: 4px;
  font-size: 13.5px;
  line-height: 1.35;
  color: var(--brand-slate);
}

#hero .hero-side{position: relative;}
#hero .hero-form-card{
  background: #fff;
  border: 1px solid var(--brand-border);
  border-radius: var(--brand-radius-lg, 16px);
  padding: 18px 16px 16px;
  box-shadow: 0 18px 40px rgba(7,32,21,.07);
}
#hero .side-title{
  margin: 0 0 6px;
  font-family: var(--brand-font-display);
  font-size: 20px;
  letter-spacing: -.01em;
  font-weight: 900;
  color: var(--brand-ink);
}
#hero .side-sub{
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--brand-slate);
}
#hero .side-actions{
  display: grid;
  gap: 10px;
}
#hero .side-action{
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px 12px;
  border-radius: 14px;
  text-decoration: none;
  border: 1px solid var(--brand-border);
  background: linear-gradient(180deg, rgba(246,247,247,.85), rgba(246,247,247,.55));
  transition: border-color .15s ease, background .15s ease;
}
#hero .side-action:hover{border-color: color-mix(in srgb, var(--brand-secondary) 35%, var(--brand-border));}
#hero .side-action-badge{
  width: 46px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(46,125,50,.12);
  border: 1px solid rgba(46,125,50,.25);
  color: var(--brand-primary);
  font-weight: 900;
  font-family: var(--brand-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  letter-spacing: .02em;
}
#hero .side-action-label{
  font-weight: 900;
  color: var(--brand-ink);
}
#hero .side-meta{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--brand-border);
}
#hero .meta-row{display: flex; gap: 10px; justify-content: space-between; align-items: baseline; margin: 8px 0;}
#hero .meta-label{font-size: 13px; color: var(--brand-slate); font-weight: 800;}
#hero .meta-link{font-size: 13.5px; font-weight: 900; color: var(--brand-primary); text-decoration: none;}
#hero .meta-link:hover{text-decoration: underline;}
#hero .side-note{
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--brand-border);
  background: rgba(246,247,247,.75);
  color: var(--brand-slate);
  font-size: 13.5px;
  line-height: 1.45;
}

#hero ::selection{background: rgba(46,125,50,.22); color: var(--brand-ink);}
#hero .hero-primary[aria-disabled="true"],
#hero .hero-secondary[aria-disabled="true"]{opacity:.6; cursor:not-allowed;}

@media (max-width: 980px){
  #hero .hero-inner{grid-template-columns: 1fr; padding-top: 34px;}
  #hero .hero-trust{grid-template-columns: 1fr;}
}
@media (prefers-reduced-motion: reduce){
  #hero *{scroll-behavior:auto; transition:none !important;}
}

/* section:route-builder */
/* section:route-builder */
:root{
  --rb-shadow: 0 18px 40px rgba(7,32,21,.10);
}

#route-builder{font-family:var(--brand-font); color:var(--brand-text); background:var(--brand-bg); padding: 28px 0 40px;}
#route-builder .container{max-width:1120px; margin:0 auto; padding:0 18px;}
#route-builder .section-head{display:flex; gap:16px; align-items:flex-end; justify-content:space-between; margin-bottom:18px;}
#route-builder .title{font-family:var(--brand-font-display); font-size: clamp(22px, 2.2vw, 34px); letter-spacing:-0.02em; margin:0; line-height:1.15;}
#route-builder .subtitle{margin:0; max-width:620px; color:var(--brand-slate); font-size:14.5px; line-height:1.55;}

#route-builder .builder-grid{display:grid; grid-template-columns: 1.05fr .95fr; gap:18px; align-items:start;}

#route-builder .form{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg,16px); padding:18px; box-shadow:var(--rb-shadow);}
#route-builder .form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px;}
#route-builder .form-row--tight{margin-bottom:6px;}
#route-builder .field label{display:block; font-weight:650; font-size:13.5px; margin:0 0 8px; color:var(--brand-ink);}
#route-builder select,#route-builder input[type="number"]{width:100%; box-sizing:border-box; border:1px solid var(--brand-border); border-radius:var(--radius-md,12px); background:#fff; color:var(--brand-text); padding:11px 12px; font-size:14.5px; outline:none;}
#route-builder select:focus,#route-builder input[type="number"]:focus{border-color: color-mix(in srgb, var(--brand-secondary) 70%, var(--brand-border)); box-shadow: 0 0 0 4px rgba(46,125,50,.14);}
#route-builder .field--checkbox{display:flex; gap:10px; align-items:flex-start; margin-top:6px;}
#route-builder input[type="checkbox"]{margin-top:4px; accent-color: var(--brand-secondary); width:18px; height:18px;}
#route-builder .field--checkbox label{margin:0; font-weight:600; color:var(--brand-ink);}

#route-builder .heights{display:grid; grid-template-columns: 1fr 18px 1fr; gap:10px; align-items:center;}
#route-builder .heights .dash{color:var(--brand-slate); text-align:center; font-weight:700;}
#route-builder .heights .help{grid-column:1 / -1; margin-top:6px; color:var(--brand-slate); font-size:12.5px;}

#route-builder .actions{display:flex; gap:12px; align-items:center; margin-top:6px;}
#route-builder .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 14px; border-radius:var(--radius-md,12px); border:1px solid transparent; text-decoration:none; font-weight:750; font-size:14.5px; cursor:pointer; user-select:none; white-space:nowrap;}
#route-builder .btn-primary{background: var(--brand-primary); color:#fff; border-color: color-mix(in srgb, var(--brand-primary) 80%, var(--brand-border));}
#route-builder .btn-ghost{background:#fff; color: var(--brand-ink); border-color: var(--brand-border);}
#route-builder .btn-primary:hover{background: color-mix(in srgb, var(--brand-primary) 88%, var(--brand-secondary));}
#route-builder .btn-ghost:hover{border-color: color-mix(in srgb, var(--brand-secondary) 45%, var(--brand-border));}
#route-builder .btn:focus-visible{outline:3px solid rgba(46,125,50,.35); outline-offset:2px;}
#route-builder .btn:disabled{opacity:.65; cursor:not-allowed;}

#route-builder .form-meta{margin-top:12px;}
#route-builder .form-status{min-height:22px; color:var(--brand-ink); font-weight:650; font-size:13.5px;}
#route-builder .fineprint{margin:8px 0 0; color:var(--brand-slate); font-size:12.8px; line-height:1.45;}

#route-builder .preview{position:relative;}
#route-builder .preview-inner{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg,16px); padding:16px; box-shadow:var(--rb-shadow);}
#route-builder .preview-top{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px;}
#route-builder .preview-title{margin:0; font-size:16px; letter-spacing:-0.01em; color:var(--brand-ink);}
#route-builder .badge{background: color-mix(in srgb, var(--brand-secondary) 12%, #fff); color: color-mix(in srgb, var(--brand-secondary) 65%, var(--brand-ink)); border:1px solid color-mix(in srgb, var(--brand-secondary) 35%, var(--brand-border)); padding:7px 10px; border-radius:999px; font-weight:800; font-size:12px;}

#route-builder .preview-summary{display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; margin-bottom:12px;}
#route-builder .summary-item{padding:10px 10px; border-radius:12px; border:1px solid var(--brand-border); background:#fff;}
#route-builder .k{font-size:12px; color:var(--brand-slate); font-weight:700; margin-bottom:4px;}
#route-builder .v{font-size:14.5px; font-weight:800; color:var(--brand-ink);}

#route-builder .route-card{border:1px solid var(--brand-border); border-radius:16px; background:#fff; overflow:hidden;}
#route-builder .route-card-head{padding:14px 14px 10px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; border-bottom:1px solid var(--brand-border);}
#route-builder .route-name{font-family:var(--brand-font-display); font-size:18px; letter-spacing:-0.01em; line-height:1.2; font-weight:850; max-width:330px;}
#route-builder .route-stats{display:flex; gap:14px;}
#route-builder .stat{display:flex; flex-direction:column; align-items:flex-end;}
#route-builder .stat-k{font-size:11.5px; color:var(--brand-slate); font-weight:800;}
#route-builder .stat-v{font-variant-numeric: tabular-nums; font-weight:900; font-size:16px; color:var(--brand-ink);}

#route-builder .route-map{padding:12px 14px 8px; background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--brand-secondary) 8%, #fff));}
#route-builder .map-svg{width:100%; height:auto; display:block;}

#route-builder .route-details{padding:12px 14px 6px; display:grid; grid-template-columns:1fr; gap:10px;}
#route-builder .route-detail{border:1px solid var(--brand-border); border-radius:12px; padding:10px 10px; background:var(--brand-surface);}
#route-builder .rd-k{font-size:12px; color:var(--brand-slate); font-weight:800; margin-bottom:6px;}
#route-builder .rd-v{font-size:14.2px; font-weight:800; color:var(--brand-ink); line-height:1.35;}

#route-builder .preview-cta{padding:12px 14px 14px; display:flex; gap:10px; border-top:1px solid var(--brand-border);}
#route-builder .preview-cta .btn{flex:1;}

#route-builder .preview-foot{margin-top:12px; display:grid; gap:10px;}
#route-builder .micro{display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid var(--brand-border); border-radius:14px; background: #fff;}
#route-builder .micro-icon{width:22px; height:22px; border-radius:7px; background: color-mix(in srgb, var(--brand-secondary) 14%, #fff); color: color-mix(in srgb, var(--brand-secondary) 70%, var(--brand-ink)); font-weight:950; display:flex; align-items:center; justify-content:center; font-size:13px; margin-top:2px;}
#route-builder .micro-text{color:var(--brand-ink); font-weight:700; font-size:13.5px; line-height:1.35;}

#route-builder ::selection{background: color-mix(in srgb, var(--brand-secondary) 24%, #fff);}

@media (max-width: 980px){
  #route-builder .builder-grid{grid-template-columns:1fr;}
  #route-builder .form-row{grid-template-columns:1fr;}
  #route-builder .section-head{flex-direction:column; align-items:flex-start;}
  #route-builder .preview-cta{flex-direction:column;}
  #route-builder .route-stats{display:none;}
}
@media (prefers-reduced-motion: reduce){
  #route-builder *{scroll-behavior:auto !important; transition:none !important; animation:none !important;}
}

/* section:what-you-get */
/* section:what-you-get */
#what-you-get.what-you-get{--local-radius:var(--brand-radius-lg,16px);background:var(--brand-bg);color:var(--brand-text);padding:48px 18px;}
#what-you-get .what-you-get__container{max-width:1020px;margin:0 auto;}
#what-you-get .what-you-get__header{margin-bottom:22px;}
#what-you-get .what-you-get__kicker{font-family:var(--brand-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary);font-weight:700;margin:0 0 10px;}
#what-you-get .what-you-get__title{font-family:var(--brand-font-display);font-size:38px;line-height:1.1;margin:0 0 12px;letter-spacing:-.02em;text-wrap:balance;color:var(--brand-text);}
#what-you-get .what-you-get__lead{margin:0;max-width:72ch;color:var(--brand-slate);font-size:16.5px;line-height:1.6;}
#what-you-get .what-you-get__steps{list-style:none;padding:0;margin:26px 0 22px;display:flex;flex-direction:column;gap:14px;}
#what-you-get .what-you-get__step{display:flex;gap:16px;align-items:flex-start;padding:16px 16px 16px 14px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);background:linear-gradient(0deg, rgba(246,247,247,.8), rgba(246,247,247,.8));}
#what-you-get .what-you-get__stepIndex{flex:0 0 auto;width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary);color:var(--brand-bg);font-family:var(--brand-font-mono,ui-monospace);font-weight:800;letter-spacing:.02em;}
#what-you-get .what-you-get__stepBody{min-width:0;}
#what-you-get .what-you-get__stepTitle{margin:2px 0 6px;font-family:var(--brand-font);font-size:18px;line-height:1.25;color:var(--brand-ink);}
#what-you-get .what-you-get__stepText{margin:0;color:var(--brand-slate);font-size:15.5px;line-height:1.6;}
#what-you-get .what-you-get__aside{margin:18px 0 22px;padding:16px 16px;border-radius:var(--brand-radius-md,12px);border:1px solid var(--brand-border);background:var(--brand-surface);}
#what-you-get .what-you-get__asideTitle{margin:0 0 6px;font-family:var(--brand-font);font-size:17px;color:var(--brand-text);}
#what-you-get .what-you-get__asideText{margin:0;color:var(--brand-slate);line-height:1.6;font-size:15.5px;}
#what-you-get .what-you-get__ctaRow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:6px;}
#what-you-get .what-you-get__ctaPrimary,#what-you-get .what-you-get__ctaSecondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--brand-radius-md,12px);text-decoration:none;font-family:var(--brand-font);font-weight:800;letter-spacing:.01em;min-height:44px;}
#what-you-get .what-you-get__ctaPrimary{background:var(--brand-secondary);color:var(--brand-bg);border:1px solid var(--brand-secondary);}
#what-you-get .what-you-get__ctaSecondary{background:var(--brand-surface);color:var(--brand-ink);border:1px solid var(--brand-border);}
#what-you-get .what-you-get__ctaPrimary:hover{background:color-mix(in srgb, var(--brand-secondary) 88%, #ffffff 12%);}
#what-you-get .what-you-get__ctaSecondary:hover{border-color:color-mix(in srgb, var(--brand-border) 70%, var(--brand-secondary) 30%);}
#what-you-get .what-you-get__ctaPrimary:focus-visible,#what-you-get .what-you-get__ctaSecondary:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-secondary) 55%, #ffffff 45%);outline-offset:3px;}
#what-you-get .what-you-get__ctaPrimary:active,#what-you-get .what-you-get__ctaSecondary:active{transform:translateY(1px);}
#what-you-get ::selection{background:color-mix(in srgb, var(--brand-secondary) 28%, #ffffff 72%);}
@media (max-width: 740px){
  #what-you-get{padding:38px 14px;}
  #what-you-get .what-you-get__title{font-size:30px;}
  #what-you-get .what-you-get__step{padding:14px 14px 14px 12px;}
}
@media (prefers-reduced-motion: reduce){
  #what-you-get .what-you-get__ctaPrimary:active,#what-you-get .what-you-get__ctaSecondary:active{transform:none;}
}
/* section:packages-overview */
/* section:packages-overview */
#packages-overview.packages-overview{--shadow: 0 14px 36px rgba(15,61,46,.14);--shadow-soft: 0 10px 26px rgba(15,61,46,.10);background:var(--brand-bg);color:var(--brand-text);padding:48px 0 26px;}
#packages-overview.packages-overview *{box-sizing:border-box;}
#packages-overview.packages-overview .packages-overview__inner{width:min(1120px,calc(100% - 40px));margin:0 auto;}
#packages-overview.packages-overview .packages-overview__head{max-width:720px;margin-bottom:22px;}
#packages-overview.packages-overview .packages-overview__kicker{font-family:var(--brand-font);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary);font-size:12px;font-weight:700;margin:0 0 10px;}
#packages-overview.packages-overview .packages-overview__title{font-family:var(--brand-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.05;margin:0;font-size:clamp(28px,3.2vw,44px);text-wrap:balance;}
#packages-overview.packages-overview .packages-overview__subtitle{margin:14px 0 0;max-width:62ch;color:var(--brand-slate);font-size:16px;line-height:1.6;}
#packages-overview.packages-overview .packages-overview__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:22px;}
.package-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);padding:18px 16px 16px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:310px;}
#packages-overview.packages-overview .package-card--highlight{border-color:rgba(46,125,50,.55);box-shadow:var(--shadow);background:linear-gradient(180deg, rgba(246,247,247,1) 0%, rgba(246,247,247,1) 40%, rgba(46,125,50,.06) 100%);} 
#packages-overview.packages-overview .package-card__top{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
#packages-overview.packages-overview .package-card__badge{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(46,125,50,.14);color:var(--brand-secondary);font-weight:800;letter-spacing:-.02em;border:1px solid rgba(46,125,50,.26);}
#packages-overview.packages-overview .package-card__badge--alt{background:rgba(15,61,46,.10);border-color:rgba(15,61,46,.20);color:var(--brand-primary);} 
#packages-overview.packages-overview .package-card__title{margin:0;font-family:var(--brand-font-display);font-size:20px;letter-spacing:-.01em;line-height:1.2;color:var(--brand-ink, var(--brand-ink));}
#packages-overview.packages-overview .package-card__desc{margin:6px 0 10px;color:var(--brand-slate);line-height:1.65;font-size:15px;}
#packages-overview.packages-overview .package-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
#packages-overview.packages-overview .package-card__list li{position:relative;padding-left:16px;color:var(--brand-text);font-size:14px;line-height:1.45;}
#packages-overview.packages-overview .package-card__list li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:rgba(46,125,50,.22);border:1px solid rgba(46,125,50,.38);}
#packages-overview.packages-overview .package-card__cta{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:10px;}
#packages-overview.packages-overview .package-card__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;user-select:none;background:var(--brand-primary);color:#fff;border:1px solid rgba(7,32,21,.25);border-radius:var(--brand-radius-md,12px);padding:12px 14px;font-weight:800;font-size:15px;line-height:1.1;}
#packages-overview.packages-overview .package-card__button:hover{background: #0c372a;}
#packages-overview.packages-overview .package-card__button:active{transform:translateY(1px);} 
#packages-overview.packages-overview .package-card__button--alt{background:var(--brand-secondary);border-color:rgba(7,32,21,.18);} 
#packages-overview.packages-overview .package-card__button--alt:hover{background:#237023;}
#packages-overview.packages-overview .package-card__link{color:var(--brand-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;font-size:14px;align-self:flex-start;}
#packages-overview.packages-overview .package-card__link:hover{color: #0c372a;}
#packages-overview.packages-overview .package-card__button:focus-visible,#packages-overview.packages-overview .package-card__link:focus-visible{outline:3px solid rgba(46,125,50,.45);outline-offset:3px;}
#packages-overview.packages-overview .packages-overview__fineprint{margin-top:18px;padding:14px 16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);background:rgba(246,247,247,.9);max-width:820px;}
#packages-overview.packages-overview .packages-overview__fineprint p{margin:0;color:var(--brand-slate);font-size:14px;line-height:1.6;}
#packages-overview.packages-overview ::selection{background:rgba(46,125,50,.22);}

@media (max-width: 920px){
  #packages-overview.packages-overview{padding:40px 0 22px;}
  #packages-overview.packages-overview .packages-overview__cards{grid-template-columns:1fr;gap:14px;}
  .package-card{min-height:auto;}
}
@media (prefers-reduced-motion: reduce){
  #packages-overview.packages-overview .package-card__button{transition:none;}
}

/* section:faq */
/* section:faq */
#faq.faq-section{--faq-primary:var(--brand-primary);--faq-accent:var(--brand-accent);--faq-ink:var(--brand-ink);--faq-slate:var(--brand-slate);--faq-mist:var(--brand-mist);--faq-border:var(--brand-border);--faq-surface:var(--brand-surface);--faq-bg:var(--brand-bg);--faq-text:var(--brand-text);padding:48px 16px;background:var(--faq-bg);color:var(--faq-text);font-family:var(--brand-font)}
#faq .faq-inner{max-width:980px;margin:0 auto}
#faq .faq-head{margin-bottom:22px}
#faq .faq-title{margin:0 0 10px 0;font-family:var(--brand-font-display);font-size:clamp(26px,3.2vw,38px);line-height:1.08;letter-spacing:-0.02em;text-wrap:balance;color:var(--faq-ink)}
#faq .faq-subtitle{margin:0;font-size:16px;line-height:1.6;color:var(--faq-slate)}
#faq .faq-accordion{border:1px solid var(--faq-border);border-radius:var(--brand-radius-lg,16px);background:var(--faq-surface)}
#faq .faq-item{border-top:1px solid var(--faq-border)}
#faq .faq-item:first-child{border-top:none}
#faq .faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 16px;text-align:left;background:transparent;border:none;cursor:pointer;color:var(--faq-ink);font-family:inherit}
#faq .faq-trigger:focus{outline:none}
#faq .faq-trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--faq-accent) 35%,transparent);border-radius:var(--brand-radius-md,12px)}
#faq .faq-q{font-size:16px;line-height:1.35;font-weight:650;letter-spacing:-0.005em}
#faq .faq-icon{flex:0 0 auto;width:22px;height:22px;position:relative;border-radius:999px;background:color-mix(in srgb,var(--faq-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--faq-primary) 28%,transparent)}
#faq .faq-icon::before,#faq .faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;background:var(--faq-primary);transform:translate(-50%,-50%);border-radius:2px}
#faq .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform 180ms ease}
#faq .faq-item[data-open="true"] .faq-icon::after{transform:translate(-50%,-50%) rotate(0deg)}
#faq .faq-panel{padding:0 16px 16px 16px}
#faq .faq-a{padding:14px 14px;border-radius:var(--brand-radius-md,12px);background:color-mix(in srgb,var(--faq-bg) 76%,var(--faq-surface));border:1px solid color-mix(in srgb,var(--faq-border) 75%,transparent);color:var(--faq-slate);font-size:15px;line-height:1.65}
#faq .faq-cta{display:flex;align-items:center;gap:14px;margin-top:18px}
#faq .faq-cta-text{margin:0;color:var(--faq-slate);font-size:15px;line-height:1.5}
#faq .faq-cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:var(--brand-radius-md,12px);background:var(--faq-primary);color:var(--brand-bg);text-decoration:none;border:1px solid color-mix(in srgb,var(--faq-primary) 86%,var(--faq-accent));font-weight:700;letter-spacing:-0.01em}
#faq .faq-cta-link:focus{outline:none}
#faq .faq-cta-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--faq-accent) 35%,transparent)}
#faq .faq-cta-link:hover{filter:brightness(1.03)}
@media (max-width:640px){#faq{padding:38px 14px}#faq .faq-trigger{padding:14px 12px}#faq .faq-panel{padding:0 12px 14px 12px}#faq .faq-q{font-size:15.5px}#faq .faq-cta{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){#faq .faq-icon::after{transition:none}} 
::selection{background:color-mix(in srgb,var(--faq-accent) 30%,transparent);color:var(--faq-ink)}
/* section:contacts */
/* section:contacts */
#contacts.contacts-section{--_radius-sm:8px;--_radius-md:12px;--_radius-lg:16px;box-sizing:border-box;background:var(--brand-bg);color:var(--brand-text);padding:48px 0;}
#contacts .contacts-container{max-width:1120px;margin:0 auto;padding:0 20px;}
#contacts .contacts-head{max-width:720px;margin-bottom:26px;}
#contacts .contacts-eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary);font-size:12px;margin-bottom:12px;}
#contacts .contacts-title{font-family:var(--brand-font-display);font-weight:700;font-size:40px;line-height:1.08;margin:0 0 12px;letter-spacing:-.02em;text-wrap:balance;}
#contacts .contacts-subtitle{margin:0;font-size:16px;line-height:1.6;color:var(--brand-slate);max-width:62ch;}
#contacts .contacts-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:start;}
#contacts .contacts-aside{position:sticky;top:18px;}
#contacts .aside-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);padding:18px 18px;}
#contacts .aside-title{margin:0 0 10px;font-family:var(--brand-font-display);font-size:18px;letter-spacing:-.01em;}
#contacts .aside-line{margin:10px 0;color:var(--brand-text);font-size:14px;line-height:1.45;}
#contacts .aside-label{font-weight:700;color:var(--brand-primary);margin-right:8px;}
#contacts .aside-value{color:var(--brand-text);}
#contacts .aside-link{color:var(--brand-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
#contacts .aside-link:focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px;border-radius:6px;}
#contacts .aside-divider{height:1px;background:var(--brand-border);margin:16px 0;}
#contacts .aside-note{margin:0;color:var(--brand-slate);font-size:14px;line-height:1.55;}
#contacts .aside-bullets{margin-top:14px;display:flex;flex-direction:column;gap:12px;}
#contacts .aside-bullet{display:flex;gap:12px;align-items:flex-start;background:transparent;border:1px solid transparent;}
#contacts .bullet-icon{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(46,125,50,.12);color:var(--brand-secondary);font-weight:800;flex:0 0 auto;}
#contacts .bullet-title{font-weight:800;color:var(--brand-ink);font-size:14px;margin-bottom:3px;}
#contacts .bullet-text{color:var(--brand-slate);font-size:13.5px;line-height:1.5;}
#contacts .contacts-form-wrap{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);padding:18px;}
#contacts .contacts-form{margin:0;}
#contacts .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
#contacts .field{display:flex;flex-direction:column;gap:8px;min-width:0;}
#contacts .field-full{grid-column:1/-1;}
#contacts .label{font-weight:800;color:var(--brand-ink);font-size:13px;letter-spacing:.01em;}
#contacts .input{font-family:var(--brand-font);border:1px solid var(--brand-border);background:#fff;color:var(--brand-text);border-radius:var(--brand-radius-sm,8px);padding:12px 12px;font-size:14px;line-height:1.3;outline:none;}
#contacts .textarea{resize:vertical;min-height:120px;}
#contacts .input::placeholder{color:rgba(11,27,20,.55);}
#contacts .input:focus-visible{border-color:var(--brand-secondary);box-shadow:0 0 0 4px rgba(46,125,50,.18);}
#contacts .field-error{min-height:18px;font-size:12.5px;color:#8A1F2E;}
#contacts .form-actions{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:14px;flex-wrap:wrap;}
#contacts .btn{appearance:none;border-radius:var(--brand-radius-md,12px);padding:12px 14px;font-weight:900;font-size:14px;line-height:1;cursor:pointer;border:1px solid transparent;}
#contacts .btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);}
#contacts .btn-primary:hover{background:#0b3527;}
#contacts .btn-ghost{background:#fff;color:var(--brand-primary);border-color:var(--brand-border);}
#contacts .btn-ghost:hover{border-color:rgba(46,125,50,.75);box-shadow:0 0 0 4px rgba(46,125,50,.14);}
#contacts .btn:focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px;}
#contacts .btn[disabled]{cursor:not-allowed;opacity:.65;}
#contacts .form-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--brand-border);}
#contacts .form-legal{margin:0;font-size:12.8px;line-height:1.6;color:var(--brand-slate);}
#contacts .form-links{margin:10px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
#contacts .legal-link{color:var(--brand-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
#contacts .dot{color:rgba(11,27,20,.35);}
#contacts .submit-success{margin-top:14px;display:flex;gap:12px;align-items:flex-start;padding:14px 14px;border-radius:var(--brand-radius-md,12px);border:1px solid rgba(46,125,50,.35);background:rgba(46,125,50,.10);}
#contacts .success-icon{width:30px;height:30px;border-radius:10px;background:rgba(46,125,50,.18);display:flex;align-items:center;justify-content:center;color:var(--brand-secondary);font-weight:900;}
#contacts .success-title{font-weight:1000;color:var(--brand-ink);margin-bottom:4px;}
#contacts .success-text{color:var(--brand-slate);font-size:13.5px;line-height:1.55;}
#contacts ::selection{background:rgba(46,125,50,.22);color:var(--brand-ink);}
@media (max-width: 920px){#contacts .contacts-layout{grid-template-columns:1fr;}
#contacts .contacts-aside{position:relative;top:auto;}
#contacts .contacts-title{font-size:34px;}
#contacts .form-grid{grid-template-columns:1fr;}
#contacts .field-full{grid-column:auto;}
}
@media (prefers-reduced-motion: reduce){#contacts *{scroll-behavior:auto;transition:none!important;animation:none!important;}}

/* section:blog-list */
/* section:blog-list */
#blog-list{--r-sm:8px;--r-md:12px;--r-lg:16px;--gap:16px;--container:1120px;font-family:var(--brand-font);background:var(--brand-bg);color:var(--brand-text)}
#blog-list *,#blog-list *::before,#blog-list *::after{box-sizing:border-box}
#blog-list .container{max-width:var(--container);margin:0 auto;padding:56px 20px 44px}
#blog-list .section-header{max-width:820px;margin-bottom:26px}
#blog-list .section-title{margin:0 0 10px;font-family:var(--brand-font-display);font-weight:700;letter-spacing:-0.02em;line-height:1.15;font-size:34px;text-wrap:balance}
#blog-list .section-lead{margin:0;font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--brand-slate) 80%, var(--brand-text));max-width:70ch}
#blog-list .articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
#blog-list .article-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--r-lg);padding:18px 18px 16px;box-shadow:0 10px 30px color-mix(in srgb,var(--brand-primary) 10%, transparent);display:flex;flex-direction:column;min-height:320px}
#blog-list .article-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--brand-slate);font-size:13px}
#blog-list .pill{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--brand-secondary) 40%, var(--brand-border));background:color-mix(in srgb,var(--brand-secondary) 12%, var(--brand-surface));color:var(--brand-primary);padding:6px 10px;border-radius:999px;font-weight:650;letter-spacing:0.01em}
#blog-list .meta-sep{opacity:.75}
#blog-list .article-title{margin:0 0 10px;font-size:18px;line-height:1.35;font-weight:750;letter-spacing:-0.01em;text-wrap:balance}
#blog-list .article-excerpt{margin:0 0 16px;color:color-mix(in srgb,var(--brand-slate) 85%, var(--brand-text));line-height:1.7;font-size:14.5px}
#blog-list .article-actions{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#blog-list .primary-link{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:var(--r-md);background:var(--brand-primary);color:var(--brand-bg);text-decoration:none;font-weight:750;border:1px solid var(--brand-primary)}
#blog-list .primary-link:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-secondary) 60%, transparent);outline-offset:2px}
#blog-list .ghost-link{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--brand-border) 85%, var(--brand-primary));background:transparent;color:var(--brand-primary);text-decoration:none;font-weight:700}
#blog-list .ghost-link:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-secondary) 60%, transparent);outline-offset:2px}
#blog-list .secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--r-md);background:color-mix(in srgb,var(--brand-secondary) 15%, var(--brand-surface));border:1px solid color-mix(in srgb,var(--brand-secondary) 55%, var(--brand-border));color:var(--brand-primary);text-decoration:none;font-weight:800}
#blog-list .secondary-button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 30%, transparent);outline-offset:2px}
#blog-list .section-bottom{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--brand-secondary) 8%, var(--brand-surface));border:1px solid color-mix(in srgb,var(--brand-secondary) 25%, var(--brand-border));border-radius:var(--r-lg);padding:16px 16px}
#blog-list .bottom-note{margin:0;line-height:1.6;color:color-mix(in srgb,var(--brand-slate) 85%, var(--brand-text));font-size:14.5px;max-width:68ch}
#blog-list .primary-link:hover{filter:brightness(1.03)}
#blog-list .ghost-link:hover{background:color-mix(in srgb,var(--brand-primary) 6%, var(--brand-surface))}
#blog-list ::selection{background:color-mix(in srgb,var(--brand-secondary) 35%, white);color:var(--brand-ink)}
@media (max-width:980px){#blog-list .articles-grid{grid-template-columns:1fr;gap:14px}#blog-list .section-title{font-size:30px}#blog-list .container{padding:42px 16px 34px}#blog-list .section-bottom{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){#blog-list *{scroll-behavior:auto}.primary-link,.ghost-link,.secondary-button{transition:none !important}}

/* section:article-hero */
/* section:article-hero */
#article-hero{--hero-max:1100px;position:relative;background:var(--brand-bg);color:var(--brand-text);padding:48px 18px 26px;}
#article-hero::before{content:"";position:absolute;inset:-1px 0 auto 0;height:180px;background:linear-gradient(180deg, rgba(15,61,46,.10) 0%, rgba(15,61,46,0) 85%);pointer-events:none;}
#article-hero .article-hero__container{max-width:var(--hero-max);margin:0 auto;position:relative;}
#article-hero .article-hero__badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--brand-border);background:rgba(246,247,247,.85);border-radius:999px;color:var(--brand-primary);font:600 13px/1 var(--brand-font);letter-spacing:.02em;}
#article-hero .article-hero__title{margin:16px 0 14px;font:700 40px/1.08 var(--brand-font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--brand-ink);}
#article-hero .article-hero__meta{display:flex;flex-wrap:wrap;gap:12px 18px;margin:6px 0 18px;}
#article-hero .meta-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--brand-border);border-radius:var(--radius-md,12px);background:var(--brand-surface);min-width:220px;}
#article-hero .meta-label{font:600 12px/1.1 var(--brand-font);color:var(--brand-slate);letter-spacing:.04em;text-transform:uppercase;}
#article-hero .meta-value{font:600 14px/1.25 var(--brand-font);color:var(--brand-text);}
#article-hero .article-hero__lede{margin:0 0 18px;max-width:72ch;font:400 17px/1.6 var(--brand-font);color:var(--brand-ink);}
#article-hero .article-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 14px;}
#article-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md,12px);text-decoration:none;font:700 14px/1 var(--brand-font);border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;}
#article-hero .btn:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;}
#article-hero .btn--primary{background:var(--brand-primary);color:var(--brand-surface);border-color:rgba(15,61,46,.25);}
#article-hero .btn--primary:hover{background:#0c362a;transform:translateY(-1px);}
#article-hero .btn--ghost{background:rgba(246,247,247,.7);color:var(--brand-primary);border-color:var(--brand-border);}
#article-hero .btn--ghost:hover{background:var(--brand-surface);border-color:#c3cbc6;transform:translateY(-1px);}
#article-hero .article-hero__note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md,12px);border:1px dashed #c6d0cc;background:rgba(167,185,177,.14);max-width:86ch;}
#article-hero .note-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;background:var(--brand-secondary);box-shadow:0 0 0 4px rgba(46,125,50,.18);}
#article-hero .article-hero__note span{font:400 14px/1.45 var(--brand-font);color:var(--brand-ink);}
#article-hero .article-hero__note strong{font-weight:800;}
#article-hero ::selection{background:rgba(46,125,50,.25);}
@media (max-width:820px){#article-hero{padding-top:38px;}#article-hero .article-hero__title{font-size:32px;}#article-hero .meta-item{min-width:0;flex:1 1 220px;}}
@media (max-width:520px){#article-hero .article-hero__title{font-size:28px;}#article-hero .article-hero__lede{font-size:16px;}}
@media (prefers-reduced-motion:reduce){#article-hero .btn{transition:none;}#article-hero .btn--primary:hover,#article-hero .btn--ghost:hover{transform:none;}}
/* section:article-content */
/* section:article-content */
#article-content{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow: 0 10px 28px rgba(14,61,46,.10);box-sizing:border-box;padding:22px 18px;background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);} 
#article-content .article-content__inner{max-width:980px;margin:0 auto;} 
#article-content .article-content__lede{margin:6px 0 18px;} 
#article-content .article-content__headline{font-family:var(--brand-font-display);font-weight:800;letter-spacing:-0.02em;line-height:1.12;margin:0 0 10px;font-size:clamp(22px,3.1vw,34px);text-wrap:balance;} 
#article-content .article-content__intro{margin:0;max-width:76ch;font-size:16.5px;line-height:1.65;color:var(--brand-text);} 
#article-content .article-content__toc{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);padding:14px 14px 10px;margin:18px 0 20px;box-shadow:0 8px 22px rgba(46,125,50,.08);} 
#article-content .article-content__toc-title{font-weight:800;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:8px;} 
#article-content .article-content__toc-list{margin:0;padding-left:18px;} 
#article-content .article-content__toc-list li{margin:8px 0;} 
#article-content .article-content__link{color:var(--brand-primary);text-decoration:underline;text-decoration-color:rgba(46,125,50,.35);text-underline-offset:3px;} 
#article-content .article-content__link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px;} 
#article-content .article-content__body{padding:4px 2px 8px;} 
#article-content .article-content__h3{margin:22px 0 10px;font-size:20px;line-height:1.25;color:var(--brand-primary);font-family:var(--brand-font-display);font-weight:800;letter-spacing:-0.01em;text-wrap:balance;} 
#article-content .article-content__p{margin:0 0 12px;font-size:16px;line-height:1.75;color:var(--brand-text);} 
#article-content .article-content__list{margin:0 0 16px;padding-left:18px;} 
#article-content .article-content__list li{margin:8px 0;line-height:1.65;} 
#article-content .article-content__list strong{color:var(--brand-primary);} 
#article-content .article-content__callout{border-radius:var(--radius-lg);background:rgba(46,125,50,.08);border:1px solid rgba(46,125,50,.28);padding:14px 14px 12px;margin:14px 0 18px;} 
#article-content .article-content__callout-tag{display:inline-block;background:var(--brand-primary);color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;margin-bottom:8px;} 
#article-content .article-content__callout-text{margin:0;font-size:16px;line-height:1.7;color:var(--brand-text);} 
#article-content .article-content__steps{margin:0 0 16px;padding-left:18px;} 
#article-content .article-content__steps li{margin:10px 0;line-height:1.65;} 
#article-content .article-content__steps strong{color:var(--brand-primary);} 
#article-content .article-content__two-cols{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 18px;} 
#article-content .article-content__mini-card{border:1px solid var(--brand-border);background:#fff;border-radius:var(--radius-lg);padding:14px 14px 12px;box-shadow:0 6px 16px rgba(7,32,21,.05);} 
#article-content .article-content__mini-title{font-weight:900;color:var(--brand-primary);margin:0 0 10px;font-family:var(--brand-font-display);font-size:16px;} 
#article-content .article-content__mini-list{margin:0;padding-left:18px;} 
#article-content .article-content__mini-list li{margin:8px 0;line-height:1.6;} 
#article-content .article-content__divider{height:1px;background:linear-gradient(90deg, rgba(46,125,50,.35), rgba(216,222,219,1));margin:18px 0 10px;} 
#article-content .article-content__smallprint{color:var(--brand-slate);font-size:14.5px;} 
#article-content ::selection{background:rgba(46,125,50,.25);} 
#article-content a{transition:color .15s ease, text-decoration-color .15s ease;} 
#article-content a:active{color:var(--brand-secondary);} 
@media (min-width:860px){
  #article-content{padding:34px 22px;}
  #article-content .article-content__body{padding:6px 8px 10px;}
  #article-content .article-content__two-cols{grid-template-columns:1fr 1fr;}
}
@media (prefers-reduced-motion:reduce){
  #article-content *{scroll-behavior:auto !important;transition:none !important;}
}

/* section:related-articles */
/* section:related-articles */
#related-articles.related-articles{background:var(--brand-surface);color:var(--brand-text);padding:56px 0;}
#related-articles.related-articles .related-articles__container{max-width:1120px;margin:0 auto;padding:0 20px;}
#related-articles.related-articles .related-articles__header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:22px;}
#related-articles.related-articles .related-articles__title{margin:0;font-family:var(--brand-font-display);font-size:34px;line-height:1.08;letter-spacing:-0.02em;text-wrap:balance;color:var(--brand-ink);}
#related-articles.related-articles .related-articles__subtitle{margin:0;max-width:560px;color:var(--brand-slate);font-size:15.5px;line-height:1.55;}
#related-articles.related-articles .related-articles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
#related-articles.related-articles .related-article-card{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);padding:18px 18px 16px;display:flex;flex-direction:column;min-height:220px;}
#related-articles.related-articles .related-article-card--emphasis{border-color:color-mix(in srgb, var(--brand-secondary) 45%, var(--brand-border));box-shadow:0 10px 28px color-mix(in srgb, var(--brand-primary) 10%, transparent);}
#related-articles.related-articles .related-article-card__title{margin:0 0 10px 0;font-family:var(--brand-font-display);font-size:19px;line-height:1.25;color:var(--brand-ink);letter-spacing:-0.01em;}
#related-articles.related-articles .related-article-card__excerpt{margin:0 0 14px 0;color:var(--brand-slate);font-size:14.5px;line-height:1.6;}
#related-articles.related-articles .related-article-card__meta{display:flex;gap:10px;align-items:center;margin-top:auto;flex-wrap:wrap;}
#related-articles.related-articles .related-article-card__tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--brand-border);color:var(--brand-ink);background:color-mix(in srgb, var(--brand-surface) 70%, var(--brand-bg));font-size:12.5px;font-weight:650;}
#related-articles.related-articles .related-article-card__tag--accent{border-color:color-mix(in srgb, var(--brand-secondary) 55%, var(--brand-border));background:color-mix(in srgb, var(--brand-secondary) 12%, var(--brand-bg));}
#related-articles.related-articles .related-article-card__separator{color:var(--brand-mist);font-size:14px;}
#related-articles.related-articles .related-article-card__read{font-size:12.8px;color:var(--brand-slate);}
#related-articles.related-articles .related-article-card__link{margin-top:14px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;font-weight:700;color:var(--brand-primary);border:1px solid color-mix(in srgb, var(--brand-primary) 35%, var(--brand-border));background:var(--brand-bg);padding:12px 14px;border-radius:var(--brand-radius-md,12px);}
#related-articles.related-articles .related-article-card__link--accent{color:var(--brand-bg);border-color:color-mix(in srgb, var(--brand-secondary) 45%, var(--brand-primary));background:var(--brand-secondary);}
#related-articles.related-articles .related-article-card__arrow{font-size:16px;}
#related-articles.related-articles .related-articles__actions{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-top:22px;flex-wrap:wrap;}
#related-articles.related-articles .related-articles__ghost{color:var(--brand-primary);border:1px solid var(--brand-border);background:var(--brand-bg);text-decoration:none;padding:12px 14px;border-radius:var(--brand-radius-md,12px);font-weight:750;display:inline-flex;align-items:center;}
#related-articles.related-articles .related-articles__primary{color:var(--brand-bg);border:1px solid color-mix(in srgb, var(--brand-secondary) 45%, var(--brand-border));background:var(--brand-secondary);text-decoration:none;padding:12px 14px;border-radius:var(--brand-radius-md,12px);font-weight:800;display:inline-flex;align-items:center;}
#related-articles.related-articles a{outline: none;}
#related-articles.related-articles a:focus-visible,#related-articles.related-articles .related-article-card__link:focus-visible,#related-articles.related-articles .related-articles__ghost:focus-visible,#related-articles.related-articles .related-articles__primary:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-secondary) 25%, transparent);border-color:color-mix(in srgb, var(--brand-secondary) 60%, var(--brand-border));}
#related-articles.related-articles ::selection{background:color-mix(in srgb, var(--brand-secondary) 28%, transparent);}
@media (prefers-reduced-motion: reduce){#related-articles.related-articles *{scroll-behavior:auto;}
  #related-articles.related-articles .related-article-card__link,#related-articles.related-articles .related-articles__ghost,#related-articles.related-articles .related-articles__primary{transition:none;}}
@media (max-width: 920px){#related-articles.related-articles .related-articles__grid{grid-template-columns:1fr;gap:12px;}
  #related-articles.related-articles .related-articles__header{align-items:flex-start;}}
@media (max-width: 480px){#related-articles.related-articles{padding:44px 0;}
  #related-articles.related-articles .related-articles__title{font-size:28px;}
  #related-articles.related-articles .related-article-card{padding:16px;}}
#related-articles.related-articles .related-article-card__link:hover{background:color-mix(in srgb, var(--brand-primary) 6%, var(--brand-bg));}
#related-articles.related-articles .related-article-card__link--accent:hover{background:color-mix(in srgb, var(--brand-secondary) 88%, var(--brand-primary));}
#related-articles.related-articles .related-articles__ghost:hover{background:color-mix(in srgb, var(--brand-surface) 80%, var(--brand-bg));}
#related-articles.related-articles .related-articles__primary:hover{background:color-mix(in srgb, var(--brand-secondary) 88%, var(--brand-primary));}

/* section:article-hero */
/* section:article-hero */
#article-hero{--radius:var(--brand-radius, 16px);position:relative;overflow:hidden;background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font-display);} 
#article-hero .article-hero__bg{position:absolute;inset:-2px;background:
radial-gradient(900px 420px at 15% 0%, rgba(46,125,50,.14), rgba(46,125,50,0) 60%),
radial-gradient(700px 360px at 85% 30%, rgba(15,61,46,.16), rgba(15,61,46,0) 62%),
linear-gradient(180deg, rgba(246,247,247,1) 0%, rgba(255,255,255,1) 68%);z-index:0;}
#article-hero .article-hero__container{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:48px 20px 40px;} 
#article-hero .article-hero__topline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
#article-hero .article-hero__chip{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--brand-border);background:rgba(246,247,247,.7);border-radius:999px;color:var(--brand-primary);font-weight:650;font-size:13.5px;letter-spacing:.01em;}
#article-hero .article-hero__meta{color:var(--brand-slate);font-size:13.5px;font-weight:600;}
#article-hero .article-hero__title{margin:0 0 16px;font-family:var(--brand-font-display);font-weight:780;letter-spacing:-0.03em;line-height:1.06;text-wrap:balance;font-size:clamp(28px, 4.2vw, 48px);color:var(--brand-ink);} 
#article-hero .article-hero__byline{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-top:10px;}
#article-hero .article-hero__author-block{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;}
#article-hero .article-hero__byline-label{font-size:13px;font-weight:700;color:var(--brand-slate);text-transform:uppercase;letter-spacing:.08em;}
#article-hero .article-hero__byline-value{font-size:15.5px;font-weight:720;color:var(--brand-ink);} 
#article-hero .article-hero__meta-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:10px;border:1px solid var(--brand-border);background:rgba(246,247,247,.78);border-radius:var(--brand-radius,16px);padding:12px;} 
#article-hero .article-hero__meta-item{padding:2px 4px;} 
#article-hero .article-hero__meta-label{display:block;font-size:12.5px;color:var(--brand-slate);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;} 
#article-hero .article-hero__meta-value{display:block;font-size:15.5px;color:var(--brand-ink);font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;} 
#article-hero .article-hero__lede{margin:18px 0 0;max-width:78ch;font-size:17px;line-height:1.6;color:var(--brand-text);} 
#article-hero .article-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;} 
#article-hero .article-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--brand-radius, 12px);text-decoration:none;font-weight:780;font-size:15.5px;line-height:1;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,color .15s ease;} 
#article-hero .article-hero__btn--primary{background:var(--brand-primary);color:var(--brand-bg);border:1px solid var(--brand-primary);} 
#article-hero .article-hero__btn--primary:hover{background:#0C3427;border-color:#0C3427;} 
#article-hero .article-hero__btn--primary:active{transform:translateY(1px);} 
#article-hero .article-hero__btn--ghost{background:transparent;color:var(--brand-primary);border:2px solid var(--brand-border);} 
#article-hero .article-hero__btn--ghost:hover{border-color:#C3D0CB;background:rgba(246,247,247,.9);} 
#article-hero .article-hero__btn--ghost:active{transform:translateY(1px);} 
#article-hero .article-hero__btn:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;} 
#article-hero ::selection{background:rgba(46,125,50,.25);}
@media (max-width: 860px){
  #article-hero .article-hero__container{padding:38px 16px 32px;}
  #article-hero .article-hero__meta-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width: 520px){
  #article-hero .article-hero__meta-grid{grid-template-columns:1fr;}
  #article-hero .article-hero__lede{font-size:16.5px;}
}
@media (prefers-reduced-motion: reduce){
  #article-hero .article-hero__btn{transition:none;}
}

/* section:article-content */
/* section:article-content */
#article-content{--radius-sm:var(--brand-radius-sm,8px);--radius-md:var(--brand-radius-md,12px);--radius-lg:var(--brand-radius-lg,16px);padding:28px 16px 56px;background:var(--brand-bg);color:var(--brand-text);}
#article-content .article-content__container{max-width:980px;margin:0 auto;}
#article-content .article-content__intro{margin-bottom:18px;}
#article-content .article-content__kicker{display:inline-flex;gap:10px;align-items:center;font-family:var(--brand-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary);background:rgba(46,125,50,.10);border:1px solid rgba(46,125,50,.22);padding:8px 10px;border-radius:999px;}
#article-content .article-content__title{margin:14px 0 10px;font-family:var(--brand-font-display);font-size:34px;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;}
#article-content .article-content__lead{margin:0;font-size:18px;line-height:1.6;color:var(--brand-text);max-width:78ch;}
#article-content .article-content__body{margin-top:22px;}
#article-content .h3{margin:26px 0 10px;font-family:var(--brand-font-display);font-size:20px;line-height:1.3;letter-spacing:-.01em;}
#article-content .article-content__body p{margin:10px 0;font-size:16px;line-height:1.75;color:var(--brand-text);}
#article-content .list{margin:10px 0 0;padding-left:18px;}
#article-content .list__item{margin:8px 0;font-size:16px;line-height:1.7;color:var(--brand-text);}
#article-content .callout{margin:16px 0 10px;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:14px 14px;border-radius:var(--brand-radius-md,12px);border:1px solid var(--brand-border);background:linear-gradient(180deg, rgba(246,247,247,1), rgba(246,247,247,.65));}
#article-content .callout__icon{width:36px;height:36px;border-radius:10px;background:rgba(46,125,50,.14);border:1px solid rgba(46,125,50,.25);display:flex;align-items:center;justify-content:center;color:var(--brand-secondary);font-size:18px;}
#article-content .callout__title{margin:0 0 6px;font-weight:700;font-size:15px;color:var(--brand-ink);}
#article-content .callout__text{margin:0;font-size:16px;line-height:1.7;color:var(--brand-text);}
#article-content .grid{margin:14px 0 2px;display:grid;grid-template-columns:1fr;gap:12px;}
#article-content .grid__card{padding:14px 14px;border-radius:var(--brand-radius-md,12px);border:1px solid var(--brand-border);background:var(--brand-surface);}
#article-content .grid__label{margin:0 0 8px;font-weight:800;font-size:14px;letter-spacing:.02em;color:var(--brand-ink);}
#article-content .grid__text{margin:0;font-size:16px;line-height:1.7;color:var(--brand-text);}
#article-content .steps{margin:10px 0 0;padding-left:18px;}
#article-content .steps__item{margin:10px 0;font-size:16px;line-height:1.7;color:var(--brand-text);}
#article-content .author-block{margin-top:18px;padding:14px;border-radius:var(--brand-radius-md,12px);background:rgba(15,61,46,.05);border:1px solid rgba(15,61,46,.18);}
#article-content .author-block__text{margin:0;font-size:16px;line-height:1.7;color:var(--brand-text);}
#article-content ::selection{background:rgba(46,125,50,.22);color:var(--brand-ink);}
#article-content a{color:var(--brand-secondary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
#article-content a:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:3px;border-radius:6px;}
@media (min-width:860px){
  #article-content{padding-top:40px;}
  #article-content .article-content__title{font-size:42px;}
  #article-content .grid{grid-template-columns:repeat(3,1fr);}
}
@media (prefers-reduced-motion:reduce){
  #article-content *{scroll-behavior:auto;}
}

/* section:related-articles */
/* section:related-articles */
#related-articles.related-articles{background:var(--brand-surface);color:var(--brand-text);padding:48px 0;}
#related-articles.related-articles *{box-sizing:border-box;}
#related-articles .related-articles__container{max-width:1040px;margin:0 auto;padding:0 20px;}
#related-articles .related-articles__header{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;}
#related-articles .related-articles__title{font-family:var(--brand-font-display);font-size:28px;line-height:1.15;margin:0;letter-spacing:-0.02em;text-wrap:balance;}
#related-articles .related-articles__subtitle{margin:0;color:var(--brand-slate);max-width:520px;font-size:15px;line-height:1.6;}
#related-articles .related-articles__list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
#related-articles .related-articles__item{margin:0;}
#related-articles .related-articles__card{background:#fff;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);padding:18px 18px 16px;min-height:186px;display:flex;flex-direction:column;gap:10px;}
#related-articles .related-articles__item--current .related-articles__card{border-color:color-mix(in srgb, var(--brand-secondary) 35%, var(--brand-border));}
#related-articles .related-articles__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
#related-articles .related-articles__kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb, var(--brand-secondary) 10%, #ffffff);border:1px solid color-mix(in srgb, var(--brand-secondary) 30%, var(--brand-border));color:var(--brand-primary);font-weight:650;font-size:12px;letter-spacing:0.01em;}
#related-articles .related-articles__kicker--current{background:color-mix(in srgb, var(--brand-primary) 10%, #ffffff);border-color:color-mix(in srgb, var(--brand-primary) 35%, var(--brand-border));}
#related-articles .related-articles__time{font-family:var(--brand-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace);font-size:12px;color:var(--brand-slate);}
#related-articles .related-articles__card-title{margin:0;font-family:var(--brand-font);font-size:16px;line-height:1.45;color:var(--brand-ink, var(--brand-ink));text-wrap:balance;}
#related-articles .related-articles__link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:var(--brand-primary);font-weight:700;text-decoration:none;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb, var(--brand-primary) 25%, var(--brand-border));background:#fff;}
#related-articles .related-articles__link::after{content:"→";font-weight:900;}
#related-articles .related-articles__link:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-secondary) 55%, transparent);outline-offset:2px;}
#related-articles .related-articles__link:hover{border-color:color-mix(in srgb, var(--brand-secondary) 45%, var(--brand-border));}
#related-articles .related-articles__link--current{background:color-mix(in srgb, var(--brand-secondary) 10%, #fff);border-color:color-mix(in srgb, var(--brand-secondary) 40%, var(--brand-border));}
#related-articles .related-articles__callout{margin-top:18px;background:color-mix(in srgb, var(--brand-primary) 6%, #fff);border:1px dashed color-mix(in srgb, var(--brand-primary) 20%, var(--brand-border));border-radius:var(--brand-radius-lg,16px);padding:14px 16px;}
#related-articles .related-articles__callout-text{margin:0;color:var(--brand-slate);font-size:14px;line-height:1.6;}
#related-articles{--brand-radius-md:12px;--brand-radius-lg:16px;}
@media (prefers-reduced-motion: reduce){#related-articles .related-articles__link{transition:none;}}
@media (max-width: 900px){#related-articles .related-articles__list{grid-template-columns:1fr;gap:14px;}}
@media (max-width: 520px){#related-articles .related-articles__title{font-size:24px;}}
::selection{background:color-mix(in srgb, var(--brand-secondary) 25%, #fff);}

/* section:article-hero */
/* section:article-hero */
#article-hero{--radius:var(--brand-radius,12px); padding:40px 18px; background:var(--brand-bg); color:var(--brand-text);}
#article-hero .hero-wrap{max-width:1120px; margin:0 auto; display:grid; grid-template-columns: 1.55fr 0.9fr; gap:26px; align-items:start;}
#article-hero .hero-content{padding:8px 0 6px;}
#article-hero .kicker{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:14px;}
#article-hero .kicker-pill{display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; background: color-mix(in srgb, var(--brand-secondary) 14%, var(--brand-bg)); color:var(--brand-primary); border:1px solid color-mix(in srgb, var(--brand-secondary) 30%, var(--brand-border)); font-weight:650; font-size:13px; letter-spacing:.01em;}
#article-hero .kicker-sep{color: color-mix(in srgb, var(--brand-slate) 70%, var(--brand-text));}
#article-hero .kicker-text{color: color-mix(in srgb, var(--brand-slate) 70%, var(--brand-text)); font-size:13px; font-weight:600;}
#article-hero .hero-title{font-family: var(--brand-font-display); font-size: clamp(30px, 3.4vw, 46px); line-height:1.06; margin:0 0 14px; letter-spacing:-0.02em; text-wrap:balance; color:var(--brand-ink);} 
#article-hero .meta-row{display:flex; gap:18px; flex-wrap:wrap; margin:14px 0 18px; padding:12px 14px; border-radius: var(--brand-radius,12px); background: color-mix(in srgb, var(--brand-surface) 86%, white); border:1px solid var(--brand-border);} 
#article-hero .meta-item{min-width: 170px; display:flex; flex-direction:column; gap:3px;}
#article-hero .meta-label{font-size:12px; color: color-mix(in srgb, var(--brand-slate) 80%, var(--brand-text)); font-weight:650;}
#article-hero .meta-value{font-size:14px; color:var(--brand-text); font-weight:700;}
#article-hero .hero-summary{margin:0; font-size:16px; line-height:1.6; color: color-mix(in srgb, var(--brand-text) 92%, var(--brand-ink)); max-width: 62ch;}
#article-hero .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:22px; align-items:center;}
#article-hero .btn{display:inline-flex; align-items:center; justify-content:center; padding:12px 14px; border-radius:12px; text-decoration:none; font-weight:800; font-size:14px; letter-spacing:.01em; border:1px solid transparent; min-height:44px;}
#article-hero .btn-primary{background: var(--brand-primary); color: #fff; border-color: color-mix(in srgb, var(--brand-primary) 90%, black);} 
#article-hero .btn-primary:hover{background: color-mix(in srgb, var(--brand-primary) 88%, #000);} 
#article-hero .btn-primary:active{background: color-mix(in srgb, var(--brand-primary) 82%, #000);} 
#article-hero .btn-ghost{background: color-mix(in srgb, var(--brand-bg) 92%, var(--brand-surface)); color: var(--brand-primary); border-color: color-mix(in srgb, var(--brand-border) 72%, var(--brand-secondary) 28%);} 
#article-hero .btn-ghost:hover{background: color-mix(in srgb, var(--brand-bg) 80%, var(--brand-secondary) 10%);} 
#article-hero .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-secondary) 55%, #fff); outline-offset:3px;} 
#article-hero .hero-notes{display:flex; align-items:flex-start; gap:10px; margin-top:18px; padding:14px 14px; border-radius: var(--brand-radius,12px); background: var(--brand-surface); border:1px solid var(--brand-border);} 
#article-hero .hero-notes-badge{display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background: color-mix(in srgb, var(--brand-secondary) 16%, var(--brand-surface)); color: var(--brand-primary); border:1px solid color-mix(in srgb, var(--brand-secondary) 30%, var(--brand-border)); font-weight:850; font-size:12px;}
#article-hero .hero-notes-text{font-size:14px; line-height:1.5; color: color-mix(in srgb, var(--brand-slate) 35%, var(--brand-ink)); font-weight:650;}

#article-hero .hero-side{position:relative;}
#article-hero .side-card{background: color-mix(in srgb, var(--brand-primary) 6%, var(--brand-bg)); border:1px solid var(--brand-border); border-radius:16px; padding:16px 16px 14px; box-shadow: 0 14px 28px color-mix(in srgb, var(--brand-primary) 14%, transparent);} 
#article-hero .side-card-head{font-weight:900; color:var(--brand-primary); letter-spacing:.01em; margin-bottom:10px; font-size:14px;}
#article-hero .side-list{display:flex; flex-direction:column; gap:10px;}
#article-hero .side-row{display:flex; gap:10px; align-items:flex-start; color: color-mix(in srgb, var(--brand-ink) 92%, var(--brand-text)); font-weight:650; font-size:13px; line-height:1.35;}
#article-hero .side-dot{width:10px; height:10px; border-radius:50%; margin-top:4px; background: color-mix(in srgb, var(--brand-secondary) 55%, var(--brand-primary)); border:1px solid color-mix(in srgb, var(--brand-secondary) 45%, var(--brand-border)); flex: 0 0 auto;}
#article-hero .side-visual{margin-top:14px; height:210px; border-radius:16px; border:1px solid var(--brand-border); background: linear-gradient(180deg, color-mix(in srgb, var(--brand-surface) 70%, #fff), var(--brand-bg)); position:relative; overflow:hidden;}
#article-hero .contour{position:absolute; left:-20%; width:140%; height:2px; background: color-mix(in srgb, var(--brand-secondary) 22%, var(--brand-slate) 25%); border-radius:999px;}
#article-hero .c1{top:52px; transform: rotate(-10deg);} 
#article-hero .c2{top:90px; transform: rotate(-10deg); background: color-mix(in srgb, var(--brand-secondary) 28%, var(--brand-slate) 25%);} 
#article-hero .c3{top:130px; transform: rotate(-10deg); background: color-mix(in srgb, var(--brand-secondary) 18%, var(--brand-slate) 25%);} 
#article-hero .map-pin{position:absolute; left:58%; top:48%; width:16px; height:16px; border-radius:50% 50% 50% 0; transform: rotate(-45deg); background: var(--brand-secondary); border:2px solid color-mix(in srgb, var(--brand-secondary) 65%, #fff); box-shadow: 0 12px 24px color-mix(in srgb, var(--brand-secondary) 22%, transparent);} 
#article-hero .map-pin::after{content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:#fff; top:4px; left:4px; transform: rotate(45deg);} 

#article-hero ::selection{background: color-mix(in srgb, var(--brand-secondary) 32%, #fff); color: var(--brand-ink);} 
@media (max-width: 980px){
  #article-hero .hero-wrap{grid-template-columns:1fr;}
  #article-hero .hero-side{order:2;}
  #article-hero .side-visual{height:190px;}
  #article-hero{padding:34px 16px;}
}
@media (max-width: 520px){
  #article-hero .meta-item{min-width: 0; flex: 1 1 160px;}
  #article-hero .hero-actions .btn{width: 100%; justify-content:center;}
  #article-hero .hero-summary{font-size:15px;}
}
@media (prefers-reduced-motion: reduce){
  #article-hero .btn, #article-hero .side-card{transition:none !important;}
}

/* section:article-content */
/* section:article-content */
#article-content.article-content{--gap-0:0;--gap-1:0.25rem;--gap-2:0.5rem;--gap-3:0.75rem;--gap-4:1rem;--gap-6:1.5rem;--gap-8:2rem;--gap-12:3rem;font-family:var(--brand-font);color:var(--brand-text);background:var(--brand-bg)}
#article-content .article-container{max-width:980px;margin:0 auto;padding:var(--gap-12) var(--gap-4);}
#article-content .article-header{margin-bottom:1.25rem}
#article-content .article-eyebrow{font-family:var(--brand-font-display);font-size:1.05rem;letter-spacing:-0.01em;color:var(--brand-ink);margin:0 0 .5rem 0;font-weight:650;}
#article-content .article-subhead{margin:0;font-size:1.02rem;line-height:1.6;color:var(--brand-text);max-width:78ch}
#article-content .article-body{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,16px);padding:1.25rem 1.25rem;box-shadow:0 10px 22px rgba(15,61,46,.08)}
#article-content .content-block{padding:1rem 0;border-bottom:1px solid rgba(216,222,219,.7)}
#article-content .content-block:last-child{border-bottom:none;padding-bottom:0}
#article-content .content-title{font-family:var(--brand-font-display);font-size:1.35rem;letter-spacing:-0.02em;margin:.35rem 0 .8rem 0;color:var(--brand-primary);font-weight:720;line-height:1.2;}
#article-content .content-paragraph{margin:.65rem 0;line-height:1.72;font-size:1.02rem;color:var(--brand-text)}
#article-content .pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:.25rem 0 0 0}
#article-content .pack-item{background:#ffffff;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);padding:1rem;}
#article-content .pack-title{margin:0 0 .6rem 0;color:var(--brand-primary);font-size:1.05rem;font-weight:700;font-family:var(--brand-font-display);letter-spacing:-0.01em}
#article-content .pack-list{list-style:none;padding:0;margin:0}
#article-content .pack-list li{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem 0;border-top:1px solid rgba(216,222,219,.55)}
#article-content .pack-list li:first-child{border-top:none}
#article-content .dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--brand-secondary);margin-top:.55rem;flex:0 0 auto}
#article-content .compare-table{margin:.6rem 0 0 0;background:#fff;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);overflow:hidden}
#article-content .compare-row{display:grid;grid-template-columns:220px 1fr 1fr}
#article-content .compare-row+.compare-row{border-top:1px solid rgba(216,222,219,.85)}
#article-content .compare-cell{padding:.75rem .9rem;line-height:1.45}
#article-content .compare-head{background:rgba(46,125,50,.08)}
#article-content .compare-head .compare-cell{font-weight:760;color:var(--brand-primary)}
#article-content .callout{margin:1rem 0 0 0;border-left:4px solid var(--brand-accent);background:rgba(46,125,50,.07);padding:.85rem .9rem;border-radius:0 12px 12px 0}
#article-content .callout-title{margin:0 0 .35rem 0;font-weight:800;color:var(--brand-primary);font-family:var(--brand-font-display)}
#article-content .callout-paragraph{margin:0;line-height:1.65;color:var(--brand-text)}
#article-content .tour-points{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.25rem}
#article-content .tour-point{background:#fff;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,12px);padding:1rem}
#article-content .tour-title{margin:0 0 .55rem 0;color:var(--brand-primary);font-weight:760;font-family:var(--brand-font-display);letter-spacing:-0.01em}
#article-content .tour-text{margin:0;line-height:1.65;color:var(--brand-text)}
#article-content .final-checklist{margin:.2rem 0 0 0;padding:0;list-style:none;display:grid;gap:.55rem}
#article-content .final-checklist li{background:#fff;border:1px solid var(--brand-border);border-radius:10px;padding:.7rem .85rem;line-height:1.6}
#article-content .final-checklist strong{color:var(--brand-primary)}
#article-content .related{padding-bottom:0}
#article-content .related-list{display:grid;gap:.6rem;margin:.3rem 0 0 0}
#article-content .related-link{display:block;background:#fff;border:1px solid var(--brand-border);border-radius:12px;padding:.75rem .9rem;color:var(--brand-primary);text-decoration:none;font-weight:690;line-height:1.3}
#article-content .related-link:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px}
#article-content .fineprint{margin:.9rem 0 0 0;color:var(--brand-slate);line-height:1.65}
#article-content a{color:var(--brand-secondary)}
#article-content a:focus-visible{outline:3px solid rgba(46,125,50,.35);outline-offset:2px}
#article-content ::selection{background:rgba(46,125,50,.25);color:var(--brand-ink)}
@media (max-width: 900px){
  #article-content .article-container{padding:3rem 1rem}
  #article-content .article-body{padding:1rem}
  #article-content .pack-grid{grid-template-columns:1fr;}
  #article-content .compare-row{grid-template-columns:1fr;}
  #article-content .tour-points{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion: reduce){
  #article-content *{scroll-behavior:auto}
}

/* section:related-articles */
/* section:related-articles */
#related-articles{--ra-max:980px;--ra-pad:clamp(18px,2.3vw,28px);--ra-gap:clamp(12px,2.2vw,18px);background:var(--brand-bg);color:var(--brand-text);padding:clamp(28px,4vw,44px) 0;}
#related-articles .related-articles__container{max-width:var(--ra-max);margin:0 auto;padding:0 var(--ra-pad);}
#related-articles .related-articles__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;}
#related-articles .related-articles__title{font-family:var(--brand-font-display);font-size:clamp(24px,3.2vw,34px);line-height:1.08;letter-spacing:-0.02em;margin:0;color:var(--brand-ink);text-wrap:balance;}
#related-articles .related-articles__subtitle{margin:0;max-width:58ch;color:var(--brand-text);font-size:14.5px;line-height:1.55;}
#related-articles .related-articles__grid{display:grid;grid-template-columns:1fr;gap:var(--ra-gap);}
#related-articles .related-articles__item{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius, var(--brand-radius-md, 12px));padding:18px 18px 16px;position:relative;overflow:hidden;}
#related-articles .related-articles__item::before{content:"";position:absolute;inset:-2px -2px auto -2px;height:3px;background:var(--brand-secondary);opacity:.95;}
#related-articles .related-articles__tag{display:inline-block;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-secondary) 14%, var(--brand-bg) 86%);border:1px solid color-mix(in srgb, var(--brand-secondary) 22%, var(--brand-border) 78%);padding:6px 10px;border-radius:999px;}
#related-articles .related-articles__item-title{margin:12px 0 8px;font-family:var(--brand-font-display);font-size:18px;line-height:1.25;letter-spacing:-0.01em;color:var(--brand-ink);text-wrap:balance;}
#related-articles .related-articles__item-meta{margin:0;color:var(--brand-slate);font-size:14.5px;line-height:1.55;}
#related-articles .related-articles__link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;color:var(--brand-primary);text-decoration:none;font-weight:700;border:1px solid var(--brand-border);background:var(--brand-bg);padding:10px 12px;border-radius:var(--brand-radius, 12px);}
#related-articles .related-articles__link::after{content:"→";font-weight:900;}
#related-articles .related-articles__link:hover{background:color-mix(in srgb, var(--brand-secondary) 10%, var(--brand-bg) 90%);border-color:color-mix(in srgb, var(--brand-secondary) 35%, var(--brand-border) 65%);}
#related-articles .related-articles__link:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-secondary) 55%, transparent 45%);outline-offset:2px;}
#related-articles .related-articles__link--disabled{cursor:default;opacity:1;color:var(--brand-slate);}
#related-articles .related-articles__item--current{background:color-mix(in srgb, var(--brand-surface) 78%, var(--brand-secondary) 22%);}
#related-articles .related-articles__item--current::before{background:color-mix(in srgb, var(--brand-secondary) 70%, var(--brand-primary) 30%);}
#related-articles .related-articles__item--current .related-articles__item-title{color:var(--brand-ink);}
#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;text-decoration:none;color:var(--brand-bg);background:var(--brand-primary);border:1px solid var(--brand-primary);padding:12px 14px;border-radius:12px;font-weight:800;}
#related-articles .related-articles__cta:hover{background:color-mix(in srgb, var(--brand-primary) 88%, var(--brand-secondary) 12%);}
#related-articles .related-articles__cta:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-secondary) 60%, transparent 40%);outline-offset:2px;}
#related-articles ::selection{background:color-mix(in srgb, var(--brand-secondary) 35%, transparent 65%);}
@media (min-width: 820px){
  #related-articles .related-articles__grid{grid-template-columns:repeat(3,1fr);}
  #related-articles .related-articles__cta-row{justify-content:flex-end;}
}
@media (prefers-reduced-motion: reduce){
  #related-articles *{scroll-behavior:auto;transition:none !important;animation:none !important;}
}

.imprint-page{--maxw:980px;min-height:100vh;background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);line-height:1.55}html,body{margin:0;padding:0}*{box-sizing:border-box}.imprint-container{max-width:var(--maxw);margin:0 auto;padding:28px 18px 36px} .imprint-header{padding:18px 18px 10px;border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface)}.imprint-title{margin:0 0 8px;font-family:var(--brand-font-display);font-size:2rem;letter-spacing:.2px;color:var(--brand-ink)}.imprint-lead{margin:0;font-weight:700;color:var(--brand-text)}.imprint-meta{margin:10px 0 0;color:var(--brand-slate);font-size:.98rem} .imprint-section{margin-top:18px} .imprint-section-title{margin:0 0 10px;font-size:1.15rem;color:var(--brand-primary);font-weight:800} .imprint-card{border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface);padding:16px 16px} .imprint-dl{margin:0} .imprint-row{display:block;padding:10px 10px;border-radius:var(--radius-md)} .imprint-row:nth-child(odd){background:rgba(255,255,255,0.55)} .imprint-dt{font-weight:800;color:var(--brand-primary);font-size:.95rem;margin:0 0 4px} .imprint-dd{margin:0;color:var(--brand-text)} .imprint-link{color:var(--brand-secondary);text-decoration:underline;text-underline-offset:3px} .imprint-link:focus{outline:2px solid var(--brand-secondary);outline-offset:2px;border-radius:6px} .imprint-footer{margin-top:18px} .imprint-footer-inner{border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface);padding:14px 16px} .imprint-footer-text{margin:0;color:var(--brand-slate);font-size:.95rem}.imprint-footer-text + .imprint-footer-text{margin-top:8px}@media (min-width:700px){.imprint-container{padding:36px 22px 44px}.imprint-title{font-size:2.25rem}.imprint-card{padding:18px 18px}.imprint-row{padding:12px 12px}}
:root{
  --brand-primary:#0F3D2E;
  --brand-secondary:#2E7D32;
  --brand-accent:#2E7D32;
  --brand-ink:#072015;
  --brand-slate:#456257;
  --brand-mist:#A7B9B1;
  --brand-border:#D8DEDB;
  --brand-surface:#F6F7F7;
  --brand-bg:#FFFFFF;
  --brand-text:#0B1B14;
  --brand-font:'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif;
  --brand-radius-sm:8px;
  --brand-radius-md:12px;
  --brand-radius-lg:16px;
}
.policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);line-height:1.6;}
.policy-main{max-width:920px;margin:0 auto;padding:24px 16px 40px 16px;}
.policy-header{padding:18px 18px 12px 18px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);}
.policy-title{margin:0 0 6px 0;font-size:28px;line-height:1.2;color:var(--brand-ink);font-weight:800;}
.policy-subtitle{margin:0;color:var(--brand-slate);font-size:14px;}
.policy-section{margin-top:18px;padding:16px 18px;background:rgba(246,247,247,0.65);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);}
.policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--brand-ink);font-weight:800;}
.policy-text{margin:10px 0;font-size:15px;}
.policy-list{margin:10px 0 0 18px;padding:0;}
.policy-list li{margin:8px 0;font-size:15px;}
.policy-link{color:var(--brand-secondary);text-decoration:underline;}
.policy-link:focus{outline:3px solid rgba(46,125,50,0.35);outline-offset:2px;border-radius:4px;}
.policy-footer{margin-top:18px;}
.policy-footer-card{padding:16px 18px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);}
.policy-footer-title{margin:0 0 10px 0;font-size:16px;color:var(--brand-ink);font-weight:800;}
.policy-footnote{color:var(--brand-slate);font-size:13px;}
@media (max-width:520px){.policy-main{padding:18px 12px 34px 12px;}.policy-title{font-size:24px;}}

:root{
  --brand-primary:#0F3D2E;
  --brand-secondary:#2E7D32;
  --brand-accent:#2E7D32;
  --brand-ink:#072015;
  --brand-slate:#456257;
  --brand-mist:#A7B9B1;
  --brand-border:#D8DEDB;
  --brand-surface:#F6F7F7;
  --brand-bg:#FFFFFF;
  --brand-text:#0B1B14;
  --brand-font:'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif;
  --brand-font-display:'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif;
}
.policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);padding:0;margin:0;}
.policy-wrapper{max-width:980px;margin:0 auto;padding:24px 16px 40px 16px;}
.policy-header{padding:18px 16px;border:1px solid var(--brand-border);background:linear-gradient(180deg,var(--brand-surface),#ffffff);border-radius:var(--radius-md,12px);}
.policy-title{margin:0 0 6px 0;font-family:var(--brand-font-display);font-weight:700;font-size:28px;letter-spacing:.2px;color:var(--brand-primary);}
.policy-lead{margin:0;color:var(--brand-slate);font-size:14px;}
.policy-section{margin-top:18px;padding:18px 16px;border:1px solid var(--brand-border);border-radius:var(--radius-md,12px);background:#ffffff;}
.policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--brand-primary);}
.policy-p{margin:0 0 10px 0;line-height:1.55;font-size:14.5px;}
.policy-section:last-of-type{margin-bottom:0;}
.policy-list{margin:8px 0 0 18px;padding:0;}
.policy-list li{margin:6px 0;line-height:1.5;font-size:14.5px;}
.policy-key{color:var(--brand-slate);font-weight:600;}
.policy-link{color:var(--brand-secondary);text-decoration:underline;text-underline-offset:3px;}
.policy-link:focus{outline:2px solid var(--brand-accent);outline-offset:3px;border-radius:6px;}
.policy-footer{margin-top:18px;padding:0;}
.policy-footer-card{border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:var(--radius-md,12px);padding:18px 16px;}
.policy-footer-title{margin:0 0 12px 0;font-size:16px;color:var(--brand-primary);}
.policy-footer-grid{display:block;}
.policy-footer-col{margin:0;}
.policy-footer-note{color:var(--brand-slate);font-size:13.5px;margin-top:10px;}
@media (min-width:820px){
  .policy-wrapper{padding-left:0;padding-right:0;}
  .policy-footer-grid{display:flex;gap:18px;}
  .policy-footer-col{flex:1;}
}

.policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);line-height:1.55;min-height:100vh}
.policy-wrapper{max-width:920px;margin:0 auto;padding:0 16px 48px 16px}
.policy-header{padding-top:28px;padding-bottom:14px;border-bottom:1px solid var(--brand-border)}
.policy-title{margin:0 0 6px 0;font-family:var(--brand-font-display);font-size:28px;letter-spacing:.2px;color:var(--brand-ink)}
.policy-meta{margin:0;color:var(--brand-slate);font-size:14px}
.policy-content{padding-top:18px}
.policy-lead{margin:0 0 18px 0;font-size:16px}
.policy-h2{margin:22px 0 10px 0;font-size:18px;color:var(--brand-ink)}
.policy-h2-spaced{margin-top:26px}
.policy-p{margin:10px 0;font-size:15px}
.policy-strong{font-weight:700;color:var(--brand-ink)}
.policy-link{color:var(--brand-secondary);text-decoration:underline;text-underline-offset:3px}
.policy-link:hover{color:var(--brand-accent)}
.policy-legal{margin-top:24px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md);background:var(--brand-surface)}
.policy-contact .policy-p{margin:8px 0}
.policy-footer{margin-top:26px;border-top:1px solid var(--brand-border);padding-top:16px}
.policy-footer-text{color:var(--brand-slate);font-size:13px;margin:0}
@media (max-width:560px){.policy-title{font-size:24px}.policy-lead{font-size:15px}.policy-p{font-size:14px}}

/* Design-system variables */
:root{
  --brand-primary:#0F3D2E;
  --brand-secondary:#2E7D32;
  --brand-accent:#2E7D32;
  --brand-ink:#072015;
  --brand-slate:#456257;
  --brand-mist:#A7B9B1;
  --brand-border:#D8DEDB;
  --brand-surface:#F6F7F7;
  --brand-bg:#FFFFFF;
  --brand-text:#0B1B14;
  --brand-font:'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif;
  --brand-font-display:'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif;
}

.policy-page{
  background:var(--brand-bg);
  color:var(--brand-text);
  font-family:var(--brand-font);
  line-height:1.55;
  min-height:100vh;
  padding:20px;
}
.policy-container{
  max-width:980px;
  margin:0 auto;
  background:var(--brand-surface);
  border:1px solid var(--brand-border);
  border-radius:16px;
  box-shadow:0 8px 30px rgba(7,32,21,0.06);
  padding:26px;
}
.policy-header{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--brand-border);
}
.policy-heading{
  margin:0;
  font-family:var(--brand-font-display);
  font-size:30px;
  letter-spacing:-0.3px;
  color:var(--brand-ink);
}
.policy-lead{
  margin:10px 0 0 0;
  color:var(--brand-slate);
  font-size:14.5px;
}
.policy-section{
  margin-top:18px;
}
.policy-subheading{
  margin:0 0 10px 0;
  font-size:18px;
  color:var(--brand-primary);
}
.policy-text{
  margin:0 0 10px 0;
  font-size:15.5px;
}
.policy-strong{
  font-weight:700;
  margin:0 0 6px 0;
}
.policy-label{
  color:var(--brand-slate);
  font-weight:600;
}
.policy-link{
  color:var(--brand-secondary);
  text-decoration:underline;
  text-underline-offset:2px;
}
.policy-link:hover{ color:var(--brand-accent); }
.policy-card{
  border:1px solid var(--brand-border);
  background:var(--brand-bg);
  border-radius:12px;
  padding:14px 14px;
  margin-top:10px;
}
.policy-list{
  margin:0;
  padding-left:20px;
}
.policy-list-item{
  margin:6px 0;
  font-size:15.5px;
}
.policy-footer{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--brand-border);
}
.policy-footer-inner{
  background:transparent;
}
.policy-footer-title{
  margin:0 0 8px 0;
  color:var(--brand-primary);
  font-weight:700;
}
.policy-footer-text{
  margin:0 0 6px 0;
  color:var(--brand-slate);
  font-size:14.5px;
}
@media (max-width:720px){
  .policy-page{ padding:12px; }
  .policy-container{ padding:18px; border-radius:12px; }
  .policy-heading{ font-size:24px; }
}