:root{color-scheme:light;--navy:#061838;--blue:#78b4d6;--cream:#f4ead1;--line:#c9d8e2}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--navy);font:16px/1.5 system-ui,-apple-system,sans-serif}header{background:var(--navy);color:#fff;padding:16px 20px}.brand{max-width:680px;margin:auto;display:flex;align-items:center;gap:16px;font-weight:800;letter-spacing:.04em}.brand img{width:100px;height:62px;object-fit:contain}.brand small{color:var(--blue);font-size:12px}main{max-width:720px;margin:auto;padding:24px 20px}section,details{margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:white;padding:22px}.welcome{background:var(--navy);color:white;border:none;padding:28px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--blue);font-weight:800}h1{font-size:34px;line-height:1.15;margin:14px 0}h2{font-size:20px;line-height:1.25;margin:0}p{margin:10px 0}a{color:#205b7b;text-underline-offset:3px}.primary,button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:14px;padding:10px 16px;background:#e7f2f8;border:1px solid var(--line);border-radius:9px;color:var(--navy);font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.primary{margin-top:10px;background:var(--blue);border:none}.quiet{font-size:13px;color:#53677a}.welcome .quiet{color:#bfd0e2}.steps{padding:0;margin:18px 0 0;list-style:none}.steps li{display:flex;gap:14px;padding:16px;border-radius:10px}.steps li:nth-child(odd){background:#f8f3e7}.steps p{font-size:14px;margin:5px 0 0}.number{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;border-radius:8px;min-width:30px;height:30px;font-weight:700}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading button{font-size:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pill{display:inline-block;padding:3px 10px;background:#dceef7;border-radius:5px;font-size:13px;font-weight:750}summary{font-weight:700;min-height:32px;cursor:pointer}details p{font-size:14px}.record{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.record:last-child{border:0}.record small{display:block;color:#53677a}footer{display:flex;gap:16px;flex-direction:column;font-size:13px;padding:12px 4px 24px;color:#53677a}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}@media(max-width:380px){main{padding:16px 12px}section,details{padding:18px}.welcome{padding:22px}h1{font-size:30px}.brand img{width:85px}.brand{gap:10px;font-size:14px}.section-heading{flex-wrap:wrap}}

/* Compact, tap-to-expand guide; no account check runs just by opening a section. */
main > details{padding:10px 18px;margin-bottom:10px}
summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 5px 0}
details[open] > summary::after{transform:rotate(225deg);margin-bottom:0}
details[open] > summary{margin-bottom:10px}
.guide-section > details{padding:8px 12px;margin:8px 0;border-radius:10px}
.welcome{padding:22px}
.welcome h1{font-size:28px;margin:10px 0}

/* Thin bordered walkthroughs: content opens only when requested. */
.walkthrough-step{border:1px solid var(--line);padding:10px 12px;border-radius:8px;margin:8px 0;background:#fff}
.steps li:has(> .walkthrough-step){display:block;padding:0;background:transparent}
.steps li > .walkthrough-step{width:100%}

.share-card-preview{display:block;width:100%;height:auto;margin:12px 0;border:1px solid var(--line);border-radius:8px}.share-link-label{display:block;font-weight:700;margin-bottom:6px}.share-link-input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:6px;font-size:16px;color:var(--navy);background:white}

