.docs:has(.docs-hero){background:var(--bg-content)}.docs-hero{display:flex;padding:0 var(--spacer-xl);margin-bottom:var(--spacer-xl);gap:var(--spacer-lg);.docs-hero-text{display:flex;flex-direction:column;gap:var(--spacer-md);justify-content:center}h1{font-size:var(--text-48);line-height:1.2;font-family:var(--font-heading)}.search{width:100%;input{padding-top:var(--spacer-md);padding-bottom:var(--spacer-md)}}}.docs-hero-card{display:flex;flex-direction:column;gap:var(--spacer);border:1px solid var(--primary);padding:var(--spacer-lg);height:100%;text-decoration:none;color:var(--primary);.icon{font-size:var(--text-24);align-self:start}h2{text-decoration:underline}p{color:var(--fg)}&:hover{border-color:var(--primary);background:var(--bg-500);h2{text-decoration:none}}}.docs-extras{background:var(--bg-800);padding:var(--spacer-lg);border:1px solid var(--border);margin:-2px}.docs-hero-list{list-style:none;padding:0;a{color:var(--primary);display:block;padding:var(--spacer) 0;&:hover{color:var(--primary-hover);text-decoration:none}}}@media (max-width:980px){.docs-hero{flex-direction:column;background:none;padding:var(--spacer-lg) var(--spacer-md)}}@media (max-width:768px){.docs-hero{h1{font-size:var(--text-36)}}}