/* ===== TGH CARPENTRY — LEGAL PAGES =====
   Loaded ONLY by privacy.html and terms-of-service.html.
   Workshop palette with strong, fully opaque contrast. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* Scope-isolation: only legal page sections are styled here */
html{scroll-behavior:smooth}
body{
  font-size:16px;
  line-height:1.75;
  font-family:"Georgia","Times New Roman",serif;
  background-color:#0F0B07;
  color:#E9E0CF;
  overflow-x:hidden;
}

a{color:#C9963E;text-decoration:none}
a:hover{color:#E2B76B;text-decoration:underline}

/* ============ LEGAL HEADER ============ */
.legal-header{background-color:#171310;border-bottom:2px solid #C9963E;padding:20px 0}
.legal-header .lh-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.legal-header .lh-brand{display:flex;align-items:center;gap:12px}
.legal-header .lh-square{display:inline-flex;align-items:stretch}
.legal-header .lh-square i:first-child{width:9px;background-color:#8E979E;border-radius:1px 0 0 1px;display:inline-block;min-height:30px}
.legal-header .lh-square i:last-child{width:60px;height:9px;background-color:#C9963E;border-radius:0 2px 2px 0;align-self:center;display:inline-block}
.legal-header h1{color:#F2EBDD;font-size:20px;letter-spacing:.14em;font-weight:700}
.legal-header h1 em{font-style:normal;color:#C9963E}
.legal-header .lh-nav a{color:#D9B98C;font-size:13.5px;text-transform:uppercase;letter-spacing:.12em;margin-left:16px}
.legal-header .lh-nav a:hover{color:#C9963E;text-decoration:none}

/* ============ PAGE TITLE BAND ============ */
.legal-hero{padding:46px 0 12px}
.legal-hero .lc-inner{max-width:820px;margin:0 auto;padding:0 24px}
.legal-hero .crumb{color:#8E979E;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.legal-hero h2{font-size:38px;color:#F2EBDD;line-height:1.1}
.legal-hero .lc-update{color:#C9963E;margin-top:10px;font-size:15px}

/* table of contents */
.legal-toc{margin:26px 0}
.legal-toc .lt-box{background-color:#171310;border:1px solid #362C20;border-left:3px solid #C9963E;padding:20px 24px}
.legal-toc h3{color:#C9963E;text-transform:uppercase;letter-spacing:.18em;font-size:13px;margin-bottom:12px}
.legal-toc ol{padding-left:20px}
.legal-toc li{margin-bottom:7px}
.legal-toc li a{color:#D9B98C}
.legal-toc li a:hover{color:#C9963E}

/* ============ CONTENT ============ */
.legal-page .legal-content{padding:24px 0 64px}
.legal-page .legal-content section{background-color:transparent}
.legal-page .legal-content .lc-inner{max-width:820px;margin:0 auto;padding:0 24px}

.legal-content section{margin-bottom:46px}
.legal-content section > p{padding:0 24px;max-width:820px;margin:0 auto 14px;color:#D8CFBF}
.legal-content section > ul,
.legal-content section > ol{padding:0 48px;max-width:820px;margin:0 auto 16px;color:#D8CFBF}
.legal-content section > ul li,
.legal-content section > ol li{margin-bottom:8px}
.legal-content section > ul li strong,
.legal-content section > ol li strong,
.legal-content section > ul li b,
.legal-content section > ol li b{color:#C9963E}

.legal-content h2{padding:0 24px;max-width:820px;margin:0 auto 14px;color:#C9963E;font-size:24px;line-height:1.25;
  position:relative;padding-left:34px;scroll-margin-top:20px}
.legal-content h2::before{content:"//";position:absolute;left:6px;color:#F2EBDD;font-size:18px;top:0}

.legal-content p a{color:#C9963E;border-bottom:1px dotted #C9963E}
.legal-content p a:hover{text-decoration:none;border-bottom:1px solid #C9963E}

/* mini note blocks inside content */
.legal-note{background-color:#171310;border-left:3px solid #C9963E;padding:16px 20px;
  color:#E9E0CF;max-width:820px;margin:0 auto 18px}
.legal-note strong{color:#C9963E}

/* company detail block */
.legal-coc{max-width:772px;margin:0 auto 20px;background-color:#171310;border:1px solid #362C20;
  padding:20px 26px;color:#D9B98C}
.legal-coc strong{color:#F2EBDD}
.legal-coc .row{display:flex;gap:8px;margin-bottom:6px}
.legal-coc .row em{font-style:normal;color:#C9963E;min-width:118px}

/* ============ BACK TO HOME LINK ============ */
.legal-back{max-width:820px;margin:0 auto 8px}
.legal-back .lb-box{padding:20px 0;border-top:1px solid #362C20;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.legal-back a{color:#C9963E;border:1px solid #C9963E;padding:12px 22px;text-transform:uppercase;
  letter-spacing:.08em;font-size:13.5px;font-weight:700;display:inline-block;border-radius:2px}
.legal-back a:hover{background-color:#C9963E;color:#171310;text-decoration:none}

/* ============ LEGAL FOOTER ============ */
.legal-footer{background-color:#171310;border-top:2px solid #C9963E;padding:26px 0}
.legal-footer .lf-inner{max-width:820px;margin:0 auto;padding:0 24px;text-align:center}
.legal-footer .lf-saw{color:#D9B98C;font-size:9px;letter-spacing:.5em;margin-bottom:8px;user-select:none}
.legal-footer p{color:#A9A29A;font-size:13.5px}
.legal-footer p a{color:#C9C0B2}
.legal-footer p a:hover{color:#C9963E}

/* responsive */
@media (max-width:700px){
  .legal-hero h2{font-size:28px}
  .legal-content h2{padding-left:30px;padding-right:20px}
}