/*
 * /privacy and /terms. The page chrome keeps the export's inline styles; everything
 * inside a section is generated from admin HTML (App\Services\Web\LegalDocument), so
 * the export's inline styles for those elements are reproduced here as rules.
 */

/* The export's legal pages set these globally in their own <helmet>. */
.dc-legal a{color:#8A5C12}
.dc-legal a:hover{color:#241C12}
.dc-legal h2{scroll-margin-top:96px}

.dc-legal [data-dc-toc] a:hover,
.dc-legal [data-dc-toc] a[aria-current="true"]{background:#FDEFD8 !important;color:#241C12 !important;box-shadow:inset 2px 0 0 #EFA63C}

@media (max-width:899.98px){
  .dc-legal-main{grid-template-columns:1fr !important}
  .dc-legal-aside{position:static !important}
}

/* Reading column */
.dc-legal-section p,
.dc-legal-section ul,
.dc-legal-section ol{font:300 clamp(15px,1.2vw,16.5px)/1.78 Outfit;color:rgba(36,28,18,.82);margin:0 0 16px;max-width:70ch}
.dc-legal-section ul,
.dc-legal-section ol{padding-left:22px}
.dc-legal-section li{margin-bottom:8px}
.dc-legal-section li:last-child{margin-bottom:0}
.dc-legal-section li > p{margin:0;font:inherit;color:inherit}
.dc-legal-section strong,
.dc-legal-section b{font-weight:600}
.dc-legal-section p:has(+ ul),
.dc-legal-section p:has(+ ol){margin-bottom:14px}
.dc-legal-section p:has(+ .dc-legal-cards){margin-bottom:18px}
.dc-legal-section > :last-child{margin-bottom:34px}
.dc-legal-section:last-child > :last-child{margin-bottom:0}

.dc-legal-sub{font:700 17px/1.3 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;margin:22px 0 10px}
.dc-legal-section h2 + .dc-legal-sub{margin-top:0}

/* "<strong>Label</strong> text" lists */
.dc-legal-cards{display:grid;gap:12px;margin-bottom:16px}
.dc-legal-card{background:#fff;border:1px solid rgba(36,28,18,.1);border-radius:20px;padding:22px 24px;animation:pxUp .7s ease both;animation-timeline:view();animation-range:entry 2% cover 22%;transition:border-color .3s ease,transform .3s cubic-bezier(.22,.9,.25,1)}
.dc-legal-card:hover{border-color:#EFA63C;transform:translateY(-3px)}
.dc-legal-card b{display:block;font:700 16px 'Bricolage Grotesque',sans-serif;margin-bottom:7px}
.dc-legal-card span{font:300 14.5px/1.7 Outfit;color:rgba(36,28,18,.8)}
.dc-legal--terms .dc-legal-cards{gap:10px}
.dc-legal--terms .dc-legal-card{border-radius:18px;padding:20px 22px}
.dc-legal--terms .dc-legal-card b{font-size:15.5px;margin-bottom:6px}

/* Short lists */
.dc-legal-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.dc-legal-chips span{background:#FDEFD8;border-radius:999px;padding:11px 18px;font:500 13.5px Outfit;color:#241C12}

/* Blockquote */
.dc-legal-callout{background:#FDEFD8;border:1px solid rgba(239,166,60,.45);border-radius:22px;padding:22px 24px;margin:0 0 16px;max-width:70ch}
.dc-legal-section .dc-legal-callout p{font:500 15px/1.7 Outfit;color:#241C12;margin:0}
.dc-legal-section .dc-legal-callout p + p{margin-top:10px}

/* "Contact…" section */
.dc-legal-contact{background:#241C12;color:#FFF8EE;border-radius:26px;padding:clamp(26px,3vw,36px)}
.dc-legal-section .dc-legal-contact p,
.dc-legal-section .dc-legal-contact ul,
.dc-legal-section .dc-legal-contact ol{font:300 15.5px/1.7 Outfit;color:rgba(255,248,238,.84);margin:0 0 16px;max-width:60ch}
.dc-legal--terms .dc-legal-section .dc-legal-contact p{margin-bottom:18px}
.dc-legal-section .dc-legal-contact > :last-child{margin-bottom:0}
.dc-legal .dc-legal-contact a{display:table;margin-top:16px;background:#EFA63C;color:#241C12;font:700 15px Outfit;padding:15px 28px;border-radius:999px}
.dc-legal .dc-legal-contact a:hover{background:#FFF8EE;color:#241C12}
.dc-legal .dc-legal-contact .dc-legal-cta a{display:inline-block;margin-top:0}