@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#17243c;background:#f5f7fa;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{background:#101b31;color:#d8e2f0;min-height:100vh;display:flex;flex-direction:column;padding:29px 17px 20px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:0 7px 43px;color:#fff}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#d9ad61;color:#102038;font:800 25px Manrope,Arial,sans-serif;letter-spacing:-4px;padding-right:3px}.brand-mark span{color:#fff;font-size:19px}.brand-text{font:800 18px Manrope,Arial,sans-serif;letter-spacing:.04em}.brand-text small{display:block;font:600 9px Manrope,Arial,sans-serif;letter-spacing:.22em;color:#9eafc5;margin-top:2px}.side-label{font-size:11px;font-weight:700;letter-spacing:.16em;color:#7385a1;margin:0 14px 15px}.nav-list{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#b9c6d8;display:flex;align-items:center;text-align:left;gap:13px;padding:12px 14px;border-radius:10px;font-weight:600;font-size:14px}.nav-item:hover,.nav-item:focus-visible{background:#1b2b46;color:white}.nav-item.active{color:#fff;background:#243655;box-shadow:inset 3px 0 #dbaf65}.nav-icon{width:20px;font-size:17px;text-align:center;opacity:.9}.sidebar-bottom{margin-top:auto;padding:15px 10px 0;border-top:1px solid #2c3952}.sidebar-bottom p{color:#91a3bc;font-size:12px;line-height:1.55;margin:12px 0 0}.prototype-tag{color:#efcf97;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.tag-pulse{height:7px;width:7px;border-radius:50%;background:#e2ad59}.main-column{min-width:0;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;padding:0 41px;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:12px;color:#8592a7;font-size:13px;white-space:nowrap;overflow:hidden}.breadcrumb strong{color:#17243c;text-overflow:ellipsis;overflow:hidden}.slash{color:#c9d1dd}.top-actions{display:flex;gap:20px;align-items:center}.domain-pill{color:#63738d;font-size:12px;background:#f3f6f9;padding:7px 12px;border-radius:99px}.avatar{display:grid;place-items:center;border-radius:50%;height:35px;width:35px;background:#182c4c;color:white;font-size:11px;font-weight:700}main{max-width:1500px;width:100%;padding:36px 42px 70px;margin:0 auto;flex:1}.eyebrow{font-size:12px;color:#b08141;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin:0 0 9px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.035em;color:#17243c}h1{font-size:clamp(28px,3vw,42px);margin:0;line-height:1.2}h2{font-size:21px;margin:0}h3{font-size:17px;margin:0}.lead{color:#66758b;font-size:15px;line-height:1.6;margin:13px 0 0;max-width:770px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.status-badge{border:1px solid #ead6b1;background:#fff8ed;color:#8f6630;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700;white-space:nowrap}.scope-bar{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:16px 19px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 20px #1e35500a;margin-bottom:24px}.scope-icon{background:#edf2f8;border-radius:10px;padding:9px;font-size:19px}.scope-text{min-width:0;flex:1}.scope-text b{display:block;font-size:14px}.scope-text small{color:#7a879b;font-size:12px}.scope-flag{color:#8c6535;font-size:12px;background:#fdf7eb;border-radius:7px;padding:7px 10px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:34px}.summary-card,.panel,.domain-card,.detail-card,.mini-panel{background:#fff;border:1px solid #e5eaf1;border-radius:15px;box-shadow:0 4px 19px #1e355007}.summary-card{padding:22px;min-height:150px}.card-head{display:flex;gap:10px;align-items:center;color:#a07536;font-weight:700;font-size:13px}.card-head span{background:#fcf4e7;border-radius:8px;padding:6px;font-size:17px}.summary-card strong{font:700 18px Manrope,Arial,sans-serif;display:block;margin:16px 0 5px}.summary-card p{margin:0;color:#75839a;line-height:1.5;font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:31px 0 15px}.text-link{border:0;background:transparent;color:#a5793e;font-weight:700;font-size:13px}.text-link:hover{text-decoration:underline}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.domain-card{width:100%;text-align:left;padding:20px;min-height:158px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.domain-card:hover,.domain-card:focus-visible{transform:translateY(-3px);border-color:#d4b278;box-shadow:0 10px 28px #14234016;outline:0}.domain-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.domain-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:20px;background:#eaf1f5;color:#1b5673}.domain-number{font:800 12px Manrope,Arial,sans-serif;color:#b6c1d0}.domain-card h3{font-size:15px;margin:16px 0 4px;line-height:1.3}.domain-card p{font-size:12px;line-height:1.4;margin:0;color:#8190a3}.domain-card-bottom{margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;align-items:center;color:#a07642;font-size:12px;font-weight:700}.domain-card-bottom i{font-style:normal;font-size:18px}.search-box{position:relative;min-width:min(290px,100%)}.search-box input{width:100%;border:1px solid #dce4ec;border-radius:10px;background:#fff;padding:11px 13px 11px 37px;color:#17243c;outline:none}.search-box input:focus{border-color:#bc9559;box-shadow:0 0 0 3px #d9b67030}.search-icon{position:absolute;left:12px;top:9px;color:#8d9aab}.note{font-size:13px;color:#738198;line-height:1.5}.two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.panel{padding:24px}.panel p{color:#6c7b90;line-height:1.55;font-size:14px}.hierarchy{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:20px}.hierarchy span{padding:9px 11px;background:#f0f4f8;border-radius:8px;font-weight:700;font-size:12px}.hierarchy i{color:#b0bbca;font-style:normal}.list-lines{display:grid;gap:10px;margin-top:20px}.list-lines div{border-bottom:1px solid #edf0f4;padding-bottom:10px;display:flex;justify-content:space-between;gap:12px;font-size:13px}.list-lines div:last-child{border:0}.list-lines span:last-child{color:#8b99aa}.detail-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.back-button{border:1px solid #e0e6ed;background:#fff;border-radius:9px;color:#506177;width:37px;height:37px;flex:0 0 37px;font-size:20px}.detail-heading p{margin:6px 0 0;color:#7a8798;font-size:14px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px}.detail-card{padding:24px}.detail-card h2{margin-bottom:20px}.steps{display:grid;gap:0}.step{display:flex;gap:15px;padding:0 0 23px;position:relative}.step:not(:last-child):before{content:"";height:calc(100% - 26px);width:1px;position:absolute;left:15px;top:31px;background:#d7e0e8}.step-num{z-index:1;flex:0 0 31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#163b58;color:#fff;font-size:12px;font-weight:800}.step h3{font-size:14px;margin:3px 0 3px}.step p{font-size:13px;line-height:1.45;color:#78869a;margin:0}.screen-list{display:grid;gap:8px}.screen-list span{padding:10px 12px;background:#f4f7fa;border-radius:8px;color:#43546c;font-size:13px;font-weight:600}.callout{background:#f8f2e8;border:1px solid #ead7b9;border-radius:11px;padding:15px;margin-top:18px;color:#695636;font-size:13px;line-height:1.5}.callout b{display:block;margin-bottom:4px}.module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-panel{padding:20px}.mini-panel b{font-size:14px}.mini-panel p{font-size:13px;line-height:1.5;color:#77859a;margin:8px 0 0}.roadmap{display:grid;gap:10px;max-width:850px}.roadmap-row{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:18px}.roadmap-num{color:#b17d3e;font:800 13px Manrope,Arial,sans-serif;min-width:32px}.roadmap-row b{font-size:14px}.roadmap-row p{margin:5px 0 0;color:#76849a;line-height:1.45;font-size:13px}.empty{border:1px dashed #ccd6e0;background:white;border-radius:12px;text-align:center;padding:25px;color:#65758b}.footer{padding:18px 42px;background:#fff;border-top:1px solid #e8edf3;color:#8c9aac;font-size:11px;letter-spacing:.04em}.footer span{padding:0 8px}.menu-toggle{display:none;border:0;background:transparent;font-size:23px;color:#28364c}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #c19756;outline-offset:3px}@media(max-width:1080px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 26px}main{padding:30px 26px 60px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;top:0;width:254px;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 30px #0a142041}.sidebar.open{transform:translateX(0)}.topbar{height:64px;padding:0 16px;gap:12px}.menu-toggle{display:block}.breadcrumb{margin-right:auto}.breadcrumb span:first-child,.breadcrumb .slash{display:none}.domain-pill{display:none}main{padding:27px 16px 50px}.page-heading{display:block}.status-badge{display:inline-block;margin-top:16px}.summary-grid,.two-col,.detail-layout{grid-template-columns:1fr}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-list{grid-template-columns:1fr}.footer{padding:18px 16px}}@media(max-width:510px){.domain-grid{grid-template-columns:1fr}.domain-card{min-height:135px}.section-heading{align-items:flex-start;flex-direction:column}.search-box{width:100%}.scope-bar{align-items:flex-start}.scope-flag{display:none}.hierarchy{align-items:flex-start}.hierarchy i{display:none}.detail-heading{gap:10px}h1{font-size:28px}}
