/* Clearhour legal pages. Readable long-form. F36 single source: the palette, fonts, top bar and
   buttons come from tokens.css (extracted from site/), never redefined here. This sheet only adds
   the legal-page-specific long-form layout (reading column, draft banner, section spacing). */
@import url('../tokens.css');
* { box-sizing:border-box; }
/* body font/background/colour + h1..h3 display font + header.top now inherit from tokens.css. */
.draftbar { background:#fff4e5; border-bottom:1px solid #f0d9b5; color:#8a5500; padding:12px 22px; font-size:14px; }
.draftbar strong { color:#7a4a00; }
main { max-width:760px; margin:0 auto; padding:30px 22px 80px; }
h1 { font-size:1.7rem; line-height:1.2; margin:0 0 6px; }
h2 { font-size:1.15rem; margin:30px 0 8px; }
p { margin:0 0 14px; }
.status { color:var(--mut); font-size:14px; margin:0 0 20px; }
.foot { margin-top:34px; padding-top:16px; border-top:1px solid var(--line); color:var(--mut); font-size:14px; }
a.link { color:var(--green); }
.legal-nav { margin:0 0 24px; font-size:14px; }
.legal-nav a { color:var(--green); margin-right:14px; }
@media (max-width:560px){ main{padding:22px 16px 60px;} h1{font-size:1.4rem;} }