/* v8.6 curated recommendations — quiet, user-controlled browse rail */
.recommendation-shell{position:relative;overflow:hidden;background:var(--mist,#EEF3F8);padding:clamp(36px,4vw,54px) 0 clamp(42px,4.6vw,62px);border-top:1px solid var(--line,#CCD7E3)}
.recommendation-shell[hidden]{display:none!important}
.recommendation-shell:before{content:'';position:absolute;left:-8%;top:-144px;width:116%;height:170px;border:2px solid var(--gold,#E8A870);border-color:var(--gold,#E8A870) transparent transparent transparent;border-radius:50%;opacity:.72;pointer-events:none}
.recommendation-inner{position:relative;max-width:1120px}
.recommendation-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .72rem}
.recommendation-kicker{margin:0;font-size:.72rem;line-height:1.2;font-weight:900;letter-spacing:.105em;text-transform:uppercase;color:var(--slate,#4E6075)}
.recommendation-controls{display:flex;align-items:center;gap:.5rem}
.recommendation-count{min-width:3.4rem;text-align:center;color:var(--slate,#4E6075);font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums}
.recommendation-arrow{display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid rgba(11,31,58,.28);border-radius:50%;background:rgba(255,255,255,.68);color:var(--navy,#0B1F3A);font:inherit;font-size:1.2rem;line-height:1;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
.recommendation-arrow:hover,.recommendation-arrow:focus-visible{background:#fff;border-color:var(--gold,#E8A870);transform:translateY(-1px)}
.recommendation-arrow:disabled{opacity:.35;cursor:default;transform:none}
.recommendation-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.recommendation-viewport::-webkit-scrollbar{display:none}
.recommendation-track{display:flex;gap:1rem}
.recommendation-card{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.recommendation-meta{display:flex;flex-wrap:wrap;gap:.42rem;margin:0 0 .72rem}
.recommendation-pill{display:inline-flex;align-items:center;min-height:24px;padding:.2rem .58rem;border:1px solid var(--line,#CCD7E3);border-radius:999px;background:rgba(255,255,255,.78);color:var(--navy,#0B1F3A);font-size:.68rem;line-height:1.15;font-weight:700;letter-spacing:.01em}
.recommendation-pill--type{background:transparent;border-color:rgba(11,31,58,.3)}
.recommendation-pill--type.is-commercial{border-color:var(--gold,#E8A870);background:rgba(255,255,255,.5)}
.recommendation-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,58px);align-items:center}
.recommendation-title{margin:0 0 .46rem;color:var(--navy,#0B1F3A);font-size:clamp(1.5rem,2.25vw,2.05rem);line-height:1.07;letter-spacing:-.03em}
.recommendation-reason{margin:0;max-width:62ch;color:var(--navy,#0B1F3A);font-size:clamp(.98rem,1.2vw,1.06rem);line-height:1.52}
.recommendation-disclosure{margin:.62rem 0 0;max-width:72ch;color:var(--slate,#4E6075);font-size:.82rem;line-height:1.45}
.recommendation-action{align-self:center;white-space:nowrap;color:var(--navy,#0B1F3A);font-weight:800;text-decoration-thickness:2px;text-underline-offset:.26em;padding:.42rem .08rem;outline-offset:5px}
.recommendation-action:hover,.recommendation-action:focus-visible{color:var(--deep,#132D4F);text-decoration-color:var(--gold,#E8A870)}
.recommendation-action:after{content:' ↗';color:var(--gold,#E8A870)}
.recommendation-browse-note{margin:.65rem 0 0;color:var(--slate,#4E6075);font-size:.76rem;line-height:1.4}
@media(max-width:760px){.recommendation-shell{padding:34px 0 44px}.recommendation-head{align-items:flex-start}.recommendation-layout{grid-template-columns:1fr;gap:.9rem}.recommendation-action{white-space:normal;justify-self:start}.recommendation-shell:before{left:-30%;width:160%;top:-150px}.recommendation-arrow{width:2.55rem;height:2.55rem}.recommendation-browse-note{max-width:34ch}}
@media(prefers-reduced-motion:reduce){.recommendation-arrow{transition:none!important}.recommendation-viewport{scroll-behavior:auto!important}}