/* Route-scoped UI V2 Trails bundle. */
.trails-v2-page{
  --trail-accent:var(--v2-reader);
  &.trail-list-page>main>:is(.section-head,.trail-filter-panel,.card,.pagination){width:min(100%,var(--v2-page-measure));margin-inline:auto}
  .reader-paths-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.48fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(3.5rem,7vw,6.5rem) clamp(1rem,3vw,3rem) clamp(2.5rem,5vw,4rem);border-top:1px solid var(--v2-line-strong)}
  .reader-paths-hero h1{max-width:13ch;margin:.45rem 0 0;font-size:clamp(3rem,5.4vw,5.4rem);font-weight:400;line-height:.93;letter-spacing:-.042em}
  .reader-list-deck{max-width:48rem;margin:1rem 0 0;color:var(--v2-ink-soft);font-family:var(--v2-font-body);font-size:clamp(1.08rem,1.4vw,1.24rem);line-height:1.55}
  .reader-paths-orientation{padding-top:1rem;border-top:3px solid var(--trail-accent)}
  .reader-paths-orientation>p:not(.object-label){max-width:30rem;margin:.5rem 0 1rem;color:var(--v2-ink-soft);line-height:1.5}
  .reader-list-utility-actions{display:grid;justify-items:start;gap:.2rem}
  .reader-list-utility-actions :is(a,button){min-height:var(--t);text-align:left}
  .trail-filter-panel{display:grid;grid-template-columns:minmax(12rem,.36fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);padding:1rem clamp(1rem,3vw,3rem);border-top:2px solid var(--v2-ink);border-bottom:1px solid var(--v2-line-strong)}
  .trail-filter-intro p{margin:0}.trail-filter-intro .meta{max-width:25rem;margin-top:.35rem}
  .trail-filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,5rem);padding:0}
  .trail-list-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.625rem;align-items:center;padding:0;border:0}
  .trail-list-toolbar :is(.kicker,a){font-family:var(--v2-font-ui)}
  .trail-list-toolbar a{display:inline-flex;min-height:var(--t);align-items:center;padding:.25rem 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--v2-meta);font-size:.82rem}
  .trail-list-toolbar a.active{border-color:transparent;border-bottom-color:var(--trail-accent);background:transparent;box-shadow:none;color:var(--v2-ink)}
  &.trail-list-page>main>.reader-list-card{display:grid;grid-template-columns:9.5rem minmax(0,1fr) minmax(14rem,.45fr);gap:.35rem clamp(1.25rem,3vw,3rem);padding:1.75rem clamp(1rem,3vw,3rem);border:0;border-bottom:1px solid var(--v2-line);border-radius:0;background:transparent;box-shadow:none}
  .reader-list-kind{grid-row:1/span 4;margin:.2rem 0 0;color:var(--trail-accent)}
  .reader-list-main h2{margin:0;font-size:clamp(1.8rem,3vw,2.85rem);font-weight:400;line-height:.98}
  .reader-list-main h2 a{color:var(--v2-ink)}
  .reader-list-description{max-width:49rem;margin:.6rem 0;color:var(--v2-ink-soft);font-size:1.03rem;line-height:1.5}
  .reader-list-byline{margin:.55rem 0 0}
  .reader-list-proof{display:grid;align-content:start;align-self:stretch;padding-left:1rem;border-left:1px solid var(--v2-line);font-family:var(--v2-font-ui)}
  .reader-list-proof p{margin:0 0 .3rem}
  .reader-list-stop-count{color:var(--v2-meta);font-size:.78rem}
  .reader-list-stop-count strong{color:var(--v2-ink);font-size:1.3rem;font-weight:400}
  .reader-list-proof>a{display:flex;min-height:var(--t);align-items:center;margin-top:auto;border-top:1px solid var(--v2-line);font-size:.78rem;font-weight:700}
  .reader-paths-adjacent{width:min(100%,var(--v2-page-measure));margin:2rem auto 0;padding:1.25rem clamp(1rem,3vw,3rem);border-top:1px solid var(--v2-line-strong);font-family:var(--v2-font-ui)}
  .reader-paths-adjacent p{max-width:48rem;margin:.25rem 0}.reader-paths-adjacent a{display:inline-flex;min-height:var(--t);align-items:center;font-weight:700}
  &.trail-detail-v2-page>main>[data-fetch-fragment="trail-detail"]{width:min(100%,var(--v2-page-measure));margin:0 auto;padding:0 clamp(1rem,3vw,3rem) clamp(5rem,8vw,8rem)}
  &.trail-detail-v2-page [data-fetch-fragment="trail-detail"]>.card{border:0;border-top:1px solid var(--v2-line);border-radius:0;background:transparent;box-shadow:none}
  .trail-detail-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.42fr);gap:clamp(2rem,6vw,6rem);padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(2.5rem,5vw,4rem)}
  .trail-detail-title h1{max-width:14ch;margin:.45rem 0 0;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:400;line-height:.93;letter-spacing:-.042em}
  .trail-description{max-width:49rem;margin:1rem 0 0;color:var(--v2-ink-soft);font-size:clamp(1.08rem,1.4vw,1.24rem);line-height:1.55}
  .trail-description p{margin:0}
  .trail-reading-start{margin-top:1.4rem}
  .trail-detail-facts{align-self:end;border-top:3px solid var(--trail-accent)}
  .trail-detail-facts>p:not(.object-label){display:grid;grid-template-columns:5.25rem minmax(0,1fr);gap:.75rem;margin:0;padding:.7rem 0;border-bottom:1px solid var(--v2-line);color:var(--v2-meta);font:.76rem/1.4 var(--v2-font-ui)}
  .trail-detail-facts>p strong{color:var(--trail-accent)}
  .trail-share-tools{border-bottom:1px solid var(--v2-line)}
  .trail-share-tools>summary{display:flex;min-height:var(--t);align-items:center;color:var(--v2-canonical);font:700 .78rem/1.3 var(--v2-font-ui);cursor:pointer}
  .trail-reader-tools-body{padding:0 0 1rem}
  .trail-reader-tools-body .action-row{display:flex;flex-wrap:wrap}
  .trail-path-section{padding:clamp(2rem,5vw,4.5rem) 0;border-top:3px solid var(--trail-accent)}
  .trail-path-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.5fr);gap:clamp(1.5rem,5vw,5rem);align-items:end;padding-bottom:1.25rem;border-bottom:1px solid var(--v2-line-strong)}
  .trail-path-heading h2{margin:.35rem 0 0;font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:400;line-height:.96}
  .trail-path-heading>.meta{max-width:31rem;margin:0}
  .trail-list{counter-reset:trail-entry;display:grid;margin:0;padding:0;list-style:none}
  .trail-list>li.card{counter-increment:trail-entry;display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(13rem,.42fr);gap:.35rem 1.25rem;margin:0;padding:1.75rem 0;border:0;border-bottom:1px solid var(--v2-line);border-radius:0;background:transparent;box-shadow:none}
  .trail-list>li.card::before{grid-area:1/1/span 6;padding-top:.25rem;color:var(--trail-accent);content:counter(trail-entry,decimal-leading-zero);font:700 .76rem/1.4 var(--v2-font-ui)}
  .trail-list>li.card>:not(.action-row){grid-column:2}
  .trail-list>li.card h3{margin:0;font-size:clamp(1.75rem,2.8vw,2.65rem);font-weight:400;line-height:1}
  .trail-list>li.card h3 a{color:var(--v2-ink)}
  .trail-entry-excerpt{max-width:46rem;margin:.45rem 0 0;color:var(--v2-ink-soft);line-height:1.5}
  .trail-list>li.card blockquote{max-width:46rem;margin:.6rem 0 0;padding:.65rem 0 .65rem 1rem;border:0;border-left:2px solid var(--trail-accent);border-radius:0;background:transparent;color:var(--v2-ink-soft)}
  .trail-list>li.card>.action-row{display:grid;grid-area:1/3/span 6;align-content:start;gap:0;padding-left:1rem;border-left:1px solid var(--v2-line)}
  .trail-list>li.card>.action-row :is(a,button){display:flex;width:100%;min-height:var(--t);align-items:center;padding:.25rem 0;border:0;border-bottom:1px solid var(--v2-line);border-radius:0;background:transparent;box-shadow:none;color:var(--v2-canonical);font:700 .76rem/1.35 var(--v2-font-ui);text-align:left}
  .trail-list>li.card>.action-row form{width:100%}
  .trail-transition-row{position:relative;margin:0 0 0 3rem;padding:1rem 1.25rem 1rem 2rem;border:0;border-left:2px solid var(--trail-accent);background:var(--v2-surface-muted);list-style:none}
  .trail-transition-row::before{position:absolute;top:50%;left:-.38rem;width:.6rem;height:.6rem;border:2px solid var(--trail-accent);background:var(--v2-paper);content:"";transform:translateY(-50%) rotate(45deg)}
  .trail-transition-row .kicker{color:var(--trail-accent)}
  .trail-transition-row .entry-copy{max-width:58rem;margin:.25rem 0 0}
  .trail-owner-tools{padding:1.5rem 0}
  [data-fetch-fragment="trail-detail"]>#list-comments{display:grid;grid-template-columns:minmax(12rem,.35fr) minmax(0,1fr);gap:.5rem clamp(2rem,6vw,6rem);padding:2rem 0}
  [data-fetch-fragment="trail-detail"]>#list-comments>:not(.kicker,h2){grid-column:2}
  [data-fetch-fragment="trail-detail"]>#list-comments h2{margin:.25rem 0 0;font-weight:400}
  .compact-stack-form button{border-color:var(--v2-ink);background:var(--v2-ink);color:var(--v2-paper)}
  .share-strip input,.compact-stack-form textarea,.action-row :is(button,a){min-height:var(--t)}
}

