@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/plus-jakarta-sans-800.ttf) format('truetype');
}

/* Identitas visual mengikuti HARAT_1.html; struktur dan perilaku aplikasi tetap. */
:root{--ink:#0f172a;--muted:#64748b;--green:#18181b;--green-light:#fdf7e6;--gold:#d4af37;--cream:#fef3c7;--bg:#f1f5f9;--line:#e2e8f0;--red:#c8102e}
body{font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:800;letter-spacing:-.6px}h1{font-size:30px}a{color:#785d0c}a:hover{color:#aa820a}
.sidebar{background:#fff;box-shadow:2px 0 12px #0f172a03}.brand{color:#18181b;font-size:20px;letter-spacing:1px}.brand small{color:#aa820a;font-weight:700;font-size:9px}.brand-logo{display:block;width:52px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:white;flex-shrink:0}.workspace,.nav-label,.breadcrumb,.breadcrumb strong,.today,.footer,.footer span{color:#64748b}.nav-link{border-radius:12px;color:#475569;font-weight:600;border-left:4px solid transparent;padding-left:8px}.nav-link.active{background:linear-gradient(90deg,#d4af3726,#d4af3705);border-left-color:#d4af37;color:#856509}.nav-link:hover{background:#d4af3714;color:#785d0c}.nav-icon{color:#94a3b8}.nav-link.active .nav-icon{color:#aa820a}.help-box{background:#fffbeb;border-color:#fde68a;border-radius:16px;color:#785d0c}.sun,.wave,.banner-star{color:#d4af37}.avatar{background:#fef3c7;color:#785d0c}.logout{color:#64748b}.logout:hover{color:#c8102e}.topbar{background:#ffffffed}
.button{background:linear-gradient(100deg,#f59e0b,#d4af37);border-color:#d4af37;color:#18181b;font-weight:800;border-radius:16px;box-shadow:0 4px 12px #d4af371f}.button:hover{background:#c5a028;color:#18181b}.button.secondary{background:#fff;color:#475569;border-color:#cbd5e1;box-shadow:none}.button.secondary:hover{background:#f8fafc;border-color:#d4af37}.button.cream{background:#fef3c7;color:#18181b;border-color:#d4af37}.button.danger{background:#c8102e;color:white;border-color:#c8102e;box-shadow:none}.button.danger:hover{background:#a80d27}.icon-button{color:#18181b}.eyebrow{color:#92700b}.page-heading p,.doc-card p,.stat-label,.stat-card small,.document-copy small,.post-teaser p,.bottom-banner p,.card-bottom,.metadata dt,.empty,.empty small,.pagination span,.article-meta,.login-note{color:#64748b}
.panel,.stat-card,.filter-bar,.bottom-banner{border-radius:24px;box-shadow:0 2px 8px #0f172a04}.panel:hover.doc-card{border-color:#d4af37;background:#fffdf6}.file-icon{border-radius:12px;background:#fff1f2;color:#c8102e;border-color:#fecdd3}.stat-icon{background:#fffbeb;color:#aa820a;border-radius:12px}.stat-card strong{font-weight:800}.document-row{border-color:#e2e8f0}.document-copy strong{font-weight:600}.row-arrow,.round-icon,.text-link{color:#92700b}.bottom-banner{background:#fffbeb;border-color:#f3df99}.badge{border-radius:8px;background:#fef3c7;color:#785d0c}.badge-published,.badge-approved,.badge-resolved{background:#dcfce7;color:#166534}.badge-submitted,.badge-pending{background:#fef3c7;color:#854d0e}.badge-returned,.badge-rejected,.badge-revoked{background:#fff1f2;color:#be123c}.badge-archived{background:#f1f5f9;color:#475569}
input,select,textarea{border-radius:16px;background:#f8fafc;border-color:#cbd5e1;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:#d4af37}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#aa820a}.required{color:#c8102e}th{background:#f8fafc;color:#64748b}td{border-color:#e2e8f0}.notice{border-radius:16px;background:#fffbeb;border-color:#fde68a;color:#854d0e}.notice.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.notice.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.question-editor,.answer-option{border-radius:16px}.quiz-meta span{background:#f1f5f9;border-radius:8px}legend{color:#785d0c}.result>strong{color:#aa820a}.timeline-item{border-color:#d4af37}
.hero{background:linear-gradient(125deg,#27272a,#09090b);border:1px solid #3f3f46;border-radius:24px;box-shadow:0 12px 28px #18181b18}.hero h2{font-weight:800}.hero h2 em,.login-story em{font-family:inherit;font-weight:800;color:#e5c158}.hero-tag,.eyebrow.light{color:#e5c158}.hero p,.hero-link,.art-caption{color:#d4d4d8}.b1{background:#52525b}.b2{background:#a18b4b}.b3{background:linear-gradient(135deg,#fef3c7,#d4af37);color:#27272a}.b3 small{color:#52525b}.orbit{border-color:#d4af3726}.book{box-shadow:10px 15px 30px #0005}.spark{color:#d4af37}
.login-story{background:linear-gradient(145deg,#27272a,#09090b)}.login-story .brand{color:white}.login-story .brand small{color:#d4af37}.login-story .brand-logo{width:80px;height:80px;border-radius:16px}.login-story h1{font-weight:800}.login-story p,.login-footer{color:#d4d4d8}.login-form{background:white;border:1px solid #e2e8f0;border-radius:40px;box-shadow:0 20px 50px #0f172a12;padding:40px;margin:48px auto;position:relative;overflow:hidden;align-self:center;max-width:460px}.login-form:before{content:'';position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#f59e0b,#d4af37,#c8102e)}.login-form h2{font-weight:800}.login-form .forgot{color:#c8102e}.auth-card{border-radius:32px}.certificate h1,.certificate h2{font-family:'Plus Jakarta Sans',sans-serif;color:#18181b}.certificate-brand,.certificate-seal{color:#aa820a}
@media(max-width:950px){.login-form{max-width:calc(100% - 36px);padding:30px}}
@media(max-width:760px){.login-form{margin:28px auto;border-radius:32px;padding:30px 24px}.login-story .brand-logo{width:54px;height:54px}.panel{border-radius:20px}.hero{border-radius:24px}.menu-open .sidebar{box-shadow:10px 0 40px #18181b26}}
@media print{.panel,.hero{box-shadow:none}}

/* Penyelarasan identitas pada detail, formulir, dan hasil cetak. */
.doc-card h2 a,.document-copy strong,.post-teaser h3{color:var(--ink)}
.doc-card h2 a:hover,.document-row:hover strong,.post-teaser:hover h3{color:#92700b}
.field small,.login-note,.article-meta,.version-row small{color:#64748b}
input::placeholder,textarea::placeholder{color:#64748b;opacity:1}
input[type=checkbox],input[type=radio]{accent-color:#aa820a}
.answer-option:has(input:checked){border-color:#d4af37;background:#fffbeb}
.award-medal{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;background:#fffbeb;border-color:#d4af37;color:#92700b}
.certificate-logo{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 18px}
.certificate-brand{font-weight:800;letter-spacing:5px}
.b3 .book-logo{width:92px;height:92px;object-fit:contain;border-radius:12px;position:relative;z-index:1}
@media(max-width:760px){.form-actions{flex-wrap:wrap;gap:12px}.button{max-width:100%;white-space:normal;text-align:center}.hero-copy{min-width:0}.hero-link{display:inline-block;margin-top:12px}.brand{min-width:0}.certificate-logo{width:80px;height:80px}}
@media print{.certificate-logo{width:80px;height:80px}.certificate-brand{margin:5px 0 15px}.certificate{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.daily-message{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 36px;margin-bottom:30px;border-radius:28px;background:radial-gradient(ellipse at 95% 15%,#28505266,transparent 55%),linear-gradient(110deg,#29251c,#111827 65%,#0d2426);border:1px solid #343a3d;box-shadow:0 12px 25px #0f172a18;color:#fff}.daily-message-label{display:inline-block;border-radius:20px;padding:5px 13px;background:#d4af3726;border:1px solid #d4af3766;color:#e5c158;font-size:10px;font-weight:800}.daily-message blockquote{font-size:23px;line-height:1.5;font-weight:700;font-style:italic;color:#fef3c7;margin:14px 0 8px}.daily-message p{color:#d4d4d8;margin:0;font-size:13px}.message-heart{font-size:30px;padding:6px 15px;border:1px solid #ffffff30;border-radius:18px;background:#ffffff12;color:#d4af37}.dashboard-search{margin:0 0 34px}.dashboard-search label{display:block;font-weight:700;color:#475569;font-size:11px;margin-bottom:10px}.dashboard-search>div{display:flex;gap:12px;max-width:750px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:32px}.portal-card{display:block;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 2px 5px #0f172a04}.portal-card:hover{border-color:#d4af37;background:#fffdf6}.portal-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fffbeb;color:#aa820a;font-size:25px;margin-bottom:20px}.portal-card h3{font-size:14px;color:#0f172a;margin-bottom:5px}.portal-card p{font-size:12px;color:#64748b;margin:0}.awards-spotlight{margin:38px 0}.awards-spotlight .section-title p{font-size:12px;color:#64748b;margin:6px 0 0}.award-poster{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 100%,#a4802433,transparent 70%),#111827;border:1px solid #d4af37;border-radius:24px;padding:28px 24px;color:#fff;overflow:hidden;min-height:340px}.award-poster:hover{color:#fff;border-color:#fef3c7}.poster-rank{align-self:flex-end;background:#d4af37;color:#18181b;border-radius:20px;font-size:10px;font-weight:800;padding:6px 12px;margin-bottom:22px}.award-poster img{border-radius:16px;background:#fff;margin-bottom:18px}.poster-kicker{color:#e5c158;letter-spacing:2px;font-size:11px;font-weight:800}.award-poster h3{font-size:23px;color:white;margin:14px 0 8px;overflow-wrap:anywhere}.award-poster p{font-size:13px;color:#e2e8f0;margin-bottom:10px}.award-poster small{color:#cbd5e1}.poster-link{font-size:11px;color:#e5c158;margin-top:auto;padding-top:24px}.award-poster-empty{grid-column:1/-1;min-height:220px;justify-content:center}.nav-link{font-size:11px}.nav-label{margin-top:16px}
@media(max-width:1100px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.daily-message{padding:25px 22px;border-radius:24px}.daily-message blockquote{font-size:20px}.message-heart{display:none}.portal-grid{grid-template-columns:1fr;gap:14px}.portal-card{padding:22px}.portal-icon{margin-bottom:14px}.dashboard-search>div{align-items:stretch}.dashboard-search input{min-width:0}.award-poster{min-height:300px}.award-poster-empty{min-height:220px}}
.knowledge-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px}.knowledge-tabs .button{font-size:11px;padding:9px 13px}.knowledge-reference{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink)}.knowledge-reference small{display:block;margin-top:5px}.knowledge-reference .badge{flex-shrink:0}.knowledge-section-heading{margin-top:30px}.learning-meter{width:100%;height:14px;accent-color:#d4af37;margin-bottom:14px}.portal-card .text-link{display:block;margin-top:18px}.portal-card>.badge{margin-bottom:12px}select[multiple]{min-height:180px}.knowledge-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.knowledge-tags a{font-size:10px;background:#fffbeb;border:1px solid #f3df99;border-radius:9px;padding:4px 8px}.learning-recommendations{margin-bottom:28px}
@media(max-width:760px){.knowledge-reference{flex-wrap:wrap}.knowledge-reference>span{max-width:100%;overflow-wrap:anywhere}.knowledge-tabs .button{white-space:normal}}
/* Pustaka berbasis jabatan dan tema yang konsisten. */
:root{--surface:#fff;--surface-soft:#f8fafc;--accent-text:#856509;--premium-shadow:0 12px 32px #17253b06}
body{background:radial-gradient(ellipse at 85% 0,#d4af3709,transparent 40%),var(--bg);color:var(--ink)}
.panel,.stat-card,.portal-card{box-shadow:var(--premium-shadow)}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface);font:600 11px 'Plus Jakarta Sans',sans-serif;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{border-color:var(--gold)}.guest-tools{position:absolute;right:24px;top:18px;z-index:2}.password-control{display:flex;position:relative;align-items:center}.password-control input{width:100%;padding-right:112px;min-width:0}.password-toggle{position:absolute;right:9px;border:0;border-radius:9px;background:transparent;color:var(--accent-text);font:700 11px 'Plus Jakarta Sans',sans-serif;padding:10px;cursor:pointer}.password-toggle:hover{background:var(--green-light)}
.literature-hero{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:42px 44px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 100% 0,#d4af3718,transparent 55%),var(--surface);margin-bottom:36px;box-shadow:var(--premium-shadow)}
.literature-hero h1{font-size:clamp(28px,3.1vw,42px);line-height:1.3;letter-spacing:-1.5px;margin:16px 0}.literature-hero em{font-style:normal;color:var(--accent-text)}.literature-hero p{color:var(--muted);line-height:1.8;max-width:600px;margin-bottom:25px}.literature-steps{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);align-items:center}.literature-steps b{color:var(--accent-text);margin-right:5px}.literature-seal{flex-shrink:0;width:140px;height:166px;border:1px solid #d4af3755;border-radius:70px 70px 20px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:600 76px Georgia,serif;color:var(--accent-text);background:#d4af3709}.literature-seal span{font:700 8px/1.7 'Plus Jakarta Sans',sans-serif;letter-spacing:2px;text-align:center}
.literature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.sector-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:var(--premium-shadow);transition:transform .18s,border-color .18s}.sector-card:hover{color:var(--ink);border-color:var(--gold);transform:translateY(-3px)}.sector-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.sector-number{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--accent-text)}.sector-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.sector-card h2{font-size:23px;margin-bottom:12px}.sector-card p{font-size:12px;line-height:1.9;color:var(--muted);flex:1;margin-bottom:24px}.sector-bottom{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--muted)}.sector-bottom>span{color:var(--accent-text);font-weight:700}
.literature-footnote{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;padding:15px 0 25px}.literature-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);margin-bottom:26px}.literature-context{padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);margin-bottom:24px;font-size:12px;line-height:1.8}.literature-context strong{color:var(--accent-text);font-size:10px;text-transform:uppercase;letter-spacing:1px}.literature-context p{margin:7px 0 0}.literature-context-grid,.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.literature-group{margin:30px 0}.literature-group>.muted{font-size:12px;line-height:1.8}.tupoksi-list{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.tupoksi-item{display:flex;align-items:center;gap:22px;padding:23px 26px;border-bottom:1px solid var(--line);color:var(--ink)}.tupoksi-item:last-child{border-bottom:0}.tupoksi-item:hover{background:var(--green-light);color:var(--ink)}.tupoksi-number{font-size:11px;font-weight:800;color:var(--accent-text);min-width:25px}.tupoksi-item strong{font-size:13px;line-height:1.6}.tupoksi-item small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.7}.tupoksi-action{margin-left:auto;white-space:nowrap;color:var(--accent-text);font-size:10px}.reference-grid{margin-bottom:24px}.reference-panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;scroll-margin-top:90px}.reference-panel h2{font-size:18px;margin:14px 0 20px}.source-text{white-space:pre-line;line-height:1.9;overflow-wrap:anywhere;font-size:13px}.source-note{border-left:3px solid var(--gold)}.source-note small{display:block;color:var(--muted);margin-top:14px;line-height:1.8}.source-hash{overflow-wrap:anywhere}.section-title .muted{font-size:12px;margin-top:8px}
html[data-theme=dark]{color-scheme:dark;--ink:#e8edf5;--muted:#a6b3c6;--green:#e8edf5;--green-light:#d4af3715;--gold:#e1bc55;--cream:#382f1b;--bg:#0c111b;--line:#2a3446;--surface:#151e2d;--surface-soft:#192335;--accent-text:#e1bc55;--premium-shadow:0 12px 32px #00000012}
html[data-theme=dark] .sidebar,html[data-theme=dark] .panel,html[data-theme=dark] .stat-card,html[data-theme=dark] .portal-card,html[data-theme=dark] .filter-bar,html[data-theme=dark] .auth-card,html[data-theme=dark] .login-form,html[data-theme=dark] .question-editor,html[data-theme=dark] .answer-option{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .topbar{background:#151e2df2;border-color:var(--line)}html[data-theme=dark] a{color:var(--accent-text)}
html[data-theme=dark] .brand,html[data-theme=dark] .nav-link,html[data-theme=dark] .portal-card h3,html[data-theme=dark] .icon-button,html[data-theme=dark] .breadcrumb strong,html[data-theme=dark] .document-copy strong,html[data-theme=dark] .user-card,html[data-theme=dark] .sector-card,html[data-theme=dark] .tupoksi-item,html[data-theme=dark] .knowledge-reference{color:var(--ink)}
html[data-theme=dark] .nav-link.active,html[data-theme=dark] .nav-link:hover{background:#d4af3715;color:var(--accent-text)}
html[data-theme=dark] .muted,html[data-theme=dark] .page-heading p,html[data-theme=dark] .doc-card p,html[data-theme=dark] .portal-card p,html[data-theme=dark] .document-copy small,html[data-theme=dark] .stat-label,html[data-theme=dark] .stat-card small,html[data-theme=dark] .field small,html[data-theme=dark] .card-bottom,html[data-theme=dark] .login-note,html[data-theme=dark] .metadata dt,html[data-theme=dark] .article-meta,html[data-theme=dark] .post-teaser p,html[data-theme=dark] .empty,html[data-theme=dark] .empty small,html[data-theme=dark] .version-row small,html[data-theme=dark] .pagination span,html[data-theme=dark] .dashboard-search label,html[data-theme=dark] .awards-spotlight .section-title p,html[data-theme=dark] .workspace,html[data-theme=dark] .nav-label,html[data-theme=dark] .breadcrumb,html[data-theme=dark] .today,html[data-theme=dark] .logout,html[data-theme=dark] .footer,html[data-theme=dark] .footer span{color:var(--muted)}
html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] th{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--muted)}html[data-theme=dark] td,html[data-theme=dark] .document-row,html[data-theme=dark] .sidebar-bottom,html[data-theme=dark] .user-card,html[data-theme=dark] .card-bottom,html[data-theme=dark] .form-actions{border-color:var(--line)}
html[data-theme=dark] .button{color:#171a21}html[data-theme=dark] .button.secondary{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .button.danger{color:#fff}html[data-theme=dark] .button.secondary:hover,html[data-theme=dark] .panel:hover.doc-card,html[data-theme=dark] .portal-card:hover{background:var(--surface-soft);border-color:var(--gold)}
html[data-theme=dark] .badge,html[data-theme=dark] .help-box,html[data-theme=dark] .bottom-banner,html[data-theme=dark] .portal-icon,html[data-theme=dark] .stat-icon,html[data-theme=dark] .knowledge-tags a,html[data-theme=dark] .avatar,html[data-theme=dark] .award-medal{background:#332d20;color:#edce79;border-color:#645331}html[data-theme=dark] .badge-published,html[data-theme=dark] .badge-approved,html[data-theme=dark] .badge-resolved,html[data-theme=dark] .notice.success{background:#16352d;color:#a0dfbd;border-color:#2e5c48}html[data-theme=dark] .badge-returned,html[data-theme=dark] .badge-rejected,html[data-theme=dark] .badge-revoked,html[data-theme=dark] .notice.error,html[data-theme=dark] .file-icon{background:#3d202a;color:#ffb4c3;border-color:#693747}html[data-theme=dark] .badge-archived,html[data-theme=dark] .quiz-meta span{background:var(--surface-soft);color:var(--muted)}html[data-theme=dark] .notice{background:#332d20;border-color:#645331;color:#edce79}html[data-theme=dark] .eyebrow,html[data-theme=dark] legend,html[data-theme=dark] .text-link,html[data-theme=dark] .brand small{color:var(--accent-text)}html[data-theme=dark] .required,html[data-theme=dark] .login-form .forgot{color:#ff9aad}html[data-theme=dark] .answer-option:has(input:checked){background:#d4af3715;border-color:var(--gold)}html[data-theme=dark] .bottom-banner p{color:var(--muted)}
html[data-theme=dark] .certificate{background:#fff;color:#18181b;color-scheme:light}html[data-theme=dark] .certificate p{color:#475569}
@media(max-width:1150px){.literature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.literature-hero{padding:32px}.literature-seal{width:115px;height:145px}}
@media(max-width:760px){.literature-grid,.literature-context-grid,.reference-grid{grid-template-columns:1fr;gap:15px}.literature-hero{padding:26px}.literature-seal{display:none}.literature-hero h1{letter-spacing:-.8px}.sector-card{padding:24px}.tupoksi-item{padding:20px 18px;gap:13px}.tupoksi-action{font-size:0}.tupoksi-action span{font-size:18px}.reference-panel{padding:24px}.literature-context-grid .literature-context{margin-bottom:0}.literature-context-grid{margin-bottom:24px}.theme-toggle{font-size:10px;padding:7px 10px}.guest-tools{top:12px;right:16px}.login-form{margin-top:68px}.literature-breadcrumb{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.sector-card{transition:none}.sector-card:hover{transform:none}}
@media print{html[data-theme=dark]{color-scheme:light;--ink:#111;--muted:#555;--bg:#fff;--surface:#fff;--surface-soft:#fff;--line:#ddd}.theme-toggle,.guest-tools{display:none}}
.digital-label{font-family:ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-weight:700;letter-spacing:1.2px!important;text-transform:uppercase;overflow-wrap:anywhere}.sector-card .digital-label{font-size:clamp(19px,1.7vw,24px);line-height:1.5}.regulation-links{display:flex;flex-direction:column;gap:12px}.regulation-link{display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--ink)}.regulation-link:hover{border-color:var(--gold);color:var(--accent-text)}.regulation-link strong{display:block;font-size:12px;line-height:1.9;font-weight:700;overflow-wrap:anywhere}.regulation-link small{display:block;margin-top:10px;font-size:10px;color:var(--accent-text)}.regulation-file-icon{font-size:22px;color:var(--accent-text)}.reference-original{margin-top:18px;color:var(--muted);font-size:11px}.reference-original summary{cursor:pointer;padding:8px 0}.reference-original .source-text{font-size:11px}.regulation-reader{display:block;width:100%;height:78vh;min-height:500px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.regulation-title{font-size:clamp(20px,2.2vw,30px);line-height:1.6;max-width:1100px;overflow-wrap:anywhere}html[data-theme=dark] .regulation-link{color:var(--ink)}@media(max-width:760px){.regulation-link{padding:14px;gap:10px}.regulation-reader{height:72vh;min-height:420px}.digital-label{letter-spacing:.8px!important}}
.regulation-reader{height:auto;min-height:300px;padding:16px;background:#d9dee5;overflow:hidden}.regulation-reader canvas{display:block;max-width:100%;height:auto;margin:0 auto;background:white;box-shadow:0 5px 25px #0002}.pdf-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;color:#172033}.pdf-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px}.pdf-toolbar input{width:85px;min-height:36px;padding:8px}.pdf-toolbar [role=status]{font-size:11px;margin-left:auto}.pdf-toolbar button{font-size:11px}.pdf-text{padding:16px;color:#172033;font-size:12px}.pdf-text summary{cursor:pointer}.pdf-text p{line-height:1.9}.pdf-toolbar button:disabled{opacity:.5;cursor:wait}html[data-theme=dark] .regulation-reader{background:#293345}html[data-theme=dark] .pdf-toolbar,html[data-theme=dark] .pdf-text{color:var(--ink)}@media(max-width:760px){.regulation-reader{padding:9px}.pdf-toolbar{gap:8px}.pdf-toolbar .button{padding:9px}.pdf-toolbar [role=status]{width:100%;margin-left:0}}

.literature-seal img{width:112px;height:132px;object-fit:contain;border-radius:14px;background:#fff;padding:8px}.literature-search{display:flex;gap:10px;align-items:center;margin:24px 0}.literature-search input{flex:1;min-width:0;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);color:var(--ink);font:inherit}.pdf-print-pages{display:none}.pdf-toolbar{flex-wrap:wrap}@media(max-width:760px){.literature-search{flex-wrap:wrap}.literature-search input{flex-basis:65%}}
@media print{body.printing-pdf>*{display:none!important}body.printing-pdf>.pdf-print-pages{display:block!important}body.printing-pdf{margin:0!important;padding:0!important;background:white!important}.pdf-print-pages img{display:block;max-width:100%;max-height:270mm;object-fit:contain;margin:0 auto;break-after:page;page-break-after:always}.pdf-print-pages img:last-child{break-after:auto;page-break-after:auto}}

.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}