/* EAA Scope Checker.
   Scoped to .ftb-tool-eaa. Every value comes from a token (§4.2).

   Same rule as the contrast checker: this page sells compliance, so no state
   is carried by colour alone. The in-scope and carve-out statuses each get a
   worded label AND a left border AND a tint. Strip the colour and it reads.

   Status text uses --ftb-on-status where it sits on a solid status fill —
   NOT #fff. The status tokens lighten in dark mode, so white on them measures
   1.74:1. That was a live bug on the contrast checker, fixed 2026-08-23. */

.ftb-tool-eaa .ftb-eaa-group{border:1px solid var(--ftb-border);
	border-radius:var(--ftb-radius);padding:var(--ftb-space-4);
	margin:0 0 var(--ftb-space-5)}
.ftb-tool-eaa .ftb-eaa-group legend{padding:0 var(--ftb-space-2);
	font-weight:var(--ftb-fw-semi);color:var(--ftb-text)}

.ftb-tool-eaa .ftb-eaa-hint{margin:0 0 var(--ftb-space-3);
	font-size:var(--ftb-text-sm);color:var(--ftb-text-muted);
	line-height:var(--ftb-lh-snug)}

.ftb-tool-eaa .ftb-eaa-q{margin-bottom:var(--ftb-space-4)}
.ftb-tool-eaa .ftb-eaa-q:last-child{margin-bottom:0}
.ftb-tool-eaa .ftb-eaa-qlabel{display:block;margin-bottom:var(--ftb-space-2);
	font-weight:var(--ftb-fw-medium);line-height:var(--ftb-lh-snug)}

.ftb-tool-eaa .ftb-eaa-radios{display:flex;flex-wrap:wrap;gap:var(--ftb-space-3)}
.ftb-tool-eaa .ftb-eaa-radio{display:flex;align-items:center;gap:var(--ftb-space-2);
	min-height:var(--ftb-tap);padding:var(--ftb-space-1) var(--ftb-space-3);
	border:1px solid var(--ftb-border);border-radius:var(--ftb-radius);
	cursor:pointer;font-size:var(--ftb-text-sm)}
.ftb-tool-eaa .ftb-eaa-radio:hover{border-color:var(--ftb-border-strong)}

.ftb-tool-eaa .ftb-eaa-cats{display:grid;gap:var(--ftb-space-5)}
.ftb-tool-eaa .ftb-eaa-cath{margin:0 0 var(--ftb-space-3);
	font-size:var(--ftb-text-sm);font-weight:var(--ftb-fw-semi);
	text-transform:uppercase;letter-spacing:.04em;color:var(--ftb-text-muted)}

.ftb-tool-eaa .ftb-eaa-checks{display:grid;gap:var(--ftb-space-2)}
.ftb-tool-eaa .ftb-eaa-checks--row{grid-template-columns:1fr}
.ftb-tool-eaa .ftb-eaa-check{display:grid;grid-template-columns:auto 1fr;
	gap:var(--ftb-space-3);align-items:start;
	min-height:var(--ftb-tap);padding:var(--ftb-space-2) var(--ftb-space-3);
	border:1px solid var(--ftb-border);border-radius:var(--ftb-radius);
	cursor:pointer}
.ftb-tool-eaa .ftb-eaa-check:hover{border-color:var(--ftb-border-strong);
	background:var(--ftb-surface)}
.ftb-tool-eaa .ftb-eaa-check input{margin-top:3px}
.ftb-tool-eaa .ftb-eaa-checklabel{display:block;font-weight:var(--ftb-fw-medium);
	line-height:var(--ftb-lh-snug)}
.ftb-tool-eaa .ftb-eaa-checknote{display:block;margin-top:2px;
	font-size:var(--ftb-text-xs);color:var(--ftb-text-muted);
	line-height:var(--ftb-lh-snug)}

.ftb-tool-eaa .ftb-eaa-grid{display:grid;gap:var(--ftb-space-4)}

.ftb-tool-eaa .ftb-eaa-actions{display:flex;flex-wrap:wrap;
	gap:var(--ftb-space-2);margin-bottom:var(--ftb-space-6)}

.ftb-tool-eaa .ftb-eaa-outh{margin:0 0 var(--ftb-space-3);
	font-size:var(--ftb-text-lg)}

/* Result. min-height reserves space so the first render does not shift the
   page (§10, CLS < 0.05). */
.ftb-tool-eaa .ftb-eaa-result{min-height:18rem;padding:var(--ftb-space-4);
	border:1px solid var(--ftb-border);border-left:4px solid var(--ftb-border-strong);
	border-radius:var(--ftb-radius);background:var(--ftb-surface)}
.ftb-tool-eaa .ftb-eaa-result[data-tone="in"]{border-left-color:var(--ftb-warning)}
.ftb-tool-eaa .ftb-eaa-result[data-tone="mixed"]{border-left-color:var(--ftb-warning)}
.ftb-tool-eaa .ftb-eaa-result[data-tone="carveout"]{border-left-color:var(--ftb-success)}
.ftb-tool-eaa .ftb-eaa-result[data-tone="outside"]{border-left-color:var(--ftb-success)}
.ftb-tool-eaa .ftb-eaa-result[data-tone="incomplete"]{border-left-color:var(--ftb-border-strong)}

