/* features.css - /Features. Pafta parts use themed tokens (--pf-pub-*, --mum-*); Ekran parts (chips, navy
   dots, the road band) use --pf-video-* / --pf-cat-* and look the same in both themes. Inner layouts use
   container queries on .pfp-feat-sec, so they follow the column width, not the viewport.
   Motion only under prefers-reduced-motion:no-preference; the static rules are the final state. */

.pfp-feat [hidden]{display:none !important}

/* == layout: rail + sections == */
/* Below 1024px the wrapper is a plain block so the sticky chip bar spans every section. */
.pfp-feat-layout{display:block}
.pfp-feat-layout > .pfp-anchors{margin-inline:calc(-1 * var(--pf-pub-gutter))}
.pfp-feat-rail__num,.pfp-feat-rail__foot{display:none}
.pfp-feat-sections{min-width:0}
.pfp-feat-sec{container-type:inline-size;display:grid;gap:clamp(1.25rem,1rem + 1vw,2rem);padding-block:clamp(2.75rem,2rem + 3vw,4.5rem);border-top:1px solid var(--mum-color-border)}
.pfp-feat-sec:first-child{border-top:0}
.pfp-feat-sec > *{min-width:0}
.pfp-feat-sec > .pfp-section-head{margin-bottom:0}

