@font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/InterVariable-Italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#19243a;--muted:#64718a;--line:#e5e9f1;--soft:#f5f7fb;--accent:#5d56d8;--surface:#fff;--canvas:#f7f8fc;--radius:16px;--shadow:0 5px 20px #26345b05,0 1px 3px #26345b03}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.8;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button{cursor:pointer}button,select{color:var(--ink)}[hidden]{display:none!important}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}::selection{color:#242353;background:#e5e2ff}.reading-progress{height:3px;position:fixed;top:0;left:0;width:100%;z-index:50;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:var(--accent);transition:width .1s linear}
.topbar{height:78px;padding:0 max(28px,calc((100vw - 1520px)/2));display:flex;align-items:center;gap:22px;background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);white-space:nowrap}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#242b49;color:white;box-shadow:inset 0 1px #ffffff26,0 3px 7px #222d4914}.logo-mark svg{width:22px;height:22px;stroke-width:1.5}.brand-name{display:flex;flex-direction:column;font-size:16px;font-weight:740;letter-spacing:-.035em;line-height:1.25}.brand-name>span{margin-top:4px;color:#8c96aa;letter-spacing:.035em;font-size:10px;font-weight:550}.divider{width:1px;height:28px;background:var(--line);margin:0 3px}.toplabel{font-size:12px;color:#8490a5}.topbar select{border:1px solid var(--line);background:#f9fafe;border-radius:9px;padding:9px 28px 9px 12px;font-size:12px;max-width:245px;min-width:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:22px;flex-shrink:0}.top-actions>a{font-size:12px;font-weight:550;color:#69758d;text-decoration:none}.top-actions button{border:1px solid var(--line);background:white;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:550;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #24334f03}.top-actions button:hover{background:#f7f8fd;border-color:#cfd6e5}.top-actions button svg{width:15px;height:15px}.top-actions .nav-toggle{display:none}
.catalog{max-width:1240px;padding:54px 32px 50px;margin:0 auto}.catalog-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:65px;align-items:center;padding:44px 48px 45px;background:linear-gradient(115deg,#f0f0ff,#f7f8ff 58%,#f4f9fd);border:1px solid #e4e5f6;border-radius:23px;overflow:hidden}.catalog-hero:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #e4e5f5;border-radius:50%;right:-130px;top:-150px;pointer-events:none}.intro{position:relative;z-index:1;min-width:0}.hero-label,.eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#7771b4;font-weight:700}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #8e87cc0d;display:inline-block;flex-shrink:0}h1{font-size:43px;line-height:1.15;letter-spacing:-.045em;font-weight:730;margin:16px 0 19px}h2{font-size:27px;line-height:1.3;letter-spacing:-.028em;font-weight:690;margin:6px 0 20px}h3{font-size:18px;line-height:1.45;letter-spacing:-.018em;font-weight:670;margin:28px 0 13px}h4{font-size:15px;font-weight:650;margin:23px 0 10px}p{margin:11px 0 17px}.catalog h1{font-size:46px;line-height:1.14;letter-spacing:-.045em;margin:16px 0 20px;max-width:600px}.catalog h1 span{color:#7771b2}.lede{font-size:16px;line-height:1.8;color:#6d7890;max-width:680px}.catalog .lede{font-size:14px;line-height:1.9;max-width:500px;margin-bottom:20px}.hero-meta{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 0}.pill{font-size:10px;font-weight:550;color:#76829a;background:#ffffffba;border:1px solid #e2e5f0;border-radius:6px;line-height:1.5;padding:5px 8px}.guide-preview{position:relative;z-index:1;border:1px solid #e3e5f2;box-shadow:0 10px 26px #3e437e08;background:#ffffffeb;border-radius:16px;padding:19px 20px 12px;transform:rotate(-1.5deg)}.preview-heading{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650;padding-bottom:15px;border-bottom:1px solid #edf0f7;white-space:nowrap}.preview-book{display:grid;place-items:center;background:#eeedfc;color:#7870ba;width:29px;height:29px;border-radius:8px}.preview-book svg{width:16px;height:16px}.preview-dot{width:5px;height:5px;background:#a49cd0;border-radius:50%;margin-left:auto;box-shadow:9px 0 #d9d5ee}.preview-step{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed #eceef6}.preview-step:last-child{border:0}.preview-step>span{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:8px;font-size:9px;font-weight:650;background:#f3f4fa;color:#9aa3b6}.preview-step strong{display:block;font-size:11px;line-height:1.4;font-weight:650}.preview-step small{display:block;font-size:9px;line-height:1.5;color:#9ca5b6;margin-top:2px}.preview-step i{font-style:normal;margin-left:auto;font-size:12px;color:#9fa6ba}.preview-step:nth-child(2)>span,.preview-step:nth-child(3)>span{color:#658d7f;background:#eff6f3}.preview-step:nth-child(2)>i,.preview-step:nth-child(3)>i{color:#82a293}.catalog-browser{padding-top:42px}.browse-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:9px;color:#9aa3b6}.browse-heading h2{font-size:23px;margin:7px 0 0;letter-spacing:-.025em}.collection-count{font-size:10px;font-weight:550;color:#98a2b5;background:#edf0f7;padding:5px 9px;border-radius:6px}.search-label{position:absolute;left:-9999px}.search-field{display:flex;align-items:center;gap:11px;background:white;border:1px solid #e0e5ef;border-radius:11px;padding:0 14px;max-width:540px;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}.search-field:focus-within{border-color:#b3ade0;box-shadow:0 0 0 3px #aaa1e814}.search-field>svg{width:17px;height:17px;color:#a0a9bb}.search-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:12px;outline:none;padding:12px 0}.search-field input::placeholder{color:#a0a9bc}.search-field kbd{border:1px solid #e5e8f0;background:#f8f9fc;min-width:19px;height:22px;line-height:20px;text-align:center;border-radius:4px;font:10px/20px Inter,sans-serif;color:#b0b8c8}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:25px 0 35px}.product-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--ink);background:white;border:1px solid #e4e8f0;border-radius:15px;padding:23px 21px 18px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s}.product-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,white);box-shadow:0 12px 30px #25396209;transform:translateY(-4px)}.card-top{display:flex;align-items:center;justify-content:space-between}.app-icon{display:inline-grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:13px;background:color-mix(in srgb,var(--accent) 8%,white);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 10%,white);box-shadow:inset 0 1px white}.app-icon svg{width:23px;height:23px}.card-arrow{display:grid;place-items:center;width:26px;height:26px;border:1px solid #edf0f6;border-radius:50%;color:#aab3c3;transition:color .18s,background .18s}.card-arrow svg{width:13px;height:13px}.product-card:hover .card-arrow{background:color-mix(in srgb,var(--accent) 7%,white);color:var(--accent)}.product-card h2{font-size:15px;letter-spacing:-.02em;line-height:1.45;font-weight:680;margin:20px 0 10px}.product-card p{font-size:11px;line-height:1.85;color:#8b96ab;margin:0 0 24px}.card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;border-top:1px solid #f0f2f7;padding-top:14px;font-size:9px;color:#757f96;font-weight:550;line-height:1.4}.card-count{font-size:8px;font-weight:450;color:#a6afc0;white-space:nowrap}.catalog-footer{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:26px 4px 0;border-top:1px solid #e4e8f0;font-size:11px;color:#97a1b3}.catalog-footer strong{font-size:11px;font-weight:600;color:#75819a}.catalog-footer p{line-height:1.9;margin:8px 0}.empty{font-size:13px;color:#8a95aa;padding:25px 0}
.layout{display:grid;grid-template-columns:235px minmax(0,880px) 190px;max-width:1450px;gap:22px;margin:25px auto 0;padding:0 25px}.sidebar{position:sticky;top:103px;align-self:start;height:calc(100vh - 125px);overflow:auto;padding:13px 3px 30px;scrollbar-width:thin;scrollbar-color:#e1e5ee transparent}.product-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;line-height:1.5;margin:0 9px 28px}.product-name .app-icon{width:34px;height:34px;border-radius:10px}.product-name .app-icon svg{width:19px;height:19px}.nav-group{font-size:9px;font-weight:650;color:#a2aabd;text-transform:uppercase;letter-spacing:.1em;margin:25px 12px 9px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar a{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.65;font-weight:460;color:#8590a4;text-decoration:none;border:1px solid transparent;border-radius:9px;padding:9px 12px;margin:1px 0;transition:background .15s,color .15s}.sidebar a:hover{color:#596580;background:#f0f2f8}.sidebar a.active{color:var(--accent);background:white;border-color:#e6e8f2;box-shadow:0 2px 5px #26345b04;font-weight:600}.nav-number{font-size:8px;font-weight:500;color:#b4bdcc;line-height:1;font-variant-numeric:tabular-nums}.sidebar a.active .nav-number{color:var(--accent)}.side-note{margin:30px 12px 0;padding-top:17px;border-top:1px solid #e5e9f1;font-size:9px;color:#a5aec0;line-height:1.9}.article{min-width:0;background:white;border:1px solid #e5e9f2;border-radius:19px;padding:34px 43px 40px;box-shadow:var(--shadow)}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;line-height:1.6;color:#abb3c3;margin-bottom:29px}.breadcrumb a{color:#8c97ad;text-decoration:none}.product-hero{position:relative;padding:0 0 3px}.product-hero .hero-label{font-size:9px;letter-spacing:.09em;color:var(--accent)}.product-hero h1{max-width:88%;margin:14px 0 18px;font-size:38px;font-weight:720}.product-hero .lede{max-width:620px;font-size:14px;line-height:1.9;color:#8290a5}.hero-emblem{display:grid;place-items:center;position:absolute;right:0;top:5px;width:46px;height:46px;background:color-mix(in srgb,var(--accent) 6%,white);border:1px solid color-mix(in srgb,var(--accent) 9%,white);color:var(--accent);border-radius:14px}.hero-emblem svg{width:26px;height:26px;stroke-width:1.4}.product-hero .pill{font-size:9px;color:#8d99ad;background:#f8f9fc;border-color:#e9edf4;border-radius:5px;padding:4px 7px}.hero-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px}.hero-links a{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:550;text-decoration:none;color:#8c97ae}.hero-links a svg{width:13px;height:13px}.hero-links .primary-link{padding:8px 11px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:7px;box-shadow:0 3px 7px color-mix(in srgb,var(--accent) 9%,transparent)}.chapter{border-top:1px solid #edf0f5;margin-top:35px;padding:32px 0 10px;scroll-margin-top:108px}.chapter>h2{font-size:25px;font-weight:680;margin:7px 0 20px}.section-kicker{font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.chapter>p{font-size:13px;line-height:1.95;color:#6e7b91}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:23px 0}.role-card{border:1px solid #e8ecf3;border-radius:10px;padding:17px;background:linear-gradient(140deg,#fff,#fafbfe)}.role-card strong{font-size:11px;color:#516079;font-weight:620}.role-card p{font-size:10px;color:#929db0;line-height:1.85;margin:7px 0 0}.notice,.callout{border:1px solid #dfe7f5;border-left:3px solid color-mix(in srgb,var(--accent) 50%,white);padding:15px 18px;border-radius:8px;background:#f7f9fe;font-size:12px;margin:21px 0;color:#72819a}.notice strong,.callout strong{font-size:12px;font-weight:620;color:#4b607f}.notice p,.callout p{font-size:11px;line-height:1.9;margin:6px 0 0}.notice.warning,.callout.warning{border-color:#f0e4cb;border-left-color:#d8b466;background:#fffdf6;color:#9a8a65}.notice.warning strong,.callout.warning strong{color:#9b7e3f}.callout.fact{border-color:#dcece5;border-left-color:#91bdab;background:#f8fcfa}.table-scroll,.table-wrap{max-width:100%;overflow:auto;border:1px solid #e7ebf3;border-radius:10px;margin:18px 0 25px}table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.8;text-align:left}th,td{padding:12px 14px;vertical-align:top;border-bottom:1px solid #edf0f6;overflow-wrap:anywhere}th{background:#f7f9fc;color:#7e8ca4;font-size:9px;letter-spacing:.025em;font-weight:600}td{color:#8290a7}td:first-child{font-weight:580;color:#596981}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}pre{position:relative;background:#222c43;color:#dce5f5;border:1px solid #2e3951;box-shadow:inset 0 1px #ffffff08;border-radius:11px;max-width:100%;overflow:auto;padding:20px 21px;margin:18px 0;font:11px/1.9 Consolas,"SFMono-Regular",monospace}pre.with-copy{padding-top:45px}code{font:0.84em Consolas,"SFMono-Regular",monospace;overflow-wrap:anywhere}pre code{font-size:inherit;overflow-wrap:normal}.code-copy{position:absolute;right:10px;top:9px;border:1px solid #526079;border-radius:5px;background:#ffffff08;color:#aab8d1;font-family:Inter,sans-serif;font-size:9px;line-height:1.3;padding:4px 8px}.code-copy:hover{color:white;background:#ffffff12}ol,ul{padding-left:22px;margin:16px 0 22px;font-size:13px;line-height:1.95;color:#6f7d94}li{padding-left:6px;margin:10px 0}ol>li::marker{font-size:11px;font-weight:650;color:var(--accent)}details{border:1px solid #e7ebf3;border-radius:9px;margin:15px 0;padding:13px 16px;background:#fff;font-size:12px}summary{font-size:11px;font-weight:580;color:#6b7b94;cursor:pointer;line-height:1.8}details[open]>summary{margin-bottom:17px;padding-bottom:11px;border-bottom:1px solid #edf0f5}details p{font-size:12px;color:#8290a6;line-height:1.9}.paths{font-size:10px;line-height:1.9;columns:2;column-gap:22px}.paths div{break-inside:avoid;overflow-wrap:anywhere;color:#95a0b2}.admin-step{display:grid;grid-template-columns:31px 1fr;gap:13px;margin:26px 0}.step-num{display:grid;place-items:center;width:29px;height:29px;color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,white);border:1px solid color-mix(in srgb,var(--accent) 11%,white);border-radius:9px;font-size:10px;font-weight:650}.admin-step h3{font-size:14px;font-weight:620;line-height:1.5;margin:1px 0 8px}.admin-step p{font-size:12px;line-height:1.95;color:#8290a5;margin:0}.workflow{border:1px solid #e5eaf3;border-radius:13px;padding:24px;margin:25px 0;box-shadow:0 3px 9px #273c6303}.workflow-head{font-size:8px;color:var(--accent);font-weight:650;text-transform:uppercase;letter-spacing:.12em}.workflow h3{font-size:19px;font-weight:650;letter-spacing:-.025em;margin:8px 0 13px;line-height:1.4}.path{display:inline-block;max-width:100%;font:10px/1.6 Consolas,monospace;overflow-wrap:anywhere;background:#f5f7fb;color:#8c99ad;border:1px solid #e8edf4;border-radius:5px;padding:4px 7px}.before{font-size:11px;color:#929db0;line-height:1.9;margin:17px 0}.before strong{font-weight:600;color:#77869d}.workflow ol{font-size:12px;padding-left:18px}.result{background:#f4faf7;border:1px solid #e0eee7;border-radius:8px;padding:13px 15px;font-size:11px;color:#839e91}.result strong{font-size:10px;font-weight:650;color:#66917e}.result p{font-size:11px;line-height:1.8;margin:6px 0 0}.help{font-size:10px;line-height:1.9;color:#9aa6b7;margin:15px 0 0}.help strong{color:#8392a8;font-weight:600}.version-data{display:grid;grid-template-columns:115px minmax(0,1fr);gap:9px;padding:18px 20px;background:#f8faff;border:1px solid #e8edf6;border-radius:10px;font-size:11px;line-height:1.8}.version-data dt{color:#96a2b6}.version-data dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#687a95}.rightnav{position:sticky;top:103px;align-self:start;padding:18px 0 25px 0;font-size:10px;max-height:calc(100vh - 120px);overflow:auto}.rightnav>strong{display:block;font-size:10px;font-weight:600;color:#8c97ac;margin:0 12px 15px}.rightnav>a{display:block;color:#a0aabd;font-size:10px;line-height:1.7;text-decoration:none;border-left:1px solid #e2e7f0;padding:7px 12px;margin-left:12px}.rightnav>a.active{color:var(--accent);border-left:2px solid var(--accent);padding-left:11px;font-weight:550}.rightnav>a:hover{color:#7888a4}.readiness{border:1px solid #e6eaf3;background:#fff;border-radius:10px;padding:15px;margin:27px 0 0 12px;font-size:10px;line-height:1.9;color:#9ba6b8}.reference-icon{display:block;color:#a4a9c5;margin-bottom:8px}.reference-icon svg{width:17px;height:17px}.page-footer{display:flex;gap:16px;flex-wrap:wrap;font-size:9px;color:#a7b0c1;border-top:1px solid #edf0f6;padding-top:22px;margin-top:35px}.page-footer a{color:#9aa6bb;text-decoration:none}.font-credit{max-width:1240px;margin:0 auto;padding:17px 32px 25px;font-size:9px;text-align:center;color:#b1b8c7}.font-credit a{color:#9da6bb}.skip{position:absolute;left:-9999px}.skip:focus{position:fixed;left:20px;top:12px;z-index:100;background:white;padding:10px;border:1px solid var(--accent);border-radius:5px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b7b0e9;outline-offset:4px}

/* Reading scale: keep main guidance comfortable at normal browser zoom. */
.chapter>p,.chapter ol,.chapter ul{font-size:14px;color:#68788f;line-height:1.95}
.chapter table{font-size:12px}.chapter td{color:#74839a}.chapter th{font-size:10px}
.chapter details p{font-size:13px}.chapter .workflow ol{font-size:13px}
.before,.result,.result p{font-size:12px}.help{font-size:11px}
.role-card p{font-size:12px;color:#8390a4}.role-card strong{font-size:12px}
.admin-step p{font-size:13px}.notice p,.callout p{font-size:12px}
.product-hero .lede{font-size:15px}.product-card p{font-size:12px;color:#8290a5}
.catalog .lede{font-size:14px}.rightnav>a{font-size:11px}.sidebar a{font-size:12px}
pre{font-size:12px}

@media(min-width:1650px){.catalog{padding-top:65px}.catalog-hero{padding:55px 58px}.layout{gap:28px;padding:0 25px}.article{padding:40px 48px}}
@media(max-width:1200px){.layout{grid-template-columns:210px minmax(0,1fr);max-width:1100px;gap:20px}.rightnav{display:none}.article{padding:32px 35px}.topbar{padding:0 25px;gap:15px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-hero{gap:40px;padding:38px}.catalog h1{font-size:39px}}
@media(max-width:900px){.catalog-hero{grid-template-columns:1fr .75fr;gap:25px;padding:30px}.guide-preview{padding:15px;transform:rotate(-1deg)}.catalog h1{font-size:35px}.preview-heading{font-size:10px}.catalog .lede{font-size:12px}.toplabel,.divider{display:none}.topbar{gap:16px}.top-actions>a{display:none}.topbar select{max-width:220px}.layout{grid-template-columns:190px minmax(0,1fr);gap:15px;padding:0 18px}.article{padding:28px}.sidebar a{font-size:11px}.product-name{font-size:12px}}
@media(max-width:760px){.topbar{height:68px;padding:0 16px;gap:14px}.topbar select{flex:1;max-width:220px;font-size:11px}.brand-name{font-size:14px}.brand-name>span{font-size:8px}.logo-mark{width:32px;height:32px;border-radius:9px}.logo-mark svg{width:19px;height:19px}.top-actions{gap:7px}.top-actions button{padding:8px 9px;font-size:10px}.top-actions .nav-toggle{display:flex}.layout{display:block;margin:16px 0 0;padding:0 16px}.sidebar{display:none;position:static;height:auto;max-height:65vh;padding:16px;border:1px solid var(--line);border-radius:13px;background:white;margin-bottom:15px}.sidebar.is-open{display:block}.sidebar .side-note{display:none}.product-name{margin-bottom:15px}.sidebar .nav-group{margin:14px 10px 8px}.sidebar a{font-size:12px}.article{padding:27px 28px}.product-hero h1{font-size:35px}.chapter{scroll-margin-top:88px}.catalog{padding:30px 22px 35px}.catalog-hero{grid-template-columns:1fr;padding:34px;border-radius:18px}.guide-preview{display:none}.catalog h1{font-size:40px}.catalog .lede{font-size:14px;max-width:520px}.hero-meta{margin-top:21px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-browser{padding-top:32px}.product-card{padding:21px}.catalog-footer{gap:25px}.font-credit{padding:10px 22px 22px}.paths{columns:1}}
@media(max-width:480px){body{font-size:14px}.topbar{padding:0 12px;gap:10px}.brand-name{display:none}.topbar select{min-width:0;max-width:none;flex:1;padding-right:22px}.top-actions{margin-left:0;gap:5px}.top-actions button{padding:7px 8px;gap:5px;font-size:9px}.top-actions button svg{width:12px;height:12px}.logo-mark{width:30px;height:30px}.layout{padding:0 10px;margin-top:12px}.article{padding:22px 19px;border-radius:13px}.breadcrumb{font-size:9px;margin-bottom:25px}.product-hero h1{font-size:31px;line-height:1.2;max-width:84%}.hero-emblem{width:37px;height:37px;border-radius:11px}.hero-emblem svg{width:21px;height:21px}.product-hero .lede{font-size:12px}.hero-links{gap:13px;margin-top:22px}.hero-links a{font-size:9px}.hero-meta{gap:5px}.product-hero .pill{font-size:8px;padding:4px 6px}.chapter{padding-top:26px;margin-top:29px}.chapter>h2{font-size:23px}.chapter>p,ol,ul{font-size:13px}.role-grid{grid-template-columns:1fr}.role-card{padding:15px}.workflow{padding:18px 16px;margin:20px 0}.workflow h3{font-size:17px}.workflow ol{font-size:12px}.version-data{grid-template-columns:1fr;gap:3px;padding:16px}.version-data dd{margin-bottom:9px}.notice,.callout{padding:13px 14px;font-size:11px}.table-scroll,.table-wrap{border-radius:7px}th,td{padding:10px}pre{padding:16px;font-size:10px}.catalog{padding:22px 14px 30px}.catalog-hero{padding:27px 24px;border-radius:15px}.catalog h1{font-size:33px}.catalog .lede{font-size:12px}.catalog .pill{font-size:8px}.browse-heading h2{font-size:21px}.eyebrow{font-size:8px}.collection-count{font-size:9px}.search-field{padding:0 12px}.search-field input{font-size:11px}.product-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}.product-card{padding:21px 22px}.product-card h2{font-size:16px;margin:17px 0 10px}.product-card p{font-size:12px;max-width:320px}.card-link{font-size:10px}.card-count{font-size:9px}.catalog-footer{grid-template-columns:1fr;gap:15px}.font-credit{font-size:8px}.page-footer{font-size:8px;gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.guide-preview{transform:none}}
@media print{.topbar,.sidebar,.rightnav,.reading-progress,.skip,.hero-links,.font-credit,.code-copy,.page-footer{display:none!important}.layout{display:block;max-width:none;padding:0;margin:0}.article,.catalog{padding:0;border:0;box-shadow:none;background:white}body{background:white;color:#172235;font-size:10pt}.chapter{break-before:page;margin:24pt 0;border:0;padding:0}.chapter:first-of-type{break-before:auto}h2,h3{break-after:avoid}.notice,.callout,.result,.admin-step{break-inside:avoid}pre,pre.with-copy{padding:14px;white-space:pre-wrap;color:#263852;background:#f1f3f8;border:1px solid #ddd;box-shadow:none;overflow:visible}.table-scroll,.table-wrap{overflow:visible}.product-card{break-inside:avoid;box-shadow:none;transform:none}.product-grid{grid-template-columns:1fr 1fr}.catalog-hero{display:block;background:white;border:0;padding:0}.guide-preview,.search-label,.search-field{display:none}.paths{columns:2}.product-hero h1{max-width:100%}}

/* Disclosure controls: plus/minus on the right, retaining native details behavior. */
details > summary {
  position: relative;
  display: block;
  list-style: none;
  padding-right: 32px;
}
details > summary::-webkit-details-marker { display: none; }
details > summary::marker { content: ""; }
details > summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: var(--accent);
  font-family: Inter, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  pointer-events: none;
}
details[open] > summary::after { content: "\2212"; }
/* Feature instructions: purpose, access, inputs, actions and result checks. */
.feature-index{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fafbfe;margin:18px 0 26px}
.feature-index strong{width:100%;font-size:11px;font-weight:600;color:#65738a;margin-bottom:3px}
.feature-index a{font-size:10px;text-decoration:none;background:white;border:1px solid var(--line);padding:5px 8px;border-radius:5px}
.feature-purpose{margin:18px 0}.feature-purpose h4{font-size:12px;margin:15px 0 6px}.feature-purpose p{font-size:12px;line-height:1.9;color:#73829a;margin:0}
.workflow>h4{font-size:12px;margin:23px 0 10px}.workflow .table-scroll{margin-top:12px}.workflow .feature-checks{font-size:12px}.workflow[id]{scroll-margin-top:105px}
@media(max-width:480px){.feature-index{padding:13px}.feature-index a{font-size:10px}.feature-purpose p{font-size:12px}.workflow .table-scroll{font-size:11px}}

/* Admin/User feature library. */
.role-guide-link{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8faff;margin:0 0 24px;font-size:12px}.role-guide-link a{font-size:11px;font-weight:550}
.feature-search-label{display:block;font-size:12px;color:#738098;margin:25px 0 8px}.feature-search-input{width:100%;padding:11px 13px;font:12px Inter,sans-serif;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.feature-count{font-size:11px;color:#96a0b3}
.role-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.role-feature-card{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:17px;text-decoration:none;background:white}.role-feature-card:hover{border-color:var(--accent);background:#fafbff}.role-feature-card strong{font-size:12px;color:#50617d}.role-feature-card span{font-size:11px;line-height:1.85;color:#8693a8}.role-feature-card small{font-size:9px;color:#a4adbe;margin-top:auto}
@media(max-width:520px){.role-feature-grid{grid-template-columns:1fr}.role-guide-link{display:block}.role-guide-link a{display:block;margin-top:9px}}

/* Readability: dark text on the light documentation surfaces. */
:root { --ink: #172033; --muted: #475569; }
body { color: #263449; font-weight: 450; }
h1, h2, h3, h4 { color: #172033; }
.chapter > p, .chapter p, .chapter ol, .chapter ul,
.chapter td, .chapter table td, .chapter details p,
.product-hero .lede, .catalog .lede,
.feature-purpose p, .admin-step p, .workflow ol,
.role-card p, .product-card p, .role-feature-card span {
  color: #3f4e65;
}
.sidebar a, .rightnav > a, .breadcrumb, .breadcrumb a,
.before, .help, .help strong, .before strong,
.paths div, .version-data dt, .version-data dd,
.side-note, .page-footer, .page-footer a, .font-credit, .font-credit a,
.feature-count, .role-feature-card small, .role-card strong,
.catalog-footer, .catalog-footer strong, .card-link, .card-count,
.pill, .product-hero .pill, .collection-count, .nav-group, .nav-number,
.toplabel, .top-actions > a, .brand-name > span,
.search-field input::placeholder, .search-field kbd,
.rightnav > strong, .readiness, .eyebrow,
.preview-step small, .preview-step > span {
  color: #526078;
}
.sidebar a, .rightnav > a, .pill, .role-feature-card small,
.side-note, .page-footer, .card-count { font-weight: 500; }
.sidebar a:hover, .rightnav > a:hover { color: #27364c; }
.sidebar a.active, .rightnav > a.active { color: var(--accent); font-weight: 650; }
.chapter th, th { color: #37475f; font-weight: 650; }
td:first-child, .chapter td:first-child,
.role-feature-card strong, .role-card strong, summary { color: #27364c; }
.path { color: #42536e; }
.notice, .notice p, .chapter .notice p,
.callout, .callout p, .chapter .callout p { color: #40536f; }
.notice strong, .callout strong { color: #263e60; }
.notice.warning, .notice.warning p, .chapter .notice.warning p,
.callout.warning, .callout.warning p, .chapter .callout.warning p { color: #745822; }
.notice.warning strong, .callout.warning strong { color: #654712; }
.result, .result p, .chapter .result p { color: #355e4d; }
.result strong { color: #23513d; }
.code-copy { color: #e2e8f0; border-color: #71809a; }
@media print {
  body, .chapter p, .chapter td, .chapter ol, .chapter ul { color: #172033; }
}

/* Spacing adjustment for the restored documentation design. */
.catalog{max-width:1320px;padding-top:56px;padding-bottom:55px}
.catalog-hero{padding:48px 52px;gap:62px}
.catalog-browser{padding-top:46px}
.product-grid{gap:23px;margin-top:30px;margin-bottom:42px}
.product-card{padding:27px 25px 22px}
.product-card p{line-height:1.95;margin-bottom:27px}
.card-link{padding-top:17px}
.catalog-footer{padding-top:32px;gap:58px}
.layout{grid-template-columns:225px minmax(0,960px) 170px;max-width:1515px;gap:30px;padding:0 26px;margin-top:30px}
.article{padding:44px 53px 48px}
.product-hero .lede{line-height:1.95}
.hero-links{margin-top:28px;gap:23px}
.chapter{margin-top:44px;padding-top:38px}
.chapter>h2{margin-bottom:24px}
.article p{line-height:1.95}
.article li{margin-top:12px;margin-bottom:12px}
.workflow{padding:29px 27px;margin-top:32px;margin-bottom:32px}
.workflow>h4{margin-top:27px;margin-bottom:13px}
.workflow .table-scroll{margin-top:16px;margin-bottom:27px}
.admin-step{margin-top:31px;margin-bottom:31px;gap:16px}
.role-grid{gap:16px;margin-top:27px;margin-bottom:27px}
.role-card{padding:20px}
.role-feature-grid{gap:17px;margin-top:27px}
.role-feature-card{padding:22px;gap:11px}
.role-feature-card span{line-height:1.95}
.notice,.callout{margin-top:25px;margin-bottom:25px;padding:18px 20px}
details{margin-top:18px;margin-bottom:18px;padding:15px 18px}
summary{line-height:1.9}
.sidebar a{padding-top:11px;padding-bottom:11px}
.rightnav>a{padding-top:8px;padding-bottom:8px}
@media(min-width:1650px){.catalog{padding-top:62px}.article{padding:48px 57px}.layout{gap:32px}}
@media(max-width:1200px){.layout{grid-template-columns:210px minmax(0,1fr);max-width:1180px;gap:24px}.article{padding:36px 40px}.catalog-hero{padding:39px;gap:39px}.product-grid{gap:20px}}
@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr);gap:18px;padding:0 20px}.article{padding:31px}.catalog-hero{padding:33px;gap:27px}.product-card{padding:23px}}
@media(max-width:760px){.layout{display:block;padding:0 18px;margin-top:19px}.article{padding:31px}.catalog{padding:32px 24px 38px}.catalog-hero{padding:35px}.product-grid{gap:17px}.chapter{margin-top:36px;padding-top:32px}.sidebar a{padding-top:10px;padding-bottom:10px}}
@media(max-width:480px){.layout{padding:0 11px;margin-top:13px}.article{padding:26px 21px 34px}.catalog{padding:24px 15px 32px}.catalog-hero{padding:28px 25px}.product-card{padding:24px}.product-grid{gap:15px}.workflow{padding:22px 18px;margin-top:26px;margin-bottom:26px}.chapter{margin-top:32px;padding-top:29px}.notice,.callout{padding:16px}.role-feature-card{padding:20px}.role-grid{gap:13px}.admin-step{gap:10px}.catalog-footer{gap:22px}}
@media print{.layout{display:block;margin:0;padding:0}.article,.catalog{padding:0}.chapter{padding:0;margin:24pt 0}.workflow{padding:0;box-shadow:none}.notice,.callout{padding:12px 14px}}

/* Content review labels; existing layout remains unchanged. */
.guide-status,.guide-summary{font-size:12px;line-height:1.8;padding:12px 15px;margin:18px 0 24px;border:1px solid var(--line);border-radius:7px;color:#42546d;background:#f7f9fc}
.guide-status.reference{border-color:#e4d9c5;color:#715b32;background:#fffdf7}
.role-feature-card[data-guide-status="source-steps"] small{color:#315e4a;font-weight:600}
.role-feature-card[data-guide-status="reference"] small{color:#80633b}

/* Platform manuals: one contents rail, short introduction, explicit task hierarchy. */
.platform-guide .layout{grid-template-columns:210px minmax(0,860px);max-width:1180px;gap:28px;margin-top:28px;align-items:start}
.platform-guide .article{padding:34px 42px 42px;border-radius:12px;box-shadow:0 3px 12px #26345b04}
.platform-guide .product-hero{padding-bottom:24px;margin-bottom:0}
.platform-guide .product-hero h1{font-size:32px;line-height:1.25;letter-spacing:-.035em;font-weight:730;margin:12px 0 14px}
.platform-guide .product-hero .lede{font-size:15px;line-height:1.75;color:#435169;max-width:68ch;margin-bottom:0}
.platform-guide .hero-label{font-size:11px;letter-spacing:.07em;color:#526078;font-weight:650}
.platform-guide .breadcrumb{font-size:12px;margin-bottom:24px;color:#526078}
.platform-guide .chapter{margin-top:30px;padding-top:27px}
.platform-guide .chapter>h2{font-size:23px;line-height:1.35;margin-bottom:18px;color:#182337;font-weight:700}
.platform-guide .chapter p,.platform-guide .chapter li,.platform-guide .chapter td{font-size:14px;line-height:1.8;color:#3d4c62;font-weight:400}
.platform-guide .chapter strong{font-weight:650;color:#182337}
.platform-guide .chapter h3{font-size:17px;line-height:1.5;color:#203047;font-weight:650;letter-spacing:-.015em}
.platform-guide .chapter th{font-size:12px;font-weight:650;color:#27354c;text-transform:none;letter-spacing:0;line-height:1.6}
.platform-guide .chapter td{padding-top:14px;padding-bottom:14px;vertical-align:top}
.platform-guide .chapter code{color:#31465e;font-size:.92em;background:#f1f4f8;overflow-wrap:anywhere}
.platform-guide .chapter pre code{background:transparent;overflow-wrap:normal}
.platform-guide .chapter pre{font-size:12px;line-height:1.8}
.platform-guide .sidebar{padding-top:12px}
.platform-guide .sidebar a{font-size:12px;line-height:1.65;padding-top:9px;padding-bottom:9px;color:#4a5970}
.platform-guide .sidebar a.active{color:#234fa6;font-weight:650}
.platform-guide .sidebar .product-name{font-size:15px;color:#233149}
.platform-guide .side-note{font-size:11px;color:#59677c;line-height:1.8}
.platform-guide .task-flow{margin:26px 0 32px;padding:0 0 24px;border-bottom:1px solid #e7ebf1}
.platform-guide .task-flow:last-child{border-bottom:0;padding-bottom:0}
.platform-guide .task-flow>h3{margin:0 0 10px}
.platform-guide .task-path{margin:0 0 5px;color:#435169}
.platform-guide .task-path>span{font-size:11px;font-weight:650;letter-spacing:.03em;color:#59677c;margin-right:8px}
.platform-guide .task-owner{font-size:12px!important;color:#59677c!important;margin:0 0 15px}
.platform-guide .instruction-list{padding-left:25px;margin:18px 0 20px}
.platform-guide .instruction-list>li{padding-left:5px;margin:0 0 13px}
.platform-guide .instruction-list>li::marker{font-weight:650;color:#435169}
.platform-guide .step-check{padding:14px 17px;background:#f6f8fb;border:1px solid #e2e7ef;border-left:3px solid #9cacbf;border-radius:7px;margin:18px 0 0}
.platform-guide .step-check p{margin:0;font-size:13px;line-height:1.8}
.platform-guide .step-check p+p{margin-top:9px}
.platform-guide .step-check p>strong:first-child{display:block;font-size:12px;margin-bottom:2px}
.platform-guide .platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.platform-guide .platform-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;column-gap:13px;row-gap:7px;border:1px solid #dfe5ee;padding:20px;border-radius:10px;text-decoration:none;background:#fff;color:#223149;transition:border-color .15s,background .15s}
.platform-guide .platform-card:hover{border-color:#a7b7ce;background:#f8faff;text-decoration:none}
.platform-guide .platform-monogram{grid-row:1/4;width:40px;height:40px;background:#eff3f8;color:#405572;display:grid;place-items:center;font-size:12px;font-weight:700;border:1px solid #e0e6ef;border-radius:9px}
.platform-guide .platform-card-title{font-size:15px;font-weight:650;line-height:1.4;color:#182337}
.platform-guide .platform-card-description{font-size:12px;line-height:1.75;color:#4c5c72}
.platform-guide .platform-card-action{font-size:12px;font-weight:600;color:#315d9b;margin-top:5px}
.platform-guide .next-task{font-size:13px;margin-top:18px;padding:15px 0}
.platform-guide .process-list{padding-left:26px;margin-top:20px}
.platform-guide .process-list>li{padding:0 0 20px 6px;margin:0 0 21px;border-bottom:1px solid #e7ebf1}
.platform-guide .process-list>li::marker{font-weight:700;color:#435169}
.platform-guide .process-list h3{margin:0 0 5px}
.platform-guide .process-list p{margin:5px 0}
.platform-guide .process-result{font-size:13px!important;margin-top:10px!important}
.platform-guide .download-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}
.platform-guide .download-list a{font-size:13px;line-height:1.6;padding:13px 15px;border:1px solid #dfe5ee;border-radius:8px;text-decoration:none}
.platform-guide .notice p{font-size:13px;color:#4b5b72;line-height:1.8}
@media(max-width:1000px){.platform-guide .layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.platform-guide .article{padding:30px}.platform-guide .platform-grid{grid-template-columns:1fr}}
@media(max-width:760px){.platform-guide .layout{display:block;margin-top:18px}.platform-guide .article{padding:27px}.platform-guide .product-hero h1{font-size:28px}.platform-guide .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-guide .sidebar{padding:24px}.platform-guide .platform-card{grid-template-columns:1fr}.platform-guide .platform-monogram{grid-row:auto}}
@media(max-width:520px){.platform-guide .article{padding:23px 20px}.platform-guide .platform-grid,.platform-guide .download-list{grid-template-columns:1fr}.platform-guide .platform-card{grid-template-columns:40px minmax(0,1fr)}.platform-guide .platform-monogram{grid-row:1/4}.platform-guide .product-hero h1{font-size:26px}.platform-guide .step-check{padding:13px}}
@media print{.platform-guide .layout{display:block}.platform-guide .article{padding:0;border:0}.platform-guide .platform-grid{grid-template-columns:1fr 1fr}.platform-guide .task-flow,.platform-guide .process-list>li{break-inside:auto}.platform-guide .step-check{break-inside:avoid}}

/* Shared reading components: last source of truth for text, code and copy controls. */
body{font-weight:400}
.layout,.platform-guide .layout{grid-template-columns:210px minmax(0,880px);max-width:1220px;gap:28px;margin-top:26px;align-items:start}
.article,.platform-guide .article{padding:34px 42px 42px;border-radius:12px;box-shadow:0 2px 10px #26345b04}
.product-hero h1{font-size:32px;line-height:1.25;font-weight:720}
.product-hero .lede{font-size:15px;line-height:1.8;color:#435169}
.chapter>h2{font-size:23px;line-height:1.4;font-weight:700}
.chapter>p,.chapter ol,.chapter ul,.chapter li,.chapter td{font-size:14px;line-height:1.85;color:#3d4c62}
.chapter h3{font-size:17px;line-height:1.5;font-weight:650;color:#203047}
.chapter strong{color:#1d2b40;font-weight:650}
.chapter th{font-size:12px;line-height:1.6;color:#37475f;font-weight:650;text-transform:none;letter-spacing:0}
.chapter td{font-size:13px;line-height:1.8;vertical-align:top}
.notice p,.chapter .notice p,.callout p,.chapter .callout p{font-size:13px;line-height:1.8;color:#42536b}
.sidebar a{font-size:12px;line-height:1.65;color:#4a5970;padding-top:9px;padding-bottom:9px}
.nav-group{font-size:10px;color:#56657b;letter-spacing:.07em}
.nav-number{font-size:10px;color:#5c6b80}
.side-note,.platform-guide .side-note,.page-footer,.font-credit{font-size:11px;color:#59677c}
.page-footer a,.font-credit a{color:#4a5b74}
.breadcrumb,.breadcrumb a{font-size:12px;color:#526078}
.product-hero .pill,.hero-links a{font-size:12px}
.toplabel,.top-actions>a,.brand-name>span{color:#526078}
.top-actions button{font-size:12px;min-height:34px}
.pill,.catalog .pill,.product-hero .pill,.card-count,.card-link,.collection-count,.eyebrow,.hero-label{font-size:11px;color:#526078}
.catalog .lede{font-size:15px;line-height:1.8;color:#435169}
.product-card p,.catalog-footer p{font-size:13px;color:#4c5d74;line-height:1.8}
.role-card p{font-size:13px;color:#4c5d74;line-height:1.8}
.help{font-size:12px;color:#526078}
details>summary{font-size:13px;font-weight:600}
.chapter .version-data dt,.chapter .version-data dd,.version-data dt,.version-data dd{font-size:12px;line-height:1.8;color:#4a5b72}
.chapter code,.platform-guide .chapter code{color:#2b405b;background:#eef2f7;font-size:13px;font-weight:400;overflow-wrap:anywhere}
pre,.chapter pre,.platform-guide .chapter pre{position:relative;background:#f5f7fa;color:#24364f;border:1px solid #d8e0eb;border-radius:9px;box-shadow:none;padding:22px;max-width:100%;overflow:auto;font:13px/1.85 Consolas,"SFMono-Regular",monospace;tab-size:4}
pre.with-copy,.chapter pre.with-copy,.platform-guide .chapter pre.with-copy{padding-top:54px}
pre code,.chapter pre code,.platform-guide .chapter pre code{display:block;color:#24364f;background:transparent;font:inherit;white-space:pre;overflow-wrap:normal;word-break:normal;padding:0;border:0}
pre.copy-template,.chapter pre.copy-template,.platform-guide .chapter pre.copy-template{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.85;background:#f7f9fc;color:#27374e}
pre.copy-template code,.chapter pre.copy-template code,.platform-guide .chapter pre.copy-template code{font:inherit;color:#27374e;background:transparent;white-space:pre-wrap;overflow-wrap:anywhere}
.code-copy,.platform-guide .code-copy{position:absolute;top:12px;right:12px;min-height:30px;max-width:calc(100% - 24px);padding:6px 11px;border:1px solid #b9c5d5;border-radius:6px;background:#fff;color:#31465f;font:600 12px/1.4 Inter,Arial,sans-serif;box-shadow:0 1px 2px #23314906}
.code-copy:hover,.platform-guide .code-copy:hover{color:#1d314b;background:#eaf0f8;border-color:#8fa4c0}
pre:focus-visible{outline:3px solid #b7c8e0;outline-offset:3px}
.task-library{margin-top:25px}
.library-heading{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 9px;color:#203047}
.library-heading span{font-size:12px;font-weight:600;border:1px solid #d8e2ef;padding:2px 9px;border-radius:5px;color:#4b607e;background:#f5f8fc}
.library-description{font-size:13px;color:#526078;line-height:1.8}
.reference-library{margin-top:30px;background:#fafbfd;border:1px solid #dce3ed;border-radius:9px}
.reference-library>summary{font-size:14px;font-weight:650;color:#344760}
.reference-library>summary>span{font-size:12px;font-weight:400;margin-left:7px;color:#56677f}
.reference-library>p{font-size:13px;color:#526078}
.reference-library .role-feature-card{background:#fff}
.role-feature-card{padding:20px;gap:9px;box-shadow:none}
.role-feature-card span{font-size:13px;line-height:1.8;color:#4c5d74}
.role-feature-card small{font-size:11px;line-height:1.7}
.role-feature-card[data-guide-status="reference"] small{color:#725625}
.role-feature-card[data-guide-status="source-steps"] small{color:#315d49}
@media(max-width:1000px){.layout,.platform-guide .layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.article,.platform-guide .article{padding:30px}}
@media(max-width:760px){.layout,.platform-guide .layout{display:block;margin-top:18px}.article,.platform-guide .article{padding:27px}.product-hero h1{font-size:28px}.reference-library>summary>span{display:block;margin:4px 0 0}}
@media(max-width:520px){.article,.platform-guide .article{padding:24px 20px}.product-hero h1{font-size:26px}pre,.chapter pre,.platform-guide .chapter pre{padding:18px;font-size:13px}.chapter td{font-size:13px}.page-footer{gap:10px}}
@media print{.layout,.platform-guide .layout{display:block;padding:0;margin:0;max-width:none}.article,.platform-guide .article{padding:0;border:0;box-shadow:none}.code-copy{display:none!important}pre,.chapter pre,.platform-guide .chapter pre,pre.with-copy{padding:14px!important;white-space:pre-wrap;background:#f5f7fa;color:#24364f;overflow:visible}pre code,.chapter pre code,.platform-guide .chapter pre code{color:#24364f;background:transparent;white-space:pre-wrap;overflow-wrap:anywhere}}

/* Social platform cards: fixed icons, clear reading order, shared spacing. */
.platform-guide .platform-grid{gap:18px;margin-top:24px}
.platform-guide .platform-card{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;align-content:stretch;column-gap:14px;row-gap:14px;padding:24px;border:1px solid #dce3ec;border-radius:14px;background:#fff;box-shadow:0 2px 5px rgba(20,35,60,.025);transition:border-color .15s,box-shadow .15s,background .15s}
.platform-guide .platform-card:hover{border-color:#9aaec8;background:#fbfcff;box-shadow:0 5px 16px rgba(20,35,60,.06)}
.platform-guide .platform-card:focus-visible{outline:3px solid #2563eb;outline-offset:4px}
.platform-social-icons{grid-column:1;grid-row:1;align-self:start;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:6px;width:64px;height:44px;min-height:0;padding:0;box-sizing:border-box;background:transparent;border:0;border-radius:0}
.social-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px}
.social-symbol svg{display:block;width:100%;height:100%;stroke-width:1.8}
.social-count-1 .social-symbol{width:42px;height:42px;padding:8px;box-sizing:border-box;border-radius:11px;background:#f2f5fa}
.social-count-2 .social-symbol{width:27px;height:27px}
.social-count-3{gap:4px}
.social-count-3 .social-symbol{width:18px;height:22px}
.platform-guide .platform-card-title{grid-column:2;grid-row:1;align-self:center;font-size:16px;font-weight:650;line-height:1.45;letter-spacing:-.015em;color:#182337}
.platform-guide .platform-card-description{grid-column:1/-1;grid-row:2;font-size:14px;line-height:1.7;color:#45546a}
.platform-guide .platform-card-action{grid-column:1/-1;grid-row:3;font-size:13px;font-weight:600;color:#2455a4;margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.card-direction{font-size:18px;font-weight:400;line-height:1;transition:transform .15s}
.platform-card:hover .card-direction{transform:translateX(3px)}
.social-facebook{color:#1765cc}.social-instagram{color:#b8347c}.social-whatsapp{color:#137e43}
.social-google{color:#2868c9}.social-tiktok,.social-x{color:#17212f}.social-linkedin{color:#0a66a6}
.social-pinterest{color:#b51c30}.social-telegram{color:#087eae}.social-discord{color:#5556c8}.social-mastodon{color:#6154c9}
.provider-heading{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.provider-brand-icons{display:flex;align-items:center;flex-wrap:wrap;gap:9px;flex-shrink:0}
.provider-brand-icons .social-symbol{width:30px;height:30px}
.platform-guide .provider-heading h1{margin:0;min-width:0}
@media(max-width:1000px){.platform-guide .platform-grid{grid-template-columns:1fr}}
@media(max-width:760px){.platform-guide .platform-grid{grid-template-columns:1fr}.platform-guide .platform-card{grid-template-columns:64px minmax(0,1fr);padding:22px}.provider-heading{align-items:flex-start}.provider-brand-icons .social-symbol{width:25px;height:25px}.provider-brand-icons{max-width:64px;gap:4px}}
@media(prefers-reduced-motion:reduce){.platform-guide .platform-card,.card-direction{transition:none}.platform-card:hover .card-direction{transform:none}}
@media print{.social-symbol{-webkit-print-color-adjust:exact;print-color-adjust:exact}.platform-guide .platform-grid{grid-template-columns:1fr 1fr}.platform-guide .platform-card{grid-template-columns:64px minmax(0,1fr);box-shadow:none;break-inside:avoid}}

/* Shared contents sidebar: compact reading rail and plain related links. */
.sidebar,.platform-guide .sidebar{padding:10px 12px 28px 4px;scroll-padding-top:12px}
.sidebar .product-name,.platform-guide .sidebar .product-name{font-size:16px;line-height:1.45;font-weight:700;letter-spacing:-.02em;color:#1d2b40;margin:0 0 25px;padding:0 12px 19px;border-bottom:1px solid #dce3ed}
.sidebar .nav-group{font-size:11px;font-weight:650;line-height:1.5;color:#526078;text-transform:none;letter-spacing:0;margin:24px 12px 10px}
.sidebar nav{display:flex;flex-direction:column;gap:0;border-left:1px solid #d9e1ec;margin:0 0 0 12px;padding:0}
.sidebar a,.platform-guide .sidebar a{font-size:13px;line-height:1.55;font-weight:500;color:#435169;text-decoration:none;border:0;border-radius:0;box-shadow:none;padding:9px 12px;margin:0;gap:9px;transition:color .15s,background .15s}
.sidebar nav a,.platform-guide .sidebar nav a{display:flex;align-items:baseline;min-height:38px;box-sizing:border-box;border-left:2px solid transparent;margin-left:-1px;padding:9px 10px 9px 12px;border-radius:0 6px 6px 0;overflow-wrap:anywhere}
.sidebar a:hover,.platform-guide .sidebar a:hover{background:#edf1f7;color:#1e3554}
.sidebar a.active,.platform-guide .sidebar a.active{background:#e9effa;border-color:#2563eb;color:#204f9c;font-weight:650;box-shadow:none}
.sidebar .nav-number{flex:0 0 20px;font-size:10px;line-height:1.5;font-weight:500;color:#728097;font-variant-numeric:tabular-nums}
.sidebar a.active .nav-number,.platform-guide .sidebar a.active .nav-number{color:#2455a4;font-weight:650}
.sidebar>a,.platform-guide .sidebar>a{padding:9px 12px;min-height:38px;box-sizing:border-box;border-radius:6px;font-size:13px;line-height:1.55;font-weight:500;color:#435169}
.sidebar a:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.sidebar .side-note,.platform-guide .sidebar .side-note{font-size:10px;line-height:1.9;color:#67748a;margin:23px 12px 0;padding-top:15px;border-top:1px solid #dce3ed}
@media(max-width:760px){.sidebar,.platform-guide .sidebar{padding:18px 16px;max-height:65vh;overflow:auto;background:#fff;border-radius:10px}.sidebar .product-name,.platform-guide .sidebar .product-name{font-size:15px;margin-bottom:16px;padding-bottom:13px}.sidebar nav a,.platform-guide .sidebar nav a{min-height:44px;padding-top:11px;padding-bottom:11px}.sidebar .nav-group{margin-top:17px}}
@media(max-width:760px){.sidebar>a,.platform-guide .sidebar>a{min-height:44px;padding-top:11px;padding-bottom:11px}}
@media(prefers-reduced-motion:reduce){.sidebar a,.platform-guide .sidebar a{transition:none}}


/* Keep ordinary words intact; wide tables scroll inside their own wrapper. */
th,td,.chapter th,.chapter td,.platform-guide .chapter th,.platform-guide .chapter td{overflow-wrap:normal;word-break:normal;hyphens:none}
.chapter th:first-child,.chapter td:first-child{min-width:8rem}
.chapter td code,.chapter th code,.chapter td a,.chapter th a{overflow-wrap:anywhere;word-break:normal}
.table-scroll,.table-wrap{overflow-x:auto;max-width:100%}
.connection-check-table{table-layout:fixed;min-width:640px;width:100%}
.connection-check-table th:first-child,.connection-check-table td:first-child{width:22%}
.connection-check-table th:nth-child(2),.connection-check-table td:nth-child(2),.connection-check-table th:nth-child(3),.connection-check-table td:nth-child(3){width:39%}
@media print{.connection-check-table{min-width:0}.table-scroll,.table-wrap{overflow:visible}}

/* Task jump links within longer feature guides. */
.task-shortcuts{background:#f5f8fc;border:1px solid #dce4f0;border-radius:10px;padding:16px 20px;margin:18px 0 26px}
.chapter .task-shortcuts p{margin:0 0 7px;font-size:13px}
.chapter .task-shortcuts ul{margin:0;padding-left:19px}
.chapter .task-shortcuts li{font-size:13px;line-height:1.65;margin:5px 0;padding-left:0}
.task-shortcuts a{color:#2455a4;text-decoration:none}
.task-shortcuts a:hover{text-decoration:underline}
.task-shortcuts a:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.chapter h3[id^="task-"]{scroll-margin-top:100px}

.guide-status.screen-guide,.guide-status.connection-guide{background:#f1f6fd;border-color:#d5e1f3;color:#314d73}
.guide-status.screen-overview,.guide-status.integration-note{background:#f7f9fc;border-color:#dce3ed;color:#4b5b70}
.guide-status.unavailable{background:#fff9ef;border-color:#ead9ba;color:#715527}
.role-feature-card[data-guide-status="screen-guide"] small,.role-feature-card[data-guide-status="connection-guide"] small{color:#345b86}
.role-feature-card[data-guide-status="screen-overview"] small,.role-feature-card[data-guide-status="integration-note"] small{color:#56657b}
.role-feature-card[data-guide-status="unavailable"] small{color:#78562c}
.role-card>a{display:inline-block;font-size:13px;font-weight:600;margin-top:10px;color:#2455a4;text-decoration:none}
.role-card>a:hover{text-decoration:underline}

/* Feature guides lead with the task, not repeated metadata chapters. */
.feature-guide .guide-status.source-steps,.feature-guide .guide-status.screen-guide,.feature-guide .guide-status.connection-guide{display:none}
.feature-guide .feature-summary{font-size:15px;line-height:1.75;color:#435169;max-width:68ch;margin:14px 0 0}
.feature-guide .chapter{margin-top:26px;padding-top:24px}
.feature-guide .feature-start{margin-top:24px;padding-top:22px;padding-bottom:0}
.feature-guide .feature-start>h2{font-size:19px;margin:0 0 12px}
.feature-guide .feature-start>p,.feature-guide .feature-start>ul,.feature-guide .feature-start>ol{font-size:13px;line-height:1.75;margin:10px 0}
.feature-guide .feature-start li{font-size:13px;line-height:1.75;margin:7px 0}
.feature-guide .feature-location{border-left:3px solid #cad9ee;background:#f6f8fc;border-radius:0 7px 7px 0;padding:12px 16px;margin:15px 0 4px;font-size:13px;line-height:1.75}
.feature-guide .feature-location>strong{font-size:12px}
.feature-guide .feature-location p,.feature-guide .feature-location ol,.feature-guide .feature-location li{font-size:13px;line-height:1.75;margin:5px 0}
.feature-guide .doc-anchor,.feature-guide .feature-location{scroll-margin-top:100px}
.feature-guide h3[id^="walkthrough-"]{scroll-margin-top:100px}
@media(max-width:760px){.feature-guide .feature-summary{font-size:14px}.feature-guide .feature-location{padding:11px 13px}.feature-guide .chapter{margin-top:23px;padding-top:21px}}