.mod-dl{flex-direction:column;gap:14px;width:100%;display:flex}.mod-dl-actions{flex-wrap:wrap;gap:12px;display:flex}.mod-dl-meta{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:4px 0 0;font-size:15px;display:flex}.mod-dl-name{color:#fff;font-weight:700}.mod-dl-note{color:var(--ink-muted);margin:0;font-size:14px}.mod-page{gap:clamp(64px,7vw,120px);padding-top:clamp(56px,6vw,110px);padding-bottom:clamp(72px,8vw,140px);display:grid}.mod-h2{font:800 clamp(28px,2.8vw,44px)/1.1 var(--font-site);letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:0}.mod-sub{color:var(--ink);margin:10px 0 0;font-size:17px}.mod-grid{gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.mod-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mod-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mod-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mod-card{padding:26px 26px 28px}.mod-card h3,.mod-compat h3{font:700 20px/1.25 var(--font-site);letter-spacing:-.01em;color:#fff;margin:0}.mod-card p,.mod-compat p{color:var(--ink);max-width:62ch;margin:10px 0 0;font-size:16px;line-height:1.6}.mod-card b,.mod-compat b{color:#fff;font-weight:600}.mod-card code{font-family:var(--font-code),ui-monospace,monospace;color:var(--accent-hover);border:1px solid var(--line-soft);overflow-wrap:anywhere;background:#7c3aed24;border-radius:6px;padding:1px 6px;font-size:.88em}.mod-step{flex-direction:column;display:flex}.mod-num{background:var(--brand);color:#fff;width:40px;height:40px;font:700 17px/1 var(--font-site);border-radius:50%;place-items:center;margin-bottom:18px;display:grid;box-shadow:0 8px 24px -8px #7c3aedcc}.mod-compat{border-color:var(--line-strong);background:linear-gradient(160deg,#7c3aed24,#141226b3);margin-top:16px;padding:24px 28px}.mod-closing{text-align:center;border-color:var(--line-strong);background:linear-gradient(160deg,#7c3aed38,#141226cc);padding:clamp(32px,4vw,56px)}.mod-closing h2{font:800 clamp(26px,2.4vw,36px)/1.1 var(--font-site);letter-spacing:-.02em;color:#fff;margin:0}.mod-closing p{max-width:60ch;color:var(--ink);margin:14px auto 0;font-size:17px;line-height:1.6}@media (max-width:1100px){.mod-grid-4,.mod-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mod-grid-2,.mod-grid-3,.mod-grid-4{grid-template-columns:1fr}.mod-card{padding:22px 20px 24px}.mod-compat{padding:22px 20px}.mod-dl-actions .btn{flex:auto}}