/* Public counterpart of the React UI tokens; approved heading presentation. */
:root{color-scheme:light;font:14px/1.65 Arial,Helvetica,sans-serif;color:#202c40;background:#f8f9fc}
*{box-sizing:border-box}body{margin:0}
a{color:#2868cd;text-decoration:none;border-radius:3px;transition:color .15s,background-color .15s}
a:hover{color:#246de2;background:#eef4ff}
a:focus-visible{outline:2px solid #70a8ff;outline-offset:4px}
header{background:#141e38;color:#f2f5ff;padding:22px max(20px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
header a{color:inherit;display:inline-flex;align-items:center;gap:12px;padding:8px}
header a:hover{color:#fff;background:#203454}
header>a{font-size:20px}header nav{display:flex;align-items:center;gap:16px}
main{max-width:1040px;margin:32px auto;padding:32px;background:#fff;border:1px solid #e3e8ef;border-radius:4px}
.legal-toolbar{display:flex;justify-content:flex-end;margin-bottom:24px}
.legal-back{display:inline-flex;align-items:center;gap:14px;min-height:42px;padding:10px 18px;border:1px solid #e3e8ef;font-size:14px}
.legal-back svg{width:16px;height:16px;flex:0 0 16px;transform:rotate(180deg);transition:transform .22s}
.legal-back:is(:hover,:focus-visible) svg{transform:rotate(180deg) translateX(3px)}
h1{font-size:28px;font-weight:400;line-height:1.4;margin:0 0 28px;overflow-wrap:anywhere}
footer{max-width:78ch;margin:28px auto 0;padding-top:20px;border-top:1px solid #e3e8ef;font-size:16px}
.legal-index{list-style:none;margin:0;padding:0}.legal-index li+li{border-top:1px solid #e3e8ef}
.legal-index a{display:flex;align-items:center;gap:16px;padding:18px 16px;font-size:14px;font-weight:400;line-height:1.6;color:#202c40}
.legal-index a:hover{color:#2868cd;background:#eef4ff}
.legal-index svg{width:22px;height:22px;flex:0 0 22px;color:#607086}.legal-index span{overflow-wrap:anywhere}
@media(max-width:600px){main{margin:16px 12px;padding:20px}h1{font-size:24px}header{padding:14px 12px;gap:12px}header nav{gap:8px}.legal-index a{padding:16px 0;gap:12px}}
@media(prefers-reduced-motion:reduce){a,.legal-back svg{transition:none}.legal-back:is(:hover,:focus-visible) svg{transform:rotate(180deg)}}