.page-module__w5aRMa__bagian{margin:0 var(--gutter) 40px}.page-module__w5aRMa__catatan{margin:0 var(--gutter) 24px}.page-module__w5aRMa__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.page-module__w5aRMa__kartu{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:#fff;flex-direction:column;display:flex;overflow:hidden}.page-module__w5aRMa__kartu:hover,.page-module__w5aRMa__kartu:focus-within{box-shadow:var(--shadow-md);transform:translateY(-4px)}.page-module__w5aRMa__sampul{aspect-ratio:16/10;background:linear-gradient(135deg,#dcfce7,#86efac);place-items:center;font-size:52px;display:grid}.page-module__w5aRMa__isi{flex-direction:column;flex:1;align-items:flex-start;gap:9px;padding:16px;display:flex}.page-module__w5aRMa__judul{color:var(--navy);font-size:16px}.page-module__w5aRMa__deskripsi{color:var(--muted);font-size:12.5px;line-height:1.55}.page-module__w5aRMa__fakta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.page-module__w5aRMa__fakta span{background:#f1f5f9;border-radius:6px;padding:4px 9px;font-weight:700}.page-module__w5aRMa__tombol{background:var(--green);color:#fff;width:100%;transition:background-color .18s var(--ease);border-radius:10px;justify-content:center;align-items:center;margin-top:auto;padding:10px 14px;font-size:12.5px;font-weight:800;display:inline-flex}.page-module__w5aRMa__tombol:hover{background:var(--green-dark)}@media (max-width:700px){.page-module__w5aRMa__grid{grid-template-columns:1fr}}.page-module__w5aRMa__sampulGambar{object-fit:cover;width:100%;height:100%}.page-module__w5aRMa__sorot{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:#fff;grid-template-columns:220px minmax(0,1fr);gap:0;display:grid;overflow:hidden}.page-module__w5aRMa__sorot:hover,.page-module__w5aRMa__sorot:focus-within{box-shadow:var(--shadow-md);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.page-module__w5aRMa__sorot:hover,.page-module__w5aRMa__sorot:focus-within{transform:none}}@media (max-width:680px){.page-module__w5aRMa__sorot{grid-template-columns:minmax(0,1fr)}}.page-module__w5aRMa__sorotPapan{background:radial-gradient(420px 220px at 30% 0,#d8ecfb 0%,#0000 70%),linear-gradient(150deg,#eaf4fb,#ddf3e4);place-items:center;padding:22px;display:grid;position:relative}.page-module__w5aRMa__sorotEmoji{filter:drop-shadow(0 2px 3px #0c326840);font-size:22px;position:absolute;top:12px;left:14px}.page-module__w5aRMa__miniPapan{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:5px;width:min(130px,70%);display:grid;transform:rotate(-8deg)}.page-module__w5aRMa__miniKotak{aspect-ratio:1;border-radius:5px}.page-module__w5aRMa__miniKotak[data-nada="0"]{background:#22a957}.page-module__w5aRMa__miniKotak[data-nada="1"]{background:#137be8}.page-module__w5aRMa__miniKotak[data-nada="2"]{background:#f6a916}.page-module__w5aRMa__miniKotak[data-nada="3"]{background:#fff;border:1px solid #cfe2f1}.page-module__w5aRMa__sorotIsi{flex-direction:column;align-items:flex-start;gap:9px;padding:20px;display:flex}.page-module__w5aRMa__sorotLabel{letter-spacing:.07em;text-transform:uppercase;color:#0a5b9e;background:#e3f2fd;border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:800}.page-module__w5aRMa__sorotJudul{color:var(--navy);font-size:19px;line-height:1.25}.page-module__w5aRMa__sorotDeskripsi{color:var(--muted);font-size:13px;line-height:1.65}.page-module__w5aRMa__sorotFakta{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.page-module__w5aRMa__sorotFakta li{color:var(--muted);background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.page-module__w5aRMa__sorotTombol{color:#fff;background:var(--blue);transition:background .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;margin-top:3px;padding:11px 22px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.page-module__w5aRMa__sorotTombol:hover{background:var(--blue-dark)}.page-module__w5aRMa__sorotTombol:focus-visible{outline:3px solid var(--navy);outline-offset:2px}@media (max-width:480px){.page-module__w5aRMa__sorotTombol{width:100%}}