.docs{max-width:68ch;padding-block:var(--pad-10) var(--pad-11);margin-inline:auto}.docs h1{font:500 clamp(32px, 3.6vw, 44px)/1.05 var(--pad-ui);letter-spacing:var(--pad-track-display)}.docs-lead{margin-top:var(--pad-5);color:var(--pad-ink-2);font:var(--pad-read)}.docs-contents{gap:0 var(--pad-7);margin-top:var(--pad-8);padding-block:var(--pad-6);border-block:var(--pad-hair-w) solid var(--pad-hair-strong);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs-contents h2{margin-bottom:var(--pad-4);font:var(--pad-head);grid-column:1/-1}.docs-contents a{justify-content:space-between;align-items:center;gap:var(--pad-4);min-height:44px;color:var(--pad-ink-2);font:var(--pad-control);text-decoration:none;display:flex}.docs-contents a:hover{color:var(--pad-cyan)}.docs-contents .pad-i{color:var(--pad-ink-3);flex:none}.docs section{scroll-margin-top:calc(var(--pad-header) + var(--pad-7));margin-top:var(--pad-10);padding-top:var(--pad-7);border-top:var(--pad-hair-w) solid var(--pad-hair)}.docs h2{margin-bottom:var(--pad-5);font:var(--pad-title);letter-spacing:var(--pad-track-display)}.docs p{max-width:68ch;color:var(--pad-ink-2);font:var(--pad-read)}.docs p+p{margin-top:var(--pad-5)}.docs b{color:var(--pad-ink-1);font-weight:500}.docs-roles{margin:var(--pad-7) 0;display:grid}.docs-roles>div{gap:var(--pad-4) var(--pad-6);padding:var(--pad-4) 0;border-top:var(--pad-hair-w) solid var(--pad-hair);grid-template-columns:minmax(0,200px) minmax(0,1fr);display:grid}.docs-roles>div:first-child{border-top:0}.docs-roles dt{align-items:center;gap:var(--pad-3);color:var(--pad-ink-1);font:var(--pad-label);display:flex}.docs-roles dd{color:var(--pad-ink-3);font:var(--pad-body);margin:0}.docs-note{margin-top:var(--pad-6);padding:var(--pad-5) var(--pad-6);border:var(--pad-hair-w) solid var(--pad-hair);border-radius:var(--pad-r-field);background:var(--pad-surface-2);font:var(--pad-body)!important}.docs-foot{gap:var(--pad-4);margin-top:var(--pad-10);flex-wrap:wrap;display:flex}@media (max-width:640px){.docs{padding-block:var(--pad-8) var(--pad-10)}.docs-contents{grid-template-columns:1fr}.docs-roles>div{gap:var(--pad-2);grid-template-columns:1fr}.docs-foot{align-items:stretch;gap:var(--pad-3);flex-direction:column}.docs-foot .pad-key{width:100%}.docs-foot .pad-btn{align-self:center;width:auto}}