.docs-hero{text-align:center;padding:var(--space-xl) 0;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);border-radius:var(--border-radius-lg);color:var(--color-bg)}.docs-hero h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--space-sm);color:var(--color-bg)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);max-width:42rem;margin:0 auto;opacity:.95;line-height:1.6}.docs-search{margin-bottom:var(--space-xl)}.search-box{max-width:40rem;margin:0 auto;position:relative;display:flex;align-items:center;gap:var(--space-xs)}.search-box input[type=search]{flex:1;padding:var(--space-sm) var(--space-md);padding-right:3rem;font-size:1rem;border:2px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-light);color:var(--color-text);transition:border-color .2s ease}.search-box input[type=search]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.search-box button{position:absolute;right:var(--space-xs);padding:var(--space-xs);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:all .2s ease}.search-box button:hover{background:var(--color-bg-alt);color:var(--color-primary)}.search-box button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.help-text{position:absolute;right:3.5rem;font-size:.75rem;color:var(--color-text-muted);pointer-events:none}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.docs-card{display:flex;flex-direction:column;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.docs-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--color-primary)}.docs-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.card-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-primary-alpha) 0%,var(--color-accent-alpha) 100%);color:var(--color-primary)}.card-content{padding:var(--space-md);flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.card-content h3{font-size:1.5rem;font-weight:600;margin:0;line-height:1.3}.card-content h3 a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.card-content h3 a:hover{color:var(--color-primary)}.card-content h3 a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.card-description{font-size:.95rem;line-height:1.6;color:var(--color-text-muted);flex:1}.card-meta{display:flex;align-items:center;gap:var(--space-md);font-size:.875rem}.meta-badge{padding:.25rem .75rem;background:var(--color-accent-alpha);color:var(--color-accent);border-radius:var(--border-radius-full);font-weight:500}.meta-time{color:var(--color-text-muted);display:flex;align-items:center;gap:.25rem}.meta-time:before{content:"⏱";font-size:1rem}.card-topics{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.topic-tag{font-size:.75rem;padding:.25rem .5rem;background:var(--color-bg-alt);color:var(--color-text-muted);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.card-footer{padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg-alt)}.card-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:500;color:var(--color-primary);text-decoration:none;transition:all .2s ease}.card-link:hover{gap:var(--space-sm);color:var(--color-primary-dark)}.card-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.card-link svg{transition:transform .2s ease}.card-link:hover svg{transform:translate(4px)}.docs-resources{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--color-bg-alt);border-radius:var(--border-radius-lg)}.docs-resources h3{font-size:1.75rem;margin-bottom:var(--space-lg);text-align:center}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-lg)}.resource-item{padding:var(--space-md);background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:all .2s ease}.resource-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.resource-item h4{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text)}.resource-item p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.5}.resource-item a{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;color:var(--color-primary);text-decoration:none;transition:gap .2s ease}.resource-item a:hover{gap:.5rem;text-decoration:underline}.docs-progress{padding:var(--space-xl);background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-alt) 100%);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.docs-progress h3{font-size:1.5rem;margin-bottom:var(--space-md);text-align:center}.progress-container{max-width:36rem;margin:0 auto var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.progress-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-light);border-radius:var(--border-radius-md);border:1px solid var(--color-border);transition:all .2s ease}.progress-item:hover{border-color:var(--color-primary-alpha);background:var(--color-bg)}.progress-item input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-primary)}.progress-item label{flex:1;font-size:1rem;color:var(--color-text);cursor:pointer}.progress-item input[type=checkbox]:checked+label{text-decoration:line-through;color:var(--color-text-muted)}.progress-note{text-align:center;color:var(--color-text-muted);font-size:.875rem;margin:0}@media (max-width: 768px){.docs-hero{padding:var(--space-lg) var(--space-md)}.docs-grid{grid-template-columns:1fr;gap:var(--space-md)}.resources-grid{grid-template-columns:1fr}.docs-resources{padding:var(--space-lg)}.card-icon{padding:var(--space-md)}.card-icon svg{width:36px;height:36px}}@media (max-width: 480px){.docs-hero h2{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.card-content,.card-footer{padding:var(--space-sm)}.docs-progress{padding:var(--space-md)}.card-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}@media (prefers-reduced-motion: no-preference){*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;transition:outline-offset .2s ease}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.docs-card{border-width:2px}.card-link,.resource-item a{text-decoration:underline}}@media (prefers-color-scheme: dark){.docs-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}.card-icon{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2),rgba(var(--color-accent-rgb),.2))}}@media print{.docs-search,.docs-progress,header nav,footer{display:none}.docs-card{break-inside:avoid;box-shadow:none;border:1px solid #000}.docs-hero{background:none;color:#000;border:2px solid #000}}