/* Customer-facing page: Sidelink brand, white header, kept distinct from the staff tool. */
body.public { --brand: #1178A4; --brand-ink: #0B5577; --accent: #1178A4; --link: #0B5577; --link-hover: #083F59; background: #F3F7F9; }
.ptop { background: #fff; border-bottom: 4px solid var(--brand); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 14px 28px; }
.plogo img { display: block; height: 46px; width: auto; }
.pcontact { display: flex; flex-wrap: wrap; gap: 6px 22px; font-size: 15px; font-weight: 500; }
.pcontact a { color: var(--brand-ink); text-decoration: none; }
.pcontact a:hover { text-decoration: underline; }
.pmain { flex: 1; width: 100%; max-width: 980px; margin: 0 auto; padding: 36px 20px 56px; display: flex; flex-direction: column; gap: 22px; }
.phero h1 { font-size: 32px; color: var(--brand-ink); }
.phero .lede { max-width: 640px; }
body.public .btn.primary { background: var(--brand); border-color: var(--brand); color: #fff; }
body.public .btn.primary:hover { background: var(--brand-ink); border-color: var(--brand-ink); }
body.public .mode.on, body.public .mode:has(input:checked) { border-color: var(--brand); background: #EAF4F8; }
body.public .mode input { accent-color: var(--brand); }
body.public .seg label.on, body.public .seg label:has(input:checked) { background: var(--brand); }
body.public .un-input span { color: var(--brand); font-weight: 500; }
.penquiry { border-top: 4px solid var(--brand); }
.penquiry textarea { width: 100%; font: inherit; padding: 10px 12px; border: 1px solid var(--field); border-radius: 6px; }
.cf-turnstile { min-height: 65px; }
.pfoot { border-top: 1px solid var(--line); background: #fff; padding: 14px 28px; font-size: 12px; color: var(--muted); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; }
.pfoot .mono { font-size: 12px; }
.plading { display: inline-flex; align-items: center; gap: 8px; }
.plading img { flex-shrink: 0; }
.plading b { font-weight: 600; color: #142A54; }