.trails-page,.trail-detail{padding-bottom:clamp(5rem,9vw,9rem)}.trails-hero{padding-block:clamp(4rem,8vw,8rem)}.trails-hero h1,.trail-detail__hero h1{letter-spacing:-.06em;max-width:13ch;margin:.8rem 0 1.2rem;font-size:clamp(3rem,6.5vw,6rem);line-height:.98}.trails-hero>p:last-child,.trail-detail__hero>div>p{max-width:48rem;color:var(--color-text-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.trail-benefits{border-block:1px solid var(--color-border);background:var(--color-surface)}.trail-benefits .container{grid-template-columns:repeat(4,1fr);display:grid}.trail-benefits article{border-right:1px solid var(--color-border);align-items:center;gap:.8rem;min-height:7rem;padding:1rem;display:flex}.trail-benefits article:first-child{border-left:1px solid var(--color-border)}.trail-benefits strong{color:var(--color-accent-strong);font-family:var(--font-code)}.trails-list,.trail-lessons{margin-top:clamp(4.5rem,9vw,8rem)}.trails-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.trails-heading h2,.trail-outcome h2{letter-spacing:-.045em;margin:.4rem 0 0;font-size:clamp(2rem,4vw,3.5rem)}.trails-heading>p{max-width:28rem;color:var(--color-text-muted)}.trails-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.trail-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;min-height:25rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.trail-card--available{border-top:3px solid var(--color-accent)}.trail-card__top,.trail-card__meta{color:var(--color-text-subtle);font-family:var(--font-code);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:1rem;font-size:.76rem;display:flex}.trail-card__icon{border:1px solid var(--color-border);width:3.25rem;height:3.25rem;color:var(--color-accent-strong);font-family:var(--font-code);place-items:center;margin-top:2rem;display:grid}.trail-card h2{letter-spacing:-.04em;margin:1.5rem 0 .75rem;font-size:clamp(1.6rem,3vw,2.35rem)}.trail-card>p{color:var(--color-text-muted)}.trail-card__meta{justify-content:flex-start;margin-top:auto;padding-top:2rem}.trail-card__meta span+span:before{content:"•";margin-right:1rem}.trail-card>a{color:var(--color-accent-strong);margin-top:1rem;font-weight:800}.trail-card__soon{color:var(--color-text-subtle);margin-top:auto}.trail-detail__hero{grid-template-columns:minmax(0,1fr) 22rem;align-items:end;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3.5rem,7vw,6.5rem);display:grid}.trail-breadcrumbs{color:var(--color-text-subtle);flex-wrap:wrap;grid-column:1/-1;gap:.5rem;font-size:.9rem;display:flex}.trail-breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.trail-breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:700}.trail-detail__meta{color:var(--color-text-subtle);font-family:var(--font-code);flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;font-size:.78rem;display:flex}.trail-detail__meta span+span:before{content:"•";margin-right:.65rem}.trail-progress-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:1.5rem}.trail-progress-card__top{justify-content:space-between;align-items:center;display:flex}.trail-progress-card__top strong{color:var(--color-accent-strong);font-size:1.5rem}.trail-progress{background:var(--color-border);border-radius:999px;height:.65rem;margin:1.25rem 0 .8rem;overflow:hidden}.trail-progress span{background:var(--color-accent);width:0;height:100%;transition:width .18s;display:block}.trail-progress-card p{color:var(--color-text-muted);margin:0;font-size:.9rem}.trail-outcome{border-block:1px solid var(--color-border);background:var(--color-surface);padding-block:clamp(3rem,6vw,5rem)}.trail-outcome p:last-child{max-width:50rem;color:var(--color-text-muted);font-size:1.1rem}.lesson-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.lesson{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:4rem minmax(0,1fr) 3rem;align-items:center;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.lesson.is-complete{border-color:var(--color-accent)}.lesson__number{color:var(--color-accent-strong);font-family:var(--font-code);font-size:1.25rem}.lesson__meta{color:var(--color-text-subtle);font-family:var(--font-code);text-transform:uppercase;gap:1rem;font-size:.72rem;display:flex}.lesson h3{margin:.5rem 0;font-size:clamp(1.25rem,2.5vw,1.7rem)}.lesson h3 a{color:var(--color-text);text-decoration:none}.lesson h3 a:hover{color:var(--color-accent-strong)}.lesson p{color:var(--color-text-muted);margin:0}.lesson__check{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-subtle);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.lesson__check svg{fill:none;stroke:currentColor;stroke-width:2px;width:1.25rem}.lesson__check[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.trail-privacy{border-left:3px solid var(--color-accent);background:var(--color-surface);margin-top:2rem;padding:1.25rem}.trail-privacy p{color:var(--color-text-muted);margin:.35rem 0 1rem}.trail-privacy button{border:1px solid var(--color-border);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.6rem .8rem}@media (width<=820px){.trail-benefits .container,.trails-grid{grid-template-columns:repeat(2,1fr)}.trail-benefits article:nth-child(3){border-left:1px solid var(--color-border)}.trail-detail__hero{grid-template-columns:1fr}}@media (width<=560px){.trails-hero,.trail-detail__hero{padding-block:3rem}.trail-benefits .container,.trails-grid{grid-template-columns:1fr}.trail-benefits article,.trail-benefits article:first-child,.trail-benefits article:nth-child(3){border-left:1px solid var(--color-border)}.trails-heading{flex-direction:column;align-items:start;gap:.5rem}.lesson{grid-template-columns:2.5rem minmax(0,1fr)}.lesson__check{grid-column:2}}
