.discovery-intro { margin-bottom:24px; }
#filterRow[hidden],#refineGuide[hidden] { display:none!important; }
#refineGuide { margin:20px 0 0; }
#recommendationForm { grid-template-columns:repeat(2,minmax(0,1fr)); }
.search-alternative { margin:0 0 20px; }
.search-alternative>summary { cursor:pointer; color:#0d3d7a; font-size:.9rem; padding:12px 0; }
.discovery-intro h2 { font-size:clamp(1.5rem,3vw,2.2rem); margin:8px 0; color:#092852; }
.discovery-intro p { line-height:1.6; }
.smart-guide { border:1px solid #bdd4e8; border-radius:16px; background:#fff; padding:20px; margin-bottom:28px; }
.smart-guide summary { cursor:pointer; color:#0d3d7a; font-weight:800; }
.smart-guide summary span { display:block; font-weight:400; font-size:.85rem; margin:8px 0 0 18px; }
#recommendationForm { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
#recommendationForm label,.search-panel label { display:block; font-size:.9rem; font-weight:700; color:#13365d; }
#recommendationForm select { display:block; width:100%; margin-top:10px; padding:12px 8px; border:1px solid #b4c7dc; border-radius:8px; background:#fff; color:#153454; font:inherit; }
#recommendationForm button { grid-column:1/-1; justify-self:start; }
.search-panel { margin:16px 0; }
.search-controls { display:flex; gap:12px; margin-top:10px; }
#videoSearch { flex:1; min-width:0; padding:14px; border:1px solid #abc3db; border-radius:10px; font:inherit; background:#fff; color:#102942; }
#clearSearch,.return-to-list,.related-video,.case-link { border:1px solid #b9cde2; border-radius:9px; padding:11px 14px; background:#fff; color:#0d3d7a; font:inherit; font-weight:650; cursor:pointer; }
.card-benefit,.solution-actions,.related-solutions,.solution-faq,.player-help { grid-column:1/-1; width:100%; box-sizing:border-box; }
.card-benefit { border-top:1px solid #dfebf4; padding:14px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:18px; font-size:.86rem; line-height:1.55; color:#30485e; }
.card-benefit p { margin:0; }
.card-benefit strong { display:block; color:#0b704c; font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; margin-bottom:4px; }
.solution-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding-top:10px; }
.solution-actions a { text-decoration:none; padding:12px 16px; border-radius:9px; color:white; background:#0b704c; font-weight:700; }
.related-solutions { padding:20px; background:#edf5fb; border-radius:12px; }
.related-solutions h4 { margin:0 0 8px; color:#0c315b; }
.related-solutions p { line-height:1.5; font-size:.88rem; }
.related-video,.case-link { margin:6px 8px 0 0; text-align:left; }
.solution-faq { border-top:1px solid #dbe6f0; padding-top:16px; }
.solution-faq summary { cursor:pointer; font-weight:700; padding:10px 0; color:#163a60; }
.solution-faq p { line-height:1.6; color:#334d64; }
.player-help { padding:12px 14px; background:#eef5fb; border-radius:8px; font-size:.85rem; line-height:1.5; }
.player-help a { color:#0d3d7a; text-decoration:underline; font-weight:700; }
.empty-results { padding:32px; background:#edf5fb; border-radius:12px; color:#163a60; }
#recommendationResult ol { padding-left:22px; }
#recommendationResult li { margin:14px 0; line-height:1.5; }
#recommendationResult button { margin-left:0; }
.link-card .link-description { white-space:normal; -webkit-line-clamp:unset; overflow:visible; }
:is(button,a,input,select,summary):focus-visible { outline:3px solid #148854; outline-offset:4px; }
@media(max-width:680px) {
 #recommendationForm,.card-benefit { grid-template-columns:1fr; }
 .search-controls { flex-direction:column; }
 .filter-row { position:sticky; top:0; z-index:10; padding:12px 0; background:#f4f8fd; }
 .solution-actions>* { flex:1 1 100%; text-align:center; }
 .card-benefit { gap:10px; }
 .smart-guide { padding:16px; }
 .related-video,.case-link { width:100%; margin-right:0; }
 .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .guide-card,.guide-card strong,.guide-card span { min-width:0; overflow-wrap:anywhere; }
 #recommendationForm select,#videoSearch { font-size:16px; min-height:44px; }
 .filter-chip,.open-button,.return-to-list,#clearSearch { min-height:44px; }
}
@media(max-width:380px) { .guide-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } *,*::before,*::after { animation:none!important; transition:none!important; } }

