/* Terms and Conditions pop-up after sign-in (terms-gate.js). The switch reuses
   .reg-terms from office-heads.css. */
.tg-dialog{position:fixed;inset:0;margin:auto;height:fit-content;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--slate);box-shadow:0 24px 64px rgba(0,0,0,.35);display:none;flex-direction:column;overflow:hidden}
.tg-dialog[open]{display:flex}
.tg-dialog::backdrop{background:rgba(10,18,32,.6)}
.tg-head{padding:18px 22px 12px;border-bottom:1px solid var(--border)}
.tg-head h2{margin:0;font-size:20px;color:var(--slate)}
.tg-head p{margin:4px 0 0;font-size:13.5px;color:var(--muted)}
.tg-body{flex:1 1 auto;min-height:120px;overflow-y:auto;padding:14px 22px;font-size:14px;line-height:1.6}
.tg-body:focus{outline:none}
.tg-body:focus-visible{box-shadow:inset 0 0 0 2px var(--blue-lt)}
.tg-body .t-summary{margin:0 0 14px;padding:12px 16px;border-radius:12px;background:var(--blue-lt)}
.tg-body h2{margin:16px 0 6px;font-size:16px;color:var(--slate)}
.tg-body .t-summary h2{margin-top:0}
.tg-body h3{margin:12px 0 4px;font-size:14px}
.tg-body section{border-top:1px solid var(--border)}
.tg-body section:first-child{border-top:0}
.tg-body ol,.tg-body ul{padding-left:22px}
.tg-body li{margin:3px 0}
.tg-body dt{font-weight:700;margin-top:6px}
.tg-body dd{margin:0}
.tg-body p,.tg-body li,.tg-body dd{overflow-wrap:anywhere}
.tg-body a,.tg-foot a{color:var(--blue)}
.tg-loading{color:var(--muted)}
.tg-foot{padding:14px 22px 18px;border-top:1px solid var(--border)}
.tg-agree{margin-bottom:8px}
.tg-error{min-height:1em;margin:0 0 8px;color:var(--red);font-size:13px}
.tg-error:empty{display:none}
.tg-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
@media (max-width:520px){.tg-actions .btn{flex:1 1 auto}.tg-head,.tg-body,.tg-foot{padding-left:16px;padding-right:16px}}