/* Tooling page */
/* Disclaimer dialog: covers the page until accepted */
html.tl-locked{overflow:hidden}
.tl-gate{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,42,61,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.tl-gate[hidden]{display:none}
.tl-card{width:100%;max-width:520px;box-sizing:border-box;background:#FFFFFF;border:1px solid #E8ECF0;border-top:3px solid #FFC32D;border-radius:12px;box-shadow:0 10px 32px rgba(26,63,89,.18);padding:32px 32px 28px;font-family:Lato,"Helvetica Neue",Arial,sans-serif;color:#1A3F59}
.tl-card h2{margin:0 0 12px;font-size:24px;line-height:1.25;font-weight:900;letter-spacing:-.01em}
.tl-card p{margin:0 0 24px;font-size:16px;line-height:1.6;color:#4E5D70}
.tl-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
/* both choices look the same, like the cookie banner */
.tl-btn{font:inherit;font-size:15px;font-weight:700;line-height:1.2;border-radius:6px;padding:10px 20px;min-width:140px;text-align:center;cursor:pointer;background:#FFFFFF;border:1px solid #1A3F59;color:#1A3F59;text-decoration:none;box-sizing:border-box;transition:background-color .2s ease,color .2s ease}
.tl-btn:hover{background:#1A3F59;color:#FFFFFF}
.tl-btn:focus-visible{outline:2px solid #FFC32D;outline-offset:2px}
@media (max-width:760px){.tl-card{padding:24px 20px 20px}.tl-card h2{font-size:21px}.tl-actions{flex-direction:column}.tl-actions .tl-btn{width:100%}}
/* The tool fills the whole screen; its own top bar carries the "Go back home" link */
html:has(#tooling-home),html:has(#tooling-home) body{height:100%;overflow:hidden}
#tooling-home{position:fixed;inset:0}
#tooling-home .tl-frame{display:block;width:100%;height:100%;border:0}
.tl-card p+p{margin-top:-12px}
/* long disclaimer on small phones: the dialog scrolls instead of running off screen */
.tl-gate{overflow-y:auto;align-items:flex-start}
.tl-card{margin:auto 0}
.tl-card:focus{outline:none}
@media (max-width:760px){.tl-card p{font-size:15px;line-height:1.55}}
