:root{--ink:#172d36;--muted:#60737c;--brand-red:#ED1B2F;--brand-green:#ACC42A;--brand-blue:#006CB8;--primary:var(--brand-blue);--primary-dark:#00558f;--soft-blue:#eaf3fa;--line:#dfe7eb;--bg:#f3f6f8;--white:#fff;--navy:#112f3a;--red:#b63845;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #006CB8;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-.7px;font-weight:700;margin-bottom:9px}h2{font-size:21px;line-height:1.4;letter-spacing:-.3px;margin-bottom:18px}h3{font-size:18px;line-height:1.45}small{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:var(--white);border-right:1px solid var(--line);padding:30px 19px 20px;display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;line-height:1.2;overflow-wrap:anywhere}.brand small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:7px;color:#72828a}.brand-icon{flex:none;width:40px;height:43px;display:grid;place-items:center;border-radius:11px;background:var(--primary);color:#fff;font-weight:800;font-size:27px}.logo{width:43px;height:43px;object-fit:contain}.nav-label{font-size:11px;color:#7b8b91;letter-spacing:1.8px;margin:38px 14px 12px;font-weight:700}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;margin:5px 0;color:#536b75;font-size:14px;font-weight:600;border-radius:9px}.nav-item.active{background:var(--soft-blue);color:var(--primary);box-shadow:inset 3px 0 var(--primary)}.nav-item:hover{background:#f0f6fb}.sidebar-bottom{margin-top:auto;padding-top:36px}.access-note{display:flex;gap:10px;border-top:1px solid var(--line);padding:20px 4px}.access-note b{font-size:12px;display:block}.access-note small{display:block;font-size:11px;margin-top:3px}.access-mark{font-size:23px;color:var(--primary)}.profile{display:flex;align-items:center;gap:10px;padding:12px 2px;overflow-wrap:anywhere;font-size:14px;font-weight:650}.profile small{display:block;font-size:12px;font-weight:400}.avatar{background:#e8edf2;color:#345762;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;flex:none}.workspace{margin-left:252px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 40px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#acb8be}.breadcrumb b{font-weight:500;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:22px;font-size:14px;white-space:nowrap}.top-actions form{margin:0}.text-btn{border:0;background:none;color:var(--muted);padding:0;font-size:14px}main{padding:34px 40px 0;max-width:1660px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 26px}.page-heading p{margin:0;color:var(--muted);font-size:15px}.btn{border:1px solid var(--primary);border-radius:8px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:white;font-size:14px;font-weight:650;line-height:1.6;white-space:normal;text-align:center;min-height:43px}.btn:hover{background:var(--primary-dark);color:white}.btn.outline{background:white;color:var(--primary);border-color:#b8d4ea}.btn.outline:hover{background:var(--soft-blue)}.btn.small{padding:6px 11px;min-height:34px;font-size:13px}.btn.danger{background:#fff5f5;border-color:#e8b6bb;color:var(--red)}.btn.danger:hover{background:#ffe9eb}.btn.full{width:100%}.search-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #c2d9eb;background:#fff;padding:10px 12px 10px 22px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #193b4904}.search-hero>div{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:var(--primary)}.search-hero input{width:100%;border:none;background:transparent;outline-offset:0;font-size:15px;padding:9px;color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:36px}.stat{display:flex;align-items:center;gap:16px;padding:22px 19px;border:1px solid var(--line);border-radius:12px;background:#fff}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;background:var(--soft-blue);color:var(--primary);border-radius:12px}.stat:nth-child(2) .stat-icon{background:#fff0f2;color:#ED1B2F}.stat:nth-child(3) .stat-icon{background:#f1f5db;color:#566615}.stat:nth-child(4) .stat-icon{background:#eaf3fa;color:#006CB8}.stat p{font-size:13px;color:var(--muted);margin:0 0 3px}.stat strong{font-size:30px;line-height:1.15;letter-spacing:-.5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 18px}.section-heading h2{margin:0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--primary);font-weight:750;margin:0 0 7px}.link{display:flex;align-items:center;gap:7px;color:var(--primary);font-size:14px;font-weight:600;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.knowledge-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px 16px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;min-width:0}.knowledge-card:hover{transform:translateY(-2px);box-shadow:0 7px 22px #2544560b;border-color:#9ec6e3}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:21px}.category{font-size:11px;letter-spacing:.2px;display:inline-block;background:#f1f5db;color:#465818;font-weight:650;padding:5px 9px;border-radius:5px}.card-symbol{display:flex;align-items:center;color:#95a9b3}.knowledge-card h3{font-size:17px;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}.card-summary{color:var(--muted);font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}.badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:18px}.badge{display:inline-block;font-size:11px;font-weight:650;background:#f0f3f5;color:#5c747e;padding:3px 7px;border-radius:4px;white-space:nowrap}.badge.pdf{background:#fff0f2;color:#b81225}.badge.presentation{background:#f1f5db;color:#526314}.badge.video,.badge.youtube{background:#eaf3fa;color:#006CB8}.badge.published{background:#e5f4ed;color:#147552}.badge.draft{background:#fff3d9;color:#8d6310}.badge.archived{background:#e9edf0;color:#637681}.card-meta{border-top:1px solid #edf1f3;padding-top:13px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#81909a}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:29px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:22px;min-width:0}.panel p{font-size:14px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.category-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px}.category-list a>span{display:flex;gap:9px;align-items:center}.category-list svg{width:16px;height:16px;color:var(--primary);flex:none}.category-list b{font-size:12px;color:var(--muted);font-weight:500}.popular-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf1f3;padding:12px 0}.popular-row:last-child{border:0;padding-bottom:0}.rank{color:#9caeb7;font-size:20px;font-weight:500}.popular-row b{display:block;font-size:13px;font-weight:600;line-height:1.5}.popular-row small{font-size:11px;display:block;margin-top:3px}.footer{display:flex;justify-content:space-between;gap:18px;padding:27px 0;color:#82919a;font-size:11px;margin-top:26px;border-top:1px solid var(--line)}.muted{color:var(--muted);font-size:14px}.empty{padding:55px 20px;text-align:center;background:#fff;border:1px dashed #c2d4d9;border-radius:var(--radius)}.empty h2{margin:15px 0 8px;font-size:21px}.empty p{color:var(--muted);font-size:14px}.empty-icon{width:56px;height:56px;display:inline-grid;place-items:center;border-radius:16px;background:var(--soft-blue);color:var(--primary)}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;color:#39515c;min-width:0}input,select,textarea{border:1px solid #cbd7dd;border-radius:7px;background:#fff;color:var(--ink);font-size:14px;padding:10px 12px;width:100%;min-width:0}textarea{resize:vertical;line-height:1.7}input::placeholder{color:#8a9ca5}input:disabled{background:#f5f7f8;color:#6c7f88}label small{font-weight:400;font-size:12px}.stack{display:flex;flex-direction:column;gap:19px}.stack h2{margin-bottom:0}.stack .btn{align-self:flex-start}.stack .btn.full{align-self:stretch}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{flex-direction:row;align-items:flex-start;gap:10px;font-size:14px;font-weight:400}.check input{width:17px;height:17px;margin:3px 0 0;flex:none;accent-color:var(--primary)}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:15px;padding:20px}.filters label{flex:1;min-width:120px;font-size:12px}.filters .search-field{flex:2;min-width:190px}.filters button{flex:none}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{background:#f9fbfc;color:#7c8d96;font-size:11px;font-weight:650;letter-spacing:.3px;padding:16px 19px;white-space:nowrap}td{padding:18px 19px;border-top:1px solid var(--line);vertical-align:middle}td small{display:block;font-size:12px;margin-top:4px}.table-title{font-weight:650;color:var(--ink);display:block;min-width:190px;max-width:440px}td .badge{margin:2px}.pagination{display:flex;justify-content:center;gap:8px;margin:28px 0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.auth-card{max-width:500px;margin:40px auto;padding:34px}.auth-card h1{font-size:28px}.auth-links{display:flex;justify-content:space-between;margin:22px 0;font-size:14px;color:var(--primary)}.back-link{display:inline-block;font-size:13px;color:var(--primary);margin-bottom:20px}.notice{border-radius:8px;border:1px solid #bbdcd0;padding:13px 17px;font-size:14px;margin-bottom:22px;background:#eaf8f0;color:#196a4f;overflow-wrap:anywhere}.notice.error{border-color:#efc1c5;background:#fff0f1;color:#9f3142}.notice.info{border-color:#c9dde9;background:#ecf5fa;color:#346b87}.detail-heading{max-width:1000px;margin:6px 0 27px}.detail-heading h1{font-size:32px;margin:15px 0}.detail-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.detail-aside .panel{padding:21px}.detail-aside h2{font-size:17px}.detail-aside h3{font-size:16px}.detail-aside p{font-size:13px}dl{margin:0 0 22px;font-size:13px}dt{color:var(--muted);font-size:12px;margin:14px 0 3px}dd{margin:0;font-weight:600}.material-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px;align-items:stretch}.material-tab{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:12px;display:flex;align-items:center;gap:9px;min-width:max-content}.material-tab.active{border-color:var(--primary);box-shadow:inset 0 -2px var(--primary)}.viewer{background:#dde4e9;border:1px solid #c7d4dc;border-radius:12px;overflow:hidden;min-height:420px;position:relative}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px;position:sticky;top:0;z-index:2}.toolbar-group{display:flex;align-items:center;gap:10px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);color:var(--ink);width:34px;height:34px;border-radius:6px;font-size:21px;flex:none}.page-number{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px}.page-number input{width:54px;padding:6px;text-align:center}.viewer-status{padding:30px;font-size:14px;text-align:center}.canvas-wrap{overflow:auto;padding:22px;max-height:820px;text-align:center}#pdf-canvas{background:white;box-shadow:0 5px 18px #263e5122;vertical-align:top}.viewer:fullscreen{width:100vw;height:100vh;overflow:auto}.viewer:fullscreen .canvas-wrap{max-height:calc(100vh - 60px)}.video-wrap{position:relative;aspect-ratio:16/9;background:#092630;border-radius:12px;overflow:hidden}.video-wrap video,.video-wrap iframe{width:100%;height:100%;border:0;display:block}.video-watermark{position:absolute;right:18px;top:16px;color:#fff9;font-size:13px;pointer-events:none;text-shadow:0 1px 3px #000}.summary-panel{margin-top:24px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.tags{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--primary)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.steps{padding-left:20px;font-size:14px;line-height:1.8}.steps li{padding:0 0 14px 8px}.attachment-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.attachment-row:last-child{border:0}.attachment-row b{display:block;font-size:14px;margin:7px 0 2px}.attachment-row small{display:block;font-size:12px}.attachment-actions{display:flex;gap:8px;align-items:center}.inline{display:inline}.inline-form{display:flex;align-items:center;gap:14px}.inline-form select{width:150px}.danger-zone{border-color:#edd3d6}.danger-zone p{font-size:13px;color:var(--muted)}.upload-note{background:#f5f8fa;padding:15px;border-radius:8px}.upload-note p{margin:0 0 4px;font-size:13px}.upload-note small{font-size:12px}progress{width:100%;accent-color:var(--primary)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-card h2{font-size:19px;margin:18px 0 6px}.category-card{margin:0 0 6px}details summary{cursor:pointer;font-size:14px;color:var(--primary);font-weight:600}.compact{margin:17px 0}.narrow{max-width:580px;margin-top:25px}.settings-extra{margin-top:30px}.code-block{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef4f7;padding:14px;border-radius:7px;font-size:12px;color:#2c5364}.queue-stats{display:flex;gap:25px;margin:25px 0;flex-wrap:wrap}.queue-stats span{font-size:11px;color:var(--muted)}.queue-stats b{display:block;color:var(--ink);font-size:23px}.audit-row{border-bottom:1px solid var(--line);padding:12px 0;display:flex;flex-direction:column;font-size:12px;gap:3px;overflow-wrap:anywhere}.audit-row b{font-size:13px}.audit-row small{font-size:11px}hr{border:0;border-top:1px solid var(--line);margin:23px 0}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:var(--primary);color:white;z-index:100}.skip:focus{top:10px}.menu-toggle{display:none}.install{background:#eef4f6}.install-wrap{max-width:800px;padding:40px 24px;margin:auto}.install-wrap>.brand{margin-bottom:40px}.install-wrap>h1{margin-bottom:28px}.install-wrap .panel{padding:30px}.install-wrap .panel p{margin:8px 0}.install-wrap .stack h2{margin-top:10px}.install-wrap .btn{align-self:stretch}
@media(min-width:1550px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card-summary{font-size:14px}.knowledge-card h3{font-size:19px}.knowledge-card{padding:25px}}
@media(max-width:1250px){.sidebar{width:224px}.workspace{margin-left:224px}main{padding:28px 26px 0}.topbar{padding:0 26px}.stats{gap:12px}.stat{padding:18px 14px;gap:10px}.stat-icon{width:39px;height:39px}.cards{gap:14px}.knowledge-card{padding:18px}.detail-layout{grid-template-columns:minmax(0,1fr) 235px}.category-list{grid-template-columns:1fr}.editor-layout{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout,.editor-layout{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-columns{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px}.workspace{margin-left:215px}.sidebar .brand{font-size:17px}.dashboard-bottom{grid-template-columns:1fr}.category-list{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:252px;box-shadow:7px 0 30px #12303c19}.nav-open .sidebar{transform:translateX(0)}.nav-open .menu-toggle{position:relative;z-index:40}.workspace{margin-left:0}.menu-toggle{display:inline-flex}.topbar{height:65px;padding:0 18px;gap:12px}.breadcrumb{flex:1;font-size:12px}.breadcrumb span{margin:0 5px}.top-actions{gap:10px;font-size:12px}.top-actions>a:first-child:not(.btn){display:none}main{padding:24px 18px 0}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.page-heading>.btn{font-size:12px;padding:9px 11px;max-width:130px}.search-hero{padding:8px 8px 8px 12px;gap:6px}.search-hero input{font-size:13px;padding:8px 3px}.search-hero .btn{font-size:12px;padding:8px 10px}.search-hero svg{width:17px;flex:none}.stats{gap:10px;margin-bottom:25px}.stat{padding:17px 12px}.stat p{font-size:11px}.stat strong{font-size:25px}.stat-icon{width:34px;height:36px;border-radius:8px}.cards{gap:14px}.knowledge-card h3{font-size:16px}.knowledge-card{padding:16px}.card-top{margin-bottom:16px}.card-meta{font-size:10px;flex-wrap:wrap}.section-heading h2{font-size:19px}.link{font-size:12px}.panel{padding:20px}.table-wrap{padding:0}.form-grid{grid-template-columns:1fr}.two-columns{gap:0}.filters{gap:12px}.filters .search-field{flex-basis:100%}.detail-heading h1{font-size:27px}.detail-meta{font-size:11px;gap:12px}.detail-aside{grid-template-columns:1fr}.viewer-toolbar{padding:8px;gap:6px}.toolbar-group{gap:5px}.icon-btn{width:31px;height:31px}.canvas-wrap{padding:12px}.viewer{min-height:320px}.material-tab{font-size:11px}.auth-card{margin:10px auto;padding:25px}.category-grid{gap:14px}.category-card h2{font-size:17px}.attachment-row{align-items:flex-start;flex-direction:column}.attachment-actions{flex-wrap:wrap}.footer{font-size:10px;flex-direction:column;gap:6px}.table-title{min-width:180px}.category-list{grid-template-columns:1fr 1fr}.install-wrap{padding:28px 18px}.install-wrap .panel{padding:22px}}
@media(max-width:450px){.cards{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.category-list{grid-template-columns:1fr}.breadcrumb{font-size:11px}.stat-icon{display:none}.search-hero .btn{max-width:90px;line-height:1.35}.search-hero input{font-size:12px}.page-heading{flex-wrap:wrap}.page-heading>.btn{max-width:none}.detail-heading h1{font-size:24px}.page-number input{width:43px}.viewer-toolbar #zoom-label{font-size:11px}}
@media print{body>*{display:none!important}body:before{display:block;content:"Materi ini tersedia untuk dilihat melalui portal. Pencetakan tidak disediakan.";padding:40px;font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.logo{width:50px;height:52px;object-fit:contain}
body:before{content:"";position:fixed;z-index:100;inset:0 auto 0 0;width:4px;background:#006CB8;pointer-events:none}

.card-cover{width:100%;height:145px;object-fit:cover;border-radius:8px;display:block;margin-bottom:18px}

/* Brand palette — revision 1.1 */
.brand-icon{background:var(--brand-red)}
.topbar{border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--brand-red) 0 42%,var(--brand-green) 42% 65%,var(--brand-blue) 65% 100%) 1}
.nav-item.active{box-shadow:inset 4px 0 var(--brand-green)}
.stat{border-top:3px solid var(--brand-blue)}
.stat:nth-child(2){border-top-color:var(--brand-red)}
.stat:nth-child(3){border-top-color:var(--brand-green)}
.stat:nth-child(3) .stat-icon{background:var(--brand-green);color:#29330a}
.category-card .stat-icon{background:var(--brand-green);color:#29330a}
.category{border-left:3px solid var(--brand-green)}
.material-tab.active{box-shadow:inset 0 -3px var(--brand-green)}
.install-wrap>.brand .brand-icon{background:var(--brand-red)}

.editor-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* v1.6.1: independent brand stripe, sidebar navigation and responsive shell. */
.brand-strip{position:fixed;inset:0 0 auto;height:4px;z-index:101;pointer-events:none;background:linear-gradient(90deg,#ED1B2F 0 42%,#ACC42A 42% 65%,#006CB8 65% 100%)}
.sidebar{top:4px}.workspace{min-width:0;padding-top:4px}main{min-width:0}
.sidebar-logout{margin:0}.sidebar-logout-button{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer}.sidebar-logout-button:hover{background:#f0f6fb}
.mobile-nav-toggle{display:none}
@media(max-width:760px){.sidebar{max-width:calc(100vw - 80px)}.mobile-nav-toggle,.nav-open .mobile-nav-toggle{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:8px;width:auto;min-width:66px;min-height:46px;padding:10px 12px;background:var(--primary);border:1px solid #fff;border-radius:24px;color:#fff;box-shadow:0 4px 18px #12303c33}.mobile-nav-toggle span{font-size:13px;font-weight:650}.workspace{padding-bottom:75px}}
@media print{.brand-strip{display:none!important}}

/* Knowledge Bank v1.5: Home only. Brand colors inherit from the portal. */
.home-page{background:#f3f6fa}.home-page main{padding-top:26px}.home-page .knowledge-hero{position:relative;isolation:isolate;overflow:hidden;min-height:346px;border-radius:20px;background:#062948 url('knowledge-hero.webp') center center/cover no-repeat;box-shadow:0 16px 38px #123b6114;margin-bottom:32px;color:#fff}.knowledge-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,26,51,.94),rgba(4,34,62,.69) 43%,rgba(4,34,62,.06) 76%)}.knowledge-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#ED1B2F 0 42%,#ACC42A 42% 65%,#006CB8 65%)}.hero-copy{padding:36px 40px;max-width:670px}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:750;letter-spacing:2.4px;color:#e1eefc;margin-bottom:20px}.hero-kicker span{width:23px;height:3px;border-radius:4px;background:#ACC42A}.knowledge-hero h1{font-size:clamp(29px,2.9vw,44px);letter-spacing:-1.2px;line-height:1.12;margin-bottom:15px;color:#fff}.hero-description{max-width:460px;font-size:14px;line-height:1.7;color:#d4e5f5;margin-bottom:23px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-primary.btn{background:#fff;color:#005e9f;border-color:#fff;font-size:13px;border-radius:8px;padding:10px 15px}.hero-primary.btn:hover{background:#eaf3fa}.hero-secondary.btn{color:#fff;background:#06355f9e;border-color:#8da9c6;font-size:13px}.hero-secondary.btn:hover{background:#006CB8}.hero-access{display:flex;align-items:center;gap:7px;color:#b7d3ed;font-size:11px;margin:19px 0 0}.hero-access svg{width:15px;height:15px}.metrics-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}.metrics-heading h2{font-size:23px;margin:0}.home-page .eyebrow{color:#006CB8;font-size:10px;letter-spacing:1.7px;margin-bottom:6px}.metrics-scale{font-size:11px;color:#607789;margin:0 0 3px}.gauge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.gauge-card{--gauge-color:#006CB8;--gauge-soft:#e9f3fc;position:relative;background:#fff;border:1px solid #e0e8f0;border-radius:16px;padding:18px 18px 14px;box-shadow:0 5px 18px #173b5d04;transition:transform .18s ease,box-shadow .18s ease;min-width:0;color:#17344b}.gauge-red{--gauge-color:#ED1B2F;--gauge-soft:#fff0f1}.gauge-green{--gauge-color:#ACC42A;--gauge-soft:#f3f7e1}.gauge-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #173b5d12;color:#17344b}.gauge-title{display:flex;align-items:center;gap:8px}.gauge-title>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;color:var(--gauge-color);background:var(--gauge-soft)}.gauge-green .gauge-title>span{color:#657a09}.gauge-title>span svg{width:17px;height:17px}.gauge-title h3{font-size:13px;letter-spacing:-.2px;margin:0;flex:1}.gauge-title>svg{height:15px;width:15px;color:#9babba;flex:none}.gauge-face{max-width:210px;margin:7px auto -7px}.gauge-face svg{display:block;width:100%;height:auto;overflow:visible}.gauge-track,.gauge-fill{fill:none;stroke-width:10;stroke-linecap:round}.gauge-track{stroke:#edf1f5}.gauge-fill{stroke:var(--gauge-color)}.gauge-tick{stroke:#b5c4d2;stroke-width:1}.gauge-marker{fill:var(--gauge-color);stroke:#fff;stroke-width:3}.gauge-number{text-anchor:middle;fill:#15334a;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.gauge-caption{text-anchor:middle;fill:#7a8e9e;font-size:10px;letter-spacing:.5px}.gauge-bound{text-anchor:middle;fill:#718596;font-size:10px}.gauge-unit{text-align:center;font-size:11px;color:#607789;margin:0}.metrics-note{font-size:11px;color:#718596;margin:12px 0 0}.home-metrics{margin-bottom:34px}.home-page .section-heading{margin-bottom:17px}.home-page .section-heading h2{font-size:23px}.home-page .knowledge-card{border-radius:16px;box-shadow:0 5px 18px #173b5d04;transition:box-shadow .18s ease;border-color:#e0e8f0}.home-page .knowledge-card:hover{box-shadow:0 12px 28px #173b5d10}.home-page .dashboard-bottom>.panel{border-radius:16px;border-color:#e0e8f0}.home-page .category-list a{border-radius:8px;padding:12px 8px}.home-page .category-list a:hover{background:#f2f7fc}.home-page .category-list b{border-radius:6px;background:#eff5fa;color:#006CB8;min-width:24px;text-align:center;padding:3px 6px}.home-page .popular-row .rank{font-size:20px;font-weight:700;color:#a1b5c5}.home-page .footer{line-height:1.7}
@media(min-width:1600px){.home-page .knowledge-hero{min-height:380px}.hero-copy{padding:45px 48px}}
@media(max-width:1200px){.gauge-grid{gap:12px}.gauge-card{padding:15px 12px}.gauge-title h3{font-size:12px}.hero-copy{max-width:580px}.hero-description{max-width:370px}}
@media(max-width:1050px){.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gauge-face{max-width:190px}.gauge-title h3{font-size:14px}.hero-copy{padding:30px}.knowledge-hero:before{background:linear-gradient(90deg,rgba(3,26,51,.94),rgba(4,34,62,.75) 54%,rgba(4,34,62,.3))}}
@media(max-width:600px){.home-page main{padding-top:18px}.home-page .knowledge-hero{min-height:410px;border-radius:15px;background-size:auto 260px;background-position:right top;background-repeat:no-repeat;background-color:#062948;margin-bottom:26px}.knowledge-hero:before{background:linear-gradient(180deg,rgba(3,26,51,.04),rgba(3,26,51,.2) 24%,#062948 57%)}.hero-copy{padding:160px 23px 24px}.hero-kicker{font-size:9px;margin-bottom:13px}.knowledge-hero h1{font-size:29px;line-height:1.14;letter-spacing:-.6px}.hero-description{font-size:12px;line-height:1.65;margin-bottom:17px}.hero-access{font-size:10px;margin-top:15px}.hero-primary.btn,.hero-secondary.btn{font-size:12px;min-height:40px;padding:9px 12px}.metrics-heading{align-items:flex-start;flex-direction:column;gap:6px}.metrics-heading h2,.home-page .section-heading h2{font-size:21px}.metrics-scale{font-size:10px}.gauge-grid{gap:11px}.gauge-card{padding:12px 8px 13px;border-radius:13px}.gauge-title{gap:6px}.gauge-title h3{font-size:11px;line-height:1.4}.gauge-title>span{width:25px;height:25px;border-radius:7px}.gauge-title>svg{display:none}.gauge-unit{font-size:10px}.gauge-face{margin-top:5px}.metrics-note{font-size:10px}.home-metrics{margin-bottom:27px}}
@media(prefers-reduced-motion:reduce){.gauge-card,.home-page .knowledge-card{transition:none}.gauge-card:hover{transform:none}}

/* v1.7 contact and extended user profile */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.contact-card{padding:34px;min-height:300px}.contact-card .eyebrow{font-size:12px;letter-spacing:1.6px;margin-bottom:18px}.contact-card h2{font-size:24px}.contact-email{display:block;font-size:19px;color:#006CB8;overflow-wrap:anywhere;margin:24px 0 28px}.contact-card address{font-size:17px;font-style:normal;color:var(--muted);line-height:1.9}.user-profile{max-width:380px}.user-profile dd{overflow-wrap:anywhere}.smtp-help p{font-size:13px}.smtp-help .link{display:inline;white-space:normal}.notice.success{border-left:4px solid #ACC42A}.contact-card p:last-child{margin-bottom:0}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-card{min-height:0}}
@media(max-width:600px){.contact-card{padding:24px}.contact-email{font-size:16px}.contact-card address{font-size:15px}}

/* v1.8: title size and wider banner copy. */
.knowledge-hero .hero-kicker{font-size:24px;font-weight:800;letter-spacing:1px;}
.knowledge-hero .hero-copy{width:100%;max-width:none;}
.knowledge-hero .hero-description{max-width:none;}
@media(min-width:1100px){.knowledge-hero h1,.knowledge-hero .hero-description{white-space:nowrap;}}
@media(max-width:600px){.knowledge-hero .hero-kicker{font-size:20px;}}