/* Ticket Expiration Checker (CALC builder) */
.tt-out{scroll-margin-top:80px}
.tt-exp-result h2{margin:6px 0 14px}
.tt-status{display:inline-block;padding:4px 12px;border-radius:2px;font:700 clamp(17px,2vw,21px)/1.3 var(--display,sans-serif)}
.tt-status-valid,.tt-status-future{background:rgba(120,200,140,.14);color:var(--text,#ebeff6);border:1px solid rgba(120,200,140,.45)}
.tt-status-soon,.tt-status-today{background:var(--amber,#ffbf3c);color:#14110a}
.tt-status-expired{background:rgba(255,68,56,.14);color:var(--text,#ebeff6);border:1px solid var(--live,#ff4438)}
.tt-exp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}
.tt-exp-grid>div{padding:14px 16px;background:var(--slate,#131a26);border:1px solid var(--line,rgba(190,205,230,.14));border-radius:2px;min-width:0}
.tt-k{display:block;font:700 12px/1.2 var(--display,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#a2acbe)}
.tt-s{display:block;margin-top:6px;font-size:14px;color:var(--muted,#a2acbe)}
.tt-big-2{color:var(--text,#ebeff6)}
.tt-sentence{font-size:17px;color:var(--soft,#c7cfdc);max-width:70ch}
.tt-note{margin-top:10px;font-size:15px;color:var(--soft,#c7cfdc);max-width:75ch}
.tt-src{margin-top:12px;font-size:14px;color:var(--soft,#c7cfdc)}
.tt-muted{color:var(--muted,#a2acbe);font-size:14px}
.tt-code{text-decoration:none;font:700 13px/1 var(--display,sans-serif);color:var(--amber-2,#ffd67a);margin-left:4px}
.tt-flag.tt-conf-ver{border-color:rgba(120,200,140,.45)}
.tt-flag.tt-conf-sec{border-color:rgba(255,191,60,.45)}
.tt-flag.tt-conf-unv{border-color:rgba(255,68,56,.5)}
.tt-sec{margin-top:36px}
.tt-sec h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:12px}
.tt-sec .tt-table th[scope=row]{font:600 15px/1.3 var(--body,sans-serif);letter-spacing:0;text-transform:none;color:var(--text,#ebeff6)}
.tt-copy ol{padding-left:1.2em;color:var(--soft,#c7cfdc)}
.tt-copy li+li{margin-top:6px}
.tt-loading{opacity:.55}
.tt-exp-result .btn{margin-top:12px}

/* keep wide tables inside their scroll wrappers at 390px */
.tt-tool{grid-template-columns:minmax(0,1fr)}
.tt-tool>*{min-width:0;max-width:100%}