/* Taloventra — feature pages (44 × kind=feature) and guides (package F, REDESIGN-BRIEF §4.3).
   Loaded after tv/core.css for kind feature|guide. Tokens from core.css only, logical properties only, no important-flag overrides.
   Block prefix: tv-feat-. */

/* ---------- Legacy-chain neutralisation (TV_LEGACY_PUBLIC=true) ----------
   site.css still carries element rules — header{display:flex;position:sticky…}, nav{display:flex…} / @media(max-width:850px){nav{display:none;position:absolute…}},
   details[open] summary span{transform:rotate(45deg)} — that leak into tv markup wherever core.css leaves a property unset. Unlayered rules win, so
   plain resets are enough here; handoff F-to-A asks A2 to scope those selectors. Remove this block once the legacy chain is off. */
.tv-feat header.tv-section-head{display:block;block-size:auto;gap:0;padding:0;border:0;position:static;background:transparent;backdrop-filter:none;z-index:auto;box-shadow:none}
.tv-feat nav.tv-breadcrumb{display:block;position:static;flex:none;gap:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:inherit;font-weight:inherit}
.tv-feat nav.tv-chips{display:block;flex:none;gap:0;box-shadow:none;font-size:inherit;font-weight:inherit}
.tv-feat nav.tv-rail{flex:none;gap:0;padding-block:0;border:0;background:transparent;box-shadow:none;font-size:inherit;font-weight:inherit}
.tv-feat .tv-accordion__summary span{transform:none}

/* ---------- Hero (light, split; ivory stage with a soft navy tint behind the media) ---------- */
.tv-feat-hero{padding-block:var(--tv-sp-xl) var(--tv-sp-2xl);background:radial-gradient(48% 62% at 84% 42%,var(--tv-navy-050),transparent 72%)}
[dir=rtl] .tv-feat-hero{background:radial-gradient(48% 62% at 16% 42%,var(--tv-navy-050),transparent 72%)}
.tv-feat-hero .tv-hero__copy .tv-breadcrumb{margin-block-end:var(--tv-sp-l)}
.tv-feat-hero__chip{display:none}
.tv-feat-hero .tv-hero__meta .tv-badge{min-block-size:28px;padding-inline:.7rem}
.tv-feat-hero__frame{box-shadow:var(--tv-sh-3)}
.tv-feat-hero__frame--diagram{background:var(--tv-ivory)}
.tv-feat-hero__frame--diagram .tv-frame__img{aspect-ratio:720/460;object-fit:contain}
@media (width>=900px){
  .tv-feat-hero__chip{display:grid;margin-block:0 var(--tv-sp-m);box-shadow:var(--tv-sh-1)}
  .tv-feat-hero .tv-hero__copy h1{max-inline-size:18ch}
}

/* ---------- Sticky chip row (< 1000px) — replaced by the rail at ≥ 1000px ---------- */
.tv-feat-chips{margin-inline:0;padding-inline:max(var(--tv-gutter),calc((100% - var(--tv-w-content))/2));border-block:1px solid var(--tv-border)}
@media (width>=1000px){.tv-feat nav.tv-chips{display:none}}

/* ---------- Body: rail layout on white ---------- */
.tv-feat-body{padding-block:var(--tv-sp-2xl) var(--tv-sp-section)}
.tv-feat-main{gap:var(--tv-sp-2xl)}
.tv-feat-section{scroll-margin-block-start:calc(var(--tv-header-h) + 76px)}
.tv-feat-section>.tv-section-head{margin-block-end:var(--tv-sp-l)}
.tv-feat-layout>.tv-rail{padding-block-start:var(--tv-sp-2xs)}
@media (width>=900px){.tv-feat-main{gap:var(--tv-sp-3xl)}}
@media (width>=1000px){.tv-feat-section,.tv-feat-main>.tv-faq{scroll-margin-block-start:calc(var(--tv-header-h) + 16px)}}

/* Overview */
.tv-feat-prose{font-size:var(--tv-step-0)}
.tv-feat-prose p:first-child{font-size:var(--tv-step-1);line-height:1.5;color:var(--tv-text)}

