.guide-page{min-width:0}.guide-desktop-toc{align-self:start;max-height:calc(100vh - 120px);position:sticky;top:104px;overflow-y:auto}.guide-mobile-toc{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);margin-bottom:1.5rem;overflow:hidden}.guide-mobile-toc summary{color:var(--color-plum);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;justify-content:space-between;align-items:center;padding:.875rem 1rem;font-weight:700;list-style:none;display:flex}.guide-mobile-toc summary::-webkit-details-marker{display:none}.guide-mobile-toc[open] summary svg{transform:rotate(180deg)}.guide-mobile-toc nav{border-top:1px solid var(--color-line);gap:.25rem;padding:.5rem;display:grid}.guide-mobile-toc nav a{border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--text-sm);padding:.625rem;font-weight:700;text-decoration:none}.guide-mobile-toc nav a:hover,.guide-mobile-toc nav a:focus-visible{background:var(--color-lilac)}.guide-page .guide-prose{min-width:0}.guide-page .guide-prose h2,.guide-page .guide-prose h3{scroll-margin-top:104px}.guide-page .guide-prose h2{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);margin-bottom:.75rem}.guide-page .guide-prose h3{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.guide-page .guide-prose :not(pre)>code{white-space:normal;overflow-wrap:anywhere}.guide-page .guide-prose .guide-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.875rem;margin:1rem 0 1.5rem;display:grid}.guide-page .guide-prose .guide-choice-grid a{border:1px solid var(--color-purple);border-radius:var(--radius-md);background:var(--color-lilac);min-width:0;color:var(--color-ink);transition:background-color .16s var(--ease-calm), box-shadow .16s var(--ease-calm), color .16s var(--ease-calm), transform .16s var(--ease-calm);flex-direction:column;gap:.625rem;padding:1.125rem;text-decoration:none;display:flex}.guide-page .guide-prose .guide-choice-grid a:hover,.guide-page .guide-prose .guide-choice-grid a:focus-visible{background:var(--color-plum);box-shadow:var(--shadow-lift);color:var(--color-white);transform:translateY(-2px)}.guide-page .guide-prose .guide-choice-grid a:active{transform:scale(.97)}.guide-page .guide-prose .guide-choice-grid strong{color:var(--color-purple);font-size:var(--text-lg);line-height:var(--text-lg--line-height)}.guide-page .guide-prose .guide-choice-grid a:hover strong,.guide-page .guide-prose .guide-choice-grid a:focus-visible strong{color:var(--color-white)}.guide-page .guide-prose .guide-choice-grid span{font-size:var(--text-sm);flex:1}.guide-page .guide-prose .guide-reuse-note{border-left:4px solid var(--color-periwinkle);border-radius:var(--radius-sm);background:var(--color-sky);margin:0}.guide-page .guide-prose .guide-reuse-note p{margin:0;padding:.75rem 1rem}.guide-page .guide-prose .guide-helpful-note,.guide-page .guide-prose .guide-technical-note{border-left:4px solid var(--color-periwinkle);border-radius:var(--radius-sm);background:var(--color-sky);margin:1.5rem 0;padding:.875rem 1rem}.guide-page .guide-prose .guide-helpful-note p,.guide-page .guide-prose .guide-technical-note p{margin:0}.guide-page .guide-prose .guide-helpful-note p+p,.guide-page .guide-prose .guide-technical-note p+p{margin-top:.75rem}.guide-page .guide-prose pre{max-width:100%;overflow-x:auto}.guide-page .guide-prose pre[data-language=text]{border:1px solid var(--color-line);border-radius:var(--radius-md);white-space:pre-wrap;padding:1rem;background:var(--color-sky)!important;color:var(--color-ink)!important}.guide-page .guide-prose pre[data-language=text] *{color:inherit!important}.guide-page .guide-prose .guide-code-block{border:1px solid var(--color-plum);border-radius:var(--radius-md);min-width:0;margin:1.5rem 0;overflow:hidden}.guide-code-header{background:var(--color-ink);color:var(--color-orchid);font-size:var(--text-label);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .875rem;font-weight:700;display:flex}.guide-copy-button{border-radius:var(--radius-sm);color:var(--color-periwinkle);font-size:var(--text-caption);letter-spacing:normal;text-transform:none;background:0 0;border:0;padding:.375rem .625rem;font-weight:700}.guide-copy-button:hover,.guide-copy-button:focus-visible{background:var(--color-plum);color:var(--color-white)}.guide-page .guide-prose .guide-code-block pre{border-radius:0;margin:0}.guide-page .guide-prose .guide-rise-example{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);margin:1.5rem 0;overflow:hidden}.guide-page .guide-prose .guide-rise-example>summary{color:var(--color-plum);cursor:pointer;padding:1rem 1.125rem;font-weight:700}.guide-page .guide-prose .guide-rise-example[open]>summary{border-bottom:1px solid var(--color-line);background:var(--color-lilac)}.guide-page .guide-prose .guide-rise-example .guide-code-block{border:0;border-radius:0;margin:0}.guide-page .guide-prose pre code{white-space:pre;overflow-wrap:normal}.guide-page .guide-prose p>img{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);margin:1rem 0;padding:.5rem}.guide-page .guide-prose .guide-info-table{border:1px solid var(--color-line);border-radius:var(--radius-md);border-spacing:0;width:100%;max-width:100%;margin:1.5rem 0;display:block;overflow-x:auto}.guide-page .guide-prose .guide-info-table th,.guide-page .guide-prose .guide-info-table td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.75rem .875rem}.guide-page .guide-prose .guide-info-table th{background:var(--color-lilac);color:var(--color-plum);font-size:var(--text-caption)}.guide-page .guide-prose .guide-info-table tr:last-child td{border-bottom:0}.guide-support-button:hover{color:var(--color-white);transform:translateY(-2px)}.guide-page :is(a,button,summary):focus-visible{outline:3px solid var(--color-purple);outline-offset:3px}@media (width>=1024px){.guide-page .guide-prose h2{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);margin-top:3rem}}@media (width<=639px){.guide-page .guide-prose .guide-info-table{border:0;overflow:visible}.guide-page .guide-prose .guide-info-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.guide-page .guide-prose .guide-info-table tbody{gap:.75rem;display:grid}.guide-page .guide-prose .guide-info-table tr{border:1px solid var(--color-line);border-radius:var(--radius-md);display:block;overflow:hidden}.guide-page .guide-prose .guide-info-table td{border-bottom:1px solid var(--color-line);font-size:var(--text-sm);grid-template-columns:minmax(5rem,6rem) minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.guide-page .guide-prose .guide-info-table td:before{content:attr(data-label);color:var(--color-plum);font-size:var(--text-label);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:700}}