/* Sync guide. Every rule stays inside the guide surface. */
.sg3{--sg-accent:#ff801f;--sg-surface:#0a0a0b;--sg-text:#f5f3f1;--sg-muted:#aaa5a0;--sg-line:rgba(255,255,255,.1);color:var(--sg-text)}
.sg3.sync-page{padding:0}.sg3 [hidden]{display:none!important}.sg3 .sg4-fr{display:none}.sg3[data-guide-language=fr] .sg4-en{display:none}.sg3[data-guide-language=fr] .sg4-fr{display:revert}
.sg3 main{max-width:1280px;margin:auto;padding:32px 32px 58px}.sg3 a{color:inherit;text-decoration:none}.sg3 button,.sg3 input{font:inherit}.sg3 button{cursor:pointer}.sg3 :is(a,button,input,summary):focus-visible{outline:2px solid var(--sg-accent);outline-offset:4px}
.sg3 .sg4-breadcrumb{display:flex;gap:12px;align-items:center;color:#8c8884;font-size:11px;margin-bottom:34px}.sg3 .sg4-breadcrumb a:hover{color:#fff}
.sg3 .sg4-hero{padding-bottom:30px}.sg3 .sg4-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.sg3 .sg4-eyebrow{margin:0 0 12px;color:var(--sg-accent);font-size:10px;font-weight:750;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}.sg3 h1{margin:0;font-size:clamp(40px,5.8vw,70px);line-height:1.08;letter-spacing:-.05em;font-weight:700}.sg3 h1 em{font-style:normal;color:var(--sg-accent)}.sg3 .sg4-deck{max-width:670px;font-size:15px;line-height:1.8;color:#c1bab4;margin:22px 0 10px}.sg3 .sg4-label-note{margin:0;color:#7e7975;font-size:11px;line-height:1.65}
.sg3 .sg4-language{display:flex;gap:3px;padding:4px;border:1px solid var(--sg-line);border-radius:8px;flex-shrink:0;background:var(--sg-surface)}.sg3 .sg4-language button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:5px;background:transparent;color:#aaa4a0;font-size:11px;padding:7px 11px;transition:color .15s,background .15s}.sg3 .sg4-language button[aria-pressed=true]{background:#24201c;color:#ffe0c6}.sg3 .sg4-language button:hover{color:#fff}.sg3 .sg4-language-flag{display:block;flex:none;width:24px;height:16px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff24}
.sg3 .sg4-quickstart{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;border-block:1px solid var(--sg-line);padding:25px 0;margin:2px 0 28px}.sg3 .sg4-quick-heading h2{font-size:18px;font-weight:650;line-height:1.45;letter-spacing:-.02em;margin:0;max-width:200px}.sg3 .sg4-quick-heading .sg4-eyebrow{font-size:9px;margin-bottom:8px}.sg3 .sg4-quickstart ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sg3 .sg4-quickstart li{min-width:0}.sg3 .sg4-quickstart a{display:block;height:100%;border-left:1px solid var(--sg-line);padding-left:17px}.sg3 .sg4-quickstart a>span{display:block;font-size:10px;color:var(--sg-accent);font-weight:650;margin-bottom:12px;font-variant-numeric:tabular-nums}.sg3 .sg4-quickstart strong{display:block;font-size:12px;line-height:1.6;font-weight:600;color:#e7e1da;margin-bottom:3px}.sg3 .sg4-quickstart small{display:block;color:#8f8882;font-size:11px;line-height:1.65}.sg3 .sg4-quickstart a:hover strong{color:var(--sg-accent)}
.sg3 .sg4-toolbar{display:flex;align-items:center;gap:18px;margin:0 0 28px}.sg3 .sg4-search{display:flex;align-items:center;gap:12px;max-width:570px;flex:1;border:1px solid #2c2926;border-radius:8px;padding:0 13px;height:45px;color:#8e867f;background:var(--sg-surface)}.sg3 .sg4-search:focus-within{border-color:#9d5523}.sg3 .sg4-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#eee5dd;font-size:12px;height:100%;width:100%}.sg3 .sg4-search input:focus-visible{outline:none}.sg3 .sg4-search input::placeholder{color:#8f8780}.sg3 .sg4-search kbd{font:11px ui-monospace,monospace;border:1px solid #37312b;border-radius:3px;padding:1px 5px;color:#7e756d}.sg3 .sg4-expand{padding:8px 0;background:none;border:0;color:#a99f95;font-size:11px;white-space:nowrap}.sg3 .sg4-expand:hover{color:#fff}
.sg3 .sg4-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start}.sg3 .sg4-sidebar{position:sticky;top:100px;max-height:calc(100dvh - 124px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a322b transparent;padding-right:6px}.sg3 .sg4-index>summary{list-style:none;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#746c65;padding:0 10px 12px;pointer-events:none}.sg3 .sg4-index>summary::-webkit-details-marker{display:none}.sg3 .sg4-index>summary>span:last-child{display:none}.sg3 .sg4-index nav{display:flex;flex-direction:column;gap:2px}.sg3 .sg4-index nav a{display:flex;align-items:baseline;gap:9px;padding:8px 10px;border-radius:5px;color:#96908a;font-size:11px;line-height:1.45;transition:color .15s,background .15s}.sg3 .sg4-index nav a>span:first-child{color:var(--sg-accent);flex:0 0 19px;font-size:10px;font-variant-numeric:tabular-nums}.sg3 .sg4-index nav a:is(:hover,[aria-current=true]){color:#eee2d7;background:#1e1712}.sg3 .sg4-index nav a[aria-current=true]>span:first-child{color:var(--sg-accent)}.sg3 .sg4-support-link{display:block;border-top:1px solid var(--sg-line);margin-top:20px;padding:18px 10px;font-size:11px;color:#746c65;line-height:1.8}.sg3 .sg4-support-link strong{display:block;font-weight:600;color:#c2b6ac}.sg3 .sg4-support-link strong span{color:var(--sg-accent);margin-left:4px}
.sg3 .sg4-chapters{min-width:0}.sg3 .sg4-chapter{scroll-margin-top:100px;margin-bottom:10px;border:1px solid var(--sg-line);border-radius:10px;background:var(--sg-surface);overflow:hidden}.sg3 .sg4-chapter:target{border-color:#81502d}.sg3 .sg4-topic>summary{display:flex;gap:16px;align-items:center;list-style:none;cursor:pointer;padding:23px 24px;transition:background .15s}.sg3 .sg4-topic>summary:hover{background:#0a0806}.sg3 summary::-webkit-details-marker{display:none}.sg3 .sg4-topic>summary>div{min-width:0;flex:1}.sg3 .sg4-number{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border:1px solid #ff801f40;border-radius:7px;color:var(--sg-accent);background:#080605;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.sg3 .sg4-topic h2{margin:0;font-size:17px;letter-spacing:-.02em;font-weight:620;line-height:1.5;color:#f0e9e2}.sg3 .sg4-topic>summary p{margin:4px 0 0;color:#8e8780;font-size:11px;line-height:1.6}.sg3 .sg4-plus{display:inline-block;font-size:8px;letter-spacing:.07em;color:#ffb37d;border:1px solid #533722;border-radius:3px;padding:1px 5px;margin-left:9px;vertical-align:2px}.sg3 .sg4-chevron{width:7px;height:7px;display:block;flex-shrink:0;border-right:1.5px solid #967e6a;border-bottom:1.5px solid #967e6a;transform:rotate(45deg);transition:transform .18s}.sg3 .sg4-topic[open]>.sg4-topic-body{border-top:1px solid rgba(255,255,255,.06)}.sg3 .sg4-topic[open]>summary .sg4-chevron{transform:rotate(225deg)}.sg3 .sg4-topic[open]>summary{background:var(--sg-surface)}
.sg3 .sg4-topic-body{padding:23px 26px 26px}.sg3 .sg4-steps{list-style:none;counter-reset:sg-step;padding:0;margin:0 0 24px;display:grid;gap:16px}.sg3 .sg4-steps li{counter-increment:sg-step;position:relative;padding-left:31px;color:#bdb4ac;font-size:12px;line-height:1.85}.sg3 .sg4-steps li::before{content:counter(sg-step);position:absolute;left:0;top:2px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #ff801f40;border-radius:50%;color:var(--sg-accent);font-size:9px;font-weight:650;line-height:1;background:#080605}.sg3 b{font-weight:620;color:#ece0d6}
.sg3 .sg4-controls,.sg3 .sg4-screens,.sg3 .sg4-issues>details{border:1px solid var(--sg-line);border-radius:7px;margin:16px 0 0;overflow:hidden;background:var(--sg-surface)}.sg3 :is(.sg4-controls,.sg4-screens,.sg4-issues>details)>summary{display:flex;align-items:center;gap:10px;padding:14px 15px;list-style:none;cursor:pointer;font-size:11px;font-weight:600;line-height:1.6;color:#cdc1b6}.sg3 :is(.sg4-controls,.sg4-screens,.sg4-issues>details)>summary>span:last-child{margin-left:auto;color:#d2905e;font-size:17px;font-weight:400;line-height:1;flex-shrink:0}.sg3 :is(.sg4-controls,.sg4-screens,.sg4-issues>details)[open]>summary>span:last-child{transform:rotate(45deg)}.sg3 :is(.sg4-controls,.sg4-screens,.sg4-issues>details)>summary:hover{background:#0a0806}.sg3 .sg4-controls dl{padding:0;margin:0;border-top:1px solid var(--sg-line)}.sg3 .sg4-controls dl>div{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(0,1.7fr);gap:20px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.055)}.sg3 .sg4-controls dl>div:last-child{border-bottom:0}.sg3 .sg4-controls dt{font-size:11px;font-weight:600;color:#e5d3c5;line-height:1.75;overflow-wrap:anywhere}.sg3 .sg4-controls dd{margin:0;font-size:11px;line-height:1.85;color:#aaa19a}.sg3 .sg4-note{font-size:11px;line-height:1.85;color:#c1a58f;border-left:2px solid #a75c25;background:#19130f;padding:13px 15px;margin:19px 0 0;border-radius:0 5px 5px 0}
.sg3 .sg4-screens .sg4-screen-count{font-size:10px;color:#746a61;font-weight:400;margin-left:2px}.sg3 details.sg4-screens>div{padding:0 10px 10px}.sg3 .sg4-screens figure{margin:0 0 12px;border:1px solid var(--sg-line);border-radius:5px;overflow:hidden;background:var(--sg-surface)}.sg3 .sg4-screens figure:last-child{margin-bottom:0}.sg3 .sg4-screens figure>a{display:block}.sg3 .sg4-screens img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;background:var(--sg-surface)}.sg3 .sg4-screens figcaption{padding:10px 12px;font-size:10px;line-height:1.6;color:#9c8f83;border-top:1px solid var(--sg-line)}.sg3 .sg4-screens figcaption>span:last-child{margin-left:5px;color:#c58b60}.sg3 .sg4-issues>details{margin:0 0 8px}.sg3 .sg4-issues p{padding:0 15px 15px;margin:0;color:#aea299;font-size:12px;line-height:1.85}.sg3 .sg4-inline-link{display:inline-flex;align-items:center;gap:15px;margin-top:20px;color:#ffb782;font-size:11px;line-height:1.7}.sg3 .sg4-inline-link:hover{color:#fff}.sg3 .sg4-help-button{display:inline-flex;align-items:center;gap:22px;margin-top:22px;padding:12px 16px;border-radius:6px;background:var(--sg-accent);color:#211007;font-size:11px;font-weight:700;line-height:1.6}.sg3 .sg4-help-button:hover{background:#ff963f}.sg3 .sg4-empty{border:1px dashed #533a28;padding:24px;border-radius:8px;font-size:13px;line-height:1.8;color:#c4a68e;margin:0}.sg3 .sg4-footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--sg-line);padding-top:25px;margin-top:35px;font-size:11px;color:#80766e}.sg3 .sg4-footer a:first-child{margin-right:auto;color:#c59b7a}.sg3 .sg4-footer a:hover{color:var(--sg-accent)}
@media(min-width:1500px){.sg3 main{max-width:1360px}.sg3 .sg4-layout{grid-template-columns:245px minmax(0,1fr);gap:54px}}
@media(max-width:1050px){.sg3 main{padding-inline:24px}.sg3 .sg4-quickstart{grid-template-columns:180px minmax(0,1fr);gap:20px}.sg3 .sg4-quickstart ol{gap:12px}.sg3 .sg4-quickstart a{padding-left:12px}.sg3 .sg4-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}.sg3 .sg4-topic>summary{padding:20px 19px;gap:12px}.sg3 .sg4-topic-body{padding:21px}.sg3 .sg4-topic h2{font-size:16px}}
@media(max-width:780px){.sg3 main{padding:22px 20px 40px}.sg3 .sg4-breadcrumb{margin-bottom:25px}.sg3 .sg4-hero-row{display:block;position:relative}.sg3 .sg4-language{position:absolute;right:0;top:-50px}.sg3 .sg4-language button{font-size:10px;padding:5px 8px}.sg3 h1{font-size:clamp(38px,7vw,57px)}.sg3 .sg4-deck{font-size:13px;line-height:1.8;margin-top:18px}.sg3 .sg4-label-note{font-size:10px}.sg3 .sg4-quickstart{display:block;padding:22px 0}.sg3 .sg4-quick-heading{margin-bottom:20px}.sg3 .sg4-quick-heading h2{max-width:none;font-size:17px}.sg3 .sg4-quickstart ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.sg3 .sg4-quickstart a>span{margin-bottom:7px}.sg3 .sg4-toolbar{gap:14px;margin-bottom:16px}.sg3 .sg4-search{height:43px}.sg3 .sg4-expand{font-size:10px;max-width:90px;white-space:normal;text-align:right;line-height:1.6}.sg3 .sg4-search kbd{display:none}.sg3 .sg4-layout{display:block}.sg3 .sg4-sidebar{position:static;max-height:none;overflow:visible;padding:0;margin:0 0 20px}.sg3 .sg4-index{border:1px solid var(--sg-line);border-radius:7px;background:var(--sg-surface)}.sg3 .sg4-index>summary{display:flex;justify-content:space-between;align-items:center;pointer-events:auto;cursor:pointer;padding:14px 16px;letter-spacing:.07em;font-size:10px;color:#c4b7ab}.sg3 .sg4-index>summary>span:last-child{display:block;color:var(--sg-accent);font-size:18px;line-height:1;font-weight:400}.sg3 .sg4-index[open]>summary>span:last-child{transform:rotate(45deg)}.sg3 .sg4-index nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;padding:2px 8px 12px}.sg3 .sg4-index nav a{padding:8px;font-size:10px;gap:6px}.sg3 .sg4-index nav a>span:first-child{flex-basis:16px;font-size:9px}.sg3 .sg4-support-link{display:none}.sg3 .sg4-chapter{scroll-margin-top:80px;border-radius:8px}.sg3 .sg4-topic>summary{padding:19px 16px;gap:12px}.sg3 .sg4-topic h2{font-size:15px;line-height:1.6}.sg3 .sg4-topic>summary p{font-size:10px;margin-top:3px}.sg3 .sg4-number{width:28px;height:28px;font-size:9px}.sg3 .sg4-plus{font-size:7px;margin-left:6px;vertical-align:1px}.sg3 .sg4-topic-body{padding:20px 17px}.sg3 .sg4-steps{gap:15px;margin-bottom:20px}.sg3 .sg4-steps li{font-size:12px;line-height:1.85;padding-left:29px}.sg3 .sg4-controls dl>div{grid-template-columns:1fr;gap:4px;padding:12px 14px}.sg3 .sg4-controls dt,.sg3 .sg4-controls dd{font-size:11px}.sg3 details.sg4-screens>div{padding:0 7px 7px}.sg3 .sg4-note{font-size:11px;padding:12px 13px}.sg3 .sg4-footer{flex-wrap:wrap;gap:15px 22px}}
@media(max-width:390px){.sg3 main{padding-inline:15px}.sg3 .sg4-breadcrumb{font-size:10px;gap:8px}.sg3 .sg4-language button{padding:5px 6px;font-size:9px}.sg3 h1{font-size:36px}.sg3 .sg4-quickstart strong{font-size:11px}.sg3 .sg4-quickstart small{font-size:10px}.sg3 .sg4-index nav{grid-template-columns:1fr}.sg3 .sg4-topic>summary{padding:17px 13px;gap:10px}.sg3 .sg4-topic h2{font-size:14px}.sg3 .sg4-topic-body{padding-inline:14px}.sg3 .sg4-controls>summary,.sg3 details.sg4-screens>summary{font-size:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.sg3 *{scroll-behavior:auto!important;transition:none!important}}

/* Keep both named language choices readable and separate from breadcrumbs on phones. */
@media(max-width:780px){.sg3 .sg4-breadcrumb{margin-bottom:16px}.sg3 .sg4-hero-row{display:flex;flex-direction:column;gap:20px}.sg3 .sg4-language{position:static;order:-1;align-self:flex-end}.sg3 .sg4-language button{font-size:11px;padding:7px 11px;min-height:44px}}

/* Screenshot disclosure is an explicit action; guide surfaces match the page background. */
.sg3 .sg4-screens{border-color:#ff801f55;background:var(--sg-surface)}
.sg3 details.sg4-screens>summary{min-height:48px;padding:13px 16px;background:var(--sg-surface);color:var(--sg-accent);font-size:12px;font-weight:600;transition:background-color .16s ease,color .16s ease}
.sg3 details.sg4-screens>summary:hover{background:#151516;color:#ff9b51}
.sg3 details.sg4-screens[open]>summary{border-bottom:1px solid #ff801f2b;background:var(--sg-surface)}
.sg3 details.sg4-screens>summary>span:last-child{display:grid;place-items:center;width:25px;height:25px;margin-left:auto;border:1px solid #ff801f55;border-radius:6px;background:#ff801f0d;color:var(--sg-accent);font-size:19px;transition:transform .18s ease,background-color .16s ease}
.sg3 .sg4-screens .sg4-screen-count{color:#b2a59b;font-size:10px;line-height:1.6}
.sg3 details.sg4-screens>div{padding-top:10px;background:var(--sg-surface)}
.sg3 .sg4-controls,.sg3 .sg4-controls>summary,.sg3 .sg4-controls dl,.sg3 .sg4-issues>details,.sg3 .sg4-issues>details>summary{background:var(--sg-surface)}
.sg3 :is(.sg4-controls,.sg4-issues>details)>summary{min-height:46px}
.sg3 :is(.sg4-controls,.sg4-issues>details)>summary>span:last-child{color:var(--sg-accent)}
.sg3 .sg4-chapter,.sg3 .sg4-topic,.sg3 .sg4-topic[open]>.sg4-topic-body{background:var(--sg-surface)}
@media(max-width:780px){.sg3 .sg4-index,.sg3 .sg4-index>summary,.sg3 .sg4-index nav{background:var(--sg-surface)}.sg3 details.sg4-screens>summary{min-height:48px;padding:12px 14px;flex-wrap:wrap;gap:8px}.sg3 details.sg4-screens>summary>span:last-child{flex:none}.sg3 .sg4-screens .sg4-screen-count{font-size:9px}}