/* Content module: guide article extras, utility pages, consent banner, form states. Uses the design tokens only. */

/* ---------- Article body (imported live posts) ---------- */
.mk-art h3{display:block}
.mk-art h2 b,.mk-art h3 b,.mk-art h4 b{font-weight:inherit}
.mk-art h4{margin:26px 0 8px;font-size:18px;color:var(--mk-ink)}
.mk-art ul,.mk-art ol{padding-left:1.3em}
.mk-art li{margin:0 0 8px}
.mk-art img{max-width:100%;height:auto}
.mk-art figcaption{margin-top:8px;font-size:13.5px;color:var(--mk-text);text-align:center}
.mk-art .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:30px 0}
.mk-art .wp-block-gallery figure{margin:0}
.mk-art .wp-block-table{margin:30px 0}
.mk-art .wp-block-table .mk-tbl{margin:0}
.mk-art .wp-block-table td,.mk-art .wp-block-table th{min-width:96px}

/* "Quick answer" box that live posts carry as raw HTML (.qa-box) */
.mk-art .qa-box{position:relative;margin:0 0 24px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#fff8f3,#fff);border:1.5px solid rgba(238,91,40,.35)}
.mk-art .qa-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.12em;color:#fff;background:var(--mk-orange);padding:5px 11px;border-radius:999px}
.mk-art .qa-question{margin:14px 0 6px;font-size:19px;font-weight:800;color:var(--mk-ink);line-height:1.35}
.mk-art .qa-answer{margin:0 0 12px}
.mk-art .qa-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mk-art .qa-list li{margin:0;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--mk-line);font-size:15px;line-height:1.5}
.mk-art .tip-icon{margin-right:6px}

/* Call-to-action box from imported CTA blocks */
.mk-art .mk-incta{margin:32px 0;padding:26px;border-radius:22px;background:var(--mk-ink);color:#fff;display:grid;gap:10px}
.mk-art .mk-incta h3{margin:0;color:#fff;font-size:21px}
.mk-art .mk-incta p{margin:0;color:rgba(255,255,255,.85)}
.mk-art .mk-incta a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;margin:6px 10px 0 0;border-radius:12px;background:var(--mk-orange);color:#fff;text-decoration:none;font-weight:700}
.mk-art .mk-incta a:last-child:not(:first-child){background:transparent;border:1.5px solid rgba(255,255,255,.5)}
.mk-art .mk-incta a:hover{background:var(--mk-orange-ink)}

/* Key facts (field) */
.mk-kf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 24px}
.mk-kf div{padding:14px 16px;border-radius:16px;background:var(--mk-soft);border:1px solid var(--mk-line)}
.mk-kf dt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-blue)}
.mk-kf dd{margin:4px 0 0;font-weight:700;color:var(--mk-ink)}

.mk-toc a.is-on{color:var(--mk-orange);font-weight:800}
.mk-sub{margin:10px 0 0;max-width:60ch;font-size:16.5px}
.mk-ph .mk-lgu{margin-top:14px}

/* Pagination */
.mk-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px}
.mk-pager a,.mk-pager span{min-width:44px;height:44px;display:inline-grid;place-items:center;padding:0 12px;border-radius:12px;border:1.5px solid var(--mk-line);font-weight:700;color:var(--mk-ink);background:#fff}
.mk-pager .current{background:var(--mk-blue);border-color:var(--mk-blue);color:#fff}
.mk-pager a:hover{border-color:var(--mk-blue)}

/* Forms: honeypot and states */
.mk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mk-form-err{margin-top:10px;padding:10px 14px;border-radius:12px;background:#fdecea;color:#8a1c14;font-weight:600;font-size:14px}
form.is-busy button[type=submit]{opacity:.6;pointer-events:none}

/* Plain page text (legal) */
.mk-prose{max-width:74ch}

/* ---------- Cookie consent banner ---------- */
.mk-cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:1100;display:flex;justify-content:center;pointer-events:none}
.mk-cc[hidden]{display:none!important}
.mk-cc-in{pointer-events:auto;width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:center;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid var(--mk-line);box-shadow:0 30px 60px -24px rgba(16,43,69,.45)}
.mk-cc-txt b{display:block;font-size:17px;color:var(--mk-ink);margin-bottom:4px}
.mk-cc-txt p{margin:0;font-size:14.5px;line-height:1.55}
.mk-cc-txt p a{color:var(--mk-blue);font-weight:700;text-decoration:underline}
.mk-cc-opts{display:grid;gap:10px;margin-top:14px}
.mk-cc-opt{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--mk-soft);cursor:pointer}
.mk-cc-opt input{margin-top:4px;width:18px;height:18px;accent-color:var(--mk-orange)}
.mk-cc-opt b{display:block;font-size:14.5px;margin:0}
.mk-cc-opt small{display:block;font-size:13px;color:var(--mk-text)}
.mk-cc-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.mk-cc-reopen{background:none;border:0;padding:0;margin-left:14px;font:inherit;color:inherit;text-decoration:underline;opacity:.85;cursor:pointer}
@media (max-width:760px){
	.mk-cc{left:10px;right:10px;bottom:calc(10px + 64px)}
	.mk-cc-in{grid-template-columns:minmax(0,1fr);padding:16px}
	.mk-cc-btns{justify-content:stretch}
	.mk-cc-btns .mk-btn{flex:1 1 140px}
}
/* CLS guard (SEOT-022): the consent banner and the toast are fixed overlays; contain keeps their layout work local. */
.mk-cc,.mk-toast{contain:layout}
.mk-cc-in{max-height:calc(100vh - 32px);overflow-y:auto}