/* Hallmark · genre: editorial (inherits ai-governance.v1.css cream tokens) · macrostructure: Long Document, tools section after the standard · no new colours */
/* Tier picker and Answerable Test on the Answerable AI page. Uses the page's own cream tokens. */
.ag .vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ag-tools { max-width: var(--measure, 64ch); margin: 4rem auto 3rem; padding-inline: var(--space-pad, 2rem); }
.ag-tools h2 { margin: 0 0 .5rem; }
.ag-note, .ag-hint { color: var(--color-muted); font-size: .9375rem; }
.ag-tool { margin-top: 2.5rem; padding-top: 1.5rem; border-top: var(--rule-mid, 2px) solid var(--color-ink); }
.ag-tools h3 { margin-block: 0 .5rem; }
.ag-form { display: grid; gap: 1rem; margin-top: 1rem; }
.ag-form p { margin: 0; }
.ag-form fieldset { margin: 0; padding: .75rem 1rem 1rem; border: 1px solid var(--color-rule); }
.ag-form legend { padding-inline: .4rem; font-weight: 600; }
.ag-form fieldset label { display: flex; gap: .6rem; align-items: baseline; padding-block: .35rem; min-height: 44px; }
.ag-form fieldset input { accent-color: var(--color-ink); width: 1.1rem; height: 1.1rem; flex: none; }
.ag-form p > label { display: block; font-weight: 600; margin-bottom: .35rem; }
.ag-form textarea, .ag-form input[type="text"] { width: 100%; font: inherit; padding: .6rem .7rem; background: transparent; color: var(--color-ink); border: 1px solid var(--color-ink); border-radius: 0; }
.ag-form input:focus-visible, .ag-form textarea:focus-visible, .ag-form button:focus-visible { outline: 3px solid var(--color-focus, var(--color-ink)); outline-offset: 2px; }
.ag-form button { min-height: 48px; padding: 0 1.5rem; font: 700 .875rem/1 var(--font-meta, monospace); letter-spacing: .04em; text-transform: uppercase; background: var(--color-ink); color: var(--color-paper); border: 2px solid var(--color-ink); border-radius: 0; cursor: pointer; }
.ag-form button:hover { background: transparent; color: var(--color-ink); }
.ag-result { margin-top: 1rem; }
.ag-result:empty { display: none; }
.ag-result p { margin: 0 0 .5rem; }
.ag-tier { font-size: 1.5rem; font-weight: 600; font-variation-settings: "wdth" 82; }
#clock-sheet { display: none; }
@media print {
  body.ag-printing > *:not(main), body.ag-printing main > *:not(.ag-tools), body.ag-printing .ag-tools > *:not(#clock-sheet) { display: none !important; }
  body.ag-printing .ag-tools { margin: 0; padding: 0; max-width: none; }
  body.ag-printing #clock-sheet { display: block; }
  body.ag-printing::before { display: none; }
  #clock-sheet h2 { font-size: 1.6rem; margin-bottom: .5rem; }
  #clock-sheet h3 { font-size: 1rem; margin: 1rem 0 .25rem; }
  #clock-sheet p { white-space: pre-wrap; margin: 0 0 .4rem; }
  #clock-sheet .ag-miss { color: #555; font-style: italic; }
  #clock-sheet .ag-foot { margin-top: 1.5rem; font-size: .8rem; }
}