.useful-page{--tool-bg:var(--paper,var(--background,#111216));--tool-accent:var(--accent,#d28e60);--tool-button-text:#111;max-width:1240px;margin:auto;padding:36px clamp(18px,4vw,48px) 80px;color:inherit;line-height:1.6}.useful-page-nav{display:flex;justify-content:space-between;align-items:start;gap:24px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-bottom:20px;font-size:.85rem}.useful-page-nav>a{font-weight:750;max-width:30ch}.useful-page-nav>div{display:flex;gap:8px 14px;flex-wrap:wrap;justify-content:end;max-width:580px}.useful-page-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px;font-weight:750}.useful-page a{color:inherit}.useful-page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);grid-gap:clamp(20px,5vw,64px);gap:clamp(20px,5vw,64px);align-items:center;padding:48px 0 24px}.useful-page-hero h1{font-size:clamp(2.3rem,4.8vw,4.5rem);font-weight:750;letter-spacing:-.045em;line-height:1.05;margin:14px 0 20px;max-width:19ch}.useful-page-intro{max-width:65ch;font-size:1.08rem;line-height:1.7;opacity:.86}.useful-page-hero img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;border-radius:18px}.useful-eyebrow{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750;margin:0}.useful-jump{display:inline-flex;gap:16px;align-items:center;margin-top:12px;font-weight:700;text-underline-offset:5px;min-height:44px}.useful-page-work{scroll-margin-top:100px}.useful-page .useful-workbench{--u-bg:var(--tool-bg);--u-accent:var(--tool-accent);--u-button-text:var(--tool-button-text)}.useful-page-method{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:clamp(24px,6vw,80px);gap:clamp(24px,6vw,80px);border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:32px}.useful-page-method h2{font-size:1.6rem;line-height:1.25;margin:12px 0}.useful-page-method ul{-webkit-padding-start:18px;padding-inline-start:18px}.useful-page-method li{margin:12px 0;overflow-wrap:anywhere}.useful-page-method a{text-decoration:underline;text-underline-offset:4px}.useful-page[data-site=outdm]{--tool-bg:#fff;--tool-accent:#2f7552;--tool-button-text:#fff;color:var(--od-text,#202923);background:#fff}.tool-page .useful-workbench{--u-bg:var(--paper-bright,#fbfaf6);--u-accent:var(--accent);--u-button-text:var(--ink,#171813)}@media(max-width:700px){.useful-page-nav{flex-direction:column}.useful-page-nav>div{justify-content:start}.useful-page-hero{grid-template-columns:1fr;padding-top:30px}.useful-page-hero img{aspect-ratio:2.4;max-height:190px}.useful-page-hero h1{max-width:24ch}.useful-page-method{grid-template-columns:1fr}.useful-page .useful-workbench{margin-top:1rem}}@media print{.useful-jump,.useful-page-hero img,.useful-page-nav{display:none}.useful-page{max-width:none;padding:0;color:#111!important;background:white!important}.useful-page-hero{display:block;padding:0}.useful-page-hero h1{font-size:28px}.useful-page-method{display:block;font-size:10px}}