/* DIVERTISY Legal pages — Version 76
   Reuses the established site typography, hero, principles, section and CTA language.
   Only the legal-page presentation changes; original policy content is preserved. */
.legal-page{background:#020202;color:var(--paper)}
.legal-page .legal-page-hero{background:radial-gradient(65% 90% at 82% 16%,rgba(255,255,255,.045),transparent 70%),linear-gradient(180deg,#080808,#030303)}
.legal-page .legal-hero-grid{align-items:center;gap:clamp(40px,6vw,90px)}
.legal-page .legal-hero-copy{min-width:0;padding-right:0}
.legal-page .legal-hero-copy .heading-title{max-width:700px}
.legal-page .legal-hero-copy .supporting{max-width:580px;margin-top:25px;font-size:var(--type-lead);line-height:1.75;color:var(--muted)}
.legal-page .legal-hero-actions{justify-content:flex-start;align-items:center;margin-top:30px;gap:12px}
.legal-page .legal-hero-actions .btn{min-height:48px;white-space:normal}
.legal-page .legal-meta{margin:25px 0 0;font-size:var(--type-label);line-height:1.6;letter-spacing:.045em;color:var(--soft)}
.legal-page .legal-meta span{margin:0 8px}
.legal-policy-nav{min-width:0;padding:33px 38px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(85% 95% at 100% 0%,rgba(255,255,255,.038),transparent 75%),linear-gradient(150deg,#101010,#090909);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.legal-policy-nav .eyebrow{margin-bottom:10px}
.legal-policy-nav-title{font-size:clamp(22px,2.3vw,29px);font-weight:500;letter-spacing:-.035em;margin:0 0 19px;line-height:1.2}
.legal-policy-nav .legal-policy-link{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;align-items:start;margin:0;padding:21px 0;border-top:1px solid var(--line-soft);color:var(--muted);text-decoration:none;transition:color .18s ease}
.legal-policy-nav .legal-policy-link:last-child{border-bottom:1px solid var(--line-soft)}
.legal-policy-nav .legal-policy-link:hover,.legal-policy-nav .legal-policy-link:focus-visible{color:#fff}
.legal-policy-nav .legal-policy-link .principle-num{padding-top:3px;font-size:var(--type-label);color:var(--soft)}
.legal-policy-item{display:grid;gap:5px}
.legal-policy-title{font-size:clamp(16px,1.5vw,18px);font-weight:500;line-height:1.35;letter-spacing:-.025em;color:var(--paper)}
.legal-policy-description{font-size:var(--type-small);line-height:1.6;color:var(--soft)}
.legal-policy-link[aria-current="page"] .legal-policy-title,.legal-policy-link[aria-current="page"] .principle-num{color:#fff}
.legal-policy-link[aria-current="page"] .legal-policy-description{color:#bbb}
.legal-reading{background:#050505}
.legal-reading .shell{position:relative;z-index:1}
.legal-content-head{margin-bottom:39px}
.legal-content-head .section-copy{color:var(--muted);margin:0;max-width:510px}
.legal-index{border:1px solid var(--line);background:rgba(255,255,255,.024);border-radius:20px;overflow:hidden;margin-bottom:44px}
.legal-index summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 26px;cursor:pointer;list-style:none;font-size:var(--type-small);font-weight:500;letter-spacing:.015em;color:var(--paper)}
.legal-index summary::-webkit-details-marker{display:none}
.legal-index summary:hover{background:rgba(255,255,255,.025)}
.legal-index-chevron{font-size:20px;color:var(--soft);transition:transform .2s ease}
.legal-index[open] .legal-index-chevron{transform:rotate(180deg)}
.legal-index-inner{padding:0 26px 24px;border-top:1px solid var(--line-soft)}
.legal-index-inner ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;row-gap:0}
.legal-index-inner li{min-width:0}
.legal-index-inner a{display:block;padding:10px 0;color:var(--muted);font-size:var(--type-small);line-height:1.6;border-bottom:1px solid var(--line-soft);text-decoration:none;overflow-wrap:anywhere}
.legal-index-inner a:hover,.legal-index-inner a:focus-visible{color:#fff}
.legal-introduction{padding:0 0 42px;max-width:900px}
.legal-introduction .eyebrow{margin-bottom:12px}
.legal-introduction p:not(.eyebrow){color:var(--muted);font-size:var(--type-body);line-height:1.75;margin:0}
.legal-article{width:100%;border-bottom:1px solid var(--line-soft)}
.legal-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(32px,5vw,88px);padding:38px 0 42px;border-top:1px solid var(--line-soft);scroll-margin-top:calc(-1 * var(--anchor-gap))}
.legal-section h2{font-size:clamp(21px,2vw,27px);font-weight:500;letter-spacing:-.03em;line-height:1.3;margin:0;max-width:420px;text-wrap:balance;color:var(--paper)}
.legal-section-copy{min-width:0;max-width:740px;color:var(--muted)}
.legal-section-copy p,.legal-section-copy li{font-size:var(--type-body);line-height:1.78;color:var(--muted);font-weight:400}
.legal-section-copy p{margin:0 0 15px}
.legal-section-copy p:last-child{margin-bottom:0}
.legal-section-copy ul,.legal-section-copy ol{padding-left:24px;margin:0 0 17px}
.legal-section-copy li{padding-left:3px;margin:5px 0}
.legal-article a,.legal-introduction a{color:#e2e2dd;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px;overflow-wrap:anywhere}
.legal-article a:hover,.legal-introduction a:hover{color:#fff;text-decoration-color:#fff}
.legal-section-copy strong,.legal-introduction strong{color:#f2f2ee;font-weight:600}
.legal-contact{margin-top:61px;gap:28px}
.legal-contact>.legal-contact-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.legal-contact .eyebrow{margin:0 0 10px}
.legal-contact h2{margin:0 0 12px;font-size:var(--type-card-title);letter-spacing:-.035em;font-weight:500;line-height:1.2}
.legal-contact p:not(.eyebrow){font-size:var(--type-small);line-height:1.7;color:var(--soft);margin:0;max-width:550px}
.legal-contact .btn{white-space:nowrap;min-height:48px}
@media(max-width:1000px){.legal-policy-nav{padding:28px}.legal-page .legal-hero-grid{gap:40px}}
@media(max-width:900px){.legal-page .brand-grid{grid-template-columns:1fr}.legal-policy-nav{max-width:720px}.legal-content-head{gap:24px}}
@media(max-width:700px){.legal-section{grid-template-columns:1fr;gap:15px;padding:29px 0 33px}.legal-section h2{max-width:none}.legal-index-inner ol{grid-template-columns:1fr}.legal-page .legal-contact{flex-direction:column;align-items:stretch}.legal-contact>.legal-contact-actions{justify-content:flex-start}}
@media(max-width:620px){.legal-policy-nav{padding:23px;border-radius:20px}.legal-page .legal-hero-copy .heading-title{font-size:clamp(31px,9vw,42px);line-height:1.12}.legal-page .legal-hero-actions{flex-direction:column;align-items:stretch}.legal-page .legal-hero-actions .btn{width:100%}.legal-index summary{padding:18px 20px}.legal-index-inner{padding:0 20px 20px}.legal-introduction{padding-bottom:31px}.legal-contact{margin-top:43px;padding:27px 23px}.legal-contact>.legal-contact-actions{flex-direction:column;align-items:stretch}.legal-contact>.legal-contact-actions .btn{width:100%}}