@media (min-width:1024px){
.pfp-feat-layout{display:grid;padding-block:clamp(3rem,2rem + 3vw,5rem) 0}
.pfp-feat-layout > .pfp-anchors{margin-inline:0}
.pfp-feat-rail{max-height:calc(100dvh - var(--pf-pub-header-h) - 3rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.pfp-feat-rail__num{display:inline-block;flex:none;width:2.1rem;font:500 .75rem/1 var(--pf-font-mono);color:var(--pf-pub-ink);font-variant-numeric:tabular-nums}
.pfp-feat-rail .pfp-anchors__link.is-active .pfp-feat-rail__num,.pfp-feat-rail .pfp-anchors__link[aria-current="true"] .pfp-feat-rail__num{color:var(--pf-pub-parcel-ink)}
.pfp-feat-rail__foot{display:grid;gap:.85rem;justify-items:start;margin-top:1.5rem;padding-block:1.25rem .25rem;padding-inline:1rem 0;border-top:1px dashed var(--pf-pub-ink-soft)}
.pfp-feat-rail__note{margin:0;font-size:.8125rem;line-height:1.5;color:var(--mum-color-text-muted);max-width:18rem}
.pfp-feat-sec:first-child{padding-top:0}
}

/* == shared bits == */
.pfp-feat-h3{font-size:1.0625rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}
.pfp-feat-h4{margin:0;font:600 .75rem/1.3 var(--pf-font-mono);letter-spacing:.06em;color:var(--pf-pub-ink)}
.pfp-feat-label{font-size:.9375rem;font-weight:600;color:var(--mum-color-text)}
.pfp-feat-figcap{font-size:.8125rem;line-height:1.5;color:var(--mum-color-text-muted)}
.pfp-feat-pair{display:grid;gap:1.75rem 2.5rem;align-items:start}
.pfp-feat-pair > *{min-width:0}
.pfp-feat-cols{column-gap:2.5rem}
@container (min-width:560px){
.pfp-feat-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.pfp-feat-pair--center{align-items:center}
.pfp-feat-cols{display:block;columns:2}
.pfp-feat-cols > li{break-inside:avoid;margin-bottom:.6rem}
}

/* Pafta plat material (themed paper, ink lines; the parcel is the only red) */
.pfp-feat-draw,.pfp-feat-radius__map,.pfp-feat-route__frame{background-color:var(--pf-pub-paper);background-image:linear-gradient(var(--pf-pub-grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--pf-pub-grid-minor) 1px,transparent 1px);background-size:16px 16px}
.pfp-feat-plat__block{fill:color-mix(in srgb,var(--pf-pub-ink) 4%,transparent);stroke:var(--pf-pub-ink-soft);stroke-width:1;stroke-dasharray:3 3}
.pfp-feat-plat__road{fill:none;stroke:color-mix(in srgb,var(--pf-pub-ink) 16%,var(--pf-pub-road));stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.pfp-feat-plat__road--minor{stroke-width:6}
.pfp-feat-plat__sea{fill:color-mix(in srgb,var(--pf-pub-ink) 11%,transparent);stroke:var(--pf-pub-ink-soft);stroke-width:1}
.pfp-feat-plat__parcel{fill:color-mix(in srgb,var(--pf-pub-parcel-ink) 18%,transparent);stroke:var(--pf-pub-parcel-ink);stroke-width:2.5;stroke-linejoin:round}

/* App-replica lookalikes (inert, inside .pfp-ui) */
.pfp-feat-tabs,.pfp-feat-seg{display:flex;gap:.25rem;padding:.2rem;border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-md);background:var(--mum-color-surface-2)}
.pfp-feat-tabs__tab,.pfp-feat-seg__opt{flex:1;padding:.4rem .5rem;border-radius:calc(var(--mum-radius-md) - 3px);text-align:center;font-size:.8125rem;font-weight:600;color:var(--mum-color-text-muted);white-space:nowrap}
.pfp-feat-tabs__tab.is-active,.pfp-feat-seg__opt.is-active{background:var(--mum-color-surface);color:var(--mum-color-text);box-shadow:var(--mum-shadow-sm)}
.pfp-feat-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .75rem}
.pfp-feat-field{display:grid;gap:.25rem;min-width:0}
.pfp-feat-field--wide{grid-column:1 / -1}
.pfp-feat-field__label{font-size:.75rem;font-weight:600;color:var(--mum-color-text-muted)}
.pfp-feat-field__ctrl{position:relative;display:flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:0 .65rem;border:1px solid var(--mum-color-border-strong);border-radius:var(--mum-radius-sm);background:var(--mum-color-surface);color:var(--mum-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfp-feat-field__ctrl--select{padding-inline-end:1.9rem}
.pfp-feat-field__ctrl--select::after{content:"";position:absolute;inset-inline-end:.75rem;top:50%;width:.4rem;height:.4rem;border-inline-end:1.5px solid var(--mum-color-text-muted);border-bottom:1.5px solid var(--mum-color-text-muted);transform:translateY(-70%) rotate(45deg)}
.pfp-feat-field__ctrl svg{width:1rem;height:1rem;flex:none;color:var(--mum-color-text-muted)}
.pfp-feat-uiactions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.pfp-feat-uibtn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;padding:0 .8rem;border:1px solid var(--mum-color-border-strong);border-radius:var(--mum-radius-md);background:var(--mum-color-surface);color:var(--mum-color-text);font-size:.8125rem;font-weight:600;white-space:nowrap}
.pfp-feat-uibtn svg{width:.95rem;height:.95rem;flex:none}
.pfp-feat-uibtn--accent{background:var(--mum-accent);border-color:var(--mum-accent);color:var(--mum-on-accent)}
.pfp-feat-uibtn--block{width:100%}
.pfp-feat-uimeta{margin-inline-start:auto;font-size:.75rem;color:var(--mum-color-text-muted)}
.pfp-feat-ui-hint{font-size:.75rem;line-height:1.45;color:var(--mum-color-text-muted)}

/* == 01 konum == */
.pfp-feat-loc{display:grid;gap:1.25rem;align-items:start}
@container (min-width:600px){.pfp-feat-loc{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pfp-feat-draw{display:block;border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-sm);overflow:hidden}
.pfp-feat-draw__svg{display:block;width:100%;height:auto}
.pfp-feat-draw__fill{fill:color-mix(in srgb,var(--pf-pub-parcel-ink) 12%,transparent)}
.pfp-feat-draw__edge{fill:none;stroke:var(--pf-pub-parcel-ink);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.pfp-feat-draw__close{stroke:var(--pf-pub-parcel-ink);stroke-width:2;stroke-dasharray:5 5;stroke-linecap:round}
.pfp-feat-draw__pts circle{fill:var(--mum-color-surface);stroke:var(--pf-pub-parcel-ink);stroke-width:2}
.pfp-feat-draw__nums text{fill:var(--pf-pub-ink);font:600 12px var(--pf-font-mono);text-anchor:middle;dominant-baseline:central}

/* == 02 çevre: radius demo == */
.pfp-feat-radius{margin:0;display:grid;gap:1.25rem 2rem;padding:clamp(1rem,.75rem + 1vw,1.5rem);border:1px solid var(--pf-pub-sheet-edge);border-radius:var(--mum-radius-md);background:var(--mum-color-surface)}
.pfp-feat-radius > figcaption{grid-column:1 / -1;padding-top:.75rem;border-top:1px solid var(--mum-color-border)}
@container (min-width:560px){.pfp-feat-radius{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.pfp-feat-radius__map{width:100%;max-width:28rem;aspect-ratio:1 / 1;justify-self:center;border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-sm);overflow:hidden}
.pfp-feat-radius__svg{display:block;width:100%;height:100%}
.pfp-feat-radius__km circle{fill:none;stroke:var(--pf-pub-ink-soft);stroke-width:1;stroke-dasharray:2 4}
.pfp-feat-radius__axis path{fill:none;stroke:var(--pf-pub-ink);stroke-width:1.25}
.pfp-feat-radius__axis text{fill:var(--pf-pub-ink);font:600 11px var(--pf-font-mono);text-anchor:middle}
.pfp-feat-radius__ring{fill:color-mix(in srgb,var(--pf-pub-ink) 8%,transparent);stroke:var(--pf-pub-ink);stroke-width:2;stroke-dasharray:7 6}
.pfp-feat-radius__dot circle{fill:var(--pf-video-navy);stroke:#fff;stroke-width:1.5}
.pfp-feat-radius__dot text{fill:#fff;font:700 9px var(--pf-font-mono);text-anchor:middle;dominant-baseline:central}
.pfp-feat-radius__dot.is-out{opacity:.4}
.pfp-feat-radius__side{display:grid;gap:1rem;align-content:start}
.pfp-feat-radius__ctrl{display:grid;gap:.35rem;padding-bottom:1rem;border-bottom:1px solid var(--mum-color-border)}
.pfp-feat-radius__read{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem}
.pfp-feat-radius__out{font:600 var(--pf-pub-fs-spec)/1.1 var(--pf-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--pf-pub-ink)}
.pfp-feat-radius__minmax{display:flex;justify-content:space-between;margin-top:-.35rem;font:500 .75rem/1.3 var(--pf-font-mono);color:var(--mum-color-text-muted)}
.pfp-feat-radius__count{margin:0;font-size:.875rem;color:var(--mum-color-text)}
.pfp-feat-radius__listhead{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.pfp-feat-radius__list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pfp-feat-radius__item{display:flex;align-items:center;gap:.6rem;min-height:2rem}
.pfp-feat-radius__item > .pfp-chip{min-width:0;overflow:hidden}
.pfp-feat-radius__item .pfp-chip{box-shadow:none}
.pfp-feat-radius__n{display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--pf-video-navy);color:#fff;font:700 .6875rem/1 var(--pf-font-mono)}
.pfp-feat-radius__state{visibility:hidden;margin-inline-start:auto;flex:none;font:500 .6875rem/1.3 var(--pf-font-mono);color:var(--mum-color-text-muted);white-space:nowrap}
.pfp-feat-radius__item.is-out .pfp-chip,.pfp-feat-radius__item.is-out .pfp-feat-radius__n{opacity:.4}
.pfp-feat-radius__item.is-out .pfp-feat-radius__state{visibility:visible}

/* Range: 44px hit area, ink progress (--p set on the figure) */
.pfp-feat-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}
.pfp-feat-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--pf-pub-ink) var(--p,22%),var(--mum-color-surface-3) var(--p,22%))}
.pfp-feat-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border:2px solid var(--pf-pub-ink);border-radius:50%;background:var(--mum-color-surface);box-shadow:var(--mum-shadow-md)}
.pfp-feat-range::-moz-range-track{height:6px;border-radius:999px;background:var(--mum-color-surface-3)}
.pfp-feat-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--pf-pub-ink)}
.pfp-feat-range::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--pf-pub-ink);border-radius:50%;background:var(--mum-color-surface);box-shadow:var(--mum-shadow-md)}

