/* EvNet.az — biznes guides (biznes-beledci hub + 12 articles, AZ and RU), 2026-10-28.
 *
 * Sits on top of evnet-ui.css (the shared "ev-" kit) and style.css /
 * business.css / business-market.css (header, footer, fonts). Everything here
 * is scoped to `.gd-*` classes or to `body.ev-page.business-market-page`, so
 * nothing leaks to other pages. Names avoid "ad", "banner", "promo",
 * "sponsor" (ad blockers hide by those words).
 *
 * What lives here: the compact hero with a drawn scene per guide, article
 * extras (steps, versus cards, callouts, interactive checklist boards with a
 * progress ring), the small tools that turn an article's own formula into a
 * live estimate (restoran / salon price band, payback gauge, lease runway,
 * franchise fee split), the hub's filterable card grid and reading path.
 */

/* ── shell ──────────────────────────────────────────────────────────────── */

body.ev-page.business-market-page { background: #fff; }
.gd-main { display: block; min-height: 60vh; }
.gd-main [hidden] { display: none !important; }
.gd-main a { text-decoration: none; }
.gd-main .ev-prose a, .gd-main .gd-links a { text-decoration: underline; text-decoration-color: rgba(42, 112, 106, .35); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.gd-main .ev-prose a:hover { text-decoration-color: var(--ev-tif-text); }
.gd-main h1, .gd-main h2, .gd-main h3 { font-family: var(--ev-f-display); }
.gd-main p, .gd-main li { font-family: var(--ev-f-body); }

/* ── hero ───────────────────────────────────────────────────────────────── */

.gd-hero { padding: clamp(24px, 3.4vw, 44px) 0 clamp(36px, 5vw, 60px); }
.gd-hero .ev-hero-grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(24px, 4vw, 56px); }
.gd-hero .ev-h1 { margin: 16px 0 14px; font-size: clamp(1.6rem, .95rem + 2.2vw, 2.55rem); line-height: 1.12; letter-spacing: -.03em; }
.gd-hero .ev-lead { margin-bottom: 20px; font-size: 1.05rem; max-width: 40em; }
.gd-hero .ev-crumbs { margin-bottom: 16px; }
.gd-hero .ev-crumbs span:last-child { color: var(--ev-ink-2); }
.gd-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.gd-meta .ev-tag { background: #fff; box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-meta .ev-tag svg { width: 15px; height: 15px; fill: none; stroke: var(--ev-tif-text); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.gd-scene { max-width: 520px; }
.gd-scene--tool { max-width: 460px; }
.gd-scene svg { filter: drop-shadow(0 18px 28px rgba(42, 112, 106, .12)); }
.gd-scene .dr, .gd-ico .dr { stroke-dasharray: 1; stroke-dashoffset: 1; }
.gd-scene .fl { opacity: 0; }
.ev-draw.is-in .fl { animation: gd-fade .8s var(--ev-e-out) .55s forwards; }
.ev-draw.is-in .gd-tick { animation-delay: var(--d, 1s); }
.gd-scene g[class] { transform-box: fill-box; transform-origin: center; }
.gd-scene .gd-dot { opacity: 0; transform-box: fill-box; transform-origin: center; stroke: var(--ev-tif-text); }
.ev-draw.is-in .gd-dot { animation: gd-dot 7s ease-in-out infinite; animation-delay: var(--d, 0s); }
.gd-sway { transform-origin: 50% 0 !important; animation: gd-sway 4.2s var(--ev-e-in-out) infinite; }
.gd-pulse { animation: gd-pulse 2.6s var(--ev-e-in-out) infinite; }
.gd-pulse-s { animation: gd-pulse-s 3.2s var(--ev-e-in-out) infinite; }
.gd-bob { animation: ev-float 3.4s var(--ev-e-in-out) infinite; }
.gd-spin { animation: ev-spin 24s linear infinite; }
.gd-scene .gd-snip { transform-box: view-box; transform-origin: 317px 148px; animation: gd-snip 3.6s var(--ev-e-in-out) infinite; }
.gd-steam { opacity: 0; animation: gd-steam 3.6s ease-in-out infinite; animation-delay: calc(var(--d, 0s) + 1.4s); }
@keyframes gd-fade { to { opacity: 1; } }
@keyframes gd-dot { 0%, 100% { opacity: 1; transform: scale(1); } 6% { transform: scale(1.5); fill: #ffbe1a; } 14% { transform: scale(1); fill: #fff; } }
@keyframes gd-sway { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(4deg); } }
@keyframes gd-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes gd-pulse-s { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.18); opacity: .7; } }
@keyframes gd-snip { 0%, 70%, 100% { transform: rotate(0); } 78% { transform: rotate(-3deg); } 86% { transform: rotate(2deg); } }
@keyframes gd-steam { 0% { opacity: 0; transform: translateY(8px); } 30% { opacity: .9; } 100% { opacity: 0; transform: translateY(-16px); } }

/* ── article body ───────────────────────────────────────────────────────── */

.gd-body { padding-top: clamp(36px, 5vw, 64px); padding-bottom: clamp(48px, 6vw, 88px); }
.gd-prose { max-width: 72ch; }
.gd-prose h2 { margin-top: 2.4em; }
.gd-prose > h2:first-child { margin-top: 0; }
.gd-prose .gd-num { padding: 0 .22em; margin: 0 -.04em; border-radius: 5px; font-weight: 600; color: var(--ev-ink); white-space: nowrap; background: linear-gradient(transparent 52%, rgba(129, 216, 208, .42) 52%, rgba(129, 216, 208, .42) 92%, transparent 92%); }
.gd-prose ul > li::marker { color: var(--ev-tif-2); }
.gd-prose strong, .gd-prose b { color: var(--ev-ink); }
.gd-prose .gd-links { margin-top: 2.2em; padding: 16px 18px; border-radius: 14px; background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); font-size: .98rem; }
.gd-prose .ev-callout { margin: 1.3em 0; }
.gd-prose .ev-callout p { margin: 0; }
.gd-prose .ev-callout > div > :last-child { margin-bottom: 0; }
.gd-prose .ev-callout--key { background: #eafaf6; box-shadow: inset 0 0 0 1px #b8ebe3; }
.gd-prose .ev-callout--key svg { stroke: var(--ev-lagoon); }
.gd-prose .ev-callout--eg { background: var(--ev-amber-soft); box-shadow: inset 0 0 0 1px #f3d991; }
.gd-prose .ev-callout--eg svg { stroke: #9a6b00; }
.gd-prose .ev-callout > div { min-width: 0; }

/* the kit's .ev-prose list rules out-rank .ev-timeline: restore it */
.ev-prose .ev-timeline, .ev-prose .gd-steps { list-style: none; padding: 0 0 0 44px; margin: 0 0 1.4em; }
.ev-prose .gd-steps > li { margin: 0; padding: 0 0 30px; }
.gd-steps > li:last-child { padding-bottom: 6px; }
.gd-steps h2 { margin: 0 0 .55em; font-size: clamp(1.15rem, .95rem + .7vw, 1.45rem); }
.gd-steps h2 .ev-anchor, .gd-vs h2 .ev-anchor, .gd-pair h2 .ev-anchor { display: none; }
.gd-steps > li > :last-child { margin-bottom: 0; }

/* two-up cards (asset vs share, share vs asset …) */
.gd-versus { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 1.2em 0 1.6em; }
.gd-vs { position: relative; overflow: hidden; padding: 22px; border-radius: var(--ev-r-md); background: #fff; box-shadow: 0 0 0 1px var(--ev-line); transition: transform .4s var(--ev-e-out), box-shadow .4s var(--ev-e-out); }
.gd-vs:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--ev-tif), var(--ev-shadow-2); }
.gd-vs h2, .gd-vs h3 { margin: 0 0 .5em; font-size: 1.08rem; line-height: 1.25; }
.gd-vs p { margin: 0 0 .8em; font-size: .97rem; line-height: 1.62; }
.gd-vs p:last-child { margin-bottom: 0; }
.gd-vs .ev-ico { margin-bottom: 14px; width: 56px; height: 56px; }
.gd-vs--b { background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-vs-tag { display: inline-block; margin-bottom: 10px; }

.gd-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 1em 0 1.4em; }
.gd-pair > div { padding: 18px 20px; border-radius: 14px; background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-pair .ev-mono { display: block; margin-bottom: 8px; color: var(--ev-tif-text); }
.gd-pair p { margin: 0; font-size: .97rem; line-height: 1.62; }

/* up / down factor cards */
.gd-factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 1.1em 0 1.4em; padding: 0; list-style: none; }
.gd-factors > li { margin: 0; padding: 20px; border-radius: var(--ev-r-md); background: #fff; box-shadow: 0 0 0 1px var(--ev-line); line-height: 1.6; font-size: .97rem; }
.gd-factors .gd-fa-h { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; font: 700 1.02rem/1.2 var(--ev-f-display); color: var(--ev-ink); letter-spacing: -.02em; }
.gd-factors .ev-ico { width: 42px; height: 42px; margin: 0; border-radius: 12px; }
.gd-factors .gd-up .ev-ico { background: #e3f6ec; }
.gd-factors .gd-up .ev-ico svg { color: var(--ev-ok); stroke: var(--ev-ok); }
.gd-factors .gd-down .ev-ico { background: #fdeaea; }
.gd-factors .gd-down .ev-ico svg { stroke: var(--ev-danger); }
.gd-factors .gd-up .ev-ico .acc { stroke: var(--ev-ok); }
.gd-factors .gd-down .ev-ico .acc { stroke: var(--ev-danger); }

/* icon tile row (list of items with an icon each) */
.gd-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin: 1.1em 0 1.3em; padding: 0; list-style: none; }
.gd-tiles > li { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 14px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--ev-line); font-size: .93rem; line-height: 1.5; transition: opacity .7s var(--ev-e-out), transform .35s var(--ev-e-out), box-shadow .35s; }
.gd-tiles > li:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px var(--ev-tif), var(--ev-shadow-1); }
.gd-tiles .ev-ico { width: 42px; height: 42px; margin: 0; border-radius: 12px; }
.gd-tiles b { display: block; margin-bottom: 2px; color: var(--ev-ink); }

/* ── checklist boards ───────────────────────────────────────────────────── */

.gd-board { margin: 1.5em 0 1.8em; padding: 20px; border-radius: var(--ev-r-lg); background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-board-head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 14px; }
.gd-board-head .ev-mono { color: var(--ev-tif-text); }
.gd-meter { display: flex; align-items: center; flex: 1 1 160px; gap: 12px; min-width: 0; }
.gd-meter b { flex: none; font: 600 .8rem/1 var(--ev-f-mono); color: var(--ev-lagoon); }
.gd-meter .ev-check-meter { flex: 1; margin: 0; background: #fff; }
.gd-reset { min-height: 34px; padding: 7px 13px; font-size: .82rem; }
.gd-saved { margin: 12px 0 0; color: var(--ev-ink-3); font-size: .82rem; line-height: 1.4; }
.gd-board .gd-saved, .gd-article-check .gd-saved { display: flex; align-items: center; gap: 8px; }
.gd-saved svg { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.ev-prose .ev-check, .ev-prose .gd-check { padding: 0; margin: 0; }
.ev-prose .ev-check > li, .ev-prose .gd-check > li { margin: 0; }
.gd-check { gap: 10px; counter-reset: gdc; }
.gd-check > li { counter-increment: gdc; padding: 15px 16px 15px 58px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--ev-line); color: var(--ev-ink-2); line-height: 1.58; font-size: .98rem; transition: box-shadow .25s, background .25s, transform .3s var(--ev-e-out), color .25s; }
.gd-check > li:hover { box-shadow: 0 0 0 1px var(--ev-tif-2); transform: translateX(3px); }
.gd-check > li::before { content: counter(gdc, decimal-leading-zero); display: grid; place-items: center; left: 16px; top: 15px; width: 30px; height: 30px; border-radius: 10px; font: 600 .7rem/1 var(--ev-f-mono); color: var(--ev-tif-text); transition: background .3s, color .2s; }
.gd-check > li::after { left: 24px; top: 23px; width: 14px; height: 8px; border-width: 0 0 3px 3px; }
.gd-check > li[aria-checked="true"] { background: #f4fdfb; }
.gd-check > li[aria-checked="true"]::before { color: transparent; }
.gd-check > li[aria-checked="true"] a { color: var(--ev-ink-3); }
.gd-check strong { color: var(--ev-ink); }
.gd-check > li[aria-checked="true"] strong { color: var(--ev-ink-3); }
.gd-check--compact > li { padding: 12px 14px 12px 50px; font-size: .96rem; }
.gd-check--compact > li::before { left: 12px; top: 11px; width: 28px; height: 28px; content: ""; }
.gd-check--compact > li::after { left: 19px; top: 18px; }
.gd-check a { text-decoration: underline; text-underline-offset: 3px; }

.gd-article-check { align-items: start; }
.gd-aside { position: sticky; top: 92px; display: grid; justify-items: center; gap: 14px; padding: 22px 18px; text-align: center; border-radius: var(--ev-r-lg); background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-aside .ev-mono { color: var(--ev-tif-text); }
.gd-ring { position: relative; width: 156px; height: 156px; }
.gd-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; }
.gd-ring circle { fill: none; stroke-width: 10; stroke-linecap: round; }
.gd-ring .bg { stroke: #fff; }
.gd-ring .fg { stroke: var(--ev-tif-2); stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--ev-done, 0)); transition: stroke-dashoffset .7s var(--ev-e-out), stroke .4s; }
.gd-ring-c { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; gap: 2px; }
.gd-ring-c b { font: 700 1.7rem/1 var(--ev-f-display); letter-spacing: -.03em; color: var(--ev-lagoon); }
.gd-ring-c span { font: 500 .68rem/1.2 var(--ev-f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ev-tif-text); }
.is-complete .gd-ring .fg { stroke: var(--ev-amber); }
.is-complete .gd-ring { animation: gd-pop .7s var(--ev-e-out); }
.gd-aside p { margin: 0; color: var(--ev-ink-2); font-size: .86rem; line-height: 1.45; }
.gd-aside .gd-saved { justify-content: center; }
@keyframes gd-pop { 0% { transform: scale(1); } 40% { transform: scale(1.08); } 100% { transform: scale(1); } }
.gd-burst { position: absolute; inset: 0; pointer-events: none; }
.gd-burst i { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px; border-radius: 50%; background: var(--ev-amber); opacity: 0; }
.is-complete .gd-burst i { animation: gd-burst .9s var(--ev-e-out) forwards; }
.gd-burst i:nth-child(2n) { background: var(--ev-tif-2); width: 6px; height: 6px; }
@keyframes gd-burst { 0% { opacity: 1; transform: translate(0, 0) scale(1); } 100% { opacity: 0; transform: translate(var(--bx), var(--by)) scale(.3); } }

/* ── tools: shared frame ────────────────────────────────────────────────── */

.gd-tool { margin: 1.6em 0; padding: clamp(18px, 2.6vw, 28px); border-radius: var(--ev-r-lg); background: #fff; box-shadow: var(--ev-shadow-2), 0 0 0 1px rgba(10, 22, 40, .05); }
.gd-tool-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.gd-tool-head .ev-mono { color: var(--ev-tif-text); }
.gd-note { margin: 12px 0 0; color: var(--ev-ink-2); font-size: .88rem; line-height: 1.5; }
.gd-est-sec .ev-sec-head { margin-bottom: clamp(22px, 3vw, 34px); }

/* price-band estimator (restoran, salon) */
.gd-est { display: grid; gap: 22px; margin: 0; }
.gd-formula { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 8px 10px; padding: 18px; border-radius: var(--ev-r-md); background: linear-gradient(180deg, var(--ev-mist), #fff); box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-tok { display: grid; gap: 4px; min-width: 88px; padding: 10px 14px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--ev-line); text-align: center; }
.gd-tok .ev-mono { font-size: .64rem; color: var(--ev-ink-3); }
.gd-tok b { font: 700 1.05rem/1.2 var(--ev-f-display); letter-spacing: -.02em; color: var(--ev-ink); transition: color .3s; }
.gd-tok.is-tick b { animation: gd-tick .5s var(--ev-e-out); }
.gd-tok--res { background: var(--ev-lagoon); box-shadow: none; }
.gd-tok--res .ev-mono { color: var(--ev-tif); }
.gd-tok--res b { color: #fff; }
.gd-op { align-self: center; font: 700 1.2rem/1 var(--ev-f-display); color: var(--ev-tif-text); }
@keyframes gd-tick { 0% { transform: scale(1); } 40% { transform: scale(1.14); color: var(--ev-tif-text); } 100% { transform: scale(1); } }
.gd-est-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.gd-est-grid .gd-wide { grid-column: 1 / -1; }
.gd-mult { padding: 4px 2px; }
.gd-mult-top { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 10px; }
.gd-mult-top .ev-mono { color: var(--ev-ink-3); }
.gd-mult-top b { font: 700 1.1rem/1 var(--ev-f-display); color: var(--ev-lagoon); letter-spacing: -.02em; }
.gd-mult-ends { display: flex; justify-content: space-between; margin-top: 8px; font: 500 .7rem/1 var(--ev-f-mono); color: var(--ev-ink-3); }
.gd-segs { margin-bottom: 2px; }
.gd-est-out { display: grid; gap: 14px; padding: 18px; border-radius: var(--ev-r-md); background: var(--ev-lagoon); color: #e9f6f4; position: relative; overflow: hidden; }
.gd-est-out::before { content: ""; position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(rgba(129, 216, 208, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(129, 216, 208, .1) 1px, transparent 1px); background-size: 24px 24px; pointer-events: none; }
.gd-est-out > * { position: relative; }
.gd-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.gd-price b { font: 700 clamp(1.7rem, 1.2rem + 2vw, 2.6rem)/1.05 var(--ev-f-display); letter-spacing: -.04em; color: #fff; }
.gd-price b small { font: 700 .5em/1 var(--ev-f-display); margin-left: .2em; color: var(--ev-tif); letter-spacing: 0; }
.gd-price .gd-range { color: var(--ev-tif); font: 500 .8rem/1.3 var(--ev-f-mono); letter-spacing: .04em; }
.gd-band { position: relative; height: 40px; }
.gd-band-track { position: absolute; left: 0; right: 0; top: 17px; height: 6px; border-radius: 6px; background: rgba(129, 216, 208, .2); }
.gd-band-fill { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--ev-tif-2), var(--ev-tif)); transform-origin: 0 50%; transform: translateX(var(--a, 0px)) scaleX(var(--w, .5)); transition: transform .5s var(--ev-e-out); }
.gd-mk { position: absolute; left: 0; top: 0; width: 0; height: 40px; transform: translateX(var(--x, 0px)); transition: transform .5s var(--ev-e-out); }
.gd-mk::before { content: ""; position: absolute; left: -1px; top: 11px; width: 2px; height: 18px; border-radius: 2px; background: #fff; }
.gd-mk span { position: absolute; left: 0; top: -2px; transform: translateX(-50%); font: 500 .62rem/1 var(--ev-f-mono); letter-spacing: .04em; color: var(--ev-tif); white-space: nowrap; }
.gd-mk--cur::before { top: 6px; height: 28px; width: 4px; left: -2px; background: var(--ev-amber); box-shadow: 0 0 0 4px rgba(255, 190, 26, .25); }
.gd-mk--cur span { top: auto; bottom: -4px; color: var(--ev-amber); font-weight: 700; }
.gd-mk--ask::before { width: 10px; height: 10px; left: -5px; top: 15px; border-radius: 2px; background: #fff; transform: rotate(45deg); }
.gd-mk--ask span { color: #fff; }
.gd-mk[hidden] { display: none; }
.gd-verdict { margin: 0; min-height: 2.8em; color: #cfeae6; font-size: .94rem; line-height: 1.5; }
.gd-verdict b { color: #fff; }

/* number input fields on mist backgrounds look right as they are; make the
   tools' fields a little more compact */
.gd-tool .ev-field input { padding-top: 22px; padding-bottom: 8px; }
.gd-tool .ev-field label { top: 15px; }
.gd-tool .ev-ok { top: 15px; }

/* payback gauge (qiymetlendirme) */
.gd-gauge { margin: 0; padding: 18px 18px 20px; border-radius: var(--ev-r-lg); background: #fff; box-shadow: var(--ev-shadow-2), 0 0 0 1px rgba(10, 22, 40, .05); }
.gd-gauge .gd-tool-head { margin-bottom: 4px; }
.gd-gauge-formula { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-bottom: 4px; font: 500 .72rem/1.3 var(--ev-f-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--ev-tif-text); }
.gd-gauge-formula i { font-style: normal; color: var(--ev-ink-3); }
.gd-gauge svg { display: block; width: 100%; height: auto; overflow: visible; }
.gd-gauge .arc { fill: none; stroke-width: 15; stroke-linecap: butt; }
.gd-gauge .z-lo, .gd-gauge .z-hi { stroke: #ffd56a; }
.gd-gauge .z-mid { stroke: #d6e6e4; }
.gd-gauge .z-ok { stroke: var(--ev-tif-2); }
.gd-gauge .tk { font: 500 9.5px var(--ev-f-mono); fill: var(--ev-ink-3); text-anchor: middle; }
.gd-gauge .needle { transform-box: view-box; transform-origin: 180px 180px; transform: rotate(var(--rot, 20deg)); transition: transform 1s var(--ev-e-spring); }
.gd-gauge.is-idle .needle { animation: gd-needle 5s var(--ev-e-in-out) infinite; }
.gd-gauge .hub { fill: var(--ev-lagoon); stroke: none; }
.gd-gauge .needle line { stroke: var(--ev-lagoon); stroke-width: 4; }
@keyframes gd-needle { 0%, 100% { transform: rotate(32deg); } 50% { transform: rotate(104deg); } }
.gd-gauge-read { margin: -6px 0 12px; text-align: center; }
.gd-gauge-read b { display: block; font: 700 clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem)/1.1 var(--ev-f-display); letter-spacing: -.03em; color: var(--ev-lagoon); }
.gd-gauge-read > span { display: block; min-height: 3.1em; margin-top: 6px; color: var(--ev-ink-2); font-size: .88rem; line-height: 1.45; }
.gd-gauge .gd-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gd-gauge .ev-field input { padding: 22px 12px 8px 14px; font-size: .96rem; }
.gd-gauge .ev-field label { left: 15px; top: 15px; max-width: calc(100% - 28px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .92rem; }
.gd-gauge .ev-ok { display: none; }

/* lease runway (icare) */
.gd-runway-val { font: 700 1.25rem/1 var(--ev-f-display); color: var(--ev-lagoon); letter-spacing: -.02em; white-space: nowrap; }
.gd-runway-wrap { position: relative; height: 34px; margin-top: 6px; }
.gd-runway-bar { position: absolute; left: 11px; right: 11px; top: 10px; display: flex; height: 14px; border-radius: 8px; overflow: hidden; background: var(--ev-mist-2); }
.gd-runway-bar span { display: block; height: 100%; }
.gd-runway-bar .z1 { width: 10%; background: #ffd56a; }
.gd-runway-bar .z2 { width: 50%; background: var(--ev-amber-soft); box-shadow: inset 0 0 0 1px #f3d991; }
.gd-runway-bar .z3 { width: 40%; background: var(--ev-tif); }
.gd-runway .ev-range { position: absolute; inset: 0; width: 100%; height: 34px; background: transparent; }
.gd-runway .ev-range::-webkit-slider-runnable-track { height: 34px; background: transparent; }
.gd-runway .ev-range::-webkit-slider-thumb { margin-top: 6px; }
.gd-runway .ev-range::-moz-range-track { height: 34px; background: transparent; }
.gd-runway-scale { position: relative; height: 18px; margin: 4px 0 6px; font: 500 .68rem/1 var(--ev-f-mono); color: var(--ev-ink-3); }
.gd-runway-scale span { position: absolute; top: 0; left: calc(11px + (100% - 22px) * var(--p, 0)); transform: translateX(-50%); white-space: nowrap; }
.gd-runway-scale .s0 { --p: 0; }
.gd-runway-scale .s6 { --p: .1; }
.gd-runway-scale .s36 { --p: .6; }
.gd-runway-scale .s60 { --p: 1; }
.gd-runway-note { margin: 12px 0 0; min-height: 3em; padding: 12px 14px; border-radius: 12px; background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); color: var(--ev-ink); font-size: .95rem; line-height: 1.5; }
.gd-runway-note.is-warn { background: var(--ev-amber-soft); box-shadow: inset 0 0 0 1px #f3d991; }

/* franchise fee split */
.gd-fee-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gd-fee-bar { position: relative; display: flex; height: 26px; margin: 18px 0 6px; border-radius: 10px; overflow: hidden; background: var(--ev-mist-2); }
.gd-fee-bar i { display: block; height: 100%; transform-origin: 0 50%; transition: transform .6s var(--ev-e-out); }
.gd-fee-bar .roy { width: 6%; background: var(--ev-tif-2); }
.gd-fee-bar .mkt { width: 2%; background: var(--ev-amber); }
.gd-fee-bar-lbl { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 14px; font: 500 .7rem/1.2 var(--ev-f-mono); color: var(--ev-ink-3); }
.gd-fee-bar-lbl span::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 3px; background: var(--ev-tif-2); }
.gd-fee-bar-lbl span:nth-child(2)::before { background: var(--ev-amber); }
.gd-fee-bar-lbl span:nth-child(3)::before { background: var(--ev-mist-2); box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-fee-rows { display: grid; gap: 8px; margin: 0; }
.gd-fee-rows > div { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; padding: 10px 14px; border-radius: 12px; background: var(--ev-mist); font-size: .94rem; }
.gd-fee-rows dt { color: var(--ev-ink-2); line-height: 1.35; }
.gd-fee-rows dd { margin: 0; font: 600 .92rem/1.3 var(--ev-f-mono); color: var(--ev-lagoon); text-align: right; white-space: nowrap; }
.gd-fee-rows .tot { background: var(--ev-lagoon); }
.gd-fee-rows .tot dt { color: #cfeae6; }
.gd-fee-rows .tot dd { color: #fff; }
.gd-fee-rows .neg dd { color: var(--ev-danger); }

/* franchise territory */
.gd-terr { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 20px; align-items: center; }
.gd-terr svg { display: block; width: 100%; height: auto; overflow: visible; }
.gd-terr .ring-open { fill: rgba(255, 190, 26, .1); stroke: var(--ev-amber); stroke-width: 2.5; stroke-dasharray: 6 7; opacity: 1; transition: opacity .5s; }
.gd-terr .ring-closed { fill: rgba(129, 216, 208, .22); stroke: var(--ev-tif-2); stroke-width: 3; opacity: 0; transition: opacity .5s; }
.gd-terr [data-state="closed"] .ring-open { opacity: 0; }
.gd-terr [data-state="closed"] .ring-closed { opacity: 1; }
.gd-terr .other { transform: translate(var(--tx, -74px), var(--ty, -44px)); transition: transform .8s var(--ev-e-spring); }
.gd-terr [data-state="closed"] .other { --tx: 118px; --ty: 62px; }
.gd-terr .ring-wrap { transform-box: fill-box; transform-origin: center; animation: gd-pulse-s 3.4s var(--ev-e-in-out) infinite; }
.gd-terr .home path, .gd-terr .other path, .gd-terr .home rect, .gd-terr .other rect { stroke: var(--ev-tif-text); stroke-width: 2; fill: #fff; }
.gd-terr .other path, .gd-terr .other rect { stroke: #b07f00; fill: var(--ev-amber-soft); }
.gd-terr [data-state="closed"] .other path, .gd-terr [data-state="closed"] .other rect { stroke: var(--ev-ink-3); fill: #f2f6f6; }
.gd-terr text { font: 600 11px var(--ev-f-mono); fill: var(--ev-tif-text); }
.gd-terr .dim { stroke: var(--ev-tif-text); stroke-width: 1.5; fill: none; }
.gd-terr-text .ev-tabs { margin-bottom: 14px; }
.gd-terr-cap { margin: 0; min-height: 4.6em; font-size: .96rem; line-height: 1.55; color: var(--ev-ink); }

/* tax: what travels with the deal */
.gd-flow { display: grid; gap: 14px; margin: 1.4em 0 1.6em; }
.gd-lane { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 12px 16px; align-items: center; padding: 16px 18px; border-radius: var(--ev-r-md); background: #fff; box-shadow: 0 0 0 1px var(--ev-line); }
.gd-lane-t { font: 700 .98rem/1.25 var(--ev-f-display); letter-spacing: -.02em; color: var(--ev-ink); }
.gd-lane-t small { display: block; margin-top: 4px; font: 500 .66rem/1.2 var(--ev-f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ev-tif-text); }
.gd-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; position: relative; }
.gd-chips .c { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); font-size: .86rem; font-weight: 600; color: var(--ev-ink); opacity: 0; transform: translateX(-26px); transition: opacity .6s var(--ev-e-out), transform .7s var(--ev-e-spring); transition-delay: calc(var(--i, 0) * 120ms + .2s); }
.is-in .gd-chips .c { opacity: 1; transform: none; }
.gd-chips .c--debt { background: var(--ev-amber-soft); box-shadow: inset 0 0 0 1px #f3d991; color: #7a5600; }
.gd-chips .c--stay { background: #fff; box-shadow: none; border: 1.5px dashed #d8b45a; }
.gd-lane-go { display: inline-flex; align-items: center; gap: 8px; font: 600 .76rem/1.2 var(--ev-f-mono); color: var(--ev-tif-text); white-space: nowrap; }
.gd-lane-go svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 30; stroke-dashoffset: 30; transition: stroke-dashoffset .9s var(--ev-e-in-out) .9s; }
.is-in .gd-lane-go svg { stroke-dashoffset: 0; }
.gd-lane.is-warn .gd-lane-go { color: #9a6b00; }
.gd-lane-stay { grid-column: 2 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

/* legal: payment stages */
.gd-paybar { margin: 1.2em 0 1.6em; padding: 18px; border-radius: var(--ev-r-md); background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-paybar-t { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.gd-paybar-t .ev-mono { color: var(--ev-tif-text); }
.gd-paybar-row { display: flex; height: 44px; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px var(--ev-line); }
.gd-paybar-row span { display: grid; place-items: center; height: 100%; transform-origin: 0 50%; transform: scaleX(0); transition: transform .9s var(--ev-e-out); font: 600 .74rem/1 var(--ev-f-mono); color: var(--ev-lagoon); white-space: nowrap; overflow: hidden; }
.is-in .gd-paybar-row span { transform: none; }
.gd-paybar-row .a { width: 10%; background: var(--ev-amber); transition-delay: .1s; }
.gd-paybar-row .b { width: 62%; background: var(--ev-tif); transition-delay: .5s; }
.gd-paybar-row .c { width: 28%; background: var(--ev-mist-2); transition-delay: .9s; }
.gd-paybar-lbl { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin-top: 10px; font-size: .8rem; line-height: 1.3; color: var(--ev-ink-2); }
.gd-paybar-cap { margin: 10px 0 0; color: var(--ev-ink-3); font: 500 .7rem/1.3 var(--ev-f-mono); }

/* team: transition map */
.gd-map { padding: clamp(44px, 6vw, 72px) 0; }
.gd-map .ev-step-list { grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr)); }
.gd-map .ev-step h3 { font-size: .98rem; }
.gd-map .ev-step p { font-size: .9rem; }

/* related + closing */
.gd-related .ev-card { display: flex; flex-direction: column; gap: 0; padding: 22px; }
.gd-related .ev-ico { margin-bottom: 14px; }
.gd-related .ev-card h3 { padding-right: 28px; }
.gd-related .ev-card p { margin-top: 2px; }
.gd-related .ev-link { margin-top: 14px; font-size: .9rem; }
.gd-all { margin-top: 22px; }
.gd-close .ev-close .ev-mono { color: var(--ev-tif); display: block; margin-bottom: 10px; }
.gd-close .ev-actions { justify-content: flex-end; }
.gd-close .ev-btn--ghost { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(129, 216, 208, .45); }
.gd-close .ev-btn--ghost:hover { box-shadow: inset 0 0 0 1.5px var(--ev-tif); }
.gd-faq-sec .ev-split { align-items: start; }
.gd-faq-sec .ev-sec-head { margin-bottom: 0; position: sticky; top: 96px; }

/* ── valuation calculator (qiymetlendirme) ──────────────────────────────── */

.gd-calc-sec { padding: clamp(40px, 5vw, 64px) 0; }
.gd-calc { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(22px, 4vw, 48px); align-items: start; }
.gd-calc-copy h2 { margin: 12px 0 12px; }
.gd-calc-copy p { margin: 0; color: var(--ev-ink-2); line-height: 1.6; }
.gd-valform { margin: 0; }
.gd-valform .gd-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gd-valform .gd-fields .gd-wide { grid-column: 1 / -1; }
.gd-valform .ev-btn { justify-self: start; }
#valuation-result { min-height: 0; font-size: .98rem; line-height: 1.6; color: var(--ev-ink-2); }
#valuation-result:empty { display: none; }
#valuation-result > * { animation: gd-rise .6s var(--ev-e-out) both; }
#valuation-result > strong { display: block; margin-bottom: 4px; font: 700 clamp(1.2rem, 1rem + 1vw, 1.7rem)/1.2 var(--ev-f-display); letter-spacing: -.03em; color: var(--ev-lagoon); }
#valuation-result > span { color: var(--ev-ink-3) !important; font-size: .9rem; }
#valuation-result > span[style*="b42318"] { color: var(--ev-danger) !important; }
.gd-valbar { position: relative; height: 12px; margin: 12px 0 4px; border-radius: 8px; background: var(--ev-mist-2); }
.gd-valbar i { position: absolute; top: 0; bottom: 0; left: var(--l, 0%); width: var(--wd, 100%); border-radius: 8px; background: linear-gradient(90deg, var(--ev-tif-2), var(--ev-tif)); transform-origin: 0 50%; transform: scaleX(0); animation: gd-grow 1s var(--ev-e-out) .15s forwards; }
.gd-valbar-tick { position: absolute; top: -4px; bottom: -4px; width: 3px; margin-left: -1.5px; border-radius: 2px; background: var(--ev-lagoon); }
@keyframes gd-grow { to { transform: scaleX(1); } }
@keyframes gd-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.gd-lead { margin-top: 20px; padding-top: 20px; border-top: 1px dashed var(--ev-line); }
.gd-lead[hidden] { display: none; }
.gd-lead strong { display: block; margin-bottom: 4px; font: 700 1.05rem/1.3 var(--ev-f-display); letter-spacing: -.02em; }
.gd-lead > span { display: block; margin-bottom: 14px; color: var(--ev-ink-2); font-size: .92rem; line-height: 1.55; }
.gd-lead .gd-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.gd-lead .gd-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.biz-claim-status { min-height: 1.4em; font-size: .9rem; color: var(--ev-ink-2); }
.biz-claim-status[data-state="ok"] { color: var(--ev-ok); font-weight: 600; }
.biz-claim-status[data-state="error"] { color: var(--ev-danger); font-weight: 600; }
.gd-lenses { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 2.2em; padding: 0; list-style: none; }
.gd-lenses a { position: relative; display: block; height: 100%; padding: 16px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--ev-line); color: var(--ev-ink); text-decoration: none !important; transition: transform .35s var(--ev-e-out), box-shadow .35s; }
.gd-lenses a:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--ev-tif), var(--ev-shadow-1); }
.gd-lenses .ev-ico { width: 44px; height: 44px; margin: 0 0 10px; border-radius: 12px; }
.gd-lenses b { display: block; font: 700 .92rem/1.3 var(--ev-f-display); letter-spacing: -.02em; }

/* ── hub ────────────────────────────────────────────────────────────────── */

.gd-hub-sec { padding-top: clamp(40px, 5vw, 64px); }
.gd-filter { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-bottom: 24px; }
.gd-filter .ev-chip b { font: 600 .72rem/1 var(--ev-f-mono); opacity: .7; }
.gd-count { font: 500 .78rem/1.2 var(--ev-f-mono); color: var(--ev-ink-3); letter-spacing: .04em; }
.gd-count b { color: var(--ev-lagoon); }
.gd-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gd-card { display: flex; flex-direction: column; min-height: 100%; }
.gd-card .ev-ico { margin-bottom: 16px; }
.gd-card .ev-h3 { padding-right: 26px; }
.gd-card p { flex: 1; }
.gd-card-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-top: 16px; }
.gd-card-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.gd-card-tags .ev-badge { background: var(--ev-mist-2); color: var(--ev-tif-text); }
.gd-card-cta { font-weight: 700; font-size: .88rem; color: var(--ev-tif-text); transition: transform .35s var(--ev-e-spring); }
a.gd-card:hover .gd-card-cta { transform: translateX(4px); }
.gd-card.is-hidden { display: none; }
.gd-card.is-shown { animation: gd-rise .55s var(--ev-e-out) both; animation-delay: calc(var(--i, 0) * 45ms); }
.gd-feature { grid-column: span 2; background: linear-gradient(135deg, #fff 0%, var(--ev-mist) 100%); }
.gd-feature .ev-ico { background: var(--ev-lagoon); color: var(--ev-tif); box-shadow: none; }
.gd-feature .ev-ico .acc { stroke: var(--ev-amber); }
.gd-path .ev-step h3 a { color: #fff; text-decoration: none; }
.gd-path .ev-step h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.gd-path .ev-step p { max-width: 24em; }

/* ── responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 1020px) {
  .gd-hero .ev-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .gd-scene { max-width: 360px; justify-self: start; margin-top: 6px; }
  .gd-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gd-calc, .gd-terr { grid-template-columns: minmax(0, 1fr); }
  .gd-aside { position: static; grid-template-columns: auto 1fr; justify-items: start; text-align: left; gap: 8px 18px; padding: 16px; }
  .gd-aside .gd-ring { width: 108px; height: 108px; grid-row: span 3; }
  .gd-aside .gd-ring-c b { font-size: 1.3rem; }
  .gd-aside .gd-saved { justify-content: flex-start; }
  .gd-faq-sec .ev-sec-head { position: static; }
  .gd-map .ev-step-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* contents: a swipeable row of chips instead of a tall list */
  .ev-article > .ev-toc { padding: 12px 14px; }
  .ev-article > .ev-toc ol { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .ev-article > .ev-toc ol::-webkit-scrollbar { display: none; }
  .ev-article > .ev-toc li { flex: none; }
  .ev-article > .ev-toc a { white-space: nowrap; padding: 8px 14px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--ev-line); }
  .ev-article > .ev-toc a::before { display: none; }
  .ev-article > .ev-toc a.is-active { background: var(--ev-lagoon); color: #fff; box-shadow: none; }
}
@media (max-width: 760px) {
  .gd-hero { padding-top: 18px; }
  .gd-scene { max-width: 300px; }
  .gd-cards, .gd-versus, .gd-pair, .gd-factors, .gd-lenses, .gd-est-grid, .gd-fee-fields, .gd-valform .gd-fields, .gd-lead .gd-fields { grid-template-columns: minmax(0, 1fr); }
  .gd-feature { grid-column: auto; }
  .gd-lane { grid-template-columns: minmax(0, 1fr); }
  .gd-lane-stay { grid-column: auto; }
  .gd-lane-go { justify-self: start; }
  .gd-map .ev-step-list { grid-template-columns: minmax(0, 1fr); }
  .gd-formula { gap: 6px; padding: 12px; }
  .gd-tok { min-width: 0; flex: 1 1 40%; }
  .gd-op { display: none; }
  .gd-check > li { padding: 13px 12px 13px 52px; font-size: .95rem; }
  .gd-check > li::before { left: 12px; top: 13px; }
  .gd-check > li::after { left: 20px; top: 21px; }
  .gd-prose { font-size: 1rem; }
  .gd-aside { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .gd-aside .gd-ring { grid-row: auto; width: 128px; height: 128px; }
  .gd-aside .gd-saved { justify-content: center; }
  .gd-close .ev-actions { justify-content: flex-start; }
  .gd-mk span { font-size: .56rem; }
}

/* ── additions ──────────────────────────────────────────────────────────── */

.gd-num b { display: inline-block; font-weight: inherit; font-variant-numeric: tabular-nums; text-align: left; vertical-align: baseline; }
.ev-tag b b { font: inherit; }
.gd-steps--tight > li { padding-bottom: 16px; font-size: .97rem; }
.gd-steps--tight > li:last-child { padding-bottom: 4px; }
.gd-bar { margin: 0 0 16px; }
.gd-segs { justify-self: start; }
.gd-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

.gd-subs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .8fr) minmax(0, 1fr); gap: 14px; align-items: center; margin: 1.3em 0 1.4em; padding: 20px 18px; border-radius: var(--ev-r-md); background: var(--ev-mist); box-shadow: inset 0 0 0 1px var(--ev-line); overflow: hidden; }
.gd-subs-side { display: grid; justify-items: center; gap: 8px; text-align: center; }
.gd-subs-side b { font: 700 .98rem/1.2 var(--ev-f-display); letter-spacing: -.02em; color: var(--ev-ink); }
.gd-subs-side .ev-ico { margin: 0; }
.gd-sub-chip { display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; background: var(--ev-amber); color: var(--ev-lagoon); font: 600 .74rem/1.25 var(--ev-f-mono); text-align: center; }
.gd-sub-chip.is-empty { background: #fff; border: 1.5px dashed #d8b45a; color: #7a5600; }
.gd-subs-mid { display: grid; justify-items: center; gap: 8px; }
.gd-land { display: inline-flex; padding: 8px 14px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px var(--ev-tif), 0 8px 18px -8px rgba(42, 112, 106, .5); font: 600 .78rem/1.25 var(--ev-f-mono); color: var(--ev-tif-text); text-align: center; opacity: 0; }
.gd-subs.is-in .gd-land { animation: gd-slide 4.5s var(--ev-e-in-out) .3s infinite; }
@keyframes gd-slide { 0% { opacity: 0; transform: translateX(-60px); } 18% { opacity: 1; transform: translateX(-34px); } 60%, 82% { opacity: 1; transform: translateX(34px); } 100% { opacity: 0; transform: translateX(60px); } }
.gd-subs-mid svg { width: 46px; height: 24px; fill: none; stroke: var(--ev-tif-2); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.gd-cards.is-filtered .gd-feature { grid-column: auto; }
@media (max-width: 1020px) { .gd-article-check > .gd-aside { order: -1; } }
@media (max-width: 760px) {
  .gd-fields { grid-template-columns: minmax(0, 1fr); }
  .gd-subs { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .gd-subs-mid { grid-template-columns: auto auto; justify-content: center; gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .gd-scene .fl, .gd-steam { opacity: 1; }
  .gd-chips .c, .gd-paybar-row span { opacity: 1; transform: none; }
  .gd-gauge .needle { transition: none; }
  .gd-gauge.is-idle .needle { animation: none; transform: rotate(60deg); }
  .gd-scene .dr, .gd-ico .dr { stroke-dashoffset: 0; }
  #valuation-result > *, .gd-card.is-shown { animation: none; }
  .gd-valbar i { transform: none; animation: none; }
  .gd-land { animation: none !important; opacity: 1 !important; transform: none !important; }
}

/* lists the article column would otherwise indent */
.gd-prose ul.gd-lenses, .gd-prose ul.gd-factors, .gd-prose ul.gd-tiles { padding: 0; }
.gd-prose ul.gd-lenses > li, .gd-prose ul.gd-factors > li, .gd-prose ul.gd-tiles > li { margin: 0; }
.gd-prose ul.gd-lenses > li::marker, .gd-prose ul.gd-factors > li::marker, .gd-prose ul.gd-tiles > li::marker { content: none; }

/* tool text inside the article keeps its own spacing (the prose rules out-rank single classes) */
.gd-prose .gd-note { margin: 16px 0 0; font-size: .88rem; line-height: 1.5; }
.gd-prose .gd-runway-note { margin: 14px 0 0; }
.gd-prose .gd-terr-cap, .gd-prose .gd-verdict { margin: 0; }
.gd-prose .gd-paybar-cap { margin: 10px 0 0; }
.gd-prose .gd-saved { margin: 12px 0 0; }
.gd-tool b.n, .gd-fee-rows b { color: inherit; }
.gd-fee-rows dt b { color: inherit; font-weight: 700; }

.gd-step-no { margin-right: .35em; font: 600 .82rem/1 var(--ev-f-mono); color: var(--ev-tif-text); }

.gd-tool .ev-field label { max-width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* cards that reveal on scroll AND lift on hover: keep both transitions */
.gd-card[data-ev-reveal], .gd-vs[data-ev-reveal] { transition: opacity .8s var(--ev-e-out), transform .5s var(--ev-e-out), box-shadow .4s var(--ev-e-out); transition-delay: calc(var(--i, 0) * 70ms), calc(var(--i, 0) * 70ms), 0s; }
.gd-prose ul.gd-tiles, .gd-prose ul.gd-factors { margin: 1.1em 0 1.4em; }
.gd-prose ul.gd-lenses { margin: 0 0 2.2em; }