:root { --ink: #123c35; --soft: #f4f6f1; --green: #157765; --line: #dce6e0; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--soft); font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.legal-header { max-width: 1200px; height: 94px; margin: 0 auto; padding: 0 32px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(18,60,53,.11); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; letter-spacing: -.6px; }.brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; background: #bff1dd; color: #145c4e; }.back-link { font-size: 13px; font-weight: 800; color: #4a6c63; }
.legal-layout { max-width: 1200px; min-height: calc(100vh - 94px); margin: 0 auto; padding: 76px 32px 100px; display: grid; grid-template-columns: 310px minmax(0, 710px); gap: 132px; }
.legal-aside { position: sticky; top: 50px; height: fit-content; }.legal-aside > span { color: #30806c; font-size: 11px; font-weight: 800; letter-spacing: .11em; }.legal-aside h1 { margin: 17px 0 18px; font-size: 48px; letter-spacing: -.08em; line-height: 1.02; }.legal-aside p { color: #789089; font-size: 12px; }.legal-aside nav { display: grid; gap: 7px; margin-top: 42px; }.legal-aside nav a { padding: 12px 13px; border-radius: 10px; color: #56746b; font-size: 14px; font-weight: 700; }.legal-aside nav a.active { color: #145c4e; background: #dcf4e9; }
.legal-content { padding: 0 0 20px; }.legal-content .lead { margin: 0 0 42px; color: #5c756e; font-size: 17px; line-height: 1.8; }.legal-content h2 { margin: 42px 0 14px; font-size: 21px; letter-spacing: -.04em; }.legal-content p { margin: 0 0 13px; color: #47645c; font-size: 15px; line-height: 1.9; }
@media (max-width: 760px) { .legal-header { height: 75px; padding: 0 22px; }.legal-layout { display: block; padding: 50px 22px 80px; }.legal-aside { position: static; }.legal-aside h1 { font-size: 40px; }.legal-aside nav { display: flex; margin-top: 25px; margin-bottom: 43px; }.legal-content .lead { font-size: 16px; }.legal-content h2 { margin-top: 34px; } }