@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212f;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:282px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;overflow-y:auto;color:#f7fafc;background:#17212f;border-right:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:#17212f;font-weight:900;background:linear-gradient(135deg,#9eff00,#0af 52%,#a065ff);border-radius:8px}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span:not(.brand-mark){color:#adbac7;font-size:13px}.department-list{display:grid;gap:5px}.department-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:8px 10px;color:#d6dee8;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px}.department-item:hover,.department-item.active{color:#fff;background:#ffffff14;border-color:#ffffff1a}.department-item.green.active{box-shadow:inset 3px 0 #9eff00}.department-item.blue.active{box-shadow:inset 3px 0 #0af}.department-item.violet.active{box-shadow:inset 3px 0 #a065ff}.department-item.orange.active{box-shadow:inset 3px 0 #ffb000}.workspace{min-width:0;padding:18px 22px 30px}.topbar{display:flex;position:sticky;z-index:5;top:0;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:8px 0 16px;background:#f4f6f8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-wrap{display:flex;align-items:center;width:min(680px,100%);height:44px;padding:0 14px;color:#607083;background:#fff;border:1px solid #dde4ea;border-radius:8px}.search-wrap input{width:100%;height:100%;margin-left:10px;color:#17212f;background:transparent;border:0;outline:0}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-button,.avatar-button,.login-button{display:inline-flex;align-items:center;justify-content:center;height:40px;color:#26384d;background:#fff;border:1px solid #dde4ea;border-radius:8px}.icon-button,.avatar-button{width:40px}.login-button{gap:8px;padding:0 12px}.overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:18px 0 26px;border-bottom:1px solid #dde4ea}.eyebrow{display:inline-block;margin-bottom:8px;color:#47627e;font-size:13px;font-weight:800;text-transform:uppercase}.overview h1{max-width:760px;margin:0;color:#111827;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:0}.overview p{max-width:760px;margin:14px 0 0;color:#526579;font-size:16px;line-height:1.55}.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px}.stat{display:grid;min-width:92px;gap:4px;padding:12px;color:#526579;background:#fff;border:1px solid #dde4ea;border-radius:8px}.stat strong{color:#17212f;font-size:24px}.stat span{font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:18px;padding-top:20px}.article-list,.article-view{min-width:0}.section-title,.section-heading{display:flex;align-items:center;gap:8px}.section-title{margin-bottom:12px}.section-title h2{margin:0;font-size:18px}.section-title span{display:grid;min-width:28px;height:24px;place-items:center;color:#47627e;font-size:12px;background:#e8edf2;border-radius:99px}.article-cards{display:grid;gap:10px}.article-card{display:grid;gap:8px;width:100%;padding:14px;text-align:left;background:#fff;border:1px solid #dde4ea;border-radius:8px}.article-card:hover,.article-card.active{border-color:#0af;box-shadow:0 10px 28px #0e253d14}.article-card strong{color:#17212f;font-size:15px}.article-card>span:not(.article-type){display:-webkit-box;overflow:hidden;color:#607083;font-size:13px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-type{justify-self:start;padding:4px 8px;color:#17212f;font-size:12px;font-weight:800;background:#e8edf2;border-radius:99px}.article-type.green{background:#dbff9e}.article-type.blue{background:#cef}.article-type.violet{background:#e6d8ff}.article-type.orange{background:#ffe7ad}.card-meta{display:flex;flex-wrap:wrap;gap:8px;color:#607083;font-size:12px}.card-meta span{display:inline-flex;align-items:center;gap:4px}.empty-state{display:grid;place-items:center;gap:8px;padding:32px 16px;color:#607083;text-align:center;background:#fff;border:1px dashed #b9c5d0;border-radius:8px}.article-view{padding:22px;background:#fff;border:1px solid #dde4ea;border-radius:8px;box-shadow:0 16px 40px #0e253d14}.article-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding-bottom:18px;border-bottom:1px solid #edf1f5}.article-header h2{margin:12px 0 10px;color:#111827;font-size:clamp(25px,3vw,36px);line-height:1.12}.article-header p,.text-block,.tab-panel p,.callout p{color:#526579;line-height:1.65}.article-header p{max-width:800px;margin:0}.article-side-meta{display:grid;align-content:start;gap:8px;color:#607083;font-size:13px}.article-side-meta span{display:inline-flex;align-items:center;gap:6px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tag-row span{padding:5px 9px;color:#47627e;background:#f0f4f7;border-radius:99px;font-size:12px}.article-body{display:grid;gap:18px}.media-figure{margin:0}.media-figure img,video{display:block;width:100%;max-height:430px;object-fit:cover;background:#111827;border-radius:8px}.media-figure figcaption{margin-top:8px;color:#607083;font-size:13px}.callout,.content-section,.quiz{padding:18px;border:1px solid #dde4ea;border-radius:8px}.callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.callout h3,.content-section h3,.quiz h3,.tab-panel h3{margin:0 0 10px;color:#17212f;font-size:18px}.callout p,.text-block,.tab-panel p{margin:0}.callout.blue{background:#eff9ff;border-color:#cef}.callout.green{background:#f4ffe6;border-color:#dbff9e}.callout.orange{background:#fff7e8;border-color:#ffe7ad}.steps{display:grid;gap:9px;margin:0;padding-left:22px;color:#33465c}.steps li{padding-left:4px;line-height:1.55}.checklist{display:grid;gap:8px}.checklist label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;color:#33465c;line-height:1.45}.checklist input{position:absolute;opacity:0}.checklist span{display:grid;width:20px;height:20px;place-items:center;color:transparent;border:1px solid #b9c5d0;border-radius:6px}.checklist input:checked+span{color:#17212f;background:#9eff00;border-color:#9eff00}.table-wrap{overflow-x:auto}table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid #edf1f5}th{color:#47627e;background:#f7f9fb}td{color:#33465c}.schema{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.schema-node{min-height:148px;padding:14px;background:#f7f9fb;border:1px solid #dde4ea;border-radius:8px}.schema-node span{display:grid;width:28px;height:28px;place-items:center;margin-bottom:10px;color:#fff;font-weight:800;background:#17212f;border-radius:8px}.schema-node strong{display:block;color:#17212f}.schema-node p{margin:8px 0 0;color:#607083;font-size:13px;line-height:1.45}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{min-height:94px;padding:16px;background:#17212f;border-radius:8px}.metric strong{display:block;color:#9eff00;font-size:28px}.metric span{color:#d6dee8}.process-animation{display:flex;flex-wrap:wrap;gap:10px}.process-animation span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;color:#17212f;font-weight:800;background:#fff;border:1px solid #dde4ea;border-radius:8px;animation:pulseStep 2.4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes pulseStep{0%,to{border-color:#dde4ea;transform:translateY(0)}45%{border-color:#0af;box-shadow:0 8px 18px #00aaff29;transform:translateY(-3px)}}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tabs button{min-height:36px;padding:0 12px;color:#47627e;background:#f0f4f7;border:1px solid transparent;border-radius:8px}.tabs button.active{color:#17212f;background:#dbff9e;border-color:#c0ed73}.tab-panel{padding-top:8px;border-top:1px solid #edf1f5}.flowchart-section .text-block{margin-bottom:14px}.flowchart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}.flow-lane{display:grid;gap:10px;align-content:start;padding:12px;background:#f7f9fb;border:1px solid #dde4ea;border-radius:8px}.flow-lane>strong{color:#47627e;font-size:13px;text-transform:uppercase}.flow-nodes{display:grid;gap:28px}.flow-node{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;position:relative;min-height:120px;padding:12px;background:#fff;border:1px solid #dde4ea;border-radius:8px;box-shadow:0 10px 24px #0e253d0f}.flow-node:after{content:"";position:absolute;left:31px;bottom:-28px;width:2px;height:28px;background:linear-gradient(#0af,#0af0)}.flow-node:last-child:after{display:none}.flow-node>span{display:grid;width:34px;height:34px;place-items:center;color:#fff;font-size:12px;font-weight:900;background:#17212f;border-radius:8px}.flow-node strong{display:block;margin-bottom:6px;color:#17212f}.flow-node p{margin:0;color:#607083;font-size:13px;line-height:1.45}.flow-node.decision{border-color:#0af}.flow-node.risk{border-color:#ffb000}.flow-node.done{border-color:#9eff00}.flow-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.flow-options em{padding:4px 7px;color:#26384d;font-size:12px;font-style:normal;background:#f0f4f7;border-radius:99px}.stepper-progress{height:8px;margin:4px 0 16px;overflow:hidden;background:#e8edf2;border-radius:99px}.stepper-progress span{display:block;height:100%;background:linear-gradient(90deg,#9eff00,#0af);border-radius:inherit;transition:width .24s ease}.stepper-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px}.stepper-nav{display:grid;gap:8px;align-content:start}.stepper-nav button,.stepper-actions button{display:inline-flex;align-items:center;gap:8px;min-height:42px;color:#33465c;background:#fff;border:1px solid #dde4ea;border-radius:8px}.stepper-nav button{justify-content:flex-start;padding:8px 10px;text-align:left}.stepper-nav button.active{color:#17212f;background:#eff9ff;border-color:#0af}.stepper-nav span{display:grid;width:24px;height:24px;place-items:center;color:#fff;font-size:12px;font-weight:800;background:#17212f;border-radius:7px}.stepper-panel{padding:16px;background:#f7f9fb;border:1px solid #dde4ea;border-radius:8px}.stepper-panel h3{margin:12px 0 8px}.stepper-panel p,.stepper-panel li,.stepper-result{color:#33465c;line-height:1.5}.stepper-panel ul{display:grid;gap:6px;margin:12px 0;padding-left:20px}.stepper-result{display:flex;gap:8px;align-items:center;padding:10px;background:#fff;border:1px solid #dde4ea;border-radius:8px}.stepper-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.stepper-actions button{padding:0 12px}.stepper-actions button:disabled{cursor:not-allowed;opacity:.45}.accordion{display:grid;gap:8px}.accordion button{display:grid;gap:8px;width:100%;min-height:48px;padding:12px 14px;color:#33465c;text-align:left;background:#fff;border:1px solid #dde4ea;border-radius:8px}.accordion button.open{background:#f4ffe6;border-color:#dbff9e}.accordion span{color:#526579;line-height:1.55}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.scenario-grid button{display:grid;gap:7px;min-height:118px;padding:14px;text-align:left;background:#fff;border:1px solid #dde4ea;border-radius:8px}.scenario-grid button.active{border-color:#a065ff;box-shadow:0 10px 24px #a065ff1f}.scenario-grid span{display:grid;width:38px;height:30px;place-items:center;color:#fff;font-weight:900;background:#17212f;border-radius:8px}.scenario-grid small{color:#607083}.scenario-detail{padding:14px;background:#f7f9fb;border:1px solid #dde4ea;border-radius:8px}.scenario-detail p{margin:8px 0 12px;color:#526579;line-height:1.55}.scenario-detail div{display:flex;flex-wrap:wrap;gap:7px}.scenario-detail span{padding:5px 8px;color:#26384d;background:#e6d8ff;border-radius:99px;font-size:12px}.progress-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.progress-card{display:grid;gap:10px;padding:14px;background:#17212f;border-radius:8px}.progress-card div:first-child{display:flex;justify-content:space-between;gap:10px;color:#fff}.progress-card div:first-child span{color:#9eff00;font-weight:900}.progress-track{height:9px;overflow:hidden;background:#ffffff21;border-radius:99px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#9eff00,#0af);border-radius:inherit;animation:growBar 1.2s ease both;animation-delay:var(--delay)}@keyframes growBar{0%{width:0}}.progress-card p{margin:0;color:#d6dee8;font-size:13px;line-height:1.45}.hotspot-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:12px}.hotspot-stage{position:relative;min-height:280px;overflow:hidden;background:#111827;border-radius:8px}.hotspot-stage img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover;opacity:.88}.hotspot-stage button{display:grid;position:absolute;width:34px;height:34px;place-items:center;color:#17212f;font-weight:900;background:#9eff00;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 8px #9eff0038;transform:translate(-50%,-50%);animation:hotspotPulse 1.7s ease-in-out infinite}.hotspot-stage button.active{background:#0af;box-shadow:0 0 0 10px #00aaff3d}@keyframes hotspotPulse{50%{box-shadow:0 0 0 14px #9eff0000}}.hotspot-card{display:grid;align-content:start;gap:10px;padding:16px;background:#f7f9fb;border:1px solid #dde4ea;border-radius:8px}.hotspot-card strong{color:#17212f;font-size:18px}.hotspot-card p{margin:0;color:#526579;line-height:1.55}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compare-column{padding:14px;border-radius:8px}.compare-column.good{background:#f4ffe6;border:1px solid #dbff9e}.compare-column.warn{background:#fff7e8;border:1px solid #ffe7ad}.compare-column strong{display:block;margin-bottom:8px}.compare-column ul{display:grid;gap:7px;margin:0;padding-left:18px;color:#33465c}.quiz{background:#f7f9fb}.quiz-options{display:grid;gap:8px}.quiz-options button{min-height:42px;padding:10px 12px;color:#26384d;text-align:left;background:#fff;border:1px solid #dde4ea;border-radius:8px}.quiz-options button.correct{background:#f4ffe6;border-color:#9eff00}.quiz-options button.wrong{background:#fff0ef;border-color:#ff776d}.quiz-result{margin:12px 0 0;color:#33465c;font-weight:700}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.department-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.article-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.workspace{padding:12px}.topbar,.overview,.article-header{grid-template-columns:1fr}.topbar{display:grid}.topbar-actions{justify-content:space-between}.department-list,.article-cards,.overview-stats,.schema,.flowchart,.stepper-layout,.scenario-grid,.progress-board,.hotspot-layout,.metric-row,.compare-grid{grid-template-columns:1fr}.article-view{padding:16px}.login-button{flex:1}}:root{--serm-bg: #0d131c;--serm-bg-top: #101722;--serm-card: rgba(28, 38, 53, .88);--serm-card-solid: #1c2635;--serm-card-soft: rgba(35, 46, 63, .72);--serm-muted: rgba(41, 53, 71, .72);--serm-border: rgba(123, 139, 163, .22);--serm-border-strong: rgba(123, 139, 163, .34);--serm-text: #fbf7ef;--serm-subtext: #d2dbe8;--serm-faint: #aebccd;--serm-primary: #2dd4bf;--serm-primary-soft: rgba(45, 212, 191, .14);--serm-accent: #fb923c;--serm-accent-soft: rgba(251, 146, 60, .14);--serm-danger: #fb7185;--serm-warning: #fbbf24;--serm-radius: 24px;--serm-radius-sm: 16px;--serm-shadow-panel: 0 24px 80px rgba(0, 0, 0, .2);--serm-shadow-card: 0 12px 34px rgba(0, 0, 0, .16);font-family:Manrope,Segoe UI,sans-serif;color:var(--serm-text);background:var(--serm-bg)}body{color:var(--serm-text);background:radial-gradient(circle at 10% 0%,rgba(45,212,191,.18),transparent 28%),radial-gradient(circle at 88% 10%,rgba(251,146,60,.16),transparent 18%),linear-gradient(180deg,var(--serm-bg-top) 0%,var(--serm-bg) 100%)}*{scrollbar-width:thin;scrollbar-color:rgba(174,185,200,.45) rgba(13,19,28,.65)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0d131ca6;border-radius:999px}*::-webkit-scrollbar-thumb{min-height:44px;background:#aeb9c873;background-clip:content-box;border:2px solid transparent;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#2dd4bfb3;background-clip:content-box}.app-shell{gap:10px;min-height:100vh;padding:8px;background:transparent}.sidebar,.article-view,.article-card,.stat,.content-section,.quiz,.callout,.empty-state,.flow-lane,.stepper-panel,.hotspot-card,.scenario-detail,.accordion button{border-color:var(--serm-border);background:var(--serm-card);box-shadow:var(--serm-shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar{top:8px;height:calc(100vh - 16px);padding:18px 14px;color:var(--serm-text);background:var(--serm-card);border:1px solid var(--serm-border);border-radius:var(--serm-radius);box-shadow:var(--serm-shadow-panel)}.brand{align-items:flex-start;margin:0 0 16px;padding:4px 4px 18px;border-bottom:1px solid var(--serm-border)}.brand-mark{width:44px;height:44px;color:#06221f;background:var(--serm-primary);border-radius:18px;box-shadow:var(--serm-shadow-card)}.brand strong{color:var(--serm-text);font-size:17px;font-weight:800;letter-spacing:-.01em}.brand span:not(.brand-mark){color:var(--serm-subtext);font-size:12px;line-height:1.5}.department-list{gap:8px}.department-item{min-height:42px;padding:9px 11px;color:var(--serm-subtext);background:transparent;border:1px solid transparent;border-radius:14px;font-size:14px;font-weight:600}.department-item:hover,.department-item.active{color:var(--serm-text);background:var(--serm-muted);border-color:var(--serm-border);box-shadow:var(--serm-shadow-card)}.department-item.green.active,.department-item.blue.active,.department-item.violet.active,.department-item.orange.active{box-shadow:inset 3px 0 #2dd4bfdb,var(--serm-shadow-card)}.department-item.orange.active{box-shadow:inset 3px 0 #fb923ce0,var(--serm-shadow-card)}.workspace{padding:0}.topbar{top:8px;z-index:10;min-height:66px;margin-bottom:10px;padding:12px 14px;background:#1c2635b8;border:1px solid var(--serm-border);border-radius:var(--serm-radius);box-shadow:var(--serm-shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-wrap{height:44px;color:var(--serm-subtext);background:var(--serm-card-soft);border-color:var(--serm-border);border-radius:14px}.search-wrap input{color:var(--serm-text)}.search-wrap input::placeholder{color:#aeb9c8b3}.icon-button,.avatar-button,.login-button,.tabs button,.quiz-options button,.stepper-nav button,.stepper-actions button,.scenario-grid button{color:var(--serm-text);background:linear-gradient(90deg,var(--serm-card-solid),var(--serm-muted));border-color:var(--serm-border);border-radius:14px;box-shadow:0 1px #ffffff08 inset;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.icon-button:hover,.avatar-button:hover,.login-button:hover,.tabs button:hover,.quiz-options button:hover,.stepper-nav button:hover,.stepper-actions button:hover,.scenario-grid button:hover,.article-card:hover{transform:translateY(-1px);border-color:#2dd4bf6b;box-shadow:var(--serm-shadow-card)}.login-button{background:linear-gradient(90deg,#14b8a633,#fb923c24)}.overview{margin-bottom:10px;padding:24px;background:var(--serm-card);border:1px solid var(--serm-border);border-radius:var(--serm-radius);box-shadow:var(--serm-shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{color:var(--serm-subtext);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.28em}.overview h1,.article-header h2,.section-title h2,.content-section h3,.quiz h3,.tab-panel h3,.callout h3,.hotspot-card strong,.flow-node strong,.schema-node strong,.article-card strong,.stat strong{color:var(--serm-text)}.overview h1{font-weight:800;letter-spacing:-.02em}.overview p,.article-header p,.text-block,.tab-panel p,.callout p,.article-card>span:not(.article-type),.media-figure figcaption,.card-meta,.tag-row span,.article-side-meta,.stat,.flow-node p,.schema-node p,.stepper-panel p,.stepper-panel li,.stepper-result,.scenario-detail p,.progress-card p,.hotspot-card p,.accordion span,.compare-column ul,.steps,td{color:var(--serm-subtext)}.article-card>span:not(.article-type),.card-meta,.article-side-meta,.tag-row span,.media-figure figcaption,.flow-lane>strong,.flow-node p,.schema-node p,.stepper-panel p,.stepper-panel li,.stepper-result,.scenario-detail p,.progress-card p,.hotspot-card p,.accordion span,.compare-column ul,.steps,td{color:var(--serm-faint)}.overview p,.article-header p,.text-block,.callout p,.tab-panel p,.quiz-result,.checklist label,.checklist label span+*,.stepper-panel li,.scenario-detail p,.hotspot-card p{color:var(--serm-subtext)}.checklist label{font-weight:500}.checklist span{color:transparent;background:#1c2635db;border-color:#d2dbe89e}.checklist input:checked+span{color:#06221f;background:var(--serm-primary);border-color:var(--serm-primary)}.article-card>span:not(.article-type){color:#c4cede}.department-item{color:#c2ccda}.department-item:hover,.department-item.active{color:#fff}.search-wrap{color:#b9c5d4}.search-wrap input::placeholder{color:#9fadc0}.tag-row span,.card-meta,.article-side-meta{color:#b8c4d4}.flow-options em,.scenario-detail span,.article-type,th{color:#f8fafc}td{color:#cbd5e1}.overview-stats,.metric-row,.progress-board{gap:10px}.stat{min-width:98px;border-radius:18px}.stat svg{color:var(--serm-primary)}.content-grid{gap:10px;padding-top:0}.section-title{margin-bottom:10px;padding:0 4px;color:var(--serm-text)}.section-title span{color:#06221f;background:var(--serm-primary)}.article-card{padding:15px;background:linear-gradient(135deg,rgba(71,85,105,.16),rgba(45,212,191,.08),var(--serm-card));border-radius:20px}.article-card.active{border-color:#2dd4bfc7;box-shadow:inset 0 4px #2dd4bf7a,var(--serm-shadow-card)}.article-type{color:var(--serm-text);background:var(--serm-muted);border:1px solid var(--serm-border)}.article-type.green,.article-type.blue,.article-type.violet,.article-type.orange{color:var(--serm-text)}.article-type.green,.article-type.blue{background:#2dd4bf24;border-color:#2dd4bf3d}.article-type.violet{background:#6366f12e;border-color:#818cf847}.article-type.orange{background:#fb923c24;border-color:#fb923c47}.article-view{padding:22px;border-radius:var(--serm-radius);box-shadow:var(--serm-shadow-panel)}.article-header,.tab-panel,th,td{border-color:var(--serm-border)}.tag-row span{background:var(--serm-muted)}.media-figure img,video,.hotspot-stage{border:1px solid var(--serm-border);border-radius:20px;box-shadow:var(--serm-shadow-card)}.callout,.content-section,.quiz{border-radius:20px}.callout.blue,.callout.green,.callout.orange{background:linear-gradient(135deg,#2dd4bf1f,#fb923c14,#1c2635d1)}.callout.orange{border-color:#fb923c4d}.callout.green,.callout.blue{border-color:#2dd4bf47}.callout svg,.section-heading svg{color:var(--serm-primary)}th{color:var(--serm-text);background:#293547b3}table{border:1px solid var(--serm-border);border-radius:16px;overflow:hidden}.schema-node,.flow-node,.stepper-result,.compare-column,.scenario-grid button,.scenario-detail,.hotspot-card,.accordion button{background:#29354794;border-color:var(--serm-border);border-radius:18px}.schema-node span,.flow-node>span,.stepper-nav span,.scenario-grid span{color:#06221f;background:var(--serm-primary)}.flow-lane{border-radius:20px;background:#1c2635bd}.flow-lane>strong,.card-meta svg,.article-side-meta svg{color:var(--serm-subtext)}.flow-node.decision,.flow-node.done{border-color:#2dd4bf7a}.flow-node.risk{border-color:#fb923c8a}.flow-options em,.scenario-detail span{color:var(--serm-text);background:var(--serm-muted)}.stepper-progress,.progress-track{background:#0d131ca6}.stepper-progress span,.progress-track span{background:linear-gradient(90deg,var(--serm-primary),var(--serm-accent))}.stepper-nav button.active,.tabs button.active,.scenario-grid button.active{color:var(--serm-text);background:var(--serm-primary-soft);border-color:#2dd4bf80;box-shadow:0 0 0 1px #2dd4bf29}.stepper-actions button:disabled{color:var(--serm-subtext)}.compare-column.good,.quiz-options button.correct{background:#10b9811f;border-color:#10b98157}.compare-column.warn{background:#fb923c1a;border-color:#fb923c52}.quiz{background:#1c2635db}.quiz-options button.wrong{background:#fb71851f;border-color:#fb71856b}.quiz-result{color:var(--serm-text)}.metric,.progress-card{background:linear-gradient(135deg,#2dd4bf21,#fb923c14,#0f172a7a);border:1px solid var(--serm-border);border-radius:20px}.metric strong,.progress-card div:first-child span{color:var(--serm-primary)}.metric span,.progress-card div:first-child,.progress-card p{color:var(--serm-subtext)}.process-animation span{color:var(--serm-text);background:var(--serm-card-soft);border-color:var(--serm-border);border-radius:14px}@keyframes pulseStep{0%,to{border-color:var(--serm-border);transform:translateY(0)}45%{border-color:#2dd4bfcc;box-shadow:0 0 0 10px #2dd4bf12,var(--serm-shadow-card);transform:translateY(-2px)}}.hotspot-stage button{color:#06221f;background:var(--serm-primary);box-shadow:0 0 0 8px #2dd4bf2e}.hotspot-stage button.active{color:#1f1305;background:var(--serm-accent);box-shadow:0 0 0 10px #fb923c2e}.empty-state{color:var(--serm-subtext);border-style:dashed}@media(max-width:1120px){.sidebar{height:auto}}