@media(max-width:850px){
  .trails-v2-page{
    .reader-paths-hero,.trail-detail-intro,.trail-path-heading{grid-template-columns:1fr;gap:1rem}
    .reader-paths-orientation,.trail-detail-facts{max-width:38rem}
    &.trail-list-page>main>.reader-list-card{grid-template-columns:7.5rem minmax(0,1fr)}
    .reader-list-proof{grid-area:auto/2;display:flex;flex-wrap:wrap;gap:.2rem 1rem;padding:.75rem 0 0;border-top:1px solid var(--v2-line);border-left:0}
    .reader-list-proof>a{width:100%;margin:0}
    .trail-list>li.card{grid-template-columns:2.5rem minmax(0,1fr)}
    .trail-list>li.card>.action-row{grid-area:auto/2;margin-top:.5rem;padding:.25rem 0 0;border-top:1px solid var(--v2-line);border-left:0}
  }
}

@media(max-width:700px){
  .trails-v2-page{
    .trail-filter-panel,.trail-filter-controls,.trail-list-toolbar{grid-template-columns:1fr}.trail-filter-controls{gap:1rem}.trail-list-toolbar{gap:.2rem}
    &.trail-list-page>main>.reader-list-card{grid-template-columns:1fr;gap:.55rem}
    .reader-list-kind,.reader-list-main,.reader-list-proof{grid-area:auto/1}
    .reader-list-proof{display:grid}
    .trail-transition-row{margin-left:2.5rem}
    [data-fetch-fragment="trail-detail"]>#list-comments{grid-template-columns:1fr}
    [data-fetch-fragment="trail-detail"]>#list-comments>:not(.kicker,h2){grid-column:1}
  }
}