/* Trail Picks index — loads AFTER ride-guide.css and trail-picks.css. */

.tpi-guide{margin:0;max-width:520px;font-size:15px;line-height:1.5;color:var(--muted);border-top:2px solid var(--ink);padding-top:14px}
.tpi-guide a{box-shadow:inset 0 -2px 0 var(--amber)}
.tpi-guide a:hover{color:#8a5b00}

/* latest pick */
.tpi-latest{display:flex;flex-wrap:wrap;background:var(--charcoal)}
.tpi-latest-img{flex:7 1 440px;min-height:340px;position:relative;overflow:hidden}
.tpi-latest-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tpi-latest-body{flex:5 1 320px;padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.tpi-latest-kicker{font:800 24px/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#6c6a66;text-shadow:0 1px 0 rgba(255,255,255,.95),0 -1px 0 rgba(0,0,0,.2)}
.tpi-latest-copy{display:flex;flex-direction:column;gap:14px}
.tpi-latest-copy::before{content:"";width:48px;height:5px;background:var(--amber)}
.tpi-latest h2{margin:0;font:800 clamp(36px,4.2vw,54px)/.9 var(--sans);font-stretch:66%;text-transform:uppercase;text-wrap:balance}
.tpi-latest p{margin:0;font-size:16px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.tpi-latest:hover .rg-btn{background:var(--amber);color:var(--charcoal)}

/* group sections */
.tpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.tpi-grid .rg-pick{min-height:300px}
.tpi-grid .rg-pick-num{font-size:140px}
.tpi-grid .rg-pick h3{font-size:28px}
.tpi-grid .rg-pick p{margin:0;font:400 14px/1.45 var(--mono);color:var(--muted)}
.rg-sec-head h2{font-size:clamp(36px,4.6vw,58px)}

@media (max-width:960px){
  .tpi-grid .rg-pick{min-height:240px}
  .tpi-grid .rg-pick-num{font-size:110px}
}