/* MALAKA — fasad ruko heritage */
.mk-page { --color-primary:#9a3412; --color-accent:#451a03; --color-bg:#f5efe0; --mk-ink:#33231a; --mk-muted:#7d6a58;
  background:var(--color-bg); color:var(--mk-ink); font-family:'PT Sans',system-ui,sans-serif; margin:-1.5rem -12px 0; padding-bottom:52px; }
.mk-container { width:100%; max-width:1000px; margin:0 auto; padding:0 16px; }
.mk-breadcrumb { max-width:1000px; margin:0 auto; padding:14px 16px 0; font-size:12px; color:var(--mk-muted); }
.mk-breadcrumb a { color:var(--color-primary); }

.mk-facade { position:relative; background:var(--color-primary); margin-top:14px; padding:52px 16px 56px; overflow:hidden;
  background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 2px,transparent 2px 26px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 54px); }
.mk-window { position:absolute; top:44px; width:64px; height:96px; border:5px solid var(--color-accent); background:#e8d9bd; border-radius:32px 32px 0 0; opacity:.9; }
.mk-window::after { content:''; position:absolute; inset:8px; border:2px solid rgba(69,26,3,.5); border-radius:24px 24px 0 0; }
.mk-window-l { left:5%; } .mk-window-r { right:5%; }
.mk-signboard { position:relative; max-width:620px; margin:0 auto; background:#e9dcc0; border:6px solid var(--color-accent); padding:24px 18px 20px; text-align:center;
  box-shadow:0 10px 0 rgba(69,26,3,.35); }
.mk-rope { position:absolute; top:-30px; width:4px; height:30px; background:var(--color-accent); }
.mk-rope-l { left:56px; } .mk-rope-r { right:56px; }
.mk-kicker { margin:0 0 8px; font-size:11px; font-weight:700; letter-spacing:.3em; color:var(--color-primary); }
.mk-h1 { font-family:'Libre Baskerville',Georgia,serif; font-weight:700; font-size:clamp(22px,5.4vw,36px); line-height:1.16; margin:0 0 8px; color:var(--color-accent); }
.mk-date { margin:0; font-size:12.5px; color:var(--mk-muted); }

.mk-nameboard { margin:26px auto 0; max-width:760px; background:#f3e8ce; border:5px solid var(--color-accent); border-radius:8px; padding:18px 16px 16px; text-align:center;
  box-shadow:inset 0 0 0 2px rgba(154,52,18,.25); }
.mk-board-label { display:block; font-size:10.5px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:var(--mk-muted); margin-bottom:12px; }
.mk-digits { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; }
.mk-digit { font-family:'Libre Baskerville',Georgia,serif; font-weight:700; font-size:clamp(40px,12vw,72px); line-height:1; color:var(--color-accent);
  text-shadow:1px 1px 0 rgba(154,52,18,.35); opacity:0; transform:translateY(10px); animation:mk-in .45s ease forwards; }
.mk-digit-empty { color:#c3b193; text-shadow:none; }
@keyframes mk-in { to{opacity:1;transform:translateY(0);} }
.mk-board-meta { display:block; margin-top:12px; font-size:11.5px; color:var(--mk-muted); }

.mk-desc { margin:24px 0 0; font-size:14px; color:var(--mk-muted); }
.mk-section { margin-top:40px; }
.mk-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.mk-h2 { font-family:'Libre Baskerville',Georgia,serif; font-weight:700; font-size:clamp(19px,4.4vw,26px); margin:0 0 14px; color:var(--color-primary); }
.mk-head .mk-h2 { margin-bottom:0; }
.mk-filter { display:flex; flex-wrap:wrap; gap:8px; }
.mk-filter select { height:40px; padding:0 12px; border:2px solid var(--color-accent); border-radius:8px; background:#fff; font-family:inherit; font-size:13px; }
.mk-btn { display:inline-flex; align-items:center; height:40px; padding:0 18px; border:2px solid var(--color-accent); border-radius:8px;
  background:var(--color-primary); color:#fff; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.mk-btn:hover { background:#7c2d12; color:#fff; }
.mk-btn-ghost { background:#fff; color:var(--color-accent); }

/* Bingkai pola tegel peranakan */
.mk-tile-frame { padding:10px; border-radius:8px; background:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cg fill='none' stroke='%239a3412' stroke-width='2'%3E%3Cpath d='M14 2l12 12-12 12L2 14z'/%3E%3Ccircle cx='14' cy='14' r='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size:28px 28px; border:2px solid var(--color-accent); }
.mk-table { width:100%; border-collapse:collapse; font-size:13.5px; background:#fffdf7; border:2px solid var(--color-accent); }
.mk-table thead th { background:var(--color-accent); color:#f3e8ce; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; padding:11px 12px; text-align:left; white-space:nowrap; }
.mk-table tbody td { padding:11px 12px; border-bottom:1px solid #e4d7bd; }
.mk-table tbody tr:nth-child(even) { background:#f7f0df; }
.mk-right { text-align:right; }
.mk-result { font-family:'Libre Baskerville',Georgia,serif; font-weight:700; font-size:17px; letter-spacing:.14em; color:var(--color-primary); }
.mk-muted { color:var(--mk-muted); } .mk-nowrap { white-space:nowrap; }

.mk-empty { background:#fff; border:3px dashed var(--color-accent); border-radius:8px; padding:40px 20px; text-align:center; }
.mk-empty-mark { display:inline-block; width:44px; height:44px; background:var(--color-primary); transform:rotate(45deg); margin-bottom:16px; }
.mk-empty h3 { font-family:'Libre Baskerville',Georgia,serif; font-size:18px; margin:0 0 6px; }
.mk-empty p { margin:0; font-size:13px; color:var(--mk-muted); }
.mk-pagination { margin-top:14px; font-size:13px; color:var(--mk-muted); }
.mk-pagination .page-link { border-radius:8px; border:2px solid var(--color-accent); color:var(--color-accent); font-weight:700; }
.mk-pagination .page-item.active .page-link { background:var(--color-primary); border-color:var(--color-accent); color:#fff; }

.mk-hangs { display:grid; gap:26px; padding-top:24px; }
.mk-hang { position:relative; background:#e9dcc0; border:4px solid var(--color-accent); border-radius:8px; padding:16px 14px; text-align:center; box-shadow:0 6px 0 rgba(69,26,3,.28); }
.mk-hang-rope { position:absolute; top:-22px; left:50%; width:4px; height:22px; background:var(--color-accent); transform:translateX(-50%); }
.mk-hang-label { display:block; font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--mk-muted); }
.mk-hang-value { display:block; margin:6px 0 3px; font-family:'Libre Baskerville',Georgia,serif; font-weight:700; font-size:18px; color:var(--color-accent); }
.mk-hang-note { display:block; font-size:11.5px; color:var(--mk-muted); }
.mk-note { margin:20px 0 0; font-size:13px; color:var(--mk-muted); }
.mk-note a { color:var(--color-primary); font-weight:700; }

@media (min-width:768px) { .mk-hangs { grid-template-columns:repeat(3,1fr); } }
@media (min-width:992px) { .mk-page { margin-left:-24px; margin-right:-24px; } }
@media (max-width:575.98px) { .mk-hide-sm { display:none; } .mk-window { display:none; } .mk-facade { padding:34px 12px 40px; } .mk-section { margin-top:30px; } }
@media (prefers-reduced-motion:reduce) { .mk-digit { animation:none; opacity:1; transform:none; } }