/* September30: compact guide chrome and progressive walkthroughs. */
header{padding:8px 14px}.brand{gap:10px;font-size:14px}.brand img{width:72px;height:44px}.brand small{font-size:11px}
main{padding:10px 12px;max-width:720px}.guide-links{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;min-height:44px;width:100%;font-size:13px;font-weight:700}.guide-links a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:none;color:var(--navy)}
section.welcome.compact-intro{padding:12px 14px;margin:0 0 8px;border-radius:9px}.compact-intro h1{font-size:23px;margin:0 0 4px}.compact-intro p{margin:3px 0;font-size:14px}.compact-intro .primary{margin:6px 0 0;padding:6px 12px;font-size:14px}
main>details{padding:2px 12px;margin:0 0 6px;border-radius:8px}summary{font-size:14px;gap:8px;min-height:44px}.guide-section>details,.more-guide>details{padding:2px 10px;margin:6px 0;border-radius:7px}.walkthrough-step{padding:2px 10px;margin:6px 0}.steps{margin:6px 0}.steps li{padding:0}.steps p{margin:5px 0 8px}.guide-step-nav,.guide-step-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.guide-step-nav button,.guide-step-tools button{min-height:44px;padding:6px 10px;font-size:13px}.guide-step-tools{justify-content:flex-end}.guide-step-tools button{background:white}.guide-step-nav button:last-child{background:var(--navy);color:white}.guide-step-nav button:disabled{opacity:.4;cursor:default}
footer{display:block;padding:2px 0 12px;margin:0}.actions{margin-top:8px}.share-card-preview{max-width:420px}details p{line-height:1.45}details[open]>summary{margin-bottom:5px}
@media(max-width:380px){main{padding:8px 10px}.brand img{width:64px}.brand{font-size:12px}.guide-links{font-size:12px}.compact-intro h1{font-size:21px}section.welcome.compact-intro{padding:10px 12px}.guide-section>details{padding:2px 8px}}

