/* ════════════════════════════════════════════════════════════════════════
   SEE Legal pages — Privacy, Terms, Warranty
   Tokens: red #CC1B1B · ink #1C1C1C · cream #FAFAF7 · paper #fff
   Scoped prefix: .seelg-*
   Pattern: light readable legal-doc design with sticky TOC, anchored sections
═══════════════════════════════════════════════════════════════════════ */

.seelg{
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  background:#fff;color:#1C1C1C;
  width:100vw;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;
  position:relative;
  font-feature-settings:'cv11','ss01';
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.seelg *{box-sizing:border-box}

/* Strip Kadence wrappers */
body.page-privacy .entry-content,
body.page-terms .entry-content,
body.page-warranty .entry-content,
body.page[class*="privacy"] .entry-content,
body.page[class*="terms"] .entry-content,
body.page[class*="warranty"] .entry-content,
.seelg ~ *{max-width:none !important}
body.page-privacy .entry-header,
body.page-terms .entry-header,
body.page-warranty .entry-header,
body.page-privacy .kadence-title-area,
body.page-terms .kadence-title-area,
body.page-warranty .kadence-title-area,
body.page[class*="privacy"] .entry-header,
body.page[class*="terms"] .entry-header,
body.page[class*="warranty"] .entry-header,
body.page[class*="privacy"] .kadence-title-area,
body.page[class*="terms"] .kadence-title-area,
body.page[class*="warranty"] .kadence-title-area{display:none !important}

.seelg-accent{color:#CC1B1B}

/* ─── HERO ─────────────────────────────────────────────────────── */
.seelg-hero{
  background:radial-gradient(circle at 20% 30%,rgba(204,27,27,.18) 0%,transparent 50%),#0a0a0a;
  color:#fff;position:relative;overflow:hidden;
  padding:clamp(70px,9vw,120px) clamp(20px,4vw,48px) clamp(50px,7vw,90px);
}
.seelg-hero__inner{
  max-width:980px;margin:0 auto;position:relative;z-index:2;
}
.seelg-hero__crumb{
  font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.55);margin-bottom:18px;
}
.seelg-hero__crumb a{color:inherit;text-decoration:none;transition:color .2s}
.seelg-hero__crumb a:hover{color:#fff}
.seelg-hero__crumb .seelg-hero__crumb-sep{margin:0 8px;color:rgba(255,255,255,.3)}
.seelg-hero__h{
  font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-.035em;
  line-height:1;margin:0 0 18px;color:#fff;
}
.seelg-hero__sub{
  font-size:clamp(15px,1.4vw,17px);line-height:1.6;color:rgba(255,255,255,.72);
  max-width:680px;margin:0;
}
.seelg-hero__meta{
  display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;
  padding-top:24px;border-top:1px solid rgba(255,255,255,.1);
}
.seelg-hero__meta-cell{display:flex;flex-direction:column;gap:4px}
.seelg-hero__meta-cell span{
  font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.5);
}
.seelg-hero__meta-cell strong{
  font-size:14px;font-weight:600;color:#fff;
}

/* ─── BODY GRID ─────────────────────────────────────────────────────── */
.seelg-body{
  background:#fff;
  padding:clamp(50px,7vw,90px) clamp(20px,4vw,48px) clamp(60px,8vw,110px);
}
.seelg-body__inner{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:260px 1fr;gap:clamp(40px,5vw,80px);
  align-items:start;
}

/* ─── TOC ─────────────────────────────────────────────────────── */
.seelg-toc{
  position:sticky;top:120px;
  padding:24px 22px;background:#FAFAF7;border:1px solid #ebe9e3;border-radius:12px;
  max-height:calc(100vh - 140px);overflow-y:auto;
}
.seelg-toc__h{
  font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:#CC1B1B;margin-bottom:14px;
}
.seelg-toc ol{
  list-style:none;padding:0;margin:0;counter-reset:seelg-counter;
}
.seelg-toc li{
  counter-increment:seelg-counter;
  position:relative;padding-left:24px;margin-bottom:8px;
}
.seelg-toc li::before{
  content:counter(seelg-counter,decimal-leading-zero);
  position:absolute;left:0;top:1px;
  font-family:'JetBrains Mono','SF Mono',Menlo,monospace;
  font-size:10.5px;font-weight:600;letter-spacing:.05em;
  color:#999;
}
.seelg-toc li a{
  display:block;font-size:13.5px;line-height:1.4;color:#3a3a3a;
  text-decoration:none;transition:color .2s ease;
}
.seelg-toc li a:hover,
.seelg-toc li.is-active a{color:#CC1B1B}
.seelg-toc li.is-active::before{color:#CC1B1B}

/* ─── CONTENT ─────────────────────────────────────────────────────── */
.seelg-content{min-width:0}
.seelg-content > p:first-of-type{
  font-size:clamp(16px,1.3vw,18px);font-weight:500;line-height:1.65;
  color:#1C1C1C;margin:0 0 30px;
  padding-bottom:24px;border-bottom:1px solid #ebe9e3;
}
.seelg-sec{
  scroll-margin-top:120px;margin-bottom:44px;
}
.seelg-sec__num{
  display:inline-block;
  font-family:'JetBrains Mono','SF Mono',Menlo,monospace;
  font-size:12px;font-weight:600;letter-spacing:.08em;
  color:#CC1B1B;background:rgba(204,27,27,.08);
  padding:4px 9px;border-radius:5px;margin-bottom:14px;
}
.seelg-sec__h{
  font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;
  line-height:1.2;margin:0 0 18px;color:#1C1C1C;
}
.seelg-sec__sub{
  font-size:clamp(17px,1.4vw,19px);font-weight:600;letter-spacing:-.01em;
  margin:24px 0 12px;color:#1C1C1C;
}
.seelg-sec p{
  font-size:15.5px;line-height:1.72;color:#3a3a3a;margin:0 0 14px;
}
.seelg-sec ul,
.seelg-sec ol{
  margin:0 0 18px 0;padding:0 0 0 22px;
}
.seelg-sec li{
  font-size:15.5px;line-height:1.7;color:#3a3a3a;margin-bottom:8px;
}
.seelg-sec li strong{color:#1C1C1C;font-weight:600}
.seelg-sec a{color:#CC1B1B;text-decoration:underline;text-underline-offset:2px}
.seelg-sec a:hover{text-decoration:none}
.seelg-sec strong{color:#1C1C1C;font-weight:600}

.seelg-callout{
  margin:24px 0;padding:22px 24px 22px 28px;position:relative;
  background:linear-gradient(90deg,rgba(204,27,27,.05) 0%,rgba(204,27,27,.01) 100%);
  border-left:3px solid #CC1B1B;border-radius:0 8px 8px 0;
}
.seelg-callout__h{
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#CC1B1B;margin-bottom:8px;
}
.seelg-callout p{font-size:14.5px;line-height:1.65;color:#1C1C1C;margin:0}
.seelg-callout p + p{margin-top:8px}

.seelg-table{
  width:100%;border-collapse:separate;border-spacing:0;
  margin:18px 0 24px;border:1px solid #ebe9e3;border-radius:8px;overflow:hidden;
}
.seelg-table th,
.seelg-table td{
  padding:13px 16px;text-align:left;font-size:14px;line-height:1.55;
  border-bottom:1px solid #ebe9e3;vertical-align:top;
}
.seelg-table th{
  background:#0a0a0a;color:#fff;font-weight:600;letter-spacing:.02em;
  font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;
}
.seelg-table tr:last-child td{border-bottom:none}
.seelg-table tr:nth-child(even) td{background:#FAFAF7}

/* ─── CONTACT BOX ─────────────────────────────────────────────────────── */
.seelg-contact{
  margin-top:50px;padding:32px clamp(24px,3vw,40px);
  background:#0a0a0a;color:#fff;border-radius:14px;
  position:relative;overflow:hidden;
}
.seelg-contact::before{
  content:"";position:absolute;right:-100px;top:-100px;
  width:300px;height:300px;
  background:radial-gradient(circle,rgba(204,27,27,.15) 0%,transparent 60%);
}
.seelg-contact__h{
  font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:#CC1B1B;margin-bottom:14px;position:relative;z-index:2;
}
.seelg-contact__big{
  font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.02em;
  line-height:1.3;margin:0 0 20px;color:#fff;position:relative;z-index:2;
}
.seelg-contact__grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  position:relative;z-index:2;
}
.seelg-contact__cell{padding-left:16px;border-left:2px solid #CC1B1B}
.seelg-contact__cell span{
  display:block;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:6px;
}
.seelg-contact__cell strong,
.seelg-contact__cell a{
  font-size:14.5px;font-weight:600;color:#fff;text-decoration:none;
  letter-spacing:.005em;
}
.seelg-contact__cell a:hover{color:#CC1B1B}

/* ─── SIBLING DOC NAV ─────────────────────────────────────────────────────── */
.seelg-siblings{
  margin-top:30px;padding-top:28px;border-top:1px solid #ebe9e3;
  display:flex;gap:14px;flex-wrap:wrap;
}
.seelg-sibling{
  flex:1 1 240px;min-width:0;
  padding:18px 20px;border:1px solid #ebe9e3;border-radius:10px;
  text-decoration:none;transition:border-color .2s,transform .2s;
  display:block;background:#fff;
}
.seelg-sibling:hover{border-color:#CC1B1B;transform:translateY(-2px)}
.seelg-sibling__lbl{
  font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#999;margin-bottom:6px;display:block;
}
.seelg-sibling__name{
  font-size:15px;font-weight:600;color:#1C1C1C;letter-spacing:-.005em;display:block;
}
.seelg-sibling__arrow{color:#CC1B1B;font-weight:700;margin-left:6px}

/* ─── RESPONSIVE ─────────────────────────────────────────────────────── */
@media (max-width:900px){
  .seelg-body__inner{grid-template-columns:1fr;gap:30px}
  .seelg-toc{
    position:relative;top:auto;max-height:none;
    padding:20px;
  }
  .seelg-toc ol{
    display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;
  }
  .seelg-contact__grid{grid-template-columns:1fr;gap:14px}
  .seelg-hero__meta{gap:18px}
}
@media (max-width:520px){
  .seelg-toc ol{grid-template-columns:1fr}
  .seelg-hero__meta-cell{flex:1 1 100%}
}
