/* V2.49.10 — Tata Krama & Tata Tertib: publik + pengelola PDF. */
.page-discipline{--discipline-ink:#143d37;--discipline-green:#0f7664;--discipline-soft:#e8f6ee;--discipline-line:#dae8e2}
.page-discipline .discipline-hero-refined{padding:clamp(3rem,6.5vw,6.25rem) 0 clamp(3.2rem,6vw,5rem);background:radial-gradient(circle at 94% 10%,rgba(107,218,171,.23),transparent 29%),radial-gradient(circle at 54% 120%,rgba(23,142,129,.19),transparent 37%),linear-gradient(127deg,#102f31,#0e4d4b 67%,#125b50)}
.page-discipline .discipline-hero-refined:after{width:37rem;height:37rem;right:-17rem;bottom:-24rem}
.page-discipline .discipline-hero-refined .discipline-hero-inner{align-items:center;gap:clamp(2rem,5vw,5rem)}
.page-discipline .discipline-hero-copy{flex:1;min-width:0;max-width:730px}
.page-discipline .discipline-hero-refined .breadcrumbs{margin-bottom:clamp(2rem,4vw,3.5rem)}
.page-discipline .discipline-hero-refined h1{font-size:clamp(2.45rem,5.7vw,5.7rem);letter-spacing:-.052em;line-height:1.08;max-width:790px}
.page-discipline .discipline-hero-refined h1 em{display:block;color:#b9efcf;font-style:normal}
.page-discipline .discipline-hero-refined p{max-width:625px;color:#e1f0ea;font-size:clamp(1rem,1.5vw,1.19rem);line-height:1.72}
.page-discipline .discipline-hero-actions{gap:.75rem 1rem}
.page-discipline .discipline-hero-actions .discipline-pdf-cta{background:#b8edce;color:#113a31;box-shadow:0 12px 30px #001c1529;font-weight:800;gap:.8rem}
.page-discipline .discipline-hero-actions .discipline-secondary-link{display:inline-flex;border-color:#ffffff85;gap:.8rem}
.page-discipline .discipline-hero-actions .discipline-pdf-cta:hover,.page-discipline .discipline-hero-actions .discipline-secondary-link:hover{filter:brightness(1.045);transform:translateY(-2px)}
.page-discipline .discipline-pdf-unavailable{display:inline-flex;align-items:center;min-height:48px;color:#eef8f2;border-radius:999px;border:1px dashed #c3dcd0a6;padding:.7rem 1rem;font-size:.9rem}
.page-discipline .discipline-hero-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.1rem}
.page-discipline .discipline-hero-chips span{border:1px solid #ffffff36;background:#ffffff0a;border-radius:999px;padding:.45rem .85rem;color:#e7f6ed;font-size:.79rem;font-weight:680}
.page-discipline .discipline-document-visual{flex:0 1 340px;min-width:240px;max-width:350px;display:grid;justify-items:center;gap:1.3rem;perspective:900px}
.page-discipline .discipline-paper-art{min-height:365px;aspect-ratio:.75;background:linear-gradient(142deg,#fff,#edf5ee);border:1px solid #d9e9da;border-radius:8px 17px 17px 8px;box-shadow:-10px 12px 0 -1px #accfc1,0 28px 65px #001b1d73, inset 6px 0 0 #c0ded0;transform:rotate(5deg);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:2.5rem 1.45rem;color:#17493c;gap:1.5rem;width:100%}
.page-discipline .discipline-paper-symbol{font-size:3.1rem;color:#2a8066;line-height:1}
.page-discipline .discipline-paper-art>span{font-size:.68rem;font-weight:850;letter-spacing:.16em}
.page-discipline .discipline-paper-art strong{font-size:clamp(1.3rem,2.1vw,1.85rem);letter-spacing:.01em;line-height:1.4;color:#153d33}
.page-discipline .discipline-paper-rule{height:2px;background:linear-gradient(90deg,transparent,#44a88f,transparent)}
.page-discipline .discipline-paper-art small{font-size:.75rem;color:#487166}
.page-discipline .discipline-paper-caption{color:#b9d9c9;font-size:.76rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}
.page-discipline .discipline-main{max-width:1200px}
.page-discipline .discipline-pdf-promo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.3rem;align-items:center;margin:0 0 clamp(2.4rem,5vw,4.3rem);padding:clamp(1.25rem,3vw,2.25rem);border-radius:22px;border:1px solid #c6e3d2;background:linear-gradient(120deg,#f1f9f3,#fff 68%);box-shadow:0 12px 35px #1e493311}
.page-discipline .discipline-pdf-promo .discipline-overline{color:#1d7861;letter-spacing:.13em}
.page-discipline .discipline-pdf-promo-icon{width:60px;height:70px;background:#dff2e5;border-radius:12px;display:grid;place-items:center;color:#145e49;font-weight:950;letter-spacing:.08em;clip-path:polygon(0 0,72% 0,100% 25%,100% 100%,0 100%)}
.page-discipline .discipline-pdf-promo h2{font-size:clamp(1.2rem,2.1vw,1.65rem);letter-spacing:-.025em;line-height:1.3;color:#143d36;margin:.36rem 0}
.page-discipline .discipline-pdf-promo p{color:#5b7169;line-height:1.55;font-size:.92rem;margin:0;max-width:600px}
.page-discipline .discipline-pdf-promo-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.page-discipline .discipline-pdf-promo-actions a{text-decoration:none;font-weight:780;white-space:nowrap;font-size:.88rem}
.page-discipline .discipline-pdf-promo-actions .discipline-primary-link{display:inline-flex;min-height:44px;align-items:center;border-radius:10px;padding:.65rem 1rem;background:#126852;color:white}
.page-discipline .discipline-download-link{color:#156c58;padding:.65rem .5rem}
.page-discipline .discipline-chapter-card,.page-discipline .discipline-key-card{box-shadow:0 7px 25px #16392b0b;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.page-discipline .discipline-chapter-card:hover,.page-discipline .discipline-key-card:hover{transform:translateY(-4px);border-color:#96cbb1;box-shadow:0 20px 50px #12392b1b}
.page-discipline .discipline-hero-actions a:focus-visible,.page-discipline .discipline-pdf-promo a:focus-visible{outline:3px solid #82d7aa;outline-offset:3px}
/* Pembaca dokumen PDF */
.page-discipline .discipline-reader-hero{background:linear-gradient(135deg,#102f30,#14594d);color:#fff;padding:clamp(2.2rem,5vw,4.5rem) 0 clamp(2.5rem,5vw,4rem)}
.page-discipline .discipline-reader-hero .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;color:#cce2d5;font-size:.81rem;margin-bottom:2rem}
.page-discipline .discipline-reader-hero .breadcrumbs a{color:#d8efdf}
.page-discipline .discipline-reader-title{display:flex;align-items:start;justify-content:space-between;gap:1.3rem}
.page-discipline .discipline-reader-title h1{font-size:clamp(2.05rem,4.3vw,3.75rem);line-height:1.14;letter-spacing:-.045em;color:white;max-width:900px;margin:.65rem 0}
.page-discipline .discipline-reader-title p{color:#dfefe7;line-height:1.67;margin:0;max-width:740px}
.page-discipline .discipline-pdf-tag{font-size:.68rem;font-weight:850;letter-spacing:.14em;border:1px solid #b5e6c4a3;border-radius:100px;color:#d2f6e0;white-space:nowrap;padding:.58rem .9rem}
.page-discipline .discipline-pdf-reader{padding:clamp(1.3rem,3vw,2.75rem) 0 clamp(3rem,5vw,5rem)}
.page-discipline .discipline-pdf-toolbar{display:flex;justify-content:space-between;gap:.8rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}
.page-discipline .discipline-pdf-toolbar>div{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.page-discipline .discipline-reader-back{color:#145e50;font-weight:750;text-decoration:none;padding:.8rem 0}
.page-discipline .discipline-reader-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:.65rem 1.15rem;border:1px solid #bddacb;border-radius:11px;background:white;color:#174f42;font-weight:750;text-decoration:none;font-size:.89rem}
.page-discipline .discipline-reader-button-primary{background:#126953;border-color:#126953;color:#fff}
.page-discipline .discipline-reader-button:hover{filter:brightness(.96)}
.page-discipline .discipline-pdf-frame{height:clamp(520px,85vh,1160px);min-height:460px;background:#e6eee9;border-radius:17px;border:1px solid #d8e5dd;overflow:hidden;box-shadow:0 17px 48px #0b433b1c}
.page-discipline .discipline-pdf-frame iframe{display:block;width:100%;height:100%;border:0;background:#f1f4f2}
.page-discipline .discipline-pdf-fallback{display:flex;gap:1rem;align-items:center;border:1px solid #d9e9dc;border-radius:13px;background:#f7faf7;margin-top:1rem;padding:1rem 1.2rem;color:#5c726a}
.page-discipline .discipline-pdf-fallback>span{font-size:1.5rem;color:#287864}
.page-discipline .discipline-pdf-fallback p{margin:0;font-size:.87rem;line-height:1.6}
.page-discipline .discipline-pdf-fallback a{color:#126852;font-weight:750}
.page-discipline .discipline-pdf-footer{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;color:#789184;padding:1.2rem 0}
/* Pengelola PDF admin: gunakan scoping agar tidak menimpa formulir lain. */
.discipline-pdf-manager{scroll-margin-top:115px;border-radius:20px;padding:clamp(1.1rem,2.5vw,2rem);background:linear-gradient(160deg,#fff,#fbfefc);border:1px solid #d4e8df}
.discipline-pdf-manager-top{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}
.discipline-pdf-manager-top h2{font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1.3;letter-spacing:-.035em;color:#173d34;margin:.45rem 0}
.discipline-pdf-manager-top p{max-width:720px;margin:0;color:#597269;line-height:1.65;font-size:.92rem}
.discipline-manager-eyebrow{color:#19836b;font-size:.75rem;letter-spacing:.14em;font-weight:820}
.discipline-pdf-status{flex:none;white-space:nowrap;border-radius:100px;padding:.6rem .9rem;font-size:.77rem;font-weight:800}
.discipline-pdf-status.is-published{background:#dcf8e5;color:#17623f}
.discipline-pdf-status.is-draft{background:#f2f3f5;color:#536272}
.discipline-pdf-manager-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.8fr);gap:clamp(1rem,3vw,2.4rem);align-items:start}
.discipline-pdf-form{display:grid;gap:1rem;min-width:0}
.discipline-pdf-form>label:not(.discipline-checkbox-row){display:grid;gap:.5rem;color:#244e40;font-size:.88rem;font-weight:740}
.discipline-pdf-form input[type=text],.discipline-pdf-form input[name=title],.discipline-pdf-form textarea{max-width:100%;width:100%;box-sizing:border-box;border-radius:11px;border:1px solid #cdded6;background:#fff;padding:.88rem .95rem;color:#163c32;font:inherit}
.discipline-pdf-form input:focus-visible,.discipline-pdf-form textarea:focus-visible{outline:2px solid #4fa58c;outline-offset:2px}
.discipline-upload-drop{min-height:158px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;text-align:center;overflow:hidden;cursor:pointer;border:2px dashed #94c7ae;border-radius:14px;background:#f5fbf6;padding:1.2rem;transition:background .17s,border-color .17s}
.discipline-upload-drop:hover,.discipline-upload-drop.is-dragover{background:#e4f5ec;border-color:#14745c}
.discipline-upload-drop strong{color:#1d664f;font-size:.91rem}
.discipline-upload-drop small{color:#577667;overflow-wrap:anywhere;max-width:100%;line-height:1.4}
.discipline-upload-art{border-radius:100%;width:43px;height:43px;display:grid;place-items:center;font-size:1.5rem;font-weight:800;background:#d9f1e2;color:#176952}
.discipline-upload-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.discipline-pdf-help{color:#678177;line-height:1.5}
.discipline-checkbox-row{display:flex;align-items:flex-start;gap:.75rem;border:1px solid #d9e8df;border-radius:12px;padding:1rem;background:#f9fcfa;cursor:pointer}
.discipline-checkbox-row input[type=checkbox]{width:18px;height:18px;margin-top:.15rem;flex:none;accent-color:#146e55}
.discipline-checkbox-row>span{display:grid;gap:.25rem}
.discipline-checkbox-row strong{color:#214b3d;font-size:.9rem}
.discipline-checkbox-row small{color:#658076;line-height:1.5}
.discipline-remove-option{background:#fff9f7;border-color:#ead9d2}
.discipline-pdf-form .form-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.5rem}
.discipline-pdf-current{display:flex;flex-direction:column;gap:.65rem;align-items:flex-start;min-width:0;background:linear-gradient(148deg,#ecf7ef,#fff);border:1px solid #cce2d5;border-radius:18px;padding:clamp(1.1rem,2.3vw,2rem)}
.discipline-pdf-current>span{font-size:.74rem;font-weight:780;letter-spacing:.1em;color:#29775e;text-transform:uppercase}
.discipline-pdf-current strong{font-size:1.12rem;color:#174f3d;line-height:1.35;overflow-wrap:anywhere}
.discipline-pdf-current p{color:#60796b;font-size:.85rem;line-height:1.6;margin:0}
.discipline-pdf-file-icon{width:70px;height:83px;background:#fff;border:2px solid #a6d5b9;clip-path:polygon(0 0,73% 0,100% 23%,100% 100%,0 100%);display:grid;place-items:center;font-size:1.1rem;font-weight:900;color:#277456;margin-bottom:.8rem}
@media(max-width:1060px){.page-discipline .discipline-hero-refined .discipline-document-visual{flex-basis:280px;min-width:210px}.page-discipline .discipline-paper-art{min-height:330px}.page-discipline .discipline-pdf-promo{grid-template-columns:auto minmax(0,1fr)}.page-discipline .discipline-pdf-promo-actions{grid-column:2}}
@media(max-width:760px){.page-discipline .discipline-hero-refined .discipline-document-visual{display:none}.discipline-pdf-manager-grid{grid-template-columns:1fr}.discipline-pdf-manager-top{flex-wrap:wrap}.page-discipline .discipline-pdf-frame{height:70vh;min-height:410px}.page-discipline .discipline-reader-title{flex-direction:column}.page-discipline .discipline-reader-title h1{overflow-wrap:anywhere}}
@media(max-width:560px){.page-discipline .discipline-hero-refined{padding:2.4rem 0 2.8rem}.page-discipline .discipline-hero-refined h1{font-size:clamp(2.3rem,9vw,3.65rem)}.page-discipline .discipline-hero-refined .breadcrumbs{margin-bottom:2rem}.page-discipline .discipline-hero-chips{margin-top:1.5rem}.page-discipline .discipline-pdf-promo{grid-template-columns:1fr}.page-discipline .discipline-pdf-promo-icon{width:50px;height:58px}.page-discipline .discipline-pdf-promo-actions{grid-column:1}.page-discipline .discipline-pdf-toolbar{align-items:stretch}.page-discipline .discipline-pdf-toolbar>div{width:100%}.page-discipline .discipline-reader-button{flex:1;font-size:.81rem;padding:.65rem .6rem}.page-discipline .discipline-pdf-frame{height:65vh;min-height:350px;border-radius:12px}.page-discipline .discipline-pdf-fallback{align-items:flex-start}.discipline-pdf-manager{padding:1rem}.discipline-pdf-form .form-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.page-discipline .discipline-chapter-card,.page-discipline .discipline-key-card,.page-discipline .discipline-hero-actions a,.discipline-upload-drop{transition:none}}