/* DontDropBook — shared styles for content pages.
   index.html keeps its own inline styles; this file covers everything built
   by build.py (about, contact, legal, guides). */

:root{
  --bg:#161616;
  --bg-panel:#1f1f1f;
  --bg-panel-2:#242424;
  --line:#3a3a38;
  --text:#f1efe8;
  --text-dim:#a8a59c;
  --accent:#ffb020;
  --accent-dim:#c98a1c;
  --warn:#e8491d;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  line-height:1.65;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
.wrap{max-width:820px;margin:0 auto;padding:0 24px;width:100%;}
.stripe{
  height:10px;
  background:repeating-linear-gradient(135deg,var(--accent),var(--accent) 18px,#161616 18px,#161616 36px);
}

/* header */
.site-head{border-bottom:1px solid var(--line);padding:20px 0;}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.brand{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:20px;
  color:#fff;
  letter-spacing:0.02em;
  text-decoration:none;
  text-transform:uppercase;
}
.brand .hi{color:var(--accent);}
.site-head nav{display:flex;gap:22px;flex-wrap:wrap;}
.site-head nav a{
  font-family:'Oswald',sans-serif;
  font-size:14px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--text-dim);
  text-decoration:none;
}
.site-head nav a:hover{color:var(--accent);}
.site-head nav a[aria-current="page"]{color:var(--accent);}

/* content */
main{flex:1;padding:56px 0 72px;}
.prose h1,.prose h2,.prose h3{
  font-family:'Oswald',sans-serif;
  text-transform:uppercase;
  letter-spacing:0.02em;
  color:#fff;
  margin:0;
}
.prose h1{font-size:clamp(30px,5vw,44px);line-height:1.1;margin-bottom:8px;}
.prose h2{font-size:clamp(21px,3vw,27px);margin-top:44px;margin-bottom:12px;padding-top:4px;}
.prose h3{font-size:18px;margin-top:30px;margin-bottom:8px;}
.prose p{margin:0 0 18px;font-size:16.5px;color:var(--text);}
.prose p em{color:var(--text-dim);}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.prose a:hover{color:#ffc350;}
.prose strong{color:#fff;}
.prose ul,.prose ol{margin:0 0 20px;padding-left:22px;color:var(--text);}
.prose li{margin-bottom:9px;font-size:16.5px;}
.prose li::marker{color:var(--accent);}
.prose code{
  background:var(--bg-panel-2);
  border:1px solid var(--line);
  padding:1px 6px;
  font-size:14px;
  color:var(--accent);
}
.prose hr{
  border:none;
  border-top:1px solid var(--line);
  margin:40px 0 24px;
}
.prose hr + p{font-size:13.5px;color:#7a776e;}

/* footer */
footer{padding:36px 0 56px;border-top:1px solid var(--line);}
.foot-nav,.foot-social{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;}
.foot-nav a,.foot-social a{
  font-size:14px;
  color:var(--text-dim);
  text-decoration:none;
}
.foot-nav a:hover,.foot-social a:hover{color:var(--accent);}
.contact-line{font-size:14px;color:var(--text-dim);margin:0 0 18px;}
.contact-line a{color:var(--accent);}
.disclaimer{
  font-size:13px;
  color:#7a776e;
  border-top:1px solid var(--line);
  padding-top:20px;
  margin:0 0 12px;
}
.copyright{font-size:13px;color:#7a776e;margin:0;}