:root{--muted-color:var(--text-muted);--navbar-h:var(--navbar-height);--container-max:var(--container-max-width);--container-pad:var(--container-padding);--hero-h-min:var(--hero-height-min);--hero-h-fluid:var(--hero-height-fluid);--hero-h-max:var(--hero-height-max)}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;line-height:1.7;transition:background-color .3s ease,color .3s ease}.container{width:min(var(--container-max-width),92%);margin-inline:auto;padding-inline:var(--container-padding)}h1,h2,h3,h4{color:var(--text-color);margin-block:0 .5em;font-weight:700}.muted{color:var(--text-muted)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.hero-media{position:relative;width:100%;height:100%;overflow:hidden}.hero-slider-wrapper{display:flex;width:200%;height:100%;position:relative;animation:slideRightLoop 10s linear infinite}.hero-media .hero-img{width:50%;height:100%;flex-shrink:0;object-fit:contain}.hero .hero-img,.hero-media .hero-img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-slider-wrapper .hero-img{object-fit:contain}@keyframes slideRightLoop{0%{transform:translateX(0)}45%{transform:translateX(0)}50%{transform:translateX(-50%)}95%{transform:translateX(-50%)}to{transform:translateX(0)}}*,:after,:before{box-sizing:border-box}audio,canvas,iframe,img,svg,video{max-width:100%;height:auto}:where(p,h1,h2,h3,h4,h5,h6,.text,.copy,.card-title,.card-text){overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:where(.flex,.d-flex,.grid,.row,[class*=grid],[class*=row])>*{min-width:0;max-width:100%}.u-center{display:grid;place-items:center}.u-center-x{margin-left:auto;margin-right:auto}.u-center-y{display:flex;flex-direction:column;justify-content:center}.u-center-abs{position:absolute;inset:0;display:grid;place-items:center}.u-mx-auto{margin-left:auto;margin-right:auto}.u-min-w-0{min-width:0!important}.u-w-full{width:100%!important}:where(.btn){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;vertical-align:middle;white-space:nowrap;max-width:100%}:where(.btn.btn--wrap){white-space:normal}:where(.btn-group,.button-group,.actions,.card-actions){display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}:where(.btn-group,.button-group,.actions,.card-actions)>:where(.btn,button,a){flex:0 1 auto;max-width:100%}:where(input[type=text i],input[type=email i],input[type=search i],input[type=number i],input[type=tel i],input[type=url i],input[type=password i],input[type=date i],input[type=time i],select,textarea){width:100%;max-width:100%;min-width:0;display:block;box-sizing:border-box;background-clip:padding-box}:where(.form-row,.field-row,.form-group-row){display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem;align-items:center}:where(.form-row,.field-row,.form-group-row)>*{min-width:0}:where(.input-group){display:flex;align-items:stretch;width:100%;max-width:100%;gap:.5rem}:where(.input-group)>:where(input,select,textarea){flex:1 1 auto;min-width:0}:where(.input-group)>:where(.btn,button,a,.addon,.icon){flex:0 0 auto}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}canvas,img,video{max-width:100%;height:auto}iframe{max-width:100%;width:100%}.article-body,.markdown-content{overflow-wrap:anywhere;word-break:normal;hyphens:auto}@media (max-width:640px){.article-body table,.markdown-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}.mini-quiz{--mq-bg:var(--surface-color,#ffffff);--mq-text:var(--text-color,#111);--mq-border:var(--border-color,#e5e7eb);--mq-primary:var(--primary-color,#2563eb);--mq-correct:#16a34a;--mq-wrong:#dc2626;max-width:720px;margin:1.5rem auto;padding:1rem;background:var(--mq-bg);border:1px solid var(--mq-border);border-radius:12px}.mini-quiz-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.mini-quiz-title{font-size:1.25rem;font-weight:700;color:var(--mq-text)}.mini-quiz-progress{font-size:.95rem;color:var(--muted-color,#666)}.mq-question{margin:1rem 0 .75rem;font-weight:600;color:var(--mq-text)}.mq-options{display:grid;gap:.5rem;list-style:none;padding:0;margin:0 0 1rem}.mq-option{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border:1px solid var(--mq-border);border-radius:.75rem;background:var(--mq-bg,#fafafa);color:var(--mq-text);cursor:pointer;transition:all .2s ease}.mq-option:hover{background:var(--mq-bg,#f3f4f6);color:var(--mq-text)}.mq-option.selected,.mq-option:hover,.mq-option[aria-pressed=true]{border-color:var(--mq-primary)}.mq-option.selected{background:var(--mq-primary);color:#ffffff}.mq-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mq-btn{padding:.6rem 1rem;border-radius:.6rem;border:1px solid var(--mq-border);background:var(--surface-color,#fff);color:var(--mq-text);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.mq-btn.primary{background:var(--mq-primary);color:#fff;border-color:var(--mq-primary)}.mq-btn:disabled{opacity:.6;cursor:not-allowed}.mq-explanation{margin-top:.5rem;padding:.75rem;border-left:3px solid var(--mq-border);color:var(--mq-text);background:#f8fafc;border-radius:.25rem}.mq-result{text-align:center;margin-top:1rem}.mq-score{font-size:1.1rem;font-weight:700}.mq-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-radius:999px;background:#fde68a;color:#7c2d12;border:1px solid #f59e0b}.mini-quiz input[type=text]{padding:.875rem 1.25rem;border:2px solid var(--mq-border);border-radius:.75rem;font-size:1rem;font-weight:500;width:100%;max-width:250px!important; /* !important untuk mengatasi aturan base.css */background:var(--mq-bg);color:var(--mq-text);box-shadow:0 2px 4px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 auto 1rem;display:block}.mini-quiz input[type=text]:hover{border-color:var(--mq-primary);box-shadow:0 4px 8px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06);transform:translateY(-1px)}.mini-quiz input[type=text]:focus{border-color:var(--mq-primary);box-shadow:0 0 0 4px rgba(37,99,235,.15),0 4px 12px rgba(0,0,0,.1);outline:none;transform:translateY(-1px)}.mini-quiz input[type=text]::placeholder{color:var(--muted-color,#9ca3af);font-weight:400}@media (max-width:640px){.mini-quiz{padding:.75rem;border-radius:10px}.mini-quiz input[type=text]{max-width:250px!important; /* !important untuk mengatasi aturan base.css */padding:.75rem 1rem}.mini-quiz .mq-btn{padding:.65rem 1.25rem!important;font-size:.9rem;min-width:100px!important}}