.guide-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 23px}.guide-intro h2{font-size:22px;line-height:1.4;margin:10px 0}.guide-intro p,.guide-explainer{color:#627590;font-size:13px;line-height:1.8}.guide-kicker{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#397bd1}.guide-intro .btn{white-space:nowrap;text-decoration:none}.guide-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid #dce5f1;padding-bottom:12px}.guide-tabs button{border:1px solid transparent;background:transparent;padding:12px 15px;border-radius:7px;color:#61738f;font:600 12px inherit;cursor:pointer}.guide-tabs button[aria-selected=true]{background:#e7effc;border-color:#cbdcf5;color:#2056a3}.guide-role-layout{display:grid;grid-template-columns:0.9fr 1.3fr;gap:20px;margin-bottom:22px}.guide-feature{padding:28px;border:1px solid #cdddf5;border-radius:12px;background:linear-gradient(125deg,#edf4ff,#f7faff);color:#142c50}.guide-feature h2{font-size:25px;line-height:1.35;margin:14px 0}.guide-lead{font-size:14px;line-height:1.8}.guide-scope{display:block;font-size:12px;font-weight:600;margin:18px 0}.guide-select{display:grid;gap:8px;font-size:11px;margin:23px 0 12px}.guide-select select{padding:11px;border-radius:6px;border:1px solid #c5d7ef;background:white;color:#142c50;width:100%}.guide-feature small{display:block;font-size:11px;line-height:1.7;color:#627590}.guide-card{background:white;border:1px solid #dfe6ef;border-radius:11px;padding:25px}.guide-card h3{font-size:15px;margin:0 0 15px;color:#203d65}.guide-card p,.guide-card li{font-size:12px;line-height:1.9;color:#61738a}.guide-card ul{padding-left:19px;margin:0}.guide-card li{padding:0 0 9px}.guide-boundary{padding:16px;background:#f0f5fc;border-left:3px solid #397bd1;border-radius:5px;margin-top:17px;font-size:12px}.guide-boundary p{margin:8px 0 0}.guide-matrix{margin-bottom:22px}.guide-matrix .panel-head p{font-size:11px;color:#61738a}.guide-matrix td,.guide-matrix th{white-space:normal;min-width:140px;line-height:1.7}.guide-matrix tbody th{text-transform:none;letter-spacing:0;font-size:11px;color:#344c70}.guide-matrix .guide-selected{background:#edf4ff;color:#245bac}.guide-footnote{padding:0 20px 14px;color:#6d7c91;font-size:11px;line-height:1.8}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-grid .guide-card p{margin:0}.guide-flow{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:24px 0 15px}.guide-flow span{padding:14px 22px;border:1px solid #cddcf4;background:#edf4ff;border-radius:8px;font-size:13px;color:#245bac}.guide-flow b{color:#7196c6}.guide-demo{margin-top:23px}.guide-demo p{margin:8px 0 0}.guide-presentation{margin-bottom:22px}.guide-presentation h2{max-width:700px}.guide-presentation p{font-size:13px;line-height:1.8;max-width:800px;color:#627590}.guide-steps{counter-reset:guide;padding:0;list-style:none;display:grid;gap:13px}.guide-steps li{counter-increment:guide;background:white;border:1px solid #dfe6ef;border-radius:10px;padding:21px 24px 21px 72px;position:relative}.guide-steps li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:22px;top:22px;color:#397bd1;font-size:17px;font-weight:700}.guide-steps b{font-size:14px;color:#203d65}.guide-steps p{font-size:12px;line-height:1.9;color:#61738a;margin:9px 0 0}.sidebar nav{overflow-y:auto;min-height:0}.side-bottom{flex-shrink:0}.guide-tabs button:focus-visible,.guide-select select:focus-visible{outline:3px solid #8eb8f2;outline-offset:2px}@media(max-width:1000px){.guide-role-layout{grid-template-columns:1fr}.guide-intro{align-items:flex-start;flex-direction:column}}@media(max-width:800px){.sidebar nav{overflow-x:auto}.guide-grid{grid-template-columns:1fr}.guide-feature,.guide-card{padding:22px}.guide-intro h2{font-size:20px}.guide-tabs button{padding:10px;font-size:11px}.guide-steps li{padding-left:58px}.guide-steps li:before{left:17px}.guide-matrix td,.guide-matrix th{min-width:125px}.guide-feature h2{font-size:22px}}
