:root { color-scheme: light; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17283d; background: #f4f6f8; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.62; }
a { color: #285f8d; }
.legal-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 10px max(20px, calc((100vw - 1040px) / 2)); border-bottom: 1px solid #dde3e8; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.legal-header img { display: block; width: 168px; height: auto; }
.legal-header a:last-child { font-size: 14px; font-weight: 750; text-decoration: none; }
.legal-layout { display: grid; grid-template-columns: 230px minmax(0, 760px); gap: 34px; width: min(1040px, calc(100% - 40px)); margin: 34px auto 72px; }
.legal-nav { position: sticky; top: 92px; align-self: start; display: grid; gap: 4px; }
.legal-nav a { padding: 8px 10px; border-radius: 7px; color: #52677c; font-size: 13px; font-weight: 680; text-decoration: none; }
.legal-nav a:hover, .legal-nav a[aria-current="page"] { background: #e8eef4; color: #17283d; }
.legal-document { padding: clamp(24px, 4vw, 46px); border: 1px solid #dfe5ea; border-radius: 8px; background: #fff; box-shadow: 0 22px 54px -42px rgba(23,40,61,.45); }
.legal-kicker { margin: 0 0 8px; color: #8a682d; font-size: 12px; font-weight: 800; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(30px, 5vw, 46px); line-height: 1.08; letter-spacing: 0; }
h2 { margin: 34px 0 10px; font-size: 21px; line-height: 1.25; letter-spacing: 0; }
h3 { margin: 22px 0 8px; font-size: 16px; }
p, li { color: #52677c; font-size: 15px; }
ul { padding-left: 20px; }
.legal-lead { margin: 18px 0 0; font-size: 17px; }
.legal-note { margin: 24px 0; padding: 15px 17px; border: 1px solid #d8e3dd; border-radius: 8px; background: #f6faf7; color: #365b49; }
.legal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 22px; }
.legal-grid a { display: grid; gap: 4px; padding: 16px; border: 1px solid #dfe6ec; border-radius: 8px; color: #17283d; font-weight: 800; text-decoration: none; }
.legal-grid span { color: #687b8e; font-size: 13px; font-weight: 500; }
.legal-table { display: grid; margin-top: 18px; border: 1px solid #dfe6ec; border-radius: 8px; overflow: hidden; }
.legal-table div { display: grid; grid-template-columns: 210px minmax(0,1fr); border-bottom: 1px solid #e7edf1; }
.legal-table div:last-child { border-bottom: 0; }
.legal-table dt, .legal-table dd { margin: 0; padding: 12px 14px; font-size: 14px; overflow-wrap: anywhere; }
.legal-table dt { background: #f7f9fb; color: #64778a; font-weight: 700; }
.legal-table dd { color: #17283d; font-weight: 700; }
.legal-meta { margin-top: 36px; padding-top: 18px; border-top: 1px solid #e5eaee; color: #788795; font-size: 12px; }
.legal-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 16px; border-radius: 8px; background: #17283d; color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; box-shadow: 0 12px 24px -18px rgba(23,40,61,.75); }
.legal-button:hover { background: #29415d; }
@media (max-width: 760px) { .legal-layout { grid-template-columns: 1fr; width: min(100% - 24px, 680px); margin-top: 14px; }.legal-nav { position: static; grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; padding: 4px 0 8px; }.legal-document { padding: 24px 18px; }.legal-grid { grid-template-columns: 1fr; }.legal-table div { grid-template-columns: 1fr; }.legal-table dt { padding-bottom: 4px; }.legal-table dd { padding-top: 4px; }.legal-header { padding: 9px 14px; }.legal-header img { width: 142px; } }