/* The assessment's own controls, on top of site.css (loaded by consultation.html and assessment.html only). */
.a-link{align-self:flex-start;background:none;border:0;padding:0;font:600 14px/1.4 var(--sans);color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.a-link:hover{color:var(--blue-700)}
.a-sub{display:flex;flex-direction:column;gap:12px;background:var(--tint-faint);border-radius:12px;padding:14px 16px}

.a-line{background:#EFEFFF;border-radius:10px;padding:12px 15px;font-size:15px;line-height:1.55;color:var(--ink)}
.a-stop{background:var(--buganvilla-100);border-radius:12px;padding:13px 16px;font-size:15px;line-height:1.55;color:var(--ink)}
.a-stop .a-link{display:inline;font-size:15px}
.a-warn{font-size:13px;line-height:1.45;color:var(--naranja-600)}
.field .consent{font-weight:400;letter-spacing:0}
.chips.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.chips.one{grid-template-columns:minmax(0,1fr)}
@media(max-width:560px){.chips.two{grid-template-columns:minmax(0,1fr)}}
button#a-next:disabled{opacity:.45;cursor:not-allowed}
/* choices are read as answers, not as field labels; and the grid never centres a last chip on its own */
.field label.chip{font-size:15px;font-weight:400;letter-spacing:0;color:var(--ink)}
.chips label.chip span[data-voice],.chips label.chip span[data-svoice]{color:inherit;font-size:inherit;line-height:inherit}
.chips.one>:last-child,.chips.two>:last-child{grid-column:auto;justify-self:stretch;width:auto}
.a-nav{flex-wrap:wrap}
/* the last step's "Check your answers": compact, closed until opened */
.a-review{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.a-review summary{cursor:pointer;font:600 15px/1.4 var(--sans);color:var(--ink)}
.a-review dl{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr) auto;gap:8px 12px;margin:12px 0 2px;font-size:14px;line-height:1.45}
.a-review dt{color:var(--mute)}
.a-review dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}
@media(max-width:560px){.a-review dl{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.a-review dt{grid-column:1 / -1;margin-top:8px}}

/* assessment?form: the form on its own (assessment.js) */
.form-only .skip, .form-only .nav-toggle, .form-only .nav-links, .form-only .nav-search, .form-only main > .hero, .form-only .site-footer { display: none !important; }
.form-only main > .on-cream { min-height: 100vh; }
.a-intro { text-align: center; margin: 0 0 clamp(26px, 4vw, 40px); }
.a-intro h1 { font-size: clamp(28px, 4.4vw, 40px); margin: 8px 0 12px; }
.a-intro p { max-width: 560px; margin: 0 auto; color: var(--mute); }
.a-foot { background: #fff; border-top: 1px solid rgba(14,16,32,.08); padding: 28px 20px 34px; text-align: center; font-size: 14px; color: var(--mute); }
.a-foot[hidden] { display: none; }
.a-foot p { margin: 0 auto; max-width: 560px; }
.a-foot-trust { line-height: 1.6; }
.a-foot-social { display: flex; justify-content: center; gap: 18px; margin: 18px 0 14px; }
.a-foot-social a { color: var(--blue); display: inline-flex; }
.a-foot-social svg { width: 22px; height: 22px; }
.a-foot-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; }
.a-foot-links a { color: var(--blue); text-decoration: none; }
.a-foot-links a:hover { text-decoration: underline; }
.a-foot-legal { margin-top: 8px !important; font-size: 13px; }
.a-foot-copy { margin-top: 12px !important; font-size: 13px; }
.form-only main > .on-cream { min-height: 0; }