/* page-quiz.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-quiz. 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-quiz .answer{margin-block:1.5rem 0;padding:1.15rem 1.4rem;background:var(--paper);border:1px solid var(--hairline);border-inline-start:3px solid var(--turquoise);border-radius:var(--r-sm)}
.p-quiz .answer__label{font-family:var(--display);font-size:.76rem;font-weight:600;letter-spacing:.06em;color:var(--turquoise-deep);margin:0 0 .4rem}
.p-quiz .answer p:last-child{margin:0;color:var(--graphite);line-height:1.85}
.p-quiz .reading{margin-block-start:3rem}
.p-quiz .reading ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.75rem}
.p-quiz .reading a{display:grid;gap:.25rem;padding:1rem 1.15rem;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);text-decoration:none;transition:border-color .16s ease,transform .16s ease}
.p-quiz .reading a:hover{border-color:var(--clay);transform:translateY(-1px)}
.p-quiz .reading span{font-size:.88rem;line-height:1.6;color:var(--graphite)}
.p-quiz .types{margin-block-start:3rem}
.p-quiz .types__lede{color:var(--graphite);margin-block-end:1.25rem}
.p-quiz .types__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem}
.p-quiz .types__grid a{display:grid;gap:.3rem;padding:1rem 1.15rem;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);text-decoration:none;block-size:100%;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.p-quiz .types__grid a:hover{border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-md)}
.p-quiz .types__code{direction:ltr;unicode-bidi:isolate;justify-self:start;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--turquoise-deep)}
.p-quiz .types__sum{font-size:.88rem;line-height:1.6;color:var(--graphite)}
.p-quiz .quiz__head{margin-block-end:clamp(1.5rem,3vw,2.25rem)}
.p-quiz .tier-viral .item__num{color:var(--clay-text)}
.p-quiz .ends{display:flex;justify-content:space-between;gap:1.25rem;font-size:.9rem;font-weight:600;color:var(--graphite);margin-block-end:.6rem}
.p-quiz .ends--poles span{flex:0 1 45%;font-family:var(--display);font-size:clamp(1rem,2.4vw,1.15rem);font-weight:600;color:var(--ink);line-height:1.4}
.p-quiz .ends--poles span:last-child{text-align:end}
.p-quiz .scale{position:relative;display:flex;justify-content:space-between;align-items:center;block-size:64px}
.p-quiz .scale__track{position:absolute;inset-inline:10px;block-size:8px;border-radius:999px;background:var(--spectrum);opacity:.3}
.p-quiz .tick{position:relative;flex:1;display:flex;align-items:center;justify-content:center;block-size:100%;cursor:pointer}
.p-quiz .tick input{position:absolute;opacity:0;pointer-events:none}
.p-quiz .tick__dot{inline-size:26px;block-size:26px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--hairline);transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
.p-quiz .tick[data-point="3"] .tick__dot{inline-size:18px;block-size:18px}
.p-quiz .tick:hover .tick__dot{box-shadow:inset 0 0 0 2px var(--graphite)}
.p-quiz .tick:has(input:checked) .tick__dot{background:var(--ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--ink) 14%,transparent);transform:scale(1.12)}
.p-quiz .tick:has(input:focus-visible) .tick__dot{outline:3px solid var(--turquoise);outline-offset:3px}
.p-quiz .quiz__foot{margin-block-start:clamp(2.5rem,6vw,4rem)}
.p-quiz .prose{color:var(--graphite)}
.p-quiz .prose h2,.p-quiz .faq h2{color:var(--ink)}
.p-quiz .citation{margin-block-start:2rem;padding:1.25rem 1.5rem;background:var(--paper);border-radius:var(--r-md);border-inline-start:3px solid var(--turquoise)}
.p-quiz .citation h3{font-size:.95rem;margin-block-end:.5rem;color:var(--ink)}
.p-quiz .citation p{font-size:.95rem;margin-block-end:.5rem}
.p-quiz .faq{margin-block-start:2.5rem}
.p-quiz .faq__item{border-block-end:1px solid var(--hairline);padding-block:.95rem}
.p-quiz .faq__item summary{cursor:pointer;font-weight:600}
.p-quiz .faq__item p{margin-block:.75rem 0;color:var(--graphite)}