/* Reset dan dasar */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: clamp(.85rem, .85vw + .85rem, 1rem); scroll-behavior: smooth;
-webkit-text-size-adjust: 100%; }
body { margin: 0; padding: 0;
font-family: "Space Grotesk", "Open Sans", -apple-system, Roboto, sans-serif;
color: #2c3e50;
line-height: 1.3; display: flex; flex-direction: column; min-height: 100vh; }

/* Container utama */
.container { flex-grow: 1; display: flex;
flex-direction: column; padding: 0;
background: #FFF7EE;
}

/* Header */
header, header img { display: block; width: 100%; height: auto; }
.menu { background: #F39632; height: 30px; z-index: 3;
padding: .1rem .625rem; box-shadow: 0 5px 15px #FFB76F; }
.menu a { color: #fff; }

/* Konten utama */
main { flex-grow: 1; padding: 1.5rem;
}

a { color: #2c3e50; text-decoration: none; }
h1, h2, h3, h4 { margin-top: 0; }
h1, h2, h3 { font-weight: 500; }
h4 { font-weight: 600; }
h1 { font-size: 1.35rem; }
h2 { font-size: 1.25rem; }
h3 { font-size: 1.15rem; }
h4 { font-size: 1rem; }
p { margin-top: 0; }

ul { margin-top: 0; margin-bottom: 1rem; padding-left: 1.25rem; }
li { margin-bottom: 0.2rem; }
li a { font-weight: 450; }

.kolom{ display:grid; grid-template-columns: 1fr; gap: 1.2rem; }

@media (min-width: 860px){
.kolom{ grid-template-columns: 1fr 1fr; } }

.kartu { border-radius:20px; display: grid;
grid-template-rows: repeat(3, 15% 75% 10%);
box-shadow: 2px 2px 6px #FFECB3; background: #FFFBF7; height: 350px;
}
.baris1 { padding: 1rem; background: #4DB6AC; border-radius: 20px 20px 10px 10px; box-shadow: 4px 4px 12px #80CBC4; }
.baris1 h2 a { color: #eee; }
.baris2 { margin: 1rem 1rem 0; }
.baris3 { margin: 0 2.5rem 1rem 0 ; text-align: right; }
.kartu img { float: left; width: 80px; height: auto;
margin: .3rem 1rem 1rem 0; }

.gbr-mskn img { max-width: 95%; height: auto; display: block; margin: 2rem auto 2rem; }

.kotak { margin: 1rem 0; padding: 1rem; border-radius:20px;
box-shadow: 2px 2px 6px #FFECB3; background: #FFFBF7;
}
.garis-putus { border-top: 3px dashed #FFE0B2; margin-bottom: 2rem; }

/* Ruang antar section */
section + section { margin-top: 2rem; }

/* Footer */
footer { background: #444; color: #eee;
padding: 1rem 1.5rem; font-size: 0.9rem;
user-select: none; box-shadow: 0 -5px 15px rgba(68,68,68,.6); }
footer a { color: #FFFF00; }
footer .copyright { text-align: center; }
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.footer-grid { display: grid;
grid-template-columns: repeat(3, 1fr); }