:root{
  --internal-sidebar:220px;
  --internal-content:900px;
  --internal-gap:clamp(48px,6vw,88px);
  --internal-radius:18px;
}

.internal-page{
  background:var(--bg);
  color:var(--text);
}
.internal-page .site-header,
.internal-page .site-footer{background:var(--bg);border-color:var(--line)}
.internal-page .site-footer{margin-top:0}
.internal-page .site-atmosphere{display:none!important}
.internal-page .footer-logo{display:inline-flex;width:150px;align-items:center}
.internal-page .footer-logo img{display:block;width:100%;height:auto;filter:invert(1)}
html[data-theme=light] .internal-page .footer-logo img{filter:none}

/* One shared page grid: the same proportions as the account support workspace. */
.internal-page .page-main{
  min-height:calc(100svh - 73px);
  padding-top:clamp(52px,7vw,88px);
  padding-bottom:112px;
}
.internal-page .page-head,
.internal-page .legal-layout{
  display:grid;
  grid-template-columns:var(--internal-sidebar) minmax(0,var(--internal-content));
  gap:var(--internal-gap);
  align-items:start;
  justify-content:start;
}
.internal-page .page-head{
  padding:0 0 28px;
}
.internal-page .page-head+.legal-layout{
  padding-top:0;
}
.internal-page .page-kicker,
.internal-page .legal-aside .meta{
  margin:0;
  padding:7px 8px 0;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
body.internal-page .page-title,
.internal-page .legal h1{
  max-width:900px;
  margin:0;
  color:var(--text);
  font:700 clamp(42px,5vw,64px)/.94 Manrope,Inter,sans-serif!important;
  letter-spacing:-.064em;
  text-wrap:balance;
}
body.internal-page .page-title span,
body.internal-page .page-title em,
.internal-page .legal h1 em{
  color:inherit;
  font:inherit!important;
  font-style:normal;
}
.internal-page .legal-aside{
  position:sticky;
  top:104px;
  max-width:220px;
  align-self:start;
}
.internal-page .legal-aside p:not(.meta){
  margin:12px 8px 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

/* Long documents use a compact navigation rail and one continuous reading card. */
.internal-page .toc{
  position:sticky;
  top:104px;
  display:grid;
  gap:3px;
  align-self:start;
  padding:0;
  border:0;
}
.internal-page .toc a{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:12px;
  font-weight:650!important;
  text-decoration:none;
  transform:none!important;
  transition:background .16s,color .16s!important;
}
.internal-page .toc a:before{display:none!important}
.internal-page .toc a:hover{background:var(--surface-2)!important;color:var(--text)!important}
.internal-page .toc a.is-current,
.internal-page .toc a[aria-current=location]{background:var(--surface-2)!important;color:var(--text)!important}
.internal-page .toc a:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.internal-page .prose{
  width:100%;
  max-width:900px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--internal-radius);
  background:var(--surface);
}
.internal-page .prose section{
  padding:28px;
  border-bottom:1px solid var(--line);
  scroll-margin-top:96px;
}
.internal-page .prose section:last-child{border-bottom:0}
body.internal-page .prose h2{
  margin:0 0 12px;
  color:var(--text);
  font-size:20px;
  font-family:Manrope,Inter,sans-serif!important;
  font-weight:700!important;
  line-height:1.2!important;
  line-height:1.2;
  letter-spacing:-.025em;
}
.internal-page .prose p,
.internal-page .prose li{
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}
.internal-page .prose p{margin:0 0 14px}
.internal-page .prose p:last-child{margin-bottom:0}
.internal-page .prose ul{margin:14px 0 0;padding-left:20px}

/* Short information pages share the same header/card anatomy. */
.internal-page main.legal-layout{
  padding-top:clamp(52px,7vw,88px);
  padding-bottom:112px;
  align-content:start;
  grid-auto-rows:max-content;
}
.internal-page .legal{
  width:100%;
  max-width:900px;
  overflow:hidden;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--internal-radius);
  background:var(--surface);
}
.internal-page .legal h1{
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
}
.internal-page .legal>h1+*{margin-top:26px}
.internal-page .legal h2{
  margin:30px 0 10px;
  color:var(--text);
  font-size:19px;
  font-family:Manrope,Inter,sans-serif;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.025em;
}
.internal-page .legal p,
.internal-page .legal li{
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}
.internal-page .legal p{margin:0 0 15px}
.internal-page .legal ul{margin:14px 0 22px;padding-left:20px}
.internal-page .legal a,
.internal-page .prose a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}
.internal-page .notice{
  margin:24px 0;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
  color:var(--muted);
}
.internal-page .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.internal-page .button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background:var(--text);
  color:var(--bg);
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.internal-page .button.secondary{background:transparent;color:var(--text)}
.internal-page .legal a.button,.internal-page .prose a.button{text-decoration:none}
.internal-page .button:hover{opacity:.88;transform:translateY(-1px)}
.internal-page .button:focus-visible{outline:2px solid var(--text);outline-offset:3px}