/* == 03 rota: wide plat, vehicle on offset-path == */
.pfp-feat-route{margin:0;display:grid;gap:.6rem}
.pfp-feat-route__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;container-type:inline-size;border:1px solid var(--pf-pub-sheet-edge);border-radius:var(--mum-radius-md)}
.pfp-feat-route__svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.pfp-feat-route__road{fill:none;stroke:color-mix(in srgb,var(--pf-pub-ink) 16%,var(--pf-pub-road));stroke-width:20;stroke-linecap:round;stroke-linejoin:round}
.pfp-feat-route__trail{fill:none;stroke:var(--pf-pub-ink);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.5}
.pfp-feat-route__start{fill:var(--mum-color-surface);stroke:var(--pf-pub-ink);stroke-width:3}
.pfp-feat-route__poi circle{fill:var(--pf-video-navy);stroke:#fff;stroke-width:2}
.pfp-feat-route__poi .pfp-feat-route__poi-core{fill:var(--c);stroke:none}
.pfp-feat-route__car rect{fill:var(--pf-pub-ink);stroke:var(--mum-color-surface);stroke-width:2}
.pfp-feat-route__car-nose{fill:var(--mum-color-surface)}
.pfp-feat-route__cam{fill:color-mix(in srgb,var(--pf-pub-ink) 10%,transparent);stroke:var(--pf-pub-ink-soft);stroke-width:1;stroke-dasharray:3 4}
/* Same road as the SVG path above (viewBox 800 x 450). Without offset-path the car keeps its transform attribute. */
@supports (offset-path:path("M0,0 L1,1")){
.pfp-feat-route__car{transform:none;transform-box:view-box;offset-path:path("M60,360 C170,360 210,262 330,250 S500,330 600,300 S680,180 700,146");offset-distance:50%;offset-rotate:auto;offset-anchor:0 0}
}
.pfp-feat-route__labels{position:absolute;inset:0;pointer-events:none;font-size:clamp(10px,2.9cqi,12.5px)}
.pfp-feat-route__chip{position:absolute;font-size:1em}
.pfp-feat-route__chip svg{width:1.1em;height:1.1em;flex:none}
.pfp-feat-route__chip--start{translate:-14px calc(-100% - 14px)}
.pfp-feat-route__chip--up{translate:-50% calc(-100% - 14px)}
.pfp-feat-route__chip--right{translate:16px -50%}
.pfp-feat-route__band{position:absolute;left:50%;bottom:4%;translate:-50% 0;display:inline-flex;align-items:baseline;gap:.6em;padding:.4em .95em;border-radius:8px;background:var(--pf-video-pill);color:#fff;box-shadow:var(--pf-video-shadow);white-space:nowrap}
.pfp-feat-route__band b{font-weight:800}
.pfp-feat-route__band span{font:600 .85em/1 var(--pf-font-mono);color:rgba(255,255,255,.75)}
.pfp-feat-route__cap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.pfp-feat-loopbtn{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--mum-color-border-strong);border-radius:50%;background:var(--mum-color-surface);color:var(--mum-color-text)}
.pfp-feat-loopbtn:hover{border-color:var(--pf-pub-ink);color:var(--pf-pub-ink)}
.pfp-feat-loopbtn__icon{display:grid;place-items:center}
.pfp-feat-loopbtn__icon svg{width:18px;height:18px}
.pfp-feat-loopbtn[aria-pressed="true"] .pfp-feat-loopbtn__icon--pause,
.pfp-feat-loopbtn[aria-pressed="false"] .pfp-feat-loopbtn__icon--play{display:none}

/* Spec rows (route) */
.pfp-feat-specs{margin:0;display:grid;border-top:1px solid var(--mum-color-border)}
.pfp-feat-specs__row{display:grid;gap:.15rem 1.5rem;padding:.75rem 0;border-bottom:1px solid var(--mum-color-border)}
.pfp-feat-specs dt{font:600 .75rem/1.5 var(--pf-font-mono);letter-spacing:.04em;color:var(--pf-pub-ink)}
.pfp-feat-specs dd{margin:0;font-size:.9375rem}
.pfp-feat-specs dd.pfp-mono{font-weight:600}
@container (min-width:520px){.pfp-feat-specs__row{grid-template-columns:9.5rem minmax(0,1fr);align-items:baseline}}

/* == 04 mülk özellikleri == */
.pfp-feat-hl{display:grid;gap:1.5rem}
.pfp-feat-hl__group + .pfp-feat-hl__group{padding-top:1.25rem;border-top:1px dashed var(--pf-pub-ink-soft)}
@container (min-width:600px){
.pfp-feat-hl{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:2rem}
.pfp-feat-hl__group + .pfp-feat-hl__group{padding-top:0;border-top:0;padding-inline-start:1.5rem;border-inline-start:1px dashed var(--pf-pub-ink-soft)}
}
.pfp-feat-hl__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin:0 0 .85rem;font-size:1rem;font-weight:700}
.pfp-feat-hl__count{font:500 .75rem/1.3 var(--pf-font-mono);color:var(--pf-pub-ink)}
.pfp-feat-hl__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.pfp-feat-hl__chip{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .75rem;border:1.5px solid var(--pf-pub-ink-soft);border-radius:999px;background:var(--mum-color-surface);color:var(--pf-pub-ink);font-size:.8125rem;font-weight:600;line-height:1.2}
.pfp-feat-deed{display:grid;gap:1.25rem 2.5rem;align-items:center}
@container (min-width:560px){.pfp-feat-deed{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.pfp-feat-deed__text p{margin:0;max-width:var(--pf-pub-measure)}

/* == 05 seslendirme == */
.pfp-feat-langs,.pfp-feat-vtable{width:100%;border-collapse:collapse}
.pfp-feat-langs caption,.pfp-feat-vtable caption{caption-side:top;padding-bottom:.6rem;text-align:start;font-size:1.0625rem;font-weight:700;line-height:1.3;color:var(--mum-color-text)}
.pfp-feat-langs :is(th,td){padding:.5rem .5rem;border-bottom:1px solid var(--mum-color-border);text-align:start}
.pfp-feat-langs thead th{font-size:.75rem;font-weight:600;color:var(--mum-color-text-muted);border-bottom:1.5px solid var(--pf-pub-ink-soft)}
.pfp-feat-langs thead th + th,.pfp-feat-langs td{text-align:center;width:28%}
.pfp-feat-langs tbody th{font-weight:600;font-size:.9375rem}
.pfp-feat-langs__code{display:inline-block;min-width:2.25em;margin-inline-end:.5rem;font:600 .75rem/1 var(--pf-font-mono);color:var(--pf-pub-ink)}
.pfp-feat-langs td svg{width:1.05rem;height:1.05rem;vertical-align:middle;color:var(--mum-color-success)}
.pfp-feat-emo__line{display:block;padding:.55rem .7rem;border:1px solid var(--mum-color-border-strong);border-radius:var(--mum-radius-sm);line-height:1.45}
.pfp-feat-emo__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.25rem,1fr));gap:.4rem}
.pfp-feat-emo__item{display:flex;align-items:center;gap:.45rem;min-width:0;min-height:2.25rem;padding:.3rem .55rem;border:1px solid var(--mum-color-border);border-radius:var(--mum-radius-sm);background:var(--mum-color-surface-2);font-size:.8125rem;font-weight:600;line-height:1.25}
.pfp-feat-emo__emoji{flex:none;font-size:1.1rem;line-height:1}

