/* Scoped to tool screens; the rest of the TEFFRAS website keeps its design. */
html .tool-page{--c-bg:#f2f2f7;--c-surface:#fff;--c-ink:#1c1c1e;--c-muted:#686870;--c-line:#dedee4;background:var(--c-bg);color:var(--c-ink)}
html[data-theme="dark"] .tool-page{--c-bg:#111113;--c-surface:#1c1c1e;--c-ink:#f5f5f7;--c-muted:#a1a1aa;--c-line:#38383c;background:var(--c-bg)}
html .tool-page .capabilities-page-bar{background:color-mix(in srgb,var(--c-bg) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0;min-height:80px;gap:12px}
html .tool-page .capabilities-page-bar>.container{gap:12px}
html .tool-page .capabilities-back.tool-home{border-radius:50%;background:var(--c-surface);border:1px solid var(--c-line);height:44px;width:44px;padding:11px}
html .tool-page .tool-home img{width:21px;height:21px;flex-basis:21px}
html .tool-page .capabilities-page-head{max-width:1080px;margin:34px auto 28px;text-align:start}
html .tool-page .capabilities-page-head h1{font-size:clamp(27px,3.5vw,40px);line-height:1.25;letter-spacing:-.045em;font-weight:700;color:var(--c-ink)}
html .tool-page .capabilities-page-head p{font-size:15px;line-height:1.7;color:var(--c-muted);margin:12px 0 0;max-width:670px}
html .tool-frame-wrap{max-width:1080px;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
html .tool-page .lang-btn{background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line);border-radius:100px;font-size:13px;min-height:40px}
html .tool-page .theme-toggle{border-color:var(--c-line)}
@media(max-width:600px){html .tool-page .capabilities-page-bar{min-height:68px}html .tool-page .capabilities-page-head{margin:20px 0 24px}html .tool-page .capabilities-page-head h1{font-size:28px}html .tool-page .capabilities-page-head p{font-size:13px}html .tool-page>.container{width:calc(100% - 28px)}}
html .tool-page .lang-btn{box-shadow:0 1px 4px #00000005}
