/* MonitoringKapal Port Premium v1 — Tanjung Priok pilot only */
.mkp1-page{background:#f4f8fa}
.mkp1-profile-head{
  background:
    radial-gradient(circle at 88% 18%,rgba(15,168,193,.13),transparent 32%),
    linear-gradient(120deg,#eef7fb 0%,#f8fbfd 52%,#edf6f6 100%)
}
.mkp1-page .mkv4-primary-grid{grid-template-columns:minmax(0,1.8fr) minmax(420px,.9fr)}
.mkp1-page .mkv4-map{aspect-ratio:16/9}
.mkp1-page .mkv4-summary-body img{height:150px}
.mkp1-page .mkv4-summary-copy{font-size:16px;line-height:1.65}
.mkp1-page .mkv4-facts-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.mkp1-page .mkv4-fact{min-height:92px}
.mkp1-page .mkv4-fact strong{white-space:normal;font-size:17px;line-height:1.2}
.mkp1-page .mkv4-fact span{white-space:normal;font-size:12px}
.mkp1-fact-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mkp1-section-copy{padding:18px}
.mkp1-section-copy p{margin:0;color:#526c7b;font-size:15px;line-height:1.75}
.mkp1-system-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}
.mkp1-system-chips span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef7fa;color:#2e667d;border:1px solid #d7e9ee;font-size:11px;font-weight:800}
.mkp1-page .mkv4-row{grid-template-columns:minmax(125px,.8fr) minmax(0,1.35fr)}
.mkp1-page .mkv4-sidebar-column .mkv4-card-head h2{font-size:20px}
.mkp1-page .mkv4-sidebar-column .mkv4-row{grid-template-columns:1fr;gap:3px}
.mkp1-page .mkv4-sidebar-column .mkv4-row span{font-size:13px;text-transform:none;letter-spacing:0}
.mkp1-page .mkv4-sidebar-column .mkv4-row strong{font-size:15px;line-height:1.45}
@media(max-width:1180px){
  .mkp1-page .mkv4-primary-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr)}
  .mkp1-page .mkv4-facts-grid{grid-template-columns:repeat(3,1fr)}
  .mkp1-page .mkv4-fact:nth-child(3){border-right:0}
}
@media(max-width:820px){
  .mkp1-page .mkv4-primary-grid{grid-template-columns:1fr}
  .mkp1-page .mkv4-facts-grid{grid-template-columns:repeat(2,1fr)}
  .mkp1-page .mkv4-fact:nth-child(3){border-right:1px solid var(--mkv4-line)}
  .mkp1-page .mkv4-fact:nth-child(even){border-right:0}
}
@media(max-width:560px){
  .mkp1-page .mkv4-facts-grid{grid-template-columns:1fr}
  .mkp1-page .mkv4-fact{border-right:0}
  .mkp1-page .mkv4-rows-two{grid-template-columns:1fr}
}

