.documentation-hero{background-color:var(--color-bg-secondary);padding:5rem 0 3rem}.documentation-hero__content{max-width:800px;margin:0 auto;text-align:center}.documentation-hero__title{font-size:2rem;font-weight:800;color:var(--color-layout-text);margin-bottom:1rem}@media (min-width: 640px){.documentation-hero__title{font-size:3rem}}.documentation-hero__subtitle{font-size:1.25rem;color:var(--color-layout-text-secondary);margin-bottom:2rem}.documentation-search{position:relative;max-width:600px;margin:0 auto}.documentation-search__container{display:flex;align-items:center;background-color:var(--color-layout-bg);border:1px solid var(--color-layout-border);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000000d}.documentation-search__icon{width:1.5rem;height:1.5rem;margin-left:1rem;color:var(--color-layout-text-secondary)}.documentation-search__input{flex:1;border:none;outline:none;padding:1rem;font-size:1rem;background-color:transparent;color:var(--color-layout-text)}.documentation-search__results{position:absolute;top:100%;left:0;right:0;background-color:var(--color-layout-bg);border:1px solid var(--color-layout-border);border-radius:.5rem;margin-top:.5rem;z-index:10;box-shadow:0 4px 6px #0000001a;overflow:hidden}.documentation-search__result{border-bottom:1px solid var(--color-layout-border)}.documentation-search__result:last-child{border-bottom:none}.documentation-search__result-link{display:block;padding:.75rem 1rem;color:var(--color-layout-text);text-decoration:none;transition:background-color .2s}.documentation-search__result-link:hover{background-color:var(--color-active-theme-bg)}.documentation-search__result-title{font-weight:500;margin-bottom:.25rem}.documentation-search__result-category{font-size:.875rem;color:var(--color-layout-text-secondary)}.documentation-popular{padding:4rem 0}.documentation-section-title{font-size:1.5rem;font-weight:700;color:var(--color-layout-text);margin-bottom:1.5rem;text-align:center}.documentation-popular__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 640px){.documentation-popular__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.documentation-popular__grid{grid-template-columns:repeat(4,1fr)}}.documentation-popular__item{background-color:var(--color-layout-bg);border:1px solid var(--color-layout-border);border-radius:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;text-decoration:none;display:flex;flex-direction:column}.documentation-popular__item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:var(--color-primary)}.documentation-popular__item-category{font-size:.875rem;color:var(--color-primary);font-weight:500;margin-bottom:.5rem}.documentation-popular__item-title{font-size:1.125rem;font-weight:600;color:var(--color-layout-text)}.documentation-categories{padding:2rem 0 4rem;background-color:var(--color-bg)}.documentation-categories__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width: 640px){.documentation-categories__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.documentation-categories__grid{grid-template-columns:repeat(3,1fr)}}.documentation-category{background-color:var(--color-layout-bg);border:1px solid var(--color-layout-border);border-radius:.5rem;overflow:hidden}.documentation-category__header{display:flex;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-layout-border)}.documentation-category__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-primary);border-radius:.5rem;margin-right:1rem}.documentation-category__icon-svg{width:1.5rem;height:1.5rem;color:#fff}.documentation-category__title{font-size:1.25rem;font-weight:600;color:var(--color-layout-text)}.documentation-category__topics{padding:1rem 0}.documentation-category__topic{padding:.5rem 1.5rem}.documentation-category__topic-link{color:var(--color-layout-text);text-decoration:none;transition:color .2s;display:block}.documentation-category__topic-link:hover{color:var(--color-primary)}.documentation-guides{padding:4rem 0}.documentation-guides__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width: 768px){.documentation-guides__grid{grid-template-columns:repeat(3,1fr)}}.documentation-guide{background-color:var(--color-layout-bg);border:1px solid var(--color-layout-border);border-radius:.5rem;padding:2rem;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.documentation-guide:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.documentation-guide__title{font-size:1.25rem;font-weight:600;color:var(--color-layout-text);margin-bottom:1rem}.documentation-guide__description{font-size:.875rem;color:var(--color-layout-text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.documentation-guide__link{color:var(--color-primary);font-weight:500;font-size:.875rem;display:flex;align-items:center}.documentation-help{padding:4rem 0;background-color:var(--color-bg-secondary)}.documentation-help__content{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--color-layout-bg);border-radius:.75rem;padding:3rem 2rem;box-shadow:0 10px 25px #0000000d}@media (min-width: 768px){.documentation-help__content{flex-direction:row;text-align:left;justify-content:space-between;padding:3rem}}.documentation-help__info{margin-bottom:2rem}@media (min-width: 768px){.documentation-help__info{margin-bottom:0;margin-right:2rem}}.documentation-help__title{font-size:1.5rem;font-weight:700;color:var(--color-layout-text);margin-bottom:1rem}.documentation-help__text{color:var(--color-layout-text-secondary);max-width:500px}.documentation-help__button{display:inline-block;background-color:var(--color-primary);color:#fff;font-weight:500;padding:.75rem 1.5rem;border-radius:.375rem;text-decoration:none;transition:background-color .2s}.documentation-help__button:hover{background-color:var(--color-primary-dark, var(--color-layout-link-hover))}