/* Public-facing MyStationHub legal information. Same typography and restrained
   header/footer language as the public website, without app/backend changes. */
:root{--msh-legal-cyan:#0CAEF0;--msh-legal-ink:#192630;--msh-legal-muted:#64758a;--msh-legal-border:#dce8f1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--msh-legal-ink);font-family:var(--msh-interface-font,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif);font-size:15px;line-height:1.68}
a{color:#087bb2}
a:hover{text-decoration:underline}
a:focus-visible{outline:3px solid #94d7f4;outline-offset:3px;border-radius:3px}
.msh-legal-container{width:min(calc(100% - 64px),1130px);margin:0 auto}
.msh-legal-header{border-bottom:1px solid #e2eaf1;background:rgba(255,255,255,.97)}
.msh-legal-header .msh-legal-container{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}
.msh-legal-logo{font-family:var(--msh-heading-font,Inter,"Segoe UI",Arial,sans-serif);font-size:25px;letter-spacing:-.055em;font-weight:850;color:#192630;text-decoration:none;white-space:nowrap}
.msh-legal-logo span{color:#0CAEF0}
.msh-legal-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.msh-legal-links a{font-size:14px;font-weight:550;color:#526878;text-decoration:none}
.msh-legal-links a:hover{color:#078fbf}
.msh-legal-breadcrumb{padding:27px 0 0;font-size:13px;color:#6c8190}
.msh-legal-breadcrumb a{color:inherit;text-decoration:none}
.msh-legal-breadcrumb a:hover{text-decoration:underline}
.msh-legal-hero{padding:43px 0 31px;border-bottom:1px solid #e4edf4}
.msh-legal-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;color:#078cb8;font-weight:800;text-transform:uppercase}
.msh-legal-eyebrow:before{content:"";width:23px;height:3px;background:#0CAEF0;border-radius:6px}
.msh-legal-hero h1{font-family:var(--msh-heading-font,Inter,"Segoe UI",Arial,sans-serif);font-size:clamp(37px,5vw,58px);font-weight:810;letter-spacing:-.055em;line-height:1.1;margin:15px 0 18px}
.msh-legal-hero p{font-size:17px;max-width:830px;color:#5f7284;margin:0 0 14px}
.msh-legal-updated{font-size:12px;font-weight:600;color:#728598}
.msh-legal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:58px;padding:32px 0 85px}
.msh-legal-toc{position:sticky;top:22px;align-self:start;display:grid;gap:6px}
.msh-legal-toc strong{font-size:11px;letter-spacing:.12em;color:#718696;text-transform:uppercase;margin-bottom:7px}
.msh-legal-toc a{color:#526b7c;text-decoration:none;font-size:13px;padding:7px 12px;border-radius:9px;line-height:1.35}
.msh-legal-toc a:hover,.msh-legal-toc a:focus-visible{background:#E8F0F3;color:#213f50}
.msh-legal-content{min-width:0}
.msh-legal-content section{padding:23px 0 24px;border-bottom:1px solid #e6edf3;scroll-margin-top:25px}
.msh-legal-content section:first-child{padding-top:5px}
.msh-legal-content section:last-child{border-bottom:0}
.msh-legal-content h2{font-family:var(--msh-heading-font,Inter,"Segoe UI",Arial,sans-serif);font-size:22px;font-weight:740;letter-spacing:-.03em;color:#243947;line-height:1.35;margin:0 0 11px}
.msh-legal-content p{margin:0 0 13px;color:#596e7d;line-height:1.8}
.msh-legal-content ul{margin:8px 0 0;padding-left:23px;color:#596e7d}
.msh-legal-content li{margin:7px 0;line-height:1.72}
.msh-legal-content strong{color:#264758}
.msh-legal-support{padding:18px 20px;background:linear-gradient(135deg,#edf9ff,#f8fcff);border:1px solid #d2eaf5;border-radius:12px;margin-top:25px;color:#4b697e}
.msh-legal-support p{margin:0}
.msh-legal-footer{border-top:1px solid #e2eaf1;background:#fff}
.msh-legal-footer .msh-legal-container{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:27px 0}
.msh-legal-footer .msh-legal-links{gap:18px}
.msh-legal-footer small{color:#738596}
@media(max-width:760px){.msh-legal-container{width:calc(100% - 36px)}.msh-legal-header .msh-legal-container{min-height:74px;flex-wrap:wrap;gap:8px;padding:13px 0}.msh-legal-logo{font-size:23px}.msh-legal-links{gap:14px}.msh-legal-links a{font-size:13px}.msh-legal-hero{padding:33px 0 26px}.msh-legal-hero p{font-size:15px}.msh-legal-layout{grid-template-columns:1fr;gap:17px;padding:25px 0 55px}.msh-legal-toc{position:static;display:flex;flex-wrap:wrap;gap:5px 10px}.msh-legal-toc strong{width:100%}.msh-legal-toc a{padding:5px 8px}.msh-legal-content section{padding:19px 0}.msh-legal-footer .msh-legal-container{padding:22px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}