/* Login keeps its task-specific form, but uses the same surface, scale and controls. */
.internal-page .login-main{min-height:calc(100svh - 73px);padding:clamp(52px,7vw,88px) 20px 112px;background:var(--bg)}
.internal-page .login-main:before,.internal-page .login-main:after{display:none}
.internal-page .login-panel{
  width:min(520px,100%);
  padding:32px;
  border:1px solid var(--line);
  border-radius:var(--internal-radius);
  background:var(--surface);
  box-shadow:none;
}
.internal-page .login-panel h1{margin:0 0 34px;color:var(--text);font-size:clamp(32px,4vw,44px);line-height:1;letter-spacing:-.055em}
.internal-page .login-panel .accent{color:inherit;font-style:normal}
.internal-page .login-form input{height:48px;padding:0 44px 0 14px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text)}
.internal-page .login-form input:hover,.internal-page .login-form input:focus{border-color:var(--line-strong)}
.internal-page .login-form input:focus{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 7%,transparent)}
.internal-page .password-toggle{right:4px;top:4px}
.internal-page .login-form .button{height:48px;border-radius:11px}

@media(max-width:820px){
  .internal-page .page-head,
  .internal-page .legal-layout{grid-template-columns:1fr;gap:28px}
  .internal-page .legal-aside,.internal-page .toc{position:static;max-width:none}
  body.internal-page .toc{position:static!important;top:auto!important;display:flex!important;flex-wrap:nowrap!important;gap:4px;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:5px;scrollbar-width:none}
  body.internal-page .toc a{width:auto;flex:0 0 auto;display:flex!important;align-items:center;white-space:nowrap}
}
@media(max-width:600px){
  :root{--internal-radius:15px}
  body.internal-page .page-main,body.internal-page main.legal-layout{padding:38px 0 80px!important}
  body.internal-page .page-head{gap:18px;padding-bottom:22px;margin-bottom:0!important}
  .internal-page .page-title,.internal-page .legal h1{font-size:42px}
  .internal-page .legal{padding:22px 16px}
  .internal-page .prose section{padding:22px 16px}
  .internal-page .prose h2,.internal-page .legal h2{font-size:18px}
  .internal-page .prose p,.internal-page .prose li,.internal-page .legal p,.internal-page .legal li{font-size:14px}
  .internal-page .actions{display:grid;grid-template-columns:1fr}
  .internal-page .actions .button{width:100%}
  .internal-page .login-main{padding:38px 12px 80px}
  .internal-page .login-panel{padding:26px 18px}
}
@media(prefers-reduced-motion:reduce){.internal-page *{scroll-behavior:auto!important}}

/* The final reading grid is shared by every long-form document. */
body.internal-page .prose section{padding:28px!important;margin:0!important}
body.internal-page .prose section:last-child{border-bottom:0!important}
body.internal-page .prose h2{margin:0 0 12px!important;font-size:20px!important;line-height:1.2!important}
body.internal-page .prose p,body.internal-page .prose li{font-size:14px!important;line-height:1.7!important}
@media(max-width:820px){body.internal-page .toc{width:100%!important;margin:0!important;padding:0 0 6px!important}}
@media(max-width:600px){body.internal-page .prose section{padding:22px 16px!important}body.internal-page .prose h2{font-size:18px!important}}
