/* mySMB Legal - shared styles */
:root { --ink: #0A0A0A; --mint: #34DFBA; --muted: #595959; --line: #E2E2E2; color-scheme: light; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #FFFFFF; color: var(--ink); font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; overflow-x: hidden; }
a { color: var(--ink); } a:hover { color: var(--muted); }
img { max-width: 100%; }
h1, h2, h3 { text-wrap: balance; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, label:focus-visible { outline: 3px solid var(--mint); outline-offset: 3px; }
.skip-link { position: absolute; left: -9999px; top: 8px; background: var(--ink); color: #FFFFFF; padding: 10px 16px; border-radius: 8px; z-index: 10; }
.skip-link:focus { left: 8px; color: #FFFFFF; }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.nav-toggle { display: none; align-items: center; gap: 8px; font: 700 16px 'DM Sans', sans-serif; background: #FFFFFF; color: var(--ink); border: 2px solid var(--ink); border-radius: 999px; padding: 10px 18px; min-height: 44px; cursor: pointer; }
@media (max-width: 960px) {
  .nav-toggle { display: inline-flex; }
  .site-nav { display: none !important; width: 100%; flex-direction: column; align-items: flex-start !important; gap: 0 !important; padding: 8px 0 12px; }
  .site-nav.open { display: flex !important; }
  .site-nav a { width: 100%; }
  .site-nav a:last-child { margin-top: 12px; width: auto; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

/* page components */
.tc{position:relative}
.tc-in{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.tc-slide{display:none}
#tc1:checked ~ .tc-slides .tc-s1,#tc2:checked ~ .tc-slides .tc-s2,#tc3:checked ~ .tc-slides .tc-s3{display:flex}
.tc-arrows{display:none}
#tc1:checked ~ .tc-nav .tc-a1,#tc2:checked ~ .tc-nav .tc-a2,#tc3:checked ~ .tc-nav .tc-a3{display:flex}
.tc-dot{width:12px;height:12px;border-radius:999px;background:#5A5A5A;cursor:pointer;display:block}
#tc1:checked ~ .tc-nav label[for=tc1].tc-dot,#tc2:checked ~ .tc-nav label[for=tc2].tc-dot,#tc3:checked ~ .tc-nav label[for=tc3].tc-dot{background:#34DFBA;width:32px}
.tc-btn{width:52px;height:52px;border-radius:999px;border:2px solid #FFFFFF;color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1}
.tc-btn:hover{background:#FFFFFF;color:#0A0A0A}
.tc-in:focus-visible ~ .tc-nav{outline:2px solid #34DFBA;outline-offset:8px;border-radius:12px}
.tc-logo{display:flex;align-items:center;justify-content:center;background:#0A0A0A;border:1px solid #3A3A3A;border-radius:20px;width:220px;height:140px;flex:none;text-decoration:none;color:#BDBDBD;font-size:14px;font-weight:700;text-align:center;padding:16px;box-sizing:border-box}
.tc-logo:hover{color:#FFFFFF;box-shadow:0 0 0 3px #34DFBA}
@media (max-width: 760px){.tc-slide{flex-direction:column}.tc-logo{width:180px;height:110px}}
.toe h2{margin:48px 0 14px;font-family:'Inter Tight',sans-serif;font-weight:800;font-size:28px;letter-spacing:-0.01em;padding-top:24px;border-top:1px solid #E2E2E2}
.toe h3{margin:28px 0 10px;font-family:'Inter Tight',sans-serif;font-weight:700;font-size:20px}
.toe p{margin:0 0 12px;font-size:16px;line-height:1.7;color:#2E2E2E}
.toe p.sub{padding-left:60px;text-indent:-28px;margin-left:0}
.toe h2 strong,.toe h3 strong{font-weight:inherit}
.toe ul{margin:0 0 16px;padding-left:22px}
.toe li{margin:0 0 6px;font-size:16px;line-height:1.7;color:#2E2E2E}