html{scroll-behavior:smooth;scroll-padding-top:32px}.guide-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:56px;padding-top:45px}.guide-index nav{position:sticky;top:28px;display:grid;gap:12px;font-size:13px}.guide-index a{text-decoration:none;color:var(--muted,#52656b)}.guide-index a:hover,.guide-index a:focus-visible{color:#125b67;text-decoration:underline}.guide-body{min-width:0}.guide-body section{padding:32px 0 58px;border-bottom:1px solid #dbe2df;scroll-margin-top:20px}.guide-body .guide-intro{padding-top:0}.guide-body h1{font-size:clamp(38px,5.4vw,66px);line-height:1.04;letter-spacing:-2.4px;margin:10px 0 22px}.guide-body h2{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.7px;margin:10px 0 20px}.guide-body h3{font-size:21px;line-height:1.3;margin:32px 0 12px}.guide-body p{line-height:1.65;max-width:76ch}.guide-body .lede{font-size:19px;max-width:65ch}.guide-body a{overflow-wrap:anywhere}.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0}.job-grid article{padding:20px;border:1px solid #d5dfdc;border-radius:12px;background:#fff}.job-grid h2{font-size:19px;margin:16px 0 12px;letter-spacing:-.25px}.job-grid p{font-size:14px}.job-grid a{font-size:13px}.job-number{font:12px ui-monospace,monospace;color:#5a7578}.wide-figure,.study-grid figure{margin:0}.wide-figure{margin-top:32px}.guide-body figure img{display:block;width:100%;height:auto;border:1px solid #dce3df;border-radius:10px;background:#eee}.guide-body figcaption{font-size:12px;line-height:1.55;color:#59696d;margin-top:10px}.table-scroll{overflow-x:auto;margin:24px 0;border:1px solid #d5dfdc;border-radius:10px}.table-scroll:focus-visible{outline:3px solid #3d8893;outline-offset:3px}.guide-body table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:1.55;min-width:610px}.guide-body th,.guide-body td{padding:17px 16px;border-bottom:1px solid #e2e7e4;vertical-align:top}.guide-body thead th{background:#eaf0ec;font-size:12px;letter-spacing:.02em;color:#3d5559}.guide-body tbody th{width:19%;font-weight:600}.guide-body tbody tr:last-child>*{border-bottom:0}.guide-note{margin:26px 0;padding:19px 22px;border-left:3px solid #52848a;background:#edf2ef;border-radius:0 9px 9px 0;font-size:14px;line-height:1.65}.guide-note p{margin:7px 0 0}.steps{padding-left:25px;line-height:1.7}.steps li{padding-left:8px;margin:18px 0}.steps strong{display:inline}.flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:22px 0;font-size:13px}.flow span{border:1px solid #c7d8d3;background:#fff;padding:12px;border-radius:8px}.flow b{color:#758986}.study-grid{display:grid;gap:30px;margin:28px 0}.study-grid img{max-height:800px;object-fit:contain}.guide-footer{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:12px;color:#59696d;padding:30px 0 50px}.guide-footer p{margin-right:auto}.guide-body kbd{display:inline-block;font:12px ui-monospace,monospace;background:#eee;border:1px solid #ccd4d1;padding:2px 5px;border-radius:4px;margin:0 2px}.guide-body details{margin-top:20px}.guide-body summary{font-weight:600}.guide-body details p{padding:0 18px}.guide-body .fine{font-size:12px}@media(max-width:1050px){.guide-layout{gap:30px;grid-template-columns:155px minmax(0,1fr)}.job-grid{grid-template-columns:1fr}.job-grid article{display:block}.job-grid h2{margin:8px 0}.job-grid p{margin:10px 0}}@media(max-width:720px){.guide-layout{display:block;padding-top:12px}.guide-index nav{position:static;display:flex;flex-wrap:wrap;gap:10px 18px;padding:10px 0 30px}.guide-index .eyebrow{width:100%;margin:0}.guide-body h1{letter-spacing:-1.2px}.guide-body section{padding-bottom:38px}.guide-body .lede{font-size:17px}.guide-footer{gap:12px}.guide-footer p{width:100%;margin:0}.header nav{gap:12px}.header nav a{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.guide-index,.header nav,.skip{display:none}.guide-layout{display:block}.guide-body section{break-inside:avoid}.study-grid{display:block}.guide-body figure{break-inside:avoid}.guide-body table{min-width:0}.table-scroll{overflow:visible}}

.guide-body .recording-example img{max-width:480px;margin-inline:auto;background:transparent}
.guide-body details>.table-scroll{color:var(--ink);padding:0}