/* MCP consent page (BOT-MCP M2). Lexa: Manrope + Vazirmatn, brand light. */
@font-face { font-family: "Manrope"; src: url("/static/fonts/manrope-wght.woff2") format("woff2-variations"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("/static/fonts/vazirmatn-wght.woff2") format("woff2-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "BrandMono"; src: url("/static/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations"); font-weight: 100 800; font-display: swap; }
:root { --ink: #141B2D; --muted: #5A6378; --line: #D9DEE8; --cta: #3BE6A0; --cta-ink: #141B2D; --bg: #F5F7FA; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--ink); display: flex; align-items: center; justify-content: center; padding: 16px; line-height: 1.6; }
.card { background: #fff; border: 1px solid var(--line); border-radius: 16px; max-width: 460px; width: 100%; padding: 24px; }
h1 { font-size: 1.25rem; margin: 0 0 8px; }
p { color: var(--muted); margin: 0 0 16px; }
fieldset { border: 0; padding: 0; margin: 0 0 16px; }
legend { font-weight: 700; margin-bottom: 8px; }
.opt { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px; cursor: pointer; }
.opt small { display: block; color: var(--muted); }
.cap { display: block; margin-bottom: 16px; }
.cap input { width: 100%; margin-top: 6px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; font: inherit; }
.cta { display: block; width: 100%; text-align: center; padding: 12px; border: 0; border-radius: 12px; background: var(--cta); color: var(--cta-ink); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; min-height: 44px; }
.cta:focus-visible, .opt:focus-within, .deny:focus-visible { outline: 3px solid #178F62; outline-offset: 2px; }
.deny { display: block; width: 100%; text-align: center; margin-top: 12px; color: var(--muted); background: none; border: 0; font: inherit; text-decoration: underline; cursor: pointer; min-height: 44px; }
.num { font-size: 3rem; font-weight: 800; text-align: center; letter-spacing: .1em; color: var(--ink); margin: 8px 0 16px; }
/* Guide page at / (landing.py) */
h2 { font-size: 1rem; margin: 20px 0 8px; }
ol, ul { color: var(--muted); margin: 0 0 12px; padding-inline-start: 20px; }
.copy { display: flex; gap: 8px; align-items: stretch; margin: 0 0 12px; }
.copy code { flex: 1; direction: ltr; text-align: left; unicode-bidi: plaintext; background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 10px; font-size: .85rem; word-break: break-all; white-space: pre-wrap; }
.cbtn { border: 1px solid var(--line); background: #fff; color: var(--ink); border-radius: 10px; padding: 0 14px; font: inherit; font-weight: 700; cursor: pointer; min-height: 44px; }
.cbtn:focus-visible { outline: 3px solid #178F62; outline-offset: 2px; }
.copy code.prose { direction: inherit; text-align: start; font-family: inherit; font-size: .95rem; word-break: normal; overflow-wrap: anywhere; }
[dir=rtl] ol { list-style-type: persian; }
/* Form controls and code do not inherit the page font by default (UA styles). */
button, input, textarea, select, code, pre { font-family: inherit; }
/* Monospace only for the one-line terminal command. */
.copy code#c { font-family: "BrandMono", ui-monospace, monospace; }