/* Halaman pendukung: 404 dan kebijakan privasi (tools/build_halaman.py). */
.hl { padding-top: 56px; padding-bottom: 72px; }
.hl h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.15; letter-spacing: -0.02em; max-width: 22ch; margin: 10px 0 14px; }
.hl .lede { font-size: 17px; max-width: 60ch; color: var(--muted); }
.hl-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 28px 0; max-width: 760px; }
@media (max-width: 600px) { .hl-grid { grid-template-columns: minmax(0, 1fr); } }
.hl-go { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: var(--r-lg, 14px); background: var(--surface); border: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.hl-go:hover, .hl-go:focus-visible { border-color: var(--ok); }
.hl-go b { display: block; }
.hl-go small { color: var(--muted); font-size: 14px; }
.hl-teks { max-width: 760px; }
.hl-teks section { padding: 18px 0; border-top: 1px solid var(--line); }
.hl-teks h2 { font-size: 19px; margin-bottom: 8px; }
.hl-teks p { margin: 0 0 10px; max-width: 68ch; }