/* Shared styling for GiftWit legal pages */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap');
:root{ --ink:#1c1719; --ink-2:#5d5557; --ink-3:#938b8d; --paper:#f7f3ee; --paper-2:#f1ebe3;
  --surface:#fff; --line:rgba(28,23,25,.10); --accent:#b23a52; --accent-ink:#8f2c41; --r-md:14px; }
*{margin:0;padding:0;box-sizing:border-box;}
body{ font-family:'General Sans',-apple-system,sans-serif; background:var(--paper); color:var(--ink); line-height:1.62; letter-spacing:-.006em; -webkit-font-smoothing:antialiased; }
a{ color:var(--accent-ink); text-decoration:underline; text-underline-offset:2px; }
a:hover{ text-decoration:none; }
h1,h2,h3{ font-family:'Fraunces',Georgia,serif; font-weight:500; letter-spacing:-.02em; line-height:1.1; color:var(--ink); }
header.bar{ position:sticky; top:0; z-index:60; background:rgba(247,243,238,.82); backdrop-filter:saturate(140%) blur(14px); border-bottom:1px solid rgba(28,23,25,.06); }
.bar-in{ max-width:1100px; margin:0 auto; padding:15px 24px; display:flex; align-items:center; justify-content:space-between; }
.logo{ display:flex; align-items:center; gap:11px; font-family:'Fraunces',serif; font-weight:600; font-size:1.28rem; text-decoration:none; color:var(--ink); }
.logo img{ width:30px; height:30px; border-radius:8px; object-fit:cover; }
.back{ color:var(--ink-2); font-size:.92rem; font-weight:500; text-decoration:none; }
.back:hover{ color:var(--ink); }
main{ max-width:760px; margin:0 auto; padding:56px 24px 80px; }
h1{ font-size:clamp(2rem,4vw,2.8rem); margin-bottom:8px; }
.upd{ color:var(--ink-3); font-size:.92rem; margin-bottom:14px; }
.callout{ background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--accent); padding:16px 20px; border-radius:var(--r-md); margin:18px 0 28px; }
h2{ font-size:1.35rem; margin-top:34px; margin-bottom:10px; }
h3{ font-size:1.05rem; margin-top:20px; margin-bottom:6px; }
p,ul,ol{ margin-bottom:14px; color:var(--ink-2); font-size:1rem; }
ul,ol{ padding-left:22px; } li{ margin-bottom:6px; }
strong{ color:var(--ink); font-weight:600; }
code{ background:var(--paper-2); padding:1px 6px; border-radius:5px; font-size:.9em; }
footer{ border-top:1px solid var(--line); padding:32px 24px; text-align:center; color:var(--ink-3); font-size:.86rem; }
footer a{ color:var(--ink-2); margin:0 10px; text-decoration:none; }
footer a:hover{ color:var(--ink); }
