/* S375 the under-18 popup (templates/profiles/_age_gate.html): the site's dialog.popup with a scrolling terms box. */
dialog.popup.age-gate { max-width: 560px; width: calc(100% - 32px); max-height: calc(100dvh - 32px); box-sizing: border-box;
  display: flex; flex-direction: column; }
dialog.popup.age-gate:not([open]) { display: none; }
dialog.popup.age-gate form { display: flex; flex-direction: column; gap: 12px; min-height: 0; }
.age-gate .ag-terms { max-height: 46dvh; overflow-y: auto; padding: 4px 12px 4px 2px; border-top: 1px solid var(--oa-sand);
  border-bottom: 1px solid var(--oa-sand); line-height: 1.55; overflow-wrap: anywhere; }
.age-gate .ag-terms ul { margin: 6px 0; padding-left: 1.2em; }
.age-gate .ag-terms li { margin: 8px 0; }
.age-gate .ag-scroll { margin: 0; color: var(--oa-stone); font-size: .9rem; }
.age-gate .ag-tick { display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 700; cursor: pointer; }
.age-gate .ag-tick input { width: 22px; height: 22px; }
.age-gate .ag-tick:has(input:disabled) { opacity: .55; cursor: not-allowed; }
.age-gate .ag-go { min-height: 48px; font-weight: 700; }
.age-gate .ag-go:disabled { opacity: .55; cursor: not-allowed; }
dialog.popup.age-gate::backdrop { background: rgba(28, 28, 28, .55); }
@media (max-width: 400px) { dialog.popup.age-gate { padding: 18px; } }