.usage{padding-block:30px 70px}.guide-heading{max-width:850px;margin:30px 0 48px}.guide-heading h1{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-2.5px;font-weight:600;margin:20px 0}.guide-intro{max-width:690px;font-size:18px;line-height:1.65;color:var(--muted)}.breadcrumb{font-size:14px;text-underline-offset:4px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{display:block;border-top:1px solid var(--line);padding:25px 0;text-decoration:none}.guide-card h2{font-size:25px;letter-spacing:-.8px;margin:16px 0}.guide-card p,.guide-about p{font-size:15px;line-height:1.8;color:var(--muted)}.guide-link{display:block;margin-top:25px;font-size:14px}.guide-card:hover .guide-link{text-decoration:underline}.guide-about{max-width:750px;margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.guide-about a{color:inherit;text-underline-offset:4px}.guide-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:55px;align-items:start}.guide-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;position:sticky;top:30px}.guide-shots figure{margin:0;min-width:0}.screen-frame{padding:8px;border-radius:16px;background:#111213;box-shadow:0 12px 30px #30273820}.screen-frame img{display:block;width:100%;height:auto;border-radius:8px;background:#15130f}.guide-shots figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px}.guide-copy h2{font-size:25px;letter-spacing:-.6px;margin:32px 0 12px}.guide-copy h2:first-child{margin-top:0}.guide-copy p{font-size:14px;line-height:1.8;color:var(--muted)}.guide-copy table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.guide-copy th,.guide-copy td{text-align:left;vertical-align:top;padding:15px 0;border-bottom:1px solid var(--line)}.guide-copy th{font-weight:500;padding-right:18px;width:32%}.guide-copy thead th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.guide-copy kbd{font:inherit;font-weight:600}.guide-copy .mapping-note{font-size:12px}.guide-bottom{display:flex;flex-wrap:wrap;gap:24px;margin-top:55px;border-top:1px solid var(--line);padding-top:24px;font-size:14px}.usage a:focus-visible{outline:2px solid #714caf;outline-offset:5px}.guide-bottom a,.breadcrumb{text-decoration:none}.guide-bottom a:hover,.breadcrumb:hover{text-decoration:underline}@media(max-width:1050px){.guide-layout{grid-template-columns:1fr;gap:40px}.guide-shots{position:static;max-width:630px}.guide-copy{max-width:760px}}@media(max-width:700px){.guide-cards{grid-template-columns:1fr;gap:10px}.guide-heading{margin-bottom:30px}.guide-intro{font-size:16px}.guide-shots{gap:12px}.screen-frame{padding:5px;border-radius:10px}.guide-shots figcaption{font-size:11px}.guide-heading h1{letter-spacing:-1.6px}.topbar nav{gap:12px;font-size:11px}.topbar .brand{font-size:30px}}@media(max-width:370px){.guide-shots{grid-template-columns:1fr;max-width:250px}.topbar nav{gap:9px}.topbar .brand{font-size:26px}}

/* Reuse the CI-rendered guide images, showing the whole device screen. */
.guide-card-preview{display:block;width:min(100%,240px);margin:24px auto}.guide-card-preview img{aspect-ratio:3/5}