/* Public user guide and signed-in topbar guide link. */
.topbar-user-guide{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--experience-line,var(--line));border-radius:11px;color:var(--experience-ink,var(--ink));background:var(--experience-surface,#fff);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.topbar-user-guide:hover{border-color:var(--primary);color:var(--primary)}.topbar-user-guide__mark{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--primary);color:#fff;font-family:Georgia,serif;font-size:12px;font-weight:900}
.public-guide{width:95%;margin:0 auto;padding:22px 0 38px;color:#173652}.guide-site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}.guide-brand{display:inline-flex;align-items:center;gap:10px;color:#173652;text-decoration:none}.guide-brand img{width:38px;height:38px;object-fit:contain}.guide-brand span{display:grid;gap:1px}.guide-brand b{font-size:17px;letter-spacing:.02em}.guide-brand small{color:#61798a;font-size:11px;font-weight:700}.guide-site-header nav{display:flex;align-items:center;gap:12px}.guide-site-header nav>a:not(.button){color:#38566e;font-size:13px;font-weight:800;text-decoration:none}.guide-site-header nav>a:not(.button):hover{color:var(--primary)}
.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:26px;align-items:end;padding:clamp(26px,5vw,55px);border:1px solid color-mix(in srgb,var(--primary) 19%,#d8e7e1);border-radius:28px;background:linear-gradient(128deg,#123d56 0%,#265f6a 58%,#6d347e 100%);color:#fff;box-shadow:0 18px 42px rgba(20,50,69,.16)}.guide-hero .eyebrow{color:#eaff55}.guide-hero h1{max-width:750px;margin:7px 0 12px;color:#fff;font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.045em;line-height:1.03}.guide-hero>div>p:not(.eyebrow){max-width:720px;margin:0;color:rgba(255,255,255,.89);font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.6}.guide-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.guide-hero-actions .button{border-color:rgba(255,255,255,.56);background:rgba(255,255,255,.1);color:#fff}.guide-hero-actions .button.primary{border-color:#eaff55;background:#eaff55;color:#173652}.guide-reference-note{display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(8,28,47,.25);backdrop-filter:blur(8px)}.guide-reference-note b{font-size:15px}.guide-reference-note span{color:rgba(255,255,255,.85);font-size:13px;line-height:1.45}
.guide-search-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:20px;align-items:center;margin:18px 0;padding:15px 18px;border:1px solid #dbe8e3;border-radius:18px;background:#fff}.guide-search-panel label{display:grid;grid-template-columns:156px minmax(0,1fr);gap:12px;align-items:center;color:#46627f;font-size:12px;font-weight:850}.guide-search-panel input{width:100%;min-width:0;padding:11px 13px;border:1px solid #bfd7cd;border-radius:11px;background:#f9fcfa;color:#173652;font:inherit}.guide-search-panel input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.guide-search-panel p{margin:0;color:#60798b;font-size:13px;line-height:1.45}
.guide-category-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:18px 0 34px;padding:7px;border:1px solid #dbe8e3;border-radius:18px;background:#f8fbfa}.guide-category-nav a{display:grid;gap:3px;min-height:64px;padding:10px;border-radius:12px;color:#46627f;font-size:11px;font-weight:850;line-height:1.28;text-align:center;text-decoration:none}.guide-category-nav a span{color:#729186;font-size:9px;letter-spacing:.1em}.guide-category-nav a:hover{background:#fff;color:#173652}.guide-category-nav a.active{background:var(--primary);color:#fff;box-shadow:0 5px 13px color-mix(in srgb,var(--primary) 25%,transparent)}.guide-category-nav a.active span{color:#eaff55}
.guide-section{margin:0 0 30px;padding:clamp(20px,3vw,34px);border:1px solid #dbe8e3;border-radius:23px;background:#fff}.guide-section-heading{max-width:790px;margin-bottom:22px}.guide-section-heading .eyebrow{margin-bottom:6px;color:#2b7a64}.guide-section-heading h2{margin:0;color:#173652;font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.025em}.guide-section-heading p:last-child{margin:9px 0 0;color:#5e7789;line-height:1.55}.guide-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-principles article{padding:17px;border:1px solid #dbe8e3;border-top:4px solid #76a993;border-radius:15px;background:#f9fcfa}.guide-principles article:nth-child(2){border-top-color:#5a2a7b}.guide-principles article:nth-child(3){border-top-color:#d39a2c}.guide-principles article:nth-child(4){border-top-color:#246f83}.guide-principles h3{margin:0;color:#173652;font-size:15px}.guide-principles p{margin:9px 0 0;color:#5b7487;font-size:13px;line-height:1.48}
.guide-visual-grid{display:grid;gap:16px}.guide-visual-grid.navigation{grid-template-columns:1.28fr .9fr}.guide-visual-grid.workspace{grid-template-columns:1.28fr .9fr}.guide-visual-grid figure{min-width:0;margin:0;overflow:hidden;border:1px solid #dbe8e3;border-radius:17px;background:#f8fbfa}.guide-visual-grid img{display:block;width:100%;height:auto}.guide-visual-grid figcaption{display:grid;gap:4px;padding:13px 15px;border-top:1px solid #dbe8e3;background:#fff}.guide-visual-grid figcaption b{font-size:14px}.guide-visual-grid figcaption span{color:#5f788a;font-size:13px;line-height:1.4}
.guide-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-category-cards a{display:flex;flex-direction:column;min-height:210px;padding:20px;border:1px solid #dbe8e3;border-radius:17px;background:linear-gradient(145deg,#fff,#f5faf8);color:#173652;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.guide-category-cards a:hover{transform:translateY(-3px);box-shadow:0 13px 24px rgba(25,57,75,.1)}.guide-category-cards span{color:#2b7a64;font-size:10px;font-weight:900;letter-spacing:.11em}.guide-category-cards h3{margin:11px 0 8px;font-size:18px}.guide-category-cards p{margin:0;color:#5c7486;font-size:13px;line-height:1.5}.guide-category-cards small{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px;color:#587285;font-size:12px}.guide-category-cards small b{color:var(--primary)}
.guide-category-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr);gap:22px;align-items:end}.guide-category-intro .guide-section-heading{margin:0}.guide-role-banner{display:grid;gap:7px;padding:17px;border:1px solid #d7e7e0;border-left:5px solid var(--primary);border-radius:14px;background:#f8fcfa}.guide-role-banner b{font-size:14px}.guide-role-banner span{color:#36576d;font-size:13px;line-height:1.45}.guide-role-banner small{color:#6d8290;font-size:11px;line-height:1.38}.guide-quick-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}.guide-quick-paths article{display:grid;gap:7px;padding:15px 17px;border:1px solid #dbe8e3;border-radius:15px;background:#f8fbfa}.guide-quick-paths article:nth-child(2){background:#f8f5fc}.guide-quick-paths article:nth-child(3){background:#f6fbf8}.guide-quick-paths span{color:#2b7a64;font-size:10px;font-weight:900;letter-spacing:.1em}.guide-quick-paths b{color:#284961;font-size:13px;line-height:1.45}
.guide-module-list{display:grid;gap:11px}.guide-module{overflow:hidden;border:1px solid #dbe8e3;border-radius:18px;background:#fff}.guide-module>summary{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:13px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}.guide-module>summary::-webkit-details-marker{display:none}.guide-module>summary:hover{background:#f8fbfa}.guide-module[open]>summary{border-bottom:1px solid #dbe8e3;background:#f8fbfa}.guide-module-number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf5ef;color:#24745c;font-size:12px;font-weight:900}.guide-module-title{display:grid;gap:4px;min-width:0}.guide-module-title small{color:#527a70;font-size:10px;font-weight:900;letter-spacing:.09em}.guide-module-title b{color:#173652;font-size:17px}.guide-module-title em{overflow:hidden;color:#61798a;font-size:13px;font-style:normal;line-height:1.38;text-overflow:ellipsis;white-space:nowrap}.guide-module-toggle{display:grid;place-items:center;width:29px;height:29px;border:1px solid #cbded6;border-radius:50%;color:var(--primary);font-size:21px;font-weight:700}.guide-module[open] .guide-module-toggle{border-color:var(--primary);background:var(--primary);color:#fff;transform:rotate(45deg)}.guide-module-body{padding:20px}.guide-module-overview{display:grid;grid-template-columns:1.12fr .88fr;gap:24px}.guide-module-body h3{margin:0 0 9px;color:#173652;font-size:14px}.guide-module-body ul{display:grid;gap:8px;margin:0;padding-left:19px}.guide-module-body li,.guide-module-body p{color:#506d80;font-size:13px;line-height:1.52}.guide-module-body p{margin:0 0 17px}.guide-role-copy{padding:11px 12px;border-left:3px solid #5a2a7b;border-radius:0 10px 10px 0;background:#f7f2fb}.guide-module-click-guide{margin-top:20px;padding:16px;border:1px solid #d8e7e1;border-radius:16px;background:linear-gradient(145deg,#fbfdfc,#f3f9f6)}.guide-module-click-guide__heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;margin:0 0 13px}.guide-module-click-guide__heading>span{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#e5f3ec;color:#25755a;font-size:10px;font-weight:900;letter-spacing:.08em}.guide-module-click-guide__heading p{margin:0;color:#536f80;font-size:13px;line-height:1.45}.guide-module-visuals{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:13px;align-items:stretch}.guide-module-visuals figure{display:grid;grid-template-rows:1fr auto;min-width:0;margin:0;overflow:hidden;border:1px solid #cfdfd8;border-radius:14px;background:#fff}.guide-module-visuals img{display:block;width:100%;height:auto;align-self:stretch;background:#edf4f2}.guide-module-visuals figcaption{display:grid;gap:3px;padding:10px 12px;border-top:1px solid #dbe8e3;background:#fff}.guide-module-visuals figcaption b{font-size:12px}.guide-module-visuals figcaption span{color:#617a8b;font-size:11px;line-height:1.4}.guide-module-path{display:grid;grid-template-columns:1fr 1.2fr 1.25fr;gap:10px;margin-top:20px}.guide-module-path article{padding:14px;border:1px solid #dbe8e3;border-radius:13px;background:#f9fcfa}.guide-module-path span{display:block;margin-bottom:8px;color:#527a70;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.guide-module-path code{display:block;overflow-wrap:anywhere;color:#3c2269;font-size:12px;font-weight:800}.guide-module-path ol{display:grid;gap:5px;margin:0;padding-left:18px;color:#506d80;font-size:12px;line-height:1.42}.guide-module-path .controlled{border-left:4px solid #d49a2d;background:#fffaf0}.guide-module-path .controlled p{margin:0;color:#66552f;font-size:12px;line-height:1.45}.guide-no-results{margin:0;padding:24px;border:1px dashed #b9d5ca;border-radius:16px;background:#f8fbfa;color:#526f7e;text-align:center}
.guide-support{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:25px 29px;border-radius:21px;background:#143d56;color:#fff}.guide-support .eyebrow{color:#eaff55}.guide-support h2{max-width:680px;margin:5px 0;color:#fff;font-size:21px}.guide-support p{margin:7px 0 0;color:#d7e7e4;font-size:13px}.guide-support .button{flex:0 0 auto;border-color:#eaff55;background:#eaff55;color:#16364f}.guide-footer{display:flex;justify-content:space-between;gap:12px;padding:21px 3px 8px;color:#657c8c;font-size:12px}
@media(max-width:800px){.topbar-user-guide{justify-content:center;width:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:transparent}.topbar-user-guide__mark{width:28px;height:28px;background:#000}.topbar .topbar-user-guide__mark{color:#fff}.topbar-user-guide:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.topbar-user-guide__label{display:none}}
@media(max-width:1000px){.guide-category-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-visual-grid.navigation,.guide-visual-grid.workspace,.guide-category-intro,.guide-module-overview{grid-template-columns:1fr}.guide-module-visuals{grid-template-columns:1fr 340px}.guide-module-path{grid-template-columns:1fr 1fr}.guide-module-path .controlled{grid-column:1/-1}}
@media(max-width:700px){.topbar-user-guide{justify-content:center;width:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:transparent}.topbar-user-guide__mark{width:28px;height:28px}.topbar-user-guide:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.topbar-user-guide__label{display:none}.public-guide{width:min(100% - 20px,680px);padding:13px 0 92px}.guide-site-header{margin-bottom:13px}.guide-site-header nav{gap:8px}.guide-site-header nav>a:not(.button){display:none}.guide-hero{grid-template-columns:1fr;gap:18px;padding:25px 20px;border-radius:22px}.guide-hero h1{font-size:clamp(2.15rem,12vw,3.2rem)}.guide-reference-note{padding:14px}.guide-search-panel{grid-template-columns:1fr;gap:10px;padding:14px}.guide-search-panel label{grid-template-columns:1fr;gap:6px}.guide-category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:14px 0 22px;padding:6px;border-radius:15px}.guide-category-nav a{min-height:52px;padding:8px;font-size:10px}.guide-section{margin-bottom:20px;padding:19px 15px;border-radius:18px}.guide-principles,.guide-category-cards,.guide-quick-paths,.guide-module-path,.guide-module-visuals{grid-template-columns:1fr}.guide-category-cards a{min-height:180px}.guide-visual-grid figure{border-radius:14px}.guide-module{border-radius:15px}.guide-module>summary{grid-template-columns:38px minmax(0,1fr) 28px;gap:9px;padding:13px}.guide-module-number{width:34px;height:34px;border-radius:10px;font-size:11px}.guide-module-title b{font-size:15px}.guide-module-title em{font-size:12px;white-space:normal}.guide-module-toggle{width:27px;height:27px;font-size:19px}.guide-module-body{padding:15px}.guide-module-click-guide{margin-top:16px;padding:12px}.guide-module-click-guide__heading{grid-template-columns:1fr;gap:8px}.guide-module-click-guide__heading>span{width:max-content}.guide-module-path .controlled{grid-column:auto}.guide-support{align-items:flex-start;flex-direction:column;margin-top:20px;padding:20px;border-radius:18px}.guide-support .button{width:100%;text-align:center}.guide-footer{flex-direction:column;padding:18px 3px 0}.guide-site-header .button{min-height:36px;padding:8px 11px;font-size:12px}}
@media print{.guest-theme-toggle,.guide-site-header nav,.guide-hero-actions,.guide-search-panel,.guide-category-nav,.guide-support{display:none!important}.public-guide{width:100%;padding:0}.guide-hero,.guide-section,.guide-module{box-shadow:none}.guide-module{break-inside:avoid}.guide-module:not([open]) .guide-module-body{display:block}.guide-module-toggle{display:none}}