/* == 06 video == */
.pfp-feat-vtable th{width:38%;padding-block:.65rem;padding-inline:0 1rem;border-bottom:1px solid var(--mum-color-border);text-align:start;vertical-align:top;font:600 .75rem/1.6 var(--pf-font-mono);color:var(--pf-pub-ink)}
.pfp-feat-vtable td{padding:.6rem 0;border-bottom:1px solid var(--mum-color-border);font-size:.9375rem}
.pfp-feat-vtable tr:first-child :is(th,td){border-top:1.5px solid var(--pf-pub-ink-soft)}
.pfp-feat-vtable__line{display:block;font-size:.8125rem;line-height:1.6}
@container (min-width:560px){.pfp-feat-vtable th{width:12rem}}
.pfp-feat-frames{display:grid;gap:1.25rem;padding:1.25rem;border:1px dashed var(--pf-pub-ink-soft);border-radius:var(--mum-radius-md)}
.pfp-feat-frames > *{min-width:0}
.pfp-feat-frames .pfp-feat-h3{margin:0}
.pfp-feat-imagery{display:flex;align-items:flex-start;gap:.55rem;margin:0;padding-top:1rem;border-top:1px solid var(--mum-color-border);font-size:.875rem;line-height:1.5;color:var(--mum-color-text)}
.pfp-feat-imagery svg{flex:none;width:1.1rem;height:1.1rem;margin-top:.15em;color:var(--pf-pub-ink)}

