
.legal-page .public-hero-inner{grid-template-columns:minmax(0,1fr) 340px}
.legal-page .legal-hero-card p{color:#bdcbd0}
.legal-section-wrap{padding-top:34px}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.legal-main{display:grid;gap:16px}
.legal-section{padding:28px;border-radius:20px}
.legal-section h2{margin:0 0 14px;color:var(--ui-ink);font-size:22px;line-height:1.35;letter-spacing:-.01em}
.legal-section p{margin:0 0 12px;color:var(--ui-muted);font-size:15px;line-height:1.9}
.legal-section p:last-child{margin-bottom:0}
.legal-section ul{margin:0;padding-left:20px;color:var(--ui-muted);font-size:15px;line-height:1.9}
.legal-section li{margin:6px 0;padding-left:2px}
.legal-section a,.legal-panel a{color:var(--ui-brand-dark);font-weight:760;text-decoration:none;word-break:break-all}
.legal-section a:hover,.legal-panel a:hover{text-decoration:underline}
.legal-aside{position:sticky;top:92px;display:grid;gap:16px;align-content:start}
.legal-panel{padding:22px;border-radius:20px}
.legal-panel h3{margin:10px 0 10px;color:var(--ui-ink);font-size:17px;line-height:1.35}
.legal-panel p{margin:0;color:var(--ui-muted);font-size:14px;line-height:1.8}
.legal-panel a{display:block;font-size:14px;line-height:2}
.legal-summary{background:linear-gradient(180deg,#fff,#f8fbfa)}
@media(max-width:980px){.legal-page .public-hero-inner,.legal-layout{grid-template-columns:1fr}.legal-aside{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.legal-aside{grid-template-columns:1fr}.legal-section{padding:22px}.legal-section h2{font-size:20px}}
