/* r54: the support pages /pemulihan (open-house-recovery.html) and /privasi (privasi.html) in the look of /tiket (r52)
   and /ppdb (r53), at the owner's request of 15 October 2026. Loaded by those two pages only, after the shared
   open-house-ticket.css (and open-house-ppdb.css on /pemulihan), which this file leaves as it is. One column of white
   cards on a soft ground; orange frames only the form the family fills in now. Reading text is at least 13 px and
   buttons at least 44 px tall. Every rule starts with .support-page (the page's body). */
.support-page{--act-ring:#f2b48f;--card-shadow:0 1px 2px #18335e0f,0 8px 24px #18335e0d;background:#f2f5fa}
.support-page .small{font-size:13px!important;line-height:1.55}
.support-page .eyebrow{font-size:12px;letter-spacing:.08em}

/* Header and title: one slim bar, then the title in two short lines. */
.support-page .site-header{min-height:64px;padding-block:14px;padding-inline:max(22px,calc((100vw - 640px)/2))}
.support-page .site-header img{width:188px}.support-page .site-header>span{font-size:11px;letter-spacing:.1em}
.support-page .page-shell{display:flex;flex-direction:column;gap:16px;max-width:688px;padding-block:24px 28px}
.support-page .page-shell>*{margin-block:0}
.support-page .page-intro .eyebrow{margin-bottom:4px}
.support-page .page-intro h1{font-size:28px;letter-spacing:-.02em;text-wrap:balance}
.support-page .page-intro>p:last-child{max-width:none;margin-top:8px;font-size:15px;line-height:1.55}

/* Cards without frames, 20 px corners, 16 px apart. */
.support-page .panel{max-width:none;padding:20px;border:0;border-radius:20px;box-shadow:var(--card-shadow)}
.support-page .panel h2{font-size:19px;line-height:1.3;letter-spacing:-.015em;text-wrap:balance}
.support-page .panel>p{margin-top:8px;font-size:14px;line-height:1.6}
.support-page .help-panel{background:#fff}

/* Pemulihan: the form is what the family does now, framed in orange; the Open House hint sits in a soft box. */
.support-page .lookup-panel{box-shadow:inset 0 0 0 2px var(--act-ring),var(--card-shadow)}
.support-page .lookup-panel>h2{font-size:21px}
.support-page .lookup-panel>.recover-open-house{margin-top:12px;padding:12px 14px;border:0;border-radius:12px;background:var(--soft);color:var(--ink);font-size:14px;line-height:1.55}
.support-page .lookup-panel>.recover-open-house strong{color:var(--blue)}
.support-page .field{margin-top:16px}
.support-page .field>label{margin-bottom:6px;font-size:14px;line-height:1.45}
.support-page .lookup-panel .field input{min-height:52px;border-color:#d3ddea;border-radius:12px;font-size:16px}
.support-page .lookup-panel .field input:focus{outline:2px solid #d7e5fa;outline-offset:2px;border-color:var(--blue)}
.support-page .lookup-panel .field input::placeholder{font-size:15px;color:#8a97a8}
.support-page .lookup-panel>.notice{margin:16px 0 0;padding:14px 16px;font-size:14px}
.support-page .lookup-panel>.button{min-height:48px;margin-top:20px;font-size:15px}
.support-page .lookup-panel>#recover-progress{margin-top:10px}.support-page .lookup-panel>#recover-progress:empty{display:none}

/* Privasi: the summary under the title, then one card per part. */
.support-page .privacy-summary{margin-top:8px!important;color:var(--ink)!important;font-size:15px;line-height:1.65}
.support-page .privacy-sections{gap:12px;max-width:none}
.support-page .privacy-part h2{font-size:17px;line-height:1.35}
.support-page .privacy-part>p{margin-top:6px;color:#3b4d68!important;font-size:15px!important;line-height:1.7}

/* Footer: centred and small, with a 44 px link. */
.support-page .page-footer{display:grid;justify-content:center;justify-items:center;gap:6px;margin-top:8px;padding-top:18px;text-align:center;font-size:13px}
.support-page .page-footer>.text-link{display:inline-block;padding-block:12px;font-size:13px;line-height:20px}