.guide-manual{--manual-muted:#716d80;--manual-line:#e9e6ef;background:#fff}.guide-manual>.guide-header{background:#fff;grid-template-columns:205px minmax(0,1fr) auto auto;min-height:76px;padding-inline:max(32px,50vw - 684px)}.guide-manual .guide-brand img{width:196px}.guide-manual .guide-top-nav{gap:clamp(18px,1.8vw,30px)}.manual-layout{grid-template-columns:288px minmax(0,1fr);max-width:1800px;margin-inline:auto;display:grid}.manual-sidebar{scrollbar-width:thin;border-inline-end:1px solid var(--manual-line);background:#faf9fd;align-self:start;height:calc(100dvh - 76px);padding:24px 14px 20px 22px;position:sticky;top:76px;overflow-y:auto}.manual-sidebar-label,.manual-desktop-index h2{color:#6b6580;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:11px;font-weight:750;line-height:1.5}.manual-sidebar-label,.manual-release{padding-inline:13px}.manual-release{color:#625d73;margin:3px 0 18px;font-size:13px}.manual-desktop-index a{color:#514b65;border-radius:10px;align-items:center;gap:20px;min-height:40px;padding:9px 13px;font-size:13px;line-height:1.45;display:flex}.manual-desktop-index a svg{color:#3f3756;flex-shrink:0}.manual-desktop-index .manual-overview{min-height:44px;color:var(--purple);background:#f0eaff;font-weight:700}.manual-desktop-index .manual-overview svg{color:var(--purple)}.manual-desktop-index section{margin-top:26px}.manual-desktop-index h2{margin-bottom:8px;padding-inline:13px}.manual-desktop-index a:hover{color:var(--purple-deep);background:#f0eaff}.manual-desktop-index .manual-sidebar-foundations{border-top:1px solid var(--manual-line);margin-top:12px;padding-top:14px}.manual-mobile-index{display:none}.manual-content{min-width:0;padding:28px 36px 0}.manual-intro h1{letter-spacing:-.055em;color:#0e0c13;margin:0;font-family:Madefor Display,Madefor,sans-serif;font-size:clamp(34px,3.55vw,54px);font-weight:750;line-height:1.15}.manual-intro>p{color:var(--manual-muted);margin:12px 0 16px;font-size:21px;line-height:1.45}.manual-search-field{min-height:56px;color:var(--manual-muted);background:#f6f3fc;border:1px solid #0000;border-radius:16px;align-items:center;gap:16px;padding-inline:22px 8px;display:flex}.manual-search-field:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #6827ec12}.manual-search-field input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding-block:14px;font-size:16px}.manual-search-field input::placeholder{color:var(--manual-muted);opacity:1}.manual-search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.manual-search-field svg{flex-shrink:0}.manual-search-field button{min-width:44px;min-height:44px;color:var(--purple-deep);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.manual-search-field button:hover{background:#eae0fc}.manual-search-results{border:1px solid var(--manual-line);border-radius:14px;margin-block:14px 26px;padding:20px 22px}.manual-search-results[hidden]{display:none}.manual-search-results h2{margin:0 0 10px;font-size:17px}.manual-search-results>a{border-top:1px solid var(--manual-line);align-items:center;gap:20px;padding-block:16px;display:flex}.manual-search-results>a>div{flex:1;min-width:0}.manual-search-results small{color:var(--purple-deep);font-size:12px}.manual-search-results h3{margin:4px 0;font-size:17px}.manual-search-results p{color:var(--manual-muted);margin:0;font-size:14px}.manual-search-results>a>span{white-space:nowrap;color:var(--manual-muted);font-size:13px}.manual-search-results>a>svg{color:var(--purple);flex-shrink:0}.manual-search-empty{gap:6px;padding-block:16px;display:grid}.manual-feature{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);align-items:center;gap:28px;padding-block:22px 8px;display:grid}.manual-feature>div{padding-bottom:40px}.manual-eyebrow{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750;line-height:1.5}.manual-feature h2{letter-spacing:-.05em;color:#0e0c13;margin:12px 0 18px;font-family:Madefor Display,Madefor,sans-serif;font-size:clamp(32px,3.05vw,46px);font-weight:750;line-height:1.05}.manual-feature>div>p:not(.manual-eyebrow){color:var(--manual-muted);margin:0 0 26px;font-size:16px;line-height:1.55}.manual-primary{color:#fff;background:var(--purple);border-radius:14px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:12px 26px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 9px 20px #6827ec16}.manual-primary:hover{background:var(--purple-deep)}.manual-primary svg{flex-shrink:0}.manual-feature figure{border:1px solid #e1dfe9;border-radius:12px;margin:0;overflow:hidden}.manual-feature img{width:100%;height:auto;display:block}.manual-chapter-group{border-top:1px solid var(--manual-line)}.manual-group-heading{justify-content:space-between;align-items:center;gap:16px;padding-block:16px 8px;display:flex}.manual-group-heading h2,.manual-group-heading h3{color:var(--purple);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750;line-height:1.5}.manual-group-heading>span{color:var(--manual-muted);font-size:12px}.manual-chapter-row{border-bottom:1px solid var(--manual-line);grid-template-columns:28px minmax(180px,auto) minmax(0,1fr) 64px 20px;align-items:center;gap:28px;min-height:62px;padding:12px 20px;display:grid}.manual-chapter-row>svg{color:#4b425f}.manual-chapter-row h3,.manual-chapter-row h4{letter-spacing:-.025em;margin:0;font-size:16px;font-weight:650;line-height:1.35}.manual-chapter-row p{color:var(--manual-muted);margin:0;font-size:13px;line-height:1.5}.manual-reading-time{color:#625b73;white-space:nowrap;font-size:14px}.manual-chapter-row .manual-row-arrow{color:var(--purple)}.manual-chapter-row:hover{background:#faf8ff}.manual-chapter-row:hover h3,.manual-chapter-row:hover h4{color:var(--purple-deep)}.manual-foundations-banner{background:#f4efff;border:1px solid #eee6ff;border-radius:12px;grid-template-columns:40px minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:22px;min-height:96px;margin-top:16px;padding:20px 24px;display:grid}.manual-foundations-banner>svg{color:#351066}.manual-foundations-banner h2{letter-spacing:-.045em;margin:6px 0 0;font-size:23px;font-weight:700;line-height:1.2}.manual-foundations-banner>p{color:var(--manual-muted);margin:0;font-size:13px;line-height:1.55}.manual-foundations-banner>span{border-inline-start:1px solid #dfd5ed;padding-inline-start:26px}.manual-foundations-banner small{color:var(--manual-muted);font-size:12px}.manual-foundations-banner strong{color:var(--purple);align-items:center;gap:12px;margin-top:5px;font-size:13px;line-height:1.4;display:flex}.manual-foundations-banner:hover{background:#eee5ff}.manual-library,.manual-foundations-library{padding-top:64px}.manual-library-title{margin-bottom:22px}.manual-library-title>h2{letter-spacing:-.045em;margin:8px 0;font-size:30px;font-weight:700;line-height:1.2}.manual-library-title>p:not(.manual-eyebrow){color:var(--manual-muted);font-size:15px}.manual-library .manual-chapter-group+.manual-chapter-group,.manual-foundations-library .manual-chapter-group+.manual-chapter-group{margin-top:28px}.manual-version-note{color:var(--manual-muted);margin-top:48px;font-size:13px}.guide-manual .manual-footer{grid-template-columns:auto 1fr auto;gap:28px;width:100%;margin:0;padding-block:28px}.guide-manual :is(a,button,summary):focus-visible{outline:2px solid var(--purple);outline-offset:4px}.guide-manual :is([id],.manual-chapter-group){scroll-margin-top:96px}[dir=rtl] .manual-row-arrow,[dir=rtl] .manual-primary>svg,[dir=rtl] .manual-foundations-banner strong svg{transform:scaleX(-1)}@media (min-width:1101px) and (max-width:1360px){.guide-manual>.guide-header{grid-template-columns:180px minmax(0,1fr) auto auto;gap:12px;padding-inline:24px}.guide-manual .guide-brand img{width:175px}.guide-manual .guide-top-nav{gap:16px}.guide-manual .guide-github{display:none}.manual-layout{grid-template-columns:260px minmax(0,1fr)}.manual-sidebar{padding-inline:14px}.manual-content{padding-inline:28px}.manual-chapter-row{grid-template-columns:26px minmax(160px,auto) minmax(0,1fr) 54px 18px;gap:18px;padding-inline:12px}.manual-foundations-banner{grid-template-columns:32px minmax(0,1fr) auto;gap:16px;padding-inline:20px}.manual-foundations-banner>p{display:none}}@media (max-width:1100px){.guide-manual>.guide-header{grid-template-columns:150px minmax(0,1fr) auto auto;gap:10px;min-height:76px;padding-inline:16px}.guide-manual .guide-brand img{width:145px}.guide-manual .guide-top-nav{gap:12px}.guide-manual .guide-top-nav a{font-size:12px}.guide-manual :is(.guide-profile,.guide-github){display:none}.manual-layout{grid-template-columns:232px minmax(0,1fr)}.manual-sidebar{padding-inline:10px}.manual-desktop-index a{gap:12px;font-size:12px}.manual-content{padding-inline:24px}.manual-intro>p{font-size:18px}.manual-feature{grid-template-columns:1fr;gap:24px;padding-block:28px}.manual-feature>div{padding-bottom:0}.manual-feature h2{max-width:520px}.manual-feature>div>p:not(.manual-eyebrow){max-width:580px}.manual-chapter-row{grid-template-columns:24px minmax(0,1fr) auto 18px;gap:16px;padding-inline:8px}.manual-chapter-row p{grid-column:2/-1}.manual-chapter-row .manual-reading-time{grid-area:1/3}.manual-chapter-row .manual-row-arrow{grid-area:1/4}.manual-foundations-banner{grid-template-columns:35px minmax(0,1fr);gap:16px}.manual-foundations-banner>p{grid-column:2}.manual-foundations-banner>span{border:0;grid-column:2;padding:0}.guide-manual .manual-footer{grid-template-columns:1fr;gap:12px}}@media (max-width:860px){.guide-manual>.guide-header{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}}@media (max-width:760px){.guide-manual>.guide-header{min-height:68px;padding-inline:20px}.guide-manual .guide-brand img{width:155px}.manual-layout{display:block}.manual-sidebar{border-inline-end:0;border-bottom:1px solid var(--manual-line);height:auto;padding:14px 20px;position:static;overflow:visible}.manual-sidebar-label,.manual-release,.manual-desktop-index{display:none}.manual-mobile-index{display:block}.manual-mobile-index summary{min-height:28px;color:var(--purple-deep);cursor:pointer;align-items:center;gap:12px;font-size:14px;font-weight:650;list-style:none;display:flex}.manual-mobile-index summary::-webkit-details-marker{display:none}.manual-mobile-index summary>svg:last-child{margin-inline-start:auto;transition:transform .15s}.manual-mobile-index[open] summary>svg:last-child{transform:rotate(90deg)}.manual-mobile-index nav{padding-top:12px;display:grid}.manual-mobile-index nav a{color:#514b65;padding:12px 0;font-size:14px;display:block}.manual-content{padding:26px 20px 0}.manual-intro h1{font-size:clamp(32px,6.4vw,43px);line-height:1.08}.manual-intro>p{margin-bottom:22px;font-size:17px}.manual-search-field{border-radius:12px;gap:12px;padding-inline-start:16px}.manual-feature h2{font-size:34px}.manual-feature>div>p:not(.manual-eyebrow){font-size:15px}.manual-primary{padding-inline:20px;font-size:14px}.manual-chapter-row{gap:10px;padding-block:16px}.manual-chapter-row h3,.manual-chapter-row h4{font-size:15px}.manual-chapter-row p{font-size:13px}.manual-reading-time{font-size:12px}.manual-foundations-banner{padding:20px 16px}.manual-foundations-banner .manual-eyebrow{font-size:10px}.manual-foundations-banner h2{font-size:23px}.manual-library-title>h2{font-size:27px}.manual-library,.manual-foundations-library{padding-top:44px}.manual-search-results{padding:16px}.manual-search-results>a{flex-wrap:wrap;gap:10px}.manual-search-results>a>div{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.manual-mobile-index summary>svg{transition:none}}