.v5-legal-body { background: #f7f9fc; }
.v5-legal-hero { padding: 88px 0 96px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 86% 25%, rgba(107,158,215,.16), transparent 28%), linear-gradient(135deg,#fff,#eef4fa); }
.v5-legal-breadcrumbs { display: flex; gap: 10px; margin-bottom: 44px; color: var(--muted); font-size: 13px; }
.v5-legal-breadcrumbs a { color: var(--blue); }
.v5-legal-hero h1 { max-width: 900px; margin: 0; color: var(--navy-deep); font: 400 clamp(50px,6vw,84px)/.96 var(--serif); letter-spacing: -.045em; }
.v5-legal-hero > .v5-container > p:last-child { max-width: 720px; margin: 28px 0 0; color: var(--muted); font-size: 19px; }
.v5-legal-content { padding: 100px 0 120px; background: #fff; }
.v5-legal-grid { display: grid; grid-template-columns: minmax(280px,360px) minmax(0,820px); gap: 90px; justify-content: space-between; align-items: start; }
.v5-legal-grid > aside { position: sticky; top: 124px; display: flex; flex-direction: column; gap: 9px; padding: 30px; border: 1px solid var(--line); border-top: 3px solid var(--red); background: #f7f9fc; box-shadow: 0 22px 60px rgba(18,45,79,.09); }
.v5-legal-grid > aside > small { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.v5-legal-grid > aside > strong { margin-top: 8px; color: var(--navy); font: 400 24px/1.2 var(--serif); }
.v5-legal-grid > aside > span { color: var(--muted); }
.v5-legal-grid > aside button { display: flex; flex-direction: column; align-items: flex-start; margin-top: 18px; padding: 16px 0 0; border: 0; border-top: 1px solid var(--line); background: none; color: var(--navy); cursor: copy; font-weight: 700; }
.v5-legal-grid > aside button small { margin-top: 3px; color: var(--muted); font-weight: 400; }
.v5-legal-grid > article > section { display: grid; grid-template-columns: 52px 1fr; gap: 24px; padding: 0 0 34px; margin-bottom: 34px; border-bottom: 1px solid var(--line); }
.v5-legal-grid > article > section > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; color: var(--blue); background: var(--blue-soft); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.v5-legal-grid h2 { margin: 0; color: var(--navy-deep); font: 400 31px/1.15 var(--serif); }
.v5-legal-grid p { margin: 13px 0 0; color: var(--muted); font-size: 17px; }
.v5-legal-note { display: grid; grid-template-columns: 42px 1fr; gap: 16px; margin: 6px 0 34px; padding: 22px; border: 1px solid #c9d9ea; background: #f0f6fc; }
.v5-legal-note svg { width: 28px; height: 28px; color: var(--blue); }
.v5-legal-note p { margin: 0; font-size: 14px; }
@media (max-width: 860px) {
    .v5-legal-hero { padding: 64px 0 70px; }
    .v5-legal-grid { grid-template-columns: 1fr; gap: 40px; }
    .v5-legal-grid > aside { position: static; }
}
@media (max-width: 560px) {
    .v5-legal-hero { padding: 44px 0 56px; }
    .v5-legal-breadcrumbs { margin-bottom: 30px; }
    .v5-legal-hero h1 { font-size: 42px; }
    .v5-legal-hero > .v5-container > p:last-child { font-size: 16px; }
    .v5-legal-content { padding: 58px 0 76px; }
    .v5-legal-grid > aside { padding: 24px; }
    .v5-legal-grid > article > section { grid-template-columns: 42px 1fr; gap: 14px; padding-bottom: 26px; margin-bottom: 26px; }
    .v5-legal-grid > article > section > span { width: 38px; height: 38px; }
    .v5-legal-grid h2 { font-size: 25px; }
    .v5-legal-grid p { font-size: 15px; }
    .v5-legal-grid > article > .v5-button { width: 100%; }
}
