/* AI Mastery theme of the Árnyék-AI questionnaire (Zoltán TG 70454,
   2026-11-06, card from Lead msg 95498). Loaded after style.css, only when
   the instance runs with ARNYEK_TEMA=aimastery (lib/html.js). Palette, type
   and button shape from the AI Mastery B page
   (services/aimastery-audit/app/b/b.css, Kai 2026-10-19); the B page's
   contrast measurements hold here too: ink on yellow 13.9:1, white on red
   #d7141f 5.2:1, red on paper 4.8:1. Only the look changes: questions,
   answers, scoring, data handling, routes and field names are untouched.
   Fonts are served from this host (/betuk-aim/), no external font host. */

@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/betuk-aim/archivo-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/betuk-aim/archivo-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/betuk-aim/archivo-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/betuk-aim/archivo-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--ink: #111111;
	--halvany: #4a4a4a;
	/* --vonal stays light: the report charts draw their empty tracks and the
	   unanswered segments with it (Codex P2 on d553461d5d). */
	--vonal: #d7dae0;
	--lap: #ffffff;
	--jelzo: #d7141f;
	--aim-sarga: #ffd60a;
	--aim-piros: #d7141f;
	--aim-piros-2: #b30f19;
	--aim-pink: #ff2d87;
}

body {
	background-color: var(--lap);
	background-image: radial-gradient(circle, rgb(215 20 31 / 0.10) 0 1.6px, transparent 2px);
	background-size: 16px 16px;
	font-family: "Archivo", ui-sans-serif, system-ui, sans-serif;
}

/* Header: the B page's yellow strip with the black logo badge. */
.uzem {
	background: var(--aim-sarga);
	border: 4px solid var(--ink);
	box-shadow: 6px 6px 0 var(--ink);
	padding: 0.55rem 0.8rem;
	margin: 0 0 1.2rem;
	color: var(--ink);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	flex-wrap: wrap;
}
.uzem span { border-left: 3px solid var(--ink); }
.kk-logo.aim-logo {
	width: 158px;
	height: auto;
	/* The dark plate is a box-shadow ring, not padding (card a72d4edc): with padding the img box
	   is 179x49 against the 158x28 artwork and the lap-atvetel ratio check reads it as a 35%
	   distortion. Same look: 8px ink ring, pink offset shadow, margin keeps the old spacing. */
	margin: 8px;
	background: var(--ink);
	box-shadow: 0 0 0 8px var(--ink), 4px 4px 0 8px var(--aim-pink);
	transform: rotate(-2deg);
}

h1 {
	font-weight: 900;
	font-stretch: 105%;
	letter-spacing: -0.015em;
}
/* The heavier Archivo broke "AI-t" at its hyphen on 390 px ("AI-" / "t a
   cégedben?"). Measured 2026-11-06 at every 10 px from 320 to 430: with this
   size the word stays whole at all twelve widths; text-wrap: balance broke it
   at 320 and 330. */
@media (max-width: 520px) {
	h1 { font-size: clamp(1.5rem, 7.4vw, 2.6rem); }
}
h2 { border-bottom: 4px solid var(--ink); font-weight: 900; text-transform: uppercase; }
.fejlec { border-bottom: 5px solid var(--ink); }
.bevezeto, .halvany { color: var(--halvany); }

/* Fields: thick ink frame, like the B page panels. */
.urlap input[type="text"],
.urlap input[type="number"],
.urlap input[type="email"],
.urlap textarea,
.urlap select {
	border: 3px solid var(--ink);
	border-radius: 10px;
	background: var(--lap);
}
.urlap input:focus-visible,
.urlap textarea:focus-visible,
.urlap select:focus-visible { outline: 4px solid var(--aim-pink); outline-offset: 2px; }

/* Buttons: the B page's .pop-gomb--fo, also on the button-like links. */
button, .nagy-gomb, .foglalo-gomb {
	background: var(--aim-piros);
	color: #ffffff;
	border: 4px solid var(--ink);
	border-radius: 14px;
	box-shadow: 6px 6px 0 var(--ink);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	min-height: 52px;
	padding: 0.55em 1.3em;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
button:hover, .nagy-gomb:hover, .nagy-gomb:focus, .foglalo-gomb:hover {
	background: var(--aim-piros-2); color: #ffffff; opacity: 1;
	transform: translate(-2px, -2px); box-shadow: 9px 9px 0 var(--ink);
}
button:active, .nagy-gomb:active, .foglalo-gomb:active { transform: translate(4px, 4px); box-shadow: 2px 2px 0 var(--ink); }
button:focus-visible, .nagy-gomb:focus-visible, .foglalo-gomb:focus-visible { outline: 4px solid var(--ink); outline-offset: 4px; }
.nagy-gomb, .foglalo-gomb { display: inline-block; text-decoration: none; }

a { color: var(--ink); text-decoration-thickness: 2px; }
/* Text links only: the button-like links keep white on red (Codex P2 on d553461d5d). */
a:not(.nagy-gomb):not(.foglalo-gomb):hover { color: var(--aim-piros); }

@media (prefers-reduced-motion: reduce) {
	button, button:hover, button:active,
	.nagy-gomb, .nagy-gomb:hover, .nagy-gomb:active,
	.foglalo-gomb, .foglalo-gomb:hover, .foglalo-gomb:active { transition: none; transform: none; }
}