.ftb-tool-eaa .ftb-eaa-headline{margin:0 0 var(--ftb-space-2);
	font-size:var(--ftb-text-lg);font-weight:var(--ftb-fw-semi);
	line-height:var(--ftb-lh-snug);color:var(--ftb-text)}
.ftb-tool-eaa .ftb-eaa-detail{margin:0 0 var(--ftb-space-4);
	color:var(--ftb-text-muted);line-height:var(--ftb-lh-base)}

.ftb-tool-eaa .ftb-eaa-blockh,.ftb-tool-eaa .ftb-eaa-sideh{
	margin:var(--ftb-space-5) 0 var(--ftb-space-2);
	font-size:var(--ftb-text-sm);font-weight:var(--ftb-fw-semi);
	text-transform:uppercase;letter-spacing:.04em;color:var(--ftb-text-muted)}
.ftb-tool-eaa .ftb-eaa-sideh{margin-top:0}

.ftb-tool-eaa .ftb-eaa-list{margin:0;padding-left:var(--ftb-space-5);
	line-height:var(--ftb-lh-base)}
.ftb-tool-eaa .ftb-eaa-list li{margin-bottom:var(--ftb-space-2)}
.ftb-tool-eaa .ftb-eaa-list--warn li{color:var(--ftb-text)}

.ftb-tool-eaa .ftb-eaa-sides{display:grid;gap:var(--ftb-space-4);
	margin-top:var(--ftb-space-4)}
.ftb-tool-eaa .ftb-eaa-side{padding:var(--ftb-space-4);
	border:1px solid var(--ftb-border);border-radius:var(--ftb-radius);
	background:var(--ftb-bg)}

/* Worded badge + border + tint. Three signals, one of them colour. */
.ftb-tool-eaa .ftb-eaa-sidestatus{display:inline-block;margin:0 0 var(--ftb-space-2);
	padding:2px 10px;border-radius:var(--ftb-radius-full);
	font-size:var(--ftb-text-xs);font-weight:var(--ftb-fw-bold)}
.ftb-tool-eaa .ftb-eaa-sidestatus.is-in{background:var(--ftb-warning);
	color:var(--ftb-on-status)}
.ftb-tool-eaa .ftb-eaa-sidestatus.is-relief{background:var(--ftb-success);
	color:var(--ftb-on-status)}

.ftb-tool-eaa .ftb-eaa-sidecats{margin:0 0 var(--ftb-space-2);
	font-weight:var(--ftb-fw-medium);line-height:var(--ftb-lh-snug)}
.ftb-tool-eaa .ftb-eaa-siderole{margin:0 0 var(--ftb-space-3);
	font-size:var(--ftb-text-sm);color:var(--ftb-text-muted)}

.ftb-tool-eaa .ftb-eaa-dates{margin:0}
.ftb-tool-eaa .ftb-eaa-dates dt{font-weight:var(--ftb-fw-semi);
	font-variant-numeric:tabular-nums;margin-top:var(--ftb-space-3)}
.ftb-tool-eaa .ftb-eaa-dates dd{margin:2px 0 0;color:var(--ftb-text-muted);
	line-height:var(--ftb-lh-base)}

.ftb-tool-eaa .ftb-eaa-cites{margin:0;padding-left:var(--ftb-space-5);
	font-size:var(--ftb-text-sm);line-height:var(--ftb-lh-base)}
.ftb-tool-eaa .ftb-eaa-cites li{margin-bottom:var(--ftb-space-1);
	color:var(--ftb-text-muted)}
.ftb-tool-eaa .ftb-eaa-cites code{font-family:var(--ftb-mono);
	font-size:var(--ftb-text-xs);color:var(--ftb-text);
	overflow-wrap:anywhere}

@media (min-width:768px){
	.ftb-tool-eaa .ftb-eaa-cats{grid-template-columns:1fr 1fr;gap:var(--ftb-space-6)}
	.ftb-tool-eaa .ftb-eaa-grid{grid-template-columns:1fr 1fr}
	.ftb-tool-eaa .ftb-eaa-checks--row{grid-template-columns:1fr 1fr}
	.ftb-tool-eaa .ftb-eaa-sides{grid-template-columns:1fr 1fr}
}

/* Lead caveat, shown ABOVE the headline. The full disclaimer still sits at the
   foot of the result, but it was ~86% of the way down the output — too late to
   frame anything. Added 2026-08-23 during the §15 audit. */
.ftb-tool-eaa .ftb-eaa-lead{margin:0 0 var(--ftb-space-3);
	padding-bottom:var(--ftb-space-3);border-bottom:1px solid var(--ftb-border);
	font-size:var(--ftb-text-sm);color:var(--ftb-text-muted);
	line-height:var(--ftb-lh-snug)}
.ftb-tool-eaa .ftb-eaa-source{margin:var(--ftb-space-3) 0 0;
	font-size:var(--ftb-text-sm)}
.ftb-tool-eaa .ftb-eaa-source a{color:var(--ftb-primary)}