/* What you get */
.tv-feat-checklist li{grid-template-columns:28px 1fr;gap:.8rem;padding-block:var(--tv-sp-xs);border-block-end:1px solid var(--tv-border);font-size:var(--tv-step-0);color:var(--tv-text)}
.tv-feat-checklist li:first-child{border-block-start:1px solid var(--tv-border)}
.tv-feat-checklist .tv-checklist__icon{inline-size:28px;block-size:28px;padding:4px;margin-block-start:0;border-radius:50%;background:var(--tv-apricot-100)}
.tv-feat-asides{display:grid;gap:var(--tv-sp-m);align-content:start}
.tv-feat-aside{padding:var(--tv-sp-l)}
.tv-feat-aside .tv-card__title{font-size:var(--tv-step-2);padding-inline-end:0}
.tv-feat-facts{list-style:none;margin:0;padding:var(--tv-sp-s) var(--tv-sp-m);display:grid;background:var(--tv-surface-2);border:1px solid var(--tv-border);border-radius:var(--tv-r-m);box-shadow:var(--tv-sh-1);font-size:var(--tv-step--1);color:var(--tv-text-2)}
.tv-feat-facts li{display:grid;grid-template-columns:20px 1fr;gap:.7rem;align-items:center;padding-block:.5rem}
.tv-feat-facts li+li{border-block-start:1px solid var(--tv-border)}
.tv-feat-facts__icon{color:var(--tv-accent-text)}
.tv-feat-facts a{display:inline-flex;align-items:center;min-block-size:44px;margin-block:-.6rem;color:var(--tv-link);text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-underline-offset:.15em;transition:color var(--tv-dur-2),text-decoration-color var(--tv-dur-2)}
@media (hover:hover) and (pointer:fine){.tv-feat-facts a:hover{color:var(--tv-link-hover);text-decoration-color:currentColor}}

/* How it works — tint panel */
.tv-feat-panel{padding:clamp(var(--tv-sp-m),4vw,var(--tv-sp-xl));background:var(--tv-bg-3);border-radius:var(--tv-r-l)}
.tv-feat-panel>.tv-section-head{margin-block-end:var(--tv-sp-m)}
.tv-feat-steps .tv-steps__item{border-block-start-color:var(--tv-border-strong);padding-block-start:var(--tv-sp-m)}
.tv-feat-steps .tv-steps__title{color:var(--tv-heading)}

/* Questions — tvFaq emits a band; inside the rail column it becomes a plain section */
.tv-feat-main .tv-faq{padding-block:0;background:transparent}
.tv-feat-main .tv-faq>.tv-container{inline-size:100%;max-inline-size:none;margin-inline:0}
.tv-feat-main .tv-faq .tv-section-head{margin-block-end:var(--tv-sp-l)}

/* Section head with an action on the end side */
.tv-feat .tv-section-head--split{max-inline-size:none}
.tv-feat .tv-section-head--split>h2{max-inline-size:28ch}
@media (width>=900px){
  .tv-feat .tv-section-head--split{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--tv-sp-l);align-items:end}
  .tv-feat .tv-section-head--split>.tv-eyebrow{grid-column:1}
  .tv-feat .tv-section-head--split>.tv-section-head__action{grid-column:2;grid-row:1/span 2;margin:0;align-self:end}
}

/* ---------- Guides ---------- */
.tv-feat-hero--guide{padding-block-end:var(--tv-sp-xl);background:none}
.tv-feat-hero--guide .tv-hero__copy h1{max-inline-size:24ch}
.tv-feat-guide-body{padding-block-start:var(--tv-sp-2xl)}
.tv-feat-guide-split--solo{display:block}
.tv-feat-guide-split--solo .tv-feat-guide-main{max-inline-size:var(--tv-w-narrow);margin-inline:auto}
.tv-feat-guide-main>.tv-section-head{margin-block-end:var(--tv-sp-l)}
.tv-feat-guide-main>.tv-prose{margin-block-end:var(--tv-sp-l)}
.tv-feat-guide-steps .tv-steps__item{padding-block:var(--tv-sp-l)}
.tv-feat-guide-steps .tv-steps__title{font-size:var(--tv-step-2)}
.tv-feat-guide-steps .tv-steps__num{font-size:var(--tv-step-4)}
.tv-feat-guide-subhead{margin:var(--tv-sp-xl) 0 var(--tv-sp-s)}
.tv-feat-guide-media{display:grid;justify-items:center;align-content:start}
.tv-feat-guide-poster{inline-size:min(100%,22rem);box-shadow:var(--tv-sh-3)}
@media (width>=900px){
  .tv-feat-guide-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .tv-feat-guide-poster{inline-size:min(100%,26rem);position:sticky;inset-block-start:calc(var(--tv-header-h) + 24px)}
}