.signin-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.signin-title-row h1{font-size:20px;white-space:nowrap;margin:0}.signin-title-row .primary{margin:0;white-space:nowrap;font-size:12px;padding:6px 8px}.admin-guide-section{background:#edf0f3;border-color:#c5ccd3}.admin-guide-section>summary{color:#536171}.admin-guide-section[open]>summary{color:#24364b}.reference-guides .document-links{font-size:12px}
@media(max-width:350px){.signin-title-row h1{font-size:18px}.signin-title-row .primary{font-size:11px;padding:6px}.compact-intro .quiet{font-size:12px}}

/* October 1: branded, one-step Sign In Guide carousel. */
.signin-guide-brand{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px}.signin-guide-brand>img{display:block;width:58px;height:42px;object-fit:contain}.signin-guide-brand .signin-title-row{min-width:0}
.signin-walkthrough[open]{padding-bottom:10px}.signin-carousel{overflow:hidden;border:1px solid #78b4d6;border-radius:9px;background:var(--cream)}.signin-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--navy);color:white}.signin-carousel-head>div{flex:1;min-width:0}.signin-step-count{margin:0 0 5px;font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}.signin-progress{height:5px;overflow:hidden;border-radius:999px;background:rgb(255 255 255 / 24%)}.signin-progress>span{display:block;height:100%;width:16.666%;border-radius:inherit;background:var(--blue);transition:width .18s ease}.signin-illustrative-note{margin:0!important;padding:7px 10px;background:#dceef7;color:#304b68;font-size:11px!important;line-height:1.35!important}.signin-slide-window{min-height:0;outline:none;touch-action:pan-y}.signin-slide{display:grid;grid-template-columns:minmax(180px,42%) minmax(0,1fr);gap:12px;align-items:center;margin:0;padding:10px;border:0;border-radius:0;background:#fff}.signin-slide[hidden]{display:none!important}.signin-slide img{display:block;width:100%;max-height:230px;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:#f5f7fa}.signin-slide>div{min-width:0}.signin-slide h2{margin:2px 0 6px;color:var(--navy);font-size:19px}.signin-slide p{margin:6px 0;font-size:13px;line-height:1.4}.signin-slide .signin-action{margin:0;color:#315c7b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.signin-carousel-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;padding:8px;background:var(--navy)}.signin-carousel-nav button,.signin-carousel-nav a{min-height:42px;margin:0;padding:6px 10px;border:1px solid var(--blue);border-radius:7px;font-size:12px;font-weight:750;text-decoration:none}.signin-carousel-nav button{background:transparent;color:white}.signin-carousel-nav button:last-child{justify-self:end;background:var(--blue);color:var(--navy)}.signin-carousel-nav a{display:flex;align-items:center;justify-content:center;background:white;color:var(--navy);white-space:nowrap}.signin-carousel-nav button:disabled{opacity:.45;cursor:default}.signin-completion{margin:0!important;padding:8px 10px;background:#dceef7;color:var(--navy);font-size:12px!important}@media(max-width:560px){.signin-slide,.signin-carousel.show-all .signin-slide{grid-template-columns:1fr;align-items:start}.signin-slide img{max-height:200px}.signin-carousel-nav{grid-template-columns:1fr 1fr}.signin-carousel-nav a{grid-column:1/-1;grid-row:1}.signin-carousel-nav button{grid-row:2}.signin-guide-brand{grid-template-columns:48px minmax(0,1fr)}.signin-guide-brand>img{width:48px;height:36px}}
@media(prefers-reduced-motion:reduce){.signin-progress>span{transition:none}}
@media print{.signin-walkthrough{display:block}.signin-walkthrough>.signin-carousel{display:block}.signin-carousel .signin-slide-window{display:grid;gap:8px}.signin-carousel .signin-slide{display:grid!important;break-inside:avoid;border:1px solid var(--line)}.signin-carousel-head,.signin-carousel-nav{display:none}.signin-illustrative-note{display:block}}

/* October 1 correction: picture-led reusable guide slides, no all-steps mode. */
[data-guide-carousel] .signin-slide{grid-template-columns:minmax(230px,54%) minmax(0,1fr)}
[data-guide-carousel] .signin-slide img{max-height:290px}
[data-guide-carousel] .slide-details{margin:7px 0 0;padding:0 8px;border-radius:6px;background:#f5f7fa}
[data-guide-carousel] .slide-details>summary{min-height:38px;font-size:12px}
[data-guide-carousel] .slide-details p{font-size:12px}
.access-actions{justify-content:flex-start}.access-actions .primary{margin:0}.access-guidance{margin:6px 0;padding:8px 10px;border-left:4px solid var(--blue);background:#edf6fa;color:#304b68;font-size:13px}
.admin-diagram-slide>div:first-child{align-self:stretch}.admin-level-diagram,.scope-diagram{display:grid;align-content:center;gap:7px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f7fbfd}.admin-level-diagram .level{display:grid;gap:3px;padding:9px;border:2px solid var(--navy);border-radius:7px;background:white;text-align:center}.admin-level-diagram .level small{color:#315c7b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.admin-level-diagram .level strong{font-size:16px}.admin-level-diagram .level span{font-size:11px}.admin-level-diagram .pending{border-style:dashed;border-color:#a97900;background:#fff8df}.admin-level-diagram .hold{border-color:#8793a3;background:#edf0f3}.diagram-arrow{text-align:center;color:#315c7b;font-weight:900}.scope-diagram{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;text-align:center}.scope-diagram strong{padding:9px 5px;border:1px solid var(--navy);border-radius:6px;background:white;font-size:12px}.scope-diagram span{color:#315c7b;font-weight:900}
@media(max-width:560px){[data-guide-carousel] .signin-slide{grid-template-columns:1fr}[data-guide-carousel] .signin-slide img{max-height:220px}.scope-diagram{grid-template-columns:1fr}.scope-diagram span{transform:rotate(0deg)}}

/* Quarry-inspired Calendar guide treatment: compact Trosky branding only. */
:root{--royal:#2860cf;--gold:#ffc52f}body{background:#f4ead1}.welcome.compact-intro{position:relative;overflow:hidden;border:1px solid #0a2351;border-radius:9px;background:linear-gradient(145deg,#102b5a 0%,#061838 70%)}.welcome.compact-intro::before,[data-guide-carousel]>.signin-carousel::before{content:"";display:block;position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--navy) 0 25%,var(--blue) 25% 50%,var(--royal) 50% 75%,var(--gold) 75%)}.welcome.compact-intro{padding-top:17px}.signin-guide-brand>img{filter:drop-shadow(0 2px 2px rgb(0 0 0 / 28%))}.signin-title-row h1,[data-guide-carousel] h2,[data-guide-carousel]>summary{font-family:Oswald,"Arial Narrow",Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.signin-title-row h1{color:white}.signin-title-row .primary{border:1px solid var(--gold);background:transparent;color:white}.signin-title-row .primary:hover{background:var(--gold);color:var(--navy)}
[data-guide-carousel]>.signin-carousel{position:relative;padding-top:5px;border-color:#8da2ba;background:#f4ead1;box-shadow:0 4px 12px rgb(6 24 56 / 10%)}[data-guide-carousel]>.signin-carousel::before{z-index:2}.signin-carousel-head{background:var(--navy);border-bottom:1px solid var(--gold)}.signin-step-count{color:var(--gold);letter-spacing:.12em}.signin-progress{background:rgb(120 180 214 / 28%)}.signin-progress>span{background:linear-gradient(90deg,var(--blue),var(--royal),var(--gold))}.signin-illustrative-note{border-bottom:1px solid #8da2ba;background:#edf6fa;color:#315c7b;font-weight:650}.signin-slide{border:0;background:#fff}.signin-slide h2{font-size:21px;line-height:1.08}.signin-slide h2::after{content:"";display:block;width:44px;height:3px;margin-top:6px;background:var(--gold)}.signin-slide .signin-action{color:#3f8cbd;letter-spacing:.12em}.signin-slide img,.admin-level-diagram,.scope-diagram{border-color:#8da2ba;box-shadow:0 3px 10px rgb(6 24 56 / 9%)}.signin-carousel-nav{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}.signin-carousel-nav button,.signin-carousel-nav a{border-color:var(--gold);background:var(--navy);color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.signin-carousel-nav button:last-child,.signin-carousel-nav a:hover{background:var(--gold);color:var(--navy)}.signin-carousel-nav button:disabled{color:#7890ad;border-color:#435b78;background:transparent}.guide-section{box-shadow:0 2px 7px rgb(6 24 56 / 7%)}
.signin-slide>.screenshot-link{display:block;align-self:center;min-width:0;border-radius:7px;text-decoration:none}.signin-slide>.screenshot-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.signin-slide>.screenshot-link img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.feature-walkthrough .signin-slide>.screenshot-link{max-height:360px;overflow:auto;background:#edf0f3}.feature-walkthrough .signin-slide>.screenshot-link img{max-height:none}.admin-guide-section .signin-slide>.screenshot-link{overflow:visible}.screen-proof{display:inline-block;margin:0 0 4px!important;padding:3px 7px;border:1px solid #78b4d6;border-radius:999px;background:#edf6fa;color:#315c7b;font-size:10px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:560px){.feature-walkthrough .signin-slide>.screenshot-link{max-height:320px}}
/* Real screenshots keep their full natural aspect ratio; the link opens the source pixels. */
.feature-walkthrough .signin-slide>.screenshot-link,.rollout-walkthrough .signin-slide>.screenshot-link{max-height:none;overflow:visible}
@media(max-width:560px){.feature-walkthrough .signin-slide>.screenshot-link,.rollout-walkthrough .signin-slide>.screenshot-link{max-height:none}}
@font-face{font-family:Oswald;src:url('/guides/fonts/oswald-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

.admin-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.admin-resource-grid a{display:flex;align-items:center;min-height:52px;padding:12px;border:1px solid #78b4d6;border-radius:10px;background:white;color:#061838;font-weight:700;text-decoration:none}#admin-resources{padding:16px;background:#f4ead1;border:2px solid #ffc52f;border-radius:12px;margin-top:16px}