.hero{background:var(--color-paper);color:var(--color-ink);padding:var(--space-16) 0 var(--space-12);text-align:center}.hero h1{font-size:clamp(2.5rem,7vw,5rem);margin-bottom:var(--space-4);color:var(--color-ink)}.hero .lead{font-size:var(--font-size-xl);color:var(--color-steel);max-width:700px;margin:0 auto var(--space-6)}.search-container{max-width:700px;margin:0 auto}.search-wrapper{position:relative}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-ink);opacity:.6;pointer-events:none}.search-input{width:100%;padding:var(--space-5) var(--space-5) var(--space-5) var(--space-12);font-size:var(--font-size-lg);border:3px solid var(--color-concrete);border-radius:var(--radius-lg);background:var(--color-paper);color:var(--color-ink);min-height:48px}.search-input:focus{outline:3px solid var(--color-gold);outline-offset:2px;border-color:var(--color-gold)}.search-loading{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%)}.search-loading img{width:28px;height:28px;display:block}.search-filters{display:flex;justify-content:center;margin-top:var(--space-5)}.filter-btn{padding:var(--space-2) var(--space-5);background:var(--color-gold);border:2px solid var(--color-gold);border-radius:var(--radius-md);color:var(--on-primary);font-size:var(--font-size-sm);font-weight:600}.video-section{padding:0 0 var(--space-12)}.video-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);max-width:800px;margin:0 auto var(--space-5)}.video-tab{padding:var(--space-2) var(--space-5);background:var(--color-paper);border:2px solid var(--color-concrete);border-radius:var(--radius-lg);color:var(--color-ink);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.video-tab:hover{border-color:var(--color-gold);transform:translateY(-1px)}.video-tab.is-active{background:var(--color-gold);border-color:var(--color-gold);color:var(--on-primary)}.video-tab:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px}.video-wrapper{position:relative;width:100%;max-width:800px;margin:0 auto;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px #0000001f}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}.categories-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.category-card{background:var(--color-paper);border:1px solid var(--color-concrete);border-radius:var(--radius-lg);padding:var(--space-6)}.category-description{color:var(--color-steel);margin-bottom:var(--space-4)}.doc-links{display:flex;flex-direction:column;gap:var(--space-2)}.doc-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--color-ink);padding:var(--space-2) 0;border-bottom:1px solid var(--color-concrete)}.popular-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.popular-card{display:block;text-decoration:none;border:1px solid var(--color-concrete);border-radius:var(--radius-lg);padding:var(--space-5);color:inherit;background:var(--color-paper);transition:border-color var(--duration-normal) var(--ease-standard)}.popular-card:hover{border-color:var(--color-gold)}a.popular-card,a.popular-card:hover{text-decoration:none;color:inherit}.popular-card h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2);text-transform:none;letter-spacing:normal}.popular-card p{font-size:var(--font-size-sm);color:var(--color-steel);line-height:1.5;margin:0}.search-results{margin-top:var(--space-6);background:var(--color-paper);border-radius:var(--radius-lg);padding:0;text-align:left}.results-count{margin:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-concrete);color:var(--color-steel)}.results-list{display:flex;flex-direction:column}.result-card{display:block;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-concrete);text-decoration:none;color:inherit}.result-card:hover{background:var(--color-sand)}@media(max-width:600px){.categories-grid,.popular-grid{grid-template-columns:1fr}}