.doc-page{padding:2rem 0}.doc-page__container{display:flex;flex-direction:column}@media (min-width: 1024px){.doc-page__container{flex-direction:row;gap:3rem}}.doc-sidebar{width:100%;position:relative}@media (min-width: 1024px){.doc-sidebar{width:280px;position:sticky;top:6rem;height:calc(100vh - 8rem);overflow-y:auto}}.doc-sidebar__section{margin-bottom:2rem}.doc-sidebar__back-link{display:flex;align-items:center;font-size:.875rem;color:var(--color-layout-text-secondary);text-decoration:none;transition:color .2s;margin-bottom:1rem}.doc-sidebar__back-link:hover{color:var(--color-primary)}.doc-sidebar__back-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.doc-sidebar__heading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-layout-text-secondary);margin-bottom:.75rem}.doc-sidebar__toc,.doc-sidebar__links{list-style:none;padding:0;margin:0}.doc-sidebar__toc-item,.doc-sidebar__link-item{margin-bottom:.5rem}.doc-sidebar__toc-link,.doc-sidebar__link{display:block;font-size:.875rem;color:var(--color-layout-text);text-decoration:none;padding:.25rem 0;transition:color .2s}.doc-sidebar__toc-link:hover,.doc-sidebar__link:hover{color:var(--color-primary)}.doc-content{flex:1;max-width:800px}.doc-content__header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-layout-border)}.doc-content__title{font-size:2.5rem;font-weight:700;color:var(--color-layout-text);margin-bottom:.75rem}.doc-content__subtitle{font-size:1.125rem;color:var(--color-layout-text-secondary)}.doc-section{margin-bottom:3rem}.doc-section__title{font-size:1.5rem;font-weight:700;color:var(--color-layout-text);margin-bottom:1rem;padding-top:1rem}.doc-section__subtitle{font-size:1.25rem;font-weight:600;color:var(--color-layout-text);margin:1.5rem 0 1rem}.doc-text{font-size:1rem;line-height:1.7;color:var(--color-layout-text);margin-bottom:1rem}.doc-list{padding-left:1.5rem;margin-bottom:1.5rem}.doc-list--numbered{list-style-type:decimal}.doc-list__item{margin-bottom:.5rem;line-height:1.6;color:var(--color-layout-text)}.doc-card{background-color:var(--color-layout-bg);border:1px solid var(--color-layout-border);border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden}.doc-card__header{background-color:var(--color-bg-secondary);padding:1rem 1.5rem;border-bottom:1px solid var(--color-layout-border)}.doc-card__title{font-size:1.125rem;font-weight:600;color:var(--color-layout-text);margin:0}.doc-card__content{padding:1.5rem}.doc-callout{display:flex;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:.5rem;background-color:var(--color-bg-secondary);border-left:4px solid var(--color-primary)}.doc-callout--info{border-left-color:var(--color-primary)}.doc-callout--warning{border-left-color:#f59e0b}.doc-callout--tip{border-left-color:#10b981}.doc-callout__icon{flex-shrink:0;margin-right:1rem}.doc-callout__icon svg{width:1.5rem;height:1.5rem;color:var(--color-layout-text-secondary)}.doc-callout--info .doc-callout__icon svg{color:var(--color-primary)}.doc-callout--warning .doc-callout__icon svg{color:#f59e0b}.doc-callout--tip .doc-callout__icon svg{color:#10b981}.doc-callout__content p{margin:0}.doc-link{color:var(--color-primary);text-decoration:underline;transition:color .2s}.doc-link:hover{color:var(--color-layout-link-hover)}.doc-image{max-width:100%;height:auto;border-radius:.375rem;margin:1rem 0;border:1px solid var(--color-layout-border)}.doc-navigation{display:flex;justify-content:space-between;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-layout-border)}.doc-navigation__link{display:flex;flex-direction:column;text-decoration:none}.doc-navigation__link--prev{margin-left:auto;align-items:flex-end}.doc-navigation__direction{font-size:.875rem;font-weight:500;color:var(--color-primary);margin-bottom:.25rem}.doc-navigation__title{font-size:1rem;font-weight:600;color:var(--color-layout-text);display:flex;align-items:center}.doc-navigation__icon{width:1.25rem;height:1.25rem;margin-left:.5rem;color:var(--color-primary)}