/* V2.49.12 · Tampilan Tata Krama berpatokan pada dokumen PDF, tanpa skor pelanggaran */
.page-discipline .dk-public,.page-discipline .dk-reader{--dk-ink:#183e37;--dk-leaf:#136e57;--dk-border:#d9e8e2;--dk-muted:#5f756f;color:var(--dk-ink);font-family:inherit}
.dk-public *,.dk-reader *{box-sizing:border-box}
.dk-overline{display:inline-flex;align-items:center;gap:.55rem;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:850;color:#27745e}.dk-overline-dot{height:7px;width:7px;border-radius:50%;background:#d3ab49}
.dk-hero{background:radial-gradient(circle at 80% 10%,rgba(24,127,100,.18),transparent 48%),linear-gradient(140deg,#edf8f3,#fff 53%,#f4f9f5);padding:clamp(2rem,6vw,5.5rem) 0 4.5rem;border-bottom:1px solid #e4eee8;overflow:hidden}
.dk-hero-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(235px,.75fr);gap:clamp(1.2rem,6vw,5.3rem);align-items:center}
.dk-breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 2.2rem;color:var(--dk-muted);font-size:.84rem}
.dk-breadcrumb a{color:#326c59;text-decoration:none}.dk-breadcrumb a:hover{text-decoration:underline}
.dk-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);font-weight:860;line-height:1.13;letter-spacing:-.045em;margin:.85rem 0 1rem;color:#153f35}.dk-hero h1 em{font-style:normal;color:#16785f}
.dk-hero-copy>p{max-width:650px;line-height:1.78;font-size:clamp(.98rem,1.5vw,1.15rem);color:#527168;margin:0 0 1.6rem}
.dk-hero-actions,.dk-hero-meta,.dk-reader-top-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.dk-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.25rem;min-height:46px;border-radius:13px;font-weight:800;font-size:.93rem;text-decoration:none!important;transition:transform .15s ease,background .15s ease;white-space:normal;text-align:center}
.dk-button:hover{transform:translateY(-2px)}.dk-button-primary{background:#126e56;color:#fff!important;box-shadow:0 6px 17px rgba(20,96,72,.12)}.dk-button-primary:hover{background:#104f41}.dk-button-soft{color:#175744!important;background:#fff;border:1px solid #bbd8cc}
.dk-pill{background:#fff;border:1px solid var(--dk-border);padding:.7rem 1rem;border-radius:999px;font-weight:700}
.dk-hero-meta{gap:.5rem;margin-top:1.5rem}.dk-hero-meta span{border:1px solid #cce3d7;background:#fff8;padding:.4rem .85rem;border-radius:50px;font-size:.8rem;font-weight:760;color:#557668}
.dk-cover-outer{display:flex;justify-content:center;padding:1rem 0}.dk-cover-link{position:relative;display:block;width:min(100%,360px);border-radius:10px;overflow:hidden;background:white;box-shadow:0 22px 62px rgba(19,74,57,.17),0 0 0 1px #e2e8de;transform:rotate(1deg);transition:transform .2s ease;text-decoration:none!important}
.dk-cover-link:hover{transform:rotate(0deg) translateY(-4px)}.dk-cover-link img{display:block;width:100%;height:auto;aspect-ratio:795/1123;object-fit:cover}.dk-cover-link>span:last-child{display:flex;justify-content:center;gap:.5rem;align-items:center;padding:.9rem;color:#13614e;background:#fff;font-size:.84rem;font-weight:790}
.dk-cover-custom{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:linear-gradient(150deg,#e6f4ed,#fff);text-align:center;color:#19513e!important}.dk-cover-custom-symbol{display:grid;place-items:center;width:90px;height:110px;border-radius:12px;background:#166e53;color:#fff;font-size:1.45rem;font-weight:850}.dk-cover-custom strong{font-size:1.25rem;line-height:1.4}
.dk-current-document{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.3rem;padding:1.5rem 1.7rem;margin-top:-2.1rem;position:relative;z-index:1;background:#fff;border:1px solid var(--dk-border);border-radius:18px;box-shadow:0 14px 34px rgba(16,86,69,.07)}.dk-current-icon{background:#e2f3e9;padding:1rem;border-radius:13px;color:#187b5e;font-weight:900}.dk-current-document h2{font-size:clamp(1.08rem,1.7vw,1.45rem);letter-spacing:-.02em;margin:.2rem 0;color:#194d40}.dk-current-document p{margin:0;color:#5c736b;line-height:1.55;font-size:.86rem}
.dk-welcome{padding-block:4.5rem}.dk-section-heading{max-width:730px;margin-bottom:1.6rem}.dk-section-heading h2{font-size:clamp(1.7rem,3.5vw,2.5rem);letter-spacing:-.04em;color:#153e36;margin:.4rem 0}.dk-section-heading p{line-height:1.72;color:#5f756f;margin:0}.dk-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.dk-topic{border:1px solid var(--dk-border);border-radius:17px;padding:1.4rem;display:flex;flex-direction:column;gap:.45rem;background:#fff;color:#173d34!important;text-decoration:none!important;transition:transform .15s,border-color .15s}.dk-topic:hover,.dk-article:hover{transform:translateY(-2px);border-color:#63b294}.dk-topic-index{color:#24906f;font-weight:850;letter-spacing:.09em}.dk-topic h3{font-size:1.12rem;line-height:1.35;margin:.3rem 0 .2rem}.dk-topic p{color:#5c756a;font-size:.86rem;line-height:1.65;margin:0;flex:1}.dk-topic-link{font-size:.83rem;font-weight:800;color:#16805d;margin-top:.8rem}
.dk-syllabus{background:#f4f8f6;padding:4.7rem 0}.dk-chapter-list{display:grid;gap:1.3rem}.dk-chapter{border:1px solid #dbe8e1;background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 6px 23px rgba(17,70,51,.04)}.dk-chapter-header{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;padding:1.45rem 1.7rem;border-bottom:1px solid #e6eee9}.dk-chapter-header span{font-size:.74rem;font-weight:850;color:#338868;letter-spacing:.13em}.dk-chapter-header h3{margin:.2rem 0;font-size:clamp(1.2rem,2vw,1.55rem);color:#163d33}.dk-chapter-header p{margin:0;line-height:1.55;color:#658076;font-size:.87rem}.dk-chapter-header>a{color:#187656;font-size:.86rem;font-weight:800;white-space:nowrap}
.dk-article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;padding:.7rem 1.2rem}.dk-article{display:flex;align-items:center;gap:.85rem;padding:.85rem;border-bottom:1px solid #edf1ec;color:#244c3c!important;text-decoration:none!important;border-radius:7px;min-width:0;transition:transform .12s}.dk-article-number{flex:none;width:33px;height:33px;border-radius:9px;background:#eaf5ee;display:grid;place-items:center;color:#187458;font-weight:850;font-size:.87rem}.dk-article-title{flex:1;font-weight:700;font-size:.89rem;line-height:1.4;min-width:0}.dk-article-page{font-size:.76rem;color:#74847e;white-space:nowrap}
.dk-alternate-guide{border-radius:15px;padding:1.5rem;border:1px solid #d4e7da;background:#f3faf6;line-height:1.6}
.dk-last-action{margin-block:3.5rem 5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(120deg,#e9f5ed,#f8faf8);border:1px solid #d7e9df;border-radius:19px;padding:clamp(1.4rem,3.5vw,2.5rem)}.dk-last-action h2{margin:.45rem 0;font-size:clamp(1.3rem,2.2vw,2rem);color:#174538}.dk-last-action p{color:#608073;margin:.3rem 0;line-height:1.5}
/* Pembaca PDF.js (tidak menggunakan iframe, sehingga berfungsi pada browser in-app). */
.dk-reader{background:linear-gradient(#eef6f2,#f8fbf9);padding-bottom:clamp(7.5rem,14vw,10rem);min-height:85vh}.dk-reader-heading{padding:2.2rem 0 1rem}.dk-reader-heading .dk-breadcrumb{margin-bottom:1.5rem}.dk-reader-heading h1{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.25;letter-spacing:-.025em;color:#154739;margin:.45rem 0}.dk-reader-heading p{color:#617970;font-size:.94rem;line-height:1.65;margin:0;max-width:700px}
.dk-reader-top{display:flex;justify-content:space-between;align-items:center;gap:.9rem;margin:1rem 0;flex-wrap:wrap}.dk-reader-back{color:#235c49;text-decoration:none;font-weight:780;font-size:.9rem}.dk-reader-top-actions a{display:inline-flex;align-items:center;min-height:43px;border:1px solid #bad7ca;border-radius:12px;padding:.65rem .9rem;background:#fff;color:#14533f;font-weight:790;text-decoration:none;font-size:.84rem}.dk-reader-top-actions .dk-download{background:#116e54;color:#fff;border-color:#116e54}
.dk-reader-panel{overflow:hidden;border:1px solid #d3e4db;border-radius:17px;background:#fff;box-shadow:0 10px 34px rgba(29,79,57,.08)}.dk-reader-toolbar{display:flex;gap:.5rem;align-items:center;background:#fff;padding:.8rem;position:relative;z-index:2;border-bottom:1px solid #e8eee9;flex-wrap:wrap}
.dk-reader-toolbar button{flex:none;min-width:41px;height:41px;background:#edf5ef;border:1px solid #d1e5d9;border-radius:10px;color:#1b604b;font-size:1.25rem;font-weight:800;cursor:pointer}.dk-reader-toolbar button:disabled{opacity:.4;cursor:not-allowed}.dk-reader-toolbar button:hover:not(:disabled){background:#d6ecdf}
.dk-page-field{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;font-size:.79rem;font-weight:780;color:#31574a}.dk-page-field input{min-width:0;width:58px;height:40px;padding:.2rem .3rem;border:1px solid #c5d8cb;border-radius:9px;text-align:center;font:inherit;color:#164b37}.dk-page-field strong{color:#194b39}.dk-toolbar-spacer{flex:1}.dk-zoom-label{font-size:.76rem;color:#416b56;min-width:57px;text-align:center;font-weight:740}
.dk-render-stage{position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:auto;min-height:440px;max-height:min(78vh,920px);padding:14px;background:linear-gradient(135deg,#e6eee8,#dbe5df);overscroll-behavior:contain}.dk-render-stage canvas{display:block;max-width:none;box-shadow:0 6px 30px rgba(29,61,39,.19);background:#fff}.dk-render-stage canvas[hidden]{display:none}.dk-reader-cover{display:block;width:min(100%,500px);height:auto;object-fit:contain;box-shadow:0 7px 27px #102e2742}.dk-reader-cover[hidden],.dk-reader-placeholder[hidden]{display:none}.dk-reader-placeholder{display:grid;place-items:center;width:min(100%,510px);min-height:420px;background:#f9fbf9;border:1px solid #d6e3d8;border-radius:8px;color:#246a51;font-weight:800}
.dk-reader-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffef2;padding:.7rem .95rem;border:1px solid #dce4d8;border-radius:11px;box-shadow:0 3px 20px #1b43331c;color:#184d40;font-size:.82rem;text-align:center;max-width:90%}.dk-reader-loading[hidden]{display:none}.dk-reader-error{padding:1rem 1.4rem;text-align:center;background:#fff9f5;border-top:1px solid #eaccc0}.dk-reader-error[hidden]{display:none}.dk-reader-error strong{color:#9b4e2d}.dk-reader-error p{color:#76655f;font-size:.86rem}.dk-reader-error>div{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.dk-reader-error a,.dk-reader-error button{background:#fff;border:1px solid #d3c6ba;border-radius:9px;padding:.6rem .8rem;color:#674d32;text-decoration:none;font:inherit;font-size:.84rem;cursor:pointer}.dk-reader-bottom{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding:.8rem 1rem;color:#63766c;font-size:.76rem;border-top:1px solid #e6eee9}.dk-reader-note{text-align:center;margin:1.5rem 0;color:#61776c;font-size:.84rem;line-height:1.6}.dk-reader-note a{color:#116b51;font-weight:800}
@media(max-width:900px){.dk-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dk-current-document{grid-template-columns:auto minmax(0,1fr)}.dk-current-document>.dk-button{grid-column:1/-1}.dk-hero-grid{grid-template-columns:minmax(0,1fr) minmax(200px,.75fr)}}
@media(max-width:620px){.dk-hero{padding:1.25rem 0 3.1rem}.dk-hero-grid{grid-template-columns:1fr;gap:1.1rem}.dk-breadcrumb{margin-bottom:1.35rem}.dk-hero h1{font-size:clamp(2.05rem,8vw,2.8rem)}.dk-cover-outer{justify-content:center}.dk-cover-link{width:min(80%,290px);transform:none}.dk-hero-actions .dk-button{flex:1;min-width:155px}.dk-current-document{margin-top:-1rem;padding:1rem;gap:.8rem}.dk-current-icon{padding:.8rem}.dk-welcome{padding-block:3rem}.dk-topic-grid{grid-template-columns:1fr}.dk-topic{padding:1.1rem}.dk-syllabus{padding:3rem 0}.dk-chapter-header{padding:1.2rem;align-items:start;flex-wrap:wrap}.dk-article-list{grid-template-columns:1fr;padding:.6rem}.dk-article{padding:.8rem .6rem}.dk-last-action{flex-direction:column;align-items:flex-start;margin-bottom:8rem}.dk-reader-heading{padding:1.1rem 0 .4rem}.dk-reader-top-actions{flex:1;width:100%}.dk-reader-top-actions a{flex:1;justify-content:center}.dk-reader-toolbar{gap:.35rem;padding:.65rem .5rem}.dk-reader-toolbar button{min-width:36px;height:38px}.dk-page-field{font-size:.73rem;gap:.3rem}.dk-page-field input{width:45px;height:38px}.dk-zoom-label{font-size:.72rem;min-width:45px}.dk-render-stage{padding:8px;min-height:340px;max-height:min(72vh,730px)}.dk-reader{padding-bottom:calc(9rem + env(safe-area-inset-bottom))}.dk-reader-bottom{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.dk-button,.dk-cover-link,.dk-topic,.dk-article{transition:none!important}}