.util-shell{flex-direction:column;min-height:100vh;display:flex}.util-shell main{flex:1}.util-wrap{max-width:820px;margin:0 auto;padding:0 24px}.util-hero{padding:72px 0 24px}.util-eyebrow{font-family:var(--font-mono);color:var(--color-rust);background:var(--color-accent-soft);letter-spacing:.05em;border-radius:999px;margin:0 0 16px;padding:4px 12px;font-size:13px;display:inline-block}.util-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.1}.util-dek{color:var(--color-ink-2);max-width:640px;margin:0;font-size:18px;line-height:1.55}.util-body{padding:24px 0 96px}.util-section{padding:20px 0}.util-section+.util-section{border-top:1px solid var(--color-rule)}.util-section__title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;margin:0 0 12px;font-size:24px;font-weight:700}.util-p{color:var(--color-ink-2);margin:0 0 14px;font-size:16px;line-height:1.7}.util-p a,.util-list a{color:var(--color-rust);text-underline-offset:3px;word-break:break-word;text-decoration:underline;text-decoration-thickness:1px}.util-list{flex-direction:column;gap:10px;margin:0 0 14px;padding-inline-start:22px;display:flex}.util-list li{color:var(--color-ink-2);font-size:15px;line-height:1.65}.util-list li::marker{color:var(--color-rust)}.util-code{margin:6px 0 18px}.util-code figcaption{color:var(--color-ink-3);margin:0 0 6px;font-size:13px}.util-code pre{background:var(--color-ink);color:var(--color-cream);border-radius:var(--radius);text-align:left;margin:0;padding:16px 18px;overflow-x:auto}.util-code code{font-family:var(--font-mono);white-space:pre;font-size:13.5px;line-height:1.6}