:root{
  --bg:#ffffff; --bg2:#f7f7f7; --card:#ffffff; --line:#e5e5e5;
  --text:#1a1a1a; --muted:#666666; --accent:#ce8339; --accent2:#a8651f;
}
@media(prefers-color-scheme:dark){
  :root{
    --bg:#15130f; --bg2:#1c1a15; --card:#211e18; --line:#3a352b;
    --text:#f2ede2; --muted:#a89e8c; --accent:#e0a05f; --accent2:#ce8339;
  }
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  background:var(--bg); color:var(--text); line-height:1.7;
}
h1,h2,.logo{font-family:Georgia, 'Times New Roman', serif;}
a{color:var(--accent2);}
header{
  display:flex; justify-content:space-between; align-items:center;
  padding:22px 6%; border-bottom:1px solid var(--line); background:var(--card);
}
.logo-wrap{display:flex; align-items:center; gap:10px; text-decoration:none;}
.logo-mark{height:24px; width:auto; display:block;}
.logo{font-size:1.15rem; letter-spacing:3px; font-weight:bold; color:var(--accent2);}
nav a{color:var(--muted); text-decoration:none; margin-left:24px; font-size:0.88rem; letter-spacing:0.3px;}
nav a:hover{color:var(--accent2);}
main{max-width:820px; margin:0 auto; padding:70px 6% 100px;}
.eyebrow{font-family:Georgia,serif; color:var(--accent2); letter-spacing:1px; font-size:0.85rem; margin-bottom:10px;}
h1{font-size:2.1rem; margin-bottom:8px;}
.updated{color:var(--muted); font-size:0.85rem; margin-bottom:44px;}
h2{font-size:1.25rem; margin:38px 0 12px; color:var(--accent2);}
p, li{color:var(--text); font-size:0.98rem; margin-bottom:14px;}
ul{padding-left:22px; margin-bottom:14px;}
strong{color:var(--text);}
.note{
  background:var(--bg2); border:1px solid var(--line); padding:16px 18px;
  font-size:0.9rem; color:var(--muted); margin:22px 0;
}
footer{padding:44px 6%; text-align:center; color:var(--muted); font-size:0.85rem; border-top:1px solid var(--line);}
.footer-legal{margin-top:16px; display:flex; justify-content:center; flex-wrap:wrap; gap:18px;}
.footer-legal a{color:var(--muted); text-decoration:none; font-size:0.8rem;}
.footer-legal a:hover{color:var(--accent2);}
@media(max-width:600px){
  header{padding:18px 6%;}
  nav a{margin-left:14px; font-size:0.8rem;}
  main{padding:50px 6% 70px;}
  h1{font-size:1.7rem;}
}