@import url('/assets/guides/complete-20261024/composition-base.css');
body{--preview-bar-size:0px}
.draft-preview-bar{min-height:var(--preview-bar-size);height:var(--preview-bar-size);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 4px;padding:6px 24px;border-bottom:1px solid #8a713c;background:#1c241a;color:#e8d69e;text-align:center;font:500 12px/1.5 Arial,sans-serif}
.site-header{top:var(--preview-bar-size)}
.draft-preview-bar a{color:inherit;text-underline-offset:4px}
.guide-article-header .guide-lead{max-width:65ch}
.guide-screenshot img{max-width:100%;height:auto;object-fit:contain}
.guide-screenshot a:focus-visible,.guide-toc a:focus-visible{outline:2px solid #6ad5c8;outline-offset:5px}
.guide-screenshot figcaption{max-width:72ch}
.guide-image-sequence{display:grid;gap:20px;margin:26px 0}.guide-image-sequence figure{margin:0}
.guide-native-screen a{display:block;width:fit-content;max-width:100%}.guide-native-screen img{width:auto;max-width:100%;height:auto;max-height:560px;image-rendering:pixelated}.guide-native-screen-narrow img{width:129px;height:auto;max-height:495px}
.guide-native-screen-control a{width:440px}.guide-native-screen-control img{width:100%;max-height:none}.guide-native-screen-vector a{width:100%}.guide-native-screen-vector img{width:100%;max-height:none;image-rendering:auto}
.guide-quickstart{padding-top:20px;padding-bottom:26px;margin-bottom:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-quickstart h2{font-family:var(--serif);font-size:clamp(25px,3vw,35px);line-height:1.25;margin:8px 0 24px}.guide-quickstart-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;max-width:1000px}.guide-quickstart h3{font-size:14px;letter-spacing:.04em;color:var(--aqua);margin:0 0 10px}.guide-quickstart ul,.guide-quickstart ol{margin:0;padding-left:22px}.guide-quickstart li{margin:0 0 8px;line-height:1.6}.guide-quickstart a{text-underline-offset:4px}.guide-quickstart a:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}.guide-quickstart-note{max-width:84ch;font-size:14px;line-height:1.7;color:var(--ink-soft);margin:20px 0 0}
@media(max-width:760px){.guide-quickstart-columns{grid-template-columns:1fr;gap:24px}.guide-quickstart{margin-bottom:22px}}
.guide-image-sequence .instruction-kind{font:600 12px/1.5 Arial,sans-serif;color:#6ad5c8;letter-spacing:.06em}
.guide-image-sequence{grid-template-columns:minmax(0,1fr)}.guide-image-sequence figure{min-width:0;max-width:100%}.guide-native-screen-control a{width:min(440px,100%)}
.guide-body section{scroll-margin-top:32px}
.guide-toc a{overflow-wrap:anywhere}
.guide-toc-disclosure{max-height:calc(100svh - 150px);overflow:auto;padding-right:12px}
.guide-toc-disclosure summary{cursor:pointer;color:var(--gold);font:600 12px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 0 12px}
.guide-toc-disclosure summary span{display:block;color:var(--ink-soft);font-size:11px;letter-spacing:0;text-transform:none;font-weight:400}
.guide-toc-disclosure summary:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}
@media(max-width:600px){body{--preview-bar-size:0px}.draft-preview-bar{padding:6px 16px;font-size:11px}.guide-body h2{overflow-wrap:anywhere}.guide-table-scroll{max-width:100%}}
@media(max-width:760px){.guide-toc{margin-bottom:30px}.guide-toc-disclosure{max-height:60svh}.guide-toc-disclosure summary{padding-bottom:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}