/* == 07 marka: live controls == */
.pfp-feat-brand{display:grid;gap:1rem 1.25rem;padding:1rem;border:1px solid var(--pf-pub-sheet-edge);border-radius:var(--mum-radius-md);background:var(--pf-pub-paper)}
@container (min-width:420px){.pfp-feat-brand{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:720px){.pfp-feat-brand{grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr)}}
.pfp-feat-ctrl{display:grid;gap:.35rem;align-content:start;min-width:0}
.pfp-feat-color-row{display:flex;align-items:center;gap:.6rem}
.pfp-feat-color{inline-size:44px;block-size:44px;flex:none;padding:0;border:1px solid var(--mum-color-border-strong);border-radius:var(--mum-radius-sm);background:var(--mum-color-surface);cursor:pointer}
.pfp-feat-color::-webkit-color-swatch-wrapper{padding:4px}
.pfp-feat-color::-webkit-color-swatch{border:0;border-radius:4px}
.pfp-feat-color::-moz-color-swatch{border:0;border-radius:4px}
.pfp-feat-hex{font:600 .8125rem/1 var(--pf-font-mono);color:var(--mum-color-text-muted);font-variant-numeric:tabular-nums}
.pfp-feat-input{width:100%;min-height:44px;margin:0;padding:0 .75rem;border:1px solid var(--mum-color-border-strong);border-radius:var(--mum-radius-sm);background:var(--mum-color-surface);color:var(--mum-color-text);font:inherit;font-size:.9375rem}
.pfp-feat-input.pfp-mono{font-family:var(--pf-font-mono)}
.pfp-feat-input:hover{border-color:var(--pf-pub-ink-soft)}
.pfp-feat-input:focus-visible{border-color:var(--pf-pub-ink)}
@media (max-width:767.98px){.pfp-feat-input{font-size:16px}}
.pfp-feat-limits{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .5rem}
.pfp-feat-limits li{padding:.3rem .65rem;border:1px dashed var(--pf-pub-ink-soft);border-radius:var(--mum-radius-sm);font:500 .75rem/1.4 var(--pf-font-mono);color:var(--pf-pub-ink)}

