nav{background-color:#fff}h1{margin-top:27px;margin-bottom:50px}.legal-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.legal-sidebar{position:sticky;top:130px;background:#fff;border-radius:8px;padding:1.5rem;max-height:calc(100vh - 150px);overflow-y:auto;border:1px solid #e9ecef}.legal-sidebar h3{margin-bottom:1rem;font-size:1.1rem;color:#495057;border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.legal-nav ul{list-style:none;padding:0;margin:0}.legal-nav li{margin-bottom:.5rem}.legal-nav li:last-child{margin-bottom:0}.legal-nav a{display:block;padding:.5rem .75rem;color:#6c757d;text-decoration:none;border-radius:4px;transition:all 0.2s ease;font-size:.9rem;line-height:1.4}.legal-nav a:hover{background-color:#e9ecef;color:#495057}.legal-nav a.active{background-color:var(--color-pink);color:#fff}.legal-main{min-width:0}.legal-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.legal-section:last-child{border-bottom:none}.legal-section h2{color:#212529;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.legal-section .content{line-height:1.6;color:#495057}.legal-section .content h2{margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;color:#343a40}@media (max-width:1024px){.legal-layout{grid-template-columns:250px 1fr;gap:1.5rem}.legal-sidebar{padding:1rem}}@media (max-width:768px){.legal-layout{grid-template-columns:1fr;gap:1rem}.legal-sidebar{position:relative;top:auto;max-height:none;margin-bottom:2rem}.legal-nav{display:flex;overflow-x:auto}.legal-nav ul{display:flex;gap:.5rem;white-space:nowrap;padding-bottom:.5rem}.legal-nav li{margin-bottom:0}.legal-nav a{white-space:nowrap;min-width:max-content}}