:root{color:#233c40;font-synthesis:none;background:#f5f7f6;font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:14px;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #ce8d37}h1:focus,main:focus{outline:none}h1,h2,h3,p{margin:0}button{border:0}h1{letter-spacing:-1px;color:#18353b;font-size:28px;line-height:1.35}h2{letter-spacing:-.7px;font-size:23px;line-height:1.4}h3{letter-spacing:-.4px;font-size:17px}.studio-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#bfced0;background:#102c34;flex-direction:column;padding:32px 22px;display:flex}@media (width>=781px){.sidebar{align-self:start;height:100dvh;position:sticky;top:0;overflow-y:auto}.sidebar>*{flex-shrink:0}}.brand{color:#fff;text-align:left;letter-spacing:2px;background:0 0;align-items:center;gap:12px;margin-bottom:52px;padding:0;font-size:22px;font-weight:700;display:flex}.brand-symbol{color:#102c34;clip-path:polygon(50% 0,100% 20%,90% 75%,50% 100%,10% 75%,0 20%);background:#b1dfd0;place-items:center;width:39px;height:44px;font-size:23px;display:grid}.brand-sub{letter-spacing:1.6px;color:#bfd0d3;font-size:8px;font-weight:600;display:block}.sidebar-label{letter-spacing:1.5px;color:#91afb5;margin:0 12px 12px;font-size:10px}.nav-item{text-align:left;color:#b6cbd0;background:0 0;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:12px;font-size:13px;display:flex}.nav-item span{width:22px;font-size:19px}.nav-item.active{color:#e5f9ef;background:#24434a}.nav-item:hover{background:#24434a}.journey-label{margin-top:39px}.sidebar-steps{margin:0;padding:0 12px;list-style:none}.sidebar-steps li{color:#b6cbd0;align-items:center;gap:15px;padding:11px 0;font-size:12px;display:flex}.step-number{color:#8fabb1;font-family:monospace;font-size:11px}.step-dot{border:1px solid #89a6ad;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-note{margin-top:auto;padding:42px 12px 0}.small-kicker{letter-spacing:1.5px;color:#527879;font-size:10px;font-weight:700}.sidebar-note .small-kicker{color:#95b8bb}.sidebar-note p{margin:12px 0 20px;font-size:12px;line-height:1.8}.version{color:#98b0b6;font-size:10px}.workspace{min-width:0}.topbar{color:#7b8c8e;background:#fbfcfb;border-bottom:1px solid #e0e7e4;justify-content:space-between;align-items:center;height:70px;padding:0 44px;font-size:11px;display:flex}.topbar strong{color:#324e51;font-weight:500}.topbar>span>span{color:#b3c0bf;margin:0 12px}.preview-badge{color:#37665e;border:1px solid #d7e5df;border-radius:4px;align-items:center;gap:7px;padding:5px 10px;display:flex}.preview-badge span{background:#438371;border-radius:50%;width:5px;height:5px;margin:0!important}main{max-width:1370px;margin:auto;padding:37px 44px 45px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.8px;color:#557a74;margin-bottom:9px;font-size:10px;font-weight:700}.page-description{color:#647a7d;margin-top:9px;font-size:13px}.outline-tag{letter-spacing:1px;color:#5e7578;white-space:nowrap;border:1px solid #d5dfda;border-radius:4px;padding:6px 9px;font-size:9px}.hero{background:#e1eee7;border:1px solid #d3e4da;border-radius:12px;grid-template-columns:1.25fr 1fr;min-height:335px;display:grid;overflow:hidden}.hero-copy{padding:38px 34px}.hero-label{color:#3c7262;font-size:11px;font-weight:600}.hero h2{letter-spacing:-1.8px;margin:15px 0;font-size:35px;line-height:1.4}.hero em{color:#2a705b;font-style:normal}.hero p{color:#57706a;font-size:12px;line-height:1.9}.primary-button{color:#fff;background:#183f38;border-radius:5px;align-items:center;gap:30px;margin-top:25px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary-button:hover{background:#275c4f}.primary-button span{font-size:17px;line-height:1}.hero-caption{color:#536e66;max-width:345px;margin-top:13px;font-size:10px}.hospital-art{isolation:isolate;background:radial-gradient(#c1dfcf88,#0000 67%);place-items:center;min-height:330px;display:grid;position:relative}.art-orbit{z-index:-1;border:1px solid #b4d3c3;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:290px;height:200px}.orbit-two{opacity:.7;border-style:dashed;width:350px;height:260px}.art-label{letter-spacing:2px;color:#587f6d;font-size:9px;position:absolute;top:32px}.hospital-building{background:#f7fbf5;border:1px solid #9ebfac;border-radius:8px 8px 2px 2px;width:142px;height:169px;position:relative;transform:skewY(-5deg);box-shadow:17px 16px #c3dccb,0 26px 40px #40674d22}.hospital-roof{border-bottom:1px solid #c5dccc;justify-content:center;align-items:center;height:46px;display:flex}.hospital-roof span{color:#fff;background:#377963;border-radius:4px;place-items:center;width:27px;height:27px;font-size:27px;line-height:1;display:grid}.hospital-windows{grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 19px;display:grid}.hospital-windows i{background:#c2dbcc;border:1px solid #abc9b8;height:12px}.hospital-door{background:#769f8b;border:3px solid #b1cdba;border-bottom:0;width:30px;height:28px;position:absolute;bottom:0;left:56px}.art-chip{color:#40624d;background:#ffffffed;border:1px solid #d0dfd4;border-radius:6px;padding:8px 13px;font-size:10px;position:absolute;box-shadow:0 5px 15px #2149370b}.chip-a{top:38%;left:8%}.chip-b{bottom:26%;right:6%}.art-caption{color:#648372;font-size:9px;position:absolute;bottom:27px}.section-block{margin-top:32px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.section-heading h2{font-size:20px}.subtle{color:#7b8b8d;font-size:10px}.scenario-card{background:#fff;border:1px solid #dfe6e2;border-radius:9px;align-items:center;gap:22px;padding:27px;display:flex}.scenario-icon{color:#77987a;background:#edf2ed;border:1px solid #dce6db;border-radius:7px;flex-shrink:0;place-items:center;width:65px;height:71px;font-size:45px;font-weight:300;display:grid}.scenario-copy{flex:1}.scenario-copy h3{margin:3px 0 7px;font-size:20px}.scenario-copy p{color:#718082;font-size:11px}.tag-row{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.tag-row span{color:#617372;background:#f4f6f5;border:1px solid #edf0ed;border-radius:3px;padding:3px 7px;font-size:9px}.scenario-stats{gap:32px;margin:0 3px 0 20px;display:flex}.scenario-stats div{min-width:62px}.scenario-stats dt{color:#748687;font-size:10px}.scenario-stats dd{letter-spacing:-1px;margin:7px 0 0;font-size:29px;font-weight:600;line-height:1.4}.scenario-stats small{margin-left:5px;font-size:11px;font-weight:400}.section-note{color:#657b7c;margin:12px 0;font-size:11px;line-height:1.8}.intent-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.intent-grid article{border-top:1px solid #d5e0d9;padding-top:18px}.intent-index{color:#6c8580;letter-spacing:1px;font-size:9px}.intent-grid h3{margin:10px 0 7px;font-size:14px}.intent-grid p{color:#6a7e7f;font-size:11px;line-height:1.8}footer{color:#728582;border-top:1px solid #e1e7e3;justify-content:space-between;gap:20px;padding:22px 44px;font-size:9px;display:flex}footer span{white-space:nowrap}.back-button{color:#52756b;background:0 0;margin-bottom:20px;padding:0;font-size:11px}.overview-panel{background:#e4eee7;border:1px solid #d7e3d8;border-radius:10px;grid-template-columns:1fr 1.3fr;gap:30px;padding:30px;display:grid}.overview-panel p:not(.eyebrow){color:#61796e;margin-top:15px;font-size:12px}.area-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.area-grid>div{background:#ffffffb3;border:1px solid #d4e2d6;border-radius:4px;align-items:center;gap:13px;padding:14px;display:flex}.area-grid span{color:#769381;font-family:monospace;font-size:10px}.area-grid strong{font-size:12px;font-weight:600}.service-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.service-grid article{background:#fff;border:1px solid #dfe6e2;border-radius:7px;padding:22px}.service-type{color:#4a7c6b;letter-spacing:.6px;font-size:10px}.service-grid h3{margin:12px 0;font-size:15px}.service-grid p{color:#62777a;font-size:12px}.info-strip{background:#e9f0eb;border-left:3px solid #659881;gap:20px;margin-top:18px;padding:14px 18px;font-size:11px;display:flex}.info-strip strong{white-space:nowrap}.journey-cards{margin:20px 0 0;padding:0;list-style:none}.journey-cards li{border-top:1px solid #dce4df;align-items:center;gap:20px;padding:19px 8px;display:flex}.journey-number{color:#648877;font-family:monospace;font-size:13px}.journey-cards h3{font-size:13px;font-weight:600}.journey-cards li>div>span{color:#7a8d8a;font-size:10px}.pending-badge{color:#6b7c77;white-space:nowrap;background:#e7ece8;border-radius:4px;margin-left:auto;padding:4px 9px;font-size:10px}.skip-link{z-index:20;color:#183f38;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}@media (width>=1500px){main{padding-top:48px}.hero-copy{padding:42px}.hero{min-height:355px}}@media (width<=1100px){.studio-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 15px}main{padding:30px 26px}.topbar{padding:0 26px}.page-heading>.outline-tag{display:none}.hero h2{font-size:29px}.hero-copy{padding:29px 25px}.chip-a{left:0}.chip-b{right:0}.scenario-card{gap:16px;padding:22px}.scenario-stats{gap:15px;margin-left:0}.scenario-icon{display:none}.service-grid{gap:10px}.service-grid article{padding:17px}}@media (width<=780px){.studio-shell{grid-template-columns:1fr}.sidebar{padding:17px 22px;display:block}.brand{margin:0;font-size:20px}.brand-symbol{width:33px;height:38px}.sidebar nav{gap:6px;margin-top:16px;display:flex}.nav-item{flex:1;width:auto;margin:0;padding:9px;font-size:12px}.sidebar-label,.sidebar-steps,.sidebar-note{display:none}.topbar{height:52px;padding:0 22px}main{padding:26px 22px}.hero{grid-template-columns:1fr .8fr}.hero-copy{padding:28px 22px}.hero h2{font-size:28px}.hospital-art{min-width:0;overflow:hidden}.art-chip{display:none}.hospital-building{transform:scale(.85)skewY(-5deg)}h1{font-size:24px}.page-description{font-size:12px}.intent-grid{gap:14px}.scenario-card{flex-wrap:wrap}.scenario-stats{border-top:1px solid #e5eae6;gap:50px;width:100%;padding-top:15px}.scenario-stats div{align-items:center;gap:12px;display:flex}.scenario-stats dd{margin:0;font-size:23px}.scenario-stats dt{font-size:11px}.overview-panel,.service-grid{grid-template-columns:1fr}.info-strip{display:block}.info-strip strong{margin-bottom:5px;display:block}footer{flex-direction:column;gap:5px;padding:20px 22px}}@media (width<=500px){.hero{display:block}.hospital-art{display:none}.hero-copy{padding:29px 24px}.hero h2{font-size:31px}.hero-caption{max-width:none}.intent-grid{grid-template-columns:1fr;gap:20px}.section-heading{align-items:flex-start}.subtle{display:none}.scenario-stats{gap:25px}.outline-tag{white-space:normal}.journey-cards li{gap:12px}.journey-cards h3{font-size:12px}.area-grid{gap:8px}.overview-panel{padding:23px}.topbar{font-size:10px}.preview-badge{padding:4px 7px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.sidebar-steps li{padding:3px 0}.environment-editor{overflow-wrap:anywhere;background:#fff;border:1px solid #c6dbcf;border-radius:10px;margin-bottom:24px;padding:clamp(18px,3vw,28px)}.environment-editor h2{font-size:21px}.environment-editor p{color:#4d696a;margin-top:10px;font-size:13px;line-height:1.7}.environment-editor .environment-policy{font-size:12px}.environment-alias{margin:22px 0 16px}.environment-editor label:not(.environment-unknown){margin-bottom:7px;font-size:13px;font-weight:600;display:block}.environment-editor select,.environment-editor input[type=text]{color:#284e41;width:100%;min-width:0;max-width:24rem;min-height:44px;font:inherit;background:#fff;border:1px solid #94afa2;border-radius:5px;padding:10px 12px;display:block}.environment-counts{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:18px;margin:16px 0;display:grid}.environment-counts fieldset{border:1px solid #dfe6e2;border-radius:7px;min-width:0;padding:16px}.environment-counts legend{padding:0 5px;font-weight:600}.environment-unknown{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.environment-editor input:disabled{color:#536c65;background:#edf0ed}.environment-editor input:focus-visible,.environment-editor select:focus-visible{outline-offset:3px;outline:3px solid #ce8d37}.environment-editor input[aria-invalid=true]{border-color:#9b3f25}.environment-editor .environment-error{color:#8c321e}.environment-summary{background:#edf4ef;border-radius:7px;padding:16px}.environment-summary h3{font-size:16px}.environment-reset{margin-top:18px}.environment-reference>p{color:#536c65;overflow-wrap:anywhere;margin:22px 0 12px;font-size:13px}.environment-pending button{margin-top:12px}.sidebar-step-button{color:#b6cbd0;text-align:left;background:0 0;border-radius:5px;align-items:center;gap:14px;width:100%;padding:11px 9px;font-size:12px;display:flex}.sidebar-step-button:hover,.sidebar-step-button[aria-current=step]{color:#e5f9ef;background:#24434a}.sidebar-step-button[aria-current=step] .step-number{color:#b1dfd0}.route-notice{background:#fff4df;border-left:3px solid #9d702b;margin-bottom:24px;padding:16px}.journey-position{background:#e1eee7;border:1px solid #c6dbcf;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:24px;padding:14px 18px;display:flex}.journey-position strong{color:#215944}.journey-position span{color:#49635c;font-size:12px}.journey-workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;display:grid}.journey-content{min-width:0}.journey-detail{background:#fff;border:1px solid #dfe6e2;border-radius:10px;padding:28px}.journey-detail h2,.journey-index h2{font-size:19px}.journey-detail>p:not(.eyebrow){color:#4d696a;margin-top:16px}.journey-detail ul{margin:20px 0 0;padding-left:20px}.journey-detail li{margin-top:14px;padding-left:3px;font-size:13px;line-height:1.9}.journey-readiness{background:#f5efe4;border-left:3px solid #c29755;margin-top:20px;padding:18px 22px}.journey-readiness h2{color:#765720;font-size:15px}.journey-readiness p{color:#65583f;margin-top:8px;font-size:12px}.journey-actions{justify-content:space-between;align-items:stretch;gap:12px;margin:24px 0;display:flex}.journey-actions .primary-button{justify-content:center;margin:0}.secondary-button{color:#284e41;background:#fff;border:1px solid #94afa2;border-radius:5px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:600}.secondary-button:hover:not(:disabled){background:#e1eee7}.secondary-button:disabled{color:#718078;cursor:default;background:#edf0ed;border-color:#d8dfda}.journey-hospital{border-top:1px solid #d7e1db;padding-top:20px}.journey-hospital h2{font-size:15px}.journey-hospital p,.journey-index>p{color:#536c65;margin-top:7px;font-size:12px}.journey-navigation ol{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.journey-navigation button{text-align:left;color:#385a50;background:#fff;border:1px solid #d6e1d9;border-radius:6px;align-items:flex-start;gap:10px;width:100%;min-height:48px;padding:14px;font-size:12px;line-height:1.7;display:flex}.journey-navigation button:hover{background:#edf4ef}.journey-navigation button[aria-current=step]{background:#dfede4;border-color:#327359;font-weight:600;box-shadow:inset 3px 0 #327359}.journey-navigation .journey-number{flex-shrink:0}.current-step-label{color:#24513e;border:1px solid #9bbcaa;border-radius:3px;flex-shrink:0;margin-left:auto;padding:1px 4px;font-size:10px}@media (width<=1100px){.journey-workspace{grid-template-columns:minmax(0,1fr)}.journey-index{border-top:1px solid #d7e1db;padding-top:24px}.journey-navigation ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.journey-navigation ol{grid-template-columns:minmax(0,1fr)}.journey-detail{padding:22px}.journey-actions>button{flex:1;padding:12px}.journey-readiness{padding:18px}}.journey-workspace-overview{grid-template-columns:minmax(0,1fr)}.journey-workspace-overview .journey-index{border-top:1px solid #d7e1db;padding-top:24px}.journey-workspace-overview .journey-navigation ol{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hospital-topology{background:#fff;border:1px solid #c4d5cc;border-radius:14px;min-width:0;margin-top:24px;padding:24px}.hospital-topology h2{font-size:19px}.topology-context{color:#385a50;margin:12px 0 20px}.topology-figure{min-width:0;margin:0}.topology-figure figcaption{border-bottom:1px solid #dce6df;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;padding-bottom:12px;display:flex}.topology-figure figcaption strong{color:#214d41;letter-spacing:-.3px;font-size:22px}.topology-figure figcaption span{color:#4d6059;font-size:13px}.topology-figure p{overflow-wrap:anywhere;margin:12px 0;line-height:1.8}.topology-legend{color:#4d6059;flex-wrap:wrap;gap:10px 20px;margin:16px 0;padding:0;font-size:13px;list-style:none;display:flex}.topology-swatch{vertical-align:middle;background:#edf5ef;border:1px solid #779789;width:18px;height:12px;margin-right:8px;display:inline-block}.topology-swatch-membership{background:0 0;border-width:1px 0 0;height:0}.topology-scroll{background:#f7faf8;border:1px solid #d2ded7;border-radius:12px;max-width:100%;overflow:auto;container-type:inline-size}.topology-scroll:focus-visible{outline-offset:3px;outline:3px solid #27654c}.topology-scroll-hint{color:#4d6059;font-size:13px}.topology-svg{height:auto;font-family:inherit;display:block}.topology-svg-wide{width:100%;display:none}.topology-svg-narrow{width:400px;max-width:none;margin-inline:auto}@container (width>=1000px){.topology-svg-wide{display:block}.topology-svg-narrow{display:none}}.architecture-region rect{fill:#f4f8f5;stroke:#c4d8cb;stroke-width:1px}.architecture-region text{fill:#365e50;font-size:17px;font-weight:700}.architecture-region-site rect{fill:#fff;stroke:#3b7961;stroke-width:2px}.architecture-region-applications rect{fill:#f4f7fb;stroke:#c8d5e1}.architecture-region-networks rect{fill:#f5f7f6;stroke:#d3dcd7}.architecture-region-reference rect{fill:#f1f4f5;stroke:#bacbcf}.architecture-region-reference text{fill:#4e646c;font-size:15px}.topology-node-surface{fill:#0000;stroke:#0000}.topology-node-candidate .topology-node-surface{stroke:#8b6226;stroke-dasharray:7 5}.architecture-icon{fill:none;stroke:#34765d;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.topology-node-application .architecture-icon{stroke:#54718b}.topology-node-user-group .architecture-icon{stroke:#946c31}.topology-node-type{fill:#61796e;font-size:13px}.topology-node-label{fill:#193f32;font-size:18px;font-weight:700}.topology-node-role{fill:#4b6559;font-size:14px}.topology-node-membership{fill:#30644f;font-size:14px;font-weight:600}.topology-text,.topology-services{border-top:1px solid #d2ded7;margin-top:24px;padding-top:18px}.topology-text h3,.topology-services h3{margin:12px 0;font-size:15px}.topology-text ul,.topology-text ol,.topology-services ul{padding-left:24px}.topology-text li,.topology-services li{overflow-wrap:anywhere;break-inside:avoid;margin:10px 0;font-size:14px;line-height:1.8}.topology-text li p{color:#4d6059;font-size:13px}.topology-services small{overflow-wrap:anywhere;display:block}@media (width>=1100px){.topology-text ul,.topology-text ol{columns:2;column-gap:40px}}@media (width<=500px){.hospital-topology{padding:14px}.topology-figure figcaption strong{font-size:20px}.topology-legend{display:grid}}.architecture-comparison{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.comparison-panel{border:1px solid #d2ded7;border-radius:12px;min-width:0;padding:16px}.comparison-panel .topology-text ul,.comparison-panel .topology-text ol{columns:1}.architecture-region-services rect{fill:#fff9ee;stroke:#a47a37;stroke-dasharray:7 5}.architecture-region-services text{font-size:15px}.topology-node{cursor:pointer}.topology-node-candidate .topology-node-surface{fill:#fff3da}.topology-node[data-service-state=not-applied] .topology-node-surface{fill:#f1f3f4;stroke:#69777e;stroke-dasharray:3 5}.topology-node-highlighted .topology-node-surface{stroke:#27654c;stroke-width:2px;fill:#e3f4eb}.scenario-explorer,.example-guidance,.topology-explanation{background:#f7faf8;border:1px solid #d2ded7;border-radius:12px;margin-block:24px;padding:20px}.scenario-explorer p,.example-guidance p,.topology-explanation p{overflow-wrap:anywhere;margin-block:12px;line-height:1.8}.demo-example-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-block:16px;display:grid}.scenario-explorer button,.hospital-topology button{cursor:pointer;color:#214d41;font:inherit;background:#fff;border:1px solid #7f9e8f;border-radius:8px;padding:12px 16px}.demo-example-options button[aria-pressed=true]{color:#fff;background:#214d41;border-width:2px}.scenario-explorer button:disabled{opacity:.6;cursor:default}.explorer-actions{flex-wrap:wrap;gap:12px;display:flex}.service-picker{margin-block:20px}.service-picker fieldset{border:1px solid #c4d5cc;border-radius:8px;min-width:0;margin-block:16px}.service-picker label{flex-wrap:wrap;align-items:center;gap:12px;padding:12px;line-height:1.7;display:flex}.service-picker input{accent-color:#27654c;flex-shrink:0;width:20px;height:20px}.service-picker select{font:inherit;max-width:100%;padding:10px}.hospital-topology summary{cursor:pointer;overflow-wrap:anywhere;padding:12px 4px;line-height:1.7}.hospital-topology button:focus-visible,.hospital-topology summary:focus-visible,.hospital-topology input:focus-visible,.hospital-topology select:focus-visible{outline-offset:3px;outline:3px solid #27654c}.explorer-reset-note{color:#4d6059;font-size:13px}.service-explanations{padding-left:24px}.service-explanations>li{border-bottom:1px solid #d2ded7;padding-block:16px}.scenario-version{color:#4d6059;font-size:13px}@media (width<=500px){.scenario-explorer,.example-guidance,.topology-explanation,.comparison-panel{padding:12px}}main:has(.architecture-studio){max-width:none;padding:16px 24px 32px}.studio-shell:has(.architecture-studio){grid-template-columns:188px minmax(0,1fr)}.studio-shell:has(.architecture-studio) .sidebar{padding-inline:14px}main:has(.architecture-studio) .page-heading{margin-bottom:12px}main:has(.architecture-studio) .page-heading h1{font-size:22px}main:has(.architecture-studio) .back-button{margin-bottom:10px}.studio-shell:has(.architecture-studio) .topbar{height:44px}main:has(.architecture-studio) .journey-position{margin-bottom:12px;padding:8px 14px}.architecture-studio{margin-top:0;padding:16px;container:studio/inline-size}.architecture-studio-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.architecture-studio-heading .topology-context{flex-basis:100%;margin:0 0 12px;font-size:12px}.architecture-workbench{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.architecture-controls,.architecture-results{min-width:0}.architecture-results{container:comparison/inline-size}.architecture-studio .scenario-explorer,.architecture-studio .example-guidance,.architecture-studio .comparison-overview{margin:0 0 10px;padding:12px}.architecture-studio .topology-explanation{background:0 0;border:0;margin:0;padding:0}.comparison-overview{background:#f7faf8;border:1px solid #d2ded7;border-radius:8px}.architecture-studio .scenario-explorer h2{font-size:16px}.architecture-studio .scenario-explorer p{margin-block:8px;font-size:12px;line-height:1.6}.architecture-studio .demo-example-options{grid-template-columns:minmax(0,1fr);gap:6px;margin-block:8px}.architecture-studio .demo-example-options button{text-align:left;min-height:36px;padding:7px 10px;font-size:13px}.architecture-studio .explorer-actions{gap:6px}.architecture-studio .explorer-actions button{padding:6px 9px;font-size:12px}.architecture-studio .service-picker{margin-block:10px}.architecture-studio .service-picker fieldset{margin:6px 0;padding:6px}.architecture-studio .service-picker label{flex-wrap:nowrap;align-items:flex-start;gap:8px;padding:6px 2px;font-size:13px}.architecture-studio .service-picker label:has(select){flex-wrap:wrap}.architecture-studio .service-picker small{color:#4d6059;font-size:11px;display:block}.control-condition{border-left:3px solid #a47a37;padding-left:8px}.architecture-studio .example-guidance{background:#edf5ef;border-left:3px solid #327359}.architecture-studio .example-guidance h3{font-size:13px}.architecture-studio .example-guidance p{margin:4px 0 0;font-size:12px;line-height:1.6}.architecture-studio .scenario-explorer .example-guidance{margin-block:6px;padding:6px 8px;font-size:13px}.configuration-summary{overflow-wrap:anywhere;border-top:1px solid #d2ded7;padding-block:8px;font-size:13px}.configuration-summary h3{margin:0;font-size:13px}.configuration-summary>p{margin-block:4px}.comparison-legend{margin-top:10px}.topology-explanation>h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.architecture-studio .comparison-overview p,.architecture-studio .comparison-next p{margin-block:4px;font-size:12px;line-height:1.6}.change-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.change-summary li{overflow-wrap:anywhere;background:#fff3da;border:1px dashed #996a27;border-radius:6px;padding:7px 10px;font-size:12px}.change-summary span,.change-summary small,.comparison-service-node span,.comparison-service-node small{display:block}.comparison-next{border-left:3px solid #8ca99b;padding-left:10px;font-size:12px}.comparison-key{color:#536c65;margin:8px 0;font-size:11px}.comparison-interaction-note{color:#536c65;margin:4px 0 8px;font-size:11px}.comparison-viewport{border-radius:8px;min-width:0}.comparison-viewport:focus-visible,.architecture-controls:focus-visible{outline-offset:3px;outline:3px solid #27654c}.architecture-studio .comparison-panel{background:#f8faf9;padding:10px}.comparison-panel-proposed{border-top:3px solid #8c682e}.topology-figure-comparison figcaption{padding-bottom:8px;display:block}.topology-figure-comparison figcaption strong{font-size:17px}.topology-figure-comparison figcaption span{font-size:11px;display:block}.comparison-map{gap:8px;display:grid}.comparison-region{background:#edf5ef;border:1px solid #c4d8cb;border-radius:8px;align-content:start;min-width:0;padding:8px}.comparison-region h4{color:#365e50;overflow-wrap:anywhere;margin:0 0 6px;font-size:12px}.comparison-region-reference{background:#f1f4f5;border-style:dashed}.comparison-region-site{background:#fff;border:2px solid #3b7961}.comparison-region-applications{background:#f0f4fa}.comparison-domain-nodes{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:5px;display:grid}.comparison-region-site .comparison-domain-nodes,.comparison-region-reference .comparison-domain-nodes{grid-template-columns:minmax(0,1fr)}.architecture-studio .comparison-domain-node,.architecture-studio .comparison-service-node{text-align:left;overflow-wrap:anywhere;border-radius:5px;min-width:0;padding:6px 8px;font-size:12px;line-height:1.5}.comparison-domain-node{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:0 6px;display:grid}.comparison-domain-node small{grid-column:2;font-size:10px}.comparison-icon{grid-row:span 2;width:22px;height:22px}.architecture-studio .comparison-domain-node[data-highlighted=true]{background:#dcefe3;border:2px solid #27654c}.comparison-service-slot{gap:6px;margin-top:6px;display:grid}.architecture-studio .comparison-service-node{background:#fff3da;border:1px dashed #996a27}.architecture-studio .comparison-domain-node[aria-pressed=true],.architecture-studio .comparison-service-node[aria-pressed=true]{background:#fff0b8;box-shadow:inset 0 0 0 2px #b07816}.node-inspector{z-index:30;overflow-wrap:anywhere;background:#fffdf5;border:2px solid #b07816;border-radius:8px;width:min(340px,100vw - 24px);margin:0;padding:14px;font-size:13px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 24px #102c3426}.node-inspector header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.node-inspector h3{font-size:15px}.node-inspector p{margin-block:8px}.node-inspector [role=status]{color:#6b572e;font-size:12px}.node-inspector button{color:#4e3c1c;background:#fff2c9;border:1px solid #b07816;border-radius:4px;flex-shrink:0;padding:6px 10px}.node-inspector button:focus-visible{outline-offset:2px;outline:3px solid #27654c}.comparison-service-node small{font-size:10px}.architecture-studio [data-service-state=unmet]{background:#f1f3f4;border:1px dotted #69777e;border-radius:2px}.architecture-studio [data-service-state=verification]{background:#f9f1e2;border:3px double #956c2f}.architecture-studio .comparison-empty-slot{color:#64766d;margin:0;font-size:11px}.topology-figure-comparison .topology-text{margin-top:0;padding-top:0}.architecture-studio summary{padding:6px 2px;font-size:12px}@container studio (width>=1040px){.architecture-workbench:not(.architecture-workbench-readonly){grid-template-columns:280px minmax(0,1fr)}.architecture-controls{max-height:min(760px,100dvh - 24px);position:sticky;top:12px;overflow:auto}}@container comparison (width>=660px){.comparison-viewport{background:#e5eee9;border:1px solid #c4d8cb;padding:4px 4px 8px}.change-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-region-reference{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px;display:grid}.comparison-region-reference h4{grid-column:1/-1}.comparison-region-reference .comparison-service-slot{margin-top:0}.comparison-region-site .comparison-service-slot{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-comparison{grid-template-rows:repeat(9,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.comparison-panel{grid-template-rows:subgrid;grid-area:1/1/span 9;display:grid}.comparison-panel-proposed{grid-column:2}.topology-figure-comparison{grid-template-rows:subgrid;grid-row:span 9;display:grid}.comparison-map{grid-template-rows:subgrid;grid-row:span 6}}@media (width<=780px){.studio-shell:has(.architecture-studio){grid-template-columns:minmax(0,1fr)}main:has(.architecture-studio){padding-inline:12px}.architecture-studio{padding:10px}}@media (height<=760px){.architecture-controls{position:static}}