@layer base {
:root{
  --yea-font-display: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --yea-type-page-title: 2.125rem;
  --yea-type-brand-title: 2.5rem;
  --yea-type-section-title: 1.75rem;
  --yea-type-subsection-title: 1.375rem;
  --yea-type-card-title: 1.125rem;
  --yea-type-body: .9375rem;
  --yea-type-editorial-body: .8125rem;
  --yea-type-lead: .8125rem;
  --yea-type-card-body: .8125rem;
  --yea-type-control: .8125rem;
  --yea-type-helper: .75rem;
  --yea-type-label: .6875rem;
  --yea-type-footer-link: .84375rem;
  --yea-type-methodology: .8125rem;
  --yea-type-finding: .8125rem;
  --yea-leading-title: 1.08;
  --yea-leading-copy: 1.62;
  --yea-tracking-page-title: -.037em;
  --yea-tracking-title: -.026em;
  --yea-text-measure: 68ch;
  --yea-icon-sm: 1.25rem;
  --yea-icon-lg: 2rem;
  --yea-icon-stroke: 1.75;
}
@media(max-width:760px){
  :root{
    --yea-type-page-title: 1.875rem;
    --yea-type-brand-title: 2.125rem;
    --yea-type-section-title: 1.5rem;
    --yea-type-subsection-title: 1.25rem;
  }
}
::selection{background:rgba(23,95,58,.2);color:#111}
::-moz-selection{background:#6F806F;color:#fff}
/* Global accessibility and reduced motion — Step 19 ---------------- */
.skip-link{
  position:fixed;
  left:16px;
  top:-80px;
  z-index:1000;
  padding:10px 14px;
  border-radius:8px;
  background:var(--ink);
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  transition:top .18s ease;
}
.skip-link:is(:focus,:focus-visible){top:16px;outline:2px solid #fff;outline-offset:3px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){outline:0}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--ui-focus-ring,#65756b);
  outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    transition-delay:0s!important;
  }
}
}
@layer components {
/* Yerel Poppins ailesi: harici font bağlantısı kesilse de tipografi değişmez. */
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:400;src:url("/assets/fonts/poppins/poppins-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:400;src:url("/assets/fonts/poppins/poppins-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:500;src:url("/assets/fonts/poppins/poppins-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:500;src:url("/assets/fonts/poppins/poppins-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:600;src:url("/assets/fonts/poppins/poppins-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:600;src:url("/assets/fonts/poppins/poppins-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:700;src:url("/assets/fonts/poppins/poppins-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:700;src:url("/assets/fonts/poppins/poppins-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:800;src:url("/assets/fonts/poppins/poppins-latin-ext-800-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-display:swap;font-weight:800;src:url("/assets/fonts/poppins/poppins-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:italic;font-display:swap;font-weight:600;src:url("/assets/fonts/poppins/poppins-latin-ext-600-italic.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:italic;font-display:swap;font-weight:600;src:url("/assets/fonts/poppins/poppins-latin-600-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:italic;font-display:swap;font-weight:700;src:url("/assets/fonts/poppins/poppins-latin-ext-700-italic.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:italic;font-display:swap;font-weight:700;src:url("/assets/fonts/poppins/poppins-latin-700-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* YEA visual hierarchy authority v22.10.9
 * Loaded after site.css. This file owns shared typography,labels and Finder
 * controls. Home hero and model-detail pages remain explicit exceptions.
 */
/* 1. Page introductions -------------------------------------------------- */
main:not(.model-template-v2) > :is(.page-head, .article-head),main:not(.model-template-v2) > .breadcrumbs + :is(.page-head, .article-head){
  padding-top: clamp(3.25rem, 6vw, 4.75rem);
  padding-bottom: clamp(2.25rem, 4vw, 3.5rem);
}

/* Route-owned introduction axes: match each heading to its primary content. */


body:has(.compare-builder) main:not(.model-template-v2) > .page-head{
  max-width: 1240px;
}





/* 3. Section and card roles -------------------------------------------- */

html body main:not(.model-template-v2) :is(.tool-card, .guide-grid, .discovery-model-card) p{
  font-size: var(--yea-type-card-body);
  line-height: var(--yea-leading-copy);
}

/* Shared continuation cards: compare and calculator follow-up panels. */
html body main:not(.model-template-v2) .journey-card h3{
  font-size: var(--yea-type-card-title);
  line-height: 1.25;
  letter-spacing: -.018em;
}

html body main:not(.model-template-v2) .journey-card p{
  font-size: var(--yea-type-card-body);
  line-height: var(--yea-leading-copy);
}

html body main:not(.model-template-v2) .journey-card > small{
  font-size: var(--yea-type-label);
  line-height: 1.35;
  letter-spacing: .08em;
}

html body main:not(.model-template-v2) .journey-card > span{
  font-size: var(--yea-type-helper);
  line-height: 1.4;
}

html body main:not(.model-template-v2) .calculator-result > small{
  font-size: var(--yea-type-label);
  line-height: 1.35;
}

html body main:not(.model-template-v2) .calculator-result > span{
  font-size: var(--yea-type-editorial-body);
  line-height: var(--yea-leading-copy);
}

html body main:not(.model-template-v2) .calculator-breakdown small{
  font-size: var(--yea-type-helper);
  line-height: 1.4;
}

html body main:not(.model-template-v2) .calculator-copy > p,html body main:not(.model-template-v2) .answer-strip p{
  font-size: var(--yea-type-editorial-body);
  line-height: var(--yea-leading-copy);
}
.calculator-result > strong{
  font-size:clamp(1.375rem,2vw,1.5rem);
  font-weight:700;
  line-height:1.12;
  letter-spacing:var(--yea-tracking-title);
}
html body main:not(.model-template-v2) .answer-strip > strong{
  font-size:var(--yea-type-card-title);
  font-weight:600;
  line-height:1.3;
}
html body main:not(.model-template-v2) .calculator-copy h2{
  font-size:var(--yea-type-section-title);
  line-height:1.12;
  letter-spacing:var(--yea-tracking-title);
}

/* v22.10.27 — Calm compact density for decision and calculator cards.
   Typography roles stay unchanged; only spatial density is unified. */
html body main:not(.model-template-v2) :is(.journey-card, .tool-card){
  min-height: 190px;
  padding: 20px;
  border-radius: 18px;
}

html body main:not(.model-template-v2) .journey-card h3{
  margin: 14px 0 7px;
}

html body main:not(.model-template-v2) .journey-card > span{
  padding-top: 14px;
}

html body main:not(.model-template-v2) .tool-card h2{
  margin: 18px 0 9px;
}

html body main:not(.model-template-v2) .tool-card p{
  margin-bottom: 18px;
}

html body main:not(.model-template-v2) .calculator-card{
  gap: 14px;
  padding: 22px;
  border-radius: 20px;
}

html body main:not(.model-template-v2) .calculator-result{
  padding: 19px 20px;
  border-radius: 16px;
}

html body main:not(.model-template-v2) .calculator-links a{
  min-height: 0;
  padding: 14px 16px;
  gap: 14px;
  border-radius: 14px;
}

html body main:not(.model-template-v2) .guide-grid > :is(a, article){
  min-height: 190px;
  padding: 22px;
  border-radius: 18px;
}

html body main:not(.model-template-v2) .guide-grid > :is(a, article) h3{
  margin: 28px 0 8px;
}

@media (max-width: 650px){
  html body main:not(.model-template-v2) :is(.journey-card, .tool-card){
    min-height: 172px;
    padding: 18px;
  }

  html body main:not(.model-template-v2) .calculator-card{
    padding: 18px;
  }

  html body main:not(.model-template-v2) .guide-grid > :is(a, article){
    min-height: 168px;
    padding: 18px;
  }
}

/* Map information cards use the same label/title/body roles as other cards. */
html body main:not(.model-template-v2) .station-info-card > small{
  font-size: var(--yea-type-label) !important;
  line-height: 1.35 !important;
  letter-spacing: .08em !important;
}

html body main:not(.model-template-v2) .station-info-card > h2{
  min-height: 0 !important;
  font-size: var(--yea-type-card-title) !important;
  line-height: 1.25 !important;
  letter-spacing: -.018em !important;
}

html body main:not(.model-template-v2) .station-info-card > p{
  font-size: var(--yea-type-card-body) !important;
  line-height: var(--yea-leading-copy) !important;
}

/* 4. Interface icons ----------------------------------------------------- */



.search > svg{
  width: var(--yea-icon-sm);
  height: var(--yea-icon-sm);
}

.footer-feature-links .feature-link > svg{
  width: var(--yea-icon-lg);
  height: var(--yea-icon-lg);
}

/* 5. Finder -------------------------------------------------------------- */














/* Compact rhythm follows the smaller type scale; empty height is not reserved. */
html body main:not(.model-template-v2) :is(.tool-grid, .guide-grid){
  align-items: stretch;
}

html body main:not(.model-template-v2) .tool-card{
  min-height: 15.5rem;
  padding: 1.375rem;
}

html body main:not(.model-template-v2) .tool-card h2{
  margin-block: 1.25rem .625rem;
}

html body main:not(.model-template-v2) .tool-card p{
  margin-bottom: 1.25rem;
}

html body main:not(.model-template-v2) .guide-grid :is(a, article){
  min-height: 12rem;
  padding: 1.375rem;
}

html body main:not(.model-template-v2) .guide-grid :is(h2, h3){
  margin-block: 2rem .625rem;
}



/* 6. Responsive contract ------------------------------------------------ */
@media (max-width: 760px){
  main:not(.model-template-v2) > :is(.page-head, .article-head),main:not(.model-template-v2) > .breadcrumbs + :is(.page-head, .article-head){
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }

  

  

  html body main:not(.model-template-v2) .tool-card,html body main:not(.model-template-v2) .guide-grid :is(a, article){
    min-height: 0;
  }
}






/* v22.10.10 — controlled semantic text roles; locked model geometry stays excluded. */
html body main:not(.model-template-v2) :is(.tool-card,.calculator-band-copy) > p,html body main:not(.model-template-v2) .section-head > div > p{font-size:var(--yea-type-card-body);line-height:var(--yea-leading-copy)}
html body main:not(.model-template-v2) :is(.compare-insight,.comparison-finding,.comparison-summary li,.comparison-verdict li){font-size:var(--yea-type-finding);line-height:1.55}


/* v22.10.18 — P1 visual consistency: platform-neutral interaction colours. */
/* Shared non-card link icons remain in legacy until their own component pass. */
:is(.nav, .search, .site-footer, .catalog-page, .model-template-v2)
  a > svg:not(.calculator-blueprint){
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: var(--yea-icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Typography and Content Hierarchy — Step 14 ------------------------ */
html body main:not(.model-template-v2) :is(.brand-page-head,.brand-directory-head) h1{
  font-size:var(--yea-type-brand-title);
}
html body main:not(.model-template-v2) .brand-page-head > div > p,
html body main:not(.model-template-v2) .calculator-hero > div > p{
  max-width:var(--yea-text-measure);
  margin-top:.875rem;
  margin-bottom:0;
  font-size:var(--yea-type-lead);
  line-height:var(--yea-leading-copy);
  text-wrap:pretty;
}
html body main:not(.model-template-v2) .article{
  font-size:var(--yea-type-editorial-body);
  line-height:var(--yea-leading-copy);
}
html body main:not(.model-template-v2) .article h2{
  font-size:var(--yea-type-section-title);
  font-weight:700;
  line-height:1.16;
  letter-spacing:var(--yea-tracking-title);
  text-wrap:pretty;
}
html body main:not(.model-template-v2) .article .lead{
  font-size:var(--yea-type-lead);
  font-weight:400;
  line-height:var(--yea-leading-copy);
}
html body main:not(.model-template-v2) .methodology-block > p{
  color:var(--muted);
  font-size:var(--yea-type-methodology);
  line-height:1.65;
}
html body main:not(.model-template-v2) :is(.helper,.helper-text,.filter-data-hint,.station-data-note){
  font-size:var(--yea-type-helper);
  line-height:1.5;
}
:where(.label,.caption){
  font-size:var(--yea-type-label);
  line-height:1.35;
}
:is(.article,.reference-article,.content-copy,.methodology-block)
  a:not(.button):not(.primary-button):not(.secondary-button){
  color:#111;
  font-weight:600;
  text-decoration:none;
}
:is(.article,.reference-article,.content-copy,.methodology-block)
  a:not(.button):not(.primary-button):not(.secondary-button):is(:hover,:focus-visible){
  color:#111;
  text-decoration:none;
}
/* Notification and Information Boxes — Step 23 --------------------- */
.notice-contract,
.data-note,
.method-warning,
.calculator-disclaimer,
.comparison-note,
.estimate-notice{
  padding:16px 20px;
  border:1px solid rgba(210,34,45,.1);
  border-left:4px solid #D2222D;
  border-radius:12px;
  background:#FEF2F2;
  color:#7F1D1D;
  font-size:13px;
  font-weight:400;
  line-height:1.6;
}
.notice-contract strong,
.data-note strong,
.method-warning strong,
.calculator-disclaimer strong,
.comparison-note strong,
.estimate-notice strong{font-weight:600}
.data-note{
  margin-block:var(--space-4,16px);
}
.data-review-note{
  grid-column:1/-1;
  margin:0;
  padding:14px 16px;
  border-radius:12px;
  background:var(--surface-2);
  color:var(--muted);
}
.data-error{margin:0;padding:24px}
.need-to-know{
  margin:2rem 0;
  padding:1.25rem 1.5rem;
  border-left:4px solid var(--accent);
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  background:var(--surface-2);
}
.need-to-know ul{margin-bottom:0;padding-left:1.15rem}
.need-to-know li + li{margin-top:.55rem}
.estimate-note{
  margin-bottom:0;
  padding-top:.85rem;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
.method-warning{
  margin-block:var(--space-4,16px);
}
.reference-disclaimer{
  margin-top:32px;
  margin-bottom:1.15em;
  padding:18px 20px;
  border-left:4px solid #40556F;
  border-radius:0 14px 14px 0;
  background:#F4F6F8;
}
.reference-disclaimer p{margin:.4rem 0 0;font-size:13px;line-height:1.5}
.notice-contract > p:last-child,
.data-note > p:last-child,
.method-warning > p:last-child,
.calculator-disclaimer > p:last-child,
.comparison-note > p:last-child,
.estimate-notice > p:last-child{
  margin-bottom:0;
}
@media(max-width:760px){
  .data-review-note{grid-column:auto}
  .data-review-note,.need-to-know,.reference-disclaimer{padding:14px 16px}
}

/* Article and Guide Components — Step 16 --------------------------- */
.breadcrumbs:not(.model-breadcrumbs-v2):not(.catalog-breadcrumb){max-width:var(--max);margin:30px auto 0;padding:0 24px;display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--muted)}.article{font-size:17px}.article h2{font-size:32px;letter-spacing:-1.2px;margin-top:55px}.article .lead{font-size:22px;color:#394038}.article li{margin:10px 0}.toc{position:sticky;top:25px;background:var(--soft);border-radius:15px;padding:22px}.toc a{display:block;margin-top:10px;font-size:13px;color:var(--muted)}.toc p{font-size:13px;color:var(--muted)}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proscons>div{background:var(--soft);border-radius:14px;padding:20px}.proscons h3{margin-top:0}.proscons p{font-size:14px}.article details{border-top:1px solid var(--line);padding:18px 0}.article summary{font-weight:700;cursor:pointer}@media(max-width:570px){.proscons{grid-template-columns:1fr}}.breadcrumbs a:hover{color:var(--accent-dark)}.article h2{scroll-margin-top:30px}.article .lead{line-height:1.55}.toc{border:1px solid var(--line);background:linear-gradient(180deg,#f6f9f7,#eef4f0)}.toc a:hover{color:var(--accent-dark)}.proscons>div{border:1px solid var(--line)}.proscons>div:first-child{background:#f0f8f3}.proscons>div:last-child{background:#f8f5f1}@media(max-width:570px){.article .lead{font-size:20px}}.toc-compare{margin-top:10px!important;padding:12px 14px!important;border-radius:10px;background:var(--ink);color:#fff!important;font-weight:700}.toc-compare:hover{background:var(--ink-2)}@media print{.toc{display:none}.proscons>div{box-shadow:none!important;border-color:#bbb!important}}.editorial-summary{margin:1.5rem 0 2rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2)}.editorial-summary small{display:block;margin-bottom:.35rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.editorial-summary h2{margin-top:0}.toc,.editorial-summary{
  background:var(--surface);
  color:var(--ink);
  border-color:var(--line)
}.proscons>div:last-child{background:#FFF1F0!important;border-color:#F1C5C1!important;color:#65332E!important}.proscons>div:first-child{background:#EDF5EF!important;border-color:#C9DDCE!important;color:#294D36!important}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 18px}.faq-list summary{cursor:pointer;font-weight:700;padding:16px 28px 16px 0;position:relative}.faq-list summary:after{content:"+";position:absolute;right:0;color:#E10600}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;padding:0 0 17px}:where(details>summary){border-radius:var(--ui-radius-control);padding-inline:4px}:where(details>summary):hover{color:var(--accent-dark)}@media(max-width:900px){.toc{position:static}}@media(max-width:570px){.proscons{grid-template-columns:minmax(0,1fr)}}.breadcrumbs>a,.breadcrumbs>span{line-height:1.4;letter-spacing:0}.breadcrumbs>span:last-child{font-weight:600}
.article > :where(h2,h3){margin-bottom:var(--space-4,16px)}
.article > h3{margin-top:var(--space-7,32px)}
.article > p{margin-bottom:var(--space-4,16px)}
@media(max-width:760px){.breadcrumbs{min-width:0;flex-wrap:wrap}.breadcrumbs > *{min-width:0}.faq-list details{padding-inline:16px}}

/* Pagination — Step 17 --------------------------------------------- */
.catalog-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:34px 0 0;
}
.catalog-pagination[hidden]{display:none}
.catalog-pagination :is(a,button){
  box-sizing:border-box;
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  margin:0;
  padding:0;
  border:1px solid #d9dfdc;
  border-radius:9px;
  background:#fff;
  color:#202722;
  -webkit-text-fill-color:#202722;
  font-family:inherit;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(17,52,33,.03);
}
.catalog-pagination :is(a,button):is(:visited,:hover){
  border-color:#d9dfdc;
  background:#fff;
  color:#202722;
  -webkit-text-fill-color:#202722;
  box-shadow:0 1px 2px rgba(17,52,33,.03);
  transform:none;
}
.catalog-pagination :is(a,button):is(.active,[aria-current="page"]),
.catalog-pagination :is(a,button):is(.active,[aria-current="page"]):is(:visited,:hover){
  border-color:#185b38;
  background:#185b38;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-weight:700;
  box-shadow:none;
}
.catalog-pagination :is(a,button):focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px rgba(24,91,56,.24);
}
.catalog-pagination :is(button:disabled,[aria-disabled="true"]){
  opacity:.5;
  cursor:not-allowed;
}
@media(max-width:760px){
  .catalog-pagination{gap:10px}
  .catalog-pagination :is(a,button){width:44px;height:44px}
}
/* Footer and Social Sharing — Step 18 -------------------------- */
footer{max-width:var(--max);margin:50px auto 0;padding:60px 24px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}
footer p{color:var(--muted);max-width:430px}
footer a{display:block;color:var(--muted);margin-top:9px;font-size:14px}
@media (max-width:570px) {footer{grid-template-columns:1fr;gap:25px}
}
footer{position:relative}
footer:before{content:"";position:absolute;left:24px;top:-1px;width:84px;height:3px;background:var(--accent-dark);border-radius:2px}
footer a:hover{color:var(--accent-dark);transform:translateX(2px)}
@media print {footer{display:none!important}
}
footer:before{background:var(--accent)}
.footer-brand img{display:block;width:min(360px,100%);height:auto;margin-bottom:15px}
@media (max-width:570px) {.footer-brand img{width:290px}
}
footer{max-width:var(--max);margin:52px auto 0;padding:50px 24px 64px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(300px,2fr) 1fr 1fr;gap:60px;background:transparent}
.footer-brand{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:16px;align-items:start}
.footer-brand .footer-symbol{width:54px;height:54px;object-fit:contain;margin:0;grid-row:1/3}
.footer-site-name{display:block;font-size:18px;line-height:1.2;color:var(--ink);margin:2px 0 4px}
.footer-brand p{margin:0;color:var(--muted);max-width:470px}
.footer-brand img:not(.footer-symbol){display:none}
footer a{color:var(--muted)}
footer a:hover{color:var(--accent)}
@media (max-width:850px) {.footer-brand{grid-template-columns:50px minmax(0,1fr)}
}
@media (max-width:570px) {.footer-brand{grid-template-columns:46px minmax(0,1fr)}
}
@media (max-width:570px) {.footer-brand .footer-symbol{width:46px;height:46px}
}
footer{
  background:#F6F8F6;
  border-top:1px solid var(--line);
  color:var(--ink)
}
.footer-site-name{color:var(--ink)}
.footer-brand p,footer a{color:var(--muted)}
footer a:hover{color:var(--accent-dark)}
footer:before{background:linear-gradient(90deg,var(--accent) 0 34%,var(--brand-sage) 34% 68%,var(--brand-haki) 68%)}
.footer-symbol-wrap{display:inline-grid;align-items:center}
.footer-symbol-wrap>*{grid-area:1/1}
.footer-symbol-wrap{position:relative;display:block}
.footer-symbol-light{display:none}
html .footer-symbol-light{display:block}
@media (max-width:760px) {
 
 
 
 footer{grid-template-columns:1fr;gap:28px}
}
.site-footer{max-width:none;width:100%;margin-top:64px;padding:0;background:#F6F8F6;border-top:1px solid var(--line);display:block}
.footer-main{padding:52px clamp(18px,4vw,64px) 40px;display:grid;grid-template-columns:minmax(320px,2fr) 1fr 1fr;gap:60px}
.footer-bottom{border-top:1px solid var(--line);padding:18px clamp(18px,4vw,64px);display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:28px}
.footer-bottom>p{margin:0;color:var(--muted);font-size:12px;max-width:none}
.footer-feature-links{display:flex;align-items:center;justify-content:center;gap:10px}
.footer-feature-links .feature-link{margin:0;width:38px;height:38px;padding:7px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:var(--ink);background:transparent}
.footer-feature-links .feature-link strong,.footer-feature-links .feature-link span{display:none}
.footer-feature-links svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.footer-feature-links .feature-link:hover{transform:translateY(-1px);border-color:var(--brand-sage);color:var(--accent-dark);background:var(--surface)}
.footer-text-links{display:flex;justify-content:flex-end;gap:0;flex-wrap:wrap}
.footer-text-links a{display:inline-flex;margin:0;color:var(--muted);font-size:12px}
.footer-text-links a+a:before{content:"·";margin:0 9px;color:#9BA39E}
.footer-text-links a:hover{transform:none;color:var(--accent-dark)}
@media (max-width:1050px) {.footer-bottom{grid-template-columns:1fr auto}
}
@media (max-width:1050px) {.footer-text-links{grid-column:1/-1;justify-content:center}
}
@media (max-width:850px) {.footer-main{grid-template-columns:1fr 1fr}
}
@media (max-width:850px) {.footer-brand{grid-column:1/-1}
}
@media (max-width:850px) {.footer-bottom{grid-template-columns:1fr;text-align:center}
}
@media (max-width:850px) {.footer-feature-links,.footer-text-links{justify-content:center}
}
@media (max-width:570px) {.footer-main{grid-template-columns:1fr;padding:40px 18px 30px;gap:26px}
}
@media (max-width:570px) {.footer-brand{grid-column:auto}
}
@media (max-width:570px) {.footer-bottom{padding:18px}
}
@media (max-width:570px) {.footer-text-links a{font-size:11px}
}
.footer-feature-links svg{color:#121815}
.footer-feature-links .feature-link:after{content:"";position:absolute;width:7px;height:2px;background:#E10600;border-radius:2px;transform:translate(9px,9px)}
.footer-text-links a{position:relative;text-decoration:none}
.footer-text-links a::after{content:"";position:absolute;left:50%;right:50%;bottom:-4px;height:1px;background:currentColor;transition:left .18s ease,right .18s ease}
.footer-text-links a:hover::after{left:0;right:0}
.footer-feature-links .feature-link::after{display:none;content:none}
.footer-text-links a:focus,.footer-text-links a:focus-visible{
  color:inherit;background:transparent;border-color:transparent;
  box-shadow:none;border-radius:0;
}
html footer{background:#F7F8F7;color:var(--ink);border-color:var(--line)}
html footer:before{background:var(--brand-red)}
html .site-footer{background:#F7F8F7}
.footer-feature-links .feature-link{
  width:var(--footer-icon-box);
  height:var(--footer-icon-box);
  min-width:var(--footer-icon-box);
  min-height:var(--footer-icon-box);
  padding:8px;
  flex:0 0 var(--footer-icon-box);
}
.footer-feature-links .feature-link > svg,.footer-feature-links .feature-link svg{
  width:var(--footer-icon-size);
  height:var(--footer-icon-size);
  min-width:var(--footer-icon-size);
  flex:0 0 var(--footer-icon-size);
  stroke-width:1.75;
}
@media (max-width:570px) {.footer-feature-links{gap:10px;flex-wrap:wrap}
}
@media (max-width:570px) {
  .footer-feature-links .feature-link{margin:0}
}
@media (max-width:360px) {
  
  .footer-feature-links{gap:8px}
}
.footer-symbol-primary{display:block}
.footer-brand{align-items:start}
.footer-site-name{font-size:17px;line-height:1.25;margin:1px 0 5px;font-weight:700}
.footer-brand p{font-size:13px;line-height:1.65}
.footer-main>div>strong,.footer-main>nav>strong{margin-bottom:16px;font-size:15px;line-height:1.35;font-weight:600}
.site-footer .footer-main>div:not(.footer-brand),
.site-footer .footer-main>nav{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.site-footer .footer-main>div:not(.footer-brand)>a,
.site-footer .footer-main>nav>a{
  display:inline-block;
  width:fit-content;
  margin:0 0 10px;
  color:var(--muted);
  font-size:var(--yea-type-footer-link);
  font-weight:400;
}
@media (max-width:570px) {
  .footer-main{padding-inline:18px}
}
@media (max-width:570px) {
  .footer-brand{grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start}
}
@media (max-width:570px) {
  .footer-brand .footer-symbol{width:44px;height:44px;margin-top:1px}
}
@media (max-width:570px) {
  .footer-site-name{font-size:15px;line-height:1.3;margin:0 0 4px}
}
@media (max-width:570px) {
  .footer-brand p{font-size:12px;line-height:1.6}
}
@media (max-width:570px) {
  .footer-main>div:not(.footer-brand),.footer-main>nav{padding-left:58px}
}
@media (max-width:570px) {
  .footer-main>div>strong,.footer-main>nav>strong{font-size:15px}
}
@media (max-width:570px) {
  .footer-main a{font-size:var(--yea-type-footer-link);line-height:1.55;font-weight:400;color:var(--muted)}
}
@media (max-width:570px) {
  .footer-bottom{display:flex;flex-direction:column}
}
@media (max-width:570px) {
  .footer-bottom>.footer-text-links{order:1}
}
@media (max-width:570px) {
  .footer-bottom>.footer-feature-links{order:2}
}
@media (max-width:570px) {
  .footer-bottom>p{order:3;margin-top:18px}
}
footer img[aria-hidden="true"]{pointer-events:none}
.share-dialog[hidden]{display:none}
.share-dialog{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px}
.share-dialog-backdrop{position:absolute;inset:0;border:0;background:rgba(12,19,15,.48);backdrop-filter:blur(3px)}
.share-dialog-panel{position:relative;width:min(560px,100%);border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px;box-shadow:0 28px 80px rgba(8,20,13,.24)}
.share-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.share-dialog-head small{display:block;color:var(--accent-dark);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.share-dialog-head h2{margin:4px 0 0;font-size:21px;letter-spacing:-.45px}
.share-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.share-platform-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;color:#fff;font-size:12px;font-weight:700}
.is-whatsapp{background:#25d366}
.is-x,.is-threads{background:#111}
.is-facebook{background:#1877f2}
.is-linkedin{background:#0a66c2}
.is-telegram{background:#229ed9}
.is-copy,.is-native{background:var(--accent-dark)}
@media (max-width:570px) {.share-platforms{grid-template-columns:1fr}
}
@media (max-width:570px) {.share-dialog-panel{padding:18px;max-height:88vh;overflow:auto}
}
.universal-share-dialog .share-platform-icon svg{width:18px;height:18px;display:block;fill:currentColor}
.universal-share-dialog .is-whatsapp,.universal-share-dialog .is-x,.universal-share-dialog .is-facebook,.universal-share-dialog .is-linkedin,.universal-share-dialog .is-telegram,.universal-share-dialog .is-threads{color:#fff}
.site-footer a:not(.feature-link),.site-footer a:not(.feature-link):visited{color:var(--muted);-webkit-text-fill-color:var(--muted);text-decoration:none}
.site-footer a:is(:hover,:focus-visible,:active),.site-footer a[aria-current="page"]{color:#111;-webkit-text-fill-color:#111;text-decoration:none}
.site-footer a::after{content:none;display:none}
@media (max-width:760px) {
  .site-footer .footer-main{grid-template-columns:1fr;gap:28px}
  .site-footer .footer-brand{grid-column:auto}
  .site-footer .footer-bottom{display:flex;flex-direction:column}
  .site-footer .footer-bottom>.footer-text-links{order:1}
  .site-footer .footer-bottom>.footer-feature-links{order:2}
  .site-footer .footer-bottom>p{order:3;margin-top:18px}
  .site-footer :is(.footer-feature-links,.footer-text-links){justify-content:center}
}
@media (min-width:761px) and (max-width:900px) {
  .site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 42px;padding-inline:28px}
}
@media (min-width:761px) and (max-width:900px) {
  .site-footer .footer-brand{grid-column:1/-1}
}
@media (min-width:761px) and (max-width:900px) {
  .site-footer .footer-bottom{grid-template-columns:1fr;gap:16px;text-align:center}
}
@media (min-width:761px) and (max-width:900px) {
  .site-footer :is(.footer-feature-links,.footer-text-links){justify-content:center}
}
@media (min-width:901px) and (max-width:1050px) {
  .site-footer .footer-main{grid-template-columns:minmax(0,1.35fr) minmax(145px,.65fr) minmax(145px,.65fr);gap:30px;padding-inline:30px}
}
@media (min-width:901px) and (max-width:1050px) {
  .site-footer .footer-brand{grid-column:auto}
}
@media (min-width:901px) and (max-width:1050px) {
  .site-footer .footer-bottom{grid-template-columns:1fr;gap:16px;text-align:center}
}
@media (min-width:901px) and (max-width:1050px) {
  .site-footer :is(.footer-feature-links,.footer-text-links){justify-content:center}
}
.share-platform-icon img{display:block;width:22px;height:22px;object-fit:contain}
.share-platform-icon.is-whatsapp,.share-platform-icon.is-facebook,.share-platform-icon.is-linkedin,.share-platform-icon.is-telegram{background:transparent}
.share-platform-icon.is-x img,.share-platform-icon.is-threads img{width:18px;height:18px}
.share-platform-icon>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Utility Controls and Micro-interactions — Step 19 ---------------- */
:where(.badge,.tag,.inline-data-badge,.beta-badge,[class*="beta-badge"]){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:max-content;
  max-width:100%;
  min-height:28px;
  padding:0 11px;
  line-height:1;
  white-space:nowrap;
  vertical-align:middle;
}
:where(.badge,.tag){
  border:1px solid #C8D8CD;
  background:#EDF4EF;
  color:#355342;
  font-size:var(--yea-type-label);
  font-weight:700;
}
.back-to-top{
  position:fixed;
  z-index:70;
  right:22px;
  bottom:22px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  border:1px solid rgba(31,67,46,.14);
  border-radius:12px;
  background:rgba(247,249,247,.94);
  color:#355141;
  -webkit-text-fill-color:#355141;
  font-family:var(--yea-font-display);
  box-shadow:0 5px 16px rgba(22,55,36,.09);
  backdrop-filter:blur(7px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(5px);
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s,border-color .18s ease,background-color .18s ease;
}
.back-to-top.is-visible{opacity:.86;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.back-to-top:is(:hover,:focus-visible){opacity:1;border-color:rgba(23,95,58,.28);background:#f5f8f5}
.back-to-top:focus-visible{outline:2px solid var(--ui-focus-ring,#65756b);outline-offset:3px}
.back-to-top svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.nav-open .back-to-top,.share-dialog:not([hidden])~.back-to-top{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:760px){
  :where(.badge,.tag){font-size:10px}
  .back-to-top{right:14px;bottom:16px;border-radius:11px}
  .back-to-top svg{width:17px;height:17px}
  body:has(.mobile-model-action) .back-to-top{bottom:80px}
}
@media(prefers-reduced-motion:reduce){.back-to-top,.back-to-top.is-visible{transform:none;transition:none}}

/*  Contextual Buttons 
 */
:is(.nav, .search, .site-footer, .catalog-page, .model-template-v2)
  :is(button) > svg:not(.calculator-blueprint) {
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: var(--yea-icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.menu-button > svg,
.model-action-icon > svg {
  width: var(--yea-icon-sm);
  height: var(--yea-icon-sm);
}

/*  Base Buttons 
 */

html body:has(#decision-finder) main .finder-actions .button {
  min-height: 2.75rem;
  padding: .6875rem 1.25rem !important; /* legacy button lock is important */
  font-size: var(--yea-type-lead);
  line-height: 1.25;
}
.model-template-v2 .range-switch-v2 button {
  color: #303833;
  -webkit-text-fill-color: #303833;
}
.model-template-v2 .range-switch-v2 button.active,
.model-template-v2 .range-switch-v2 button[aria-selected="true"] {
  background: #fff;
  color: #175f3a;
  -webkit-text-fill-color: #175f3a;
  border-radius: 7px;
  box-shadow: 0 1px 4px #0000000d;
}
/*  Contextual Buttons 
 */
.station-map-sidebar :is( button) { font-family: var(--yea-font-display); }
:where(button){-webkit-tap-highlight-color:rgba(23,95,58,.12)}
/* Finder Component System --------------------------------------------- */
body:has(#decision-finder) .finder-hero{
  max-width: 1240px;
}html body main:not(.model-template-v2) :is(
  .page-head,
  .article-head,
  .reference-hero,
  .discovery-head,
  .map-page-head,
  .catalog-intro,
  .calculator-hero,
  .finder-hero-copy,
  .not-found
) h1{
  max-width: 26ch;
  margin-block: 0;
  font-family: var(--yea-font-display);
  font-size: var(--yea-type-page-title);
  line-height: var(--yea-leading-title);
  letter-spacing: var(--yea-tracking-page-title);
  text-wrap: balance;
}html body main:not(.model-template-v2) :is(
  .page-head,
  .article-head,
  .reference-hero,
  .discovery-head,
  .map-page-head,
  .catalog-intro,
  .calculator-hero,
  .finder-hero-copy,
  .not-found
) > p{
  max-width: var(--yea-text-measure);
  margin-top: .875rem;
  margin-bottom: 0;
  font-size: var(--yea-type-lead);
  line-height: var(--yea-leading-copy);
  text-wrap: pretty;
}html body main:not(.model-template-v2) :is(
  .section-head,
  .dark-panel,
  .calculator-band-copy,
  .fit-section > div:first-child,
  .finder-results-section .section-head
) h2{
  font-size: var(--yea-type-section-title);
  line-height: 1.12;
  letter-spacing: var(--yea-tracking-title);
  text-wrap: balance;
}html body main:not(.model-template-v2) :is(
  .calculator-copy,
  .score-breakdown,
  .station-info-card,
  .share-dialog-head,
  .compare-builder,
  .map-sidebar-head,
  .catalog-empty
) h2{
  font-size: var(--yea-type-subsection-title);
  line-height: 1.2;
  letter-spacing: var(--yea-tracking-title);
  text-wrap: balance;
}html body:has(#decision-finder) .finder-hero{
  padding-top: clamp(2.5rem, 5vw, 4rem);
  padding-bottom: 1.125rem;
}html body:has(#decision-finder) .finder-hero-copy > small{
  font-size: var(--yea-type-label);
  line-height: 1.35;
  letter-spacing: .1em;
}html body:has(#decision-finder) .finder-hero-copy > p{
  max-width: 66ch;
  margin-top: .875rem;
}html body:has(#decision-finder) main .finder-step legend{
  margin-bottom: .6875rem;
  font-size: 1.4375rem;
  line-height: 1.2;
  letter-spacing: -.025em;
}html body:has(#decision-finder) main .finder-help{
  margin-bottom: 1.125rem;
  font-size: var(--yea-type-lead);
  line-height: 1.55;
}html body:has(#decision-finder) main .finder-options{
  gap: .75rem;
  margin-top: 1.25rem;
}html body:has(#decision-finder) main .finder-options span{
  min-height: 3.75rem;
  padding: .75rem 1rem;
  border-radius: .75rem;
  font-size: .8125rem;
  line-height: 1.35;
  white-space: nowrap;
}html body:has(#decision-finder) main .finder-actions{
  margin-top: 1.625rem;
}@media (max-width: 760px) {html body:has(#decision-finder) main .finder-step legend{
    font-size: 1.3125rem;
  }html body:has(#decision-finder) main .finder-options span{
    min-height: 3.5rem;
    font-size: .8125rem;
  }}html body:has(#decision-finder) .finder-hero-copy > p,html body:has(#decision-finder) .recommendation-why{font-size:var(--yea-type-card-body);line-height:var(--yea-leading-copy)}html body:has(#decision-finder) .finder-results-section .section-head h2{font-size:var(--yea-type-section-title);line-height:1.12;letter-spacing:var(--yea-tracking-title)}


/* Model Catalog Controls Component System ---------------------------- */
/* 2. Labels -------------------------------------------------------------- */
html body :is(
  .eyebrow,
  .section-head small,
  .dark-panel small,
  .tool-number,
  .catalog-toolbar small,
  .overall-score small,
  .fit-section > div:first-child small,
  .passport-heading small,
  .data-trust small
){
  display:inline-flex;
  font-size: var(--yea-type-label);
  min-height:28px;
  padding:0 11px;
  align-items:center;
  justify-content:center;
  line-height:1;
  letter-spacing: .1em;
}

/* Subsection and card roles ------------------------------------------- */




html body main:not(.model-template-v2) :is(
  .tool-card,
  .guide-grid,
  .discovery-model-card,
  .journey-card,
  .catalog-filter-title
) :is(h2, h3){
  font-size: var(--yea-type-card-title);
  line-height: 1.25;
  letter-spacing: -.018em;
  text-wrap: balance;
}/* v22.10.13 — original range control: pale track and white selected pill. */
html:has(.catalog-page){ scrollbar-gutter: stable; }.catalog-filter-panel input[type="range"]{ display: block; min-width: 0; touch-action: pan-y; }


/* Model Catalog Cards Component System ------------------------------- */
:is(.nav, .search, .site-footer, .catalog-page, .model-template-v2)
  .catalog-metric-value > svg:not(.calculator-blueprint){
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: var(--yea-icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}.catalog-metric-value > svg{
  width: var(--yea-icon-sm);
  height: var(--yea-icon-sm);
}


/* Map and Station Interface Component System ------------------------- */
.station-map-sidebar :is(label,legend){ font-size: var(--yea-type-label); line-height: 1.4; }.station-map-sidebar :is(input,select){ font-family: var(--yea-font-display); }
.station-map-wrap .map-legend{z-index:10}
.map-search-suggestions strong{font-weight:600}
.faq-section .section-head h2{font-size:var(--yea-type-section-title);font-weight:600;line-height:1.12;letter-spacing:var(--yea-tracking-title)}
.faq-section .faq-list summary{font-size:.84375rem;font-weight:600}

/* Form System Component System --------------------------------------- */
.search input,.search-page input{font-family:var(--yea-font-display);font-size:1rem;font-weight:400;line-height:1.55}.map-search-row input{font-family:var(--yea-font-display);font-size:var(--map-control-font-size,.84375rem);font-weight:400;line-height:1.55}
.search input::placeholder,.search-page input::placeholder,.map-search-row input::placeholder{color:var(--muted);font-family:var(--yea-font-display);font-size:.84375rem;font-weight:400;opacity:1}
html body main:not(.model-template-v2) .calculator-card > label > span{
  font-size: var(--yea-type-card-body);
  line-height: 1.4;
}html body main:not(.model-template-v2) .calculator-card > label small{
  font-size: var(--yea-type-label);
  line-height: 1.35;
}.calculator-card :is(input, select){
  font-size:1rem;
}:where(a,input,select,textarea,summary,[tabindex]){-webkit-tap-highlight-color:rgba(23,95,58,.12)}
@media(max-width:760px){
  :where(input,select,textarea){font-size:1rem}
}
@media(max-width:600px){
  .station-map-wrap{padding-bottom:0;background:transparent}
  .station-map-wrap :is(.map-legend,.map-fallback-note){bottom:14px;border:1px solid #d8dedb;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 3px 10px rgba(15,17,19,.08)}
}
.model-template-v2 .model-action-primary:hover{background:#154d31;border-color:#154d31;color:#fff}
body:has(#decision-finder) .recommendation-card .recommendation-card-body>small{font-weight:700}

/* v22.10.32.15.15 — reference-verified component restorations */
.catalog-model-card .catalog-card-copy dl{border-top:0}

/* SEO mirası rehberleri ve 404 yüzeyi -------------------------------- */
/* Yeni elle üretilen editöryel bloklar bu ortak sınıfı kullanır. */
.editorial-content{font-family:var(--yea-font-display)}
.editorial-content :is(p,li,dt,dd){font-size:var(--yea-type-editorial-body);font-weight:400;line-height:var(--yea-leading-copy)}
.editorial-content h2{font-size:var(--yea-type-section-title);font-weight:700;line-height:1.16;letter-spacing:var(--yea-tracking-title)}
.editorial-content h3{font-size:var(--yea-type-card-title);font-weight:600;line-height:1.25;letter-spacing:-.018em}
.editorial-content .discovery-model-card h2{font-weight:600}
.editorial-content .discovery-model-card dd{font-weight:600}
.editorial-content .search-result h2{font-size:var(--yea-type-card-title);line-height:1.25;letter-spacing:-.018em}
.editorial-content .search-result p{font-size:var(--yea-type-editorial-body);line-height:var(--yea-leading-copy)}
.conversion-guide{--yea-type-body:var(--yea-type-editorial-body);--yea-type-table:.84375rem;font-family:var(--yea-font-display);font-size:var(--yea-type-body);line-height:var(--yea-leading-copy)}
.conversion-guide :is(h2,h3){font-family:var(--yea-font-display)}
.conversion-guide h2{font-size:var(--yea-type-section-title);line-height:1.16;letter-spacing:var(--yea-tracking-title)}
.conversion-guide .conversion-table-title{margin-bottom:1rem}
.compare-head>*{padding:18px 20px}
.conversion-guide h3{font-size:var(--yea-type-card-title);line-height:1.25;letter-spacing:-.018em}
.conversion-guide :is(p,li,dt,dd){font-size:var(--yea-type-body)}
.conversion-guide :is(th,td){font-size:var(--yea-type-table)}
/* Rehber tipografi kararı: normal gövde 13 px, tablo hücreleri 13.5 px. */
:where(.guide-page) :where(.article,.legacy-content__body) :where(p,li,dt,dd){font-size:.8125rem}
.guide-page :is(.article,.legacy-content__body) table :is(th,td){font-size:.84375rem}
.guide-page .breadcrumbs{max-width:var(--max)}
/* Rehber tabloları veri yüzeyidir; satır hover'ında renk, hareket veya gölge değişmez. */
.guide-page tbody tr:hover{background:transparent;transform:none;box-shadow:none}
.guide-page tbody tr:nth-child(even):hover{background:#FAFBFA}
.guide-filter-row button,.guide-grid>a>span{font-size:var(--yea-type-helper);line-height:1.35}
.guide-filter-row button:not(.active):is(:hover,:focus-visible){background:#fff;color:var(--ink)}
/* Hesaplama sayfalarındaki açıklamalar ortak alert-box metin sözleşmesini miras alır. */
.estimate-notice p{font:inherit;color:inherit}
.conversion-guide :is(.company-role,.company-directory-note,.legacy-content__media figcaption){font-size:var(--yea-type-helper);line-height:1.5}
.guide-summary{margin:1.875rem 0;padding:1.125rem 1.25rem;border:1px solid var(--line);border-radius:.875rem;background:var(--surface)}
.guide-summary{box-shadow:inset 0 3px 0 var(--accent-dark)}
.guide-caution{margin-block:var(--space-4,16px)}
.guide-summary strong{display:block;margin-bottom:.375rem;font-size:var(--yea-type-card-title);line-height:1.3}
.guide-summary p{margin:0;color:var(--ink);line-height:var(--yea-leading-copy)}
.guide-caution strong,.guide-caution p{font-size:inherit;line-height:inherit}
.guide-caution strong{display:block;margin-bottom:.25rem}
.guide-caution p{margin:0;color:inherit}
.conversion-guide-head .update{display:flex;align-items:center;gap:.625rem 1rem;flex-wrap:wrap;font-family:var(--yea-font-display);font-size:var(--yea-type-helper);line-height:1.4}
.conversion-guide-head .update{gap:.375rem;color:var(--muted)}
.conversion-guide-head .article-meta-item{display:inline-flex;align-items:center;gap:.375rem;color:var(--ink)}
.conversion-guide-head .article-meta-item svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.conversion-guide-head .article-meta-item b{font-weight:600}
.conversion-guide-head .article-meta-separator{color:var(--muted)}
.conversion-company-card h3{font-size:1rem;line-height:1.3;letter-spacing:-.012em}
.conversion-company-card :is(dt,dd){font-size:var(--yea-type-helper);line-height:1.45}
.conversion-company-card a{font-size:var(--yea-type-helper);line-height:1.45}
.conversion-company-card a + a{margin-top:.5rem}
.legacy-content__media{margin:1.75rem 0 2.25rem}
.legacy-content__media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:1rem}
.legacy-content__media figcaption{margin-top:.625rem;color:var(--muted)}
.not-found{min-height:calc(100svh - 84px);display:grid;place-items:center;padding:clamp(2.5rem,6vw,5.5rem) 1.5rem;font-family:inherit}
.not-found__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;width:min(100%,72rem);margin-inline:auto}
.not-found__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}
.not-found__visual::before{content:none;display:none}
.not-found__model{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:350px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateY(-12px)}
.not-found__model canvas{display:block;width:100%;height:100%}
.not-found__scan-status{position:absolute;z-index:2;top:76%;right:20px;bottom:auto;margin:0;color:rgba(0,0,0,.4);font-family:"Courier New",Courier,monospace;font-size:11px;font-weight:400;line-height:1.3;letter-spacing:1px;text-align:right;text-transform:uppercase;animation:not-found-terminal-blink 2s infinite ease-in-out;pointer-events:none}
@keyframes not-found-terminal-blink{0%,100%{opacity:.4}50%{opacity:.7}}
@media(prefers-reduced-motion:reduce){.not-found__scan-status{animation:none;opacity:.55}}
.not-found__content{width:100%;min-width:0;text-align:left}
.not-found__code{display:inline-block;margin-bottom:.875rem;color:var(--accent-dark);font-size:12px;font-weight:600;letter-spacing:.14em}
.not-found h1{max-width:18ch;margin:0;font-size:var(--yea-type-page-title);font-weight:700;line-height:var(--yea-leading-title);letter-spacing:var(--yea-tracking-page-title)}
.not-found__content>p{max-width:56ch;margin:1.125rem 0 0;color:var(--muted);font-size:var(--yea-type-lead);font-weight:400;line-height:var(--yea-leading-copy)}
.not-found__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.125rem}
.not-found__actions :is(.primary-button,.secondary-button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:var(--yea-type-control);line-height:1.2;text-align:center}
.not-found__actions .primary-button{font-weight:700}
.not-found__actions .secondary-button{font-weight:600}
@media(max-width:800px){.not-found{min-height:calc(100svh - 76px);padding:2rem 1rem 3rem}.not-found__layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(260px,38vh) auto;gap:32px;width:min(100%,38rem)}.not-found__visual,.not-found__model{min-height:260px}.not-found__model{transform:translateY(-8px)}.not-found__scan-status{top:auto;right:auto;bottom:12px;left:50%;width:max-content;max-width:none;font-size:clamp(7px,2.2vw,9px);letter-spacing:.7px;white-space:nowrap;transform:translateX(-50%)}.not-found__content{width:min(100%,32rem);margin-inline:auto;text-align:center}.not-found h1,.not-found__content>p{margin-inline:auto}.not-found__actions{justify-content:center}}
@media(max-width:570px){.not-found__actions{align-items:stretch;flex-direction:column}.not-found__actions a{width:100%}}

/* Scooter hızlı karşılaştırma: tek tip tablo anayasası. */
.scooter-quick-table table{width:100%;border-collapse:collapse;border-spacing:0}
.scooter-quick-table :is(th,td){padding:12px 8px;border:0;border-bottom:1px solid #eee;background:transparent;font-size:13.5px;line-height:1.45;vertical-align:middle}
.scooter-quick-table thead th{font-size:13.5px;font-weight:600;color:#1a1a1a}
.scooter-quick-table tbody td{font-size:13.5px;font-weight:400;color:#4a4a4a}
.scooter-quick-table tbody td:first-child{font-size:13.5px;font-weight:600;color:#1a1a1a}
.scooter-quick-table caption{padding:10px 8px;font-size:13.5px;font-weight:600;color:#1a1a1a;background:transparent;text-align:left}
.scooter-quick-table :is(th,td):is(:nth-child(2),:nth-child(4)){white-space:nowrap}

.site-footer .footer-link-group>a{
  display:inline-block;
  width:fit-content;
  margin:0 0 10px;
  color:var(--muted);
  font-family:var(--yea-font-display);
  font-size:var(--yea-type-footer-link);
  font-weight:400;
  line-height:1.55;
  text-decoration:none;
}

/* Şarj haritası şehirler arası araştırma incelemesi. */
.intercity-readiness{display:grid;gap:24px}
.intercity-readiness__head{max-width:850px}
.intercity-readiness__head>small{display:block;margin-bottom:8px;color:var(--red);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.intercity-readiness__head h2{margin:0;color:#111;font-size:var(--yea-type-section-title);font-weight:700;line-height:1.12;letter-spacing:var(--yea-tracking-title)}
.intercity-readiness__head p{max-width:76ch;margin:14px 0 0;color:var(--muted);font-size:var(--yea-type-editorial-body);font-weight:400;line-height:var(--yea-leading-copy)}
.intercity-readiness__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:start}
.intercity-readiness__copy,.intercity-readiness__chart,.intercity-readiness__assessment{margin:0;border:1px solid #e6e9e7;border-radius:18px;background:#fff}
.intercity-readiness__copy{padding:24px}
.intercity-readiness :is(h3){margin:0 0 12px;color:#16201c;font-size:19px;font-weight:600;line-height:1.4}
.intercity-readiness__copy p,.intercity-readiness__assessment p{margin:0;color:#52605a;font-size:var(--yea-type-editorial-body);font-weight:400;line-height:var(--yea-leading-copy)}
.intercity-readiness__copy p+p,.intercity-readiness__assessment p+p{margin-top:14px}
.intercity-readiness__chart{padding:24px}
.intercity-readiness__chart figcaption{margin:0 0 20px;color:#16201c;font-size:15px;font-weight:600;line-height:1.5}
.readiness-bar+.readiness-bar{margin-top:18px}
.readiness-bar__label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:7px;color:#3d4944;font-size:13px;font-weight:400}
.readiness-bar__label strong{color:#16201c;font-size:14px;font-weight:600}
.readiness-bar__track{height:12px;overflow:hidden;border-radius:999px;background:#edf0ee}
.readiness-bar__track i{display:block;width:var(--readiness);height:100%;min-width:0;border-radius:inherit;background:#273d34}
.readiness-bar__track i.is-low{min-width:3px;background:var(--red)}
.intercity-readiness__chart>p{margin:18px 0 0;color:#77817c;font-size:var(--yea-type-helper);font-weight:400;line-height:1.6}
.intercity-readiness__findings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.intercity-readiness__findings article{padding:20px;border-top:2px solid #d9dfdc;background:#f7f8f7}
.intercity-readiness__findings strong{display:block;color:#16201c;font-size:22px;font-weight:600;line-height:1.2}
.intercity-readiness__findings span{display:block;margin-top:5px;color:#3f4c46;font-size:13px;font-weight:500;line-height:1.45}
.intercity-readiness__findings p{margin:10px 0 0;color:#66716c;font-size:var(--yea-type-card-body);font-weight:400;line-height:var(--yea-leading-copy)}
.intercity-readiness__assessment{padding:24px}
.intercity-readiness__sources{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:2px}
.intercity-readiness__sources a{color:#111;font-size:13px;font-weight:600;text-decoration:none}
.intercity-readiness__sources a:is(:hover,:focus-visible){color:#111;text-decoration:none}
@media(max-width:820px){.intercity-readiness__layout{grid-template-columns:1fr}.intercity-readiness__findings{grid-template-columns:1fr}.intercity-readiness__copy,.intercity-readiness__chart,.intercity-readiness__assessment{padding:20px}}

/* Editöryel sıra: H2, özgün not ve ortak katalog liste kartı. */
.ranked-guide-layout{max-width:var(--max);grid-template-columns:minmax(0,1fr)}
.ranked-model-guide{max-width:none}
.ranked-model-list{display:grid;gap:30px;margin-top:34px}
.ranked-model-item{display:block;padding-top:22px;border-top:1px solid var(--line)}
.ranked-model-copy{min-width:0;margin:0 0 14px}
.ranked-model-item h2{margin:0 0 9px;color:#111;font-size:var(--yea-type-section-title);font-weight:700;line-height:1.18;letter-spacing:var(--yea-tracking-title)}
.ranked-model-item .ranked-model-note{margin:0;color:var(--muted);font-size:var(--yea-type-editorial-body);font-weight:400;line-height:var(--yea-leading-copy)}
.ranked-model-card{margin:0}
@media(max-width:620px){.ranked-model-list{gap:30px;margin-top:30px}}
.comparison-verdict .verdict-note{font-size:12px;font-weight:400;line-height:1.55;color:var(--muted)}
}