.guide{max-width:1060px;margin:auto;padding:64px 0 80px}.guide-hero{max-width:700px;margin-bottom:30px}.guide .eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0066ff}.guide h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 20px}.guide .lead{font-size:19px;line-height:1.6;color:#63728a}.guide-nav{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 56px}.guide-nav a{border:1px solid #d6e1d9;background:white;border-radius:100px;padding:11px 18px;font-size:14px;font-weight:650;text-decoration:none;color:#245b9e}.guide-nav a:hover{background:#edf3ff}.guide-step{scroll-margin-top:30px;border-top:1px solid #dce3dd;padding:36px 0 16px}.step-heading{display:flex;gap:16px;align-items:center;margin-bottom:16px}.step-number{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;background:#0066ff;color:white;border-radius:14px;font-size:20px;font-weight:700}.guide h2{font-size:28px;letter-spacing:-.025em;margin:0}.guide h3{font-size:19px;margin:26px 0 10px}.guide p,.guide li{line-height:1.75;color:#41516a}.guide ol{padding-left:24px}.guide li{padding:4px 0 4px 5px}.guide code,.guide kbd{background:#edf3ff;border:1px solid #d7e3db;border-radius:5px;padding:2px 7px;color:#245b9e;font-size:.92em}.guide figure{margin:24px 0 30px}.guide figure a{display:block}.guide figure img{display:block;width:100%;height:auto;border:1px solid #d8e0da;border-radius:14px;background:#f3f6f3;box-shadow:0 14px 36px #1b392810}.guide figcaption{font-size:13px;color:#68776d;line-height:1.6;margin:12px 4px}.guide .permission-shot{max-width:800px}.guide .picker-shot{max-width:660px}.guide .note{padding:16px 20px;border-left:3px solid #0066ff;background:#edf3ff;border-radius:0 10px 10px 0}.sample{background:white;border:1px solid #d8e0da;border-radius:12px;padding:20px;max-width:700px}.sample dl{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:0}.sample dt{font-size:13px;font-weight:700;color:#68776d}.sample dd{margin:0;color:#172640;line-height:1.6}.guide details{border-bottom:1px solid #dce3dd;padding:18px 0}.guide summary{cursor:pointer;font-weight:650;color:#172640}.guide a:focus-visible,.guide summary:focus-visible{outline:3px solid #0066ff;outline-offset:5px}.guide .finish{margin-top:32px;padding:24px;background:#edf3ff;border-radius:16px}.guide .finish p{margin-bottom:0}.guide-skip{position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:20}.guide-skip:focus{top:16px}@media(max-width:600px){.guide{padding:32px 0 48px}.guide-nav{gap:8px;margin-bottom:32px}.guide-nav a{padding:10px 13px}.guide h2{font-size:24px}.guide-step{padding-top:28px}.sample dl{grid-template-columns:1fr;gap:6px}.sample dd{margin-bottom:10px}.guide figure{margin-left:-4px;margin-right:-4px}.guide figure img{border-radius:8px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}