/* == 08 teslim == */
.pfp-feat-status__parcel{font-size:.75rem;color:var(--mum-color-text-muted)}
.pfp-feat-status__line{font-size:1rem;font-weight:700}
.pfp-feat-bar{display:block;height:8px;border-radius:999px;background:var(--mum-color-surface-3);overflow:hidden}
.pfp-feat-bar__fill{display:block;width:45%;height:100%;border-radius:inherit;background:var(--mum-accent)}
.pfp-feat-status__steps{display:grid;gap:.35rem;font-size:.8125rem}
.pfp-feat-status__step{display:flex;align-items:center;gap:.5rem;color:var(--mum-color-text-muted)}
.pfp-feat-status__step svg{width:.95rem;height:.95rem;flex:none;color:var(--mum-color-success)}
.pfp-feat-status__step.is-now{color:var(--mum-color-text);font-weight:600}
.pfp-feat-status__dot{flex:none;width:.6rem;height:.6rem;margin-inline:.175rem;border-radius:50%;background:var(--mum-accent);box-shadow:0 0 0 3px var(--mum-accent-tint)}
.pfp-feat-worker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;padding-top:1.25rem;border-top:1px dashed var(--pf-pub-ink-soft)}
.pfp-feat-worker__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1.5px solid var(--pf-pub-ink);border-radius:var(--mum-radius-sm);color:var(--pf-pub-ink)}
.pfp-feat-worker__icon svg{width:1.2rem;height:1.2rem}
.pfp-feat-worker .pfp-feat-h3{margin-bottom:.25rem}
.pfp-feat-worker p{margin:0;max-width:var(--pf-pub-measure)}

