.docs{width:min(100% - 48px,1440px);margin-inline:auto;border-inline:1px solid var(--ink)}.docs-hero{min-height:530px;display:grid;grid-template-columns:1.25fr .75fr;border-bottom:1px solid var(--ink)}.docs-hero>div{padding:86px clamp(32px,6vw,92px)}.docs-hero>div,.rule-copy{min-width:0}.docs-hero>div:first-child{border-right:1px solid var(--ink)}.docs-hero h1{font-size:clamp(70px,8vw,116px)}.docs-hero h1 em{color:var(--flare);font-style:normal}.docs-intro{display:flex;flex-direction:column;justify-content:center}.docs-intro>p{margin:0;color:var(--muted);font-size:18px;line-height:1.7}.docs-intro>code,.docs-cta>div:last-child>code{width:max-content;margin-top:34px;padding:16px 18px;border:1px solid var(--ink);background:var(--paper-bright);box-shadow:5px 5px 0 var(--ink);font-size:12px}.rule-index{display:grid;grid-template-columns:270px 1fr;border-bottom:1px solid var(--ink)}.index-heading{padding:42px 28px;border-right:1px solid var(--ink)}.index-heading span{color:var(--flare);font:11px DM Mono,monospace}.index-heading h2{margin-top:15px;font-size:30px;letter-spacing:-.04em}.rule-index ol{margin:0;padding:0;list-style:none}.rule-index li{border-bottom:1px solid var(--line)}.rule-index li:last-child{border-bottom:0}.rule-index a{min-height:64px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:0 28px;transition:background .15s ease,padding .15s ease}.rule-index a:hover{padding-inline:38px;background:var(--paper-bright)}.rule-index a span{color:var(--flare);font:11px DM Mono,monospace}.rule-index a b{color:var(--muted);font:9px DM Mono,monospace;letter-spacing:.08em}.rule-doc{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(340px,.65fr);border-bottom:1px solid var(--ink);scroll-margin-top:20px}.rule-doc>header{padding:46px 24px;border-right:1px solid var(--ink)}.rule-doc>header span{color:var(--flare);font:500 14px DM Mono,monospace}.rule-doc>header p{margin:10px 0 0;color:var(--muted);font:9px/1.5 DM Mono,monospace;text-transform:uppercase}.rule-copy{padding:70px clamp(32px,5vw,74px)}.rule-copy h2{font-size:clamp(46px,5vw,72px)}.rule-copy>p{max-width:760px;margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.rule-copy code,.example small code{padding:1px 4px;background:var(--paper-bright);font-size:.85em}.docs-link{display:inline-block;margin-top:30px;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:12px}.example{align-self:center;margin:38px;border:1px solid var(--ink);background:var(--ink);color:#d8d5cb;box-shadow:8px 8px 0 var(--flare)}.example>p{margin:0;padding:13px 16px;border-bottom:1px dashed #5d5d58;color:#8a8a84;font:9px DM Mono,monospace;letter-spacing:.1em}.example pre{margin:0;padding:22px 18px;overflow-x:auto;font:11px/1.65 DM Mono,monospace}.example small{display:block;padding:13px 16px;border-top:1px dashed #5d5d58;color:#8fca9e;font:9px/1.5 DM Mono,monospace}.example-danger{box-shadow-color:#ff7656}.example-danger>p{color:#ff7656}.docs-cta{min-height:430px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;background:var(--flare)}.docs-cta>div{padding:70px clamp(32px,6vw,92px)}.docs-cta>div:first-child{border-right:1px solid var(--ink)}.docs-cta .kicker{color:var(--ink)}.docs-cta h2{font-size:clamp(64px,7vw,105px)}.docs-cta>div:last-child>code{margin:0;background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--paper-bright)}.docs-cta>div:last-child p{margin:28px 0 0;font-size:14px;line-height:1.6}@media(max-width:980px){.docs-hero,.docs-cta{grid-template-columns:minmax(0,1fr)}.docs-hero>div:first-child,.docs-cta>div:first-child{border-right:0;border-bottom:1px solid var(--ink)}.rule-doc{grid-template-columns:120px 1fr}.example{grid-column:2;margin-top:0}}@media(max-width:680px){.docs{width:calc(100% - 24px);max-width:calc(100vw - 24px);overflow:hidden}.docs-hero,.docs-intro{width:100%;max-width:100%;min-width:0;overflow:hidden}.docs-hero>div{padding:55px 20px}.docs-intro>p{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}.docs-intro>code{max-width:100%;white-space:normal}.docs-hero h1{font-size:clamp(60px,18vw,88px)}.rule-index{grid-template-columns:1fr}.index-heading{border-right:0;border-bottom:1px solid var(--ink)}.rule-index a{grid-template-columns:60px 1fr;padding:0 18px}.rule-index a b{display:none}.rule-doc{grid-template-columns:1fr}.rule-doc>header{padding:23px 20px;border-right:0;border-bottom:1px solid var(--ink)}.rule-copy{padding:52px 20px}.example{grid-column:1;margin:0 20px 52px}.docs-cta>div{padding:55px 20px}}