.use-guide{max-width:1080px}.use-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;margin-bottom:36px}.use-guide h1{font-size:clamp(42px,5.6vw,67px);margin-top:18px}.use-hero .guide-lead{font-size:17px;max-width:600px}.use-hero-art{background:var(--sage);border-radius:22px;padding:22px;position:relative}.use-hero-art img{width:100%;height:auto;max-height:440px;object-fit:contain;filter:drop-shadow(0 8px 15px #24372818)}.use-hero-art figure{margin:0}.use-hero-art figcaption{color:#425844}.use-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted);margin-top:18px}.use-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px;align-items:start}.use-section:first-child{margin-top:0}.use-section h2{font-size:clamp(30px,3.5vw,39px)}.use-plan{margin:24px 0}.use-plan>div{padding:18px 0;border-top:1px solid var(--line)}.use-plan dt{font-weight:650;color:var(--ink);margin-bottom:8px}.use-plan dd{margin:0;color:var(--muted)}.sample-aside{position:sticky;top:24px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}.sample-aside h2{font-size:28px;margin-bottom:16px}.sample-aside p{font-size:14px}.sample-aside .button{width:100%;min-height:48px}.sample-aside .sample-note{font-size:12px}.use-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.use-pair figure{margin:0;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.use-pair img{width:100%;height:auto}.use-pair figcaption{font-size:12px}.use-guide .guide-nav{margin-top:28px}.use-guide a:not(.button){text-decoration-thickness:1px}.use-guide .button:focus-visible{outline-offset:5px}.sample-aside .button.secondary{margin-top:12px}.use-related{margin-top:50px}.use-related li{margin:8px 0}.use-guide .guide-end{margin-top:22px}.use-guide summary{min-height:48px;line-height:1.5}.use-guide figure a{display:block}.use-guide .use-section li strong{color:var(--ink)}
@media(max-width:850px){.use-layout{grid-template-columns:1fr;gap:8px}.sample-aside{position:static;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.sample-aside>div{min-width:0}.sample-aside .button{margin-top:4px}.use-hero{gap:28px}}
@media(max-width:650px){.use-hero{grid-template-columns:1fr;gap:28px}.use-hero-art{max-width:350px;width:100%;margin:auto}.use-hero-art img{max-height:360px}.use-pair{gap:12px}.use-pair figure{padding:7px}.sample-aside{display:block}.use-guide h1{font-size:43px}.use-guide .guide-lead{font-size:16px}.use-layout{gap:0}.use-meta{font-size:11px}.use-guide .guide-nav{gap:2px 16px}.use-guide .guide-nav a{min-height:44px}.use-guide .breadcrumbs{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.use-hero-art,.sample-aside,.guide-nav,.use-related,header,footer,.topnote,.breadcrumbs,.button{display:none}.use-hero,.use-layout{display:block}.use-guide{width:100%;color:#000}.use-guide p,.use-guide li,.use-plan dd{color:#000}.use-pair{break-inside:avoid}.use-guide h1{font-size:32px}.use-guide h2{font-size:24px}}

.use-actions{display:flex;flex-wrap:wrap;gap:8px 12px}.use-actions .button{margin-top:8px}