/*
[style.css]
Purpose: The one stylesheet for porchlight.edchenlab.com. Placeholder page for now.
Author: Ed Chen
Date: 2026-10-18
Note:
  1. Dark palette and footer styles copied from karaoke.edchenlab.com so the tenants look related.
  2. Served to everyone. Never put anything private in this file.
Status: v1.
*/

:root {
  color-scheme: dark;
  --bg: #1A1718;
  --fg: #F4EFE6;
  --muted: #A89FA0;
  --line: #3A3435;
  --chip-line: #5A5254;
  --accent: #F2C66D;    /* porch light */
  --radius: 12px;
  --font: system-ui, -apple-system, "Segoe UI", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { background: var(--bg); }
body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font); line-height: 1.6; }

.page { max-width: 560px; margin: 0 auto; padding: 72px 16px 32px; }
.lamp { font-size: 2.4rem; margin: 0 0 8px; }
h1 { font-size: 1.8rem; margin: 0 0 4px; color: var(--accent); }
.sub { margin: 0 0 24px; color: var(--muted); }
.lead { margin: 0 0 12px; }
.note { color: var(--muted); font-size: .9rem; }

footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line); text-align: left; }
footer a { color: var(--muted); font-size: .85rem; text-decoration: none; }
footer a:hover { color: var(--fg); text-decoration: underline; }
footer .history { margin: 0 0 16px; padding: 0; color: var(--muted); font-size: .82rem; line-height: 1.5; text-align: left; }
footer .history-head { color: var(--fg); font-size: .88rem; font-weight: 600; margin-bottom: 10px; }
footer .history-entry { margin-bottom: 12px; }
footer .history-date { color: var(--fg); font-weight: 600; font-variant-numeric: tabular-nums; margin-bottom: 4px; }
footer .history-items { margin: 0; padding-left: 20px; list-style: disc; }
footer .history-items li { margin-bottom: 3px; }
footer .history-items li::marker { color: var(--chip-line); }