/* ISSLA RISK - /legal/* pages: dark marble hero, readable prose column, links between the legal pages. Loaded after archive.css. */
.hero--legal { padding-block: clamp(3rem, 2rem + 4vw, 5.5rem); background: linear-gradient(90deg, var(--petrol-900) 38%, rgba(3, 40, 60, 0) 88%), url("/assets/img/marble-dark.webp") center / cover no-repeat, var(--petrol-900); }
.hero--legal::before { background: none; }
.hero--legal .hero__inner { max-width: 52rem; }
.hero--legal .legal-h1 { margin: 0 0 var(--sp-4); font: 500 clamp(2rem, 1.3rem + 2.6vw, 3.25rem) / 1.12 var(--font-serif); color: var(--on-dark); white-space: normal; text-wrap: balance; }
.hero--legal .lede { margin: 0 0 var(--sp-4); }
.legal-upd { margin: 0; font-size: var(--fs-300); letter-spacing: 0.1em; text-transform: uppercase; color: #e3c27a; font-weight: 600; }
.legal { background: var(--paper); padding-block: clamp(2.5rem, 2rem + 3vw, 5rem); }
.legal__body { font-size: var(--fs-500); line-height: 1.7; }
.legal__body h2 { margin: var(--sp-7) 0 var(--sp-3); font: 500 var(--fs-700) / 1.2 var(--font-serif); color: var(--petrol-900); }
.legal__body h2:first-child { margin-top: 0; }
.legal__body p { margin: 0 0 var(--sp-4); }
.legal__body ul { margin: 0 0 var(--sp-4); padding-left: 1.3rem; display: grid; gap: var(--sp-2); }
.legal__nav { margin-top: var(--sp-8); padding-top: var(--sp-5); border-top: 1px solid var(--line); }
.legal__nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-5); }
.legal__nav a { font-weight: 600; text-underline-offset: 0.25em; }