/* Pusat Dokumen & Akuntabilitas MAN 9 — visual system V7.2 */
.doc72-main{--doc-green:#103f31;--doc-mid:#1f7957;--doc-ink:#1c342d;--doc-muted:#5c7468;--doc-gold:#c7a567;--doc-border:#d9e7de;color:var(--doc-ink);font-family:'DM Sans',sans-serif;max-width:1200px;margin:0 auto 64px;min-width:0}
.doc72-main *{box-sizing:border-box}
.doc72-main h2,.doc72-main h3,.doc72-main strong{font-family:'Plus Jakarta Sans',sans-serif}
.doc72-main a{text-decoration:none}
.doc72-eyebrow{font:800 11px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;color:#dfc38a;text-transform:uppercase}
.doc72-eyebrow.dark{color:#357557}
.doc72-hero,.doc72-detail-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 90% 9%,rgba(200,166,95,.18),transparent 33%),radial-gradient(circle at 12% 100%,rgba(40,142,95,.35),transparent 38%),linear-gradient(125deg,#0e372b,#164e3d 64%,#0e342a);border-radius:30px;padding:clamp(27px,5vw,62px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:34px;box-shadow:0 20px 38px rgba(15,59,43,.12)}
.doc72-hero-text{max-width:740px}
.doc72-hero h2,.doc72-detail-hero h2{font-size:clamp(30px,4.5vw,55px);font-weight:800;letter-spacing:-.055em;line-height:1.14;margin:14px 0 20px;color:#fff}
.doc72-hero h2 em{font-style:normal;color:#ddc18b}
.doc72-hero p,.doc72-detail-hero p{font-size:clamp(14px,1.4vw,17px);line-height:1.85;color:#e1eee5;margin:0 0 24px;max-width:660px}
.doc72-hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:11px 20px;color:#123e30!important;background:#e4c991;border-radius:14px;font-weight:800;font-size:13px}
.doc72-hero-link:hover{background:#f2dbad}
.doc72-hero-aside{min-width:178px;min-height:210px;border:1px solid rgba(230,243,232,.22);border-radius:23px;padding:24px 19px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.doc72-hero-mark{font:800 13px 'Plus Jakarta Sans',sans-serif;color:#ddc18b;letter-spacing:.12em}
.doc72-hero-aside strong{font-size:56px;color:white;line-height:1.15;margin:8px 0}
.doc72-hero-aside>span:not(.doc72-hero-mark){font-size:13px;font-weight:700;line-height:1.5;color:#fff}
.doc72-hero-aside small{margin-top:8px;color:#d6e8dc;font-size:12px;line-height:1.5}
.doc72-library,.doc72-archive,.doc72-overview,.doc72-framework,.doc72-quarter-panel,.doc72-detail-archive{margin-top:48px}
.doc72-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}
.doc72-heading h2{color:var(--doc-ink);font-size:clamp(23px,2.5vw,32px);letter-spacing:-.04em;line-height:1.25;font-weight:800;margin:7px 0 4px}
.doc72-heading p{font-size:14px;line-height:1.75;color:var(--doc-muted);margin:8px 0 0;max-width:610px}
.doc72-filterbar{display:flex;align-items:end;gap:14px;margin:0 0 15px}
.doc72-filterbar label{display:grid;gap:7px;color:#3c6150;font:700 12px/1.5 'Plus Jakarta Sans',sans-serif;flex:1;min-width:0}
.doc72-filterbar label.doc72-select-label{flex:0 1 255px}
.doc72-filterbar input,.doc72-filterbar select{height:48px;min-width:0;width:100%;background:#fff;border:1px solid #cbded2;border-radius:14px;color:var(--doc-ink);padding:0 15px;font:500 14px 'DM Sans',sans-serif;box-shadow:0 5px 20px rgba(12,63,42,.03)}
.doc72-filterbar input:focus-visible,.doc72-filterbar select:focus-visible,.doc72-main button:focus-visible,.doc72-main a:focus-visible{outline:3px solid #cba66a;outline-offset:3px}
.doc72-count{font-size:13px;color:var(--doc-muted);margin:0 0 14px}
.doc72-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.doc72-category-card{min-width:0;display:flex;flex-direction:column;min-height:284px;padding:24px;background:linear-gradient(150deg,#fff 0%,#fff 67%,#f3faf6 100%);border:1px solid var(--doc-border);border-radius:23px;color:var(--doc-ink)!important;box-shadow:0 12px 30px rgba(10,60,35,.035);transition:transform .2s,box-shadow .2s,border-color .2s}
.doc72-category-card:hover{transform:translateY(-4px);border-color:#9ecab0;box-shadow:0 20px 40px rgba(10,60,35,.085)}
.doc72-category-card[hidden]{display:none!important}
.doc72-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}
.doc72-card-number{font:800 13px 'Plus Jakarta Sans',sans-serif;color:#478267}
.doc72-card-symbol{font:700 25px/1 'Plus Jakarta Sans',sans-serif;color:#1b7653;display:grid;place-items:center;background:#eaf5ed;width:48px;height:48px;border-radius:15px}
.doc72-category-card>small{font:800 10px/1.6 'Plus Jakarta Sans',sans-serif;letter-spacing:.095em;color:#38795a;text-transform:uppercase}
.doc72-category-card h3{font-size:18px;line-height:1.37;letter-spacing:-.025em;font-weight:800;color:#183f2c;margin:8px 0}
.doc72-category-card p{font-size:13px;line-height:1.75;color:#668073;margin:0 0 18px}
.doc72-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e0ebe3;padding-top:14px}
.doc72-card-foot span{font-size:11px;line-height:1.4;color:#5f7969}
.doc72-card-foot strong{font:800 12px 'Plus Jakarta Sans',sans-serif;color:#146948;white-space:nowrap}
.doc72-no-results{padding:20px;border:1px dashed #a9c8b6;border-radius:15px;color:#3e6c50;background:#f3faf6}
.doc72-empty{display:flex;align-items:center;gap:20px;padding:27px;border-radius:23px;border:1px dashed #b9d6c5;background:linear-gradient(135deg,#f8fcf9,#edf7f1);color:#214738}
.doc72-empty-illustration{width:72px;height:72px;flex-shrink:0;border-radius:18px;background:#e0efe6;display:grid;place-items:center;color:#236e4b}
.doc72-empty-illustration span{font-size:32px;line-height:1}
.doc72-empty h3{font-size:17px;margin:0 0 6px;color:#154633}
.doc72-empty p{font-size:13px;line-height:1.7;color:#60786b;margin:0 0 10px}
.doc72-empty a{font-size:13px;font-weight:800;color:#126d4d!important;text-decoration:underline;text-underline-offset:3px}
.doc72-archive{padding:33px;border-radius:24px;background:linear-gradient(140deg,#f6f9f4,#eff6f0);border:1px solid #e0ece2}
.doc72-archive-filter{max-width:540px}
.doc72-file-list{display:grid;gap:11px}
.doc72-file-item{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #deebe1;border-radius:17px;padding:17px 20px}
.doc72-file-icon{display:grid;place-items:center;flex:0 0 48px;height:56px;background:#e3f1e9;color:#236e50;border-radius:12px;font:800 12px 'Plus Jakarta Sans',sans-serif}
.doc72-file-item>div{min-width:0;flex:1}
.doc72-file-tag{font-size:11px;font-weight:800;color:#287456}
.doc72-file-item h3{font-size:15px;color:#193e2d;margin:5px 0;overflow-wrap:anywhere}
.doc72-file-item p{font-size:12px;color:#60786b;margin:0}
.doc72-file-open{display:inline-flex;padding:11px 14px;min-height:44px;align-items:center;justify-content:center;background:#154e38;border-radius:12px;color:#fff!important;white-space:nowrap;font-weight:800;font-size:12px}
.doc72-file-open:hover{background:#1b7051}
.doc72-help{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-top:42px;background:radial-gradient(circle at 0 100%,rgba(40,141,91,.1),transparent 40%),#f5f7f1;border:1px solid #d9e6db;border-radius:24px;padding:28px 31px}
.doc72-help h2{font-size:23px;letter-spacing:-.03em;color:#153e2d;margin:7px 0}
.doc72-help p{font-size:13px;color:#607467;line-height:1.75;max-width:700px;margin:0}
.doc72-help-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;max-width:360px;flex-shrink:0}
.doc72-btn{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:11px 16px;border-radius:13px;background:#15553d;color:#fff!important;font:800 12px 'Plus Jakarta Sans',sans-serif;text-align:center}
.doc72-btn.ghost{color:#14563f!important;border:1px solid #b6d4bf;background:#fff}
.doc72-detail-hero{padding:40px 46px;border-radius:27px}
.doc72-detail-hero>div{position:relative;z-index:1;max-width:820px}
.doc72-detail-hero h2{font-size:clamp(31px,3.9vw,48px);margin:9px 0 12px}
.doc72-detail-hero p{margin-bottom:15px}
.doc72-detail-mark{font:800 clamp(95px,14vw,190px)/.9 'Plus Jakarta Sans',sans-serif;letter-spacing:-.09em;color:rgba(255,255,255,.075);position:absolute;right:38px;bottom:-14px;pointer-events:none}
.doc72-detail-tags{display:flex;flex-wrap:wrap;gap:8px}
.doc72-detail-tags span{padding:9px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);border-radius:999px;font:700 11px 'DM Sans',sans-serif;color:#e7f0e9}
.doc72-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0 0;font-size:12px;color:#647a68}
.doc72-path a{font-weight:700;color:#22744f!important}
.doc72-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.doc72-overview-grid article{min-width:0;padding:24px;border:1px solid #dbe9de;border-radius:20px;background:linear-gradient(145deg,#fff,#f7faf6)}
.doc72-overview-grid article span{font-size:11px;font-weight:800;color:#438468}
.doc72-overview-grid article h3{font-size:16px;line-height:1.45;letter-spacing:-.015em;color:#164732;margin:11px 0 8px}
.doc72-overview-grid article p{font-size:13px;line-height:1.75;color:#667d70;margin:0}
.doc72-framework-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.doc72-framework-rail>div{background:linear-gradient(120deg,#eaf4ec,#f7f8f2);border-radius:16px;padding:17px 19px;min-width:0;display:flex;align-items:center;gap:12px}
.doc72-framework-rail b{font:800 19px 'Plus Jakarta Sans',sans-serif;color:#488065}
.doc72-framework-rail span{font:700 12px/1.5 'Plus Jakarta Sans',sans-serif;color:#234a38}
.doc72-disclosure{font:500 13px/1.8 'DM Sans',sans-serif;color:#4f6e5d;margin-top:14px}
.doc72-quarter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.doc72-quarter-tabs button{border:1px solid #cfdfd5;background:#fff;border-radius:17px;padding:15px 10px;min-width:0;cursor:pointer;color:#214b37;display:grid;gap:6px;text-align:center;font-family:'Plus Jakarta Sans',sans-serif}
.doc72-quarter-tabs button strong{font-size:13px;line-height:1.45}
.doc72-quarter-tabs button span{font-size:11px;color:#627a6c}
.doc72-quarter-tabs button.is-selected{background:#15503b;color:#fff;border-color:#15503b;box-shadow:0 9px 22px rgba(17,80,50,.15)}
.doc72-quarter-tabs button.is-selected span{color:#e4ede6}
.doc72-quarter-panel .doc72-empty{margin-top:14px}
@media(max-width:940px){.doc72-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.doc72-hero-aside{min-width:145px}.doc72-help{align-items:flex-start;flex-direction:column}.doc72-help-actions{max-width:none;justify-content:flex-start}}
@media(max-width:650px){.doc72-main{margin-bottom:34px}.doc72-hero,.doc72-detail-hero{border-radius:21px;padding:26px 22px;display:block}.doc72-hero h2,.doc72-detail-hero h2{font-size:clamp(28px,7vw,35px);line-height:1.16}.doc72-hero p,.doc72-detail-hero p{font-size:14px;line-height:1.75}.doc72-hero-aside{margin-top:18px;min-height:0;padding:14px 17px;display:block}.doc72-hero-aside strong{font-size:30px;margin:4px 0;display:block}.doc72-hero-aside small{font-size:11px}.doc72-heading{display:block}.doc72-library,.doc72-archive,.doc72-overview,.doc72-framework,.doc72-quarter-panel,.doc72-detail-archive{margin-top:31px}.doc72-filterbar{display:grid;gap:12px}.doc72-categories,.doc72-overview-grid,.doc72-framework-rail{grid-template-columns:1fr}.doc72-category-card{min-height:220px;padding:19px}.doc72-card-head{margin-bottom:10px}.doc72-archive{padding:19px 16px}.doc72-empty{padding:18px;align-items:flex-start;gap:12px}.doc72-empty-illustration{width:48px;height:52px;border-radius:12px}.doc72-empty-illustration span{font-size:23px}.doc72-help{padding:23px 18px}.doc72-help-actions{width:100%;display:grid;grid-template-columns:1fr}.doc72-file-item{flex-wrap:wrap;padding:15px}.doc72-file-open{width:100%}.doc72-quarter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.doc72-quarter-tabs button{min-height:77px}}
@media(prefers-reduced-motion:reduce){.doc72-main *{transition:none!important;scroll-behavior:auto!important}}

/* Override legacy global #detail heading palette on dark editorial surfaces. */
body.portal-design #detail .doc72-hero h2,
body.portal-design #detail .doc72-detail-hero h2{
  color:#fff!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
  letter-spacing:-.055em!important;
  font-size:clamp(30px,4.5vw,55px)!important;
  line-height:1.14!important;
}
body.portal-design #detail .doc72-detail-hero h2{font-size:clamp(29px,3.9vw,48px)!important;}
body.portal-design #detail .doc72-hero h2 em{color:#ddc18b!important;}
body.portal-design #detail .doc72-main h2,
body.portal-design #detail .doc72-main h3{font-family:'Plus Jakarta Sans',sans-serif;}
@media(max-width:650px){
  body.portal-design #detail .doc72-hero h2,
  body.portal-design #detail .doc72-detail-hero h2{font-size:clamp(27px,7vw,35px)!important;}
}