/* Questions to ask any AI visibility agency (Fable 3.9): the nine questions on a clipboard, three real radio boxes beside
   each (documented, unclear, missing), ticked in gold pen (page.js [data-clipboard]); the nine entries as manuscript rows;
   the close on the dark band with the ticket on an ivory slip. */
.aq-head .dc-head__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); align-items: center; }
.aq-cb { position: relative; justify-self: end; width: min(100%, calc(330 * var(--u))); margin: calc(26 * var(--u)) 0 calc(10 * var(--u)); padding: calc(28 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));
  background: #5B4A36 var(--deep-tex); background-size: 260px; background-blend-mode: multiply; border-radius: calc(9 * var(--u)); transform: rotate(1.6deg); z-index: 3;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .12), 0 2px 2px rgb(21 31 34 / .25), 0 28px 44px -20px rgb(13 22 25 / .6); }
.aq-cb__clip { position: absolute; left: 50%; top: calc(-12 * var(--u)); width: calc(96 * var(--u)); height: calc(30 * var(--u)); margin-left: calc(-48 * var(--u)); border-radius: 6px 6px 3px 3px;
  background: linear-gradient(180deg, #D9DADB, #8E9193 55%, #6B6E70); box-shadow: 0 2px 2px rgb(0 0 0 / .35), inset 0 1px 0 rgb(255 255 255 / .6); z-index: 2; }
.aq-cb__clip::after { content: ""; position: absolute; left: 34%; right: 34%; top: 22%; height: 26%; border-radius: 99px; background: #4A4D4F; }
.aq-cb__sheet { padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)); background: #FCF9F3 var(--sheet-a); background-size: 600px; box-shadow: var(--edge), 0 1px 2px rgb(0 0 0 / .2); }
.aq-cb__h { font: 700 calc(17 * var(--u)) / 1.1 var(--display); color: var(--hd); margin-bottom: calc(6 * var(--u)); }
.aq-cb__cols { display: flex; justify-content: flex-end; gap: 0; margin-bottom: calc(2 * var(--u)); }
.aq-cb__cols span { width: calc(42 * var(--u)); text-align: center; font: 600 calc(5.6 * var(--u)) / 1 var(--read); letter-spacing: .04em; text-transform: uppercase; color: var(--ink-red); }
.aq-cb__list { display: grid; padding: 0; list-style: none; }
.aq-cb__q { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: calc(8 * var(--u)); padding: calc(3 * var(--u)) 0; border-top: 1px solid rgb(30 52 58 / .16); }
.aq-cb__t { display: flex; gap: calc(6 * var(--u)); font: 400 calc(8.6 * var(--u)) / 1.3 var(--read); color: var(--ink); text-decoration: none; min-height: 32px; align-items: center; }
.aq-cb__t i { font: normal 700 calc(9 * var(--u)) / 1 var(--display); color: var(--ink-red); min-width: 1.1em; }
.aq-cb__t:hover { text-decoration: underline; text-underline-offset: 3px; }
.aq-cb__marks { display: flex; }
.aq-box { position: relative; display: grid; place-items: center; width: calc(42 * var(--u)); min-height: 40px; cursor: pointer; }
.aq-box input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.aq-box i { position: relative; width: calc(12 * var(--u)); height: calc(12 * var(--u)); border: 1.4px solid #4A5A60; border-radius: 1px; background: #fff; }
/* the pen tick, drawn in held frames when chosen */
.aq-box i::after { content: ""; position: absolute; left: 18%; top: -18%; width: 45%; height: 85%; border-right: 2.4px solid var(--gold); border-bottom: 2.4px solid var(--gold); transform: rotate(40deg) scale(0); transform-origin: 50% 100%; }
.aq-box input:checked + i::after { transform: rotate(40deg) scale(1); animation: aq-tick .32s steps(4, end); }
@keyframes aq-tick { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
.aq-box input:focus-visible + i { outline: 2px solid var(--hd); outline-offset: 3px; }
.aq-box__w { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aq-note { right: calc(100% + 50px); top: 30%; }
/* the entries */
.aq-entries__wrap { display: grid; }
.aq-e { display: grid; grid-template-columns: calc(70 * var(--u)) minmax(0, 1fr); gap: calc(20 * var(--u)); padding: calc(28 * var(--u)) 0; border-top: 1px solid var(--rule); scroll-margin-top: calc(var(--nav-h) + 20px); }
.aq-e__n { font: 600 calc(22 * var(--u)) / 1 var(--display); color: var(--ink-red); }
.aq-e__b { display: grid; gap: calc(12 * var(--u)); max-width: 62rem; }
.aq-e__q { font: 700 calc(24 * var(--u)) / 1.12 var(--display); color: var(--hd); letter-spacing: -.01em; text-wrap: balance; }
.aq-e__more summary { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; list-style: none; font: 600 calc(12.5 * var(--u)) / 1.2 var(--read); color: var(--hd); text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgb(119 92 24 / .55); }
.aq-e__more summary::-webkit-details-marker { display: none; }
.aq-e__more summary::after { content: ""; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .3s steps(3, end); }
.aq-e__more[open] summary::after { transform: rotate(225deg) translateY(-2px); }
.aq-e__more summary:focus-visible { outline: 2px solid var(--hd); outline-offset: 3px; }
.aq-e__ask > div { display: grid; grid-template-columns: minmax(8rem, 22%) 1fr; gap: 16px; padding: .6em 0; border-top: 1px solid var(--rule); }
.aq-e__ask dt { font: 700 calc(13 * var(--u)) / 1.3 var(--display); color: var(--hd); }
.aq-e__ask dd { margin: 0; font: 400 calc(13 * var(--u)) / 1.5 var(--read); color: var(--ink); }
.aq-e__ours { justify-self: start; margin-top: calc(4 * var(--u)); }
.aq-e__a { display: grid; gap: .8em; font-size: clamp(1.05rem, .98rem + .25vw, 1.22rem); line-height: 1.55; color: var(--ink-2); }
.aq-e__a a:not(.tlink) { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.aq-proof { font: 500 calc(12.5 * var(--u)) / 1.4 var(--read); color: var(--ink-2); }
.aq-proof .tlink { min-height: 32px; }
/* the close */
.aq-close__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: calc(44 * var(--u)); align-items: center; }
.aq-slip { position: relative; display: grid; gap: calc(12 * var(--u)); padding: calc(24 * var(--u)) calc(28 * var(--u)); transform: rotate(-.6deg); font: 400 calc(14 * var(--u)) / 1.5 var(--read); color: var(--ink); }
.aq-slip .aq-phone a { color: inherit; }
.aq-note2 { right: calc(28 * var(--u)); bottom: calc(100% + 14px); }

@media (max-width: 1100px) {
  .aq-head .dc-head__grid { grid-template-columns: 1fr; }
  .aq-cb { justify-self: start; }
  .aq-note { right: auto; left: 60%; top: -2.4em; }
}
@media (max-width: 760px) {
  .aq-cb { width: 100%; padding: 26px 10px 10px; transform: rotate(.6deg); }
  .aq-cb__h { font-size: 1.15rem; }
  .aq-cb__t { font-size: .86rem; }
  .aq-cb__cols span, .aq-box { width: 40px; }
  /* the three words stand on their ends over their boxes, so each keeps its column */
  .aq-cb__cols { height: 58px; align-items: flex-end; }
  .aq-cb__cols span { font-size: .56rem; letter-spacing: .03em; text-align: left; white-space: nowrap; transform: translateX(14px) rotate(-60deg); transform-origin: 0 100%; }
  .aq-box i { width: 18px; height: 18px; }
  .aq-note { display: none; }
  .aq-e { grid-template-columns: 1fr; gap: 6px; }
  .aq-e__q { font-size: 1.4rem; }
  .aq-e__ask > div { grid-template-columns: 1fr; gap: 4px; }
  .aq-close__grid { grid-template-columns: 1fr; gap: 18px; }
  .aq-slip { font-size: 1rem; padding: 22px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .aq-box input:checked + i::after { animation: none; }
  .aq-e__more summary::after { transition: none; }
}