/* Reference-combination pass v1.1 */
.mkp1-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}
.mkp1-metric{display:flex;align-items:center;gap:12px;min-height:82px;padding:13px;border-radius:11px;border:1px solid #dfecef;background:#f9fcfd}
.mkp1-metric-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#e9f7fb;color:#0c8fb0}
.mkp1-metric-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mkp1-metric strong{display:block;color:#173c59;font-size:22px;line-height:1.1}
.mkp1-metric small{display:block;margin-top:4px;color:#708792;font-size:12px;line-height:1.35}
.mkp1-metric.metric-depth{background:#eef9fb}.mkp1-metric.metric-depth .mkp1-metric-icon{background:#dff4f7;color:#0e9bac}
.mkp1-metric.metric-capacity{background:#fff8ec}.mkp1-metric.metric-capacity .mkp1-metric-icon{background:#fff0d4;color:#c7851d}
.mkp1-ops-list{padding:10px 12px 12px}
.mkp1-ops-row{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;padding:12px 14px 12px 18px;border:1px solid #e5eef1;border-radius:9px;background:#fbfdfe;margin-top:7px;overflow:hidden}
.mkp1-ops-row:first-child{margin-top:0}
.mkp1-ops-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#17aa9b}
.mkp1-ops-row.accent-gold:before{background:#e3a93b}.mkp1-ops-row.accent-cyan:before{background:#12a8c8}.mkp1-ops-row.accent-blue:before{background:#258bc1}.mkp1-ops-row.accent-navy:before{background:#315f8e}.mkp1-ops-row.accent-orange:before{background:#ee8a38}
.mkp1-ops-label{display:flex;align-items:center;gap:9px;min-width:0}
.mkp1-ops-label>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:7px;background:#eef7fa;color:#27849c}
.mkp1-ops-label svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mkp1-ops-label strong{color:#213f52;font-size:15px;line-height:1.45}
.mkp1-ops-row p{margin:0;color:#526b79;font-size:15px;line-height:1.65}
.mkp1-ops-row .mkp1-system-chips{padding:10px 0 0;gap:7px}
.mkp1-ops-row .mkp1-system-chips span{padding:6px 10px;font-size:12px}
.mkp1-side-card .mkv4-card-head{min-height:50px}
.mkp1-side-card .mkv4-card-head h2{font-size:20px;line-height:1.25}
.mkp1-side-list{padding:8px 13px 12px}
.mkp1-side-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid #e9f0f3}
.mkp1-side-item:last-child{border-bottom:0}
.mkp1-side-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e8f7fa;color:#119bb3}
.mkp1-side-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mkp1-side-item small{display:block;color:#728793;font-size:13px;line-height:1.3}
.mkp1-side-item strong{display:block;margin-top:3px;color:#1f4054;font-size:15px;line-height:1.45}
.mkp1-side-item a{display:inline-block;margin-top:3px;color:#0b79a7;font-size:14px;line-height:1.45;font-weight:800}
.mkp1-weather-card{background:linear-gradient(150deg,#ffffff,#f4fbfd)}
.mkp1-weather-body{padding:14px}
.mkp1-weather-mark{display:flex;align-items:center;gap:9px;color:#0b83a9}
.mkp1-weather-mark svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mkp1-weather-mark strong{color:#173c59;font-size:17px;line-height:1.2}
.mkp1-weather-body p{margin:10px 0 12px;color:#59717f;font-size:15px;line-height:1.7}
.mkp1-side-cta{display:inline-flex;padding:8px 11px;border-radius:8px;background:#0e9b8c;color:#fff;font-size:14px;line-height:1.35;font-weight:800}
.mkp1-related-list{padding:6px 13px 10px}
.mkp1-related-port{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #e9f0f3}
.mkp1-related-port:last-child{border-bottom:0}
.mkp1-related-port strong{display:block;color:#24475a;font-size:15px;line-height:1.4}
.mkp1-related-port small{display:block;margin-top:3px;color:#728793;font-size:12px;line-height:1.45}
.mkp1-quality-card .mkv4-rows{padding:16px}
.mkp1-quality-card .mkv4-row{padding:8px 0}
.mkp1-quality-card .mkv4-row span{font-size:13px;line-height:1.3}
.mkp1-quality-card .mkv4-row strong{font-size:15px;line-height:1.45}
.mkp1-main-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:14px}
.mkp1-main-source-grid a{display:grid;min-width:0;padding:14px;border:1px solid var(--mkv4-line);border-radius:10px;background:#fbfdfe}
.mkp1-main-source-grid strong{color:#1d4158;font-size:15px;line-height:1.4}
.mkp1-main-source-grid span{margin-top:4px;color:#738994;font-size:12px;line-height:1.5}
.mkp1-main-source-grid em{margin-top:9px;color:#0a7fae;font-size:12px;line-height:1.4;font-style:normal;font-weight:800}
@media(max-width:1050px){
  .mkp1-metric-grid{grid-template-columns:1fr}
  .mkp1-ops-row{grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:820px){
  .mkp1-ops-row{grid-template-columns:1fr;gap:8px}
  .mkp1-main-source-grid{grid-template-columns:1fr}
}

/* Typography parity: exact visual system from KIRANA Premium v4 */
.mkp1-page{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.55
}
.mkp1-page .mkv4-breadcrumb{font-size:12px}
.mkp1-page .mkv4-breadcrumb strong{font-weight:700}
.mkp1-page .mkv4-eyebrow{font-size:11px;font-weight:900;letter-spacing:.09em}
.mkp1-page .mkv4-title-row h1{
  font-size:clamp(34px,4vw,54px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:700
}
.mkp1-page .mkv4-badge{font-size:11px;font-weight:900}
.mkp1-page .mkv4-subtitle{font-size:14px;font-weight:700}
.mkp1-page .mkv4-lead{font-size:14px;line-height:1.55;font-weight:400}
.mkp1-page .mkv4-verified span,
.mkp1-page .mkv4-verified small{font-size:11px;line-height:1.45;font-weight:400}
.mkp1-page .mkv4-verified strong{font-size:14px;font-weight:700}
.mkp1-page .mkv4-card-head h2{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.mkp1-page .mkv4-card-head small{font-size:12px;font-weight:400}
.mkp1-page .mkv4-live{font-size:12px;font-weight:900}
.mkp1-page .mkv4-map-note{font-size:11px;font-weight:400}
.mkp1-page .mkv4-summary-copy{font-size:16px;line-height:1.65;font-weight:400}
.mkp1-page .mkv4-chips span{font-size:12px;font-weight:800}
.mkp1-page .mkv4-fact span{font-size:12px;line-height:1.15;font-weight:400}
.mkp1-page .mkv4-fact strong{font-size:17px;line-height:1.15;font-weight:700}
.mkp1-page .mkv4-row span{font-size:13px;line-height:1.45;font-weight:400;text-transform:none;letter-spacing:0}
.mkp1-page .mkv4-row strong{font-size:15px;line-height:1.45;font-weight:700}
.mkp1-page .mkv4-side-pad p,
.mkp1-page .mkv4-text-pad p{font-size:15px;line-height:1.7;font-weight:400}
.mkp1-page .mkv4-link{font-size:14px;font-weight:800}
.mkp1-page .mkp1-metric strong{font-size:22px;line-height:1.1;font-weight:700}
.mkp1-page .mkp1-metric small{font-size:12px;line-height:1.35;font-weight:400}
.mkp1-page .mkp1-ops-label strong{font-size:15px;line-height:1.45;font-weight:700}
.mkp1-page .mkp1-ops-row p{font-size:15px;line-height:1.65;font-weight:400}
.mkp1-page .mkp1-system-chips span,
.mkp1-page .mkp1-ops-row .mkp1-system-chips span{font-size:12px;font-weight:800}
.mkp1-page .mkp1-section-copy p{font-size:15px;line-height:1.7;font-weight:400}
.mkp1-page .mkp1-side-item small{font-size:13px;line-height:1.45;font-weight:400}
.mkp1-page .mkp1-side-item strong{font-size:15px;line-height:1.45;font-weight:700}
.mkp1-page .mkp1-side-item a{font-size:14px;line-height:1.45;font-weight:800}
.mkp1-page .mkp1-weather-mark strong{font-size:17px;line-height:1.2;font-weight:700}
.mkp1-page .mkp1-weather-body p{font-size:15px;line-height:1.7;font-weight:400}
.mkp1-page .mkp1-side-cta{font-size:14px;font-weight:800}
.mkp1-page .mkp1-related strong{font-size:15px;line-height:1.45;font-weight:700}
.mkp1-page .mkp1-related a{font-size:14px;line-height:1.45;font-weight:800}
.mkp1-page .mkp1-main-source-grid strong{font-size:15px;line-height:1.45;font-weight:700}
.mkp1-page .mkp1-main-source-grid span{font-size:12px;line-height:1.5;font-weight:400}
.mkp1-page .mkp1-main-source-grid em{font-size:12px;line-height:1.4;font-weight:800}
.mkp1-page .mkp1-quality-card .mkv4-row span{font-size:13px;line-height:1.45;font-weight:400}
.mkp1-page .mkp1-quality-card .mkv4-row strong{font-size:15px;line-height:1.45;font-weight:700}