/* == 09 veri kaynakları == */
.pfp-feat-data{display:grid;gap:1.75rem 2.5rem;padding:clamp(1.5rem,1rem + 2vw,2.25rem)}
@container (min-width:560px){.pfp-feat-data{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pfp-feat-data__col{min-width:0}
.pfp-feat-data__title{margin:0 0 .85rem;padding-bottom:.6rem;border-bottom:1.5px solid var(--pf-pub-ink);font:600 .8125rem/1.3 var(--pf-font-mono);letter-spacing:.06em;color:var(--pf-pub-ink)}
.pfp-feat-data__src{margin:0;display:grid;gap:.8rem}
.pfp-feat-data__row dt{font-size:.9375rem;font-weight:700;line-height:1.35}
.pfp-feat-data__row dd{margin:0;font-size:.875rem;line-height:1.5;color:var(--mum-color-text-muted)}
.pfp-feat-data__lim{font-size:.9375rem}

/* == motion == */
@media (prefers-reduced-motion:no-preference){
.pfp-feat-radius__dot,.pfp-feat-radius__item .pfp-chip,.pfp-feat-radius__n{transition:opacity 220ms var(--mum-ease)}
@supports (offset-path:path("M0,0 L1,1")){
.pfp-feat-route.is-live .pfp-feat-route__car{animation:pfp-feat-drive 6s linear -3s infinite both}
.pfp-feat-route.is-live .pfp-feat-route__trail{animation:pfp-feat-trail 6s linear -3s infinite both}
}
.pfp-feat-route.is-live:not(.is-inview) :is(.pfp-feat-route__car,.pfp-feat-route__trail),
.pfp-feat-route.is-paused :is(.pfp-feat-route__car,.pfp-feat-route__trail){animation-play-state:paused}
@keyframes pfp-feat-drive{from{offset-distance:0%} to{offset-distance:100%}}
@keyframes pfp-feat-trail{from{stroke-dashoffset:1} to{stroke-dashoffset:0}}
}