/* Shared styling for the public legal pages served by the HH Tech website. */
:root { --bg:#f7f7f3; --surface:#fdfdf9; --text:#171a22; --muted:#555860; --line:#e2e2db; --blue:#3157d5; --alert:#fff4d6; --alert-line:#e8c66d; }
* { box-sizing:border-box; }
html { font-size:100%; }
body { margin:0; min-width:320px; background:var(--bg); color:var(--text); font-family:"Be Vietnam Pro",system-ui,sans-serif; line-height:1.65; }
.legal-shell { width:min(960px,calc(100% - 32px)); margin:0 auto; padding:24px 0 48px; }
.legal-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0 22px; border-bottom:1px solid var(--line); }
.legal-brand { color:var(--text); font-weight:800; text-decoration:none; }
.legal-head-note,.legal-meta,.legal-note { color:var(--muted); font-size:.88rem; }
.legal-alert { margin:22px 0; padding:14px 16px; border:1px solid var(--alert-line); border-radius:12px; background:var(--alert); color:#5d4815; font-size:.9rem; }
.legal-card { padding:clamp(22px,5vw,48px); border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 18px 48px -42px rgba(23,26,34,.5); }
h1 { margin:0 0 8px; font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.15; letter-spacing:-.03em; }
h2 { margin:30px 0 8px; font-size:1.1rem; line-height:1.3; }
h3 { margin:20px 0 6px; font-size:1rem; }
p,ul,ol { margin:8px 0 14px; }
li { margin:5px 0; }
a { color:var(--blue); }
.legal-foot { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:22px; color:var(--muted); font-size:.82rem; }
@media (max-width:640px) { .legal-shell { width:min(100% - 20px,960px); padding-top:10px; } .legal-head { align-items:flex-start; flex-direction:column; } .legal-card { padding:22px 18px; } }