/* =========================================================================
   IRVx Softlabs : pages/legal.css
   Privacy Policy and Terms & Conditions, on top of base.css and components.css:
   (inner.css loads first, so the pages share the inner rhythm and type scale):
   the meta chips inside the light hero, the hairlines and breathing room
   between the document sections (each one is an anchor target), the term
   rows, the blue-dot list, the marked disclaimer, the contact rows and the
   closing links row. Navy, white and blue. Flat colour only, no cards.
   ========================================================================= */

/* The "Last updated" and section-count chips ride in the hero's actions row */
.legal-hero .page-hero__actions { margin-top: 1.25rem; }
.legal-hero .doc__meta { margin-top: 0; }
.legal-hero .doc__meta svg { color: var(--blue); }

/* Document sections: the id sits on the section, so the scroll offset does too */
.doc__body > section { scroll-margin-top: calc(var(--header-h) + 24px); }
.doc__body > section + section { margin-top: 2.75rem; padding-top: 2.5rem; border-top: 1px solid var(--line); }
.doc__body > section > h2 { margin-top: 0; }
.doc__body .label { margin-bottom: .55rem; }
.doc__body > section > p:last-child { margin-bottom: 0; }

/* The blue-dot list keeps its own gap and no browser indent inside the document */
.doc__body .checks { padding-left: 0; }
.doc__body .checks li { margin-bottom: 0; }
.doc__body .checks + p { margin-top: 1rem; }   /* a paragraph that continues after a list */

/* Term rows: a bold term and its line, ruled (Information We Collect) */
.doc__body .terms { list-style: none; margin: 1.25rem 0 0; padding: 0; border-top: 1px solid var(--line); }
.doc__body .terms li { display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); gap: .25rem 1.5rem; padding: .8rem 0; margin: 0; border-bottom: 1px solid var(--line); }
.doc__body .terms b { font-family: var(--display); font-weight: 700; color: var(--ink); }
.doc__body .terms li:last-child { border-bottom: 0; }   /* the section rule closes the list */

/* A disclaimer that must stay conspicuous, marked with a rule rather than a box */
.doc__note { border-left: 3px solid var(--blue); padding-left: 1.1rem; margin-top: 1.25rem; }
.doc__note h3 { margin-top: 0; }

/* Contact rows */
.doc__body .doc__contact { list-style: none; margin: 1.25rem 0 0; padding: 0; display: grid; gap: .7rem; }
.doc__contact li { display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); gap: .25rem 1.5rem; margin: 0; }
.doc__contact b { font-family: var(--display); font-weight: 700; color: var(--ink); }
@media (max-width: 575.98px) { .doc__body .terms li, .doc__contact li { grid-template-columns: 1fr; } }

/* Closing links under the last section */
.doc__foot { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.75rem; padding-top: 2rem; border-top: 1px solid var(--line); }