/* eachcanteach — legal pages (Terms, Privacy, Disclaimer) */

/* Compact header: the same warm teal wash as the heroes, without a photo */
.lg-hero{padding:136px 0 48px; background-image:none;}
.lg-hero::before{
  background:
    radial-gradient(ellipse 50% 70% at 90% 0%, rgba(255,186,102,.22), transparent 70%),
    radial-gradient(ellipse 60% 90% at 0% 100%, rgba(28,178,184,.22), transparent 70%),
    linear-gradient(120deg, #032226 0%, #06393d 60%, #0a4a4e 100%);
}
.lg-hero-copy{max-width:760px;}
.lg-hero .eyebrow{margin-bottom:16px;}
.lg-hero h1{color:#fff; font-size:clamp(2.2rem,4.4vw,3.4rem); margin-bottom:14px; text-transform:none;}
.lg-hero p{color:#d9eeee; font-size:1.05rem; line-height:1.6; max-width:60ch; margin-bottom:26px;}
.lg-meta{display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px; padding-top:18px; border-top:1px solid rgba(255,255,255,.18);}
.lg-meta > span{font-size:.84rem; color:#bfe9ea;}
.lg-switch{display:flex; flex-wrap:wrap; gap:8px;}
.lg-switch a{
  font-size:.82rem; font-weight:500; color:#fff; padding:7px 14px; border:1px solid rgba(255,255,255,.3);
  transition:border-color .2s ease, background .2s ease;
}
.lg-switch a:hover{border-color:#fff;}
.lg-switch a[aria-current="page"]{background:#fff; color:#06393d; border-color:#fff;}

/* Body: sticky contents on the left, the text on the right */
.lg-body{background:var(--paper); padding:64px 0 96px;}
.lg-grid{display:grid; grid-template-columns:260px minmax(0,1fr); gap:clamp(32px,5vw,72px); align-items:start;}
.lg-toc{position:sticky; top:100px;}
.lg-toc details{border:1px solid var(--line); background:var(--surface);}
.lg-toc summary{
  list-style:none; padding:14px 18px; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-faint); border-bottom:1px solid var(--line); cursor:default;
}
.lg-toc summary::-webkit-details-marker{display:none;}
.lg-toc ol{list-style:none; margin:0; padding:8px 0; max-height:calc(100vh - 190px); overflow-y:auto;}
.lg-toc a{display:flex; gap:10px; padding:7px 18px; font-size:.86rem; line-height:1.4; color:var(--ink-soft); border-left:2px solid transparent; transition:color .15s ease, border-color .15s ease, background .15s ease;}
.lg-toc a span{flex:none; width:18px; color:var(--ink-faint); font-variant-numeric:tabular-nums;}
.lg-toc a:hover{color:var(--ink-strong); background:var(--paper-3);}
.lg-toc a.is-current{color:var(--accent-deep); border-left-color:var(--accent); font-weight:600;}

.lg-article{max-width:760px;}
.lg-summary{
  margin-bottom:44px; padding:22px 26px; background:color-mix(in srgb, var(--accent) 8%, var(--surface));
  border-left:3px solid var(--accent);
}
.lg-summary > strong{display:block; font-family:'Jost',sans-serif; font-weight:500; font-size:1.15rem; color:var(--ink-strong); margin-bottom:8px;}
.lg-summary ul{margin:0; padding-left:1.1rem;}
.lg-summary li{margin:6px 0; color:var(--ink); line-height:1.6;}
.lg-summary li strong{color:var(--ink-strong); font-weight:600;}

.lg-section{padding:0 0 34px; margin-bottom:34px; border-bottom:1px solid var(--line); scroll-margin-top:96px;}
.lg-section:last-of-type{border-bottom:0;}
.lg-section h2{font-size:clamp(1.3rem,2.2vw,1.55rem); text-transform:none; margin-bottom:14px; line-height:1.25;}
.lg-num{color:var(--accent);}
.lg-section h3{font-family:'Manrope',sans-serif; font-size:1rem; font-weight:600; text-transform:none; color:var(--ink-strong); margin:20px 0 8px;}
.lg-section p, .lg-section li{font-size:1rem; line-height:1.75; color:var(--ink-soft);}
.lg-section p{margin:0 0 12px;}
.lg-section ul, .lg-section ol{margin:0 0 12px; padding-left:1.25rem;}
.lg-section li{margin:5px 0;}
.lg-section strong{color:var(--ink-strong); font-weight:600;}
.lg-section a{color:var(--accent-deep); text-decoration:underline; text-underline-offset:3px;}
.lg-note{padding:14px 18px; background:var(--paper-2); border:1px solid var(--line); font-size:.94rem !important;}
.lg-table{width:100%; border-collapse:collapse; margin:6px 0 14px; font-size:.94rem;}
.lg-table th, .lg-table td{text-align:left; vertical-align:top; padding:12px 14px; border-bottom:1px solid var(--line); line-height:1.55;}
.lg-table th{font-weight:600; color:var(--ink-strong); background:var(--paper-2); font-size:.84rem;}
.lg-table td{color:var(--ink-soft);}
.lg-table-wrap{overflow-x:auto; border:1px solid var(--line);}
.lg-table-wrap .lg-table{margin:0;}

.lg-contact{margin-top:10px; padding:28px; background:var(--surface); border:1px solid var(--line); border-top:3px solid var(--accent);}
.lg-contact h2{font-size:1.4rem; text-transform:none; margin-bottom:6px;}
.lg-contact p{color:var(--ink-soft); margin-bottom:16px;}
.lg-contact ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.lg-contact li{display:grid; grid-template-columns:90px 1fr; gap:12px; font-size:.95rem; color:var(--ink);}
.lg-contact li span{color:var(--ink-faint);}
.lg-contact a{color:var(--accent-deep); word-break:break-word;}

@media (max-width:900px){
  .lg-grid{grid-template-columns:1fr;}
  .lg-toc{position:static;}
  .lg-toc details:not([open]) summary{border-bottom:0;}
  .lg-toc summary{cursor:pointer; display:flex; justify-content:space-between; align-items:center; min-height:48px;}
  .lg-toc summary::after{content:""; width:8px; height:8px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease;}
  .lg-toc details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px);}
  .lg-toc ol{max-height:none;}
  .lg-toc a{padding:10px 18px;}
}
@media (max-width:760px){
  .lg-hero{padding:100px 0 36px;}
  .lg-hero p{font-size:.98rem;}
  .lg-meta{flex-direction:column; align-items:flex-start;}
  .lg-switch a{min-height:40px; display:inline-flex; align-items:center;}
  .lg-body{padding:32px 0 64px;}
  .lg-summary{padding:18px 18px; margin-bottom:32px;}
  .lg-section{padding-bottom:26px; margin-bottom:26px;}
  .lg-section p, .lg-section li{font-size:.97rem; line-height:1.7;}
  .lg-contact{padding:22px 18px;}
  .lg-contact li{grid-template-columns:1fr; gap:2px;}
}
