.content-pilot { --pilot-ink: #163851; --pilot-blue: #164f78; --pilot-line: #cad8e2; color: var(--pilot-ink); }
.content-pilot [hidden] { display: none !important; }
.content-pilot .pilot-prompt, .content-pilot .pilot-paper { background: #fff; border: 1px solid var(--pilot-line); border-radius: 12px; padding: clamp(18px, 3vw, 30px); margin: 20px 0; }
.content-pilot .pilot-prompt { background: #edf4f8; }
.content-pilot .pilot-paper { max-width: 78ch; line-height: 1.8; }
.content-pilot .pilot-paper p + p { margin-top: 1em; }
.content-pilot .pilot-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.content-pilot button { min-height: 44px; padding: 10px 18px; font: inherit; font-weight: 600; cursor: pointer; border: 1px solid var(--pilot-blue); border-radius: 8px; background: #fff; color: var(--pilot-blue); }
.content-pilot button[aria-pressed="true"], .content-pilot .pilot-check { background: var(--pilot-blue); color: #fff; }
.content-pilot button:disabled { background: #e6edf2; border-color: var(--pilot-line); color: #5b6f7e; cursor: not-allowed; }
.content-pilot :is(button, input, summary, a):focus-visible { outline: 3px solid #086cb7; outline-offset: 4px; }
.content-pilot details { border-bottom: 1px solid var(--pilot-line); padding: 14px 0; }
.content-pilot summary { cursor: pointer; font-weight: 650; min-height: 30px; padding: 7px 0; }
.content-pilot details p, .content-pilot details ol { margin-top: 12px; }
.content-pilot .pilot-note { font-size: .94rem; color: #3c5365; line-height: 1.6; }
.content-pilot .pilot-label { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--pilot-blue); }
.content-pilot fieldset { min-width: 0; border: 0; padding: 0; margin: 20px 0; }
.content-pilot legend { font-weight: 700; font-size: 1.1rem; margin-bottom: 14px; }
.content-pilot .pilot-option { display: flex; align-items: flex-start; gap: 12px; background: #fff; border: 1px solid var(--pilot-line); border-radius: 8px; padding: 14px; margin: 8px 0; cursor: pointer; min-height: 48px; }
.content-pilot .pilot-option:has(input:checked) { border-color: var(--pilot-blue); background: #edf4f8; }
.content-pilot input { margin-top: 5px; accent-color: var(--pilot-blue); flex: 0 0 auto; }
.content-pilot .pilot-result { font-weight: 700; min-height: 1.8em; }
.content-pilot .pilot-result[data-outcome="correct"] { color: #176338; }
.content-pilot .pilot-result[data-outcome="incorrect"] { color: #9a361e; }
.content-pilot .pilot-reasons li { margin: 12px 0; line-height: 1.65; }
.content-pilot blockquote { margin: 16px 0; padding: 16px 22px; background: #edf4f8; border-radius: 8px; }
.content-pilot .pilot-slot { overflow-wrap: anywhere; }
@media (max-width: 600px) { .content-pilot .pilot-controls button { flex: 1 1 auto; } }