/* page-friendquiz.css
   Generated by scripts/tayfak-extract-css.py from the archived Astro build. Do not edit: the next
   run overwrites this file. Hand-written additions live in article-compat.css.

   Every rule is scoped to body.p-friendquiz. That prefix stands in for the [data-astro-cid-*]
   attribute Astro used, which carried real specificity weight; removing it silently demotes
   every rule here. See functions.php. */
.p-friendquiz .name{display:grid;gap:.4rem;margin-block:1.5rem;max-inline-size:22rem}
.p-friendquiz .name span{font-size:.9rem;color:var(--graphite)}
.p-friendquiz .name input,.p-friendquiz #share-url{padding:.7rem .9rem;border:1px solid var(--hairline);background:var(--paper);font:inherit;font-size:.95rem;color:var(--ink);inline-size:100%}
.p-friendquiz .items{list-style:none;margin:2rem 0 0;padding:0}
.p-friendquiz .item{padding:1.25rem 0;border-block-end:1px solid var(--hairline)}
.p-friendquiz .item__num{font-family:var(--display);font-size:.75rem;color:var(--graphite);opacity:.6}
.p-friendquiz .item--missing{background:color-mix(in srgb,var(--clay) 8%,transparent);box-shadow:inset 3px 0 0 var(--clay)}
.p-friendquiz .field{border:0;margin:0;padding:.5rem 0 0}
.p-friendquiz .item__text{font-size:1.1rem;font-weight:600;padding:0}
.p-friendquiz .choices{display:grid;gap:.5rem;margin-block-start:.85rem}
.p-friendquiz .choice{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;background:var(--paper);border:1px solid var(--hairline);cursor:pointer}
.p-friendquiz .choice:has(input:checked){border-color:var(--clay);box-shadow:inset 0 0 0 1px var(--clay)}
.p-friendquiz .error{color:var(--clay);font-weight:600}
.p-friendquiz .link-out{margin-block-start:2.5rem;padding:1.5rem;background:var(--paper);border-inline-start:3px solid var(--clay)}
.p-friendquiz .link-out h2{margin-block-start:0}
.p-friendquiz .share__row{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:.85rem}
.p-friendquiz .btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.p-friendquiz .score{margin-block-start:2rem;text-align:center}
.p-friendquiz .score__num{font-family:var(--display);font-weight:700;font-size:clamp(3rem,14vw,5rem);color:var(--clay);margin:0;line-height:1}
.p-friendquiz .score__label{font-size:1.2rem;color:var(--graphite);margin-block:.75rem 0}
.p-friendquiz .ad{min-block-size:90px;margin-block:2rem}
.p-friendquiz .upsell{padding:1.75rem;background:var(--ink);color:var(--parchment);text-align:start}
.p-friendquiz .upsell h2{color:var(--paper);margin-block-start:0}
.p-friendquiz .upsell .btn{background:var(--clay)}
.p-friendquiz .prose{margin-block-start:3rem;color:var(--graphite)}
.p-friendquiz .prose h2{color:var(--ink)}