/* ============================================================
   SHYINE, PLLC — Legal stylesheet (privacy / terms-of-service)
   Dark studio-dusk shared with the main site but self-contained.
   Loads ONLY this file (never style.css).
   ============================================================ */

.legal-page{
  background-color:#12171B;   /* studio-dusk */
  color:#EDF1F0;              /* paper-pale text */
  font-family:"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

.legal-page *{box-sizing:border-box;}

.legal-page a{color:#4E9C96;text-decoration:none;}
.legal-page a:hover{color:#5db1ab;}

/* scope isolation: only style section content, never header/footer */
.legal-page .legal-header,
.legal-page .legal-footer{background-color:transparent !important;}

/* Scope-isolation rule for content sections */
.legal-page .legal-content section{
  background-color:transparent !important;
}
.legal-page section.toc-panel{background-color:#1A2126 !important;}

/* Header is a <header>/<div> element with strong contrast */
.legal-header{
  background-color:transparent;
  padding:0;
  position:relative;
  z-index:1;
}
.legal-header-band{
  background-color:#1A2126;   /* raised canvas panel */
  border-bottom:1px solid #2A343B;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.legal-header-ruler{height:26px;background-color:#12171B;border-bottom:1px solid #2A343B;}
.header-topline{height:4px;background-color:#212A30;}
.legal-header-inner{
  max-width:1120px;
  margin:0 auto;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.legal-brand{
  font-size:20px;
  font-weight:700;
  letter-spacing:.2em;
  color:#F2F6F4;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:11px;
}
.legal-pen-glyph{
  width:16px;height:16px;
  background-color:#4E9C96;
  clip-path:polygon(0 0,45% 0,100% 55%,55% 100%,0 55%);
  position:relative;
}
.legal-pen-glyph::after{
  content:"";
  position:absolute;left:24%;top:24%;
  width:5px;height:5px;background-color:#12171B;
}
.legal-home-link{
  color:#C6CFCC;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  border:1px solid #2A343B;
  padding:8px 16px;
  background-color:#212A30;
}
.legal-home-link:hover{color:#4E9C96;border-color:#4E9C96;}

/* Page title mast */
.legal-mast{
  background-color:#1A2126;
  padding:56px 0 60px;
  position:relative;
  z-index:1;
}
.legal-mast h1{
  max-width:1120px;
  margin:0 auto;
  padding:0 24px;
  font-size:46px;
  line-height:1.1;
  font-weight:700;
  color:#F2F6F4;
}
.legal-mast .mast-meta{
  max-width:1120px;
  margin:0 auto;
  padding:16px 24px 0;
  color:#8B949A;
  font-size:14px;
  letter-spacing:.04em;
}
.legal-mast .mast-meta strong{color:#4E9C96;font-weight:600;}

/* Table of contents */
.legal-nav-shell{
  max-width:1120px;
  margin:0 auto;
  padding:30px 24px 10px;
}
.toc-panel{
  background-color:#1A2126;
  border:1px solid #2A343B;
  padding:26px 30px;
  position:relative;
  z-index:1;
}
.toc-panel .toc-label{
  display:block;
  color:#4E9C96;
  font-size:12px;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.toc-panel nav.toc ul{
  list-style:none;
  margin:0;
  padding:0;
  columns:2;
  column-gap:40px;
}
.toc-panel nav.toc li{
  margin:0;
  padding:7px 0 7px 0;
  page-break-inside:avoid;
}
.toc-panel nav.toc a{
  color:#C6CFCC;
  font-size:15px;
  line-height:1.5;
  display:block;
}
.toc-panel nav.toc a::before{content:"";display:none;}
.toc-panel nav.toc a:hover{color:#F2F6F4;}
@media(max-width:720px){
  .toc-panel nav.toc ul{columns:1;}
}

/* Main content body */
.legal-body-container{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}
.legal-intro{
  background-color:#1A2126;
  border-left:4px solid #D97757;
  padding:34px 36px;
  margin:30px 0 44px;
}
.legal-intro p{color:#C6CFCC;font-size:17px;line-height:1.85;}
.legal-intro p:last-child{margin-bottom:0;}
.legal-intro .intro-label{
  display:block;
  color:#4E9C96;
  font-size:12px;
  letter-spacing:.26em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:12px;
}

.legal-content{
  padding:0 0 30px;
}
.legal-content h2{
  color:#4E9C96;
  font-size:28px;
  line-height:1.3;
  margin:0 0 6px;
  padding-top:56px;
  scroll-margin-top:20px;
  border-top:1px solid #2A343B;
}
.legal-content h2:first-of-type{border-top:none;padding-top:34px;}
.legal-content .effective{
  color:#8B949A;
  font-size:14px;
  font-weight:400;
  display:block;
  padding:2px 0 14px;
  letter-spacing:.04em;
}
.legal-content h3{
  color:#F2F6F4;
  font-size:21px;
  margin:36px 0 12px;
  line-height:1.4;
}
.legal-content p{
  color:#C6CFCC;
  margin:0 0 18px;
  font-size:16px;
  line-height:1.9;
  text-align:justify;
}
.legal-content ul,.legal-content ol{
  color:#C6CFCC;
  margin:0 0 22px;
  padding-left:26px;
}
.legal-content li{
  color:#C6CFCC;
  margin:0 0 10px;
  line-height:1.85;
}
.legal-content strong{color:#EDF1F0;font-weight:600;}
.legal-content .backtotop{
  display:inline-block;
  margin:8px 0 30px;
  color:#4E9C96;
  background:none;
  border:1px solid #2A343B;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:7px 14px;
}
.legal-content .backtotop:hover{border-color:#4E9C96;}

/* highlight of company facts */
.fact-card{
  background-color:#1A2126;
  border:1px solid #2A343B;
  padding:18px 22px;
  margin:20px 0 26px;
  position:relative;
  z-index:1;
}
.fact-card p{margin:0;color:#C6CFCC;}

@media(max-width:720px){
  .legal-mast h1{font-size:34px;}
  .legal-header-inner{flex-wrap:wrap;}
}

/* Footer for legal pages */
.legal-footer{
  background-color:#0C1013;
  position:relative;
  z-index:1;
}
.legal-rule{height:26px;border-top:1px solid #2A343B;overflow:hidden;}
.legal-footer-inner{
  max-width:900px;
  margin:0 auto;
  padding:36px 24px 40px;
  text-align:center;
  position:relative;
  z-index:1;
}
.legal-footer .foot-brand{color:#F2F6F4;font-weight:600;letter-spacing:.06em;margin-bottom:8px;}
.legal-footer p{
  color:#8B949A;
  font-size:13px;
  line-height:1.9;
  margin:4px 0;
}
.legal-footer a{color:#C6CFCC;}
.legal-footer a:hover{color:#4E9C96;}
.legal-footer .home-back a{color:#4E9C96;}