/* The Group 4 age checker (tnpsc-group-4-age-limit.html). Palette tokens only. */
.ac{margin-top:38px;padding:22px 20px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:var(--page);}
.ac h2{margin-top:0;}
.ac-form{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ac-form[hidden]{display:none;}
.ac-field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink-2);}
.ac-field input,.ac-field select{
  width:100%;min-height:44px;padding:8px 10px;border-radius:var(--r-sm);
  border:1px solid var(--line-2);background:var(--page);color:var(--ink);font:inherit;font-size:16px;
}
.ac-field input:focus-visible,.ac-field select:focus-visible,.ac-tick input:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px;}
.ac-tick{grid-column:1 / -1;display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink-2);}
.ac-tick input{width:20px;height:20px;margin-top:2px;flex:none;}
.ac-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;}
.ac-out{grid-column:1 / -1;}
.ac-out.is-shown,.ac-out.is-error{padding:14px 16px;border-radius:var(--r-md);}
.ac-out.is-yes{background:var(--blue-tint);border:1px solid var(--blue-line);}
.ac-out.is-no,.ac-out.is-error{background:var(--amber-bg);border:1px solid var(--amber-line);}
.ac-out p{margin-top:6px;font-size:15px;}
.ac-out p:first-child{margin-top:0;}
.ac-note{font-size:14px!important;color:var(--ink-3)!important;}

@media (max-width:640px){
  .ac{padding:18px 14px;}
  .ac-form{grid-template-columns:1fr;}
}