html{scroll-behavior:auto}
.methods-bar{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.methods-main{max-width:1120px;padding-block:40px}
.methods-main .lead{max-width:65ch}
.method-card{margin-bottom:22px;scroll-margin-top:24px;min-width:0;overflow-wrap:anywhere}
.method-card h2{font-size:clamp(1.65rem,3vw,2.2rem);margin-bottom:14px}
.method-card p+p,.method-card .credits{margin-top:14px}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.method-grid .method-card{margin:0}
.method-grid+.method-card{margin-top:22px}
.methods-jump{display:flex;gap:10px 18px;flex-wrap:wrap;padding:18px 0 28px}
.methods-jump a{min-height:30px;display:flex;align-items:center}
.method-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:20px}
.method-rule{border:1px solid var(--line);padding:14px;border-radius:5px;min-width:0}
.method-rule summary{font-weight:650;cursor:pointer;min-height:28px}
.method-rule p,.method-rule ul,.method-rule details{margin-top:12px}
.method-rule li{margin:8px 0}
.method-rule pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.83rem;margin-top:12px}
.method-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-block:18px;padding:18px;background:var(--paper,#f7f6ee);border:1px solid var(--line);border-radius:5px}
.method-examples p+p{margin:0}
.methods-footer{border-top:1px solid var(--line);padding-top:22px}
@media(max-width:700px){.methods-bar{gap:14px;min-height:64px}.methods-bar .brand{font-size:1.5rem}.methods-bar>a:last-child{font-size:.9rem}.methods-main{padding-top:28px}.method-grid,.method-rules,.method-examples{grid-template-columns:1fr}}
