:root{--ink:#202b29;--muted:#737d78;--green:#14765c;--green-dark:#0e5946;--green-light:#eaf3ed;--line:#e4e9e5;--page:#f7f9f7;--white:#fff;--coral:#bd6656;--blue:#4a78a5;--yellow:#ad8433;--sidebar:224px;--radius:8px;font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--page);font-size:14px;letter-spacing:0;font-synthesis:none}
*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.5}a,button{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fc9b5;outline-offset:3px}::selection{background:#d5e9dd}h1,h2,h3,h4,p{margin:0}h1{font-size:30px;line-height:1.4;font-weight:680}h2{font-size:19px;font-weight:650;line-height:1.5}h3{font-size:16px;line-height:1.6;font-weight:650}p{line-height:1.85}small{font-size:12px}svg{width:19px;height:19px;flex-shrink:0;stroke-width:1.7}button{border:0;background:none}.muted{color:var(--muted)}.skip-link{position:fixed;left:10px;top:-50px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 18px 16px;z-index:40}.brand{display:flex;gap:11px;align-items:center;padding:0 10px;font-size:21px;font-weight:750;line-height:1.3}.brand small{display:block;font-size:11px;font-weight:500;margin-top:5px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:41px;height:41px;background:var(--green);color:white;border-radius:8px}.brand-mark svg{width:26px;height:26px}.nav-label{font-size:11px;color:#89918c;display:flex;justify-content:space-between;padding:43px 13px 13px}.nav-label span{font-size:9px}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 13px;margin:3px 0;border-radius:6px;font-size:13px;color:#66716b}.nav-link:hover{background:#f5f7f4;color:var(--green)}.nav-link.active{background:var(--green-light);font-weight:650;color:var(--green)}.nav-link.active::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto}.nav-divider{height:1px;background:var(--line);margin:17px 13px}.sidebar-bottom{margin-top:auto;padding:32px 12px 0}.learning-status{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.learning-status b{color:var(--green);font-weight:600}.progress-track{height:5px;background:#eaf0e9;overflow:hidden;border-radius:4px;margin-top:11px}.progress-track span{display:block;height:100%;background:var(--green);width:0;transition:width .3s}.sidebar-bottom p{font-size:10px;color:#8a938e;margin-top:8px}.sidebar-source{display:flex;align-items:center;gap:9px;font-size:11px;color:#737d77;margin-top:28px}.sidebar-source svg{width:16px}.sidebar-source svg:last-child{margin-left:auto;width:13px}.edition{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:#929a95;display:flex;justify-content:space-between;font-size:9px}.workspace{margin-left:var(--sidebar)}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;gap:20px}.breadcrumb,.header-actions{display:flex;align-items:center;gap:16px}.breadcrumb{font-size:12px;min-width:0}.breadcrumb b{font-weight:550;white-space:nowrap}.crumb-home,.crumb-slash{color:#8d9691}.header-actions{gap:18px}.global-search-button{display:flex;align-items:center;gap:10px;color:#919991;font-size:12px;width:250px;text-align:left;padding:9px 12px;background:#f5f7f5;border:1px solid #eef0ed;border-radius:6px}.global-search-button:hover{background:#ebf2ec}.global-search-button svg{width:16px}.icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0}.icon-button:hover{background:#eef3ed}.avatar{font-size:12px;color:var(--green);background:#e7efe8;width:31px;height:31px;display:grid;place-items:center;border-radius:50%}.mobile-menu{display:none}.nav-scrim{display:none}main{max-width:1510px;margin:0 auto;padding:34px 38px 48px;min-height:calc(100vh - 142px)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:var(--green);font-size:10px;font-weight:600;margin-bottom:7px}.page-heading p{margin-top:8px;color:var(--muted);font-size:13px}.edition-tag{margin-top:9px;font-size:11px;color:#637168;background:#eef3ed;border:1px solid #dde7db;border-radius:4px;padding:7px 10px;display:flex;align-items:center;gap:7px;white-space:nowrap}.edition-tag svg{width:14px;height:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.stat{padding:0 24px;border-right:1px solid var(--line);display:flex;align-items:center;gap:13px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-size:26px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:11px}.stat svg{width:19px;color:#89a797}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.section-title small{font-size:11px;color:var(--muted);font-weight:400;margin-left:10px}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px}.text-link svg{width:15px}.text-link:hover{color:#094833}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:27px;align-items:start}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.course-card{background:white;border:1px solid var(--line);border-radius:8px;padding:19px 17px 14px;min-height:199px;display:flex;flex-direction:column;position:relative;overflow:hidden}.course-card:hover{border-color:#a2cbb8;box-shadow:0 4px 15px #13372506}.course-card.first{border-color:#9ebba9;background:#fafffa}.course-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.course-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:#eef4ed;color:#668669}.course-card:nth-child(2) .course-icon{color:#577fa8;background:#edf3f9}.course-card:nth-child(3) .course-icon{color:#ae865a;background:#f7f1e8}.course-card:nth-child(4) .course-icon{color:#776d9f;background:#f2eff8}.course-card:nth-child(5) .course-icon{color:#ac6f65;background:#f8efed}.course-card:nth-child(6) .course-icon{color:#619992;background:#eaf4f2}.course-number{font-size:11px;color:#9aa39a;font-variant-numeric:tabular-nums}.course-card h3{font-size:14px}.course-card p{font-size:11px;line-height:1.65;color:var(--muted);margin-top:6px;flex:1}.card-foot{margin-top:18px;padding-top:12px;border-top:1px solid #eef0eb;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#829087}.card-foot svg{width:15px;height:15px}.featured{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.featured-image{height:155px;width:100%;object-fit:cover;display:block}.featured-body{padding:19px 20px 20px}.tag{display:inline-flex;align-items:center;gap:5px;min-height:22px;font-size:10px;padding:2px 7px;border-radius:4px;color:var(--green);background:var(--green-light);font-weight:500}.tag.blue{color:#52799d;background:#eef3fa}.tag.warm{color:#a27541;background:#fcf3e5}.tag.coral{color:#a35a4b;background:#f9eeeb}.featured h3{font-size:18px;margin-top:11px}.featured p{font-size:12px;color:var(--muted);margin-top:8px}.featured-meta{display:flex;align-items:center;gap:16px;font-size:11px;color:#8a948c;margin:18px 0}.featured-meta span{display:flex;align-items:center;gap:5px}.featured-meta svg{width:14px;height:14px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:9px 14px;border-radius:5px;border:1px solid #dce4dc;background:white;font-size:12px;font-weight:550;line-height:1.5}.btn:hover{background:#edf3ed;border-color:#bdd2c0}.btn svg{width:16px;height:16px}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.primary:hover{background:var(--green-dark)}.btn.full{width:100%}.next-note{margin-top:15px;display:flex;gap:10px;padding:16px 1px;border-bottom:1px solid var(--line)}.next-note>svg{color:#b88c5b;margin-top:1px;width:17px}.next-note h4{font-size:12px;font-weight:550}.next-note p{font-size:11px;color:var(--muted);margin-top:5px}.overview-bottom{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:27px;margin-top:31px}.knowledge-preview{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.knowledge-preview a{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.knowledge-preview a>svg{color:#79917f;width:20px}.knowledge-preview h3{font-size:12px}.knowledge-preview p{font-size:10px;color:var(--muted);margin-top:3px}.knowledge-preview a>svg:last-child{margin-left:auto;width:14px;color:#929c93}.enterprise-steps{margin-top:2px}.enterprise-step{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.enterprise-step span{font-size:10px;color:var(--green);font-weight:600}.enterprise-step small{margin-left:auto;color:var(--muted);font-size:10px}.page-footer{border-top:1px solid var(--line);padding:21px 38px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8b958c}.page-footer>span:last-child{display:flex;align-items:center;gap:14px}.page-footer a{display:inline-flex;align-items:center;gap:3px}.page-footer svg{width:12px;height:12px}.tabs,.filters{display:flex;gap:7px;flex-wrap:wrap}.tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:26px}.tabs button{padding:12px 2px;border-bottom:2px solid transparent;font-size:13px;color:var(--muted)}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:600}.filters button{padding:7px 11px;border:1px solid transparent;color:#707b73;border-radius:4px;font-size:12px}.filters button.active{background:#e7eee7;border-color:#d8e2d8;color:var(--green);font-weight:600}.filters button:hover{background:#eff3ed}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:23px}.input-search{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);background:#fff;border-radius:5px;min-width:215px}.input-search svg{width:16px;color:var(--muted)}input[type=search]{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:12px;color:var(--ink)}.view-note{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:22px}.callout{padding:17px 20px;border-left:3px solid #78a28c;background:#eef4ee;font-size:13px;line-height:1.85;margin:20px 0}.callout.warm{border-color:#c19a58;background:#faf4e8}.callout strong{color:#34644d}.roadmap-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}.step-nav{position:sticky;top:20px}.step-button{display:flex;width:100%;text-align:left;gap:12px;padding:15px 12px;margin-bottom:7px;border:1px solid transparent;border-radius:7px}.step-button.active{background:white;border-color:#c4d6c6}.step-index{flex-shrink:0;display:grid;place-items:center;border:1px solid #d8e2d8;border-radius:6px;width:29px;height:29px;font-size:11px;color:var(--green)}.step-button.active .step-index{background:var(--green);color:white;border-color:var(--green)}.step-button strong{display:block;font-size:13px;line-height:1.7}.step-button small{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.course-detail{min-width:0}.detail-title{font-size:25px;margin:12px 0 10px}.detail-intro{font-size:14px;color:#737e76}.detail-meta{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 25px}.detail-section{border-top:1px solid var(--line);padding-top:21px;margin-top:24px}.detail-section h3{margin-bottom:12px}.detail-section ul,.prose ul{padding-left:21px;margin:9px 0;color:#53645b}.detail-section li,.prose li{padding:5px 0;line-height:1.85}.ordered-lesson{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.ordered-lesson .num{color:#93a38f;font-size:12px;padding-top:3px;min-width:20px}.ordered-lesson h4{font-size:14px;font-weight:600}.ordered-lesson p{font-size:12px;margin-top:5px;color:#788479}.completion-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:27px;padding-top:22px}.check-label{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.8;cursor:pointer}.check-label input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:8px;background:white;min-height:207px;padding:21px}.topic-card:hover{border-color:#aecbb4;box-shadow:0 3px 12px #10332308}.topic-card .topic-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.topic-card .topic-top>svg{color:#779486}.topic-card h3{font-size:15px}.topic-card p{font-size:12px;color:var(--muted);margin-top:9px;flex:1}.topic-card .card-foot{border:0;padding-top:0}.empty-state{grid-column:1/-1;text-align:center;padding:60px 25px;color:var(--muted)}.empty-state svg{width:33px;height:33px;margin-bottom:15px}.empty-state h3{color:var(--ink);margin-bottom:8px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:21px;display:flex;flex-direction:column}.tool-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.tool-logo{width:38px;height:38px;border:1px solid #e5e9e2;background:#f4f7f1;display:grid;place-items:center;border-radius:7px;font-size:17px;font-weight:700;color:#446c54;flex-shrink:0}.tool-card:nth-child(3n+2) .tool-logo{background:#f8f1ed;color:#a7715d}.tool-card:nth-child(3n+3) .tool-logo{background:#edf3f9;color:#5880a5}.tool-head h3{font-size:15px}.tool-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.tool-card p{font-size:12px;color:var(--muted);flex:1}.tool-note{font-size:11px;margin-top:14px;line-height:1.8;color:#879083;border-top:1px solid #edf0ea;padding-top:11px}.tool-foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.tool-foot .tag{font-size:9px}.bookmark.active{color:var(--green);background:var(--green-light)}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:6px;background:#fff}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:11px;font-weight:600;background:#f0f4ee;color:#73816f}td,th{padding:15px 17px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.9;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}td strong{display:block;font-weight:600;font-size:13px;color:#25382b}td small{color:var(--muted);display:block;margin-top:5px;font-size:10px}.model-table{min-width:850px}.model-table td:first-child{width:180px}.comparison-picker{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 22px}.comparison-picker label{padding:9px 12px;background:white;border:1px solid var(--line);border-radius:5px;font-size:12px}.comparison-table{table-layout:fixed;min-width:620px}.comparison-table th:first-child{width:130px}.comparison-table td{font-size:12px}.architecture-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:26px}.field label{display:block;font-size:12px;font-weight:550;color:#5f6e63;margin-bottom:9px}.field select,.field input,.field textarea{width:100%;padding:11px 12px;border:1px solid #dce4db;background:white;border-radius:5px;outline-offset:2px;min-height:43px;color:#344638}.field textarea{min-height:94px;resize:vertical;line-height:1.8}.architecture-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.architecture-head>svg{width:28px;height:28px;color:var(--green)}.stack-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.stack-layer{border-top:3px solid #8daa94;background:white;padding:18px 17px;border-bottom:1px solid var(--line);min-width:0}.stack-layer:nth-child(2){border-top-color:#6b97ab}.stack-layer:nth-child(3){border-top-color:#c69475}.stack-layer:nth-child(4){border-top-color:#ac9dbb}.stack-layer small{font-size:10px;color:var(--muted)}.stack-layer strong{display:block;font-size:15px;margin:10px 0 6px;overflow-wrap:anywhere}.stack-layer p{font-size:11px;color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px}.split-section h3{margin-bottom:12px}.split-section ul{padding-left:19px;font-size:13px;color:#60705f;line-height:1.9}.style-matrix{margin-top:30px}.style-matrix h2{margin-bottom:15px}.prompt-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:28px;align-items:start}.prompt-sidebar{border-right:1px solid var(--line);padding-right:16px}.prompt-choice{display:block;width:100%;padding:12px 10px;text-align:left;border-radius:5px;margin-bottom:4px}.prompt-choice.active{color:var(--green);background:#e8f0e7}.prompt-choice strong{font-size:12px;display:block;font-weight:600}.prompt-choice small{color:var(--muted);font-size:10px;display:block;margin-top:5px;line-height:1.7}.prompt-editor{min-width:0}.prompt-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:21px 0}.prompt-output{border:1px solid #dce4d9;background:#fff;border-radius:6px;padding:21px;color:#526051;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.95;max-height:630px;overflow:auto}.prompt-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.prompt-how{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.prompt-how p{font-size:12px;color:var(--muted);margin-top:10px}.enterprise-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.phase{border-top:1px solid var(--line);padding:22px 0}.phase-title{display:flex;gap:13px;align-items:center}.phase-title>span{color:var(--green);font-size:12px;background:#e6eee6;border-radius:5px;width:33px;height:33px;display:grid;place-items:center}.phase-title h3{font-size:16px}.phase-title small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.phase p{font-size:12px;color:var(--muted);margin:11px 0 14px}.phase label{padding:7px 0;font-size:12px;align-items:flex-start}.metric-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metric-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-results strong{font-size:25px;color:var(--green);display:block;margin-top:7px}.metric-results small{font-size:11px;color:var(--muted)}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.source-item{padding:20px 0;border-bottom:1px solid var(--line)}.source-item a{font-weight:550;font-size:14px;display:inline-flex;align-items:center;gap:8px;color:#37634c}.source-item a svg{width:14px}.source-item p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}.source-item small{font-size:10px;display:block;color:#8c968b;margin-top:7px}.tag-line{display:flex;gap:8px;flex-wrap:wrap}.prose{font-size:14px;line-height:1.95;color:#4d5f52}.prose h3{font-size:17px;margin:30px 0 11px;color:var(--ink)}.prose h4{font-size:14px;color:#354b3c;margin:16px 0 8px}.prose p{margin:11px 0;line-height:1.95}.prose ul{margin:12px 0}.prose table{margin:17px 0}.prose pre{white-space:pre;overflow:auto;max-width:100%;padding:18px;background:#f0f4ef;border-radius:5px;line-height:1.8;font-size:12px;color:#36533e}.prose code{font-family:Consolas,"Courier New",monospace;font-size:12px;overflow-wrap:anywhere}.prose :not(pre)>code{background:#edf2e9;padding:2px 5px;border-radius:3px}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.lesson-callout{background:#f0f5ee;border-left:3px solid #82aa89;padding:15px 19px;margin:18px 0}.lesson-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;gap:12px}dialog{border:1px solid #dae3d7;border-radius:8px;box-shadow:0 22px 100px #1335232e;color:var(--ink);max-width:calc(100vw - 32px);padding:0}dialog::backdrop{background:#1c302b66;backdrop-filter:blur(3px)}#search-dialog{width:650px;max-height:80vh}#lesson-dialog{width:890px;max-height:90vh}#lesson-content{padding:29px 38px 33px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.lesson-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;position:sticky;top:0;background:#fff;padding:12px 0 15px;z-index:2}.lesson-top h2{font-size:24px;line-height:1.5;margin-top:8px}.lesson-top .icon-button{margin-top:7px}.search-field{display:flex;align-items:center;gap:12px;margin:20px 23px;padding:13px 14px;background:#f2f6f0;border:1px solid #dce6d7;border-radius:6px}.search-field input{font-size:14px}.search-field svg{color:#7e967a}#global-results{padding:0 23px 22px;min-height:180px;max-height:58vh;overflow:auto}.search-result{padding:14px 8px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.search-result>svg{color:#81a080;width:18px}.search-result span{flex:1;min-width:0}.search-result strong{font-size:13px;display:block}.search-result small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.search-result:hover{background:#f2f6ef}.search-count{font-size:11px;color:var(--muted);padding-bottom:7px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,18px);background:#253f31;color:white;border:1px solid #40614c;border-radius:6px;padding:12px 20px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px)}#toast.show{opacity:1;transform:translate(-50%,0)}.code-label{font-size:10px;color:#7a8974;text-transform:uppercase;margin-top:18px}.lesson-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.read-check{color:var(--green)}.plan-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.plan-banner p{font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand{font-size:18px;gap:9px;white-space:nowrap}.brand small{font-size:9px;white-space:normal}.brand-mark{width:35px;height:38px;flex-shrink:0}.instructor-contact{display:block;font-size:10px;color:#7b8e7e;margin-top:18px}.edition{font-size:8px;margin-top:13px}.avatar{cursor:pointer}.stat>div{display:flex;align-items:center;gap:11px}.goal-open{width:100%;text-align:left;align-items:flex-start}.goal-open>span:nth-child(2){flex:1}.goal-open>svg{margin-top:4px;color:#759379}.goal-open:hover{background:#edf4eb}.course-card .card-foot>span:last-child{display:flex;align-items:center;gap:3px;white-space:nowrap}.callout>svg{vertical-align:middle;width:17px;margin-right:6px}.search-result{width:100%;text-align:left}.source-list .source-item p{max-width:95%}.login-mode .workspace{margin:0}.login-mode main{max-width:1160px;padding:0 45px;min-height:100vh;display:grid;align-items:center}.login-page{display:grid;grid-template-columns:420px 1fr;gap:110px;align-items:center;padding:70px 0}.login-card{background:#fff;border:1px solid #e0e7de;padding:43px 38px;border-radius:12px;box-shadow:0 12px 70px #1a3e2506}.login-logo{background:var(--green);color:#fff;width:44px;height:44px;display:grid;place-items:center;border-radius:9px;margin-bottom:28px}.login-logo svg{width:28px;height:28px}.login-card .eyebrow{font-size:12px;margin-bottom:9px}.login-card h1{font-size:27px}.login-lead{color:#86917f;font-size:12px;margin-top:13px}.login-card form{margin-top:28px}.login-card form>label{display:block;font-size:12px;margin-bottom:18px;color:#687660}.login-card form input{width:100%;display:block;margin-top:8px;height:43px;padding:10px 13px;border:1px solid #dce4d8;border-radius:5px;background:#fcfdf9;color:#2d3b2c}.login-card .btn{height:43px}.login-error{font-size:11px;color:#ae554c;line-height:1.8;margin-bottom:12px}.login-error:empty{display:none}.login-note{border-top:1px solid var(--line);margin-top:24px;padding-top:21px;font-size:11px;line-height:2;color:#84917e}.login-note strong{font-weight:600;color:var(--green)}.login-note small{font-size:10px;color:#a0a99b}.login-aside h2{font-size:38px;line-height:1.6;letter-spacing:-1px;margin:19px 0 17px;font-weight:600}.login-aside>p{font-size:14px;color:#819078;max-width:360px;line-height:2}.login-aside-list{display:flex;flex-direction:column;gap:19px;margin-top:39px;font-size:12px;color:#648062}.login-aside-list span{display:flex;align-items:center;gap:11px}.login-aside-list svg{width:17px}.goal-tabs{gap:19px}.goal-tabs button{font-size:12px}.prompt-output{font-family:inherit}.topic-card:hover h3{color:var(--green)}.prose pre{white-space:pre-wrap;word-break:break-word}.prose table{width:100%;table-layout:fixed}.prose td,.prose th{overflow-wrap:anywhere}.login-mode .skip-link{left:12px}.prose .tag-line label{padding:8px;line-height:1.7}.prose .field label{font-size:11px}#admin-events-body td:last-child{max-width:330px;font-size:11px}.model-table td strong{word-break:break-word}.feature-note{margin:15px 0 22px;color:#84907d;font-size:11px}.comparison-table th small{display:block;font-weight:400;margin-top:5px}.lesson-top{border-bottom:1px solid #eef0e8}.prose>h3:first-child{margin-top:15px}#global-results:empty::after{content:'搜索专题、工具与已开通课程';display:block;text-align:center;padding:25px;color:#83907b;font-size:12px}
@media(min-width:1600px){.overview-grid,.overview-bottom{grid-template-columns:minmax(0,1fr) 334px}.course-card{min-height:210px}.featured-image{height:175px}}
@media(max-width:1100px){.login-page{gap:55px;grid-template-columns:380px 1fr}.login-aside h2{font-size:30px}.login-card{padding:35px 30px}}
@media(max-width:800px){.login-page{grid-template-columns:1fr;gap:30px;max-width:430px;width:100%;margin:auto;padding:35px 0}.login-mode main{padding:0 20px}.login-aside{display:none}.login-card{padding:34px 29px}.stat>div{flex-direction:column;align-items:flex-start;gap:5px}.brand{font-size:17px}.login-page{min-height:100vh}.avatar{display:grid!important}}
@media(max-width:1200px){:root{--sidebar:204px}.topbar{padding:0 26px}main{padding:28px 26px 40px}.overview-grid,.overview-bottom{grid-template-columns:minmax(0,1fr) 252px;gap:20px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card{min-height:180px}.course-card-top{margin-bottom:15px}.tools-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-layout{grid-template-columns:205px minmax(0,1fr);gap:24px}.prompt-layout{grid-template-columns:205px minmax(0,1fr);gap:23px}.stack-flow{gap:10px}.stack-layer{padding:15px 12px}.stat{padding:0 17px}.global-search-button{width:215px}.page-footer{padding:20px 26px}.knowledge-preview{grid-template-columns:1fr}.stat span{font-size:10px}.metric-form{grid-template-columns:1fr 1fr}}
@media(max-width:960px){:root{--sidebar:185px}.sidebar{padding:24px 12px 15px}.brand{font-size:19px;padding:0 9px}.brand-mark{width:35px;height:35px}.brand small{font-size:10px}.nav-label{padding-top:32px}.nav-link{font-size:12px;gap:10px}.overview-grid,.overview-bottom{grid-template-columns:1fr}.overview-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.featured-image{height:150px}.featured-body{padding:18px}.next-note{margin:0;padding:18px 0;height:max-content}.overview-bottom{margin-top:28px}.knowledge-preview{grid-template-columns:1fr 1fr}.stats{gap:0}.stat{gap:9px;padding:0 13px}.stat svg{display:none}.stat strong{font-size:24px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{padding:15px 12px}.course-card h3{font-size:12px}.global-search-button{width:36px;height:36px;padding:0;justify-content:center}.global-search-button span{display:none}.roadmap-layout{grid-template-columns:1fr}.step-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.step-button{padding:12px 7px;gap:7px}.step-button strong{font-size:11px}.step-button small{font-size:9px}.step-index{width:25px;height:25px}.prompt-layout{grid-template-columns:1fr}.prompt-sidebar{display:flex;overflow:auto;gap:8px;border:0;padding:0 0 8px}.prompt-choice{width:165px;flex-shrink:0;border:1px solid var(--line)}.architecture-form{grid-template-columns:1fr 1fr}.architecture-form .field:last-child{grid-column:1/-1}.stack-flow{grid-template-columns:1fr 1fr}.source-list{grid-template-columns:1fr}.page-footer{flex-direction:column;font-size:9px}.edition-tag{font-size:10px}.toolbar{align-items:stretch;flex-direction:column}.input-search{width:100%}.enterprise-grid{gap:20px}.page-heading{gap:10px}.page-heading h1{font-size:26px}}
@media(max-width:700px){:root{--sidebar:224px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.nav-scrim.open{display:block;position:fixed;inset:0;background:#182d2266;z-index:35}.workspace{margin-left:0}.topbar{height:61px;padding:0 16px}.mobile-menu{display:inline-flex}.breadcrumb{gap:9px}.crumb-home,.crumb-slash{display:none}.header-actions{gap:6px}.avatar{margin-left:4px}.global-search-button{background:none;border:0}.topbar .icon-button{width:33px}main{padding:24px 19px 32px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;max-width:290px}.edition-tag{font-size:9px;padding:5px 6px;margin-top:8px}.edition-tag svg{display:none}.eyebrow{font-size:9px}.stats{padding:16px 0;margin-bottom:25px}.stat{padding:0 11px;gap:4px;flex-direction:column;align-items:flex-start}.stat strong{font-size:23px}.stat span{font-size:9px;margin-top:4px}.section-title h2{font-size:17px}.section-title small{display:none}.text-link{font-size:11px}.course-grid{grid-template-columns:1fr 1fr;gap:11px}.course-card{padding:17px 14px;min-height:183px}.course-card h3{font-size:13px}.course-card p{font-size:11px}.course-card-top{margin-bottom:14px}.course-icon{width:33px;height:33px}.card-foot{font-size:9px;margin-top:12px;padding-top:10px}.overview-aside{grid-template-columns:1fr;margin-top:4px}.featured{display:grid;grid-template-columns:38% minmax(0,1fr)}.featured-image{height:100%;min-height:220px;width:100%;object-fit:cover}.featured-body{padding:16px}.featured h3{font-size:16px}.featured p{font-size:11px}.featured-meta{font-size:10px;margin:11px 0}.featured-meta span:last-child{display:none}.btn{font-size:11px;padding:8px 11px}.next-note{padding:3px 0 16px}.overview-bottom{margin-top:5px;gap:26px}.knowledge-preview{grid-template-columns:1fr;gap:0}.knowledge-preview h3{font-size:13px}.knowledge-preview p{font-size:11px}.enterprise-step{font-size:12px}.page-footer{padding:18px 20px;font-size:9px;gap:8px}.page-footer>span:last-child{gap:8px}.page-heading .btn{min-width:35px}.step-nav{grid-template-columns:1fr 1fr}.step-button strong{font-size:12px}.step-button small{font-size:10px}.step-index{width:27px;height:27px}.detail-title{font-size:23px}.detail-intro{font-size:13px}.detail-section li{font-size:13px}.topic-grid,.tools-grid{grid-template-columns:1fr}.topic-card{min-height:175px}.topic-card .topic-top{margin-bottom:12px}.tabs{gap:17px}.tabs button{font-size:12px}.architecture-form{grid-template-columns:1fr;gap:15px}.architecture-form .field:last-child{grid-column:auto}.stack-flow{grid-template-columns:1fr 1fr;gap:12px}.stack-layer strong{font-size:14px}.split-section{grid-template-columns:1fr;gap:20px}.enterprise-grid{grid-template-columns:1fr;gap:0}.prompt-fields{grid-template-columns:1fr}.prompt-output{padding:16px;font-size:12px}.metric-form{gap:12px}.metric-results strong{font-size:23px}.completion-bar,.plan-banner{align-items:flex-start;flex-direction:column}.table-scroll table{min-width:560px}.filters{gap:4px}.filters button{font-size:11px;padding:7px 9px}.view-note,.callout{font-size:12px}.callout{padding:14px 15px}.source-item a{font-size:13px}#lesson-content{padding:15px 20px 25px}#lesson-dialog{max-height:94vh;max-width:calc(100vw - 16px)}.lesson-top h2{font-size:21px}.prose{font-size:13px}.prose h3{font-size:16px}.prose table{display:block;overflow:auto;max-width:100%}.prose td,.prose th{min-width:115px;padding:11px}.prose pre{font-size:11px;padding:13px}.lesson-footer{align-items:flex-start;flex-direction:column}.dialog-top{padding:14px 17px}.dialog-top h2{font-size:17px}.search-field{margin:16px}.search-field input{font-size:12px}#global-results{padding:0 15px 18px}.prompt-choice{width:155px}.header-actions .avatar{display:none}}

.admin-password-fields .ai-wide{grid-column:1 / -1}
#admin-credentials-form .callout{margin-top:20px}
#admin-credentials-error{min-height:1.7em;margin:4px 0 0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,.page-footer,.btn,.tabs,.filters,.toolbar,.icon-button,.completion-bar,.prompt-sidebar,.step-nav{display:none!important}.workspace{margin:0}main{padding:0;max-width:none}.roadmap-layout,.prompt-layout{display:block}body{background:white}.course-card,.topic-card,.tool-card,.phase{break-inside:avoid}dialog[open]{position:static;max-height:none;border:0;box-shadow:none}body:has(dialog[open])>.workspace{display:none}.prose pre{white-space:pre-wrap}a{color:#222!important}}

/* 无轨道滚动：保留鼠标滚轮、触控板、触摸和键盘滚动能力。 */
html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}
*::-webkit-scrollbar-corner{background:transparent!important}

/* Reference direction: blue / violet glass dashboard; category colors carry meaning. */
:root{--ink:#25314b;--muted:#7a829a;--green:#5970ed;--green-dark:#4057d8;--green-light:#eeecff;--line:#e8e9f3;--page:#f1f0fa;--sidebar:222px;--radius:20px;font-size:14px;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}
body{background:linear-gradient(128deg,#205bd6 0%,#697bdf 26%,#a282dd 49%,#efa2c6 75%,#ffc071 100%);background-attachment:fixed;padding:22px;min-height:100vh}body::before{content:"";position:fixed;inset:22px;z-index:-1;background:rgba(250,249,255,.8);border:1px solid rgba(255,255,255,.88);border-radius:27px;box-shadow:0 15px 60px #37347524;backdrop-filter:blur(35px)}.sidebar{inset:34px auto 34px 34px;width:220px;background:rgba(251,250,255,.72);border:1px solid #ffffffc9;border-radius:22px;padding:24px 13px 16px;backdrop-filter:blur(28px)}.brand{padding:0 8px;font-size:18px;gap:10px}.brand-mark{background:linear-gradient(135deg,#4283ff,#9d64ed);width:39px;height:43px;border-radius:12px;box-shadow:0 5px 12px #7256e534}.brand small{font-size:9px;color:#68697a}.nav-label{padding:31px 13px 12px;font-size:10px;color:#696977}.nav-label span{font-size:8px}.nav-link{height:42px;min-height:42px;margin:3px 0;padding:9px 12px;border-radius:12px;font-size:13px;color:#626a7e;gap:13px}.nav-link>span{letter-spacing:1px}.nav-link.active{background:linear-gradient(105deg,#377eff,#a374f8);color:white;box-shadow:0 4px 12px #657aeb3a;font-weight:600}.nav-link:hover{background:#eae7fb;color:#5964bd}.nav-link.active:hover{background:linear-gradient(105deg,#377eff,#a374f8);color:white}.nav-link.active::after{display:none}.nav-link small{font-size:9px;background:#eeeaff;color:#7063a0;padding:2px 5px;border-radius:5px;margin-left:auto}.nav-divider{margin:11px 13px;background:#e9e5f3}.sidebar-bottom{padding:16px 12px 0}.sidebar-source{margin-top:19px}.learning-status{font-size:10px}.sidebar-bottom p{font-size:9px}.edition{border-color:#6b696f;color:#696979}.instructor-contact{color:#6f6687;margin-top:12px}.progress-track span{background:linear-gradient(90deg,#4b79ff,#b776f1)}.workspace{margin:0 9px 0 244px;min-width:0}.topbar{padding:0 23px;height:67px;background:#ffffff78;border:1px solid #ffffffc9;border-radius:20px;backdrop-filter:blur(20px);position:relative;z-index:10}.breadcrumb{color:#68697c;font-size:12px;gap:14px}.header-actions{gap:11px}.global-search-button{background:#ffffffa6;border:1px solid #f0ebf8;border-radius:22px;width:285px;padding:11px 17px}.avatar{background:linear-gradient(135deg,#ede4fb,#dfe7fc);color:#7762bd;width:34px;height:34px}.icon-button:hover{background:#eae7f8}.icon-button[aria-pressed=true]{background:#e5ddfb;color:#624bc0}main{padding:29px 10px 30px;max-width:1500px;min-height:calc(100vh - 154px)}h1{font-size:29px;font-weight:700;letter-spacing:-.6px}h2{font-size:19px;font-weight:650}h3{font-size:16px}p{line-height:1.9}.eyebrow{font-size:9px;color:#73648d;font-weight:600;margin-bottom:7px;letter-spacing:1.2px}.page-heading{margin-bottom:24px}.page-heading p{font-size:12px;color:#646a79}.btn{border-radius:10px;border-color:#6a696f;padding:10px 15px;min-height:39px;background:#ffffffcf;font-size:12px}.btn.primary{background:linear-gradient(105deg,#3c7cf5,#a270eb);border:0;box-shadow:0 5px 12px #7a79d829;color:#fff}.btn.primary:hover{background:linear-gradient(105deg,#2b6de8,#9161e0);box-shadow:0 6px 16px #7a79d84d;transform:translateY(-1px)}.btn:hover{background:#f7f3ff;border-color:#6d677f}.tag{border-radius:7px;background:#eaf4f0;color:#397a5e;font-size:10px;padding:3px 8px;min-height:23px}.tag.blue{background:#eaf0ff;color:#486bc2}.tag.violet{background:#f0eaff;color:#7e5db2}.tag.pink{background:#fff0f7;color:#9b5a79}.tag.warm{background:#fff5e7;color:#8a6630}.text-link{color:#5666cb;font-size:11px}.glass-panel{background:rgba(255,255,255,.84);border:1px solid #fff;border-radius:22px;padding:23px;box-shadow:0 5px 20px #6b5b8c04;min-width:0}.glass-panel+.glass-panel{margin-top:20px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin:0 4px 25px;gap:20px}.welcome-row p{color:#636a7a;font-size:12px;margin-top:7px}.headline-dot{color:#7d5db6}.instructor-chip{display:flex;gap:10px;align-items:center;background:#ffffff85;border:1px solid #fff;padding:12px 16px;border-radius:15px;white-space:nowrap}.instructor-chip>svg{width:30px;height:30px;color:#71639d}.instructor-chip strong{display:block;font-size:12px}.instructor-chip small{display:block;font-size:9px;color:#676979;margin-top:3px}.instructor-chip>.tag{margin-left:5px;font-size:8px}.modern-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metric-tile{display:flex;align-items:flex-start;gap:14px;padding:24px 20px;background:#ffffffe3;border:1px solid #fff;border-radius:21px;box-shadow:0 6px 20px #614b8405}.metric-icon{width:47px;height:47px;border-radius:17px;display:grid;place-items:center;color:white;flex-shrink:0;background:linear-gradient(155deg,#81b8ff,#396dfc);box-shadow:0 4px 10px #5390ef2a}.metric-icon svg{width:24px;height:24px;stroke-width:2}.metric-tile.orange .metric-icon{background:linear-gradient(155deg,#ffcd6d,#ff9747)}.metric-tile.violet .metric-icon{background:linear-gradient(155deg,#c69aff,#8e62f5)}.metric-tile.green .metric-icon{background:linear-gradient(155deg,#8adeac,#42b583)}.metric-tile>div>span{font-size:12px;color:#636b78}.metric-tile strong{display:block;font-size:29px;font-weight:600;margin:4px 0}.metric-tile strong small{font-size:10px;color:#676a75;font-weight:400;margin-left:8px}.metric-tile p{font-size:9px;color:#676a74}.home-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.section-title{margin-bottom:18px}.section-title small{font-size:10px;margin-left:10px}.modern-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.modern-course.course-card{padding:0 0 12px;min-height:215px;border:1px solid #eeedf5;border-radius:16px;box-shadow:0 4px 10px #6262a405;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.modern-course.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #70629916;border-color:color-mix(in srgb,var(--stage-color) 45%,white)}.course-visual{height:98px;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between;padding:18px;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--stage-color) 14%,white),color-mix(in srgb,var(--stage-color) 5%,white));color:var(--stage-color)}.course-visual>svg{width:39px;height:39px;margin-left:auto;filter:drop-shadow(0 6px 6px #8b85be1c);stroke-width:1.3;transition:transform .35s}.modern-course:hover .course-visual>svg{transform:rotate(-6deg) scale(1.06)}.stage-pill{align-self:flex-start;font-size:8px;letter-spacing:1px}.course-visual small{position:absolute;bottom:15px;left:18px;font-size:9px;opacity:.7}.modern-course h3{padding:0 15px;font-size:13px}.modern-course p{padding:0 15px;font-size:10px;line-height:1.8;color:#656a76;margin-top:7px;min-height:36px}.modern-course .card-foot{margin:11px 15px 0;border-color:#6a6a6e;padding-top:10px;font-size:9px;color:#686978}.modern-course .card-foot svg{color:var(--stage-color)}.progress-panel{padding:22px}.progress-panel canvas{width:100%;max-width:280px;display:block;margin:-9px auto -10px}.progress-legend{display:flex;gap:14px;font-size:10px;color:#656a79;justify-content:center;margin:4px 0 20px}.progress-legend span{display:flex;align-items:center;gap:6px}.progress-legend i{width:7px;height:7px;border-radius:50%}.progress-legend b{font-weight:600;color:#4b5977}.science-teaser{padding:20px 22px;background:linear-gradient(125deg,#f7f4ffdd,#fff1f9dd)}.science-teaser h3{font-size:17px;margin:11px 0 9px}.science-teaser p{font-size:11px;color:#70677b;margin-bottom:14px}.home-models{margin-top:22px}.home-model-row{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.mini-model{display:flex;align-items:center;gap:10px;text-align:left;border-right:1px solid #eeecf4;padding:6px 13px;min-width:0}.mini-model:first-child{padding-left:0}.mini-model:last-child{border:0}.mini-model .official-logo{width:32px;height:32px;border-radius:10px;padding:3px}.mini-model>span{min-width:0}.mini-model strong{font-size:10px;display:block}.mini-model small{font-size:8px;display:block;color:#6a6975;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:98px}.mini-model>svg{display:none}.home-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:22px}.home-bottom .glass-panel{margin:0}.quick-lessons{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.quick-lessons button{display:flex;gap:10px;text-align:left;padding:12px 0;align-items:center;min-width:0}.quick-lessons strong{display:block;font-size:11px;line-height:1.7}.quick-lessons small{display:block;font-size:9px;color:#656a76;line-height:1.8;margin-top:3px}.quick-lessons button>svg{width:13px;color:#686a73}.quick-icon{flex-shrink:0;display:grid;place-items:center;background:#f4f5fb;width:33px;height:33px;border-radius:10px}.practice-feature{background:linear-gradient(125deg,#f3f0ffea,#fdf8ffed)}.practice-feature h2{margin-top:13px;font-size:21px}.practice-feature p{font-size:12px;color:#6a687a;margin:11px 0}.practice-feature .tag-line{margin:16px 0}.page-footer{border-top:0;padding:10px 13px 15px;font-size:9px;color:#6b687b}.capability-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:25px 0}.capability-tabs button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;background:#ffffffad;border:1px solid #fff;border-radius:15px;color:#666a78;font-size:11px;min-height:81px}.capability-tabs svg{width:24px;height:24px;color:#68697d;stroke-width:1.6}.capability-tabs button.active{background:linear-gradient(140deg,#597cf1,#a179e3);color:#fff;border-color:transparent;box-shadow:0 6px 17px #8474e432}.capability-tabs button.active svg{color:white}.catalog-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:17px}.catalog-count{font-size:11px;color:#6a6878}.catalog-toolbar .input-search{margin-left:auto;background:#ffffffc2;border:1px solid #fff;border-radius:11px}.segmented{display:inline-flex;gap:3px;background:#e9e6f580;padding:4px;border-radius:11px}.segmented button{padding:9px 15px;color:#6c687c;border-radius:8px;font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.segmented button.active{background:#fff;color:#7665c9;box-shadow:0 3px 6px #7c6eb310}.segmented svg{width:15px;height:15px}.model-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.model-card{padding:22px;background:#ffffffdc;border:1px solid #fff;border-radius:19px;box-shadow:0 5px 16px #584f7103;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}.model-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #5a4d8e0d}.model-card-head{display:flex;align-items:center;gap:12px;min-width:0}.model-card-head>div{min-width:0}.model-card-head .icon-button{margin-left:auto;color:#6a6975;width:27px;height:27px}.model-card-head h3{font-size:15px}.model-card-head small{display:block;color:#696976;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.official-logo{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #f0edf7;padding:5px;flex-shrink:0}.logo-unavailable{width:42px;height:42px;border:1px dashed #ddd6eb;border-radius:10px;display:grid;place-items:center;color:#70667f}.model-card>.tag-line{margin:18px 0 11px;gap:5px}.cap-tag{font-size:8px;padding:4px 7px;border-radius:5px;color:#576b9c;background:#edf3ff}.cap-tag.code{background:#f0eafd;color:#7a609d}.cap-tag.image{background:#fff0f6;color:#985b76}.cap-tag.video{background:#fff2e6;color:#886546}.cap-tag.music,.cap-tag.audio{background:#e9f7f1;color:#447660}.model-card>p{color:#656a79;font-size:11px;line-height:1.9;flex:1;min-height:62px}.model-version{border-top:1px solid #f1edf7;margin-top:15px;padding-top:13px}.model-version>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#6b6976}.model-version svg{width:12px;height:12px}.model-version small{display:block;font-size:9px;color:#6b6975;margin-top:6px;line-height:1.9}.model-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px}.model-card-foot>span{font-size:8px;color:#6c6874}.model-card-foot .text-link{font-size:10px}.benchmark-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:24px 0 20px;padding:19px 23px}.benchmark-controls .field{min-width:260px}.field label{font-size:11px;color:#6e677e}.field input,.field textarea,.field select{border-radius:9px;border-color:#6c6971;font-size:12px}.benchmark-panel{margin-bottom:21px}.chart-subtitle{font-size:10px;color:#666a76;margin-top:6px;max-width:720px}.chart-wrap{position:relative;min-height:350px;overflow:hidden;margin-top:10px}.chart-wrap canvas{display:block;max-width:100%;transition:opacity .3s}.chart-tooltip{position:absolute;pointer-events:none;padding:10px 13px;border:1px solid #fff;background:#fdfcffff;box-shadow:0 5px 30px #77609422;border-radius:9px;font-size:11px;max-width:240px;line-height:1.7;color:#626780}.chart-source{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#6b6975;border-top:1px solid #f0ebf6;padding-top:14px}.chart-source a{display:flex;align-items:center;gap:4px;color:#70639e}.chart-source svg{width:12px;height:12px}.chart-note{font-size:11px;color:#676977;line-height:1.9;margin:12px 0 0}.benchmark-data{margin-bottom:20px}.benchmark-data summary{cursor:pointer;font-size:13px;color:#746791;margin-bottom:14px}.heatmap-table{min-width:750px}.heatmap-table td{text-align:center;font-size:12px}.heatmap-table td:first-child{text-align:left;white-space:nowrap;color:#616a7f}.heatmap-table th small{display:block;color:#6c6877;font-size:9px;font-weight:400}.evaluation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:20px 0}.evaluation-grid h3{font-size:12px;margin-top:12px}.evaluation-grid p{font-size:10px;color:#646a76;margin:8px 0}.table-scroll{border-radius:12px;border:1px solid #e9e6f2}.table-scroll th{background:#f7f5fc;color:#70677b}.table-scroll td{color:#626b7c;border-color:#6b696d;font-size:11px}.table-scroll td strong{font-size:12px;color:#69758f}.callout{border-radius:11px;background:#eeedfc;border-left-color:#7162a2;color:#6f658c;font-size:12px}.callout strong{color:#7c6aa7}.callout.warm{background:#fff7ed;border-color:#826745;color:#7e674d}.roadmap-layout{grid-template-columns:215px minmax(0,1fr);gap:24px}.step-nav{background:#ffffff8c;border:1px solid #fff;border-radius:19px;padding:10px;top:20px}.step-button{padding:13px 10px;gap:10px;border-radius:13px}.step-button.active{border-color:#6c6873;background:#f4f0ff}.step-button.active .step-index{background:#a287e3;border-color:#7561a3;color:white}.step-index{border-color:#6c6971;color:#736585;font-size:10px}.step-button strong{font-size:11px}.step-button small{font-size:9px;color:#6d6878}.course-detail{background:#ffffffd9;border:1px solid #fff;border-radius:22px;padding:26px}.detail-title{font-size:25px}.detail-intro{font-size:12px}.detail-section{border-color:#6c6970}.stage-cases{margin-top:26px}.case-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-card{display:flex;flex-direction:column;text-align:left;border:1px solid #ece3f8;border-radius:16px;background:linear-gradient(140deg,#faf8ff,#fff8fb);padding:20px}.case-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6f677c;margin-bottom:14px}.case-card h3{font-size:15px;color:#6f6184}.case-card>p{font-size:11px;color:#6f6778;line-height:1.9;margin:9px 0}.case-preview{margin-top:auto;border-top:1px solid #efe8f6;padding-top:12px}.case-preview strong{font-size:10px;display:block;color:#776389}.case-preview span{font-size:10px;display:block;color:#6d6875;line-height:1.8;margin-top:5px}.case-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;font-size:9px;color:#76638c}.case-card:hover{box-shadow:0 8px 25px #aa94cc15;border-color:#72657e;transform:translateY(-2px)}.case-step-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:26px}.case-step-nav{border-right:1px solid #ede8f3;padding-right:13px}.case-step-nav button{width:100%;display:flex;gap:9px;text-align:left;align-items:flex-start;padding:11px 10px;margin-bottom:4px;font-size:11px;line-height:1.7;border-radius:9px;color:#70677c}.case-step-nav button span{font-size:10px;font-weight:600}.case-step-nav button.active{color:#7b5fa2;background:#f4edfc}.case-step-body{min-width:0}.case-step-body h3{margin-top:0}.case-step-body pre{max-height:310px;overflow:auto;line-height:1.9}.case-step-footer{display:flex;justify-content:space-between;margin-top:24px}.case-modal{width:1040px!important}.case-tabs{position:sticky;top:0;background:#fff;z-index:2}.case-prose .case-intro h3{margin-top:20px}.case-prose .callout{margin:16px 0}dialog{border-radius:21px;border-color:#fff;box-shadow:0 24px 100px #4d347544}dialog::backdrop{background:#31244d55;backdrop-filter:blur(8px)}.lesson-top h2{color:#61506f}.prose{color:#71667a}.prose h3{color:#6e5b81}.prose h4{color:#78638a}.prose pre{background:#f7f3fb;color:#736584;border:1px solid #eee5f6;border-radius:11px;font-size:12px}.prose li{color:#70667b}.topic-card,.tool-card{border-radius:18px;border-color:#fff;background:#ffffffd9}.topic-card .topic-top{margin-bottom:18px}.topic-card{padding:24px}.topic-card p{color:#6b6975}.topic-card h3{color:#706580}.filters button{border-radius:8px}.filters button.active{background:#e8e0f7;border-color:#6f6779;color:#776294}.input-search{border-radius:10px;border-color:#6c6971}.prompt-sidebar{border-color:#6d6871}.prompt-choice{border-radius:10px}.prompt-choice.active{background:#eae2f8;color:#7a6196}.prompt-output{border-radius:15px;border-color:#6d6870;color:#71667c;line-height:2;background:#fffcff}.enterprise-grid{padding:24px;background:#ffffffce;border:1px solid #fff;border-radius:23px}.phase{border-color:#6c696f}.phase-title>span{color:#7a628e;background:#f1e6fa}.metric-results{border-color:#6d6871}.metric-results strong{color:#7d6092}.history-panel{padding:26px}.history-controls{display:flex;align-items:center;gap:5px}.history-controls .btn{font-size:11px;min-height:34px;padding:7px 12px}.history-track{display:flex;overflow-x:auto;padding:15px 2px 18px;margin:0 -3px 13px;scrollbar-width:thin;scrollbar-color:#cfc2eb transparent}.history-track button{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:105px;width:105px;flex-shrink:0;color:#6f677a;padding:8px 4px;font-size:12px}.history-track button::after{content:"";position:absolute;height:2px;left:50%;right:-50%;top:44px;background:#e8e0f1}.history-track button:last-child::after{display:none}.history-track i{width:10px;height:10px;background:#e3dced;border:2px solid white;border-radius:50%;z-index:1;transition:.3s}.history-track small{font-size:9px;max-width:99px;line-height:1.6;white-space:normal;min-height:28px}.history-track button.active{color:#8e64cb}.history-track button.active i{background:#986adc;box-shadow:0 0 0 5px #ede2fb}.history-track button.active>span{font-weight:700}.history-scene{display:grid;grid-template-columns:200px minmax(0,1fr);gap:33px;background:linear-gradient(130deg,#f1edff,#fef5fc);border:1px solid #eee4f7;border-radius:20px;padding:30px;min-height:276px;align-items:center}.history-year{text-align:center;color:#77638e;perspective:800px}.history-year strong{font-size:47px;font-weight:650;display:block;letter-spacing:-2px;color:#7c6099}.history-year span{display:block;font-size:10px;color:#73657d;margin-top:9px}.history-story h3{font-size:24px;margin:11px 0}.history-story>p{font-size:12px;color:#73667c;line-height:2}.history-impact{margin:16px 0 10px;border-top:1px solid #ebe0f4;padding-top:12px}.history-impact strong{font-size:10px;color:#7d6190}.history-impact p{font-size:11px;color:#74657d}.history-footnote{font-size:10px;color:#6e6778;margin-top:16px}.science-heading{margin-top:28px}.science-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.science-flip-card{background:#ffffffd9;border:1px solid #fff;border-radius:20px;padding:18px;perspective:1000px;min-width:0}.flip-trigger{width:100%;display:block;padding:0;text-align:left;perspective:1000px}.flip-inner{display:grid;position:relative;width:100%;min-height:213px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.6,.2,1)}.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{grid-area:1/1;backface-visibility:hidden;display:flex;flex-direction:column;min-width:0;gap:10px;padding:8px 6px}.flip-front>strong,.flip-back>strong{font-size:17px;line-height:1.6;font-weight:600}.flip-front>span:not(.concept-icon){font-size:11px;color:#6d677a;line-height:1.9}.flip-front>small,.flip-back>small{font-size:9px;color:#70667d;margin-top:auto;display:flex;gap:6px;align-items:center}.flip-front>small svg{width:14px}.flip-back{transform:rotateY(180deg);border-radius:14px;background:#f8f3fe;padding:17px}.flip-back>span{font-size:12px;color:#73657e;line-height:1.9}.concept-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:var(--concept-color);background:color-mix(in srgb,var(--concept-color) 10%,white);margin-bottom:5px}.concept-icon svg{width:24px;height:24px}.read-concept{border-top:1px solid #efe8f6;margin-top:10px;padding:13px 5px 0;width:100%;justify-content:space-between;font-size:10px}.science-flip-card:hover{box-shadow:0 9px 27px #967cb616}.login-mode{background:linear-gradient(125deg,#2e6ff0,#ac86e1 50%,#f3b0d2 80%,#ffd390)}.login-mode main{min-height:calc(100vh - 44px)}.login-card{border-radius:25px;background:#ffffffc7;backdrop-filter:blur(20px);border:1px solid white;box-shadow:0 18px 45px #6850a512}.login-logo{background:linear-gradient(135deg,#5d90fc,#b07bef);border-radius:14px;box-shadow:0 6px 15px #8f6dd330}.login-card form input{border-color:#6d6970;border-radius:10px;background:#ffffffd4;margin-bottom:18px}.login-card form>label{margin-bottom:0;color:#72667d}.login-card .btn{margin-top:15px}.login-card h1{color:#755d8f}.login-aside h2{font-size:38px;color:#856397;font-weight:650}.login-aside>p{color:#78647d}.login-aside-list{color:#77647e}.login-note{color:#72667a}.login-note strong{color:#7d6093}.login-lead{color:#71667b}.login-card .eyebrow{font-size:10px;color:#776484}.login-aside .tag{background:#f8e9fa;color:#816087}.login-mode .workspace{margin:0}.login-error{color:#a1596e}.scene-enter{animation:sceneEnter .5s both}.scene-enter .history-year strong{animation:yearTurn .65s both}main>.glass-panel,main>.welcome-row,main>.page-heading,.metric-tile,.model-card,.science-flip-card{animation:riseIn .45s both}.metric-tile:nth-child(2),.model-card:nth-child(2),.science-flip-card:nth-child(2){animation-delay:.04s}.metric-tile:nth-child(3),.model-card:nth-child(3),.science-flip-card:nth-child(3){animation-delay:.08s}.metric-tile:nth-child(4){animation-delay:.12s}@keyframes riseIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sceneEnter{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes yearTurn{from{opacity:.2;transform:rotateX(-55deg)}to{opacity:1;transform:rotateX(0)}}.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion .flip-inner{transition:none!important}
@media(min-width:1650px){.home-dashboard{grid-template-columns:minmax(0,1fr) 340px}.modern-course.course-card{min-height:230px}.course-visual{height:109px}.modern-course h3{font-size:14px}.metric-tile{padding:26px}.home-model-row .mini-model small{max-width:140px}}
@media(max-width:1250px){.instructor-chip{display:none}.home-dashboard{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.glass-panel{padding:19px}.modern-stats{gap:12px}.metric-tile{gap:10px;padding:19px 15px}.metric-icon{width:40px;height:40px;border-radius:13px}.metric-tile strong{font-size:25px}.metric-tile>div>span{font-size:11px}.home-model-row{grid-template-columns:repeat(3,1fr);gap:15px 0}.mini-model:nth-child(3){border:0}.modern-courses{gap:11px}.modern-course h3{font-size:11px;padding:0 12px}.modern-course p{padding:0 12px;font-size:9px}.modern-course .card-foot{margin:10px 12px 0;font-size:8px}.course-visual{padding:15px;height:84px}.course-visual svg{width:32px;height:32px}.course-visual small{left:15px;font-size:8px}.modern-course.course-card{min-height:207px}.home-bottom{grid-template-columns:1fr 1fr}.quick-lessons{grid-template-columns:1fr}.model-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benchmark-controls{align-items:center;flex-wrap:wrap}.science-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){body{padding:14px}body::before{inset:14px;border-radius:22px}.sidebar{inset:26px auto 26px 26px;width:186px;padding:22px 9px 14px;border-radius:17px}.workspace{margin-left:211px;margin-right:0}.brand{font-size:16px;gap:8px;padding:0 6px}.brand-mark{width:32px;height:36px}.brand small{font-size:8px}.nav-label{padding:26px 10px 10px}.nav-link{font-size:11px;gap:10px;height:39px;min-height:39px;padding:9px 10px}.nav-link svg{width:17px}.nav-label span{display:none}.sidebar-bottom{padding:14px 9px 0}.sidebar-source{font-size:10px}.instructor-contact{font-size:9px}.edition{font-size:7px}.topbar{padding:0 16px}.global-search-button{width:225px;font-size:10px}main{padding:25px 6px}.home-dashboard{grid-template-columns:1fr}.home-right{display:grid;grid-template-columns:1fr 1fr;gap:17px}.home-right .glass-panel{margin:0}.progress-panel canvas{max-width:190px;margin:-10px auto}.progress-panel .btn{font-size:10px}.science-teaser{display:flex;flex-direction:column;justify-content:center}.science-teaser .tag{width:max-content}.science-teaser h3{font-size:20px;margin-top:17px}.science-teaser p{font-size:12px}.modern-courses{gap:15px}.modern-course h3{font-size:13px}.modern-course p{font-size:10px}.modern-course .card-foot{font-size:9px}.course-visual{height:88px}.course-visual>svg{width:34px}.metric-tile{padding:17px 13px;gap:9px;flex-direction:column}.metric-tile>div{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.metric-tile strong{order:-1;width:100%;font-size:26px;margin-top:4px}.metric-tile>div>span{font-size:10px}.metric-tile p{display:none}.metric-icon{width:35px;height:35px;border-radius:11px}.metric-icon svg{width:19px;height:19px}.history-scene{grid-template-columns:135px 1fr;gap:20px;padding:25px}.history-year strong{font-size:35px}.history-story h3{font-size:21px}.history-story>p{font-size:11px}.capability-tabs{gap:7px}.capability-tabs button{padding:15px 5px;font-size:9px;min-height:73px}.capability-tabs svg{width:21px;height:21px}.home-bottom{grid-template-columns:1fr}.quick-lessons{grid-template-columns:1fr 1fr}.roadmap-layout{grid-template-columns:1fr}.step-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:10px;gap:5px;position:static}.step-button{padding:9px 8px;gap:7px}.step-button strong{font-size:10px}.course-detail{padding:22px}.case-card-grid{gap:12px}.case-card{padding:16px}.evaluation-grid{grid-template-columns:repeat(3,1fr)}.case-step-layout{grid-template-columns:165px 1fr;gap:20px}.case-step-nav button{font-size:10px}.science-heading{margin-top:25px}}
@media(max-width:740px){body{padding:9px}body::before{inset:9px;border-radius:19px}.sidebar{inset:17px auto 17px 17px;width:219px;transform:translateX(-115%);z-index:50;background:#faf8fff5}.sidebar.open{transform:translateX(0)}.workspace{margin:0}.nav-scrim.open{z-index:45;backdrop-filter:blur(3px)}.topbar{border-radius:14px;height:57px;padding:0 11px}.mobile-menu{display:inline-flex}.crumb-home,.crumb-slash{display:none}.global-search-button{width:31px;background:transparent;border:0;padding:0}.global-search-button>span{display:none}.header-actions{gap:1px}.header-actions .icon-button{width:30px}.breadcrumb{font-size:11px;gap:7px}.avatar{width:29px;height:29px;margin-left:3px}.nav-link{font-size:13px;height:42px;min-height:42px;padding:9px 14px}.nav-label span{display:block}.nav-label{padding:30px 14px 12px}.brand{font-size:18px;padding:0 13px;gap:10px}.brand-mark{width:37px;height:40px}.brand small{font-size:9px}.sidebar-bottom{padding:20px 14px 0}main{padding:23px 8px}.welcome-row{margin:0 3px 22px}.welcome-row h1{font-size:24px;line-height:1.5;max-width:290px}.welcome-row p{font-size:11px;max-width:310px}.eyebrow{font-size:8px;letter-spacing:.8px}.modern-stats{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.metric-tile{padding:17px;flex-direction:row;gap:13px;border-radius:17px;align-items:center}.metric-tile>div{display:block}.metric-tile strong{font-size:25px;margin-top:5px;line-height:1.1}.metric-tile strong small{font-size:9px;margin-left:7px}.metric-tile>div>span{font-size:10px}.metric-icon{width:39px;height:39px;border-radius:14px}.metric-icon svg{width:21px;height:21px}.glass-panel{padding:18px;border-radius:18px}.home-dashboard{gap:17px}.home-right{gap:12px;grid-template-columns:1fr 1fr}.progress-panel{padding:16px 13px}.progress-panel h2{font-size:14px}.progress-panel .tag{display:none}.progress-panel canvas{width:100%;margin:-8px auto -10px}.progress-panel .btn{font-size:9px;padding:8px;min-height:33px;gap:3px}.progress-panel .btn svg{width:12px}.progress-legend{font-size:8px;gap:8px;margin:4px 0 14px}.science-teaser{padding:16px}.science-teaser h3{font-size:15px;margin:10px 0 9px}.science-teaser p{font-size:10px;line-height:1.9;margin-bottom:12px}.science-teaser .text-link{font-size:9px;gap:3px}.section-title h2{font-size:16px}.section-title small{display:none}.section-title .text-link{font-size:10px}.modern-courses{grid-template-columns:1fr 1fr;gap:12px}.modern-course.course-card{min-height:203px}.modern-course h3{font-size:12px;padding:0 12px}.modern-course p{font-size:9px;padding:0 12px;min-height:32px}.course-visual{height:78px;margin-bottom:12px;padding:13px}.course-visual>svg{width:30px;height:30px}.course-visual small{left:13px;bottom:13px;font-size:8px}.stage-pill{font-size:7px}.modern-course .card-foot{font-size:8px;margin:11px 12px 0;gap:2px}.modern-course .card-foot svg{width:12px}.home-models{margin-top:18px}.home-model-row{grid-template-columns:repeat(2,1fr);gap:15px 0}.mini-model{padding:3px 9px;gap:8px}.mini-model:nth-child(2n){border:0}.mini-model:nth-child(3){border-right:1px solid #eeecf4}.mini-model .official-logo{width:30px;height:30px;border-radius:9px}.mini-model small{max-width:91px}.home-bottom{gap:18px;margin-top:18px}.quick-lessons{grid-template-columns:1fr;gap:0}.quick-lessons strong{font-size:12px}.quick-lessons small{font-size:10px}.practice-feature h2{font-size:20px}.page-heading{gap:10px;align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;line-height:1.9}.page-heading .btn{font-size:10px;padding:9px 10px;white-space:nowrap}.page-heading .btn svg{width:14px}.capability-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.capability-tabs button{padding:12px 6px;font-size:10px;min-height:69px;border-radius:13px;gap:8px}.catalog-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:13px}.catalog-toolbar .input-search{width:100%;margin:0;flex-basis:100%;padding:11px 13px}.catalog-count{margin-left:auto;font-size:10px}.segmented button{font-size:11px;padding:9px 13px}.model-card-grid{grid-template-columns:1fr;gap:13px}.model-card{padding:21px}.model-card>p{font-size:12px;min-height:0}.model-card-head h3{font-size:16px}.model-card-head small{font-size:11px}.model-version small{font-size:10px}.model-card-foot .text-link{font-size:11px}.cap-tag{font-size:9px}.benchmark-controls{display:block;padding:17px}.benchmark-controls .field{min-width:0}.benchmark-controls .chart-mode{margin-top:17px;width:100%;justify-content:space-between}.chart-mode button{font-size:10px;padding:8px}.chart-mode svg{width:13px}.benchmark-panel{padding:16px 12px}.chart-subtitle{font-size:10px}.chart-wrap{min-height:350px;margin-left:-4px;margin-right:-3px}.chart-source{font-size:8px;flex-direction:column;gap:7px}.chart-note{font-size:10px}.benchmark-data{padding:18px 14px}.evaluation-grid{grid-template-columns:1fr 1fr;gap:17px}.evaluation-grid>div{min-width:0}.evaluation-grid p{font-size:10px}.table-scroll table{min-width:610px}.view-note,.callout{font-size:11px}.history-panel{padding:18px 16px}.history-panel>.section-title{align-items:flex-start;gap:8px}.history-panel h2{font-size:15px;max-width:150px}.history-controls{gap:0}.history-controls .icon-button{width:27px;height:31px}.history-controls .btn{font-size:9px;padding:7px 9px;min-height:31px;gap:4px}.history-controls svg{width:13px}.history-track button{min-width:91px;width:91px;font-size:11px}.history-track button::after{top:43px}.history-track small{font-size:8px}.history-scene{grid-template-columns:1fr;padding:23px 20px;gap:17px;min-height:380px}.history-year{text-align:left;display:flex;gap:17px;align-items:baseline}.history-year strong{font-size:37px}.history-year span{font-size:9px}.history-story h3{font-size:21px}.history-story>p{font-size:12px;line-height:2}.history-footnote{font-size:9px;line-height:1.9}.science-card-grid{grid-template-columns:1fr 1fr;gap:12px}.science-flip-card{padding:13px;border-radius:16px}.flip-inner{min-height:230px}.flip-front,.flip-back{padding:6px 1px;gap:11px}.flip-front>strong,.flip-back>strong{font-size:14px}.flip-front>span:not(.concept-icon){font-size:10px}.flip-back{padding:11px}.flip-back>span{font-size:11px;line-height:1.85}.read-concept{font-size:9px;gap:3px;padding:12px 0 0}.read-concept svg{width:12px}.flip-front>small,.flip-back>small{font-size:8px}.concept-icon{width:36px;height:36px;border-radius:11px}.concept-icon svg{width:21px}.roadmap-layout{gap:18px}.step-nav{grid-template-columns:1fr 1fr;border-radius:16px;padding:9px;gap:4px}.step-button{margin:0;padding:10px 7px;gap:6px}.step-button strong{font-size:10px}.step-button small{font-size:8px}.step-index{width:24px;height:26px;font-size:9px}.course-detail{padding:21px 17px;border-radius:18px}.detail-title{font-size:23px}.case-card-grid{grid-template-columns:1fr}.case-card{padding:19px}.case-card>p,.case-preview span{font-size:11px}.case-card-foot{font-size:10px}.case-step-layout{grid-template-columns:1fr;gap:20px}.case-step-nav{display:flex;overflow:auto;border:0;border-bottom:1px solid #eee4f5;padding:0 0 12px;gap:7px}.case-step-nav button{width:144px;flex-shrink:0;font-size:10px;padding:10px;min-height:53px;border:1px solid #ede4f5}.case-tabs{gap:15px}.case-tabs button{font-size:11px}.case-modal{max-width:calc(100vw - 14px)}.case-step-body .section-title{gap:8px}.case-step-body .section-title h4{font-size:13px}.case-step-footer .btn{font-size:11px}.lesson-top h2{font-size:22px}.lesson-top p{font-size:10px}.prose{font-size:13px}.prose pre{font-size:11px}.prose h3{font-size:17px}.lesson-top .model-card-head h2{font-size:20px}.science-heading{margin-top:25px}.enterprise-grid{padding:19px}.page-footer{padding:8px 12px 13px;font-size:8px;line-height:1.8}.login-mode main{min-height:calc(100vh - 18px);padding:0 17px}.login-page{min-height:calc(100vh - 18px);padding:20px 0}.login-card{padding:33px 25px;border-radius:22px}.login-card h1{font-size:25px}.login-card form input{margin-bottom:18px}.login-lead{font-size:11px}.login-note{font-size:10px}.login-card .eyebrow{font-size:9px}.brand small{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;padding:0}body::before{display:none}.workspace{margin:0}.glass-panel{box-shadow:none;border:1px solid #ddd;background:white}.modern-course{break-inside:avoid}.history-controls,.read-concept{display:none}}

/* Presentation clarity and motion states. */
.prose{color:#51465f;font-size:14px}.prose li{color:#51465f}.prose pre{color:#4f4064}.history-story>p{color:#5d4d6d;font-size:14px}.flip-back>span{color:#594967}.model-card>p{font-size:13px;color:#536078}.model-version small{font-size:11px;color:#637086}.case-card>p,.case-preview span{font-size:12px;color:#65566f}.case-step-body{animation:sceneEnter .28s ease both}.chart-wrap{animation:sceneEnter .35s ease both}.history-controls button:disabled{opacity:.35;cursor:default}.science-source{overflow-wrap:anywhere}.prose a{overflow-wrap:anywhere}.flip-back{overflow-y:auto}.reduced-motion .flip-inner,.reduced-motion .flip-back{transform:none!important}.reduced-motion .flip-front{visibility:visible}.reduced-motion .flip-back{visibility:hidden}.reduced-motion .flipped .flip-front{visibility:hidden}.reduced-motion .flipped .flip-back{visibility:visible}
@media(prefers-reduced-motion:reduce){.flip-inner,.flip-back{transform:none!important}.flip-back{visibility:hidden}.flipped .flip-front{visibility:hidden}.flipped .flip-back{visibility:visible}}
@media(max-width:740px){.science-card-grid{grid-template-columns:1fr}.flip-inner{min-height:220px}.flip-front>span:not(.concept-icon),.flip-back>span{font-size:13px}.history-story>p{font-size:13px}.course-visual small{opacity:1}.model-card-head small{font-size:12px}}

body{isolation:isolate}.modern-course p{font-size:11px;min-height:40px}.modern-course .card-foot{font-size:10px}.metric-tile p{font-size:10px}.mini-model strong{font-size:12px}.mini-model small{font-size:10px}.course-visual small{color:#53617b;opacity:1}.stage-pill{color:#53617b}.sidebar{overflow-y:auto}.home-model-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 0}.mini-model:nth-child(3n){border-right:0}.mini-model small{max-width:180px}.welcome-row p{color:#5c657c}.history-footnote{color:#665779}.case-step-body pre{white-space:pre-wrap}

/* Give the instructor notebook a distinct, calm green identity in the sidebar. */
.nav-link[data-route="notes"]>svg{width:25px;height:25px;flex:0 0 25px;margin-left:-4px;margin-right:-3px;padding:4px;border:1px solid #a8dfc4;border-radius:8px;background:linear-gradient(145deg,#effcf5,#d5f4e4);color:#168653;stroke-width:2;box-shadow:0 3px 8px #16865318}
.nav-link[data-route="notes"]:hover>svg{background:linear-gradient(145deg,#e4f9ee,#c6edd9);color:#107447}
.nav-link[data-route="notes"].active>svg{border-color:#c8efda;background:#f2fff8;color:#107d4c;box-shadow:0 4px 10px #154f352e}
@media(max-width:740px){.home-model-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-model:nth-child(3){border-right:1px solid #eeecf4}.mini-model:nth-child(2n){border:0}.modern-course p{font-size:10px}.modern-course .card-foot{font-size:9px}.mini-model small{max-width:95px}.modern-courses{gap:10px}.glass-panel.learning-panel{padding:16px}}

.chart-legend{display:flex;flex-wrap:wrap;gap:12px 22px;margin:8px 0 20px}.chart-legend:empty{display:none}.chart-legend>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#59647a}.chart-legend i{font-style:normal;color:#fff;width:19px;height:19px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:700}.chart-tooltip{left:0;max-width:calc(100% - 16px)}

#main{animation:sceneEnter .32s ease both}.logo-unavailable{position:relative}.logo-unavailable::after{content:"";position:absolute;right:0;bottom:0;width:7px;height:7px;border-radius:50%;background:#b9aecb}

/* Match the sticky header edges to the usable content column below it. */
.topbar {
  width: calc(100% - 20px);
  max-width: 1480px;
  margin-inline: auto;
}
@media(max-width:1000px) {
  .topbar { width: calc(100% - 12px); }
}
@media(max-width:740px) {
  .topbar { width: calc(100% - 16px); }
}

/* Keep long pages inside the fixed glass frame; only the workspace scrolls. */
@media screen {
  body:not(.login-mode) {
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }
  body:not(.login-mode) .workspace {
    height: calc(100vh - 44px);
    height: calc(100dvh - 44px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scroll-padding-top: 83px;
    border-radius: 20px;
  }
  body:not(.login-mode) .topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #f6f3fc;
    box-shadow: 0 6px 16px #6353870d;
  }
  body:not(.login-mode) .step-nav {
    top: 83px;
    max-height: calc(100vh - 143px);
    max-height: calc(100dvh - 143px);
    overflow-y: auto;
  }
}
@media screen and (min-width:1001px) {
  body:not(.login-mode) .workspace {
    margin-top: 12px;
    height: calc(100vh - 68px);
    height: calc(100dvh - 68px);
  }
}
@media screen and (max-width:1000px) {
  body:not(.login-mode) .workspace {
    height: calc(100vh - 28px);
    height: calc(100dvh - 28px);
  }
  body:not(.login-mode) .step-nav { max-height: none; overflow: visible; }
}
@media screen and (max-width:740px) {
  body:not(.login-mode) .workspace {
    height: calc(100vh - 18px);
    height: calc(100dvh - 18px);
    scroll-padding-top: 73px;
    border-radius: 14px;
  }
}

/* Custom scrollbars: keep scrolling discoverable while matching the soft glass UI. */
html { scrollbar-color:#aeb9df transparent; scrollbar-width:thin; }
body,.workspace,.sidebar,.table-scroll,.history-track,.archive-time-scroll,.kb-meta-table,.kb-doc-sample,pre,dialog { scrollbar-color:#aeb9df transparent; scrollbar-width:thin; }
body::-webkit-scrollbar,.workspace::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.history-track::-webkit-scrollbar,.archive-time-scroll::-webkit-scrollbar,.kb-meta-table::-webkit-scrollbar,.kb-doc-sample::-webkit-scrollbar,pre::-webkit-scrollbar,dialog::-webkit-scrollbar { width:8px; height:8px; }
body::-webkit-scrollbar-track,.workspace::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,.table-scroll::-webkit-scrollbar-track,.history-track::-webkit-scrollbar-track,.archive-time-scroll::-webkit-scrollbar-track,.kb-meta-table::-webkit-scrollbar-track,.kb-doc-sample::-webkit-scrollbar-track,pre::-webkit-scrollbar-track,dialog::-webkit-scrollbar-track { background:transparent; }
body::-webkit-scrollbar-thumb,.workspace::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb,.history-track::-webkit-scrollbar-thumb,.archive-time-scroll::-webkit-scrollbar-thumb,.kb-meta-table::-webkit-scrollbar-thumb,.kb-doc-sample::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb,dialog::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#b7c3ea,#9caadb); border:2px solid transparent; border-radius:99px; background-clip:padding-box; }
body::-webkit-scrollbar-thumb:hover,.workspace::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover,.table-scroll::-webkit-scrollbar-thumb:hover,.history-track::-webkit-scrollbar-thumb:hover,.archive-time-scroll::-webkit-scrollbar-thumb:hover,.kb-meta-table::-webkit-scrollbar-thumb:hover,.kb-doc-sample::-webkit-scrollbar-thumb:hover,pre::-webkit-scrollbar-thumb:hover,dialog::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#8fa4df,#788bc7); background-clip:padding-box; }
@media(max-width:740px) {
  html { scrollbar-width:none; }
  body,.workspace,.sidebar,.table-scroll,.history-track,.archive-time-scroll,.kb-meta-table,.kb-doc-sample,pre,dialog { scrollbar-width:none; }
  body::-webkit-scrollbar,.workspace::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.table-scroll::-webkit-scrollbar,.history-track::-webkit-scrollbar,.archive-time-scroll::-webkit-scrollbar,.kb-meta-table::-webkit-scrollbar,.kb-doc-sample::-webkit-scrollbar,pre::-webkit-scrollbar,dialog::-webkit-scrollbar { width:0; height:0; }
}


.stage-foundation{margin:26px 0 30px;padding:24px;border:1px solid rgba(86,104,171,.16);border-radius:22px;background:linear-gradient(135deg,rgba(244,247,255,.94),rgba(255,250,247,.9));box-shadow:0 12px 30px rgba(56,75,135,.07)}
.stage-foundation .section-title{margin-bottom:16px}.foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.foundation-card{border:1px solid rgba(92,108,170,.16);background:rgba(255,255,255,.8);border-radius:15px;overflow:hidden;transition:box-shadow .2s,transform .2s}.foundation-card:hover{box-shadow:0 8px 20px rgba(70,90,150,.12);transform:translateY(-1px)}.foundation-card summary{display:flex;align-items:center;gap:11px;padding:15px 16px;cursor:pointer;list-style:none;font-size:15px}.foundation-card summary::-webkit-details-marker{display:none}.foundation-num{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e9edff;color:#4562c0;font-weight:800;font-size:12px}.foundation-chevron{margin-left:auto;color:#8290ba;transition:transform .2s}.foundation-card[open] .foundation-chevron{transform:rotate(180deg)}.foundation-body{padding:0 17px 17px;color:#57617a;line-height:1.72;font-size:13px}.foundation-body p{margin:0 0 11px}.foundation-body .callout{margin:0 0 10px;padding:11px 13px}.resource-links{display:flex;flex-wrap:wrap;gap:8px}.resource-links a{padding:6px 10px;border-radius:8px;background:#eff3ff;color:#4660b0;text-decoration:none;font-size:12px}.resource-links a:hover{text-decoration:underline}.stage-runbook{margin-top:22px;padding:18px 20px;border-radius:15px;background:#222d52;color:#eef3ff}.stage-runbook h3{margin:0 0 12px;color:#fff}.stage-runbook ol{margin:0;padding-left:21px}.stage-runbook li{margin:8px 0;line-height:1.7;color:#dbe3ff;font-size:13px}
@media(max-width:760px){.stage-foundation{padding:17px;margin-top:20px}.foundation-grid{grid-template-columns:1fr}.foundation-card summary{padding:13px}.foundation-body{padding:0 14px 14px}.stage-runbook{padding:15px}.stage-runbook li{font-size:12px}}
.stage-local-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px;padding:8px;border:1px solid rgba(86,104,171,.13);border-radius:13px;background:rgba(248,249,255,.75)}.stage-local-nav button{border:1px solid #dfe4f5;border-radius:9px;background:#fff;padding:8px 12px;color:#596b99;font-size:11px;cursor:pointer}.stage-local-nav button:hover{background:#eef2ff;color:#4664c4}.stage-practice{margin:26px 0 30px;padding:24px;border:1px solid rgba(86,104,171,.16);border-radius:22px;background:linear-gradient(135deg,rgba(247,248,255,.96),rgba(255,252,247,.92));box-shadow:0 12px 30px rgba(56,75,135,.07)}.stage-practice .section-title{margin-bottom:16px}.practice-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.practice-plan{border:1px solid rgba(92,108,170,.16);background:rgba(255,255,255,.85);border-radius:15px;overflow:hidden}.practice-plan summary{display:flex;align-items:center;gap:11px;padding:15px 16px;cursor:pointer;list-style:none}.practice-plan summary::-webkit-details-marker{display:none}.practice-plan summary>span:nth-child(2){min-width:0}.practice-plan summary strong,.practice-plan summary small{display:block}.practice-plan summary strong{font-size:13px;color:#43547f}.practice-plan summary small{margin-top:4px;font-size:10px;color:#7b849d;line-height:1.6}.practice-plan-body{padding:0 17px 17px;color:#58627b;font-size:11px;line-height:1.8}.practice-plan-body h4{font-size:11px;color:#536899;margin:0 0 4px}.practice-plan-body ol{padding-left:18px;margin:0 0 10px}.practice-plan-body .callout{margin:8px 0;padding:10px 12px}.practice-case-reference{margin-top:14px;border-top:1px solid #e9ebf4;padding-top:13px}.practice-case-reference>summary{cursor:pointer;font-size:12px;color:#566b9a}.practice-case-reference-item{padding:11px 0;border-bottom:1px solid #eef0f5}.practice-case-reference-item strong{font-size:12px;color:#4d5f90}.practice-case-reference-item p{font-size:11px;color:#727c92;line-height:1.8}.practice-case-reference-item .text-link{font-size:10px}@media(max-width:760px){.stage-local-nav{gap:5px}.stage-local-nav button{flex:1 1 calc(50% - 5px);padding:8px 5px;font-size:10px}.stage-practice{padding:17px;margin-top:20px}.practice-plan-list{grid-template-columns:1fr}.practice-plan summary{padding:13px}.practice-plan-body{padding:0 14px 14px}}

/* Expanded lessons need the full row; collapsed lessons stay compact and dense. */
.foundation-grid,.practice-plan-list{align-items:start}
.foundation-card[open],.practice-plan[open]{grid-column:1/-1}

/* Per-step member discussion. The form remains editable while course reading is protected. */
.step-comments{margin-top:16px;padding-top:15px;border-top:1px solid #e7eaf3;min-width:0}
.step-comments-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.step-comments-head h4{margin:0;color:#536899;font-size:12px;font-weight:700}
.step-comments-head p{margin:4px 0 0;color:#8790a5;font-size:10px;line-height:1.7}
.step-comments-refresh{width:29px;height:29px;color:#667bc0;background:#f1f4ff;border:1px solid #dfe5fa}
.step-comments-refresh:hover{background:#e5ebff;color:#4a63bd}
.step-comments-list{display:grid;gap:8px;min-width:0}
.step-comment-item{min-width:0;padding:10px 12px;border:1px solid #e8eaf2;border-radius:10px;background:rgba(249,250,255,.78);animation:step-comment-in .22s ease both}
.step-comment-meta{display:flex;align-items:center;gap:7px;min-width:0;color:#8a92a5;font-size:10px;line-height:1.4}
.step-comment-meta strong{min-width:0;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#52658f;font-size:11px}
.step-comment-account{max-width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a7b8;font-size:9px}
.step-comment-meta time{margin-left:auto;white-space:nowrap;color:#9aa1b1;font-size:9px}
.step-comment-meta .tag{padding:3px 6px;font-size:8px;line-height:1.2}
.step-comment-delete{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:3px;border-radius:6px;color:#b26b82}
.step-comment-delete:hover{background:#fff0f4;color:#a84968}
.step-comment-delete svg{width:14px;height:14px}
.step-comment-item>p{margin:6px 0 0;color:#5e6880;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.step-comments-state{display:flex;align-items:center;gap:8px;min-height:38px;padding:10px 12px;border:1px dashed #dfe3ef;border-radius:9px;color:#8a92a6;font-size:10px;line-height:1.7}
.step-comments-state p{margin:0;min-width:0;overflow-wrap:anywhere}
.step-comments-state.is-error{border-color:#efcbd5;background:#fff7f8;color:#a65f73}
.step-comments-state.is-empty{background:#fafbff}
.step-comments-state>span{display:inline-flex;flex:0 0 auto;color:#8998cb}
.step-comments-state svg{width:15px;height:15px}
.step-comments-state .text-link{margin-left:auto;flex:0 0 auto;font-size:10px;white-space:nowrap}
.step-comments-state.is-loading{background:linear-gradient(100deg,#fafbff 30%,#f0f3ff 45%,#fafbff 60%);background-size:220% 100%;animation:step-comment-shimmer 1.25s linear infinite}
.step-comment-form{margin-top:11px;padding:11px 12px;border:1px solid #e4e8f5;border-radius:10px;background:#fff}
.step-comment-form label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#596d9c;font-size:10px;font-weight:650}
.step-comment-limit{font-size:9px;font-weight:400;color:#98a0b2;white-space:nowrap}
.step-comment-text{display:block;width:100%;min-height:72px;margin-top:7px;padding:9px 10px;border:1px solid #dfe4f1;border-radius:8px;background:#fcfdff;color:#4d5d7e;font-size:11px;line-height:1.7;resize:vertical;outline:none;-webkit-user-select:text;user-select:text}
.step-comment-text::placeholder{color:#adb4c4}
.step-comment-text:focus{border-color:#91a5e4;box-shadow:0 0 0 3px rgba(116,139,218,.12)}
.step-comment-form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.step-comment-count{color:#9aa2b3;font-size:9px;white-space:nowrap}
.step-comment-submit{padding:8px 11px;font-size:10px;gap:5px}
.step-comment-submit svg{width:14px;height:14px}
.step-comment-submit svg[data-lucide="loader-circle"]{animation:step-comment-spin .8s linear infinite}
.step-comment-error{min-height:0;margin:5px 0 0;color:#b34f68;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
@keyframes step-comment-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes step-comment-shimmer{to{background-position:-220% 0}}
@keyframes step-comment-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.step-comment-item,.step-comments-state.is-loading{animation:none!important}}
@media(max-width:760px){
  .step-comments{margin-top:14px;padding-top:13px}
  .step-comments-head p{font-size:9px}
  .step-comment-item{padding:9px 10px}
  .step-comment-meta strong{max-width:32%}
  .step-comment-meta time{font-size:8px}
  .step-comment-form{padding:10px}
  .step-comment-form-foot{align-items:flex-end}
  .step-comment-submit{font-size:10px;padding:8px 9px}
}

/* Installable AI software catalog */
.software-guide{display:flex;align-items:flex-start;gap:9px;margin:17px 0 20px}
.software-guide>svg{width:16px;height:16px;flex:0 0 auto;margin-top:3px}
.software-card{border-top:3px solid color-mix(in srgb,#7188e9 58%,white);padding-top:19px}
.cap-tag.software{background:#e8eefc;color:#4d65a3}
.software-facts{margin:15px 0 0;border-top:1px solid #f0edf7}
.software-facts>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid #f3f0f8;font-size:9px;line-height:1.75}
.software-facts dt{color:#8a8495}
.software-facts dd{margin:0;color:#5f687b;overflow-wrap:anywhere}
.software-install{margin-top:12px;border-bottom:1px solid #eeeaf5}
.software-install summary{display:flex;align-items:center;gap:7px;cursor:pointer;padding:8px 0 11px;color:#5c68b8;font-size:10px;font-weight:650;list-style:none}
.software-install summary::-webkit-details-marker{display:none}
.software-install summary::after{content:"+";margin-left:auto;color:#8d91a3;font-size:15px;font-weight:400}
.software-install[open] summary::after{content:"-"}
.software-install summary svg{width:14px;height:14px}
.software-install-body{padding:1px 0 13px;color:#656c7c;font-size:10px;line-height:1.75}
.software-install-body>strong{display:block;color:#4f5b73;margin-bottom:7px}
.software-install-body pre{max-width:100%;overflow:auto;margin:7px 0 10px;padding:10px;border:1px solid #e7e8f1;border-radius:7px;background:#f7f8fc;color:#4c5670;font-size:9px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.software-install-body ol{margin:8px 0 0;padding-left:19px}
.software-install-body li+li{margin-top:5px}
.software-install-note{font-size:10px!important;min-height:0!important;margin:3px 0 9px;color:#6e7280!important}
.software-risk{display:flex;gap:8px;margin-top:11px;padding-top:10px;border-top:1px dashed #e6deef;color:#776878}
.software-risk>svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px;color:#a27656}
.software-risk strong{display:block;margin-bottom:2px;color:#7b6458}
.software-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.software-links .text-link{display:inline-flex;align-items:center;gap:4px}
.software-links svg{width:12px;height:12px}
.software-date{min-height:0!important;margin:8px 0 0!important;color:#9295a1!important;font-size:8px!important;line-height:1.6!important}
.software-comparison{margin-top:22px!important}
.software-comparison .section-title{align-items:flex-start}
.software-table{min-width:1180px}
.software-table th{white-space:nowrap}
.software-table td{min-width:155px;vertical-align:top;line-height:1.75}
.software-table td:first-child{min-width:185px}
.software-table td:last-child{min-width:210px}
.software-table td>small{display:block;margin-top:7px;color:#8c8994;font-size:8px;line-height:1.65}
.software-name{display:flex;align-items:center;gap:9px}
.software-name .official-logo,.software-name .logo-unavailable{width:31px;height:31px;border-radius:8px}
.software-name strong,.software-name small{display:block}
.software-name small{margin-top:3px;color:#898794;font-size:8px}
@media(max-width:740px){
  .software-guide{font-size:10px;line-height:1.8}
  .software-card{padding-top:17px}
  .software-facts>div{grid-template-columns:55px minmax(0,1fr);font-size:9px}
  .software-install summary{font-size:10px}
  .software-comparison{padding:17px 13px}
  .software-comparison .section-title{display:block}
  .software-comparison .section-title>.tag{display:inline-flex;margin-top:9px}
}

/* Dense reference catalogs: more choices per screen without shrinking reading-heavy cards. */
@media(min-width:1001px) and (max-width:1240px){
  .model-catalog-grid,.topic-grid,.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1241px) and (max-width:1549px){
  .model-catalog-grid,.topic-grid,.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .software-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1550px){
  .model-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .software-catalog-grid,.topic-grid,.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1241px){
  .model-catalog-grid,.topic-grid,.tools-grid{gap:12px}
  .model-catalog-grid .model-card{padding:17px;border-radius:16px}
  .model-catalog-grid .model-card-head{gap:9px}
  .model-catalog-grid .model-card-head h3{font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .model-catalog-grid .model-card-head small{font-size:9px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .model-catalog-grid .official-logo,.model-catalog-grid .logo-unavailable{width:38px;height:38px;border-radius:10px}
  .model-catalog-grid .model-card>.tag-line{min-height:25px;margin:13px 0 9px}
  .model-catalog-grid .model-card>p{min-height:52px;font-size:10.5px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .model-catalog-grid .model-version{min-height:58px;margin-top:12px;padding-top:10px}
  .model-catalog-grid .model-version small{font-size:8.5px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .model-catalog-grid .model-card-foot{margin-top:auto;padding-top:12px;gap:6px;align-items:flex-end;flex-wrap:wrap}
  .model-catalog-grid .model-card-foot>span:last-child{margin-left:auto;white-space:nowrap}
  .topic-card{min-height:180px;padding:17px;border-radius:16px}
  .topic-card .topic-top{margin-bottom:12px}
  .topic-card h3{font-size:13.5px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .topic-card p{font-size:10.5px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .topic-card .card-foot{font-size:9px;gap:7px}
}

/* VBosss讲堂品牌标识：使用讲师提供的 V 轨道图形，保留透明边缘与原始黑白配色。 */
.brand-mark{background:#f3f5f2!important;border:1px solid #dce5dd!important;overflow:hidden!important;padding:0!important}
.brand-logo,.login-logo-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.brand-logo{background:transparent}
.login-logo{background:#f3f5f2!important;border:1px solid #dce5dd!important;overflow:hidden!important;padding:0!important}
.login-logo-image{background:transparent}

.v8-showcase{position:relative;height:620px;min-width:0;overflow:hidden;border:1px solid rgba(142,145,213,.38);border-radius:22px;background:linear-gradient(135deg,#dfe8ff 0%,#eee8fb 48%,#fbe6ef 100%);color:#27304b;isolation:isolate;box-shadow:0 18px 44px rgba(87,78,155,.14)}
.v8-engine-host{position:absolute;inset:0;min-width:0;overflow:hidden}
.v8-engine-host::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(94,108,190,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(94,108,190,.16) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 74%)}
.v8-engine-host::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 23% 24%,rgba(255,255,255,.56),transparent 34%),linear-gradient(115deg,rgba(255,255,255,.20),transparent 42%)}
.v8-engine-canvas{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:0}
.v8-engine-canvas:focus-visible{outline:2px solid #7b66e8;outline-offset:-4px}
.v8-scene-heading{position:absolute;z-index:3;top:26px;left:29px;display:grid;gap:6px;max-width:510px;pointer-events:none}
.v8-scene-heading::before{content:"";width:46px;height:4px;background:linear-gradient(90deg,#526ff5,#a66ce9);margin-bottom:5px;border-radius:2px}
.v8-scene-heading .eyebrow{color:#5c63a0;font-size:9px;letter-spacing:.11em;font-weight:750}
.v8-scene-heading h2{margin:0;color:#242c49;font:760 29px/1.12 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0}
.v8-scene-heading p{margin:0;color:#5d6680;font-size:10px;line-height:1.55}
.v8-meaning-panel{position:absolute;z-index:3;top:137px;right:20px;width:226px;padding:15px 16px 14px;border:1px solid rgba(142,145,213,.36);border-radius:14px;background:rgba(250,250,255,.72);box-shadow:0 11px 28px rgba(65,67,133,.10);backdrop-filter:blur(12px);pointer-events:none;animation:v8-panel-in .55s ease both}
.v8-meaning-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#777c9d;font-size:8px;white-space:nowrap}
.v8-meaning-kicker .tag{min-height:20px;padding:2px 6px;color:#6356aa;background:#eeeafd;font-size:9px}
.v8-meaning-panel h3{margin:11px 0 6px;color:#2d3553;font-size:16px;line-height:1.35}
.v8-meaning-panel p{margin:0;color:#626a84;font-size:10px;line-height:1.72}
.v8-capability-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(143,146,202,.24)}
.v8-capability-list span{display:flex;align-items:center;gap:5px;color:#59638b;font-size:9px;white-space:nowrap}
.v8-capability-list svg{width:13px;height:13px;color:#7066dc;stroke-width:1.9}
.v8-spec-strip{position:absolute;z-index:3;left:29px;bottom:102px;display:flex;align-items:stretch;gap:0;border:1px solid rgba(142,145,213,.34);border-radius:11px;background:rgba(250,251,255,.64);box-shadow:0 8px 20px rgba(65,67,133,.08);backdrop-filter:blur(10px);pointer-events:none}
.v8-spec-strip>span{display:grid;gap:2px;min-width:75px;padding:8px 11px;border-right:1px solid rgba(143,146,202,.25)}
.v8-spec-strip>span:last-child{border-right:0}
.v8-spec-strip b{color:#36436e;font:760 17px/1 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.v8-spec-strip small{color:#6c7390;font-size:8px;line-height:1.3}
.v8-view-switcher{position:absolute;z-index:4;top:24px;right:24px;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(142,145,213,.38);border-radius:12px;background:rgba(250,251,255,.76);box-shadow:0 9px 23px rgba(65,67,133,.10);backdrop-filter:blur(12px)}
.v8-view-label{padding:0 7px;color:#747b99;font-size:9px;white-space:nowrap}
.v8-view-button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#667092;font-size:9px;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.v8-view-button svg{width:14px;height:14px;stroke-width:1.8}
.v8-view-button small{font-size:7px;color:#8a90a7}
.v8-view-button:hover{background:#f0efff;color:#544bc0;border-color:#d4cef8;transform:translateY(-1px)}
.v8-view-button.is-active,.v8-view-button[aria-pressed=true]{background:linear-gradient(135deg,#4d78f4,#9065e8);border-color:transparent;color:#fff;box-shadow:0 5px 13px rgba(91,91,221,.23)}
.v8-view-button.is-active small,.v8-view-button[aria-pressed=true] small{color:rgba(255,255,255,.78)}
.v8-status{position:absolute;z-index:3;top:93px;right:24px;display:flex;align-items:center;gap:8px;padding:7px 10px;border-left:2px solid #e45b7d;background:rgba(250,251,255,.72);color:#656d87;font-size:9px;line-height:1;backdrop-filter:blur(8px)}
.v8-status i{width:7px;height:7px;border-radius:50%;background:#e45b7d;box-shadow:0 0 0 4px rgba(228,91,125,.12)}
.v8-status b{color:#303958;font-size:10px;font-variant-numeric:tabular-nums}
.v8-engine-host.is-paused .v8-status i{background:#8992ad;box-shadow:none}
.v8-footer{position:absolute;z-index:4;left:22px;right:22px;bottom:19px;display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);align-items:center;gap:18px;padding:10px 12px;border:1px solid rgba(142,145,213,.34);border-radius:13px;background:rgba(250,251,255,.88);box-shadow:0 9px 25px rgba(54,59,117,.13);backdrop-filter:blur(13px)}
.v8-controls{display:grid;grid-template-columns:36px minmax(145px,1fr) 36px;align-items:center;gap:9px;min-width:0}
.v8-control-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #c7cbe2;border-radius:9px;background:#fff;color:#59627f;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
.v8-control-button:first-child{background:linear-gradient(135deg,#ef567d,#d84873);border-color:#e45b7d;color:#fff}
.v8-control-button:hover{border-color:#7772db;color:#5d54c7;background:#f6f5ff;transform:translateY(-1px)}
.v8-control-button:focus-visible,.v8-speed input:focus-visible,.v8-view-button:focus-visible{outline:2px solid #7772db;outline-offset:2px}
.v8-control-button svg{width:16px;height:16px;stroke-width:1.8}
.v8-speed{display:grid;grid-template-columns:auto minmax(72px,1fr) auto;align-items:center;gap:8px;color:#707894;font-size:9px;white-space:nowrap}
.v8-speed output{min-width:38px;color:#36405f;font-weight:750;text-align:right;font-variant-numeric:tabular-nums}
.v8-speed input{appearance:none;display:block;width:100%;height:16px;margin:0;background:transparent;cursor:pointer;accent-color:#6e68da}
.v8-speed input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#d8d9eb}
.v8-speed input::-webkit-slider-thumb{appearance:none;width:11px;height:14px;margin-top:-5px;border:2px solid #fff;border-radius:4px;background:#6e68da;box-shadow:0 1px 4px rgba(74,70,167,.35)}
.v8-speed input::-moz-range-track{height:4px;border-radius:4px;background:#d8d9eb}
.v8-speed input::-moz-range-thumb{width:10px;height:13px;border:2px solid #fff;border-radius:4px;background:#6e68da}
.v8-firing{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;color:#7b8198;font-size:8px;white-space:nowrap}
.v8-firing>span{margin-right:2px}
.v8-fire-sequence{display:flex;align-items:center;gap:4px;min-width:0}
.v8-fire-node{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid #b9bed4;border-radius:50%;background:#fff;color:#626b86;font:650 9px/1 Arial,sans-serif;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.v8-fire-node.active{border-color:#776dde;color:#5a51c5;transform:translateY(-1px);box-shadow:0 0 0 3px rgba(119,109,222,.12)}
.v8-fire-node.firing{border-color:#e45b7d;background:#e45b7d;color:#fff}
.v8-phase{min-width:77px;margin-left:7px;color:#353e5c;font-weight:700;text-align:right}
.v8-loading,.v8-fallback{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:rgba(231,234,251,.82);color:#5e6687;font-size:11px;transition:opacity .25s ease,visibility .25s ease}
.v8-engine-host[data-engine-state=ready] .v8-loading{opacity:0;visibility:hidden;pointer-events:none}
.v8-fallback[hidden]{display:none}
.v8-engine-host[data-v8-view=exploded] .v8-meaning-panel{border-color:rgba(234,158,86,.42)}
.v8-engine-host[data-v8-view=section] .v8-meaning-panel{border-color:rgba(80,184,190,.45)}
@keyframes v8-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.reduced-motion .v8-control-button,.reduced-motion .v8-fire-node,.reduced-motion .v8-view-button{transition:none}
.reduced-motion .v8-meaning-panel{animation:none}
@media(max-width:1100px){.v8-showcase{height:590px}.v8-meaning-panel{right:18px;width:218px}.v8-view-switcher{right:18px}.v8-status{right:18px}.v8-footer{left:16px;right:16px;grid-template-columns:minmax(245px,.8fr) minmax(0,1fr)}}
@media(max-width:740px){.v8-showcase{height:540px;border-radius:17px}.v8-scene-heading{top:15px;left:17px;max-width:calc(100% - 34px)}.v8-scene-heading::before{width:34px;height:3px}.v8-scene-heading h2{font-size:20px;line-height:1.12}.v8-scene-heading p{max-width:245px;font-size:8px}.v8-view-switcher{top:103px;left:12px;right:12px;justify-content:space-between;padding:4px}.v8-view-label{padding:0 5px;font-size:8px}.v8-view-button{flex:1;justify-content:center;min-height:29px;padding:5px 4px;font-size:8px}.v8-view-button svg{width:13px;height:13px}.v8-view-button small{display:none}.v8-status{top:144px;right:16px;padding:6px 8px}.v8-status span{display:none}.v8-meaning-panel{top:170px;bottom:auto;left:16px;right:16px;width:auto;padding:10px 12px;border-radius:11px;background:rgba(250,251,255,.78)}.v8-meaning-kicker{font-size:7px}.v8-meaning-panel h3{margin:6px 0 3px;font-size:13px}.v8-meaning-panel p{font-size:9px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.v8-capability-list{display:none}.v8-spec-strip{left:16px;bottom:133px;transform:none;border-radius:9px}.v8-spec-strip>span{min-width:60px;padding:6px 8px}.v8-spec-strip b{font-size:14px}.v8-spec-strip small{font-size:7px}.v8-footer{left:10px;right:10px;bottom:10px;grid-template-columns:1fr;gap:7px;padding:8px 9px;border-radius:11px}.v8-controls{grid-template-columns:33px minmax(0,1fr) 33px;gap:7px}.v8-control-button{width:33px;height:33px;border-radius:8px}.v8-firing{justify-content:space-between;gap:5px}.v8-firing>span{display:none}.v8-fire-sequence{gap:3px}.v8-fire-node{width:20px;height:20px;flex-basis:20px;font-size:8px}.v8-phase{min-width:65px;margin-left:3px;font-size:8px}.v8-loading,.v8-fallback{font-size:10px}}
@media(max-width:390px){.v8-showcase{height:520px}.v8-meaning-panel{top:174px}.v8-spec-strip{bottom:128px}.v8-fire-node{width:18px;height:18px;flex-basis:18px}.v8-phase{min-width:57px}.v8-firing{gap:3px}}
@media(max-width:340px){.v8-showcase{height:500px}.v8-meaning-panel{left:12px;right:12px}.v8-spec-strip{left:12px}.v8-view-button{font-size:7px}.v8-view-label{font-size:7px}.v8-fire-node{width:17px;height:17px;flex-basis:17px}}

.science-lab,
.science-lab-host {
  --lab-ink: #303852;
  --lab-muted: #68728a;
  --lab-line: rgba(91, 107, 158, 0.18);
  --lab-blue: #5577e7;
  --lab-purple: #8b62cd;
  --lab-pink: #d86d9d;
  --lab-green: #3c9a7b;
  --lab-warm: #d79451;
  margin: 28px 0 32px;
  padding: 26px;
  overflow: hidden;
  color: var(--lab-ink);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(247, 249, 255, 0.98), rgba(255, 248, 253, 0.94) 56%, rgba(245, 252, 249, 0.96));
  box-shadow: 0 18px 50px rgba(72, 82, 137, 0.09);
}

.science-lab,
.science-lab *,
.science-lab-host,
.science-lab-host * {
  min-width: 0;
}

.science-lab-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 20px;
}

.science-lab-heading {
  max-width: 760px;
}

.science-lab-heading .eyebrow {
  color: var(--lab-purple);
}

.science-lab-heading h2 {
  margin: 6px 0 7px;
  font-size: 24px;
  line-height: 1.45;
  color: var(--lab-ink);
}

.science-lab-heading p {
  color: var(--lab-muted);
  font-size: 13px;
  line-height: 1.9;
}

.science-lab-meta {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  max-width: 330px;
}

.science-lab-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 4px 9px;
  color: #5b6480;
  font-size: 10px;
  line-height: 1.55;
  white-space: normal;
  border: 1px solid rgba(104, 119, 169, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.science-lab-meta svg {
  width: 14px;
  height: 14px;
}

.science-lab-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid var(--lab-line);
  border-radius: 13px;
  background: rgba(238, 241, 252, 0.76);
}

.science-lab-tab {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 54px;
  padding: 8px 11px;
  text-align: left;
  color: #6b748b;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
}

.science-lab-tab > svg,
.science-lab-tab > span:first-child {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 6px;
  color: var(--lab-blue);
  border-radius: 8px;
  background: rgba(85, 119, 231, 0.1);
}

.science-lab-tab:nth-child(2) > svg,
.science-lab-tab:nth-child(2) > span:first-child {
  color: var(--lab-pink);
  background: rgba(216, 109, 157, 0.1);
}

.science-lab-tab:nth-child(3) > svg,
.science-lab-tab:nth-child(3) > span:first-child {
  color: var(--lab-green);
  background: rgba(60, 154, 123, 0.1);
}

.science-lab-tab-icon svg {
  width: 16px;
  height: 16px;
}

.science-lab-tab strong,
.science-lab-tab small,
.science-lab-tab em {
  display: block;
  overflow-wrap: anywhere;
}

.science-lab-tab strong {
  color: #48526d;
  font-size: 12px;
  line-height: 1.55;
}

.science-lab-tab small {
  margin-bottom: 1px;
  color: #818aa0;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.55;
}

.science-lab-tab em {
  margin-top: 2px;
  color: #7b859d;
  font-size: 9px;
  font-style: normal;
  line-height: 1.55;
}

.science-lab-tab:hover {
  border-color: rgba(89, 112, 191, 0.18);
  background: rgba(255, 255, 255, 0.62);
}

.science-lab-tab.active,
.science-lab-tab.is-active,
.science-lab-tab[aria-selected="true"] {
  color: var(--lab-ink);
  border-color: rgba(104, 118, 178, 0.2);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 7px 18px rgba(64, 78, 135, 0.09);
}

.science-lab-tab:focus-visible,
.science-lab-view:focus-visible,
.science-lab-action:focus-visible,
.science-lab-scrubber:focus-visible {
  outline: 3px solid rgba(91, 123, 229, 0.34);
  outline-offset: 2px;
}

.science-lab-body {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(270px, 0.7fr);
  gap: 22px;
  align-items: stretch;
}

.science-lab-stage {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(78, 91, 143, 0.2);
  border-radius: 18px;
  background: #11172b;
  box-shadow: 0 13px 32px rgba(25, 32, 72, 0.15);
}

.science-lab-canvas-wrap {
  position: relative;
  isolation: isolate;
  height: clamp(390px, 40vw, 560px);
  min-height: 390px;
  overflow: hidden;
  background:
    linear-gradient(rgba(126, 144, 211, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126, 144, 211, 0.07) 1px, transparent 1px),
    radial-gradient(circle at 48% 42%, #202b51 0, #131a32 54%, #0d1224 100%);
  background-size: 38px 38px, 38px 38px, auto;
}

.science-lab-canvas-wrap::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 -55px 70px rgba(7, 11, 25, 0.2);
}

.science-lab-canvas {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
}

.science-lab-scene-top {
  position: absolute;
  z-index: 3;
  top: 14px;
  right: 14px;
  left: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  pointer-events: none;
}

.science-lab-scene-top > * {
  max-width: min(72%, 430px);
}

.science-lab-progress-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 5px 9px;
  color: #e8edff;
  font-size: 10px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  border: 1px solid rgba(207, 218, 255, 0.2);
  border-radius: 8px;
  background: rgba(17, 23, 45, 0.72);
  box-shadow: 0 6px 18px rgba(4, 8, 22, 0.14);
  backdrop-filter: blur(10px);
}

.science-lab-progress-badge::before {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  content: "";
  border-radius: 50%;
  background: #79ddb8;
  box-shadow: 0 0 0 4px rgba(121, 221, 184, 0.12);
}

.science-lab-scene-top .science-lab-stage-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: min(68%, 420px);
  min-height: 28px;
  margin: 0;
  padding: 5px 9px;
  color: #dfe7ff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.6;
  overflow-wrap: anywhere;
  border: 1px solid rgba(207, 218, 255, 0.2);
  border-radius: 8px;
  background: rgba(17, 23, 45, 0.72);
  box-shadow: 0 6px 18px rgba(4, 8, 22, 0.14);
  backdrop-filter: blur(10px);
}

.science-lab-scene-top .science-lab-stage-label::after {
  display: none;
}

.science-lab-scene-top .science-lab-stage-label i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #91a8ff;
  box-shadow: 0 0 0 4px rgba(145, 168, 255, 0.12);
}

.science-lab-scene-top .science-lab-stage-label b,
.science-lab-progress-badge b,
.science-lab-progress-badge span {
  font-size: inherit;
  line-height: inherit;
}

.science-lab-progress-badge span {
  color: #aebada;
}

.science-lab-loading,
.science-lab-fallback {
  position: absolute;
  z-index: 4;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 12px;
  padding: 30px;
  text-align: center;
  color: #dfe7ff;
  font-size: 12px;
  line-height: 1.8;
  background: rgba(13, 18, 36, 0.86);
}

.science-lab-loading[hidden],
.science-lab-fallback[hidden] {
  display: none;
}

#science-lab-host[data-science-lab-state="ready"] .science-lab-loading,
#science-lab-host[data-science-lab-state="destroyed"] .science-lab-loading {
  display: none;
}

#science-lab-host[data-science-lab-state="error"] .science-lab-loading {
  display: none;
}

#science-lab-host[data-science-lab-state="error"] .science-lab-fallback:not([hidden]) {
  display: grid;
}

#science-lab-host[data-science-lab-running="true"] [data-science-icon="play"] {
  display: none;
}

#science-lab-host[data-science-lab-running="true"] [data-science-icon="pause"] {
  display: inline-flex !important;
}

#science-lab-host[data-science-lab-running="false"] [data-science-icon="pause"] {
  display: none !important;
}

.science-lab-loading > span {
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  border: 2px solid rgba(207, 219, 255, 0.2);
  border-top-color: #8ba4ff;
  border-radius: 50%;
  animation: scienceLabSpin 0.9s linear infinite;
}

.science-lab-toolbar {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(230px, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 11px 13px;
  border-top: 1px solid rgba(183, 198, 250, 0.14);
  background: #171e37;
}

.science-lab-views,
.science-lab-transport {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.science-lab-transport {
  display: grid;
  grid-template-columns: 34px minmax(120px, 1fr) 34px;
  justify-content: flex-end;
}

.science-lab-view,
.science-lab-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 10px;
  color: #cad4f3;
  font-size: 10px;
  line-height: 1.45;
  white-space: normal;
  border: 1px solid rgba(188, 203, 255, 0.15);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

.science-lab-view svg,
.science-lab-action svg {
  width: 14px;
  height: 14px;
}

.science-lab-view:hover,
.science-lab-action:hover {
  color: #fff;
  border-color: rgba(168, 188, 255, 0.32);
  background: rgba(135, 157, 229, 0.13);
}

.science-lab-view.active,
.science-lab-view.is-active,
.science-lab-view[aria-pressed="true"],
.science-lab-action.active,
.science-lab-action.is-active,
.science-lab-action[aria-pressed="true"] {
  color: #fff;
  border-color: rgba(143, 167, 255, 0.42);
  background: rgba(101, 129, 224, 0.26);
}

.science-lab-scrubber {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 120px;
  margin: 0;
}

.science-lab-scrubber:focus-within {
  border-radius: 6px;
  outline: 3px solid rgba(91, 123, 229, 0.34);
  outline-offset: 2px;
}

.science-lab-scrubber input {
  width: 100%;
  height: 20px;
  margin: 0;
  cursor: pointer;
  accent-color: #839cff;
}

.science-lab-scrubber input::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 99px;
  background: rgba(190, 204, 248, 0.2);
}

.science-lab-scrubber input::-webkit-slider-thumb {
  width: 15px;
  height: 15px;
  margin-top: -5px;
  border: 3px solid #eef2ff;
  border-radius: 50%;
  background: #6f89ea;
  box-shadow: 0 2px 8px rgba(3, 7, 22, 0.35);
  -webkit-appearance: none;
}

.science-lab-scrubber input::-moz-range-track {
  height: 4px;
  border: 0;
  border-radius: 99px;
  background: rgba(190, 204, 248, 0.2);
}

.science-lab-scrubber input::-moz-range-thumb {
  width: 11px;
  height: 11px;
  border: 3px solid #eef2ff;
  border-radius: 50%;
  background: #6f89ea;
}

.science-lab-explain {
  display: flex;
  flex-direction: column;
  padding: 5px 1px 3px 0;
}

.science-lab-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 3px 8px;
  color: #7251a2;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.6;
  text-transform: uppercase;
  border-radius: 7px;
  background: rgba(139, 98, 205, 0.1);
}

.science-lab-title {
  margin: 12px 0 9px;
  color: #39425e;
  font-size: 20px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.science-lab-description {
  color: #657087;
  font-size: 12px;
  line-height: 1.95;
}

.science-lab-stage-label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 20px 0 10px;
  color: #66718a;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.6;
}

.science-lab-stage-label::after {
  height: 1px;
  flex: 1 1 auto;
  content: "";
  background: var(--lab-line);
}

.science-lab-steps {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: science-lab-step;
}

.science-lab-step {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 7px 8px;
  color: #657087;
  font-size: 11px;
  line-height: 1.72;
  border-left: 2px solid rgba(92, 115, 193, 0.18);
  counter-increment: science-lab-step;
}

.science-lab-step::before {
  display: none;
  content: "";
}

.science-lab-step > b {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #627ad0;
  font-size: 9px;
  font-weight: 700;
  border-radius: 7px;
  background: rgba(85, 119, 231, 0.1);
}

.science-lab-step > em {
  padding-top: 1px;
  font-size: inherit;
  font-style: normal;
  line-height: inherit;
}

.science-lab-step.active,
.science-lab-step.is-active,
.science-lab-step[aria-current="step"] {
  color: #414d6c;
  border-left-color: var(--lab-blue);
  background: rgba(85, 119, 231, 0.055);
}

.science-lab-step.complete,
.science-lab-step[data-step-state="complete"] {
  color: #648175;
  border-left-color: rgba(60, 154, 123, 0.46);
}

.science-lab-step.complete > b,
.science-lab-step[data-step-state="complete"] > b {
  color: #397a64;
  background: rgba(60, 154, 123, 0.12);
}

.science-lab-takeaway {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 18px;
  padding: 13px 14px;
  color: #4e6f64;
  font-size: 11px;
  line-height: 1.85;
  border-left: 3px solid #68b496;
  border-radius: 9px;
  background: rgba(229, 245, 239, 0.78);
}

.science-lab-takeaway > svg {
  width: 17px;
  height: 17px;
  margin-top: 2px;
  flex: 0 0 auto;
  color: #429174;
}

.science-lab-takeaway p {
  font-size: inherit;
  line-height: inherit;
}

.science-lab-takeaway strong {
  display: block;
  margin-bottom: 3px;
  color: #39715e;
  font-size: 10px;
}

.science-lab-detail {
  margin-top: 14px;
  padding-top: 13px;
  color: #727b91;
  font-size: 10px;
  line-height: 1.85;
  border-top: 1px solid var(--lab-line);
}

.science-lab-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  color: #81748b;
  font-size: 9px;
  line-height: 1.8;
}

.science-lab-disclaimer::before {
  display: none;
  content: "";
}

.science-lab-disclaimer > svg {
  width: 15px;
  height: 15px;
  margin-top: 2px;
  flex: 0 0 auto;
  color: var(--lab-pink);
}

.science-lab-disclaimer p {
  font-size: inherit;
  line-height: inherit;
}

.science-lab-tabs,
.science-lab-steps,
.science-lab-detail {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.science-lab-tabs::-webkit-scrollbar,
.science-lab-steps::-webkit-scrollbar,
.science-lab-detail::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@keyframes scienceLabSpin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1180px) {
  .science-lab-body {
    grid-template-columns: minmax(0, 1.35fr) minmax(245px, 0.65fr);
    gap: 17px;
  }

  .science-lab-canvas-wrap {
    height: clamp(370px, 43vw, 500px);
    min-height: 370px;
  }

  .science-lab-toolbar {
    grid-template-columns: minmax(0, auto) minmax(210px, 1fr);
  }
}

@media (max-width: 900px) {
  .science-lab {
    padding: 21px;
  }

  .science-lab-head {
    gap: 14px;
  }

  .science-lab-meta {
    max-width: 245px;
  }

  .science-lab-tab {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 7px;
    min-height: 58px;
    padding: 8px;
  }

  .science-lab-tab > svg,
  .science-lab-tab > span:first-child {
    width: 26px;
    height: 26px;
    padding: 5px;
  }

  .science-lab-body {
    grid-template-columns: 1fr;
  }

  .science-lab-canvas-wrap {
    height: clamp(380px, 57vw, 520px);
  }

  .science-lab-explain {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
    column-gap: 24px;
  }

  .science-lab-kicker,
  .science-lab-title,
  .science-lab-description {
    grid-column: 1;
  }

  .science-lab-stage-label,
  .science-lab-steps {
    grid-column: 2;
  }

  .science-lab-stage-label {
    grid-row: 1;
    margin-top: 2px;
  }

  .science-lab-steps {
    grid-row: 2 / span 3;
  }

  .science-lab-takeaway,
  .science-lab-detail,
  .science-lab-disclaimer {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .science-lab {
    margin: 21px 0 25px;
    padding: 16px;
    border-radius: 18px;
  }

  .science-lab-head {
    display: block;
    margin-bottom: 15px;
  }

  .science-lab-heading h2 {
    font-size: 20px;
  }

  .science-lab-heading p {
    font-size: 12px;
  }

  .science-lab-meta {
    justify-content: flex-start;
    max-width: none;
    margin-top: 12px;
  }

  .science-lab-tabs {
    display: flex;
    gap: 7px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 6px 16px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .science-lab-tab {
    grid-template-columns: 25px minmax(0, 1fr);
    width: min(78vw, 235px);
    min-width: min(78vw, 235px);
    min-height: 54px;
    flex: 0 0 auto;
    scroll-snap-align: center;
    background: rgba(255, 255, 255, 0.56);
  }

  .science-lab-tab small {
    font-size: 8px;
  }

  .science-lab-stage {
    border-radius: 14px;
  }

  .science-lab-canvas-wrap {
    height: clamp(330px, 92vw, 430px);
    min-height: 330px;
  }

  .science-lab-scene-top {
    top: 10px;
    right: 10px;
    left: 10px;
  }

  .science-lab-scene-top > * {
    max-width: 82%;
  }

  .science-lab-toolbar {
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 10px;
  }

  .science-lab-views,
  .science-lab-transport {
    justify-content: flex-start;
  }

  .science-lab-transport {
    grid-template-columns: 36px minmax(0, 1fr) 36px;
  }

  .science-lab-scrubber {
    min-width: 0;
  }

  .science-lab-view {
    flex: 1 1 auto;
    min-height: 36px;
  }

  .science-lab-action {
    width: 36px;
    min-height: 36px;
    padding: 7px;
  }

  .science-lab-explain {
    display: flex;
    flex-direction: column;
    padding: 2px 1px 0;
  }

  .science-lab-title {
    font-size: 19px;
  }

  .science-lab-description {
    font-size: 12px;
  }

  .science-lab-stage-label {
    margin-top: 18px;
  }

  .science-lab-disclaimer {
    margin-top: 14px;
  }
}

@media (max-width: 390px) {
  .science-lab {
    padding: 13px;
  }

  .science-lab-tabs {
    margin-right: -13px;
    margin-left: -13px;
    padding-right: 13px;
    padding-left: 13px;
  }

  .science-lab-canvas-wrap {
    height: 320px;
    min-height: 320px;
  }

  .science-lab-meta > span {
    flex: 1 1 auto;
    justify-content: center;
  }

  .science-lab-view,
  .science-lab-action {
    padding-right: 7px;
    padding-left: 7px;
    font-size: 9px;
  }
}

/* On split layouts the explanation sets the row height and the canvas fills it. */
@media (min-width: 901px) {
  .science-lab-canvas-wrap {
    flex: 1 1 auto;
    height: auto;
  }
}

body.dark-mode :is(.science-lab, .science-lab-host),
body[data-theme="dark"] :is(.science-lab, .science-lab-host),
.theme-dark :is(.science-lab, .science-lab-host) {
  --lab-ink: #eef2ff;
  --lab-muted: #b1bad0;
  --lab-line: rgba(183, 198, 240, 0.17);
  color: var(--lab-ink);
  border-color: rgba(180, 194, 235, 0.14);
  background: linear-gradient(135deg, rgba(31, 38, 65, 0.98), rgba(42, 34, 59, 0.97) 58%, rgba(28, 47, 48, 0.97));
  box-shadow: 0 18px 50px rgba(3, 6, 18, 0.28);
}

body.dark-mode .science-lab-heading h2,
body.dark-mode .science-lab-title,
body[data-theme="dark"] .science-lab-heading h2,
body[data-theme="dark"] .science-lab-title,
.theme-dark .science-lab-heading h2,
.theme-dark .science-lab-title {
  color: #eef2ff;
}

body.dark-mode .science-lab-heading p,
body.dark-mode .science-lab-description,
body[data-theme="dark"] .science-lab-heading p,
body[data-theme="dark"] .science-lab-description,
.theme-dark .science-lab-heading p,
.theme-dark .science-lab-description {
  color: #b1bad0;
}

body.dark-mode .science-lab-tabs,
body[data-theme="dark"] .science-lab-tabs,
.theme-dark .science-lab-tabs {
  background: rgba(16, 22, 42, 0.52);
}

body.dark-mode .science-lab-tab strong,
body[data-theme="dark"] .science-lab-tab strong,
.theme-dark .science-lab-tab strong {
  color: #dce4fa;
}

body.dark-mode .science-lab-tab small,
body[data-theme="dark"] .science-lab-tab small,
.theme-dark .science-lab-tab small {
  color: #aab5d0;
}

body.dark-mode .science-lab-tab.active,
body.dark-mode .science-lab-tab[aria-selected="true"],
body[data-theme="dark"] .science-lab-tab.active,
body[data-theme="dark"] .science-lab-tab[aria-selected="true"],
.theme-dark .science-lab-tab.active,
.theme-dark .science-lab-tab[aria-selected="true"] {
  background: rgba(112, 132, 195, 0.18);
}

body.dark-mode .science-lab-takeaway,
body[data-theme="dark"] .science-lab-takeaway,
.theme-dark .science-lab-takeaway {
  color: #b9ddcf;
  background: rgba(57, 127, 103, 0.15);
}

body.dark-mode .science-lab-takeaway strong,
body[data-theme="dark"] .science-lab-takeaway strong,
.theme-dark .science-lab-takeaway strong {
  color: #8fd1b8;
}

.reduced-motion :is(.science-lab, .science-lab-host) *,
.reduced-motion :is(.science-lab, .science-lab-host) *::before,
.reduced-motion :is(.science-lab, .science-lab-host) *::after {
  scroll-behavior: auto !important;
  animation: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  :is(.science-lab, .science-lab-host) *,
  :is(.science-lab, .science-lab-host) *::before,
  :is(.science-lab, .science-lab-host) *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}

@media print {
  .science-lab {
    color: #252a36;
    border: 1px solid #cfd3df;
    background: #fff;
    box-shadow: none;
    break-inside: avoid;
  }

  .science-lab-tabs,
  .science-lab-toolbar {
    display: none;
  }

  .science-lab-body {
    grid-template-columns: 1.35fr 0.65fr;
  }

  .science-lab-canvas-wrap {
    height: 380px;
    min-height: 380px;
  }
}

/* Instructor notebooks: A4 proportions, quiet paper texture and a colored spine. */
.notes-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 3px 27px}.notes-intro h1{font-size:30px}.notes-intro h1>span:last-child{font-weight:450;font-size:24px;color:#6d6484}.notes-title-mark{color:#b5a6d1;font-weight:300;margin:0 7px}.notes-intro p{font-size:13px;color:#677087;margin-top:11px}.notes-actions{display:flex;gap:9px;flex-shrink:0}.notes-library{padding:27px 29px}.notes-library-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.notes-shelf-label{font-size:18px;font-weight:650;color:#30364e}.notes-library-heading p{display:inline-block;margin-left:18px;color:#788198;font-size:12px}.notes-filters{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:20px;border-bottom:1px solid #eeeaf4}.notes-filters button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #e5e1ee;border-radius:10px;font-size:12px;color:#657187;background:#fff}.notes-filters button i{width:7px;height:7px;background:var(--note-accent);border-radius:50%}.notes-filters button span{font-size:10px;color:#7f8696}.notes-filters button[aria-pressed=true]{background:#eeeafb;border-color:#bdb0e0;color:#5d45a3;font-weight:600}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 27px}.notes-toolbar .input-search{width:min(360px,50%);background:#faf9fd}.notes-toolbar input{width:100%;min-width:0}.notes-selects{display:flex;gap:17px}.notes-selects label{display:flex;align-items:center;gap:8px;font-size:11px;color:#7a8093}.notes-selects select{padding:9px 26px 9px 10px;border:1px solid #e8e3f0;border-radius:8px;background:white;color:#505971;font-size:12px}.notebook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 27px}.notebook-item{min-width:0;animation:noteArrive .35s ease both}.note-open{width:100%;display:block;padding:0;text-align:left;background:none;border:0;perspective:1100px;cursor:pointer}.note-cover{position:relative;display:flex;flex-direction:column;aspect-ratio:210/297;width:100%;padding:22px 19px 20px 26px;border-radius:3px 12px 12px 3px;border:1px solid #e6e2da;box-shadow:3px 3px 0 #e6e1d9,6px 6px 0 #f4f0e8,7px 8px 0 #dedbd4,0 14px 24px #51496c12;background:linear-gradient(125deg,#fffefa,#faf7f1);color:#33384d;overflow:hidden;transform-origin:left center;transition:transform .32s ease,box-shadow .32s ease;isolation:isolate}.note-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,color-mix(in srgb,var(--note-accent) 9%,transparent),transparent 55%);z-index:-1}.cover-spine{position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--note-accent);box-shadow:2px 0 5px #48425e1a}.cover-top{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #d9d7df;padding-bottom:13px;font-size:9px;letter-spacing:.3px;color:#6b697d}.cover-top>span:last-child{font-size:6px;letter-spacing:1px}.cover-category{display:flex;align-items:center;gap:6px;margin:17px 0 15px;font-size:10px;color:var(--note-accent);font-weight:650}.cover-category svg{width:14px;height:14px}.cover-title{font-size:21px;line-height:1.55;font-weight:700;white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow-wrap:anywhere;letter-spacing:-.3px}.cover-summary{font-size:10px;color:#686779;line-height:1.85;margin-top:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cover-emblem{margin:auto 0 10px;color:var(--note-accent);opacity:.2;align-self:flex-end}.cover-emblem svg{width:49px;height:49px;stroke-width:.8}.cover-bottom{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #dedce1;padding-top:11px;font-size:10px;gap:10px}.cover-bottom small{display:block;font-size:7px;color:#7b7586;margin-top:5px;font-weight:400;line-height:1.5}.cover-edition{text-align:right;font-size:18px;color:var(--note-accent);font-family:Georgia,serif}.cover-edition small{font-family:"Segoe UI",sans-serif;font-size:7px;letter-spacing:.3px}.note-open:hover .note-cover{transform:rotateY(-6deg) translateY(-5px);box-shadow:3px 3px 0 #e6e1d9,6px 6px 0 #f4f0e8,7px 8px 0 #dedbd4,7px 20px 25px #51496c25}.note-open:focus-visible{outline:3px solid #7c63c9;outline-offset:8px;border-radius:8px}.notebook-meta{display:flex;align-items:center;gap:9px;margin:18px 0 5px;min-height:26px}.notebook-meta .icon-button{margin-left:auto;width:27px;height:27px}.notebook-meta svg{width:14px;height:14px}.note-state{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:10px;background:#f1eef9;color:#75649b}.note-state::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.state-published{background:#e9f5ef;color:#39735e}.state-archived{background:#eceff3;color:#5d6577}.note-fresh{font-size:9px;color:#8a75a6}.notebook-item>time{display:block;font-size:11px;color:#6e7289;margin-top:6px}.note-code{display:block;font-family:ui-monospace,Consolas,monospace;font-size:9px;color:#878698;overflow-wrap:anywhere;margin-top:7px}.notes-pagination{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#717a8b;margin:32px 0 4px;gap:15px}.notes-pagination>div{display:flex;gap:8px}.notes-library-foot{display:flex;align-items:center;gap:7px;font-size:11px;color:#797288;margin-top:26px;padding-top:18px;border-top:1px solid #eee8f4;line-height:1.8}.notes-library-foot svg{width:14px;flex-shrink:0}.notes-empty{text-align:center;padding:65px 25px;color:#697288}.notes-empty h2{font-size:21px;color:#4d4d67}.notes-empty p{margin:12px 0 20px}.notes-welcome{display:grid;grid-template-columns:230px minmax(0,1fr);gap:58px;align-items:center;padding:25px 35px 40px;max-width:880px;margin:auto}.notes-welcome h2{font-size:26px;line-height:1.6;margin:17px 0 10px;max-width:320px}.notes-welcome p{font-size:14px;color:#6e7087;line-height:2;margin-bottom:23px}.notes-welcome small{display:block;font-size:11px;color:#7d758c;margin-top:16px;line-height:1.8}.welcome-book{transform:rotate(-3deg)}.welcome-book .cover-title{font-size:27px}.welcome-book:disabled{opacity:1;cursor:default}
.note-dialog{width:min(1220px,calc(100vw - 44px));max-width:calc(100vw - 24px);max-height:93vh;padding:0;background:#f4f1f8;border:1px solid #fff;border-radius:18px;overflow:auto}.note-dialog-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;background:#fffefaee;backdrop-filter:blur(16px);border-bottom:1px solid #e6e1ed}.note-dialog-bar>div:last-child{display:flex;align-items:center;gap:9px}.note-dialog-bar>div:first-child{min-width:0}.note-dialog-bar span{font-size:9px;color:#82778f;letter-spacing:.6px}.note-dialog-bar h2{font-size:16px;line-height:1.6;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:580px}.note-dialog-bar .icon-button{flex-shrink:0}.note-reader-layout{padding:34px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:35px;align-items:start}.note-reader-cover{position:sticky;top:116px}.note-reader-cover .note-cover{width:210px}.note-reader-cover dl{margin-top:26px;display:grid;grid-template-columns:70px 1fr;gap:12px 8px;font-size:10px;line-height:1.8}.note-reader-cover dt{color:#8a7e95}.note-reader-cover dd{margin:0;overflow-wrap:anywhere;color:#625671}.note-a4-page{background:#fffefa;min-height:900px;min-width:0;max-width:794px;padding:43px 49px 30px;border:1px solid #ebe6dd;box-shadow:0 8px 22px #5a49600a;border-radius:2px;animation:notePageTurn .36s ease both}.note-a4-page>header{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1px;color:#7c7b84;padding-bottom:18px;border-bottom:1px solid #dedbd9}.note-page-kicker{margin:30px 0 14px;color:var(--note-accent);font-size:11px;font-weight:650}.note-a4-page h1{font-size:30px;font-weight:700;color:#313549;line-height:1.6;letter-spacing:0;overflow-wrap:anywhere}.note-page-summary{margin-top:14px;font-size:14px;line-height:1.9;color:#6a6576}.note-page-byline{font-size:11px;color:#878190;margin:22px 0 32px;padding-bottom:24px;border-bottom:1px solid #ece5de;line-height:1.8}.note-markdown{font-size:14px;line-height:1.95;color:#444255;overflow-wrap:anywhere}.note-markdown p{line-height:1.95;margin:14px 0}.note-markdown h2{font-size:23px;line-height:1.7;margin:34px 0 14px;color:#33394e}.note-markdown h3{font-size:19px;line-height:1.7;margin:29px 0 12px;color:#45415b}.note-markdown h4{font-size:16px;margin:22px 0 10px;color:#57516a}.note-markdown ul,.note-markdown ol{padding-left:24px;margin:13px 0 18px}.note-markdown li{margin:7px 0;padding-left:2px}.note-markdown a{color:#526bb3;text-decoration:underline;text-underline-offset:3px}.note-markdown code{padding:2px 5px;border-radius:4px;color:#5e4383;background:#f1ebf7;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.note-markdown pre{padding:20px;border:1px solid #e6dfea;border-radius:9px;background:#f6f2f8;white-space:pre-wrap;word-break:break-word;margin:18px 0}.note-markdown pre code{padding:0;background:none;color:#48445d;font-size:12px;line-height:1.8}.note-markdown blockquote{border-left:3px solid #b3a1ce;padding:12px 19px;margin:18px 0;background:#f5f0fa;color:#6c5b7f}.note-placeholder{color:#8a7e91}.note-a4-page>footer{display:flex;justify-content:space-between;gap:15px;margin-top:50px;padding-top:18px;border-top:1px solid #e4ded7;font-size:9px;color:#8b8492;overflow-wrap:anywhere}.note-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px;padding:26px 30px 30px}.note-editor-topline{display:flex;align-items:center;gap:11px;margin-bottom:23px;font-size:11px;color:#7a7189}.note-editor-fields>label,.note-editor-two label,.note-content-heading label{display:block;font-size:13px;color:#4d445f;font-weight:600;margin-bottom:9px}.note-editor-fields label small{font-size:10px;color:#85798e;font-weight:400;margin-left:8px}.note-editor-fields input,.note-editor-fields select,.note-editor-fields textarea{display:block;width:100%;font:inherit;font-size:13px;color:#403b4f;line-height:1.8;border:1px solid #dad2e4;background:#fff;border-radius:9px;padding:11px 13px;margin:0 0 20px}.note-editor-fields textarea{resize:vertical}.note-editor-fields input:focus,.note-editor-fields textarea:focus,.note-category-form input:focus{outline:2px solid #c7b8e7;outline-offset:2px;border-color:#9278c1}.note-editor-two{display:grid;grid-template-columns:1fr 1fr;gap:23px}.note-theme-options{display:flex;gap:9px;padding-top:6px}.note-theme-options button{width:25px;height:25px;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px transparent;color:white;display:grid;place-items:center}.note-theme-options button[aria-pressed=true]{box-shadow:0 0 0 2px #9282ae}.note-theme-options svg{width:12px;height:12px}.note-content-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.note-content-heading>div{display:flex;align-items:center;gap:16px;margin-bottom:9px}.note-content-heading .text-link{font-size:11px}.note-content-heading .text-link svg{width:13px}.note-editor-fields #note-content{font-family:"Segoe UI","Microsoft YaHei",sans-serif;min-height:360px;line-height:1.95}.note-format-help{font-size:11px;color:#796c89;margin-top:-9px;line-height:1.9}.note-format-help summary{cursor:pointer}.note-format-help p{margin-top:9px}.note-editor-preview{position:sticky;top:118px;align-self:start}.note-editor-preview .eyebrow{margin-bottom:16px;font-size:9px}.note-editor-preview>p{font-size:11px;color:#7b738a;line-height:1.9;margin-top:25px}.note-editor-tip{font-size:11px;color:#776787;line-height:1.9;border-top:1px solid #e5ddec;padding-top:18px;margin-top:18px}.note-editor-tip svg{width:15px;height:15px;margin-right:5px;vertical-align:middle}.note-editor-footer{position:sticky;bottom:0;background:#fffefaee;backdrop-filter:blur(16px);border-top:1px solid #e6dfed;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;z-index:4}.note-editor-footer>span{font-size:11px;color:#877c92}.note-editor-footer>div{display:flex;gap:9px}.note-form-error{color:#a42b4b;font-size:13px;line-height:1.8;margin-top:15px;overflow-wrap:anywhere}.note-form-error:empty{display:none}#note-edit-preview{background:#fffefa;border:1px solid #ded7e7;margin-top:20px;padding:20px 26px;border-radius:8px}#note-edit-preview[hidden]{display:none}.note-version-list{padding:25px 30px}.note-version-list>p{font-size:12px;color:#766982;margin-bottom:22px}.note-version-list>button{display:flex;align-items:center;gap:18px;width:100%;padding:17px 20px;margin-bottom:12px;border:1px solid #e0d8eb;background:white;border-radius:12px;text-align:left}.note-version-number{background:#eee7f7;border-radius:9px;padding:13px;color:#74559c;font-size:18px;font-family:Georgia,serif}.note-version-list strong{display:block;font-size:14px;line-height:1.7}.note-version-list small,.note-version-list code{display:block;color:#7a6d89;font-size:11px;margin-top:4px}.note-version-list svg{margin-left:auto;width:16px;color:#7b65a2}.note-mode-history,.note-mode-categories{max-width:800px}.note-category-manager{padding:25px 30px 32px}.note-category-manager>p{font-size:13px;color:#73667d;margin-bottom:22px}.note-category-manager h3{font-size:16px;margin:27px 0 16px}.note-category-form{display:flex;align-items:end;gap:13px;padding:13px 0;border-bottom:1px solid #e5ddec}.note-category-form label{font-size:10px;color:#81718f;flex:1}.note-category-form label:first-child{flex:1.4}.note-category-form input,.note-category-form select{display:block;width:100%;padding:9px 11px;border:1px solid #ded4e8;background:white;border-radius:8px;color:#514160;font-size:12px;margin-top:6px}.note-category-form>span{font-size:10px;color:#8b7a97;padding-bottom:12px;white-space:nowrap}.note-category-form .btn{white-space:nowrap}.note-dialog button:disabled{opacity:.5;cursor:wait}.notes-pagination button:disabled{opacity:.4;cursor:default}@keyframes noteArrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes notePageTurn{from{opacity:.4;transform:perspective(1500px) rotateY(-3deg)}to{opacity:1;transform:none}}
@media(min-width:1600px){.notes-library{padding:30px 34px}.notebook-grid{gap:38px}.cover-title{font-size:25px}.cover-summary{font-size:12px}.cover-category{font-size:12px}.cover-top{font-size:11px}.cover-top>span:last-child{font-size:8px}.cover-bottom{font-size:12px}.cover-bottom small{font-size:9px}}
@media(max-width:1230px){.notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.notes-intro{align-items:flex-start;flex-direction:column;gap:18px}.note-dialog-bar h2{max-width:440px}.notes-welcome{padding:22px 10px;gap:38px}.note-reader-layout{grid-template-columns:180px minmax(0,1fr);gap:25px;padding:26px}.note-reader-cover .note-cover{width:180px}.note-reader-cover .cover-title{font-size:18px}.note-reader-cover .cover-summary{display:none}.note-a4-page{padding:34px 38px}.note-editor-grid{grid-template-columns:minmax(0,1fr) 215px;gap:24px}.note-content-heading{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:950px){.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 26px}.notes-intro h1{font-size:28px}.notes-intro h1>span:last-child{font-size:21px}.notes-library{padding:23px}.notes-toolbar{align-items:stretch;flex-direction:column;gap:14px}.notes-toolbar .input-search{width:100%}.notes-selects{justify-content:flex-end}.notes-welcome{grid-template-columns:190px 1fr;gap:27px}.notes-welcome h2{font-size:22px}.notes-welcome p{font-size:12px}.notes-welcome .cover-title{font-size:22px}.note-reader-layout{display:block;padding:26px}.note-reader-cover{display:none}.note-a4-page{max-width:none;min-height:850px}.note-dialog-bar h2{max-width:350px}.note-editor-grid{grid-template-columns:1fr;padding:25px}.note-editor-preview{position:static;display:none}.note-editor-footer>span{font-size:10px}.notes-library-heading p{display:block;margin:7px 0 0}.note-editor-two{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.notes-intro{margin-bottom:21px}.notes-intro h1{font-size:26px}.notes-intro h1>span:last-child{display:block;font-size:22px;margin-top:8px}.notes-title-mark{display:none}.notes-intro p{font-size:12px;line-height:1.9}.notes-actions{width:100%}.notes-actions .btn{flex:1;justify-content:center;font-size:12px}.notes-library{padding:20px 17px}.notes-library-heading{margin-bottom:17px}.notes-shelf-label{font-size:17px}.notes-library-heading p{font-size:11px}.notes-filters{gap:7px}.notes-filters button{font-size:11px;padding:9px}.notes-filters button span{font-size:9px}.notes-selects{gap:12px;justify-content:space-between}.notes-selects label{font-size:10px}.notes-selects select{font-size:11px;padding:9px}.notebook-grid{gap:28px 19px}.note-cover{padding:14px 12px 13px 18px;border-radius:2px 8px 8px 2px}.cover-spine{width:5px}.cover-top{font-size:8px;padding-bottom:10px}.cover-top>span:last-child{display:none}.cover-category{font-size:9px;margin:12px 0 9px}.cover-category svg{width:11px}.cover-title{font-size:16px;-webkit-line-clamp:3;line-height:1.55}.cover-summary{font-size:9px;margin-top:8px;-webkit-line-clamp:2}.cover-emblem{display:none}.cover-bottom{margin-top:auto;padding-top:8px;font-size:8px}.cover-bottom small{font-size:6px}.cover-edition{font-size:15px}.cover-edition small{font-size:6px}.notebook-item>time{font-size:9px;line-height:1.8}.note-code{font-size:8px;margin-top:4px}.notebook-meta{gap:4px;margin-top:14px}.note-state{font-size:9px;padding:4px 6px}.note-fresh{font-size:8px}.notebook-meta .icon-button{width:21px;height:24px}.notes-library-foot{font-size:10px;align-items:flex-start}.notes-welcome{grid-template-columns:1fr;text-align:center;gap:30px;padding:25px 4px 12px}.welcome-book{width:185px;justify-self:center}.welcome-book .cover-title{font-size:23px;-webkit-line-clamp:4}.welcome-book .cover-summary{font-size:10px}.notes-welcome h2{font-size:23px;margin-top:12px;max-width:none}.notes-welcome p{font-size:12px}.notes-welcome small{font-size:10px}.notes-pagination{font-size:10px;align-items:flex-start}.notes-pagination .btn{font-size:10px;min-height:32px;padding:7px 9px}.note-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:95vh;border-radius:13px}.note-dialog-bar{padding:13px 14px;gap:8px;flex-wrap:wrap}.note-dialog-bar>div:first-child{flex:1;min-width:120px}.note-dialog-bar h2{font-size:14px;max-width:200px}.note-dialog-bar .btn{font-size:10px;padding:8px;min-height:32px}.note-dialog-bar .btn svg{width:12px}.note-dialog-bar>div:last-child{gap:5px;flex-wrap:wrap}.note-dialog-bar .icon-button{width:26px}.note-reader-layout{padding:12px}.note-a4-page{padding:23px 20px;min-height:700px}.note-a4-page>header{font-size:7px;gap:8px}.note-a4-page h1{font-size:25px}.note-page-kicker{margin-top:24px;font-size:10px}.note-page-summary{font-size:12px}.note-page-byline{font-size:10px;margin-bottom:24px}.note-markdown{font-size:13px;line-height:1.95}.note-markdown h2{font-size:21px}.note-markdown h3{font-size:18px}.note-markdown pre{padding:14px}.note-markdown pre code{font-size:11px}.note-a4-page>footer{font-size:8px;flex-direction:column;gap:7px}.note-editor-grid{padding:18px 16px}.note-editor-topline{font-size:10px;gap:8px;line-height:1.8}.note-editor-fields label{font-size:12px}.note-editor-fields label small{font-size:9px;margin-left:4px}.note-editor-two{grid-template-columns:1fr;gap:0}.note-theme-options{padding:6px 0 23px;gap:15px}.note-theme-options button{width:27px;height:27px}.note-content-heading>div{gap:16px}.note-editor-fields #note-content{min-height:360px;font-size:13px}.note-editor-footer{padding:12px 14px;flex-direction:column;align-items:stretch;gap:11px}.note-editor-footer>div{justify-content:flex-end;flex-wrap:wrap;gap:7px}.note-editor-footer .btn{font-size:11px;padding:9px 10px}.note-editor-footer>span{font-size:9px}.note-category-manager{padding:17px}.note-category-manager>p{font-size:12px}.note-category-form{flex-wrap:wrap;gap:10px}.note-category-form label{min-width:110px}.note-category-form>span{flex:1}.note-category-form .btn{font-size:11px}.note-version-list{padding:20px 15px}.note-version-list>button{padding:14px 11px;gap:11px}.note-version-list strong{font-size:13px}.note-version-list code{font-size:9px;overflow-wrap:anywhere}.note-version-list small{font-size:10px}.note-version-number{padding:11px;font-size:16px}}
@media(max-width:520px){.notebook-grid{grid-template-columns:1fr;padding:0 min(9vw,34px)}.cover-title{font-size:22px}.cover-summary{display:-webkit-box;font-size:11px}.note-cover{padding:20px 18px 19px 25px}.cover-bottom{font-size:11px}.cover-bottom small{font-size:8px}.notebook-item>time{font-size:11px}.note-code{font-size:10px}}
@media(prefers-reduced-motion:reduce){.note-cover,.note-a4-page,.notebook-item{animation:none!important;transition:none!important}.note-open:hover .note-cover{transform:none}}
.reduced-motion .note-open:hover .note-cover{transform:none}

.cover-top,.cover-category,.cover-title,.cover-summary,.cover-bottom{flex-shrink:0}.cover-emblem{min-height:0;overflow:hidden;flex-shrink:1}.cover-title{font-size:21px;-webkit-line-clamp:3}.note-category-form.category-dirty{border-left:3px solid #a58acb;padding-left:9px}.note-editor-footer>.text-link{white-space:nowrap;font-size:11px}.note-editor-footer>span{margin-right:auto}
@media(max-width:1400px) and (min-width:951px){.notebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.cover-title{font-size:23px}}
@media(max-width:740px){.cover-title{font-size:16px}.cover-summary{display:none}.welcome-book .cover-summary{display:block}.note-editor-footer>.text-link{align-self:flex-start}.note-editor-footer>span{display:none}}

.note-confirm{position:sticky;top:80px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;background:#fff2df;border-bottom:1px solid #efd2a6;color:#76512c;box-shadow:0 6px 15px #60431812}.note-confirm p{font-size:13px;line-height:1.8}.note-confirm>div{display:flex;gap:8px;flex-shrink:0}@media(max-width:740px){.note-confirm{top:76px;display:block;padding:15px}.note-confirm>div{margin-top:10px;justify-content:flex-end}}

.comparison-page{--archive-line:#e4e6f2;--archive-ink:#263253}.archive-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;background:linear-gradient(115deg,#e9edff 0%,#f0e9fe 52%,#ffefdf 100%);border:1px solid #e5ddfa;border-radius:22px;padding:30px 34px;margin:0 0 24px;overflow:hidden;position:relative}.archive-hero h2{font-size:30px;letter-spacing:-1px;line-height:1.5;margin:12px 0 8px}.archive-hero p{max-width:600px;line-height:1.8;color:#64718a;margin:0}.archive-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.archive-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-content:center}.archive-hero-stats>div{background:#ffffffa6;border:1px solid #fff;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.archive-hero-stats strong{font-size:34px;line-height:1.2;font-variant-numeric:tabular-nums;color:#5578e6}.archive-hero-stats>div:nth-child(2) strong{color:#9b67ce}.archive-hero-stats>div:nth-child(3) strong{color:#df9541}.archive-hero-stats>div:nth-child(4) strong{color:#31a583}.archive-hero-stats span{font-size:12px;color:#64718a}.archive-view-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.archive-view-tabs button,.archive-years button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--archive-line);background:#fff;border-radius:12px;padding:12px 20px;font-weight:600;color:#66728c;cursor:pointer}.archive-view-tabs button.active{background:#5275e4;border-color:#5275e4;color:white;box-shadow:0 6px 18px #5775e429}.archive-view-tabs button span{font-size:11px;border-radius:6px;background:#ffffff2c;padding:2px 5px}.archive-view-tabs svg{width:18px;height:18px}.archive-filters,.archive-directory,.archive-report-controls,.archive-report,.archive-selected,.archive-policy{padding:24px;margin-bottom:22px}.archive-filter-top{display:flex;align-items:center;gap:12px;margin-bottom:13px}.archive-filter-top small{color:#7a859b;font-size:11px}.archive-filter-top>button{margin-left:auto}.archive-years{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.archive-years button{padding:11px 17px;min-width:90px;font-size:13px}.archive-years button span{font-size:10px;color:#7a859b;min-width:17px}.archive-years button.active{background:#eff2ff;border-color:#7d94f0;color:#4767ce;box-shadow:inset 0 0 0 1px #7d94f0}.archive-filter-fields{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.archive-filter-fields label,.archive-report-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#6b7590;min-width:0}.archive-filter-fields input,.archive-filter-fields select,.archive-report-fields select{width:100%;min-width:0;background:#f9faff;border:1px solid #dce1ef;border-radius:9px;padding:11px 12px;color:#344261;font-size:13px;outline-offset:3px}.archive-help{font-size:11px;line-height:1.8;color:#6d7891;margin:13px 0 0}.archive-table{min-width:780px}.archive-table th{font-size:11px;font-weight:600;white-space:nowrap;color:#7b8399}.archive-table td{padding:19px 12px;vertical-align:top;border-bottom:1px solid #edf0f6;font-size:12px}.archive-table th:first-child{width:42px}.archive-table td:nth-child(2){width:230px;max-width:290px}.archive-table td:nth-child(3){width:152px}.archive-table td:nth-child(4){min-width:215px}.archive-table td:last-child{width:136px;min-width:116px}.archive-table input[type=checkbox]{width:16px;height:16px;accent-color:#5977df;cursor:pointer}.archive-table td>small,.archive-report td small,.archive-side-table small{display:block;font-size:10px;color:#7a8599;margin:7px 0}.archive-model-name{display:flex;align-items:flex-start;gap:10px;text-align:left;border:0;background:transparent;padding:0;cursor:pointer;color:#273653}.archive-model-name .official-logo,.archive-fallback{width:32px;height:32px;min-width:32px;background:white;border:1px solid #e7e9f2;border-radius:9px;padding:5px;object-fit:contain}.archive-fallback{display:flex;align-items:center;justify-content:center;color:#a4aac0}.archive-fallback svg{width:20px}.archive-model-name strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.archive-model-name:hover strong{color:#4b6dcc}.archive-model-name small{display:block;margin:6px 0 0;color:#8190a5;font-size:10px;line-height:1.5}.archive-license{display:inline-block;color:#758097;background:#f3f4f9;border-radius:5px;font-size:10px;line-height:1.6;margin:9px 0 0 42px;padding:2px 6px}.archive-tags{display:flex;flex-wrap:wrap;gap:4px}.archive-tags span{background:#edf2ff;color:#5873b4;border-radius:4px;padding:2px 5px;font-size:10px}.archive-tags span:nth-child(2){background:#f2ecfc;color:#9964b7}.archive-tags span:nth-child(3){background:#fff2df;color:#b3833d}.archive-table p{font-size:11px;line-height:1.8;color:#6e7891;margin:8px 0 0}.archive-table .text-link{font-size:10px;display:inline-flex;gap:4px;align-items:center;margin-top:10px}.archive-table .text-link svg{width:12px;height:12px}.archive-evidence{color:#4d70c5;background:#edf2ff;border:0;border-radius:6px;display:flex;gap:5px;align-items:center;font-size:11px;padding:6px 7px;cursor:pointer}.archive-evidence svg{width:13px;height:13px}.archive-missing{color:#8b91a4;font-size:10px;line-height:1.7;display:block}.archive-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:18px;gap:12px}.archive-pagination>span{font-size:11px;color:#7b849a}.archive-pagination>div{display:flex;gap:8px}.archive-pagination button{font-size:11px;padding:8px 12px}.archive-side-table{min-width:650px;table-layout:fixed}.archive-side-table th,.archive-side-table td{min-width:200px;max-width:290px;font-size:12px;line-height:1.9;padding:16px;vertical-align:top;overflow-wrap:anywhere}.archive-side-table th:first-child{width:110px;min-width:100px}.archive-side-table thead .official-logo{width:32px;height:32px;padding:5px;display:block;margin-bottom:10px}.archive-side-table thead strong{display:block}.archive-side-table .text-link{font-size:11px}.archive-report-fields{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.archive-chart-modes{margin-top:18px;width:fit-content}.archive-authority{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border:1px solid #dde8f4;background:#f3f7fd;border-radius:12px;padding:16px 18px;margin:16px 0 24px;font-size:11px;line-height:1.9}.archive-authority strong{font-size:12px;color:#546f98}.archive-authority span{color:#72819b}.archive-authority p{width:100%;margin:0;color:#697992}.archive-authority a{font-size:inherit;display:inline-flex;align-items:center;gap:3px}.archive-authority svg{width:13px;height:13px}.archive-bar-axis{display:flex;justify-content:space-between;font-size:10px;color:#9299aa;margin:0 80px 12px 225px}.archive-bar-row{display:grid;grid-template-columns:210px minmax(100px,1fr) 70px;gap:15px;align-items:center;margin:0 0 18px}.archive-bar-row strong{font-size:12px;line-height:1.5}.archive-bar-row small{display:block;font-size:10px;color:#8690a2;margin-top:4px}.archive-bar-row b{font-size:12px;color:#4f5e7a;font-variant-numeric:tabular-nums}.archive-bar-track{height:23px;background:repeating-linear-gradient(to right,#f2f4fb 0,#f2f4fb calc(25% - 1px),#e4e8f3 calc(25% - 1px),#e4e8f3 25%);border-radius:6px;overflow:hidden}.archive-bar-track>span{display:block;height:100%;width:var(--bar-width);background:var(--bar-color);border-radius:6px;animation:archive-bar-in .65s ease both;transform-origin:left}.archive-time-scroll{width:100%;overflow-x:auto}.archive-timeline{display:block;width:100%;min-width:640px;height:auto}.archive-timeline text{font-family:inherit;font-size:11px;fill:#72819a}.archive-time-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:11px;color:#64738a}.archive-time-legend span{display:flex;gap:7px;align-items:center}.archive-time-legend b{display:inline-flex;align-items:center;justify-content:center;color:white;width:19px;min-width:19px;height:19px;border-radius:6px;font-size:10px}.archive-exact-data{margin-top:20px}.archive-exact-data summary,.archive-policy summary{cursor:pointer;font-size:12px;font-weight:600;color:#596b8c}.archive-exact-data table{font-size:12px;min-width:650px}.archive-exact-data .table-scroll{margin-top:14px}.archive-exact-data th,.archive-exact-data td{padding:14px;vertical-align:top}.archive-exact-data td:last-child{max-width:300px;font-size:11px;line-height:1.8}.archive-exact-data .text-link{display:block;font-size:10px;margin-top:7px}.archive-exact-data svg{width:12px;height:12px}.archive-policy p,.archive-policy li{font-size:12px;line-height:1.9;color:#778198}.archive-model-heading{display:flex;gap:16px;align-items:center;margin:15px 0}.archive-model-heading .official-logo{width:48px;height:48px;padding:8px}.archive-model-heading h2{margin:6px 0}.archive-report .callout{display:block;font-size:11px;line-height:1.9}.archive-report .heatmap-table{min-width:800px}.archive-report .heatmap-table th small{display:block}.archive-report .section-title p{font-size:12px;color:#7b86a0;line-height:1.8}.comparison-page .empty-state{padding:38px 20px}.archive-selected .empty-state{line-height:2}.reduced-motion .archive-bar-track>span{animation:none}@keyframes archive-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.archive-bar-track>span{animation:none}}@media(max-width:1150px){.archive-hero{grid-template-columns:1.2fr 1fr;padding:24px;gap:20px}.archive-hero h2{font-size:25px}.archive-hero-stats>div{padding:14px}.archive-filter-fields{grid-template-columns:1.2fr 1fr}.archive-bar-row{grid-template-columns:170px minmax(80px,1fr) 65px;gap:10px}.archive-bar-axis{margin-left:180px;margin-right:75px}}@media(max-width:740px){.archive-hero{grid-template-columns:1fr;padding:22px}.archive-hero h2{font-size:25px}.archive-hero p{font-size:12px}.archive-hero-stats{grid-template-columns:repeat(4,1fr);gap:7px}.archive-hero-stats>div{padding:10px 8px;border-radius:10px}.archive-hero-stats strong{font-size:25px}.archive-hero-stats span{font-size:9px;line-height:1.5}.archive-filters,.archive-directory,.archive-report,.archive-report-controls,.archive-selected,.archive-policy{padding:16px}.archive-view-tabs{gap:5px}.archive-view-tabs button{padding:10px;font-size:11px;gap:5px;flex:1}.archive-view-tabs svg{width:14px;height:14px}.archive-view-tabs button span{font-size:9px}.archive-filter-top{flex-wrap:wrap;gap:8px}.archive-filter-top small{font-size:9px}.archive-years{gap:6px}.archive-years button{min-width:0;padding:9px 12px;font-size:11px;flex:1 0 26%}.archive-filter-fields,.archive-report-fields{grid-template-columns:1fr}.archive-chart-modes{width:100%}.archive-chart-modes button{flex:1;padding:9px 6px;font-size:10px}.archive-chart-modes svg{width:14px}.archive-bar-row{grid-template-columns:110px minmax(45px,1fr) 56px;gap:7px;margin-bottom:17px}.archive-bar-row strong{font-size:10px;overflow-wrap:anywhere}.archive-bar-row small{font-size:9px}.archive-bar-row b{font-size:10px}.archive-bar-track{height:19px}.archive-bar-axis{margin-left:117px;margin-right:63px;font-size:9px}.archive-time-legend{grid-template-columns:1fr}.archive-authority{padding:12px;font-size:10px}.archive-report .section-title{align-items:flex-start;flex-wrap:wrap}.archive-report .section-title h2{font-size:17px;line-height:1.6}.archive-directory .section-title{align-items:flex-start;flex-wrap:wrap}.archive-pagination{flex-wrap:wrap}.archive-model-heading h2{font-size:22px}}

#comparison-results{scroll-margin-top:83px}#comparison-result-count{display:inline;font-size:12px;margin-left:5px}@media(max-width:740px){#comparison-results{scroll-margin-top:73px}.archive-view-tabs button{white-space:nowrap;font-size:10px;padding:10px 7px}.archive-view-tabs button span{white-space:nowrap;padding:2px 3px}}

/* Capability atlas: one visual language for vendor identity, evidence, and time. */
.comparison-page{--atlas-ink:#1f2b3d;--atlas-muted:#718096;--atlas-line:#e7ebf3;--atlas-panel:#fff;--atlas-soft:#f7f9fc}
.comparison-page .archive-hero{background:#f4f6ff;border-color:#e0e5fb;box-shadow:0 14px 35px rgba(64,79,145,.08)}
.comparison-page .archive-hero h2{color:var(--atlas-ink);letter-spacing:0}
.comparison-page .archive-hero p{color:#65728a}
.archive-view-tabs{padding:5px;border:1px solid #e4e8f2;border-radius:14px;background:#f7f8fb;gap:4px}
.archive-view-tabs button{border:0;background:transparent;border-radius:10px;padding:11px 15px;color:#68758c}
.archive-view-tabs button.active{background:#263a68;box-shadow:0 5px 12px rgba(38,58,104,.18)}
.archive-view-tabs button:not(.active):hover{background:#edf1f8;color:#344d7a}
.archive-filter-top{align-items:baseline}
.archive-filters{background:rgba(255,255,255,.84);border-color:#e3e8f0}
.archive-filters .archive-help{margin-top:11px}
.archive-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.archive-control-head h2{font-size:21px;color:var(--atlas-ink);margin-top:4px}
.archive-control-head p{font-size:12px;color:var(--atlas-muted);margin-top:7px;line-height:1.8;max-width:650px}
.archive-trust-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border:1px solid #cbe8da;background:#effaf4;color:#24734f;border-radius:8px;font-size:11px;font-weight:650}
.archive-trust-badge svg{width:15px;height:15px}
.archive-independent-fields{grid-template-columns:1.2fr 1fr;margin-bottom:19px}
.archive-independent-fields select{background:#fbfcff}
.archive-independent-fields select:disabled{opacity:.55;cursor:not-allowed}
.archive-independent-mode{display:flex;width:max-content;max-width:100%;margin:-5px 0 0;padding:3px;border:1px solid #e2e7f0;border-radius:9px;background:#f7f9fc}.archive-independent-mode button{border:0;border-radius:7px;background:transparent;color:#6e7a90;font-size:10px;padding:7px 10px}.archive-independent-mode button.active{background:#fff;color:#304c84;box-shadow:0 2px 8px rgba(49,69,105,.1)}.archive-independent-mode svg{width:14px;height:14px}
.archive-provider-legend{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 14px;padding-top:15px;border-top:1px solid #edf0f5}
.archive-provider-legend button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 9px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#6b778c;font-size:10px;transition:all .16s ease}
.archive-provider-legend button:hover{border-color:var(--provider,#7384a5);color:#354d76;transform:translateY(-1px)}
.archive-provider-legend button.active{border-color:var(--provider,#7384a5);background:color-mix(in srgb,var(--provider,#7384a5) 10%,#fff);color:#263a5e;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--provider,#7384a5) 18%,transparent)}
.archive-provider-legend button>img,.archive-provider-legend button>span:first-child{width:19px;height:19px;border-radius:5px;object-fit:contain;display:grid;place-items:center;background:#f1f3f8;color:var(--provider,#64748b);font-weight:700;font-size:10px}
.archive-provider-legend .archive-provider-name{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-provider-legend button b{font-size:9px;color:#98a2b3;font-variant-numeric:tabular-nums}.archive-provider-legend button em{font-style:normal;font-size:8px;color:#a3adbc;font-variant-numeric:tabular-nums;white-space:nowrap}.archive-provider-legend button.active em{color:var(--provider,#64748b)}
.archive-provider-legend .archive-provider-all{padding:6px 11px;background:#263a68;border-color:#263a68;color:#fff}
.archive-provider-legend .archive-provider-all:not(.active){background:#fff;color:#64748b;border-color:#dfe5ee}
.archive-provider-legend .archive-provider-all svg{width:14px;height:14px}
.archive-provider-legend.compact{margin:0;padding-top:13px}
.archive-provider-legend.compact button{min-height:29px;font-size:9px}
.archive-filter-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #edf0f5;color:#78859a;font-size:10px}
.archive-filter-summary span{display:inline-flex;align-items:center;gap:5px}
.archive-filter-summary svg{width:14px;height:14px;color:#6c82be}
.archive-filter-summary .text-link{margin-left:auto;font-size:10px}
.archive-trend-report,.archive-release-report{background:#fff;border-color:#e2e7f0}
.archive-authority.independent{background:#f5f8ff;border-color:#dbe5f6}
.archive-chart-shell{border:1px solid #e4e9f2;border-radius:14px;background:#fff;overflow:hidden}
.archive-chart-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #edf0f5;background:#fbfcfe}
.archive-chart-title span,.archive-chart-title strong,.archive-chart-title small{display:block}
.archive-chart-title span{font-size:10px;color:#7a88a0;margin-bottom:4px}
.archive-chart-title strong{font-size:18px;color:#27395e}
.archive-chart-title small{font-size:10px;color:#8490a4;margin-top:5px}
.archive-chart-key{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#77849a;font-size:10px;padding-top:8px}
.archive-chart-key span{display:flex;align-items:center;gap:5px}
.archive-chart-key i{display:inline-block;width:14px;height:3px;background:#6176bb;border-radius:2px}
.archive-chart-key i.hollow{width:9px;height:9px;border:2px solid #6176bb;background:#fff;border-radius:50%}
.archive-trend-scroll,.archive-release-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.archive-trend-chart{display:block;width:100%;min-width:760px;height:auto;min-height:370px;background:#fff}
.archive-timeline{display:block;width:100%;min-width:760px;height:auto}
.archive-grid-line{stroke:#e8ecf3;stroke-width:1}
.archive-grid-line.vertical{stroke-dasharray:2 5}
.archive-axis-title{font-size:11px;fill:#61718b;font-weight:650}
.archive-trend-chart text,.archive-timeline text{font-family:inherit;fill:#7a879b;font-size:11px}
.archive-trend-chart .archive-end-label{font-size:10px;font-weight:700}
.archive-provider-line{stroke-linecap:round;stroke-linejoin:round;animation:archive-line-in .7s ease both}
.archive-trend-node{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:filter .14s ease,transform .14s ease}
.archive-trend-node:hover,.archive-trend-node:focus{filter:drop-shadow(0 0 5px rgba(35,54,100,.45));transform:scale(1.45)}
.archive-time-point{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:filter .14s ease,transform .14s ease}
.archive-time-point:hover,.archive-time-point:focus{filter:drop-shadow(0 0 5px rgba(35,54,100,.45));transform:scale(1.4)}
.archive-trend-summary{display:flex;gap:13px;flex-wrap:wrap;padding:12px 17px;border-top:1px solid #edf0f5;color:#7b879b;font-size:10px}
.archive-trend-summary span{display:inline-flex;align-items:center;gap:5px}
.archive-trend-summary svg{width:14px;height:14px;color:#5e77b7}
.archive-ranking{margin-top:20px;padding:17px 19px;border:1px solid #e4e9f2;border-radius:14px;background:#fbfcfe}
.archive-ranking .section-title{margin-bottom:10px}
.archive-ranking .section-title h3{font-size:15px;color:#304267}
.archive-ranking .section-title p{font-size:10px;color:#7d899d;margin-top:4px}
.archive-ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.archive-ranking-list>button{display:grid;grid-template-columns:23px 25px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 9px;border:1px solid transparent;border-radius:8px;text-align:left;background:#fff;color:#2e3e5e}
.archive-ranking-list>button:hover{border-color:#d5deef;background:#f5f8ff}
.archive-ranking-list>button>b{font-size:10px;color:#a0a9b9;font-variant-numeric:tabular-nums}
.archive-ranking-list>button>img,.archive-ranking-list>button>span:nth-child(2){width:24px;height:24px;border-radius:6px;object-fit:contain;display:grid;place-items:center;background:#f0f3f8;color:#6175a9;font-size:10px;font-weight:700}
.archive-ranking-list>button>span:nth-child(3){min-width:0}
.archive-ranking-list strong,.archive-ranking-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-ranking-list strong{font-size:11px}
.archive-ranking-list small{font-size:9px;color:#8490a3;margin-top:3px}
.archive-ranking-list small i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}
.archive-ranking-list em{font-size:12px;font-style:normal;font-weight:700;color:#3e5797;font-variant-numeric:tabular-nums}
.archive-release-chart{display:block;width:100%;min-width:760px;height:auto;background:#fff}
.archive-release-lane{stroke:#e6ebf2;stroke-width:1}
.archive-release-provider{fill:#40516d!important;font-size:11px!important;font-weight:650}
.archive-release-count{fill:#a0a9b8!important;font-size:10px!important}
.archive-release-point{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:filter .15s ease,transform .15s ease}
.archive-release-point:hover,.archive-release-point:focus{filter:drop-shadow(0 0 5px rgba(35,54,100,.4));transform:scale(1.5)}
.archive-release-point.estimated{fill:#fff!important}
.archive-trend-node:hover,.archive-trend-node:focus,.archive-time-point:hover,.archive-time-point:focus,.archive-release-point:hover,.archive-release-point:focus,.archive-snapshot-point:hover,.archive-snapshot-point:focus,.archive-efficiency-point:hover,.archive-efficiency-point:focus,.archive-cross-point:hover,.archive-cross-point:focus{transform:none;filter:drop-shadow(0 0 6px rgba(35,54,100,.48));stroke-width:3px}
.archive-release-note{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 17px;border-top:1px solid #edf0f5;color:#7b879a;font-size:10px}
.archive-release-note span{display:inline-flex;align-items:center;gap:6px}
.solid-dot,.hollow-dot{width:9px;height:9px;border-radius:50%;background:#5d75bf;display:inline-block}
.hollow-dot{background:#fff;border:2px solid #5d75bf}
.archive-tooltip{position:fixed;z-index:90;padding:13px 14px;border:1px solid #dce3ef;border-radius:11px;background:rgba(255,255,255,.98);box-shadow:0 15px 35px rgba(35,49,83,.18);color:#33425e;font-size:10px;pointer-events:none;line-height:1.65}
.archive-tooltip-head{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid #edf0f5}
.archive-tooltip-head>img,.archive-tooltip-head>span:first-child{width:27px;height:27px;border-radius:7px;object-fit:contain;display:grid;place-items:center;background:#f0f3f8;color:#6074a6;font-size:10px;font-weight:700}
.archive-tooltip-head span:nth-child(2){min-width:0;flex:1}.archive-tooltip-head strong,.archive-tooltip-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-tooltip-head strong{font-size:11px;color:#293c62}.archive-tooltip-head small{font-size:9px;color:#8691a4;margin-top:2px}.archive-tooltip-head>b{font-size:13px;font-variant-numeric:tabular-nums}
.archive-snapshots{padding:24px;margin-bottom:22px;background:#fbfcff;border-color:#e2e7f1}
.archive-snapshots-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.archive-snapshots-heading h2{font-size:20px;color:#263653;margin:5px 0 7px}
.archive-snapshots-heading p{max-width:760px;color:#748198;font-size:11px;line-height:1.85;margin:0}
.archive-snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.archive-snapshot-card{min-width:0;border:1px solid #e1e7f0;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(54,72,110,.04)}
.archive-snapshot-card.is-empty{padding:17px}
.archive-snapshot-card.is-empty p{font-size:10px;line-height:1.8;color:#7b8799;margin:12px 0 0}
.archive-snapshot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 15px 9px;border-bottom:1px solid #edf0f5;background:#fcfdff}
.archive-snapshot-head div{min-width:0}.archive-snapshot-head span,.archive-snapshot-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-snapshot-head span{font-size:9px;color:#8490a3;margin-bottom:4px}.archive-snapshot-head strong{font-size:12px;color:#344466}.archive-snapshot-head em{font-style:normal;font-size:9px;color:#5d73a8;white-space:nowrap;padding-top:13px}
.archive-snapshot-meta{display:flex;gap:10px;flex-wrap:wrap;padding:8px 15px 0;color:#8591a4;font-size:9px}.archive-snapshot-meta span{display:inline-flex;align-items:center;gap:4px}.archive-snapshot-meta span+span:before{content:'·';color:#c2c9d5}
.archive-snapshot-key{display:flex;gap:8px;flex-wrap:wrap;padding:7px 15px 0;color:#75839a;font-size:8px}.archive-snapshot-key span{display:inline-flex;align-items:center;gap:4px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-snapshot-key i{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}
.archive-snapshot-scroll{width:100%;overflow-x:auto}.archive-snapshot-chart{display:block;width:100%;min-width:420px;height:auto;background:#fff;padding:4px 5px 0}
.archive-snapshot-chart text{font-family:inherit;fill:#7a879b;font-size:9px}.archive-snapshot-chart .archive-axis-title{font-size:9px;fill:#63728e;font-weight:650}.archive-snapshot-line{stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;animation:archive-line-in .65s ease both}.archive-snapshot-point{cursor:pointer;outline:none;transition:filter .14s ease,transform .14s ease}.archive-snapshot-point:hover,.archive-snapshot-point:focus{filter:drop-shadow(0 0 4px rgba(35,54,100,.4));transform:scale(1.5)}
.archive-snapshot-source{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;padding:9px 15px 12px;border-top:1px solid #edf0f5;color:#7b879a;font-size:9px;line-height:1.7}.archive-snapshot-source .text-link{font-size:9px;margin-left:auto}
.archive-efficiency-shell{overflow:hidden}.archive-chart-key i.frontier{height:0;border-top:2px dashed #31a583;background:transparent}.archive-efficiency-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.archive-efficiency-chart{display:block;width:100%;min-width:780px;height:auto;background:#fff}.archive-efficiency-chart text{font-family:inherit;fill:#77859b;font-size:10px}.archive-efficiency-chart .archive-axis-title{font-size:10px;fill:#5e6f8a;font-weight:650}.archive-quadrant-line{stroke:#91a0b6;stroke-width:1.2;stroke-dasharray:6 6}.archive-quadrant-label{font-size:9px!important;fill:#93a0b2!important}.archive-quadrant-label.strong{fill:#2b8768!important;font-weight:700}.archive-efficiency-frontier{fill:none;stroke:#31a583;stroke-width:2.5;stroke-dasharray:6 5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.archive-efficiency-point{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:filter .14s ease,transform .14s ease}.archive-efficiency-point:hover,.archive-efficiency-point:focus{filter:drop-shadow(0 0 6px rgba(35,54,100,.5));transform:scale(1.5)}
.archive-efficiency-list{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);gap:20px;margin-top:16px;padding:17px 19px;border:1px solid #e4e9f2;border-radius:13px;background:#fbfcfe}.archive-efficiency-list h3{font-size:15px;color:#304267;margin:5px 0}.archive-efficiency-list p{font-size:10px;line-height:1.75;color:#7c899d;margin:0}.archive-efficiency-list ol{list-style:none;margin:0;padding:0;display:grid;gap:5px}.archive-efficiency-list li{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;background:#fff}.archive-efficiency-list li>i{width:7px;height:30px;border-radius:4px}.archive-efficiency-list li span{min-width:0}.archive-efficiency-list strong,.archive-efficiency-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-efficiency-list strong{font-size:10px;color:#354563}.archive-efficiency-list small{font-size:8px;color:#8b96a7;margin-top:2px}.archive-efficiency-list b{font-size:11px;color:#315f53;font-variant-numeric:tabular-nums}.archive-efficiency-list b small{display:inline}
.archive-cross-history{padding:24px;margin-bottom:22px;background:#fff;border-color:#e2e7f1}.archive-cross-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:18px;margin:4px 0 16px}.archive-cross-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:650;color:#6b7590}.archive-cross-controls select{width:100%;background:#f9faff;border:1px solid #dce1ef;border-radius:9px;padding:11px 12px;color:#344261;font-size:13px}.archive-cross-stat{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.archive-cross-stat span{display:flex;align-items:baseline;gap:5px;padding:8px 10px;border:1px solid #e4e9f1;border-radius:8px;background:#fbfcff;color:#7b879a;font-size:10px}.archive-cross-stat b{font-size:16px;color:#3d5a9b;font-variant-numeric:tabular-nums}.archive-cross-shell{overflow:hidden}.archive-cross-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.archive-cross-chart{display:block;width:100%;min-width:760px;height:auto;background:#fff}.archive-cross-chart text{font-family:inherit;fill:#77859b;font-size:10px}.archive-cross-chart .archive-axis-title{font-size:10px;fill:#5e6f8a;font-weight:650}.archive-local-axis-note{color:#425f9f;font-weight:700}.archive-cross-band{fill:#f5f8fd;fill-opacity:.28;stroke:#dfe6f1;stroke-opacity:.58;stroke-width:1;stroke-dasharray:4 6}.archive-cross-band.band-1{fill:#eef3fa;fill-opacity:.16}.archive-cross-band-label{fill:#98a3b5!important;font-size:9px!important;font-weight:650}.archive-cross-segment{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.archive-cross-segment.cross-report{stroke-dasharray:7 6;opacity:.72}.archive-cross-segment.same-report{opacity:.96}.archive-cross-point{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:filter .14s ease,transform .14s ease}.archive-cross-point:hover,.archive-cross-point:focus{filter:drop-shadow(0 0 6px rgba(35,54,100,.5));transform:scale(1.5)}.archive-cross-shell .archive-chart-key i.cross{height:0;border-top:2px dashed #6176bb;background:transparent}.archive-cross-legend{display:flex;flex-wrap:wrap;gap:8px 15px;padding:11px 17px;border-top:1px solid #edf0f5;color:#6f7d94;font-size:10px}.archive-cross-legend span{display:inline-flex;align-items:center;gap:5px}.archive-cross-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.archive-cross-source-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f5}.archive-cross-source-list span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 9px;border:1px solid #e3e8f1;border-radius:8px;background:#fbfcff}.archive-cross-source-list small{color:#8a95a7;font-size:9px}.archive-cross-source-list .text-link{font-size:10px}
.archive-eci-report{padding:24px;margin-bottom:22px;background:#fff;border-color:#e2e7f1}.archive-eci-years button.is-empty{border-style:dashed;color:#9aa4b5;background:#fafbfc}.archive-eci-years button.is-empty span{color:#aeb6c4}.archive-eci-shell{position:relative;overflow:hidden}.archive-eci-scroll{position:relative;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c5cfe1 transparent}.archive-eci-chart{display:block;width:100%;min-width:1040px;height:auto;background:#fff}.archive-eci-chart text{font-family:inherit;fill:#758298;font-size:10px}.archive-eci-chart .archive-axis-title{font-size:11px;fill:#425779;font-weight:700}.archive-eci-year-band{fill:#f8faff}.archive-eci-year-band.band-1{fill:#f1f5fb}.archive-eci-year-label{font-size:12px!important;fill:#53647f!important;font-weight:700}.archive-eci-x-title{font-size:10px!important;fill:#8490a3!important}.archive-eci-empty-year{font-size:9px!important;fill:#9aa5b7!important;font-weight:650}.archive-eci-frontier{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.88}.archive-eci-ci,.archive-eci-ci-cap{stroke-width:1;vector-effect:non-scaling-stroke;opacity:.2;pointer-events:none}.archive-eci-point{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.72;pointer-events:none;transition:filter .14s ease,opacity .14s ease,stroke-width .14s ease}.archive-eci-observation.is-frontier .archive-eci-point{opacity:1;stroke-width:2}.archive-eci-hit{fill:transparent;stroke:transparent;stroke-width:0;cursor:pointer;outline:none}.archive-eci-observation:hover .archive-eci-point,.archive-eci-observation:focus-within .archive-eci-point{opacity:1;stroke-width:3;filter:drop-shadow(0 0 5px rgba(34,51,89,.55))}.archive-eci-observation:hover .archive-eci-ci,.archive-eci-observation:hover .archive-eci-ci-cap,.archive-eci-observation:focus-within .archive-eci-ci,.archive-eci-observation:focus-within .archive-eci-ci-cap{opacity:.95;stroke-width:2}.archive-eci-hit:focus-visible{stroke:#20345e;stroke-width:1.5;stroke-dasharray:2 2}.archive-chart-key i.eci-frontier{height:0;border-top:3px solid #6176bb;background:transparent;border-radius:0}.archive-chart-key i.eci-ci-key{width:3px;height:13px;border-top:1px solid #6176bb;border-bottom:1px solid #6176bb;background:#6176bb;border-radius:0}.archive-eci-empty-selection{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);max-width:390px;padding:13px 17px;border:1px solid #dce4ef;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(43,60,98,.1);color:#66748a;font-size:11px;text-align:center;pointer-events:none}.archive-eci-leaders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}.archive-eci-leaders button{display:grid;grid-template-columns:4px 25px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #e2e7ef;border-radius:9px;background:#fbfcff;color:#31415e;text-align:left;cursor:pointer}.archive-eci-leaders button:hover,.archive-eci-leaders button:focus-visible{border-color:var(--provider);box-shadow:0 4px 12px color-mix(in srgb,var(--provider) 16%,transparent)}.archive-eci-leaders button>i{width:4px;height:31px;border-radius:4px;background:var(--provider)}.archive-eci-leaders button>img,.archive-eci-leaders button>i+span{width:24px;height:24px;object-fit:contain;border-radius:6px;background:#f0f3f8;display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--provider)}.archive-eci-leader-copy{min-width:0}.archive-eci-leaders strong,.archive-eci-leaders small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-eci-leaders strong{font-size:10px}.archive-eci-leaders small{margin-top:3px;color:#8792a4;font-size:8px}.archive-eci-leaders b{color:var(--provider);font-size:12px;font-variant-numeric:tabular-nums}.archive-specialized-heading{padding:4px 4px 15px}.archive-specialized-heading h2{margin:5px 0 6px;color:#2b3c5c;font-size:18px}.archive-specialized-heading p{max-width:760px;margin:0;color:#758198;font-size:11px;line-height:1.8}
.archive-tooltip dl{margin:9px 0 5px;display:grid;gap:4px}.archive-tooltip dl>div{display:grid;grid-template-columns:58px 1fr;gap:6px}.archive-tooltip dt{color:#8a95a7}.archive-tooltip dd{margin:0;color:#4d5d76;overflow-wrap:anywhere}.archive-tooltip p{margin:8px 0 0;display:flex;gap:8px;flex-wrap:wrap}.archive-tooltip .text-link{font-size:9px}
.archive-model-heading .official-logo{object-fit:contain}
@keyframes archive-line-in{from{stroke-dasharray:0 1200;opacity:.2}to{stroke-dasharray:1200 0;opacity:1}}
@media(prefers-reduced-motion:reduce){.archive-provider-line{animation:none}.archive-trend-node,.archive-time-point,.archive-release-point,.archive-cross-point,.archive-eci-point,.archive-eci-ci,.archive-eci-ci-cap{transition:none}}
@media(max-width:740px){
  .comparison-page .archive-hero{padding:19px 17px}.comparison-page .archive-hero h2{font-size:23px;line-height:1.45}.comparison-page .archive-hero p{font-size:11px}.comparison-page .archive-hero-stats{grid-template-columns:repeat(4,1fr);gap:6px}.comparison-page .archive-hero-stats>div{padding:9px 6px}.comparison-page .archive-hero-stats strong{font-size:22px}.comparison-page .archive-hero-stats span{font-size:10px}
  .archive-view-tabs{overflow-x:auto;flex-wrap:nowrap;margin-bottom:12px}.archive-view-tabs button{flex:0 0 auto;padding:9px 10px;font-size:10px}.archive-view-tabs svg{width:14px;height:14px}
  .archive-control-head{display:block;margin-bottom:15px}.archive-control-head h2{font-size:18px}.archive-control-head p{font-size:10px}.archive-trust-badge{margin-top:11px;font-size:9px}
  .archive-independent-fields{grid-template-columns:1fr;gap:10px;margin-bottom:13px}.archive-provider-legend{gap:5px;max-height:118px;overflow-y:auto;margin-top:13px;padding-top:12px}.archive-provider-legend button{min-height:29px;padding:5px 7px;font-size:9px}.archive-provider-legend button>img,.archive-provider-legend button>span:first-child{width:17px;height:17px}.archive-provider-legend button b{font-size:8px}.archive-provider-legend button em{font-size:7px}.archive-filter-summary{gap:8px;font-size:9px}.archive-filter-summary .text-link{width:100%;margin-left:0}
  .archive-independent-mode{width:100%}.archive-independent-mode button{flex:1;padding:7px 6px;font-size:9px}.archive-efficiency-chart{min-width:900px}.archive-efficiency-list{grid-template-columns:1fr;padding:13px;gap:12px}.archive-efficiency-list ol{gap:4px}.archive-efficiency-list li{padding:6px 8px}.archive-cross-history{padding:16px}.archive-cross-controls{grid-template-columns:1fr;gap:11px}.archive-cross-stat{justify-content:flex-start}.archive-cross-stat span{flex:1;justify-content:center;padding:7px 6px;font-size:9px}.archive-cross-stat b{font-size:14px}.archive-cross-chart{min-width:900px}.archive-cross-source-list{display:grid;grid-template-columns:1fr;gap:6px}.archive-cross-source-list span{display:flex;justify-content:space-between}.archive-cross-legend{gap:7px 11px;padding:10px 12px;font-size:9px}.archive-eci-report{padding:16px}.archive-eci-chart{min-width:1040px}.archive-eci-leaders{grid-template-columns:1fr}.archive-eci-leaders button{padding:8px 9px}.archive-specialized-heading{padding:2px 2px 12px}.archive-specialized-heading h2{font-size:16px}.archive-specialized-heading p{font-size:10px}
  .archive-snapshots{padding:16px}.archive-snapshots-heading{display:block;margin-bottom:13px}.archive-snapshots-heading h2{font-size:17px}.archive-snapshots-heading p{font-size:10px}.archive-snapshot-grid{grid-template-columns:1fr;gap:10px}.archive-snapshot-head{padding:11px 12px 8px}.archive-snapshot-head strong{font-size:11px}.archive-snapshot-head em{font-size:8px;padding-top:11px}.archive-snapshot-meta{padding:7px 12px 0;font-size:8px}.archive-snapshot-key{padding:6px 12px 0;font-size:8px}.archive-snapshot-chart{min-width:390px}.archive-snapshot-source{padding:8px 12px 10px;font-size:8px}.archive-snapshot-source .text-link{font-size:8px}
  .archive-chart-title{display:block;padding:14px}.archive-chart-title strong{font-size:16px}.archive-chart-title small{font-size:10px;line-height:1.65}.archive-chart-key{padding-top:9px;font-size:9px}.archive-trend-chart{min-width:900px;min-height:0}.archive-timeline{min-width:900px}.archive-trend-summary{display:grid;grid-template-columns:1fr;gap:6px;font-size:9px;padding:11px 13px}.archive-ranking{padding:13px;margin-top:14px}.archive-ranking-list{grid-template-columns:1fr;gap:5px}.archive-ranking-list>button{grid-template-columns:21px 23px minmax(0,1fr) auto;padding:7px}.archive-ranking-list strong{font-size:10px}.archive-ranking-list em{font-size:11px}
  .archive-release-chart{min-width:720px}.archive-release-note{gap:9px;padding:10px 12px;font-size:9px}.archive-release-note span:last-child{width:100%}
  .archive-tooltip{max-width:calc(100vw - 20px);font-size:9px}.archive-tooltip.mobile-panel{left:10px!important;right:10px;top:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none;max-height:min(250px,34vh);overflow-y:auto;padding:9px 10px;border-radius:10px;box-shadow:0 10px 28px rgba(35,49,83,.2)}.archive-tooltip.mobile-panel .archive-tooltip-head{gap:7px;padding-bottom:6px}.archive-tooltip.mobile-panel .archive-tooltip-head>img,.archive-tooltip.mobile-panel .archive-tooltip-head>span:first-child{width:23px;height:23px;border-radius:6px}.archive-tooltip.mobile-panel .archive-tooltip-head>b{font-size:12px}.archive-tooltip.mobile-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:6px 0 3px}.archive-tooltip.mobile-panel dl>div{display:block;min-width:0}.archive-tooltip.mobile-panel dt{font-size:8px;line-height:1.35}.archive-tooltip.mobile-panel dd{font-size:9px;line-height:1.45}.archive-tooltip.mobile-panel p{gap:7px;margin-top:5px}.archive-tooltip .text-link{font-size:8px}
}
@media(min-width:741px) and (max-width:1150px){.archive-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-eci-leaders{grid-template-columns:repeat(3,minmax(0,1fr))}}

.history-panel .history-guide{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px;padding:12px 14px;background:#f4f1fc;border:1px solid #e6e0f4;border-radius:11px;color:#71637f;font-size:11px;line-height:1.8}.history-guide .text-link{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;color:#7752b2}.history-guide svg{width:14px;height:14px}.history-track button.history-concepts-tab{background:#f1e8fc;border-radius:12px}.history-track button.history-concepts-tab.active{background:#e3d4f8}.history-reading-panel{padding:28px;margin-top:26px}.history-reading-heading{display:flex;align-items:flex-start;gap:22px;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #eae5f3}.history-reading-heading h2{font-size:24px;line-height:1.6;margin:8px 0}.history-reading-heading p{font-size:13px;color:#75677e;max-width:710px;line-height:1.9}.history-reading-heading .eyebrow{color:#9970c4}.history-era-mark{display:flex;flex-direction:column;gap:5px;white-space:nowrap;text-align:right;flex-shrink:0;padding-top:7px}.history-era-mark strong{color:#8362b2;font-size:17px}.history-era-mark span{font-size:11px;color:#8f829e}.history-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.history-chapter{padding:22px 20px;border:1px solid #e5e8f4;background:linear-gradient(145deg,#f1f5ff,#fff);border-radius:17px;min-width:0}.history-chapter:nth-child(2){background:linear-gradient(145deg,#f6efff,#fff);border-color:#eae1f4}.history-chapter:nth-child(3){background:linear-gradient(145deg,#fff4e7,#fff);border-color:#f0e4d4}.history-chapter-index{display:flex;gap:8px;align-items:center;font-size:10px;color:#748bb7;margin-bottom:14px}.history-chapter-index b{font-size:23px;color:#607fe0;line-height:1;font-variant-numeric:tabular-nums}.history-chapter:nth-child(2) .history-chapter-index b{color:#9968c1}.history-chapter:nth-child(3) .history-chapter-index b{color:#c39251}.history-chapter h3{font-size:16px;line-height:1.7;color:#4a4f68;margin-bottom:12px}.history-chapter p{font-size:13px;line-height:2.1;color:#697087}.history-story-takeaway{display:flex;gap:12px;align-items:flex-start;background:#f2f7f5;border-left:3px solid #82b6a1;border-radius:10px;padding:16px 18px}.history-story-takeaway>svg{color:#68a28c;margin-top:3px}.history-story-takeaway strong{font-size:12px;color:#547f6c;display:block;margin-bottom:5px}.history-story-takeaway p{font-size:13px;color:#63796e;line-height:1.9}.history-reading-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.history-reading-footer>span{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#92869f;font-size:10px}.history-reading-footer .text-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#806798}.history-reading-footer .text-link svg{width:14px;height:14px}.history-reading-footer .btn{font-size:11px;gap:8px}.history-detail-enter{animation:historyDetailEnter .3s ease both}.science-concepts-intro{margin:28px 0 20px;padding:22px 26px;border:1px solid #e6def4;border-radius:17px;background:linear-gradient(110deg,#f1eaff,#eef5ff)}.science-concepts-intro .eyebrow{color:#9874b7}.science-concepts-intro h2{font-size:24px;margin:7px 0}.science-concepts-intro p{font-size:13px;line-height:1.9;color:#786889}.history-panel .history-year.concepts-year strong{font-size:35px;line-height:1.5}.history-story-progress{font-size:10px;color:#96889e;margin-top:13px}.reduced-motion .history-detail-enter{animation:none}@keyframes historyDetailEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.history-detail-enter{animation:none}}@media(max-width:1100px){.history-chapters{grid-template-columns:1fr;gap:14px}.history-chapter{display:grid;grid-template-columns:52px 1fr;gap:0 13px;padding:20px}.history-chapter-index{grid-row:span 2;flex-direction:column;gap:8px;align-items:flex-start;margin:5px 0}.history-chapter h3{margin-bottom:7px}.history-reading-heading{gap:16px}.history-era-mark strong{font-size:14px}}@media(max-width:740px){.history-panel .history-guide{align-items:flex-start;flex-direction:column;gap:6px;font-size:10px;padding:11px 12px}.history-guide .text-link{font-size:10px}.history-panel .history-year.concepts-year strong{font-size:29px}.history-reading-panel{padding:20px 16px;margin-top:20px}.history-reading-heading{flex-direction:column;gap:10px;padding-bottom:18px}.history-reading-heading h2{font-size:20px;margin:8px 0}.history-reading-heading p{font-size:12px}.history-era-mark{text-align:left;flex-direction:row;align-items:center;gap:12px;padding:0}.history-era-mark strong{font-size:12px}.history-era-mark span{font-size:10px}.history-chapters{margin:18px 0}.history-chapter{grid-template-columns:1fr;padding:19px 17px}.history-chapter-index{grid-row:auto;flex-direction:row;align-items:center;margin:0 0 12px}.history-chapter-index b{font-size:20px}.history-chapter h3{font-size:16px;line-height:1.7}.history-chapter p{font-size:13px;line-height:2}.history-story-takeaway{padding:14px 12px;gap:9px}.history-story-takeaway p{font-size:12px}.history-reading-footer{align-items:flex-start;flex-direction:column}.history-reading-footer>span{font-size:9px}.science-concepts-intro{padding:20px}.science-concepts-intro h2{font-size:22px}.science-concepts-intro p{font-size:12px}}

.kb-guide,.kb-case,.kb-sources{padding:26px;margin-top:24px;animation:kb-panel-in .46s ease both}.kb-hero{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 27px;background:linear-gradient(120deg,#ecf4ff,#f4ecff 55%,#fff1df);border:1px solid #e5e0f3;border-radius:17px;position:relative;overflow:hidden}.kb-hero::after{content:"";position:absolute;inset:auto -12% -70% 38%;height:150%;background:linear-gradient(120deg,transparent,#fff8 45%,transparent 70%);transform:rotate(-18deg);animation:kb-sheen 8s ease-in-out infinite;pointer-events:none}.kb-hero h2{font-size:25px;margin:8px 0}.kb-hero p{font-size:13px;line-height:1.9;color:#66728b;max-width:720px;margin-bottom:12px}.kb-hero-icon{width:70px;height:70px;border-radius:22px;background:#fff9;color:#7188df;display:grid;place-items:center;position:relative;z-index:1;animation:kb-float 4s ease-in-out infinite}.kb-hero-icon svg{width:38px;height:38px}.kb-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;margin-top:22px}.kb-step-nav{display:flex;flex-direction:column;gap:7px}.kb-step{display:flex;align-items:flex-start;text-align:left;gap:11px;padding:13px 12px;border:1px solid #e7eaf3;background:#fafbff;border-radius:11px;cursor:pointer;color:#71809a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.kb-step:hover{transform:translateX(4px);box-shadow:0 8px 18px #5978d11a}.kb-step b{font-size:18px;color:#98a4bf}.kb-step strong,.kb-step small{display:block}.kb-step strong{font-size:12px;color:#435473}.kb-step small{font-size:10px;margin-top:4px}.kb-step.active{background:#eef2ff;border-color:#8ea1ed;box-shadow:0 5px 14px #5978d11a}.kb-step.active b{color:#5978dd}.kb-step.active strong{color:#4866c5}.kb-step-detail{padding:23px;border:1px solid #e4e8f2;border-radius:16px;background:#fff;animation:kb-detail-in .35s ease both}.kb-step-detail h3{font-size:22px;margin:7px 0}.kb-step-detail>p{font-size:12px;color:#68748e;line-height:1.9}.kb-goal{padding:12px 14px;background:#f2f6ff;border-radius:9px}.kb-goal strong{color:#5970c1}.kb-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:19px 0}.kb-actions article{padding:15px;border:1px solid #ecebf4;border-radius:12px;background:#fcfbff;transition:transform .22s ease,box-shadow .22s ease}.kb-actions article:hover{transform:translateY(-4px);box-shadow:0 9px 20px #6f7ed11f}.kb-actions article:nth-child(2){animation-delay:.05s}.kb-actions article:nth-child(3){animation-delay:.1s}.kb-actions article:nth-child(4){animation-delay:.15s}.kb-actions article>span{font-size:20px;color:#6e86dc;font-weight:700}.kb-actions h4{font-size:13px;margin:6px 0}.kb-actions p,.kb-columns li{font-size:11px;color:#717c93;line-height:1.9}.kb-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.kb-columns h4{font-size:12px}.kb-columns ul{padding-left:17px}.kb-prompt{margin-top:16px}.kb-prompt summary{cursor:pointer;font-size:11px;color:#6f56a2}.kb-prompt pre{white-space:pre-wrap;font:11px/1.8 ui-monospace,monospace;color:#5f5471;background:#f7f4fb;border-radius:9px;padding:14px;margin-top:9px}.kb-case .section-title{align-items:flex-start}.kb-case .section-title h2{margin:5px 0}.kb-case .section-title p{font-size:11px;color:#768199;line-height:1.8;max-width:700px}.kb-case-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.kb-case-preview span{padding:13px;border-radius:10px;background:#f7f8fd;color:#66728c;font-size:11px;display:flex;gap:7px;align-items:center;transition:transform .2s ease,background-color .2s ease}.kb-case-preview span:hover{transform:translateY(-3px);background:#eef2ff}.kb-case-preview svg{width:17px;color:#6a81d6}.kb-case-detail{margin-top:19px;animation:kb-detail-in .35s ease both}.kb-status{padding:11px 13px;background:#fff5e9;border-left:3px solid #dfad69;border-radius:8px;color:#846d4e;font-size:11px}.kb-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.kb-case-detail h3{font-size:16px;margin:22px 0 10px}.kb-role,.kb-doc{padding:13px;border:1px solid #ececf4;border-radius:10px;margin:8px 0;transition:transform .2s ease,box-shadow .2s ease}.kb-role:hover,.kb-doc:hover{transform:translateY(-2px);box-shadow:0 7px 16px #5f6bb217}.kb-role strong,.kb-doc strong{font-size:12px}.kb-role p,.kb-doc p{font-size:11px;line-height:1.8;color:#6f7890}.kb-role small,.kb-doc small,.kb-acceptance small{font-size:10px;line-height:1.7;color:#8a91a4}.kb-exercise-list details,.kb-acceptance details{border:1px solid #ebedf4;border-radius:8px;padding:11px 13px;margin:7px 0;transition:background-color .2s ease,border-color .2s ease}.kb-exercise-list details[open],.kb-acceptance details[open]{background:#f8f8ff;border-color:#cfd7f2}.kb-exercise-list summary,.kb-acceptance summary{font-size:11px;cursor:pointer;color:#56688e}.kb-exercise-list p,.kb-exercise-list li,.kb-acceptance p{font-size:11px;line-height:1.9;color:#6e7890}.kb-prompt-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kb-sources{padding-top:20px}.kb-source-note{font-size:12px;color:#747f96}.kb-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kb-route-grid article{padding:15px;border-radius:11px;background:#f7f8fd;border:1px solid #ebedf4;transition:transform .22s ease,box-shadow .22s ease}.kb-route-grid article:hover{transform:translateY(-3px);box-shadow:0 8px 18px #6676b21a}.kb-route-grid h3{font-size:13px}.kb-route-grid p{font-size:11px;color:#6c7890;line-height:1.8}.kb-source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.kb-source-list a{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:11px;border:1px solid #e7eaf2;border-radius:9px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.kb-source-list a:hover{transform:translateY(-2px);box-shadow:0 7px 16px #5f6bb217;border-color:#aab8eb}.kb-source-list strong{font-size:11px;color:#5d70a0}.kb-source-list small{font-size:10px;color:#7b859a;line-height:1.7}.kb-source-list svg{grid-row:span 2;align-self:center;width:15px}@keyframes kb-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes kb-detail-in{from{opacity:.25;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}@keyframes kb-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes kb-sheen{0%,65%,100%{opacity:0;transform:translateX(-35%) rotate(-18deg)}75%,88%{opacity:.7;transform:translateX(15%) rotate(-18deg)}}@media(prefers-reduced-motion:reduce){.kb-guide,.kb-case,.kb-sources,.kb-step-detail,.kb-case-detail,.kb-actions article{animation:none!important}.kb-hero-icon,.kb-hero::after{animation:none!important}.kb-step,.kb-actions article,.kb-case-preview span,.kb-role,.kb-doc,.kb-exercise-list details,.kb-acceptance details,.kb-route-grid article,.kb-source-list a{transition:none!important}.kb-step:hover,.kb-actions article:hover,.kb-case-preview span:hover,.kb-role:hover,.kb-doc:hover,.kb-route-grid article:hover,.kb-source-list a:hover{transform:none!important}}@media(max-width:900px){.kb-layout{grid-template-columns:1fr}.kb-step-nav{display:grid;grid-template-columns:repeat(4,1fr)}.kb-step{padding:10px}.kb-step strong{font-size:10px}.kb-step small{font-size:9px}.kb-case-grid{grid-template-columns:1fr}.kb-route-grid{grid-template-columns:1fr 1fr}}@media(max-width:740px){.kb-guide,.kb-case,.kb-sources{padding:17px;margin-top:18px}.kb-hero{padding:18px;align-items:flex-start}.kb-hero h2{font-size:21px}.kb-hero p{font-size:11px}.kb-hero-icon{width:49px;height:49px;border-radius:14px}.kb-hero-icon svg{width:27px}.kb-step-nav{grid-template-columns:repeat(2,1fr);gap:6px}.kb-step{gap:7px;padding:9px}.kb-step b{font-size:15px}.kb-step-detail{padding:17px}.kb-step-detail h3{font-size:19px}.kb-actions{grid-template-columns:1fr}.kb-columns{grid-template-columns:1fr;gap:7px}.kb-case .section-title{gap:8px}.kb-case .section-title h2{font-size:17px}.kb-case .section-title .btn{font-size:10px;padding:8px}.kb-case-preview{grid-template-columns:1fr 1fr}.kb-case-preview span{padding:10px;font-size:10px}.kb-prompt-list,.kb-route-grid,.kb-source-list{grid-template-columns:1fr}}
.kb-jump-card{display:flex;align-items:center;gap:14px;margin:22px 0 4px;padding:15px 18px;border:1px solid #dce5fb;border-radius:14px;background:linear-gradient(110deg,#f3f7ff,#fff7ef);color:#4e6091;transition:transform .2s,box-shadow .2s}.kb-jump-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6378c21c}.kb-jump-card b,.kb-jump-card small{display:block}.kb-jump-card b{font-size:14px;color:#455a98}.kb-jump-card small{font-size:11px;color:#76819a;margin-top:4px}.kb-jump-card>svg{margin-left:auto;width:18px}.kb-jump-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e7edff;color:#5977d1}.kb-reference{padding:26px;margin-top:24px}.kb-reference .section-title p{font-size:12px;color:#707c94;line-height:1.8}.kb-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.kb-layer-grid article,.kb-gate-grid article{padding:14px;border-radius:11px;background:#f8f9fe;border:1px solid #e7eaf4}.kb-layer-index{color:#7087d8;font-size:18px;font-weight:700}.kb-layer-grid h3{font-size:13px;margin:6px 0}.kb-layer-grid p,.kb-gate-grid p{font-size:11px;line-height:1.8;color:#707a91}.kb-reference-detail{margin-top:14px;border-top:1px solid #eceef5;padding-top:12px}.kb-reference-detail summary{cursor:pointer;color:#596b96;font-size:12px}.kb-meta-table{margin-top:10px;border:1px solid #e5e8f0;border-radius:9px;overflow:auto}.kb-meta-row{display:grid;grid-template-columns:1.1fr 1.2fr 1.6fr;min-width:560px;border-top:1px solid #eef0f5}.kb-meta-row:first-child{border-top:0}.kb-meta-row>*{padding:9px 11px;font-size:10px;line-height:1.7;color:#6d7890}.kb-meta-head>*{font-weight:700;color:#4e5f8d;background:#f5f7fd}.kb-gate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.kb-gate-grid b{font-size:11px;color:#566a99}.kb-doc summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 9px;align-items:baseline}.kb-doc summary small{margin-left:auto}.kb-doc-sample{white-space:pre-wrap;max-height:220px;overflow:auto;margin-top:9px;padding:11px;border-radius:8px;background:#f7f8fc;color:#6a7085;font:10px/1.8 ui-monospace,monospace}@media(max-width:900px){.kb-layer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.kb-reference{padding:17px}.kb-layer-grid,.kb-gate-grid{grid-template-columns:1fr}.kb-jump-card{margin-top:16px}.kb-doc summary small{margin-left:0;width:100%}}

/* Role-based SOP and AI workflow hub */
.ew-hub{margin-top:24px;padding:26px;background:linear-gradient(145deg,#fff 0%,#f8fbff 55%,#fff8f0 100%);border-color:#dfe7f4;overflow:hidden}
.ew-jump-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin:14px 0 0;padding:12px 15px;border:1px solid #d9e2f2;border-radius:12px;background:linear-gradient(100deg,#f1f5ff,#fff8f2);color:#536a99;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.ew-jump-card:hover{transform:translateY(-1px);border-color:#a9bce9;box-shadow:0 8px 18px #536eac18}.ew-jump-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e6edff;color:#5d78cf}.ew-jump-icon svg{width:18px;height:18px}.ew-jump-card b,.ew-jump-card small{display:block}.ew-jump-card b{font-size:12px;color:#405a91}.ew-jump-card small{margin-top:3px;color:#7c899f;font-size:9px;line-height:1.5}.ew-jump-cta{display:inline-flex;align-items:center;gap:4px;color:#6178c1;font-size:9px;font-weight:700;white-space:nowrap}.ew-jump-cta svg{width:13px}
.ew-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 25px;border:1px solid #e1e8f4;border-radius:17px;background:linear-gradient(120deg,#eef4ff,#f8f2ff 52%,#fff4e7);position:relative;overflow:hidden}
.ew-hero:after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-150px;border-radius:50%;background:radial-gradient(circle,#fff9 0 25%,transparent 68%);pointer-events:none}
.ew-hero h2{margin:7px 0 8px;font-size:25px;color:#283a60;letter-spacing:-.02em}
.ew-hero p{max-width:760px;margin:0;color:#68758d;font-size:12px;line-height:1.9}
.ew-hero .tag{display:inline-flex;margin-top:13px}
.ew-hero-stat{display:grid;grid-template-columns:repeat(3,minmax(75px,1fr));gap:7px;min-width:250px;position:relative;z-index:1}
.ew-hero-stat span{padding:11px 8px;border:1px solid #dfe5f2;border-radius:10px;background:#ffffffaa;text-align:center;color:#7a879c;font-size:9px}
.ew-hero-stat strong{display:block;margin-bottom:4px;color:#4965b1;font-size:21px;font-variant-numeric:tabular-nums}
.ew-layout{display:grid;grid-template-columns:246px minmax(0,1fr);gap:17px;margin-top:18px}
.ew-role-panel{min-width:0;padding:14px;border:1px solid #e1e7f1;border-radius:14px;background:#fbfcff;align-self:start;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}
.ew-role-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:2px 2px 11px}
.ew-role-panel-head strong{font-size:13px;color:#3c4d70}.ew-role-panel-head small{font-size:9px;color:#8a95a8}
.ew-group-tabs{display:flex;gap:5px;flex-wrap:wrap;padding-bottom:11px;border-bottom:1px solid #e9edf4}
.ew-group-tabs button{border:1px solid #e2e7f0;border-radius:999px;background:#fff;color:#718098;padding:5px 8px;font-size:9px;cursor:pointer}
.ew-group-tabs button.active{border-color:#8ca5e8;background:#eef3ff;color:#4d67b3;font-weight:700}
.ew-role-list{display:grid;gap:5px;margin-top:11px}
.ew-role-button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#5f6f8c;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.ew-role-button:hover{transform:translateX(2px);background:#f2f5ff;border-color:#dce4f7}.ew-role-button.active{background:linear-gradient(100deg,#e9efff,#f2ecff);border-color:#9cafeb;color:#405ba9;box-shadow:0 5px 15px #5d73bf18}
.ew-role-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef2fb;color:#6580d2}.ew-role-button.active .ew-role-icon{background:#fff;color:#5a70ca}
.ew-role-button strong,.ew-role-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ew-role-button strong{font-size:11px}.ew-role-button small{margin-top:2px;color:#8b96a9;font-size:8px}.ew-role-button>svg{width:13px;color:#a1adbf}
.ew-role-detail{min-width:0;padding:20px;border:1px solid #e1e7f1;border-radius:14px;background:#fff;animation:ew-detail-in .32s ease both}
.ew-role-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:17px;padding-bottom:16px;border-bottom:1px solid #edf0f5}
.ew-role-heading-main{display:flex;gap:12px;min-width:0}.ew-role-heading-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#e9efff,#f6edff);color:#5d75c9}.ew-role-heading-icon svg{width:23px;height:23px}
.ew-role-heading h3{margin:1px 0 4px;font-size:21px;color:#2e4165}.ew-role-heading p{margin:0;color:#718099;font-size:11px;line-height:1.75}.ew-role-heading .tag{flex:none}
.ew-role-scenario{margin:15px 0;padding:13px 15px;border-left:3px solid #7188dc;border-radius:0 10px 10px 0;background:#f5f7ff;color:#62718d;font-size:11px;line-height:1.8}.ew-role-scenario strong{color:#526ab2}
.ew-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:18px 0 9px}.ew-section-label h4{margin:0;color:#3e5073;font-size:13px}.ew-section-label small{color:#8b96aa;font-size:9px}
.ew-sop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ew-sop-card{position:relative;padding:13px 13px 12px 42px;border:1px solid #e5eaf2;border-radius:11px;background:#fcfdff;min-height:120px;transition:transform .18s,box-shadow .18s,border-color .18s}.ew-sop-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #5068a112;border-color:#cdd8f1}
.ew-sop-index{position:absolute;left:12px;top:12px;color:#7188d5;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.ew-sop-card h5{margin:0 0 6px;font-size:12px;color:#425475}.ew-sop-card p{margin:0;color:#707d95;font-size:10px;line-height:1.75}.ew-sop-foot{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;padding-top:8px;border-top:1px dashed #e6eaf2}.ew-sop-foot span{color:#8490a4;font-size:9px;line-height:1.55}.ew-sop-foot b{display:block;margin-bottom:2px;color:#6475a7;font-size:9px}
.ew-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;position:relative}.ew-flow:before{content:"";position:absolute;left:5%;right:5%;top:24px;border-top:1px dashed #c8d2e8;z-index:0}.ew-flow-card{position:relative;z-index:1;min-width:0;padding:10px 9px 11px;border:1px solid #e3e8f2;border-radius:10px;background:#fff;text-align:center}.ew-flow-card>span{display:grid;place-items:center;width:29px;height:29px;margin:0 auto 7px;border-radius:50%;background:#eef2fd;color:#5c73c5;font-size:9px;font-weight:700}.ew-flow-card:nth-child(2)>span{background:#f0ebff;color:#805fd0}.ew-flow-card:nth-child(3)>span{background:#e7f7f1;color:#2f9773}.ew-flow-card:nth-child(4)>span{background:#fff3df;color:#bd7b30}.ew-flow-card:nth-child(5)>span{background:#ffecef;color:#bf5c77}.ew-flow-card strong,.ew-flow-card small{display:block}.ew-flow-card strong{font-size:10px;color:#465675}.ew-flow-card small{margin-top:4px;color:#7b879c;font-size:8px;line-height:1.6}
.ew-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ew-decision{padding:12px 13px;border-radius:10px;border:1px solid #e2e9e8;background:#f8fdfb}.ew-decision.human{border-color:#f0e4d3;background:#fffaf2}.ew-decision h5{display:flex;align-items:center;gap:6px;margin:0 0 7px;font-size:11px;color:#337b62}.ew-decision.human h5{color:#aa7137}.ew-decision h5 svg{width:14px}.ew-decision ul{margin:0;padding-left:16px}.ew-decision li{margin:4px 0;color:#6c7c8a;font-size:10px;line-height:1.6}
.ew-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.ew-meta-card{padding:11px 12px;border:1px solid #e6eaf1;border-radius:10px;background:#fbfcff}.ew-meta-card h5{margin:0 0 7px;font-size:11px;color:#53678f}.ew-chip-list{display:flex;flex-wrap:wrap;gap:5px}.ew-chip-list span{padding:4px 7px;border-radius:999px;background:#f0f3fa;color:#71809b;font-size:9px}
.ew-meta-grid-secondary{margin-top:9px}.ew-meta-grid-secondary .ew-meta-card h5{display:flex;align-items:center;gap:5px}.ew-meta-grid-secondary .ew-meta-card h5 svg{width:13px;height:13px;color:#6c82c8}.ew-meta-copy{margin:0;color:#71809b;font-size:9px;line-height:1.75}.ew-meta-copy b{color:#566b95;font-weight:700}
.ew-prompt-panel{margin-top:11px;border:1px solid #e5e9f2;border-radius:10px;background:#fafbff;overflow:hidden}.ew-prompt-panel summary{padding:10px 12px;color:#5c6e9b;font-size:10px;cursor:pointer}.ew-prompt-panel pre{margin:0;padding:12px 13px;border-top:1px solid #e9edf4;white-space:pre-wrap;color:#606d84;font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}
.ew-role-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f5}.ew-role-actions small{color:#8a95a7;font-size:9px;line-height:1.6}.ew-role-actions .btn{font-size:10px;padding:8px 11px}
.ew-sop-builder{margin-top:18px;padding:20px;border:1px solid #dfe7f1;border-radius:14px;background:linear-gradient(145deg,#fbfdff,#f6f8ff 65%,#fff9f0)}.ew-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.ew-builder-head h3{margin:4px 0 5px;font-size:18px;color:#304466}.ew-builder-head p{margin:0;color:#748097;font-size:10px;line-height:1.75;max-width:680px}.ew-builder-badge{display:inline-flex;align-items:center;gap:5px;flex:none;padding:7px 9px;border:1px solid #cfe0dc;border-radius:8px;background:#f1fbf7;color:#3b8d75;font-size:9px}.ew-builder-badge svg{width:14px}
.ew-builder-form{display:grid;grid-template-columns:190px minmax(0,1fr);gap:11px;margin-top:15px}.ew-builder-side{display:flex;flex-direction:column;gap:9px}.ew-builder-side label,.ew-builder-main label{display:flex;flex-direction:column;gap:5px;color:#63718a;font-size:10px;font-weight:650}.ew-builder-form select,.ew-builder-form input,.ew-builder-form textarea{width:100%;border:1px solid #dfe5ef;border-radius:8px;background:#fff;color:#425371;font:inherit;padding:9px 10px;outline:none}.ew-builder-form select:focus,.ew-builder-form input:focus,.ew-builder-form textarea:focus{border-color:#8299e0;box-shadow:0 0 0 3px #8299e01a}.ew-builder-main textarea{min-height:177px;resize:vertical;line-height:1.7}.ew-builder-main{display:flex;flex-direction:column;gap:9px}.ew-builder-help{color:#8b96a8;font-size:9px;line-height:1.6}.ew-builder-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto}.ew-builder-actions small{color:#7c899d;font-size:9px}.ew-builder-actions .btn{font-size:10px;padding:8px 11px}.ew-builder-result{margin-top:14px;padding:15px;border:1px solid #dce5f0;border-radius:11px;background:#fff;animation:ew-detail-in .32s ease both}.ew-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ew-result-head h4{margin:3px 0 5px;color:#33496e;font-size:15px}.ew-result-head p{margin:0;color:#758198;font-size:10px;line-height:1.7}.ew-result-head .tag{flex:none;font-size:9px}.ew-result-prompt{margin-top:11px}.ew-result-prompt h5{margin:0 0 6px;color:#526993;font-size:11px}.ew-result-prompt textarea{min-height:150px;resize:vertical;background:#f8f9fd;color:#5b6780;font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.ew-result-prompt .btn{margin-top:6px;font-size:9px;padding:6px 9px}.ew-result-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.ew-result-columns section{padding:10px;border:1px solid #e8ebf2;border-radius:9px;background:#fbfcff}.ew-result-columns h5{margin:0 0 6px;color:#566b95;font-size:10px}.ew-result-columns ol{margin:0;padding-left:15px}.ew-result-columns li{margin:3px 0;color:#717f95;font-size:9px;line-height:1.55}
@keyframes ew-detail-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ew-role-detail,.ew-builder-result{animation:none}.ew-role-button,.ew-sop-card{transition:none}.ew-role-button:hover,.ew-sop-card:hover{transform:none}}
@media(max-width:1050px){.ew-layout{grid-template-columns:205px minmax(0,1fr)}.ew-flow{grid-template-columns:repeat(3,1fr)}.ew-flow:before{display:none}.ew-flow-card:nth-child(4),.ew-flow-card:nth-child(5){margin-top:2px}.ew-hero-stat{min-width:215px}}
@media(max-width:780px){.ew-hub{padding:16px;margin-top:18px}.ew-jump-card{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px 11px}.ew-jump-icon{width:32px;height:32px}.ew-jump-card b{font-size:10px}.ew-jump-card small{font-size:8px}.ew-jump-cta{grid-column:2;justify-self:start;margin-top:-3px}.ew-hero{display:block;padding:18px}.ew-hero h2{font-size:21px}.ew-hero p{font-size:10px}.ew-hero-stat{grid-template-columns:repeat(3,1fr);min-width:0;margin-top:14px}.ew-hero-stat strong{font-size:18px}.ew-layout{display:block}.ew-role-panel{position:static;max-height:none;margin-bottom:12px}.ew-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ew-role-button{grid-template-columns:25px minmax(0,1fr);padding:7px}.ew-role-button>svg{display:none}.ew-role-icon{width:25px;height:25px}.ew-role-button strong{font-size:10px}.ew-role-button small{font-size:7px}.ew-role-detail{padding:15px}.ew-role-heading h3{font-size:18px}.ew-role-heading p{font-size:10px}.ew-role-heading .tag{font-size:8px}.ew-sop-grid{grid-template-columns:1fr}.ew-flow{grid-template-columns:repeat(2,1fr)}.ew-decision-grid,.ew-meta-grid{grid-template-columns:1fr}.ew-builder-form{grid-template-columns:1fr}.ew-builder-side{display:grid;grid-template-columns:1fr 1fr}.ew-builder-main textarea{min-height:145px}.ew-result-columns{grid-template-columns:1fr}.ew-role-actions{display:block}.ew-role-actions .btn{margin-top:8px}}

/* Plain-language enterprise playbook: compact, colorful and scannable. */
.ef-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center;margin:4px 0 15px;padding:27px 30px;border:1px solid #dce4f5;border-radius:22px;background:linear-gradient(118deg,#eef4ff 0%,#f7f0ff 48%,#fff3e8 100%);position:relative;overflow:hidden;box-shadow:0 15px 35px rgba(73,91,157,.08)}
.ef-hero:after{content:"";position:absolute;inset:auto -90px -140px auto;width:330px;height:250px;border-radius:50%;background:radial-gradient(circle,#fff9 0 20%,transparent 68%);pointer-events:none}
.ef-hero-copy{position:relative;z-index:1}.ef-hero h2{margin:5px 0 8px;color:#293c67;font-size:27px;letter-spacing:-.03em}.ef-hero-copy>p{max-width:850px;color:#61708b;font-size:13px;line-height:1.9}.ef-source-note{display:flex;align-items:flex-start;gap:7px;margin-top:14px;padding:9px 11px;border:1px solid #dce4f2;border-radius:9px;background:#ffffffa8;color:#77849b;font-size:10px;line-height:1.7}.ef-source-note svg{width:14px;flex:0 0 auto;color:#617bd2;margin-top:2px}
.ef-hero-orbit{width:190px;height:190px;justify-self:end;position:relative;border:1px solid #ffffffa8;border-radius:50%;background:radial-gradient(circle at 45% 38%,#fff 0 7%,#dfe7ff 8% 18%,#9caef0 19% 21%,transparent 22%),conic-gradient(from 20deg,#7089e8,#c291e7,#f1a86c,#73c8a7,#7089e8);box-shadow:inset 0 0 0 15px #ffffff55,0 12px 30px #6478c52b;animation:ef-orbit 14s linear infinite}.ef-hero-orbit:before,.ef-hero-orbit:after{content:"";position:absolute;inset:17px;border:1px dashed #fff9;border-radius:50%}.ef-hero-orbit:after{inset:38px;border-style:solid;border-color:#fff8 transparent #fff8 transparent;transform:rotate(48deg)}.ef-hero-orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff35}.ef-hero-orbit span:nth-child(1){left:25px;top:45px}.ef-hero-orbit span:nth-child(2){right:23px;top:72px;background:#ffe4bd}.ef-hero-orbit span:nth-child(3){left:73px;bottom:21px;background:#d5ffe9}.ef-hero-orbit b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:40px;text-shadow:0 3px 12px #3c4b9370}.ef-hero-orbit small{position:absolute;inset:111px 0 auto;text-align:center;color:#fff;font-size:9px;letter-spacing:.1em}
.ef-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px}.ef-promise article{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #e4e7f1;border-radius:12px;background:#fff;box-shadow:0 5px 16px #6573a40b}.ef-promise article:nth-child(1){border-top:3px solid #6f8df0}.ef-promise article:nth-child(2){border-top:3px solid #c28ce8}.ef-promise article:nth-child(3){border-top:3px solid #e8a164}.ef-promise span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef2ff;color:#5e76cf;font-size:10px;font-weight:800}.ef-promise strong{font-size:11px;color:#536282;line-height:1.5}
.ef-playbook-panel,.ef-side-panel{min-width:0}.ef-playbook-panel{padding:22px;border:1px solid #e1e6f0;border-radius:17px;background:#fff;box-shadow:0 10px 26px #57668c0a}.ef-panel-heading,.ef-subhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ef-panel-heading h2{margin:4px 0 5px;color:#34476d;font-size:20px}.ef-panel-heading p{color:#7a869d;font-size:11px;line-height:1.75}.ef-panel-heading .tag{flex:none;margin-top:2px}
.ef-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:17px 0 15px;padding:7px;border:1px solid #e8ebf3;border-radius:12px;background:#fafbff}.ef-step-nav button{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 8px;border:1px solid transparent;border-radius:9px;text-align:left;background:transparent;color:#71809b;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.ef-step-nav button:hover{transform:translateY(-1px);background:#f1f4ff}.ef-step-nav button.active{border-color:#aab9ed;background:linear-gradient(110deg,#eaf0ff,#f5edff);box-shadow:0 5px 13px #6779bd18;color:#455caa}.ef-step-nav button>b{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:8px;background:#eef2ff;color:#637bd2;font-size:10px}.ef-step-nav button:nth-child(2)>b,.ef-step-nav button:nth-child(6)>b{background:#fff2df;color:#c48438}.ef-step-nav button:nth-child(3)>b,.ef-step-nav button:nth-child(8)>b{background:#f3ebff;color:#8860c9}.ef-step-nav button:nth-child(4)>b,.ef-step-nav button:nth-child(7)>b{background:#e9faf2;color:#3b9b78}.ef-step-nav button:nth-child(5)>b{background:#ffedf1;color:#bd607a}.ef-step-nav strong,.ef-step-nav small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ef-step-nav strong{font-size:10px}.ef-step-nav small{margin-top:2px;font-size:8px;color:#8c97ab}
.ef-step-detail{padding:18px;border:1px solid #e4e8f2;border-radius:13px;background:linear-gradient(145deg,#fcfdff,#fff 55%,#fffaf4);animation:ef-detail-in .3s ease both}.ef-step-kicker{display:flex;align-items:center;gap:11px}.ef-step-number{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#637fe5,#9176dc);color:#fff;font-size:13px;font-weight:800;box-shadow:0 5px 12px #6a78c536}.ef-step-kicker .eyebrow{margin:0;color:#7180a2}.ef-step-kicker h3{margin:2px 0 0;color:#33476f;font-size:20px}.ef-step-check{display:flex;align-items:center;gap:5px;margin-left:auto;color:#7d899f;font-size:9px;white-space:nowrap}.ef-step-check input{accent-color:#4eaa85}
.ef-question{display:flex;gap:10px;margin:16px 0;padding:13px 14px;border-left:3px solid #7289df;border-radius:0 10px 10px 0;background:#f2f5ff}.ef-question>span{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:8px;background:#dfe7ff;color:#5d75ca}.ef-question svg{width:15px}.ef-question b{display:block;color:#4b6096;font-size:12px}.ef-question p{margin-top:4px;color:#6e7b94;font-size:11px;line-height:1.8}
.ef-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ef-detail-columns section,.ef-example,.ef-bottom-columns>section{min-width:0;padding:13px;border:1px solid #e8ebf2;border-radius:11px;background:#fff}.ef-step-detail h4{display:flex;align-items:center;gap:6px;margin:0 0 9px;color:#51658f;font-size:11px}.ef-heading-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eef2ff;color:#667dd0}.ef-heading-icon svg{width:13px;height:13px}.ef-action-list{display:grid;gap:7px}.ef-action-list>div{display:grid;grid-template-columns:23px 1fr;gap:8px;align-items:start}.ef-action-list b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f2f4fb;color:#7688c8;font-size:9px}.ef-action-list p{color:#6e7b93;font-size:10px;line-height:1.72}
.ef-prompt-wrap{min-width:0}.ef-prompt-wrap pre{margin:0;padding:10px;border:1px solid #e6e9f1;border-radius:8px;background:#f8f9fd;color:#59657e;font:10px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:210px;overflow:auto}.ef-prompt-wrap small{display:block;margin-top:7px;color:#929caf;font-size:9px;line-height:1.6}.ef-example{margin-top:10px}.ef-subhead h2{margin:4px 0 4px;color:#3d5179;font-size:18px}.ef-subhead h3{margin:3px 0 4px;color:#3d5179;font-size:15px}.ef-subhead p{color:#7c879a;font-size:10px;line-height:1.7}.ef-subhead .tag{flex:none}.ef-example .ef-subhead{align-items:center}.ef-example .tag{font-size:8px}.ef-example-table{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.ef-example-table>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:7px;padding:8px 9px;border-radius:8px;background:#f8f9fd}.ef-example-table b{color:#7887a4;font-size:9px}.ef-example-table span{color:#5c6b87;font-size:10px;line-height:1.6}.ef-before-after{display:grid;grid-template-columns:1fr 25px 1fr;gap:8px;align-items:center}.ef-before-after>div{padding:10px;border-radius:8px;background:#faf7f5}.ef-before-after>div:last-of-type{background:#f0f9f5}.ef-before-after small{color:#9c8b81;font-size:9px}.ef-before-after p{margin-top:4px;color:#697183;font-size:10px;line-height:1.7}.ef-before-after>i{display:grid;place-items:center;color:#8b9bd0}.ef-before-after>i svg{width:15px}.ef-before-after em,.ef-example-note{display:block;grid-column:1/-1;margin:7px 0 0;color:#8791a4;font-size:9px;line-height:1.7;font-style:normal}.ef-mini-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ef-mini-ladder>div{display:flex;gap:6px;align-items:flex-start;padding:9px;border-radius:8px;background:#f7f8fd}.ef-mini-ladder b,.ef-four-actions b{color:#7187d0;font-size:11px}.ef-mini-ladder strong,.ef-mini-ladder small{display:block}.ef-mini-ladder strong{color:#596988;font-size:10px}.ef-mini-ladder small{margin-top:3px;color:#7e889d;font-size:9px;line-height:1.5}.ef-four-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ef-four-actions span{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:8px;background:#f8f9fd;color:#65728c;font-size:10px;line-height:1.5}.ef-folder-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ef-folder-list span{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:#f8f9fd;color:#65728c;font-size:10px}.ef-folder-list b{color:#7187d0;font-size:10px}
.ef-bottom-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:10px}.ef-bottom-columns h4 svg{width:14px;color:#7588cd}.ef-check-list,.ef-pitfall-list{margin:0;padding-left:16px}.ef-check-list li,.ef-pitfall-list li{margin:4px 0;color:#707d94;font-size:9px;line-height:1.65}.ef-pitfall{background:#fffaf3!important;border-color:#f0e3d2!important}.ef-pitfall h4{color:#a8783e!important}.ef-pitfall-list li{color:#88755e}
.ef-side-panel{display:flex;flex-direction:column;gap:11px}.ef-loop-card,.ef-progress-card,.ef-evidence-panel{padding:16px;border:1px solid #e2e7f0;border-radius:14px;background:#fff;box-shadow:0 8px 20px #64728f0b}.ef-loop-card{background:linear-gradient(145deg,#fffaf2,#fff 70%)}.ef-loop-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.ef-loop-card h3{margin:4px 0 10px;color:#4e5e7d;font-size:16px}.ef-loop{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr;gap:3px;align-items:center}.ef-loop>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 5px;border:1px solid #f0e6d6;border-radius:8px;background:#fff}.ef-loop b{color:#c4843c;font-size:10px}.ef-loop strong{color:#69748a;font-size:9px;white-space:nowrap}.ef-loop small{color:#9a9da7;font-size:8px}.ef-loop>i{display:grid;place-items:center;color:#cfaa77}.ef-loop>i svg{width:11px}.ef-loop-card>p{margin-top:10px;color:#858d9e;font-size:9px;line-height:1.75}.ef-progress-card .ef-subhead h3{font-size:15px}.ef-progress-list{display:grid;gap:3px;margin-top:8px}.ef-progress-item{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:7px;color:#7b879b;font-size:9px;cursor:pointer}.ef-progress-item:hover{background:#f5f7ff}.ef-progress-item input{accent-color:#5e9e83}.ef-progress-item>span{display:flex;align-items:center;gap:7px;min-width:0}.ef-progress-item b{color:#8293d0;font-size:8px}.ef-progress-item.is-done>span>span{text-decoration:line-through;color:#91a092}.ef-evidence-panel .ef-subhead h3{font-size:15px}.ef-evidence-panel>p{margin:6px 0 10px;color:#838d9f;font-size:9px;line-height:1.7}.ef-metric-form{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.ef-metric-form .field label{font-size:9px;margin-bottom:5px}.ef-metric-form .field input{min-height:34px;padding:7px 8px;font-size:10px}.ef-metric-results{gap:8px;padding:11px 0}.ef-metric-results strong{font-size:18px}.ef-metric-results small{font-size:9px}.ef-metric-note{font-size:8px!important;color:#aa8a65!important}
.ef-doctor,.ef-track-panel,.ef-upgrade-panel{margin-top:18px;padding:22px;border:1px solid #dfe5f0;border-radius:17px;background:#fff;box-shadow:0 9px 24px #57668c0a}.ef-doctor{background:linear-gradient(120deg,#f3f8ff,#fff 52%,#f8f3ff)}.ef-doctor-head h2{margin:4px 0;color:#344972;font-size:20px}.ef-doctor-head p{color:#79859b;font-size:11px;line-height:1.7}.ef-doctor-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d9e3f3;border-radius:8px;color:#6578b2;background:#f1f5ff;font-size:9px;white-space:nowrap}.ef-doctor-badge svg{width:14px}.ef-doctor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.ef-doctor-grid label{display:flex;flex-direction:column;gap:5px;color:#65728d;font-size:10px;font-weight:650}.ef-doctor-grid input,.ef-doctor-grid textarea{width:100%;border:1px solid #dfe5f0;border-radius:8px;background:#fff;color:#4c5d7c;font:inherit;padding:9px 10px;outline:none;resize:vertical}.ef-doctor-grid textarea{min-height:77px;line-height:1.7}.ef-doctor-grid input:focus,.ef-doctor-grid textarea:focus{border-color:#91a6e6;box-shadow:0 0 0 3px #91a6e61c}.ef-doctor-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.ef-doctor-foot>span{color:#8c96a9;font-size:9px}.ef-doctor-foot .btn{font-size:10px;padding:8px 11px}.ef-doctor-result{display:grid;grid-template-columns:1fr 1.5fr;gap:15px;margin-top:14px;padding:14px;border:1px solid #cfe4da;border-radius:11px;background:#f3fcf8;animation:ef-detail-in .3s ease both}.ef-doctor-result h3{margin:5px 0;color:#347860;font-size:15px}.ef-doctor-result p{color:#688777;font-size:10px;line-height:1.7}.ef-doctor-result ol{margin:0;padding-left:18px}.ef-doctor-result li{margin:4px 0;color:#5d7d6c;font-size:10px;line-height:1.65}.ef-doctor-result-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:9px;border-top:1px dashed #cce4d8;color:#5d896f;font-size:9px}.ef-doctor-result-foot>span{display:flex;align-items:center;gap:4px}.ef-doctor-result-foot svg{width:13px}.ef-doctor-result-foot .btn{font-size:9px;padding:7px 9px}
.ef-track-panel{background:linear-gradient(120deg,#fff,#f7f6ff)}.ef-track-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 11px}.ef-track-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:1px solid #e0e5f1;border-radius:9px;background:#fff;color:#748099;font-size:10px;cursor:pointer}.ef-track-tabs button svg{width:15px}.ef-track-tabs button.active{border-color:#a5b6eb;background:#edf2ff;color:#536ab3;font-weight:700}.ef-track-detail{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px;border:1px solid #e5e8f2;border-radius:10px;background:#fff}.ef-track-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#e8eeff,#f5ebff);color:#647bd0}.ef-track-icon svg{width:22px}.ef-track-detail h3{margin:1px 0 5px;color:#4c5f8a;font-size:14px}.ef-track-detail p{margin:3px 0;color:#738098;font-size:10px;line-height:1.65}.ef-track-detail p b{color:#5c6f9d}.ef-track-loop{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:300px}.ef-track-loop span{padding:6px 7px;border-radius:7px;background:#f4f6fc;color:#71809c;font-size:8px}.ef-track-loop i{color:#a1acd0}.ef-track-loop svg{width:11px}
.ef-upgrade-panel{background:linear-gradient(120deg,#fffaf4,#fff 55%,#f4f8ff)}.ef-upgrade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px}.ef-upgrade-grid article{display:flex;gap:7px;align-items:flex-start;padding:10px;border:1px solid #ece8e2;border-radius:9px;background:#fff}.ef-upgrade-grid article>span{color:#c78a48;font-size:10px;font-weight:800}.ef-upgrade-grid strong{display:block;color:#68718a;font-size:9px}.ef-upgrade-grid p{margin-top:3px;color:#8a91a0;font-size:9px;line-height:1.5}.ef-upgrade-boundary{display:flex;gap:8px;align-items:flex-start;margin-top:11px;padding:10px 11px;border-left:3px solid #7892df;border-radius:0 8px 8px 0;background:#f2f5ff;color:#6f7f9d;font-size:10px;line-height:1.7}.ef-upgrade-boundary svg{width:15px;color:#617bd2}.ef-upgrade-boundary p{margin:0}.ef-advanced-note{display:flex;align-items:flex-start;gap:10px;margin:17px 0 2px;padding:13px 15px;border:1px dashed #cbd6ed;border-radius:11px;background:#f8faff;color:#7986a1}.ef-advanced-note>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e9efff;color:#6078cf}.ef-advanced-note svg{width:15px}.ef-advanced-note strong{display:block;color:#586b9d;font-size:11px}.ef-advanced-note p{margin-top:3px;font-size:9px;line-height:1.7}
@keyframes ef-detail-in{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes ef-orbit{to{transform:rotate(360deg)}}
.ef-advanced-divider{scroll-margin-top:84px;display:flex;align-items:flex-start;gap:12px;margin:31px 0 4px;padding:17px 19px;border-top:1px solid #e1e6f1;border-bottom:1px solid #e1e6f1;background:linear-gradient(90deg,#f5f7ff,#fff)}.ef-advanced-divider>span{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#e8edff;color:#627bd0}.ef-advanced-divider>span svg{width:18px}.ef-advanced-divider h2{margin:2px 0 3px;color:#40547d;font-size:18px}.ef-advanced-divider p{color:#7c879b;font-size:10px;line-height:1.75}
@media(prefers-reduced-motion:reduce){.ef-hero-orbit,.ef-step-detail,.ef-doctor-result{animation:none!important}.ef-step-nav button{transition:none}.ef-step-nav button:hover{transform:none}}
@media(max-width:1100px){.ef-hero{grid-template-columns:minmax(0,1fr) 170px}.ef-hero-orbit{width:150px;height:150px}.ef-doctor-grid{grid-template-columns:1fr 1fr}.ef-track-detail{grid-template-columns:44px minmax(0,1fr)}.ef-track-loop{grid-column:2;justify-content:flex-start;max-width:none}.ef-upgrade-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.ef-hero{display:block;padding:20px}.ef-hero h2{font-size:22px}.ef-hero-copy>p{font-size:11px}.ef-hero-orbit{width:120px;height:120px;margin:17px auto 0}.ef-hero-orbit b{font-size:27px}.ef-hero-orbit small{inset:70px 0 auto;font-size:7px}.ef-promise{grid-template-columns:1fr;gap:6px;margin-bottom:14px}.ef-playbook-panel{padding:15px}.ef-panel-heading h2{font-size:17px}.ef-step-nav{grid-template-columns:repeat(2,1fr);gap:5px}.ef-step-nav button{padding:8px 6px}.ef-step-nav strong{font-size:9px}.ef-step-nav small{font-size:7px}.ef-step-detail{padding:14px}.ef-step-kicker h3{font-size:17px}.ef-step-check{font-size:8px}.ef-detail-columns,.ef-bottom-columns{grid-template-columns:1fr}.ef-example-table{grid-template-columns:1fr}.ef-mini-ladder,.ef-four-actions,.ef-folder-list{grid-template-columns:1fr 1fr}.ef-before-after{grid-template-columns:1fr}.ef-before-after>i{transform:rotate(90deg)}.ef-before-after em{grid-column:1}.ef-loop{grid-template-columns:1fr 12px 1fr;gap:4px}.ef-loop>div:nth-of-type(n+3){margin-top:4px}.ef-loop>i:nth-of-type(2){display:none}.ef-loop>div:nth-of-type(3){grid-column:1}.ef-loop>div:nth-of-type(4){grid-column:3}.ef-evidence-panel{padding:13px}.ef-doctor,.ef-track-panel,.ef-upgrade-panel{padding:15px}.ef-doctor-head h2{font-size:17px}.ef-doctor-grid{grid-template-columns:1fr}.ef-doctor-foot{display:block}.ef-doctor-foot .btn{margin-top:8px;width:100%}.ef-doctor-result{grid-template-columns:1fr;gap:8px}.ef-doctor-result-foot{display:block}.ef-doctor-result-foot .btn{margin-top:8px}.ef-track-tabs{grid-template-columns:1fr 1fr}.ef-track-detail{grid-template-columns:35px minmax(0,1fr);gap:9px}.ef-track-icon{width:35px;height:35px;border-radius:10px}.ef-track-icon svg{width:18px}.ef-track-loop{grid-column:1/-1}.ef-upgrade-grid{grid-template-columns:1fr 1fr}.ef-advanced-note{font-size:9px}.ef-advanced-divider{scroll-margin-top:84px;margin-top:23px;padding:14px 3px}.ef-advanced-divider h2{font-size:16px}.ef-advanced-divider p{font-size:9px}}

/* Readability pass: the playbook is a teaching surface, so its labels must
   remain readable when the two-column page leaves the detail panel narrow. */
.ef-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
.ef-step-nav button{align-items:flex-start;min-height:54px;padding:10px}
.ef-step-nav strong{font-size:11px;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip}
.ef-step-nav small{font-size:9px;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip}
.ef-detail-columns{grid-template-columns:1fr}
.ef-action-list p{font-size:11px;line-height:1.8;color:#65738d}
.ef-prompt-wrap pre{font-size:11px;line-height:1.8;max-height:280px}
.ef-bottom-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.ef-bottom-columns>section:last-child{grid-column:1/-1}
.ef-check-list li,.ef-pitfall-list li{font-size:10.5px;line-height:1.75}
.ef-track-detail p{font-size:11px;line-height:1.75}
.ef-upgrade-grid strong{font-size:10px}
.ef-upgrade-grid p{font-size:10px;line-height:1.6}
@media(max-width:780px){
  .ef-step-kicker{position:relative;padding-bottom:23px;align-items:flex-start}
  .ef-step-kicker>div{flex:1;min-width:0}
  .ef-step-kicker h3{font-size:17px;line-height:1.45;overflow-wrap:anywhere}
  .ef-step-check{position:absolute;left:48px;bottom:0;margin:0;font-size:8px}
  .ef-bottom-columns{grid-template-columns:1fr}
  .ef-bottom-columns>section:last-child{grid-column:auto}
}

/* Readability pass: give the teaching route room to explain itself. */
#main .enterprise-grid:has(.ef-playbook-panel){
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);
  gap:18px;
}
#main .ef-step-nav{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#main .ef-step-nav button{
  align-items:flex-start;
  min-height:58px;
  padding:10px 11px;
}
#main .ef-step-nav strong,
#main .ef-step-nav small{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}
#main .ef-step-nav strong{font-size:12px;line-height:1.45;color:#536789}
#main .ef-step-nav small{font-size:10px;line-height:1.45;color:#6f7e98}
#main .ef-panel-heading p{font-size:12px;color:#61718d}
#main .ef-detail-columns{gap:14px}
#main .ef-step-detail h4{font-size:12px;line-height:1.5;color:#4e638e}
#main .ef-step-kicker>div{min-width:0;flex:1 1 auto}
#main .ef-step-kicker h3{font-size:22px;line-height:1.45;overflow-wrap:anywhere}
#main .ef-question b{font-size:13px;line-height:1.5}
#main .ef-question p{font-size:12px;line-height:1.8;color:#5d6e8b}
#main .ef-action-list p{font-size:12px;line-height:1.78;color:#5e6e89}
#main .ef-action-list b{font-size:10px}
#main .ef-prompt-wrap pre{
  max-height:none;
  overflow:visible;
  font-size:12px;
  line-height:1.75;
  color:#4f607e;
}
#main .ef-prompt-wrap small{font-size:10px;line-height:1.65;color:#697894}
#main .ef-bottom-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#main .ef-bottom-columns .ef-pitfall{grid-column:1/-1}
#main .ef-check-list li,
#main .ef-pitfall-list li{font-size:10.5px;line-height:1.72;color:#5f6e87}
#main .ef-loop-card>p,
#main .ef-evidence-panel>p{font-size:10px;line-height:1.75;color:#697792}
#main .ef-loop strong{font-size:10px}
#main .ef-loop small{font-size:9px;color:#707d94}
#main .ef-doctor-head p,
#main .ef-track-detail p{font-size:11px;line-height:1.75;color:#62728e}
#main .ef-upgrade-grid p{font-size:10px;line-height:1.55;color:#69758d}

@media(max-width:1100px){
  #main .enterprise-grid:has(.ef-playbook-panel){grid-template-columns:1fr}
}

@media(max-width:780px){
  #main .ef-step-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #main .ef-step-nav button{min-height:62px;padding:9px 8px}
  #main .ef-step-nav strong{font-size:10px;line-height:1.45}
  #main .ef-step-nav small{font-size:9px;line-height:1.45}
  #main .ef-step-kicker{flex-wrap:wrap;row-gap:8px}
  #main .ef-step-kicker h3{font-size:19px;line-height:1.45}
  #main .ef-step-check{flex:0 0 100%;margin-left:48px;font-size:9px;white-space:normal}
  #main .ef-question p{font-size:12px}
  #main .ef-action-list p{font-size:11px;line-height:1.78}
  #main .ef-prompt-wrap pre{font-size:11px;line-height:1.75}
  #main .ef-prompt-wrap small{font-size:10px}
  #main .ef-check-list li,
  #main .ef-pitfall-list li{font-size:10.5px}
}

.industry-track{margin:20px 0 24px;padding:24px;background:linear-gradient(135deg,#fffaf3e8,#f5f1ffed 58%,#eef8f5e8);border:1px solid #fff;border-radius:20px;box-shadow:0 8px 24px #6f5a8510;scroll-margin-top:92px}
.industry-track-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ebe4f2;padding-bottom:16px}
.industry-track-head .eyebrow{margin:0;color:#9a6c3e}
.industry-track-head h3{margin:5px 0 4px;color:#685879;font-size:18px}
.industry-track-head p{margin:0;color:#766b7d;font-size:11px}
.industry-track .industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.industry-track h4{margin:0 0 8px;color:#78618c;font-size:12px}
.industry-track ul{margin:0;padding-left:18px}
.industry-track li{margin:7px 0;color:#6d6777;font-size:11px;line-height:1.8}
.industry-deliverable{margin-top:18px;padding:13px 15px;border-left:3px solid #d48b55;background:#fff8ed;color:#7a674f;font-size:11px;line-height:1.8;border-radius:8px}
.industry-acceptance{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.industry-acceptance>strong{width:100%;font-size:11px;color:#776185}
.industry-acceptance span{display:inline-flex;align-items:flex-start;gap:5px;padding:7px 10px;background:#ffffffb8;border:1px solid #eee6f4;border-radius:8px;color:#6d6778;font-size:10px;line-height:1.6}
.industry-acceptance svg{width:13px;height:13px;color:#48a27d;flex:none;margin-top:2px}
.industry-resources{margin-top:18px;padding:14px 15px;background:#ffffff9c;border:1px solid #ece4f4;border-radius:12px}
.industry-resources-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.industry-resources-head h4{margin:0;color:#78618c;font-size:12px}
.industry-resources-head span{color:#94889a;font-size:10px}
.industry-resource-list{display:flex;flex-wrap:wrap;gap:8px}
.industry-resource{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e5dcef;border-radius:999px;background:#fff;color:#685879;font-size:11px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.industry-resource:hover,.industry-resource:focus-visible{border-color:#b99bd4;box-shadow:0 5px 14px #6f5a851c;transform:translateY(-1px);outline:none}
.industry-resource svg{width:13px;height:13px;color:#8e63b5;flex:none}
@media(max-width:760px){.industry-track{padding:17px;margin-top:20px}.industry-track-head{align-items:flex-start;flex-direction:column;gap:10px}.industry-track .industry-grid{grid-template-columns:1fr}.industry-track li{font-size:10px}}

/* Keep reading content unselectable, including dynamically opened dialogs. */
body.content-protected,
body.content-protected * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
body.content-protected input,
body.content-protected textarea,
body.content-protected select,
body.content-protected [contenteditable="true"],
body.content-protected [contenteditable="true"] * {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}
body.content-protected img { -webkit-user-drag: none; }
.reading-notice { color: var(--muted, #64748b); font-size: 12px; line-height: 1.8; }
@media print {
  body.content-protected { background: white !important; padding: 24px !important; }
  body.content-protected > *,
  body.content-protected::before { display: none !important; }
  body.content-protected::after {
    content: "VBosss讲堂 · 课程资料仅供在线阅读，请勿复制或传播。";
    display: block !important;
    position: static !important;
    color: #222 !important;
    font: 16px/1.8 sans-serif;
  }
}

/* Architecture decision lab: a dense, calm workbench layered over the glass theme. */
.arch-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:stretch;margin:0 0 20px;padding:28px 30px;border:1px solid #fff;border-radius:22px;background:linear-gradient(120deg,rgba(247,247,255,.94),rgba(255,246,250,.86) 58%,rgba(255,248,232,.86));box-shadow:0 12px 28px rgba(77,62,128,.08);overflow:hidden;position:relative}.arch-hero-copy{min-width:0}.arch-hero-copy h2{font-size:25px;line-height:1.45;color:#4e4d79;margin:13px 0 8px}.arch-hero-copy>p{max-width:760px;color:#5f6580;font-size:12px;line-height:2}.arch-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin-top:19px}.arch-principles span{display:flex;align-items:center;gap:7px;color:#5e6684;font-size:10px;line-height:1.7}.arch-principles svg{width:15px;height:15px;color:#7564bd}.arch-hero-mark{min-height:200px;display:grid;place-items:center;position:relative;border-left:1px solid rgba(112,99,173,.13)}.arch-hero-core{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(145deg,#4e83f3,#a866e8);box-shadow:0 12px 28px rgba(99,93,210,.28);z-index:2;animation:archPulse 4s ease-in-out infinite}.arch-hero-core svg{width:25px;height:25px;margin-bottom:2px}.arch-hero-core strong{font-size:12px;line-height:1.25;letter-spacing:1px}.arch-orbit{position:absolute;border:1px solid rgba(102,103,191,.24);border-radius:50%;transform:rotate(-22deg);animation:archOrbit 16s linear infinite}.arch-orbit-one{width:178px;height:90px}.arch-orbit-two{width:208px;height:126px;transform:rotate(44deg);animation-duration:21s;animation-direction:reverse;border-color:rgba(223,128,174,.25)}
.arch-panel{margin-top:20px;padding:22px 24px;border:1px solid #fff;border-radius:21px;background:rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(76,64,129,.05);min-width:0}.arch-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.arch-panel-heading>svg{width:27px;height:27px;color:#7569be;flex:0 0 auto}.arch-panel-heading h3{font-size:18px;color:#585276;margin-top:5px}.arch-panel-heading p{font-size:11px;color:#6b7085;margin-top:5px;line-height:1.8;max-width:760px}.arch-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.arch-preset{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:12px 11px;border:1px solid #e8e5f3;border-radius:13px;background:rgba(255,255,255,.8);color:#626783;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.arch-preset:hover,.arch-preset.is-active{transform:translateY(-2px);border-color:#a99be0;background:#f8f4ff;box-shadow:0 7px 16px rgba(106,87,159,.1)}.arch-preset>svg:first-child{width:20px;height:20px;color:#7b69bf;flex:0 0 auto}.arch-preset>svg:last-child{width:13px;height:13px;margin-left:auto;color:#9a91b5;flex:0 0 auto}.arch-preset span{min-width:0}.arch-preset strong,.arch-preset small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-preset strong{font-size:11px;color:#565878}.arch-preset small{font-size:9px;color:#81859a;margin-top:4px}
.arch-decision-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;border:0}.arch-field{display:block;min-width:0}.arch-field-label{display:block;font-size:11px;font-weight:700;color:#5f6580;margin-bottom:7px}.arch-field select{width:100%;min-height:41px;padding:9px 10px;border:1px solid #dedced;border-radius:9px;background:#fff;color:#4e5872;font-size:11px;outline-offset:2px}.arch-field select:focus{border-color:#8e7bd3;box-shadow:0 0 0 3px rgba(142,123,211,.12)}.arch-field small{display:block;color:#8a8ea1;font-size:9px;line-height:1.55;margin-top:5px;min-height:27px}.arch-legacy-field{grid-column:1/-1;padding-top:7px;border-top:1px dashed #e8e5f2}.arch-legacy-field select{max-width:360px}.arch-result{min-width:0}.arch-summary-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:12px;margin:20px 0 14px}.arch-summary-card{min-width:0;padding:17px 17px 14px;border:1px solid #fff;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 7px 18px rgba(72,64,118,.06)}.arch-summary-main{background:linear-gradient(135deg,#f0eeff,#fff4fa)}.arch-summary-kicker{display:block;color:#7e789c;font-size:9px;letter-spacing:.5px;margin-bottom:7px}.arch-summary-card>strong{display:block;color:#504c79;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.arch-summary-card>strong small{font-size:10px;color:#85839d;margin-left:4px;font-weight:500}.arch-summary-card>p{color:#72758a;font-size:10px;line-height:1.7;margin-top:5px}.arch-result-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:18px 2px 0}.arch-result-heading h3{font-size:18px;color:#514d78}.arch-result-heading p{font-size:12px;color:#61677f;line-height:1.85;margin-top:6px;max-width:810px}.arch-result-heading .arch-best-for{font-size:11px;color:#777b8e}.arch-result-heading .arch-best-for b{color:#5a5e7c}.arch-result-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.arch-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:18px 0 15px;padding:14px 10px;border:1px solid #ebe8f5;border-radius:15px;background:linear-gradient(90deg,#f5f5ff,#fff8fb)}.arch-flow-node{display:flex;align-items:center;gap:7px;min-width:0;position:relative;padding:7px 5px}.arch-flow-node>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e8e5fa;color:#7564b5;font-size:9px;flex:0 0 auto}.arch-flow-node strong{font-size:10px;line-height:1.5;color:#5a6079;overflow-wrap:anywhere}.arch-flow-node>svg{width:13px;height:13px;color:#aea3ce;margin-left:auto;flex:0 0 auto}.arch-rule-callout{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-left:3px solid #8b73d3;border-radius:10px;background:#f3efff;color:#655a83;font-size:11px;line-height:1.8}.arch-rule-callout strong{display:flex;align-items:center;gap:6px;color:#6856a8;white-space:nowrap}.arch-rule-callout strong svg{width:15px;height:15px}.arch-rule-callout span{min-width:0}.arch-subsection{margin-top:22px}.arch-subsection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px}.arch-subsection-heading h3{font-size:17px;color:#575379;margin-top:4px}.arch-subsection-heading .view-note{margin:0;font-size:10px;line-height:1.7;text-align:right}.arch-layer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.arch-layer-card{min-width:0;padding:14px 14px 13px;border:1px solid #eae7f3;border-radius:13px;background:rgba(255,255,255,.72);transition:transform .2s,box-shadow .2s}.arch-layer-card:hover{transform:translateY(-2px);box-shadow:0 8px 17px rgba(76,65,128,.08)}.arch-layer-top{display:flex;align-items:center;gap:7px;color:#7d78a0}.arch-layer-top>span{font-size:9px;font-weight:700;color:#796ac0}.arch-layer-top small{font-size:9px}.arch-layer-card h4{font-size:12px;color:#535779;line-height:1.65;margin:9px 0 5px;overflow-wrap:anywhere}.arch-layer-card p{font-size:10px;color:#697087;line-height:1.8;overflow-wrap:anywhere}.arch-layer-question{display:block;color:#9699aa;font-size:9px;line-height:1.55;margin-top:8px}.arch-result-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:19px}.arch-mini-panel{min-width:0;padding:16px 16px 13px;border:1px solid #e4e3f0;border-radius:14px;background:#f8f7ff}.arch-mini-panel.warning{background:#fff8f0;border-color:#f2e4ce}.arch-mini-panel.success{background:#f1fbf7;border-color:#d8eee4}.arch-mini-kicker{font-size:9px;letter-spacing:.6px;color:#817ba1}.arch-mini-panel h3{font-size:14px;color:#575878;margin:6px 0 8px}.arch-mini-panel ul{margin:0;padding-left:17px}.arch-mini-panel li{font-size:10px;color:#666c81;line-height:1.8;padding:3px 0;overflow-wrap:anywhere}.arch-alternatives{margin-top:23px;padding-top:18px;border-top:1px solid #e8e6f2}.arch-alternative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arch-alternative{padding:14px;border:1px solid #e8e5f2;border-radius:13px;background:#fff}.arch-alternative>div{display:flex;align-items:center;gap:8px}.arch-score-pill{display:grid;place-items:center;width:30px;height:25px;border-radius:8px;background:#ede8ff;color:#7160b2;font-size:11px;font-weight:700}.arch-alternative h4{font-size:12px;color:#575875}.arch-alternative p{font-size:10px;color:#71758a;line-height:1.75;margin:8px 0}.arch-alternative small{display:block;font-size:9px;color:#85899c;line-height:1.7;margin-top:4px}.arch-upgrade{margin-top:18px;padding:17px 18px;border-radius:14px;background:linear-gradient(120deg,#f2f0ff,#fff3f6);border:1px solid #fff}.arch-upgrade h3{font-size:15px;color:#5a547f}.arch-upgrade-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.arch-upgrade-steps span{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#646880;line-height:1.7}.arch-upgrade-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e5e0fb;color:#705db6;font-size:9px;flex:0 0 auto}.arch-upgrade>p{font-size:10px;color:#73778b;line-height:1.8}
.arch-db-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.arch-db-card{min-width:0;padding:13px;border:1px solid #ebe8f3;border-radius:12px;background:#fff}.arch-db-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.arch-db-card-head strong{font-size:12px;color:#5b5d7b}.arch-db-card-head svg{width:17px;height:17px;color:#7c70bd}.arch-db-card p{font-size:9px;line-height:1.75;color:#70758a;margin-top:7px}.arch-db-card p b,.arch-db-card small b{color:#62678a}.arch-db-card small{display:block;font-size:9px;color:#8b8fa1;line-height:1.7;margin-top:8px;padding-top:8px;border-top:1px solid #f0edf6}.arch-matrix-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arch-platform-card{min-width:0;padding:14px;border:1px solid #e9e6f2;border-radius:13px;background:rgba(255,255,255,.72)}.arch-platform-card h4{font-size:13px;color:#575878;margin-bottom:8px}.arch-platform-card dl{margin:0}.arch-platform-card dl>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid #f0edf5}.arch-platform-card dt{font-size:9px;color:#8a8da1}.arch-platform-card dd{margin:0;font-size:10px;color:#697087;line-height:1.65;overflow-wrap:anywhere}.arch-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arch-style-card{min-width:0;padding:14px;border:1px solid #e9e6f2;border-radius:13px;background:#fff}.arch-style-dot{display:block;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#4e83f5,#bf76df);margin-bottom:8px}.arch-style-card:nth-child(2n) .arch-style-dot{background:linear-gradient(135deg,#ff9e58,#eb739d)}.arch-style-card h4{font-size:12px;color:#585a7b}.arch-style-tone{font-size:9px;color:#807d98;margin-top:4px}.arch-style-card dl{margin:9px 0 0}.arch-style-card dl>div{padding:5px 0;border-top:1px solid #f1eef6}.arch-style-card dt{display:inline;color:#8e91a3;font-size:9px}.arch-style-card dd{display:inline;margin:0 0 0 5px;color:#697087;font-size:9px;line-height:1.65;overflow-wrap:anywhere}.arch-case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.arch-case-card{min-width:0;padding:14px;border:1px solid #e9e6f2;border-radius:13px;background:linear-gradient(145deg,#fff,#faf8ff)}.arch-case-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#efebff;color:#7563bd;margin-bottom:9px}.arch-case-icon svg{width:17px;height:17px}.arch-case-card h4{font-size:12px;color:#575879}.arch-case-card p{font-size:9px;color:#70758a;line-height:1.75;margin-top:7px}.arch-case-card p b{color:#64678a}.arch-case-card a{display:flex;align-items:center;gap:4px;color:#6c5cb0;font-size:9px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.arch-case-card a svg{width:12px;height:12px;flex:0 0 auto}.arch-pitfall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.arch-pitfall{border:1px solid #ebe8f3;border-radius:11px;background:#fff;overflow:hidden}.arch-pitfall summary{display:flex;align-items:center;gap:8px;padding:11px 12px;cursor:pointer;list-style:none;color:#5e6280}.arch-pitfall summary::-webkit-details-marker{display:none}.arch-pitfall summary>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#f1edff;color:#7565b8;font-size:9px;flex:0 0 auto}.arch-pitfall summary strong{font-size:10px;min-width:0;overflow-wrap:anywhere}.arch-pitfall summary>svg{width:14px;height:14px;margin-left:auto;color:#9994ad;transition:transform .2s}.arch-pitfall[open] summary>svg{transform:rotate(180deg)}.arch-pitfall>div{padding:0 13px 11px;border-top:1px solid #f1eef6}.arch-pitfall p{font-size:9px;line-height:1.75;color:#70758a;margin-top:7px}.arch-pitfall p b{color:#62678a}.arch-source-links{display:flex;flex-wrap:wrap;gap:9px}.arch-source-links a{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #e8e4f4;border-radius:9px;background:#fff;color:#6558a9;font-size:10px}.arch-source-links a:hover{background:#f4f0ff;border-color:#b9ace6}.arch-source-links svg{width:13px;height:13px}
@keyframes archPulse{0%,100%{transform:scale(1);box-shadow:0 12px 28px rgba(99,93,210,.24)}50%{transform:scale(1.04);box-shadow:0 16px 34px rgba(99,93,210,.34)}}@keyframes archOrbit{to{transform:rotate(338deg)}}
@media(max-width:1100px){.arch-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-decision-form{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-summary-main{grid-column:1/-1}.arch-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.arch-flow-node>svg{display:none}.arch-layer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arch-db-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arch-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arch-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arch-matrix-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.arch-hero{grid-template-columns:1fr;padding:21px 18px;gap:8px}.arch-hero-copy h2{font-size:21px}.arch-hero-copy>p{font-size:11px}.arch-principles{grid-template-columns:1fr;gap:5px;margin-top:14px}.arch-hero-mark{min-height:130px;border-left:0;border-top:1px solid rgba(112,99,173,.13);margin-top:8px}.arch-hero-core{width:78px;height:78px}.arch-hero-core svg{width:20px;height:20px}.arch-hero-core strong{font-size:9px}.arch-orbit-one{width:130px;height:66px}.arch-orbit-two{width:155px;height:88px}.arch-panel{padding:17px 15px;border-radius:17px}.arch-panel-heading{gap:10px}.arch-panel-heading h3{font-size:16px}.arch-panel-heading p{font-size:10px}.arch-presets{grid-template-columns:1fr 1fr;gap:7px}.arch-preset{padding:10px 8px;gap:6px}.arch-preset>svg:first-child{width:17px;height:17px}.arch-preset>svg:last-child{display:none}.arch-preset strong{font-size:10px}.arch-preset small{font-size:8px}.arch-decision-form{grid-template-columns:1fr;gap:11px}.arch-field small{min-height:0}.arch-legacy-field{grid-column:auto;padding-top:9px}.arch-legacy-field select{max-width:none}.arch-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.arch-summary-main{grid-column:1/-1}.arch-summary-card{padding:13px 12px}.arch-summary-card>strong{font-size:14px}.arch-summary-card>p{font-size:9px}.arch-result-heading{display:block}.arch-result-heading h3{font-size:16px}.arch-result-heading p{font-size:11px}.arch-result-badges{justify-content:flex-start;margin-top:9px}.arch-flow{grid-template-columns:1fr 1fr;gap:5px;padding:10px 7px}.arch-flow-node{padding:6px 3px}.arch-flow-node strong{font-size:9px}.arch-flow-node>svg{display:none}.arch-rule-callout{display:block;font-size:10px}.arch-rule-callout strong{margin-bottom:4px}.arch-layer-grid{grid-template-columns:1fr 1fr;gap:7px}.arch-layer-card{padding:11px 10px}.arch-layer-card h4{font-size:11px}.arch-layer-card p{font-size:9px}.arch-layer-question{font-size:8px}.arch-result-columns{grid-template-columns:1fr;gap:8px}.arch-mini-panel{padding:13px}.arch-alternative-grid{grid-template-columns:1fr}.arch-upgrade-steps{grid-template-columns:1fr 1fr}.arch-upgrade-steps span{font-size:9px}.arch-db-grid{grid-template-columns:1fr 1fr}.arch-db-card{padding:10px}.arch-db-card p,.arch-db-card small{font-size:8px}.arch-matrix-list{grid-template-columns:1fr}.arch-platform-card dd{font-size:9px}.arch-style-grid{grid-template-columns:1fr}.arch-case-grid{grid-template-columns:1fr 1fr}.arch-case-card:nth-child(n+4){display:block}.arch-case-card{padding:11px}.arch-case-card p{font-size:8px}.arch-case-card a{font-size:8px}.arch-pitfall-grid{grid-template-columns:1fr}.arch-source-links{gap:6px}.arch-source-links a{font-size:9px;padding:8px 9px}}
@media(max-width:390px){.arch-presets{grid-template-columns:1fr}.arch-summary-grid{grid-template-columns:1fr}.arch-summary-main{grid-column:auto}.arch-layer-grid{grid-template-columns:1fr}.arch-db-grid{grid-template-columns:1fr}.arch-case-grid{grid-template-columns:1fr}.arch-upgrade-steps{grid-template-columns:1fr}.arch-principles span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.arch-hero-core,.arch-orbit{animation:none!important}.arch-preset,.arch-layer-card{transition:none!important}}

/* Keep dense reference material readable during projection and on phones. */
.arch-panel-heading p,.arch-hero-copy>p,.arch-result-heading p,.arch-rule-callout{font-size:12px}.arch-principles span,.arch-preset strong,.arch-field-label,.arch-summary-card>p,.arch-flow-node strong,.arch-layer-card p,.arch-mini-panel li,.arch-alternative p,.arch-upgrade>p,.arch-db-card p,.arch-platform-card dd,.arch-style-card dd,.arch-case-card p,.arch-pitfall p,.arch-source-links a{font-size:11px}.arch-preset small,.arch-field small,.arch-summary-kicker,.arch-layer-question,.arch-alternative small,.arch-upgrade-steps span,.arch-db-card small,.arch-platform-card dt,.arch-style-tone,.arch-style-card dt,.arch-case-card a,.arch-pitfall summary strong{font-size:10px}.arch-layer-card p,.arch-mini-panel li,.arch-db-card p,.arch-platform-card dd,.arch-style-card dd,.arch-case-card p,.arch-pitfall p{color:#5e657d}
@media(max-width:760px){.arch-panel-heading p,.arch-hero-copy>p,.arch-result-heading p{font-size:11px}.arch-principles span,.arch-preset strong,.arch-field-label,.arch-layer-card p,.arch-mini-panel li,.arch-alternative p,.arch-db-card p,.arch-platform-card dd,.arch-style-card dd,.arch-case-card p,.arch-pitfall p,.arch-source-links a{font-size:10px}.arch-preset small,.arch-field small,.arch-layer-question,.arch-alternative small,.arch-db-card small,.arch-platform-card dt,.arch-style-tone,.arch-style-card dt,.arch-case-card a{font-size:9px}}

.arch-hero-core strong,.arch-summary-kicker,.arch-mini-kicker{letter-spacing:0}
.arch-field small,.arch-layer-question,.arch-alternative small,.arch-db-card small,.arch-platform-card dt,.arch-style-tone,.arch-style-card dt,.arch-case-card a{color:#5e657d}
.arch-upgrade-triggers{margin-top:14px;padding-top:13px;border-top:1px solid rgba(112,94,174,.14)}.arch-upgrade-triggers>strong{display:block;color:#625a89;font-size:11px;margin-bottom:6px}.arch-upgrade-triggers ul{margin:0;padding-left:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}.arch-upgrade-triggers li{color:#5e657d;font-size:10px;line-height:1.75}
@media(max-width:760px){.arch-preset small,.arch-field small,.arch-layer-question,.arch-alternative small,.arch-db-card small,.arch-platform-card dt,.arch-style-tone,.arch-style-card dt,.arch-case-card a{font-size:10px}.arch-upgrade-triggers ul{grid-template-columns:1fr}.arch-upgrade-triggers li{font-size:10px}}

/* AI practice assistant: member-owned outputs stay editable/selectable inside the protected course shell. */
.ai-service-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  max-width:320px;
  padding:7px 11px;
  border:1px solid #dedbea;
  border-radius:10px;
  background:rgba(255,255,255,.78);
  color:#77758a;
  font-size:10px;
  line-height:1.6;
  box-shadow:0 4px 14px rgba(76,64,111,.04);
}
.ai-service-badge>i{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#a9a6b5;
  box-shadow:0 0 0 4px rgba(169,166,181,.12);
}
.ai-service-badge.ready{border-color:#bfe3d2;background:#effaf4;color:#31745a}
.ai-service-badge.ready>i{background:#3eaf7c;box-shadow:0 0 0 4px rgba(62,175,124,.13);animation:ai-status-pulse 1.8s ease-in-out infinite}
.ai-service-badge.disabled{border-color:#ead9dc;background:#fff6f7;color:#9b6470}
.ai-service-badge.disabled>i{background:#c27685;box-shadow:0 0 0 4px rgba(194,118,133,.12)}
.ai-nav-dot{
  width:7px;
  height:7px;
  min-width:7px;
  padding:0!important;
  border-radius:50%!important;
  background:#44c38c!important;
  box-shadow:0 0 0 3px rgba(68,195,140,.12);
}
.nav-link.active .ai-nav-dot{background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.ai-quick-open{
  position:relative;
  color:#665aca;
  background:rgba(239,235,255,.9);
  border:1px solid rgba(131,111,210,.14);
}
.ai-quick-open::after{
  content:"";
  position:absolute;
  right:4px;
  top:4px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#3fbf82;
  border:1px solid #fff;
}
.ai-quick-open:hover{background:#e6dffd;color:#5545b2}

.ai-intro-band{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
  align-items:center;
  gap:30px;
  margin-bottom:20px;
  padding:24px 26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.94);
  border-radius:20px;
  background:linear-gradient(118deg,rgba(246,243,255,.94),rgba(244,250,255,.92) 48%,rgba(255,247,241,.9));
  box-shadow:0 8px 28px rgba(67,61,103,.06);
}
.ai-intro-band::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#6085f4,#9d76dd 34%,#e27ea4 67%,#e8a145);
}
.ai-intro-band h2{font-size:21px;color:#39445f}
.ai-intro-band p{max-width:700px;margin-top:7px;color:#697188;font-size:12px;line-height:1.9}
.ai-intro-flow{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}
.ai-intro-flow span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 11px;
  border:1px solid rgba(218,217,235,.9);
  border-radius:9px;
  background:rgba(255,255,255,.82);
  color:#5f6680;
  font-size:11px;
  white-space:nowrap;
}
.ai-intro-flow span:nth-of-type(1){color:#526ec0;background:#f0f4ff}
.ai-intro-flow span:nth-of-type(2){color:#7655a8;background:#f5efff}
.ai-intro-flow span:nth-of-type(3){color:#a15b75;background:#fff1f6}
.ai-intro-flow span:nth-of-type(4){color:#43765f;background:#edf9f3}
.ai-intro-flow>svg{width:13px;height:13px;color:#a6a7b6}

.ai-workspace-grid{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.ai-mode-panel,.ai-compose-panel,.ai-result-panel,.ai-admin-panel{
  min-width:0;
  border:1px solid rgba(255,255,255,.94);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 7px 25px rgba(69,58,100,.055);
}
.ai-mode-panel{padding:14px}
.ai-panel-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:4px 6px 12px;
  color:#46516c;
  font-size:12px;
  font-weight:700;
}
.ai-panel-heading small{color:#9699aa;font-size:10px;font-weight:400}
.ai-mode-list{display:grid;gap:6px}
.ai-mode-button{
  --ai-mode:#627fe1;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 14px;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:62px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:13px;
  text-align:left;
  color:#5d6478;
  background:transparent;
}
.ai-mode-button:nth-child(2){--ai-mode:#d05f86}
.ai-mode-button:nth-child(3){--ai-mode:#3d9d82}
.ai-mode-button:nth-child(4){--ai-mode:#df844c}
.ai-mode-button:nth-child(5){--ai-mode:#448dc0}
.ai-mode-button:nth-child(6){--ai-mode:#755dcb}
.ai-mode-button:nth-child(7){--ai-mode:#bd8b34}
.ai-mode-button:nth-child(8){--ai-mode:#b05fba}
.ai-mode-button>span:first-child{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  color:var(--ai-mode);
  background:color-mix(in srgb,var(--ai-mode) 11%,white);
}
.ai-mode-button>span:nth-child(2){min-width:0}
.ai-mode-button strong{display:block;color:#49546d;font-size:11px;line-height:1.55}
.ai-mode-button small{
  display:-webkit-box;
  margin-top:2px;
  overflow:hidden;
  color:#868b9e;
  font-size:10px;
  font-weight:400;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.ai-mode-button>svg{width:13px;height:13px;color:#b0b1bd}
.ai-mode-button:hover{border-color:color-mix(in srgb,var(--ai-mode) 20%,white);background:color-mix(in srgb,var(--ai-mode) 5%,white);transform:translateX(2px)}
.ai-mode-button.active{
  border-color:color-mix(in srgb,var(--ai-mode) 25%,white);
  background:color-mix(in srgb,var(--ai-mode) 8%,white);
  box-shadow:inset 3px 0 0 var(--ai-mode),0 3px 10px rgba(62,60,96,.045);
}
.ai-mode-button.active strong,.ai-mode-button.active>svg{color:var(--ai-mode)}
.ai-mode-button svg{width:17px;height:17px}

.ai-compose-panel{padding:25px 27px}
.ai-compose-heading{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #eeecf3}
.ai-compose-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:0 0 auto;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,#577ff0,#9870dc);
  box-shadow:0 7px 18px rgba(101,92,196,.2);
}
.ai-compose-icon svg{width:24px;height:24px}
.ai-compose-heading h2{font-size:20px;color:#39445d}
.ai-compose-heading p{margin-top:3px;color:#84899b;font-size:11px}
#ai-generate-form{padding-top:20px}
#ai-generate-form>label,.ai-field-grid>label{
  display:block;
  margin-bottom:15px;
  color:#555f78;
  font-size:11px;
  font-weight:650;
  line-height:1.7;
}
#ai-generate-form>label>small{float:right;color:#9a9dac;font-size:9px;font-weight:400}
#ai-generate-form input,#ai-generate-form textarea,
.ai-admin-grid input,.ai-admin-grid select,.ai-admin-grid textarea{
  display:block;
  width:100%;
  min-width:0;
  margin-top:7px;
  padding:11px 12px;
  border:1px solid #deddea;
  border-radius:10px;
  outline:none;
  background:#fcfcff;
  color:#3f4a62;
  font-size:12px;
  line-height:1.8;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
#ai-generate-form textarea,.ai-admin-grid textarea{resize:vertical}
#ai-brief{min-height:154px}
#ai-generate-form input::placeholder,#ai-generate-form textarea::placeholder,.ai-admin-grid input::placeholder,.ai-admin-grid textarea::placeholder{color:#a8a9b5}
#ai-generate-form input:focus,#ai-generate-form textarea:focus,.ai-admin-grid input:focus,.ai-admin-grid select:focus,.ai-admin-grid textarea:focus{
  border-color:#8a86d7;
  background:#fff;
  box-shadow:0 0 0 3px rgba(108,99,194,.11);
}
.ai-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ai-privacy-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:2px;
  padding:11px 13px;
  border:1px solid #dcece4;
  border-radius:10px;
  background:#f3faf6;
  color:#60796c;
  font-size:10px;
  line-height:1.8;
}
.ai-privacy-note svg{width:15px;height:15px;margin-top:1px;color:#41906e}
.ai-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #eeecf3;
}
.ai-form-actions>span{min-width:0;color:#85899b;font-size:11px;line-height:1.7}
.ai-form-actions .btn{min-width:150px}
#ai-submit svg[data-lucide="loader-circle"],#ai-test-connection svg[data-lucide="loader-circle"]{animation:ai-spin .8s linear infinite}

.ai-result-panel{margin-top:20px;padding:25px 27px;scroll-margin-top:82px}
.ai-result-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  min-height:128px;
  border:1px dashed #d9d8e5;
  border-radius:14px;
  color:#7f8395;
  background:linear-gradient(115deg,#fbfbff,#fffafb);
}
.ai-result-empty>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f0edfb;color:#7966bb;animation:ai-empty-breathe 2.4s ease-in-out infinite}
.ai-result-empty>span svg{width:22px;height:22px}
.ai-result-empty h2{font-size:15px;color:#545d74}
.ai-result-empty p{margin-top:3px;font-size:11px;line-height:1.8}
.ai-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;animation:ai-rise .35s ease both}
.ai-result-head>div{min-width:0}
.ai-result-head h2{font-size:21px;color:#39445e;overflow-wrap:anywhere}
.ai-result-head p{max-width:780px;margin-top:6px;color:#777e93;font-size:12px}
.ai-result-head>.tag{flex:0 0 auto;max-width:280px;overflow-wrap:anywhere}
.ai-prompt-output{
  margin-top:20px;
  padding:20px;
  border:1px solid #e3e0ec;
  border-radius:15px;
  background:linear-gradient(130deg,#f9f8ff,#fff);
  animation:ai-rise .35s .04s ease both;
}
.ai-output-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}
.ai-output-title h3{font-size:14px;color:#4f5870}
.ai-owned-output{
  display:block;
  width:100%;
  min-height:180px;
  max-height:540px;
  padding:17px 18px;
  overflow:auto;
  resize:vertical;
  border:1px solid #d8d7e5;
  border-radius:11px;
  outline:none;
  background:#fff;
  color:#3e485f;
  font:12px/1.95 "Segoe UI","Microsoft YaHei",Arial,sans-serif;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  cursor:text;
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}
.ai-owned-output:focus{border-color:#8884d3;box-shadow:0 0 0 3px rgba(108,99,194,.1)}
.ai-owned-output::selection{background:#dcd9ff;color:#29324a}
.ai-prompt-output>p{margin-top:9px;color:#9395a3;font-size:10px}
.ai-result-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px;animation:ai-rise .35s .08s ease both}
.ai-result-columns>section{
  min-width:0;
  padding:18px;
  border:1px solid #e5e5ef;
  border-top:3px solid #6684dd;
  border-radius:13px;
  background:#fff;
}
.ai-result-columns>section:nth-child(2){border-top-color:#45a77f}
.ai-result-columns>section:nth-child(3){border-top-color:#d98a54;background:#fffdf9}
.ai-result-columns>section>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf2ff;color:#5672c5}
.ai-result-columns>section:nth-child(2)>span{background:#eaf8f1;color:#398667}
.ai-result-columns>section:nth-child(3)>span{background:#fff2e8;color:#b86e3c}
.ai-result-columns svg{width:17px;height:17px}
.ai-result-columns h3{margin:9px 0 8px;color:#4b556d;font-size:12px}
.ai-result-columns ol{margin:0;padding-left:18px;color:#697188;font-size:11px;line-height:1.85}
.ai-result-columns li+li{margin-top:6px}
.ai-result-columns p{color:#71798d;font-size:11px}
.ai-result-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding:13px 2px 0;border-top:1px solid #ebeaf1;color:#8b8e9d;font-size:10px}

.ai-context-entry{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  margin:0 0 20px;
  padding:13px 15px;
  border:1px solid rgba(132,119,201,.16);
  border-radius:14px;
  background:linear-gradient(112deg,rgba(244,242,255,.88),rgba(255,248,251,.84));
  box-shadow:0 4px 15px rgba(80,62,122,.035);
}
.ai-context-entry>span:nth-child(2){min-width:0}
.ai-context-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#5b80ee,#9c6ed9)}
.ai-context-icon svg{width:20px;height:20px}
.ai-context-entry strong{display:block;color:#4b5570;font-size:12px}
.ai-context-entry small{display:block;margin-top:3px;color:#85899c;font-size:10px;line-height:1.65}
.ai-context-entry .btn{min-height:34px;padding:7px 11px;font-size:10px;white-space:nowrap}
.ai-step-entry{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0;
  padding:11px 12px;
  border:1px solid #e4e2f1;
  border-radius:10px;
  background:#f8f7ff;
}
.ai-step-entry>span{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:7px;min-width:0;color:#6671a0}
.ai-step-entry>span>svg{grid-row:1 / span 2;width:15px;height:15px}
.ai-step-entry strong{font-size:11px;color:#55628e}
.ai-step-entry small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b91a4;font-size:10px}
.ai-step-entry .text-link{flex:0 0 auto;font-size:10px;white-space:nowrap}

.ai-admin-panel{margin:0 0 26px;padding:24px 26px}
.ai-admin-panel>.section-title{align-items:flex-start;margin-bottom:18px}
.ai-admin-panel>.section-title .view-note{margin:4px 0 0;font-size:11px}
.ai-admin-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 15px;
  border:1px solid #dedff0;
  border-radius:12px;
  background:#f8f8ff;
}
.ai-admin-toggle>span{color:#858a9c;font-size:10px;line-height:1.7;text-align:right}
.ai-provider-setup{display:grid;grid-template-columns:1fr 1fr;gap:14px 17px;margin-top:18px}
.ai-provider-setup>label{min-width:0;color:#58627a;font-size:11px;font-weight:650;line-height:1.7}
.ai-provider-setup label>small{display:block;margin-top:5px;color:#9396a5;font-size:10px;font-weight:400}
.ai-provider-setup .ai-wide{grid-column:1 / -1}
.ai-provider-setup .ai-custom-url[hidden]{display:none!important}
.ai-provider-setup input,.ai-provider-setup select{
  display:block;width:100%;min-width:0;margin-top:7px;padding:11px 12px;border:1px solid #deddea;border-radius:10px;
  outline:none;background:#fcfcff;color:#3f4a62;font-size:12px;line-height:1.8;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.ai-provider-setup input:focus,.ai-provider-setup select:focus{border-color:#8a86d7;background:#fff;box-shadow:0 0 0 3px rgba(108,99,194,.11)}
.ai-provider-setup .ai-clear-key{display:flex;align-items:center;gap:8px;font-weight:500;color:#8c6670}
.ai-provider-setup .ai-clear-key input{display:inline-block;width:15px;height:15px;margin:0;accent-color:#bd667b}
.ai-admin-advanced{margin-top:17px;border:1px solid #e6e5ef;border-radius:11px;background:#fdfdff}
.ai-admin-advanced>summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;color:#69688d;font-size:11px;font-weight:650;list-style:none}
.ai-admin-advanced>summary::-webkit-details-marker{display:none}
.ai-admin-advanced>summary svg{width:15px;height:15px}
.ai-admin-advanced[open]>summary{border-bottom:1px solid #ecebf3}
.ai-admin-advanced>.ai-admin-grid{margin:0;padding:15px}
.ai-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 17px;margin-top:18px}
.ai-admin-grid>label{min-width:0;color:#58627a;font-size:11px;font-weight:650;line-height:1.7}
.ai-admin-grid label>small{display:block;margin-top:5px;color:#9396a5;font-size:10px;font-weight:400}
.ai-admin-grid .ai-wide{grid-column:1 / -1}
.ai-admin-grid .ai-clear-key{display:flex;align-items:center;gap:8px;font-weight:500;color:#8c6670}
.ai-admin-grid .ai-clear-key input{display:inline-block;width:15px;height:15px;margin:0;accent-color:#bd667b}
.ai-admin-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:19px;
  padding-top:17px;
  border-top:1px solid #ebeaf2;
}
.ai-admin-actions>span{min-width:0;margin-right:auto;color:#84889b;font-size:10px;line-height:1.7}
.ai-admin-panel.is-busy #ai-settings-form{cursor:progress}
.ai-admin-panel.is-busy .ai-admin-actions>span{color:#5f6e91}
.ai-admin-panel.is-busy .ai-admin-actions .btn svg{animation:ai-spin .85s linear infinite}
.ai-admin-actions .btn:disabled,.ai-provider-setup input:disabled,.ai-provider-setup select:disabled,.ai-admin-grid input:disabled,.ai-admin-grid textarea:disabled{cursor:not-allowed;opacity:.58}
.ai-probe-result{margin-top:16px;padding:14px 16px;border:1px solid #d9e8e2;border-radius:13px;background:linear-gradient(135deg,#f5fbf8,#fbfcff);color:#58627a;font-size:11px;line-height:1.7}
.ai-probe-result[hidden]{display:none!important}
.ai-probe-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ai-probe-head strong{color:#39445f;font-size:12px}
.ai-probe-head>span:last-child{color:#7a849a}
.ai-probe-steps{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 3px}
.ai-probe-steps span{padding:3px 8px;border-radius:999px;background:#eef0f6;color:#8b91a2;font-size:10px}
.ai-probe-steps .done{background:#e2f5eb;color:#2b8a63}
.ai-probe-steps .pending{background:#fff3dc;color:#a16a24}
.ai-probe-result p{margin:8px 0 0}
.ai-probe-result details{margin-top:8px;border-top:1px solid #e7eee9;padding-top:8px}
.ai-probe-result summary{cursor:pointer;color:#59688c;font-weight:650}
.ai-probe-models{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ai-probe-models span{padding:3px 7px;border:1px solid #dfe7e4;border-radius:6px;background:#fff;color:#68748a;font-size:10px}
.ai-usage-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.ai-usage-panel>div{padding:14px 15px;border:1px solid #e8e7f0;border-radius:11px;background:#fff}
.ai-usage-panel>div:nth-child(1){border-top:3px solid #6280dd}
.ai-usage-panel>div:nth-child(2){border-top:3px solid #48a77e}
.ai-usage-panel>div:nth-child(3){border-top:3px solid #ce6d82}
.ai-usage-panel>div:nth-child(4){border-top:3px solid #d29a47}
.ai-usage-panel strong{display:block;color:#818598;font-size:10px;font-weight:500}
.ai-usage-panel span{display:block;margin-top:5px;color:#46516c;font-size:20px;font-variant-numeric:tabular-nums}
.ai-security-details{margin-top:15px;border-top:1px solid #eceaf2;padding-top:13px;color:#777c91;font-size:11px;line-height:1.9}
.ai-security-details summary{cursor:pointer;color:#615d8e;font-weight:650}
.ai-security-details p{margin-top:8px}

@keyframes ai-spin{to{transform:rotate(360deg)}}
@keyframes ai-status-pulse{50%{box-shadow:0 0 0 7px rgba(62,175,124,0)}}
@keyframes ai-empty-breathe{50%{transform:translateY(-3px);box-shadow:0 8px 16px rgba(102,86,170,.1)}}
@keyframes ai-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  .ai-intro-band{grid-template-columns:1fr;gap:17px;padding:22px}
  .ai-intro-flow{justify-content:flex-start}
  .ai-workspace-grid{grid-template-columns:1fr}
  .ai-mode-panel{padding:13px}
  .ai-mode-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .ai-mode-button{grid-template-columns:34px minmax(0,1fr);min-height:67px;padding:8px}
  .ai-mode-button>span:first-child{width:34px;height:34px}
  .ai-mode-button>svg{display:none}
  .ai-mode-button:hover{transform:translateY(-1px)}
  .ai-result-columns{grid-template-columns:1fr 1fr}
  .ai-result-columns>.ai-questions{grid-column:1 / -1}
}

@media(max-width:1000px){
  .ai-mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-mode-button{min-height:61px}
  .ai-result-head{flex-direction:column}
  .ai-result-head>.tag{max-width:100%}
  .ai-usage-panel{grid-template-columns:1fr 1fr}
}

@media(max-width:740px){
  #main:has(.ai-workspace-grid)>.page-heading{display:block}
  #main:has(.ai-workspace-grid)>.page-heading .ai-service-badge{margin-top:13px}
  .ai-service-badge{max-width:100%;font-size:9px}
  .ai-intro-band{margin-bottom:14px;padding:18px 16px;border-radius:17px}
  .ai-intro-band h2{font-size:18px}
  .ai-intro-band p{font-size:11px}
  .ai-intro-flow{display:grid;grid-template-columns:1fr 12px 1fr;gap:7px}
  .ai-intro-flow>svg:nth-of-type(2){display:none}
  .ai-intro-flow span{min-height:32px;padding:7px 8px;font-size:10px}
  .ai-mode-panel,.ai-compose-panel,.ai-result-panel,.ai-admin-panel{border-radius:17px}
  .ai-mode-panel{padding:10px}
  .ai-panel-heading{padding:4px 4px 10px}
  .ai-mode-list{gap:6px}
  .ai-mode-button{grid-template-columns:31px minmax(0,1fr);gap:8px;min-height:58px;padding:7px;border-radius:11px}
  .ai-mode-button>span:first-child{width:31px;height:31px;border-radius:9px}
  .ai-mode-button>span:first-child svg{width:15px;height:15px}
  .ai-mode-button strong{font-size:10px}
  .ai-mode-button small{font-size:9px;-webkit-line-clamp:1}
  .ai-compose-panel{padding:19px 16px}
  .ai-compose-heading{align-items:flex-start;gap:11px;padding-bottom:16px}
  .ai-compose-icon{width:41px;height:41px;border-radius:13px}
  .ai-compose-icon svg{width:21px;height:21px}
  .ai-compose-heading h2{font-size:18px}
  #ai-generate-form{padding-top:16px}
  #ai-generate-form>label,.ai-field-grid>label{font-size:11px;margin-bottom:13px}
  #ai-generate-form input,#ai-generate-form textarea,.ai-admin-grid input,.ai-admin-grid select,.ai-admin-grid textarea{padding:10px 11px;font-size:11px}
  #ai-brief{min-height:140px}
  .ai-field-grid{grid-template-columns:1fr;gap:0}
  .ai-privacy-note{font-size:10px}
  .ai-form-actions{align-items:stretch;flex-direction:column;gap:11px;margin-top:15px;padding-top:15px}
  .ai-form-actions .btn{width:100%;min-width:0}
  .ai-result-panel{margin-top:14px;padding:18px 15px;scroll-margin-top:72px}
  .ai-result-empty{justify-content:flex-start;min-height:112px;padding:15px}
  .ai-result-empty>span{width:39px;height:39px;flex:0 0 auto}
  .ai-result-head h2{font-size:18px}
  .ai-prompt-output{padding:14px;margin-top:16px}
  .ai-output-title{align-items:flex-start}
  .ai-output-title h3{font-size:12px}
  .ai-output-title .btn{min-height:32px;padding:7px 9px;font-size:9px;white-space:nowrap}
  .ai-owned-output{min-height:180px;padding:14px;font-size:11px}
  .ai-result-columns{grid-template-columns:1fr;gap:9px}
  .ai-result-columns>.ai-questions{grid-column:auto}
  .ai-result-columns>section{padding:15px}
  .ai-result-foot{align-items:flex-start;flex-direction:column;gap:8px}
  .ai-context-entry{grid-template-columns:37px minmax(0,1fr);gap:10px;padding:12px;margin-bottom:16px}
  .ai-context-icon{width:37px;height:37px;border-radius:10px}
  .ai-context-entry .btn{grid-column:1 / -1;width:100%}
  .ai-step-entry{align-items:flex-start;flex-direction:column;gap:8px}
  .ai-step-entry small{white-space:normal;line-height:1.55}
  .ai-step-entry .text-link{align-self:flex-end}
  .ai-admin-panel{padding:19px 16px}
  .ai-admin-panel>.section-title{display:block}
  .ai-admin-panel>.section-title .ai-service-badge{margin-top:12px}
  .ai-admin-toggle{align-items:flex-start;flex-direction:column;gap:5px;padding:12px}
  .ai-admin-toggle>span{text-align:left}
  .ai-admin-grid{grid-template-columns:1fr;gap:13px}
  .ai-admin-grid .ai-wide{grid-column:auto}
  .ai-provider-setup{grid-template-columns:1fr;gap:13px}
  .ai-provider-setup .ai-wide{grid-column:auto}
  .ai-admin-actions{align-items:stretch;flex-wrap:wrap}
  .ai-admin-actions>span{flex-basis:100%;margin:0 0 3px}
  .ai-admin-actions .btn{flex:1;min-width:125px}
  .ai-usage-panel{gap:8px}
  .ai-usage-panel>div{padding:12px}
  .ai-usage-panel span{font-size:18px}
}

@media(max-width:420px){
  .ai-intro-flow span{white-space:normal;text-align:center}
  .ai-usage-panel{grid-template-columns:1fr 1fr}
  .ai-admin-actions .btn{flex-basis:100%}
}

@media(prefers-reduced-motion:reduce){
  .ai-service-badge.ready>i,.ai-result-empty>span,.ai-result-head,.ai-prompt-output,.ai-result-columns,#ai-submit svg[data-lucide="loader-circle"],#ai-test-connection svg[data-lucide="loader-circle"]{animation:none!important}
}
.reduced-motion .ai-service-badge.ready>i,.reduced-motion .ai-result-empty>span,.reduced-motion .ai-result-head,.reduced-motion .ai-prompt-output,.reduced-motion .ai-result-columns,.reduced-motion #ai-submit svg[data-lucide="loader-circle"],.reduced-motion #ai-test-connection svg[data-lucide="loader-circle"]{animation:none!important}

@media print{
  .ai-quick-open,.ai-context-entry,.ai-step-entry,.ai-admin-panel{display:none!important}
}

/* Skills / Agent / MCP learning hub */
.skills-page{min-width:0}
.sam-hero-note{display:flex;align-items:flex-start;gap:10px;margin:-10px 0 20px;padding:12px 15px;border:1px solid #dfe7f1;border-left:3px solid #6d7ee8;border-radius:10px;background:linear-gradient(100deg,#f3f6ff,#fff9f1);color:#61708b;font-size:11px;line-height:1.75}
.sam-hero-note svg{flex:0 0 auto;width:17px;color:#6d7ee8;margin-top:1px}
.sam-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px;padding:6px;border:1px solid #e3e8f1;border-radius:12px;background:#fafbfe}
.sam-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:8px 13px;border:1px solid transparent;border-radius:8px;color:#70809b;font-size:11px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s}
.sam-tabs button svg{width:15px}
.sam-tabs button:hover{transform:translateY(-1px);background:#f0f3ff;color:#596fb4}
.sam-tabs button.active{background:#eaf0ff;border-color:#b2c1ef;color:#526bb8;font-weight:700;box-shadow:0 4px 12px #6b7fc21c}
.sam-layer-panel,.sam-terms,.sam-demo,.sam-start,.sam-skills-panel,.sam-agents-panel,.sam-mcp-panel{min-width:0;padding:22px;border:1px solid #e2e7f0;border-radius:17px;background:#fff;box-shadow:0 9px 25px #5365860b;animation:sam-panel-in .38s ease both}
.sam-layer-panel .section-title p,.sam-terms .section-title p{max-width:780px;margin-top:5px;color:#738098;font-size:11px;line-height:1.75}
.sam-layer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}
.sam-layer-card{position:relative;min-width:0;padding:14px;border:1px solid #e4e9f1;border-top:3px solid var(--sam-accent,#6d7ee8);border-radius:11px;background:linear-gradient(145deg,#fff,#fafbff);transition:transform .22s,box-shadow .22s}
.sam-layer-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #6578b21b}
.sam-layer-top{display:flex;align-items:center;justify-content:space-between}
.sam-layer-number{font-size:10px;font-weight:800;color:var(--sam-accent,#6d7ee8)}
.sam-layer-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:color-mix(in srgb,var(--sam-accent,#6d7ee8) 12%,#fff);color:var(--sam-accent,#6d7ee8)}
.sam-layer-icon svg{width:17px}
.sam-layer-card h3{margin:11px 0 2px;color:#405273;font-size:15px}
.sam-layer-card>strong{display:block;color:var(--sam-accent,#6d7ee8);font-size:10px}
.sam-layer-card>p{margin-top:8px;color:#6d7b94;font-size:10px;line-height:1.75}
.sam-layer-arrow{position:absolute;right:-18px;top:54%;z-index:1;display:grid;place-items:center;width:25px;height:25px;border:1px solid #e0e6f1;border-radius:50%;background:#fff;color:#95a5cc}
.sam-layer-arrow svg{width:13px}
.sam-layer-caption{display:flex;align-items:center;gap:7px;margin-top:13px;padding:9px 11px;border-radius:8px;background:#f5f7fc;color:#697896;font-size:10px}
.sam-layer-caption svg{width:15px;color:#d18a4f}
.sam-term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.sam-term-card{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;padding:14px;border:1px solid #e7eaf1;border-radius:11px;background:#fcfdff;transition:transform .2s,box-shadow .2s}
.sam-term-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #6174b214}
.sam-term-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef2ff;color:#6b7fda}
.sam-term-mark svg{width:16px}
.sam-term-card h3{margin:0;color:#455a82;font-size:13px}
.sam-term-one{margin:3px 0 7px;color:#5d7196;font-size:10px;font-weight:650;line-height:1.6}
.sam-term-card p:not(.sam-term-one){margin-top:4px;color:#738098;font-size:10px;line-height:1.7}
.sam-term-card p b{color:#53688f}
.sam-term-question{display:flex;align-items:flex-start;gap:5px;margin-top:9px;padding:7px 8px;border-radius:7px;background:#f5f7fc;color:#697897;font-size:9px;line-height:1.6}
.sam-term-question svg{width:13px;flex:0 0 auto;color:#6e87d5}
.sam-demo{margin-top:17px;background:linear-gradient(120deg,#fbfdff,#fff9f3)}
.sam-demo .section-title p{max-width:800px;margin-top:5px;color:#738098;font-size:11px;line-height:1.75}
.sam-demo-task{display:flex;align-items:flex-start;gap:9px;margin:13px 0;padding:11px 13px;border-left:3px solid #d58b55;border-radius:0 9px 9px 0;background:#fff5e9;color:#6b6d76;font-size:11px;line-height:1.75}
.sam-demo-task svg{width:16px;color:#d58b55;flex:0 0 auto}
.sam-demo-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}
.sam-demo-nav{display:grid;gap:6px}
.sam-demo-nav button{display:flex;align-items:flex-start;gap:9px;width:100%;padding:9px;border:1px solid #e5e9f1;border-radius:9px;background:#fff;text-align:left;color:#75829a;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.sam-demo-nav button:hover{transform:translateX(3px);background:#f5f7ff}
.sam-demo-nav button.active{border-color:#aab9ea;background:#edf2ff;color:#526bb6;box-shadow:0 4px 12px #6476b21a}
.sam-demo-nav button>b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f0f3fa;color:#8292bf;font-size:9px;flex:0 0 auto}
.sam-demo-nav button.active>b{background:#dce5ff;color:#6078d0}
.sam-demo-nav strong,.sam-demo-nav small{display:block}
.sam-demo-nav strong{font-size:11px;line-height:1.45}
.sam-demo-nav small{margin-top:2px;color:#929caf;font-size:9px}
.sam-demo-detail{min-width:0;padding:16px;border:1px solid #e3e8f1;border-radius:11px;background:#fff;animation:sam-detail-in .3s ease both}
.sam-demo-detail-head{display:flex;align-items:center;gap:10px}
.sam-demo-step-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#6d7ee8,#a27bdc);color:#fff;font-size:12px;font-weight:800}
.sam-demo-detail-head .eyebrow{margin:0;color:#8791ae}
.sam-demo-detail-head h3{margin:2px 0 0;color:#42557d;font-size:18px}
.sam-demo-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.sam-demo-columns>div{padding:11px;border:1px solid #e8ebf2;border-radius:9px;background:#fbfcff}
.sam-demo-columns h4,.sam-demo-result small{display:flex;align-items:center;gap:5px;color:#566b97;font-size:11px}
.sam-demo-columns h4 svg{width:14px;color:#6f83d2}
.sam-demo-columns p{margin-top:6px;color:#6d7b94;font-size:10px;line-height:1.75}
.sam-demo-result{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;border-radius:9px;background:#f0faf5;color:#5b7d6c}
.sam-demo-result>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#d8f1e3;color:#4ca67d}
.sam-demo-result>span svg{width:14px}
.sam-demo-result small{display:block;color:#78a187;font-size:9px}
.sam-demo-result strong{display:block;margin-top:3px;color:#4f765f;font-size:10px;line-height:1.6}
.sam-demo-progress{height:4px;margin-top:13px;overflow:hidden;border-radius:4px;background:#eef0f5}
.sam-demo-progress span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#6d7ee8,#d58b55);transition:width .35s ease}
.sam-demo-note{margin-top:10px;color:#8a95a8;font-size:9px;line-height:1.7}
.sam-start{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:17px;align-items:center;margin-top:17px;background:linear-gradient(110deg,#f3f7ff,#fffaf0)}
.sam-start-copy h2{margin:3px 0 5px;color:#405277;font-size:18px}
.sam-start-copy p{color:#6d7b94;font-size:10px;line-height:1.8}
.sam-start-steps{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sam-start-steps>div{display:flex;align-items:flex-start;gap:6px;padding:7px 8px;border-radius:8px;background:#fff}
.sam-start-steps b{color:#6d7fce;font-size:10px}
.sam-start-steps span{color:#708099;font-size:9px;line-height:1.6}
.sam-start>.btn{white-space:nowrap;font-size:10px}
.sam-skills-panel{padding:0;background:transparent;border:0;box-shadow:none}
.sam-catalog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:21px 22px;border:1px solid #e2e7f0;border-radius:17px;background:#fff;box-shadow:0 9px 25px #5365860b}
.sam-catalog-head h2{margin:3px 0 4px;color:#405277;font-size:20px}
.sam-catalog-head p{max-width:650px;color:#738098;font-size:11px;line-height:1.75}
.sam-catalog-head .input-search{min-width:190px;margin-top:5px}
.sam-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}
.sam-filter-row button{padding:7px 10px;border:1px solid #e0e6f0;border-radius:7px;background:#fff;color:#738099;font-size:10px;cursor:pointer}
.sam-filter-row button:hover,.sam-filter-row button.active{border-color:#aab9ea;background:#edf2ff;color:#536db9;font-weight:650}
.sam-filter-row>span{margin-left:auto;color:#929bad;font-size:10px}
.sam-skill-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:13px;align-items:start}
.sam-skill-list{display:grid;gap:6px}
.sam-skill-item{display:grid;grid-template-columns:5px minmax(0,1fr) 14px;gap:9px;align-items:start;width:100%;padding:10px 10px 10px 0;border:1px solid #e4e9f1;border-radius:10px;background:#fff;text-align:left;color:#728098;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}
.sam-skill-item:hover{transform:translateX(3px);background:#f8faff}
.sam-skill-item.active{border-color:#a8b9eb;background:#edf2ff;color:#536db9}
.sam-skill-color{width:5px;min-height:53px;border-radius:0 5px 5px 0;background:linear-gradient(#6d7ee8,#d58b55)}
.sam-skill-item strong,.sam-skill-item small,.sam-skill-item em{display:block}
.sam-skill-item strong{color:#506287;font-size:11px;line-height:1.45}
.sam-skill-item small{margin-top:2px;color:#8b97ad;font-size:9px}
.sam-skill-item em{display:-webkit-box;margin-top:5px;overflow:hidden;color:#76839a;font-size:9px;line-height:1.55;font-style:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sam-skill-item>svg{width:14px;margin-top:16px;color:#a2acc3}
.sam-skill-detail{min-width:0;padding:19px;border:1px solid #e2e7f0;border-radius:15px;background:#fff;box-shadow:0 9px 22px #5365860a;animation:sam-detail-in .3s ease both}
.sam-skill-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid #edf0f5}
.sam-skill-detail-head>div{min-width:0}
.sam-skill-detail-head .tag{margin-right:5px}
.sam-skill-detail-head h2{margin:9px 0 4px;color:#3e527b;font-size:21px}
.sam-skill-detail-head p{color:#6e7c94;font-size:11px;line-height:1.75}
.sam-version{flex:0 0 auto;padding:5px 8px;border-radius:7px;background:#f2f4fa;color:#8994ab;font-size:9px}
.sam-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.sam-detail-grid>div{min-width:0;padding:11px;border:1px solid #e8ebf2;border-radius:9px;background:#fcfdff}
.sam-detail-grid h4,.sam-checks h4{margin:0 0 6px;color:#566a96;font-size:11px}
.sam-detail-grid p,.sam-detail-grid li{color:#707e95;font-size:10px;line-height:1.7}
.sam-detail-grid ul,.sam-ordered{margin:0;padding-left:16px}
.sam-ordered li{margin:3px 0}
.sam-prompt-box,.sam-config-box{margin-top:12px;padding:12px;border:1px solid #e7eaf2;border-radius:10px;background:#f9faff}
.sam-box-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px}
.sam-box-heading h4{display:flex;align-items:center;gap:5px;color:#536895;font-size:11px}
.sam-box-heading h4 svg{width:14px}
.sam-box-heading span{color:#949daf;font-size:9px}
.sam-prompt-box pre,.sam-manifest pre,.sam-template pre,.sam-config-box pre,.sam-builder-result pre{max-width:100%;margin:0;padding:11px;border-radius:8px;background:#f0f2fa;color:#576681;font:10px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.sam-manifest,.sam-template{margin-top:10px;border:1px solid #e8ebf2;border-radius:9px;background:#fff}
.sam-manifest summary,.sam-template summary{padding:10px 11px;color:#5b6e9b;font-size:10px;cursor:pointer}
.sam-manifest summary svg,.sam-template summary svg{width:14px;vertical-align:middle;margin-right:4px}
.sam-manifest pre,.sam-template pre{margin:0 10px 10px;max-height:340px;overflow:auto}
.sam-checks{margin-top:12px;padding:11px;border-left:3px solid #55a487;border-radius:0 8px 8px 0;background:#f1faf6}
.sam-checks h4{display:flex;align-items:center;gap:5px;color:#4d806a}
.sam-checks h4 svg{width:14px}
.sam-checks .sam-list{margin:0}
.sam-list{margin:0;padding-left:16px}
.sam-list li{margin:3px 0;color:#6f7e95;font-size:10px;line-height:1.7}
.sam-platform-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;color:#8b95a8;font-size:9px}
.sam-platform-strip>.tag{font-size:8px}
.sam-agents-panel{padding:0;background:transparent;border:0;box-shadow:none}
.sam-agents-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:center;padding:22px;border:1px solid #e1e6f0;border-radius:17px;background:linear-gradient(115deg,#f1f5ff,#fff 58%,#f8f1ff);overflow:hidden}
.sam-agents-hero h2{margin:4px 0 6px;color:#3e527a;font-size:21px}
.sam-agents-hero p{max-width:760px;color:#6e7c95;font-size:11px;line-height:1.8}
.sam-agent-loop-orbit{position:relative;display:grid;place-items:center;width:164px;height:164px;margin:auto;border:1px solid #bfc9ef;border-radius:50%;background:radial-gradient(circle,#fff 0 17%,#e9edff 18% 28%,transparent 29%),conic-gradient(from 10deg,#6d7ee8,#b171c7,#55a487,#d58b55,#6d7ee8);box-shadow:inset 0 0 0 11px #ffffff9c,0 12px 25px #6978b52a;animation:sam-orbit 13s linear infinite}
.sam-agent-loop-orbit>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:#657adb;box-shadow:0 4px 10px #5c6eb42b}
.sam-agent-loop-orbit>span svg{width:24px}
.sam-agent-loop-orbit>b{position:absolute;top:27px;color:#6173bd;font-size:9px}
.sam-agent-loop-orbit>i{position:absolute;right:21px;top:68px;color:#fff}
.sam-agent-loop-orbit>i svg{width:17px}
.sam-agent-loop-orbit>small{position:absolute;bottom:26px;color:#fff;font-size:8px;letter-spacing:.05em}
.sam-agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px}
.sam-agent-card{min-width:0;padding:16px;border:1px solid #e2e7f0;border-radius:13px;background:#fff;box-shadow:0 8px 20px #53658609}
.sam-agent-head{display:flex;align-items:flex-start;gap:10px}
.sam-agent-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf2ff;color:#657adb}
.sam-agent-icon svg{width:19px}
.sam-agent-head h3{color:#455a82;font-size:15px}
.sam-agent-head p{margin-top:3px;color:#718098;font-size:10px;line-height:1.65}
.sam-agent-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.sam-agent-columns>div{padding:9px;border-radius:8px;background:#f8f9fd}
.sam-agent-columns h4,.sam-loop h4,.sam-guardrails h4{color:#586b96;font-size:10px}
.sam-agent-columns p{margin-top:4px;color:#738098;font-size:9px;line-height:1.7}
.sam-loop{margin-top:11px}
.sam-loop>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.sam-loop>div span{display:flex;align-items:flex-start;gap:4px;padding:5px 6px;border-radius:6px;background:#f5f6fb;color:#708099;font-size:9px;line-height:1.45}
.sam-loop>div b{color:#7489d2}
.sam-guardrails{margin-top:10px;padding-top:9px;border-top:1px dashed #e1e6ef}
.sam-guardrails h4{display:flex;align-items:center;gap:4px}
.sam-guardrails h4 svg{width:13px;color:#55a487}
.sam-guardrails .sam-list{margin-top:4px}
.sam-guardrails .sam-list li{font-size:9px}
.sam-professional{margin-top:13px;padding:19px;border:1px solid #e2e7f0;border-radius:15px;background:linear-gradient(115deg,#fff,#f8fbff)}
.sam-professional h3{margin:3px 0 4px;color:#40547c;font-size:18px}
.sam-professional>div>p{color:#718098;font-size:10px;line-height:1.7}
.sam-pro-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.sam-pro-method article{padding:10px;border:1px solid #e8ebf2;border-radius:9px;background:#fff}
.sam-pro-method b{color:#6d7ee8;font-size:11px}
.sam-pro-method h4{margin:4px 0;color:#566991;font-size:10px}
.sam-pro-method p{color:#748198;font-size:9px;line-height:1.65}
.sam-mcp-panel{padding:0;background:transparent;border:0;box-shadow:none}
.sam-mcp-hero{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:22px;border:1px solid #e2e6f0;border-radius:17px;background:linear-gradient(115deg,#f4efff,#fff 58%,#eef9f6)}
.sam-mcp-hero h2{margin:4px 0 5px;color:#43527a;font-size:21px}
.sam-mcp-hero p{max-width:760px;color:#6e7b94;font-size:11px;line-height:1.8}
.sam-mcp-badge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:9px 11px;border:1px solid #c9d9d6;border-radius:9px;background:#f2fbf8;color:#4d896f;font-size:9px;font-weight:700;letter-spacing:.04em}
.sam-mcp-badge svg{width:16px}
.sam-mcp-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.sam-flow-line{position:absolute;left:9%;right:9%;top:42px;height:2px;background:linear-gradient(90deg,#6d7ee8,#55a487,#d58b55,#b171c7);opacity:.35}
.sam-mcp-flow article{position:relative;z-index:1;min-width:0;padding:14px;border:1px solid #e2e7ef;border-top:3px solid var(--sam-accent,#6d7ee8);border-radius:11px;background:#fff;box-shadow:0 6px 15px #53658609}
.sam-flow-num{display:block;color:var(--sam-accent,#6d7ee8);font-size:10px;font-weight:800}
.sam-flow-icon{display:grid;place-items:center;width:35px;height:35px;margin:5px 0 8px;border-radius:10px;background:#f1f3fb;color:var(--sam-accent,#6d7ee8)}
.sam-flow-icon svg{width:18px}
.sam-mcp-flow h3{color:#506188;font-size:12px}
.sam-mcp-flow p{margin-top:4px;color:#738097;font-size:9px;line-height:1.7}
.sam-mcp-columns{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}
.sam-flow-box{padding:14px;border:1px solid #e3e8f0;border-radius:11px;background:#fff}
.sam-flow-box h3,.sam-config-box h3,.sam-security-box h3{color:#536893;font-size:12px}
.sam-mcp-steps{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}
.sam-mcp-steps li{display:flex;align-items:flex-start;gap:7px;color:#718099;font-size:10px;line-height:1.6}
.sam-mcp-steps li b{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:6px;background:#eef2ff;color:#6f84d4;font-size:9px}
.sam-mcp-types{margin-top:8px}
.sam-mcp-types li{padding:6px 7px;margin:5px 0;border-radius:7px;background:#f7f8fc}
.sam-config-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:11px;margin-top:13px}
.sam-config-box p{margin-top:7px;color:#7c879a;font-size:9px;line-height:1.7}
.sam-security-box{padding:14px;border:1px solid #e3e8ef;border-radius:11px;background:#f4fbf8}
.sam-security-box h3{display:flex;align-items:center;gap:5px;color:#4d816c}
.sam-security-box h3 svg{width:15px}
.sam-security-box .sam-list{margin-top:8px}
.sam-security-box .sam-list li{font-size:9px}
.sam-platforms{margin-top:13px;padding:18px;border:1px solid #e2e7ef;border-radius:13px;background:#fff}
.sam-platforms .section-title{margin-bottom:10px}
.sam-platforms .section-title h3{color:#4e638d;font-size:15px}
.sam-platforms .section-title p{color:#77839a;font-size:10px;line-height:1.7}
.sam-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sam-platform-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #e5e9f0;border-radius:8px;background:#fbfcff;transition:transform .18s,border-color .18s,box-shadow .18s}
.sam-platform-link:hover{transform:translateY(-2px);border-color:#afbee9;box-shadow:0 6px 14px #5d70b215}
.sam-platform-link strong,.sam-platform-link small{display:block}
.sam-platform-link strong{color:#556992;font-size:10px;line-height:1.45}
.sam-platform-link small{margin-top:2px;color:#8994a9;font-size:8px}
.sam-platform-link>svg{width:14px;color:#7186d0}
.sam-builder-panel{padding:0;border:0;background:transparent}
.sam-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:21px 22px;border:1px solid #e2e7f0;border-radius:17px;background:linear-gradient(115deg,#f2f6ff,#fff 55%,#fff6ed);box-shadow:0 9px 25px #5365860b}
.sam-builder-head h2{margin:3px 0 5px;color:#405377;font-size:20px}
.sam-builder-head p{color:#718098;font-size:11px;line-height:1.75}
.sam-builder-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border-radius:8px;background:#edf8f3;color:#4f8a70;font-size:9px}
.sam-builder-badge svg{width:14px}
.sam-builder-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:13px;margin-top:13px;align-items:start}
.sam-builder-form{padding:17px;border:1px solid #e2e7f0;border-radius:14px;background:#fff;box-shadow:0 8px 20px #53658608}
.sam-builder-form label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;color:#5d6f95;font-size:10px;font-weight:650}
.sam-builder-form label small{color:#8b96aa;font-size:8px;font-weight:400}
.sam-builder-form input,.sam-builder-form textarea{width:100%;border:1px solid #dfe5f0;border-radius:8px;background:#fcfdff;color:#4f6285;padding:9px 10px;outline:none;font:inherit;resize:vertical}
.sam-builder-form input{min-height:36px}
.sam-builder-form textarea{line-height:1.7}
.sam-builder-form input:focus,.sam-builder-form textarea:focus{border-color:#9aacdf;box-shadow:0 0 0 3px #9aacdf1c}
.sam-builder-actions{display:flex;gap:7px;margin-top:5px}
.sam-builder-actions .btn{font-size:10px;padding:8px 10px}
.sam-builder-help{margin-top:11px;padding-top:10px;border-top:1px dashed #e4e8f0;color:#8b95a9;font-size:9px;line-height:1.7;white-space:pre-wrap}
.sam-builder-preview{min-width:0}
.sam-builder-empty{display:grid;place-items:center;min-height:370px;padding:25px;border:1px dashed #cfd8ec;border-radius:14px;background:#fbfcff;text-align:center;color:#8290aa}
.sam-builder-empty>span{display:grid;place-items:center;width:47px;height:47px;margin-bottom:10px;border-radius:14px;background:#edf2ff;color:#6c82da}
.sam-builder-empty>span svg{width:24px}
.sam-builder-empty h3{color:#586b96;font-size:15px}
.sam-builder-empty p{margin-top:5px;color:#8995a9;font-size:10px;line-height:1.7}
.sam-builder-result{padding:17px;border:1px solid #cfe4d9;border-radius:14px;background:#f5fcf8;box-shadow:0 8px 20px #4c9f7510;animation:sam-detail-in .3s ease both}
.sam-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sam-result-head h3{margin:3px 0 4px;color:#3e765e;font-size:17px}
.sam-result-head p{color:#6b8a7a;font-size:10px;line-height:1.7}
.sam-builder-result pre{margin-top:13px;background:#edf8f2;color:#4c6f5c;border-color:#d7ecdf}
.sam-result-check{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed #cfe2d6;color:#5d886f;font-size:9px;line-height:1.7}
.sam-result-check svg{width:14px;flex:0 0 auto}
.sam-source-foot{display:flex;justify-content:space-between;gap:10px;margin:17px 0 2px;padding-top:12px;border-top:1px solid #e5e9f0;color:#8a95a8;font-size:9px}
@keyframes sam-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sam-detail-in{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sam-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sam-layer-card,.sam-demo-nav button,.sam-skill-item,.sam-platform-link,.sam-agent-card,.sam-agent-loop-orbit,.sam-detail-grid,.sam-panel-in,.sam-detail-in{animation:none!important;transition:none!important}.sam-layer-card:hover,.sam-demo-nav button:hover,.sam-skill-item:hover,.sam-platform-link:hover{transform:none}}
@media(max-width:1050px){.sam-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sam-layer-arrow{display:none}.sam-start{grid-template-columns:1fr 1fr}.sam-start>.btn{grid-column:1/-1;justify-self:start}.sam-skill-layout{grid-template-columns:220px minmax(0,1fr)}.sam-mcp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.sam-flow-line{display:none}.sam-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.sam-hero-note{font-size:10px}.sam-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sam-tabs button{font-size:10px;padding:8px 7px}.sam-layer-panel,.sam-terms,.sam-demo,.sam-start{padding:15px}.sam-layer-grid,.sam-term-grid{grid-template-columns:1fr}.sam-layer-card h3{font-size:14px}.sam-demo-layout,.sam-skill-layout,.sam-builder-grid{grid-template-columns:1fr}.sam-demo-nav{display:grid;grid-template-columns:1fr 1fr}.sam-demo-nav button{padding:8px 6px}.sam-demo-nav button strong{font-size:10px}.sam-demo-nav button small{font-size:8px}.sam-demo-columns,.sam-detail-grid,.sam-agent-columns,.sam-mcp-columns,.sam-config-grid{grid-template-columns:1fr}.sam-start{display:block}.sam-start-steps{margin-top:12px}.sam-start>.btn{width:100%;margin-top:12px}.sam-catalog-head,.sam-agents-hero,.sam-mcp-hero,.sam-builder-head{display:block;padding:16px}.sam-catalog-head .input-search{width:100%;margin-top:12px}.sam-filter-row>span{width:100%;margin-left:0}.sam-skill-detail{padding:14px}.sam-skill-detail-head{display:block}.sam-version{display:inline-flex;margin-top:8px}.sam-agents-hero h2,.sam-mcp-hero h2{font-size:18px}.sam-agent-loop-orbit{width:130px;height:130px;margin:15px auto 0}.sam-agent-grid{grid-template-columns:1fr}.sam-pro-method{grid-template-columns:1fr 1fr}.sam-mcp-flow{grid-template-columns:1fr 1fr}.sam-platform-grid{grid-template-columns:1fr}.sam-builder-form{padding:14px}.sam-builder-empty{min-height:250px}.sam-source-foot{display:block}.sam-source-foot span{display:block;margin-top:4px}}
@media(max-width:410px){.sam-tabs{grid-template-columns:1fr}.sam-demo-nav{grid-template-columns:1fr}.sam-pro-method{grid-template-columns:1fr}.sam-mcp-flow{grid-template-columns:1fr}.sam-start-steps{grid-template-columns:1fr}}


.sam-directory{margin-top:13px;padding:19px 22px;border:1px solid #e2e7f0;border-radius:15px;background:linear-gradient(110deg,#fff,#f8fbff);box-shadow:0 8px 20px #53658608}
.sam-directory .section-title{margin-bottom:10px}
.sam-directory .section-title h3{margin:3px 0 4px;color:#4e638d;font-size:15px}
.sam-directory .section-title p{color:#77839a;font-size:10px;line-height:1.7}
@media(max-width:780px){.sam-directory{padding:16px}.sam-directory .section-title{align-items:flex-start}}