.et-page-section:has(.et-legal-grid) { background: linear-gradient(180deg, #f8fafc 0%, #fff 38%, #f8fafc 100%); }
.et-legal-grid { display: grid; grid-template-columns: minmax(0, 820px) minmax(280px, 320px); justify-content: center; align-items: start; gap: 32px; }
.et-legal-grid > * { min-width: 0; }
.et-prose.et-legal-document { padding: clamp(28px, 4vw, 52px); color: #334155; background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; box-shadow: 0 18px 55px rgba(15, 35, 68, .07); font-size: 16px; line-height: 1.82; }
.et-prose.et-legal-document > p, .et-prose.et-legal-document > ul, .et-prose.et-legal-document > ol { max-width: 74ch; }
.et-prose.et-legal-document p { margin: 0 0 18px; }
.et-prose.et-legal-document ul, .et-prose.et-legal-document ol { margin: 0 0 22px; }
.et-prose.et-legal-document h2 { position: relative; margin: 42px 0 16px; padding: 18px 0 0 18px; border-top: 1px solid #e2e8f0; color: #0f2340; font-size: clamp(21px, 2vw, 25px); line-height: 1.3; letter-spacing: -.025em; scroll-margin-top: 110px; }
.et-prose.et-legal-document h2::before { content: ""; position: absolute; left: 0; top: 22px; width: 5px; height: 23px; border-radius: 999px; background: var(--et-accent); }
.et-prose.et-legal-document h2:first-of-type { margin-top: 24px; }
.et-prose.et-legal-document h3 { margin: 25px 0 10px; color: #1e293b; font-size: 18px; }
.et-prose.et-legal-document strong { color: #172033; }
.et-prose.et-legal-document a { font-weight: 700; }
.et-legal-toc { margin: 0 0 30px; padding: 18px; border: 1px solid #dbe4f0; border-radius: 16px; background: #f8fafc; }
.et-legal-toc > strong { display: block; margin-bottom: 11px; color: #64748b !important; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.et-legal-toc-links { display: flex; flex-wrap: wrap; gap: 7px; max-height: 142px; overflow: auto; padding-right: 4px; }
.et-prose.et-legal-document .et-legal-toc a { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 10px; border: 1px solid #e2e8f0; border-radius: 9px; color: #334155; background: #fff; font-size: 11.5px; line-height: 1.3; text-decoration: none; }
.et-prose.et-legal-document .et-legal-toc a:hover, .et-prose.et-legal-document .et-legal-toc a:focus-visible { border-color: var(--et-accent); color: #b93820; outline: 0; }
.et-legal-table-wrap { max-width: 100%; border-radius: 14px; }
.et-side-card.et-legal-nav { position: sticky; top: 92px; padding: 24px; color: #172033; background: #fff; border: 1px solid #e2e8f0; border-top: 4px solid var(--et-accent); border-radius: 20px; box-shadow: 0 16px 42px rgba(15, 35, 68, .08); }
.et-side-card.et-legal-nav > small { color: #d9482b; font-size: 10px; }
.et-side-card.et-legal-nav > h2 { margin: 7px 0 5px; color: #0f2340; font-size: 24px; }
.et-side-card.et-legal-nav > p { margin: 0; color: #64748b; font-size: 12.5px; line-height: 1.6; }
.et-side-card.et-legal-nav nav { margin-top: 18px; }
.et-legal-group + .et-legal-group { margin-top: 18px; }
.et-legal-group-title { display: block; margin: 0 0 7px; color: #94a3b8; font-size: 9.5px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.et-side-card.et-legal-nav .et-legal-link { display: grid; grid-template-columns: 30px minmax(0, 1fr) 14px; align-items: center; gap: 9px; margin: 0 0 7px; padding: 10px 11px; border: 1px solid #e2e8f0; border-radius: 11px; color: #334155; background: #f8fafc; font-size: 11.5px; font-weight: 750; line-height: 1.35; text-decoration: none; }
.et-side-card.et-legal-nav .et-legal-link > i:first-child { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #64748b; background: #fff; }
.et-side-card.et-legal-nav .et-legal-link .fa-chevron-right { color: #cbd5e1; font-size: 9px; }
.et-side-card.et-legal-nav .et-legal-link:hover { border-color: #fdba74; color: #172033; transform: translateX(2px); }
.et-side-card.et-legal-nav .et-legal-link.is-active { border-color: #ffb39f; color: #7c2d12; background: #fff4f0; box-shadow: inset 3px 0 0 var(--et-accent); }
.et-side-card.et-legal-nav .et-legal-link.is-active > i:first-child { color: #fff; background: var(--et-accent); }
.et-side-card.et-legal-nav .et-legal-link[aria-current="page"] .fa-chevron-right { color: var(--et-accent); }
.et-side-card.et-legal-nav .et-legal-version { color: #94a3b8 !important; }
.et-legal-document.reveal, .et-legal-nav.reveal { opacity: 1; transform: none; transition: none; }
@media (max-width: 980px) { .et-legal-grid { grid-template-columns: minmax(0, 1fr); } .et-side-card.et-legal-nav { position: static; order: -1; } .et-side-card.et-legal-nav > h2 { font-size: 20px; } .et-side-card.et-legal-nav > p:not(.et-legal-version), .et-legal-group-title, .et-side-card.et-legal-nav .et-legal-link .fa-chevron-right { display: none; } .et-side-card.et-legal-nav nav { display: flex; flex-direction: row; gap: 8px; margin-top: 12px; padding-bottom: 6px; overflow-x: auto; } .et-legal-group { display: contents; } .et-legal-group + .et-legal-group { margin-top: 0; } .et-side-card.et-legal-nav .et-legal-link { flex: 0 0 auto; grid-template-columns: 30px auto; margin: 0; white-space: nowrap; } .et-side-card.et-legal-nav .et-legal-version { margin-top: 8px !important; padding-top: 10px; } }
@media (max-width: 640px) { .et-page-section:has(.et-legal-grid) { padding-top: 22px; } .et-legal-grid { gap: 18px; } .et-prose.et-legal-document { padding: 22px 18px; border-radius: 18px; font-size: 15px; line-height: 1.75; } .et-prose.et-legal-document h2 { margin-top: 34px; padding-left: 14px; font-size: 20px; } .et-side-card.et-legal-nav { padding: 19px 16px; border-radius: 16px; } .et-legal-toc { margin-bottom: 22px; padding: 14px; } .et-legal-toc-links { flex-wrap: nowrap; max-height: none; overflow-x: auto; } .et-prose.et-legal-document .et-legal-toc a { flex: 0 0 auto; max-width: 220px; } .et-legal-table { min-width: 560px; } }
.et-doc-modal { position: fixed; inset: 0; z-index: 1300; display: grid; place-items: center; padding: 20px; background: rgba(15, 23, 42, .62); }
.et-doc-modal[hidden] { display: none; }
.et-doc-modal-panel { display: flex; flex-direction: column; width: min(860px, 100%); max-height: min(88vh, 900px); overflow: hidden; background: #fff; border-top: 4px solid var(--et-accent); border-radius: 20px; box-shadow: 0 30px 90px rgba(15, 23, 42, .35); }
.et-doc-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 14px 14px 26px; border-bottom: 1px solid #e2e8f0; }
.et-doc-modal-title { margin: 0; color: #0f2340; font-size: 18px; line-height: 1.3; }
.et-doc-modal-close { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 10px; color: #475569; background: #f1f5f9; font-size: 17px; cursor: pointer; }
.et-doc-modal-close:hover, .et-doc-modal-close:focus-visible { color: #0f172a; background: #e2e8f0; outline: 0; }
.et-doc-modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 6px 26px 26px; }
.et-doc-modal-state { margin: 0; padding: 40px 0; color: #64748b; text-align: center; }
.et-doc-modal .et-prose.et-legal-document { padding: 0; color: #334155; background: transparent; border: 0; border-radius: 0; box-shadow: none; font-size: 15px; line-height: 1.75; }
.et-doc-modal .et-prose.et-legal-document h2:first-of-type { margin-top: 18px; }
html.et-doc-modal-open { overflow: hidden; }
.et-plan li.et-plan-note { opacity: .75; }
.et-plan li.et-plan-note i { color: #94a3b8; }
@media (max-width: 640px) { .et-doc-modal { padding: 10px; } .et-doc-modal-panel { max-height: 92vh; border-radius: 16px; } .et-doc-modal-head { padding-left: 18px; } .et-doc-modal-body { padding: 4px 18px 22px; } }