@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;450;500;550;600;650;700;750;800;900&display=swap");:root{--ink:#263b3a;--muted:#84928f;--green:#287f69;--border:#e5ebe7;--canvas:#f7f9f8;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;font-size:13px;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;background:none;border:0;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}a,button,input,select{outline-offset:3px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6aa690}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.mono,code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mono{font-size:10px}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 18px 20px;background:#fff;border-right:1px solid var(--border);z-index:30}.wordmark{display:flex;align-items:baseline;padding:0 14px;font-size:30px;font-weight:900;letter-spacing:-1.5px;color:#244f43}.wordmark span{font-size:21px;margin-left:7px;font-weight:450;letter-spacing:-.8px;color:#33473e}.wordmark i{font-style:normal;font-size:19px;margin-left:12px;color:#9eaea3;font-weight:400}.project-switch{margin:30px 5px 27px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:12px 10px;border-radius:7px;background:#fafcfa}.project-avatar{width:29px;height:29px;background:#e3eee8;color:#4d7863;border:1px solid #d7e5dc;display:grid;place-items:center;border-radius:6px;font-size:15px;font-weight:700}.project-switch b{font-size:11px;font-weight:600;display:block}.project-switch small{font-size:9px;color:#95a098;display:block;margin-top:4px}.project-switch>span{margin-left:auto;color:#8c9a90}.nav-label{font-size:9px;letter-spacing:1.2px;color:#a0aba4;padding:0 14px;margin-bottom:13px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 13px;display:flex;align-items:center;gap:12px;border-radius:6px;color:#7a8983;font-size:12px;font-weight:450}.sidebar nav a .icon{width:17px;height:17px}.sidebar nav a:hover{background:#f5f8f5;color:#38654e}.sidebar nav a.active{background:#eaf2ed;color:#357559;font-weight:650}.sidebar nav a span{margin-left:auto;font-size:9px;color:#87988b;background:#f3f6f3;border:1px solid #e7ede7;border-radius:4px;padding:1px 5px}.sidebar-bottom{margin-top:auto;padding:25px 5px 0}.sidebar-bottom>a{display:flex;align-items:center;gap:10px;font-size:11px;color:#788b7c;padding:0 9px;margin-bottom:21px}.sidebar-bottom>a>span{margin-left:auto}.sidebar-source{background:#f6f8f4;border:1px solid #e9ede3;border-radius:8px;padding:15px 13px}.sidebar-source>div{display:flex;align-items:center;gap:8px;font-size:10px;color:#657b62}.sidebar-source .icon{width:15px;height:15px}.sidebar-source p{font-size:10px;color:#97a18f;line-height:1.9;margin:9px 0 14px}.sidebar-source>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#a0aa97;border-top:1px solid #e4eade;padding-top:11px}.sidebar-source b{font-weight:550}.sidebar-bottom>small{font-size:8px;letter-spacing:.5px;color:#aeb7ae;display:flex;justify-content:space-between;margin:19px 8px 0}.main-shell{margin-left:244px}.topbar{height:73px;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;padding:0 36px;gap:20px}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:12px;font-size:11px;color:#9ba69e;white-space:nowrap}.topbar-left .icon{width:17px;height:17px}.topbar-left b{font-weight:500;color:#546a5a}.slash{color:#d0d8d0}.topbar-right{gap:21px}.global-search,.topbar-right{display:flex;align-items:center}.global-search{position:relative;gap:9px;color:#a3aea5}.global-search .icon{width:16px;height:16px}.global-search input{width:153px;border:0;background:none;color:#5c7060;font-size:11px;outline:0}.global-search input::placeholder{color:#a4afa5}kbd{font-size:9px;border:1px solid #e4eae5;border-radius:4px;padding:3px 5px;background:#fafcf9;color:#9da89c}.version-label{font-size:10px;color:#8c9e8e;border-left:1px solid #e3e9e2;padding-left:20px;display:flex;align-items:center;gap:7px}.version-label i{display:block;background:#80a68a;width:5px;height:5px;border-radius:50%}.user-avatar{border:1px solid #e0e7dc;background:#f0f4eb;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-weight:650;color:#738469;font-size:11px}.content{padding:28px 36px 24px;max-width:1580px;margin:0 auto}.page-top{justify-content:space-between;margin-bottom:24px;font-size:10px;color:#95a399}.breadcrumbs,.page-top{display:flex;align-items:center}.breadcrumbs{gap:11px}.breadcrumbs span{color:#c4cec5}.last-updated{display:flex;align-items:center;gap:6px;font-size:9px}.last-updated .icon{width:13px;height:13px}.hero{background:linear-gradient(120deg,#ecf3ed,#f0f4eb);border:1px solid #dfe8dd;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:37px 40px;position:relative;overflow:hidden;min-height:311px;margin-bottom:22px}.hero:after{content:"";position:absolute;width:530px;height:530px;border:1px solid #e0e8dc;border-radius:50%;right:-200px;top:-300px;pointer-events:none}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.45px;color:#8ba08f}.hero .eyebrow{display:flex;align-items:center;gap:8px;color:#79997e}.live-dot{width:5px;height:5px;background:#73a07d;border-radius:50%;display:inline-block}.hero h1{font-size:32px;line-height:1.45;letter-spacing:-1.4px;font-weight:750;margin:15px 0 13px;color:#294739}.hero p{font-size:11px;line-height:1.9;color:#889a86;margin:0}.hero-actions{display:flex;gap:9px;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid #dfe6df;border-radius:6px;min-height:35px;padding:8px 12px;font-size:10px;font-weight:500;white-space:nowrap}.button:hover{border-color:#a2bcaa;background:#f8fbf6}.button .icon{width:14px;height:14px}.button.primary{background:#287f69;border-color:#287f69;color:white;box-shadow:0 2px 3px #174b3020}.button.primary:hover{background:#206753}.button.danger{color:#b76b63;border-color:#e7d8d4}.button.quiet{background:transparent}.button.selected-button{border-color:#78a58b;background:#e8f1e8}.hero-diagram{width:307px;padding:18px 21px;background:#ffffff8c;border:1px solid #ffffffc2;border-radius:11px;box-shadow:0 12px 30px #72876b0c;transform:rotate(-2deg);position:relative;z-index:1;flex-shrink:0;margin-right:5px}.diagram-top{font-size:8px;letter-spacing:1px;color:#91a68f;display:flex;align-items:center;gap:6px;margin-bottom:16px}.diagram-top i{width:4px;height:4px;background:#9bb18f;border-radius:50%}.diagram-top>span{margin-left:auto;letter-spacing:0}.blueprint-card{background:white;border:1px solid #dce7d6;border-radius:6px;display:flex;align-items:center;gap:10px;padding:11px 13px;box-shadow:0 2px 3px #304c1704}.blueprint-card .icon{color:#789d73;width:20px;height:20px}.blueprint-card b{font-size:11px;font-weight:600;display:block;color:#627f5c}.blueprint-card small{display:block;font-size:8px;color:#9cae93;margin-top:3px}.blueprint-card>span{margin-left:auto;font-size:20px;color:#80a175;font-weight:600}.blueprint-line{height:13px;border-left:1px dashed #b7cbae;width:0;margin:auto}.blueprint-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.blueprint-pair>div{padding:12px;background:#f7faf3;border:1px solid #dce7d6;border-radius:6px;display:grid;grid-template-columns:20px 1fr;gap:7px}.blueprint-pair .icon{width:16px;height:16px;color:#97af87;grid-row:1/3}.blueprint-pair b{font-size:9px;font-weight:600;color:#779267}.blueprint-pair small{font-size:8px;color:#a7b49a}.blueprint-check{display:flex;align-items:center;gap:8px;border:1px solid #dce7d6;padding:9px 12px;border-radius:5px;background:#eaf2e4;font-size:9px;color:#819c72}.blueprint-check .icon{width:15px;height:15px}.blueprint-check>span{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.metric{text-align:left;background:#fff;border:1px solid var(--border);border-radius:9px;padding:18px 20px;transition:.15s}.metric:hover{transform:translateY(-2px);border-color:#abc6b5}.metric>div{display:flex;align-items:center;justify-content:space-between;color:#8aa18d}.metric>div>.icon{width:18px;height:18px}.metric>div>span{color:#b8c4b9;font-size:12px}.metric strong{display:flex;align-items:baseline;gap:10px;font-size:30px;font-weight:650;margin-top:9px;color:#34563e;letter-spacing:-.8px}.metric strong small{font-size:11px;font-weight:500;color:#6f846e;letter-spacing:0}.metric p{font-size:9px;color:#9ba995;margin:7px 0 0}.overview-columns{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:21px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:9px;margin-bottom:22px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 23px 17px}.panel-title h2{font-size:14px;letter-spacing:-.3px;font-weight:650;margin:0}.panel-title p{font-size:10px;color:#9ba79b;line-height:1.8;margin:6px 0 0}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 22px 23px}.document-card{text-align:left;border:1px solid #e7ece5;border-radius:7px;background:#fcfdfb;padding:16px;transition:.15s}.document-card:hover{background:#f0f6ed;border-color:#b9cdb3}.card-icon{width:30px;height:30px;background:#edf3e9;color:#8da380;display:grid;place-items:center;border-radius:6px}.card-icon .icon{width:16px;height:16px}.document-card h3{font-size:12px;font-weight:550;display:flex;justify-content:space-between;margin:12px 0 6px;color:#4c684c}.document-card h3>span{color:#aab9a2;font-weight:400}.document-card p{font-size:9px;color:#9aa893;margin:0;line-height:1.9}.status-bar{display:flex;height:7px;border-radius:6px;overflow:hidden;margin:2px 22px 20px;gap:3px}.status-list{padding:0 23px}.status-list>div{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.status-list b{font-weight:550;color:#6c8267}.status-list small{font-size:9px;font-weight:400;color:#9faf97;margin-left:5px}.panel-note{font-size:10px;color:#8fa087;line-height:1.9;padding:14px 21px;margin:12px 0 0;border-top:1px solid #edf1e9}.source-card{background:#eef3e9;border:1px solid #dfe8d7;padding:21px 22px;border-radius:9px;margin-bottom:22px;color:#839776}.source-card>.icon{width:19px;height:19px}.source-card h3{font-size:12px;color:#607d52;margin:11px 0 8px;font-weight:600}.source-card p{font-size:10px;color:#94a285;line-height:1.9;margin:0 0 17px}.source-card a{font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #dde6d2;padding-top:13px;color:#69855b}.source-card a span{font-size:8px;color:#9dab8e}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:4px 7px;font-size:9px;white-space:nowrap;color:#7f8f87;background:#f0f3f0}.badge.green{color:#50866c;background:#eaf3eb}.badge.amber{color:#b18e53;background:#fcf5e8}.badge.purple{color:#9781a8;background:#f3eef8}.badge.gray{color:#87958d;background:#f0f3f0}.badge.red{color:#b46960;background:#fbedeb}.badge.blue{color:#6e8eba;background:#edf2fa}.decision-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:0 23px 22px;gap:26px}.decision-strip article>span{font-size:10px;color:#a0b18f;font-weight:600}.decision-strip h3{font-size:11px;font-weight:550;margin:9px 0 7px;color:#66805b}.decision-strip p{font-size:9px;color:#9aa791;line-height:1.9;margin:0}.text-link{font-size:10px;color:#548669;padding:0}.text-link:hover{text-decoration:underline}.site-footer{display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#a6b09f;margin:27px 0 0}.site-footer button{padding:0;font-size:9px;color:#90a084}.section-head{margin:8px 0 27px}.section-head h1{font-size:27px;font-weight:700;letter-spacing:-1px;margin:11px 0 10px}.section-head p{color:#899a8c;font-size:12px;line-height:1.9;margin:0}.notice{display:flex;gap:12px;align-items:center;background:#edf4ef;border:1px solid #dce8df;border-radius:7px;padding:16px 18px;margin-bottom:22px;color:#64876e;font-size:11px}.notice b{font-size:11px;font-weight:550}.notice p{margin:4px 0 0;line-height:1.9;font-size:10px;color:#8ca18d}.notice .button,.notice>.badge{margin-left:auto}.notice.subdued{background:#f4f6f0}.notice.amber-notice{background:#faf5e9;border-color:#ebe2cd;color:#a18b58}.notice.amber-notice p{color:#a79c7f}.filters{gap:9px;padding:0 22px 18px}.filters,.inline-search{display:flex;align-items:center}.inline-search{border:1px solid #e0e8e0;border-radius:6px;gap:8px;padding:0 11px;flex:1 1;height:35px;background:#fff;min-width:160px}.inline-search .icon{width:15px;height:15px;color:#a0b09f}.inline-search input{border:0;outline:none;width:100%;min-width:0;font-size:11px}.inline-search:focus-within{outline:2px solid #98b9a2;outline-offset:2px}input::placeholder{color:#a4b29f}select{height:35px;border:1px solid #e1e8df;border-radius:5px;padding:0 10px;background:#fff;color:#7c9076;font-size:10px}input{color:#526b4c}table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}th{font-size:9px;font-weight:500;color:#91a089;background:#f7f9f4;padding:12px 14px;white-space:nowrap}td{padding:15px 14px;border-top:1px solid #edf1e8;color:#73866a;line-height:1.8}td:first-child,th:first-child{padding-left:22px}td:last-child,th:last-child{padding-right:22px}td small{display:block;font-size:9px;color:#a0ae96;line-height:1.8;max-width:470px;margin-top:3px}.table-scroll{overflow-x:auto}.table-scroll table{min-width:500px}.req-name{font-size:11px;font-weight:500;padding:0;text-align:left;color:#4a6b42}.req-name:hover{color:#207943}.source-link{font-size:9px;color:#8ba37e;white-space:nowrap}.source-link:hover{text-decoration:underline}.test-link{display:flex;align-items:center;gap:10px;font-size:10px;color:#6d9160;white-space:nowrap}.test-link span{color:#a7ba9d}.muted{color:#99a991;font-size:10px}.legend-note{color:#92a389;font-size:10px;line-height:1.9}.legend-note b{font-weight:500;color:#6d8563;margin-right:10px}.empty{padding:45px 25px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#99aa8c;font-size:11px;gap:9px}.empty p{font-size:10px;margin:0;color:#a6b39b}.empty b{font-weight:500;color:#80996f}.tabs{display:flex;align-items:center;border-bottom:1px solid #dfe7dc;gap:26px;margin-bottom:26px}.tabs>button{padding:12px 0 15px;color:#99a78f;font-size:11px;position:relative}.tabs>button.active{color:#477643;font-weight:600}.tabs>button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#4e854a}.tabs .tab-download{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px}.tab-download .icon{width:14px;height:14px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:23px}.principles article{border:1px solid #e1e8d9;border-radius:8px;background:#f2f6ed;padding:20px}.principles article>span{font-size:10px;color:#a1b190}.principles h3{font-size:13px;font-weight:550;color:#667f54;margin:12px 0 8px}.principles p{font-size:11px;line-height:1.9;color:#97a58a;margin:0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 17px;padding:0 23px 25px}.swatch{text-align:left;padding:0;min-width:0}.swatch>div{height:90px;border-radius:6px;border:1px solid #00000008;display:flex;justify-content:flex-end;align-items:flex-start;padding:10px;color:white}.swatch .icon{width:14px;height:14px;opacity:0}.swatch:hover .icon{opacity:.8}.swatch b{display:block;font-size:10px;font-weight:500;color:#647c56;margin:10px 0 6px;overflow-wrap:anywhere}.swatch code{font-size:10px;color:#93a289}.swatch p{font-size:9px;color:#9ba98e;margin:6px 0 0}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.component-demo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:5px 23px 22px}.company{font-size:10px;font-weight:600;border-radius:4px;padding:4px 8px}.hps{background:#edf4ee;color:#628873}.keps{background:#edf1fc;color:#7c8fbc}.oes{background:#f4edf9;color:#9b7dac}.code-block{background:#263b32;color:#d0dfce;padding:21px 23px;font-size:10px;line-height:1.9;overflow:auto;margin:0;white-space:pre}.input-demo{padding:0 23px 23px}.input-demo label{display:flex;flex-direction:column;gap:8px;color:#7c9270;font-size:11px}.input-demo input{border:1px solid #dbe5d5;padding:9px 12px;border-radius:5px;height:37px;max-width:200px}.input-demo input[aria-invalid=true]{border-color:#c47e74}.error{font-size:11px;color:#b7685c;min-height:16px;line-height:1.8}.success-text{font-size:10px;color:#6c9264}.gallery-tabs{margin:0 23px}.type-spec{padding:0 23px 22px}.type-spec>div{border-bottom:1px solid #eaf0e3;padding:16px 0}.type-spec>div>span{font-size:9px;color:#9cac91}.type-spec h1{font-size:26px;font-weight:750;letter-spacing:-1px;margin:13px 0}.type-spec h3{font-size:14px;font-weight:700;margin:12px 0}.type-spec p{font-size:13px}.type-spec small{display:block;font-size:11px;margin:10px 0}.spec-list{padding:0 23px 18px;margin:0}.spec-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1e7;padding:13px 0;font-size:11px}.spec-list dt{color:#99a98e;min-width:85px;flex-shrink:0}.spec-list dd{margin:0;color:#6b825e;line-height:1.8;text-align:right;overflow-wrap:anywhere}.responsive-spec{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0 23px 23px}.responsive-spec article{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#809773}.responsive-spec b{font-size:12px;font-weight:550}.responsive-spec code{font-size:10px}.responsive-spec p{font-size:10px;line-height:1.9;color:#9dad91;margin:0}.paper-thumb{background:#e8ece5;border:1px solid #dbe3d4;padding:20px;border-radius:8px;display:block}.paper-thumb img{width:100%;display:block;box-shadow:0 3px 12px #3d492c1a}.paper-thumb>span{display:block;text-align:center;font-size:10px;color:#8ca27c;margin-top:15px}.back-link{font-size:11px;color:#769667;margin-bottom:21px;padding:0}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screen-card{border:1px solid var(--border);border-radius:9px;background:white;overflow:hidden;text-align:left;padding:0;transition:.2s}.screen-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #27452a0c;border-color:#aec6a3}.screen-mini{height:177px;background:#edf2e8;padding:15px 15px 0;overflow:hidden;border-bottom:1px solid #e3eadb}.screen-mini>img{width:100%;box-shadow:0 1px 7px #203d171a;display:block}.screen-card-body{padding:19px}.screen-card-body>.mono{color:#8faa7e;font-size:9px}.screen-card-body h3{font-size:13px;margin:10px 0;color:#57784c;font-weight:550;display:flex;justify-content:space-between}.screen-card-body h3 span{color:#a4b79a}.screen-card-body p{font-size:10px;color:#92a386;line-height:1.9;margin:0 0 12px}.screen-card-body small{font-size:9px;color:#a5b599}.wireframe{border:1px solid #dce5d2;border-radius:6px;background:white;overflow:hidden}.wire-top{height:27px;background:#fafcf7;display:flex;gap:4px;align-items:center;padding:0 9px;border-bottom:1px solid #e6edde}.wire-top>span{width:4px;height:4px;background:#d2dfc8;border-radius:50%}.wire-top b{font-size:7px;font-weight:400;color:#a2b58f;margin-left:auto}.wire-layout{display:flex;min-height:270px}.wire-layout aside{width:50px;flex-shrink:0;background:#e1ecda;padding:14px 7px}.wire-layout aside i{display:block;height:5px;background:#c6d8ba;margin-bottom:15px;border-radius:2px}.wire-layout main{padding:20px 15px;flex:1 1;min-width:0}.wire-heading{font-size:11px;font-weight:600;color:#83a26d;display:flex;justify-content:space-between}.wire-heading>span{height:10px;width:35px;background:#acc99b;border-radius:2px}.wire-stats{display:flex;gap:8px;margin:17px 0}.wire-stats i{height:32px;flex:1 1;background:#f1f6e9;border:1px solid #e6eddd;border-radius:4px}.wire-block{border:1px solid #e6edde;border-radius:3px;padding:11px 7px;margin-top:6px;display:flex;gap:8px;align-items:center;font-size:9px;color:#9cb58d}.wire-block small{font-size:7px}.wire-block i{margin-left:auto;width:15px;height:3px;background:#dae7d0}.wireframe.mini .wire-layout{min-height:190px}.wireframe.mini .wire-layout main{padding:12px 10px}.wireframe.mini .wire-layout aside{width:35px;padding:10px 5px}.wireframe.mini .wire-block{padding:7px 5px;font-size:7px}.wireframe.mini .wire-heading{font-size:9px}.wireframe.mini .wire-stats{margin:12px 0}.screen-preview{background:#eaf0e4;padding:18px;border:1px solid #dfe8d6;border-radius:9px;max-height:650px;overflow:auto}.screen-preview>img{width:100%;display:block}.mini-title{font-size:11px;color:#6a8959;padding:0 23px;font-weight:550;margin:7px 0 12px}.numbered,.plain-list{font-size:11px;line-height:2;color:#8b9e7e;margin:0;padding:0 23px 20px 42px}.plain-list{list-style:disc}.chip-row{display:flex;gap:7px;flex-wrap:wrap;padding:0 23px 20px}.chip{font-size:9px;border:1px solid #dfe8d5;background:#f7faf2;color:#87a173;border-radius:4px;padding:5px 8px}.panel>.button{margin:0 23px 22px}.flow-canvas{padding:28px 23px 31px;overflow-x:auto;background:radial-gradient(#c6d8b752 .7px,transparent 0);background-size:14px 14px;border-block:1px solid #edf2e7;min-height:230px}.flow-end,.flow-label{font-size:8px;letter-spacing:1px;color:#a1b491;margin-bottom:13px}.flow-end{text-align:right;margin:13px 0 0}.flow-nodes{display:flex;gap:0;min-width:760px}.flow-node-wrap{align-items:center}.flow-node,.flow-node-wrap{flex:1 1;display:flex;min-width:0}.flow-node{background:white;border:1px solid #dbe6d2;border-radius:7px;min-height:132px;flex-direction:column;align-items:flex-start;padding:14px 13px;gap:11px;text-align:left}.flow-node>span{font-size:8px;letter-spacing:.8px;color:#a8b89b}.flow-node .icon{width:18px;height:18px;color:#9ab784}.flow-node b{font-size:11px;font-weight:500;color:#6a8c54}.flow-node small{font-size:8px;color:#a6b898}.flow-arrow{font-size:18px;color:#bbcfae;margin:0 8px}.flow-node.selected{border-color:#70a554;box-shadow:0 0 0 3px #8caf7020;background:#f5f9ef}.flow-node.visited{border-color:#b9cfa6;background:#f7faf2}.flow-detail{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px}.flow-detail h3{font-size:15px;font-weight:550;margin:9px 0;color:#64864d}.flow-detail p{font-size:11px;color:#9cad8e;margin:0;line-height:1.9}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-list{margin:0;padding:0 23px 22px;list-style:none}.branch-list li{display:flex;align-items:flex-start;gap:11px;font-size:11px;color:#879e76;line-height:1.9;margin:12px 0}.branch-list li>span{font-size:9px;flex-shrink:0;color:#7f9a6b;background:#edf4e4;border:1px solid #e2ecd8;padding:1px 6px;border-radius:3px}.body-copy{padding:0 23px 18px;font-size:12px;color:#879e75;line-height:2;margin:0}.json-tree{padding:0 23px 23px}.json-tree>div{position:relative;margin:0 0 12px;border:1px solid #e4ebdc;background:#fbfdf8;border-radius:5px;padding:12px 15px 12px 25px}.json-tree code{font-size:11px;color:#6d9257}.json-tree b{display:block;font-size:10px;color:#829f6e;margin-top:7px;font-weight:500}.json-tree small{display:block;font-size:8px;color:#a6b897;margin-top:5px;overflow-wrap:anywhere}.tree-line{position:absolute;left:12px;top:15px;bottom:15px;width:2px;background:#cfdfc1}.erd-scroll{overflow:auto;background:#fafcf8;padding:13px}.erd{min-width:760px;width:100%;display:block}.edge path{fill:none;stroke:#bdcdb3;stroke-width:1.2;opacity:.27}.edge.active path{stroke:#4f8a64;stroke-width:2;opacity:.9}.entity-node{cursor:pointer}.entity-node rect{fill:white;stroke:#d6e1cd;stroke-width:1}.entity-node.selected rect{fill:#eaf3e7;stroke:#69a17b;stroke-width:2}.entity-name{font-family:ui-monospace,monospace;font-size:11px;fill:#4b7458;font-weight:600}.entity-label{font-size:10px;fill:#849d74}.entity-field{font-family:ui-monospace,monospace;font-size:8px;fill:#a1b18f}.relation-list{padding:0 23px 20px}.relation-list button{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #e9efe1;padding:15px 0;font-size:10px;flex-wrap:wrap;color:#87a474}.relation-list code{font-size:10px}.migration-list{list-style:none;padding:0 23px 23px;margin:0}.migration-list li{display:flex;gap:17px;padding:19px 0;border-bottom:1px solid #e9f0df}.migration-list li>span{background:#eaf3e2;color:#86a771;font-size:12px;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:6px}.migration-list h3{font-size:13px;color:#6e8e59;margin:0 0 6px;font-weight:550}.migration-list p{font-size:11px;color:#95a886;line-height:1.9;margin:0}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:23px}.evidence-card{background:#fff;border:1px solid #e2ead9;padding:20px;border-radius:8px}.evidence-card>small{display:block;font-size:9px;color:#9daf90;line-height:1.8;margin-top:9px}.evidence-card h3{font-size:13px;color:#6c8d53;font-weight:550;margin:15px 0 9px}.evidence-card code{font-size:9px;color:#84a06f;overflow-wrap:anywhere}.evidence-card p{font-size:10px;color:#8fa57d;line-height:1.9;margin-bottom:12px}.test-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 23px 17px;font-size:10px;color:#9daf8e}.segmented{display:flex;background:#f0f5e9;border-radius:6px;padding:3px;gap:3px}.segmented button{font-size:10px;padding:6px 11px;border-radius:4px;color:#98af86}.segmented .active{background:white;color:#739855;box-shadow:0 1px 3px #273e170c}.test-case{border-top:1px solid #e8efdf}.test-case summary{display:flex;gap:15px;align-items:center;padding:18px 23px;cursor:pointer;list-style:none}.test-case summary::-webkit-details-marker{display:none}.test-case summary .mono{font-size:9px;color:#8fa97b;min-width:125px}.test-case summary strong{font-size:11px;font-weight:500;color:#72945a;flex:1 1}.test-case summary>span:last-child{color:#a8bb99}.test-case[open]{background:#fdfefa}.test-body{padding:0 24px 23px;font-size:11px;color:#8aa178}.test-body h4{font-size:10px;color:#718e5c;font-weight:600;margin:18px 0 8px}.test-body ol,.test-body p{line-height:1.9}.test-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:12px 0;border-block:1px solid #e7efdd}.expected{border:1px solid #e2ecd7;background:#f3f8ed;border-radius:5px;padding:13px 15px;margin:15px 0;color:#819d6a;font-size:10px}.expected b{font-size:10px;font-weight:550;color:#6e9354}.expected p{margin:6px 0 0;line-height:1.9}.test-body .actions small{font-size:8px;color:#adba9e}.decision-list>article{display:grid;grid-template-columns:145px 1fr;gap:26px;border-top:1px solid #e9efdf;padding:22px 24px}.decision-list>article>div:first-child{display:flex;align-items:flex-start;flex-direction:column;gap:12px;color:#96ab82}.decision-list h3{font-size:13px;font-weight:550;color:#719158;margin:8px 0}.decision-list p{font-size:11px;color:#90a57b;line-height:1.9;margin:0 0 14px}.architecture-diagram{display:flex;align-items:center;gap:15px;padding:16px 24px 30px;overflow:auto}.architecture-diagram>span{font-size:9px;white-space:nowrap;color:#a3b68f}.arch-node{background:#f4f8ed;border:1px solid #dfebd1;padding:18px 15px;border-radius:7px;display:flex;flex:1 1;flex-direction:column;align-items:center;gap:12px;text-align:center;min-width:135px;color:#91af77}.arch-node b{font-size:11px;color:#729653;font-weight:550}.arch-node small{font-size:9px;line-height:1.9;color:#99b07f}.arch-split{display:grid;gap:12px;min-width:160px}.api-list>details{border-top:1px solid #e8efdf}.api-list summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:17px 23px}.api-list summary::-webkit-details-marker{display:none}.api-list summary code{font-size:12px;flex:1 1;color:#6c8b51}.api-list summary>span:not(.method){font-size:10px;color:#9cb28a}.api-list summary>b{font-weight:400;color:#a9bb98}.method{font-size:9px;background:#eef4e5;color:#84a26c;min-width:43px;text-align:center;padding:5px 6px;border-radius:4px;font-family:monospace}.method.post{background:#f5f1e4;color:#ad9858}.method.put{background:#eaf0f7;color:#7d9cb2}.api-list details>div{padding:0 23px 22px;color:#96a985;font-size:11px;line-height:1.9}.api-list pre{background:#f4f7ee;border:1px solid #e8eddf;padding:14px;color:#839c6a;overflow:auto;font-size:11px;white-space:pre-wrap}.api-list h4{font-size:10px;color:#7e9963}.checklist{padding:0 23px 22px}.checklist>div{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:11px;color:#8aa172}.checklist .icon{width:16px;height:16px;color:#9ab782}.search-results{position:absolute;top:35px;right:0;width:420px;background:white;border:1px solid #dce7d0;border-radius:8px;box-shadow:0 8px 30px #2547131a;z-index:70;overflow:hidden}.search-results button{display:flex;align-items:flex-start;flex-direction:column;gap:5px;width:100%;text-align:left;padding:13px 17px;border-bottom:1px solid #edf2e6}.search-results button:hover{background:#f6faef}.search-results code{font-size:9px;color:#96b280}.search-results span{font-size:11px;color:#729453}.search-results small{font-size:9px;color:#a9ba97}.search-results p{font-size:11px;padding:16px}.drawer-backdrop{position:fixed;inset:0;background:#253a2c66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:flex-end}.requirement-drawer{width:620px;max-width:94vw;background:white;height:100%;overflow:auto;box-shadow:-10px 0 50px #12341420}.drawer-head{position:sticky;top:0;background:white;border-bottom:1px solid #e4ecda;padding:18px 27px;display:flex;justify-content:space-between;align-items:center;z-index:2}.drawer-head .mono{color:#8fac77;font-size:12px}.icon-button{width:31px;height:31px;display:grid;place-items:center;border-radius:5px;color:#94ab7e}.icon-button:hover{background:#f0f6e7}.drawer-body{padding:28px}.drawer-body>.chip-row{padding:0 0 16px}.drawer-body h1{font-size:24px;font-weight:650;letter-spacing:-1px;color:#5d8244;margin:0 0 14px}.drawer-lead{font-size:13px;line-height:1.9;color:#8ba472;margin:0 0 23px}.drawer-body .spec-list{padding:0}.current-state{background:#f6f9f0;border:1px solid #e2ecd5;border-radius:6px;padding:18px 20px;margin:24px 0}.current-state h3{font-size:12px;color:#739757;margin:9px 0;font-weight:550}.current-state p{font-size:11px;line-height:1.9;color:#8fa877}.current-state code{font-size:9px;color:#a1b88b;overflow-wrap:anywhere}.drawer-body>h2{font-size:14px;color:#658b46;font-weight:600;margin:27px 0 18px}.drawer-test{padding:18px 0;border-top:1px solid #e6eedc}.drawer-test>div:first-child{display:flex;justify-content:space-between;align-items:center}.drawer-test code{font-size:10px;color:#8fac72}.drawer-test ol{font-size:11px;color:#8ca471;line-height:1.9;padding-left:20px}.drawer-test>small{font-size:9px;color:#afc197}.drawer-body>.button{margin:12px 7px 0 0}.toast{position:fixed;bottom:25px;left:calc(50% + 122px);transform:translateX(-50%);background:#294e3c;color:#eff5eb;border-radius:7px;padding:13px 20px;font-size:11px;z-index:200;box-shadow:0 5px 20px #183b2020;max-width:90vw}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#e3eddf,transparent 60%),#f1f5ee;padding:25px}.login-card{width:440px;max-width:100%;border:1px solid #e1e9d9;border-radius:14px;padding:40px;background:#fff;box-shadow:0 15px 70px #4a66350d}.login-card .wordmark{padding:0;margin-bottom:40px}.login-card h1{font-size:26px;letter-spacing:-1px;line-height:1.6;color:#4c7038;font-weight:650;margin:14px 0}.login-card>p{font-size:11px;color:#99ae87;line-height:1.9;margin:0 0 28px}.login-card form label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#87a16f;margin-bottom:16px}.login-card input{height:41px;border:1px solid #dce8cf;border-radius:5px;padding:10px;color:#6f9353}.login-card form>.button{width:100%;justify-content:space-between;height:41px}.login-card>small{display:block;font-size:8px;letter-spacing:.8px;color:#adc19a;margin-top:30px}.mobile-menu,.mobile-overlay{display:none}@media(min-width:1500px){.hero{padding:42px 46px}.hero h1{font-size:37px}.hero-diagram{width:340px;margin-right:30px}.overview-columns{grid-template-columns:minmax(0,1fr) 310px}.document-card{padding:21px}.content{padding-top:32px}.metric{padding:21px 23px}}@media(max-width:1200px){.sidebar{width:216px;padding-inline:13px}.main-shell{margin-left:216px}.content{padding:25px}.topbar{padding-inline:25px}.hero{padding:30px;gap:20px}.hero-diagram{width:250px;padding:15px}.hero h1{font-size:29px}.hero-actions{flex-wrap:wrap}.overview-columns{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.document-grid{padding-inline:17px;gap:10px}.document-card{padding:13px}.metrics{gap:12px}.metric{padding:16px}.metric strong{font-size:27px;gap:7px}.metric strong small{font-size:10px}.screen-grid{grid-template-columns:repeat(2,1fr)}.topbar-right{gap:14px}.global-search input{width:120px}.sidebar nav a{font-size:11px}.swatches{grid-template-columns:repeat(3,1fr)}.test-case summary{gap:10px;padding-inline:17px}.test-case summary .mono{min-width:115px;font-size:8px}}@media(max-width:1000px){.hero-diagram{display:none}.hero h1{font-size:34px}.overview-columns{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.source-card{display:flex;flex-direction:column;justify-content:center}.evidence-grid,.two-col{grid-template-columns:1fr}.decision-strip{gap:20px}.global-search input{width:95px}.topbar-left>span:not(.slash){display:none}.metrics{grid-template-columns:repeat(2,1fr)}.flow-detail{align-items:flex-start;flex-direction:column}.principles{gap:12px}.principles article{padding:16px}.responsive-spec{grid-template-columns:repeat(2,1fr)}.paper-thumb{max-width:600px}.site-footer{flex-wrap:wrap}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-menu{display:grid}.mobile-overlay{display:block;position:fixed;inset:0;background:#1c392370;z-index:25}.topbar{height:63px;padding:0 15px;gap:10px}.topbar-left{gap:7px}.topbar-left .slash,.topbar-left>.icon{display:none}.topbar-left b{font-size:10px}.global-search input{width:86px;font-size:10px}.global-search kbd,.version-label{display:none}.topbar-right{gap:10px}.user-avatar{width:27px;height:27px}.content{padding:20px 16px}.page-top{margin-bottom:18px}.last-updated,.page-top{font-size:8px}.hero{padding:25px;min-height:auto}.hero h1{font-size:29px}.hero p{font-size:10px}.hero-actions{gap:8px}.hero-actions .button{font-size:9px;padding:9px}.hero .eyebrow{font-size:8px}.hero-diagram{display:none}.metrics{gap:10px;margin-bottom:20px}.metric{padding:16px 14px}.metric strong{font-size:27px;gap:6px}.metric strong small{font-size:9px}.metric p{font-size:8px}.document-grid{grid-template-columns:1fr 1fr;padding:0 15px 16px}.document-card h3{font-size:11px}.document-card p{font-size:9px}.panel-title{padding:18px 17px 16px;flex-wrap:wrap;gap:10px}.panel-title h2{font-size:13px}.side-stack{display:block}.decision-strip{grid-template-columns:1fr;gap:20px;padding-inline:18px}.decision-strip article{border-top:1px solid #ecf1e6;padding-top:14px}.section-head h1{font-size:24px}.section-head p{font-size:11px}.notice{align-items:flex-start;flex-wrap:wrap;padding:15px}.notice,.notice p{font-size:10px}.notice .button{margin-left:30px}.notice>div{flex:1 1}.filters{flex-wrap:wrap;padding:0 16px 16px;gap:8px}.inline-search{flex-basis:100%}.filters select{flex:1 1;min-width:90px}.tabs{gap:17px;overflow-x:auto;white-space:nowrap}.tabs>button{font-size:10px;flex-shrink:0}.tabs .tab-download{font-size:9px}.principles{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr);padding:0 17px 20px;gap:18px 13px}.swatch>div{height:85px}.swatch b{font-size:9px}.screen-grid{grid-template-columns:1fr}.screen-mini{height:210px}.flow-nodes{min-width:760px}.flow-canvas{padding:20px 17px}.flow-detail{padding:18px}.test-case summary{flex-wrap:wrap;gap:8px;padding:16px}.test-case summary strong{flex-basis:100%;order:5}.test-case summary .mono{flex:1 1}.test-body{padding:0 17px 20px}.test-meta{flex-direction:column}.test-toolbar{gap:10px;flex-wrap:wrap;padding-inline:16px}.test-toolbar>span{font-size:9px}.decision-list>article{grid-template-columns:1fr;padding:20px 17px;gap:15px}.decision-list>article>div:first-child{flex-direction:row;align-items:center}.api-list summary{flex-wrap:wrap;padding:16px;gap:10px}.api-list summary code{font-size:10px}.api-list summary>span:not(.method){flex-basis:100%;order:3;font-size:9px}.search-results{position:fixed;top:57px;left:12px;right:12px;width:auto}.requirement-drawer{max-width:100%;width:100%}.drawer-body{padding:23px}.drawer-body h1{font-size:23px}.site-footer{line-height:1.8;font-size:8px}.toast{left:50%;width:max-content;font-size:10px}.body-copy{font-size:11px}.login-card{padding:30px}.login-card h1{font-size:24px}.architecture-diagram{padding-inline:17px}.topbar-left{min-width:0}.topbar-left b{max-width:92px;overflow:hidden;text-overflow:ellipsis}}@media print{body{background:#fff;color:#111}.button,.drawer-head button,.filters,.hero-actions,.mobile-overlay,.sidebar,.site-footer,.tabs,.test-toolbar,.toast,.topbar{display:none!important}.main-shell{margin:0}.content{max-width:none;padding:0}.decision-list article,.evidence-card,.metric,.panel{page-break-inside:avoid;break-inside:avoid;box-shadow:none}.drawer-backdrop{position:static;background:none}.requirement-drawer{position:static;width:100%;max-width:none;height:auto;overflow:visible;box-shadow:none}.app-shell:has(.drawer-backdrop)>.main-shell{display:none}.hero{background:#f4f7f0;page-break-inside:avoid;break-inside:avoid}.hero-diagram{display:none}.two-col{grid-template-columns:1fr}.table-scroll{overflow:visible}.table-scroll table{min-width:0}.table-scroll td,.table-scroll th{padding:7px;font-size:9px}.erd-scroll,.flow-canvas{overflow:visible}.erd,.flow-nodes{min-width:0}.flow-node{padding:8px}.flow-node b{font-size:8px}.flow-arrow{margin:0 3px}.req-name,.source-link,.text-link{color:#333}.test-case{page-break-inside:avoid;break-inside:avoid}.test-case summary strong{color:#111}.badge{border:1px solid #aaa}.panel-title h2{color:#111}@page{size:A4;margin:13mm}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}