/* The interview question library: page layout (.iq-*) and the practice box (.iqp-*).
   Source of /assets/iq-library.<hash>.css, written by _templates/interview_library.py.
   Never edit the copy in assets/: edit this file and rebuild. */

.iq-page { --iq-maroon: #470014; --iq-red: #AF0000; --iq-line: rgba(71, 0, 20, .14); --iq-soft: rgba(71, 0, 20, .66); color: var(--iq-maroon); }
.iq-page p { margin: 0; }

/* Breadcrumbs */
.iq-crumbs { position: relative; z-index: 1; font-size: .95rem; line-height: 1.5; }
.iq-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem .5rem; }
.iq-crumbs li { display: flex; align-items: center; gap: .5rem; color: var(--iq-soft); min-width: 0; }
.iq-crumbs li + li::before { content: "/"; opacity: .6; }
.iq-crumbs a { color: var(--iq-maroon); text-decoration: none; }
.iq-crumbs a:hover { text-decoration: underline; text-underline-offset: .2em; }
.iq-crumbs [aria-current] { overflow-wrap: anywhere; }

/* Hero (index, list and topic pages) */
.iq-hero { position: relative; z-index: 1; max-width: 52rem; margin: 2.5rem auto 0; text-align: center; }
.iq-eyebrow { justify-content: center; color: var(--iq-maroon); opacity: .7; font-size: .8125rem; font-weight: 600; letter-spacing: .14em; margin-bottom: 1.1rem; }
.iq-h1 { margin: 0; color: var(--iq-maroon); }
.iq-bar { width: 64px; height: 3px; border-radius: 999px; background: var(--iq-red); margin: 1.5rem auto 1.6rem; }
.iq-intro { opacity: .85; }
.iq-intro + .iq-intro { margin-top: .9rem; }

/* Sections */
.iq-section { position: relative; z-index: 1; margin-top: 3.5rem; }
/* The index carries more sections than any other page, so it gets more room between them. */
.iq-page-index .iq-section { margin-top: 6.5rem; }
@media (max-width: 767px) { .iq-page-index .iq-section { margin-top: 4.5rem; } }
/* The index's hero sits centred between the menu bar and the maroon band (Kyle, 2026-10-17):
   the same space above the eyebrow as below the button. Measured, not guessed: the hero
   section clears the 161px bar with 176px of padding and leaves 80px under itself. */
.iq-page-index .iq-hero { margin-top: 6.5rem; }
.iq-page-index .iq-section.iq-features { margin-top: 2.5rem; }
/* Below 992px the menu bar collapses to one 95px row, so the hero needs less above it. */
@media (max-width: 991px) { .iq-page-index .iq-hero { margin-top: 2.5rem; } }
.iq-section-sm { position: relative; z-index: 1; margin-top: 2.75rem; }
.iq-group { scroll-margin-top: 8rem; }
.iq-wide { max-width: 72rem; margin-left: auto; margin-right: auto; }
.iq-read { position: relative; z-index: 1; max-width: 46rem; margin: 0 auto; }
.iq-h2 { font-family: var(--font-family--heading); font-weight: 300; font-size: clamp(1.6rem, 4vw, 2.25rem); line-height: 1.2; color: var(--iq-maroon); margin: 0 0 1.1rem; }
.iq-page .iq-label { font-family: var(--font-family--body); font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); margin: 0 0 .9rem; }
.iq-prose { max-width: 46rem; }
.iq-prose p + p { margin-top: 1rem; }
.iq-card { background: #fff; border: 1px solid var(--iq-line); border-radius: 8px; padding: 1.5rem; }

/* Index: the two formats, side by side; their buttons share a line */
/* The try box's format toggle, under its heading (Kyle, 2026-10-17). The script shows it. */
.iq-try-formats { display: flex; justify-content: center; margin-top: 1.25rem; }
.iq-try-formats[hidden] { display: none; }

/* Index: topic tiles. The count sits on the tile's floor so every count in a row lines up. */

/* Lists of questions */
.iq-group-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1.5rem; margin-bottom: .5rem; }
.iq-group-head .iq-h2 { margin: 0; }
.iq-more { color: var(--iq-red); font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; }
.iq-more:hover { opacity: .75; }
.iq-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--iq-line); }
.iq-list li { border-bottom: 1px solid var(--iq-line); }
.iq-row { display: flex; flex-direction: column; gap: .2rem; padding: .95rem 0; text-decoration: none; color: var(--iq-maroon); }
.iq-row-title { font-size: 1.0625rem; line-height: 1.4; }
.iq-row-kind { font-size: .9rem; color: var(--iq-soft); }
.iq-row:hover .iq-row-title { text-decoration: underline; text-underline-offset: .2em; }
.iq-jump { display: flex; flex-wrap: wrap; gap: .5rem; }
.iq-jump a { display: inline-block; padding: .4rem .85rem; border: 1px solid var(--iq-line); border-radius: 999px; background: rgba(255, 255, 255, .55); color: var(--iq-maroon); text-decoration: none; font-size: .9375rem; line-height: 1.4; }
.iq-jump a:hover { border-color: var(--iq-red); }

/* Question page */
.iq-eyebrow-left { justify-content: flex-start; margin: 2.5rem 0 1rem; }
.iq-h1-left { font-family: var(--font-family--heading); font-weight: 300; font-size: clamp(2.1rem, 6vw, 3.25rem); line-height: 1.12; letter-spacing: -.01em; }
.iq-facts { display: flex; flex-wrap: wrap; gap: .75rem 2.5rem; margin: 1.5rem 0 0; }
.iq-facts div { display: flex; flex-direction: column; gap: .15rem; }
.iq-facts dt { font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); }
.iq-facts dd { margin: 0; font-size: 1.0625rem; }
.iq-facts a { color: var(--iq-maroon); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.iq-prompt { margin-top: .5rem; }
.iq-prompt p { font-size: 1.125rem; line-height: 1.65; }
.iq-prompt p + p { margin-top: .9rem; }
.iq-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.iq-chips li { padding: .4rem .9rem; border: 1px solid var(--iq-line); border-radius: 999px; background: #fff; font-size: .9375rem; line-height: 1.4; }
/* Mock interviews, at the foot of every library page: the next step after practicing alone.
   One quiet panel, the pitch on the left and the two ways forward on the right, the site's
   red-dot label above it and the edge-grid's circles faint in one corner (Kyle, 2026-10-17:
   "a better, punchier pitch and design job. subtle design though"), on maroon at his word
   ("put it on maroon background"). */
.iq-mock { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding: 2rem 1.5rem; border-radius: 12px; background: var(--iq-maroon); color: #E9E7D6; }
.iq-mock::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(circle, rgba(233, 231, 214, .16) 1.5px, transparent 2px); background-size: 20px 20px; -webkit-mask-image: radial-gradient(60% 120% at 100% 0%, #000 0%, transparent 70%); mask-image: radial-gradient(60% 120% at 100% 0%, #000 0%, transparent 70%); }
.iq-page .iq-mock-eyebrow { display: flex; align-items: center; gap: .55rem; font-size: .8125rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(233, 231, 214, .75); }
.iq-mock-dot { flex: none; width: .5rem; height: .5rem; border-radius: 50%; background: #E9E7D6; }
.iq-mock-h { margin: .7rem 0 0; font-family: var(--font-family--heading); font-weight: 300; font-size: clamp(1.625rem, 3vw, 2rem); line-height: 1.15; color: #fff; }
.iq-page .iq-mock-text { max-width: 38rem; margin-top: .6rem; font-size: 1rem; line-height: 1.6; color: rgba(233, 231, 214, .88); }
.iq-mock-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; }
.iq-mock .button { background-color: #fff; color: var(--iq-maroon); }
.iq-mock .button:hover { background-color: #E9E7D6; }
.iq-mock-link { font-size: .9375rem; color: #E9E7D6; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .25em; text-decoration-color: rgba(233, 231, 214, .45); }
.iq-mock-link:hover { text-decoration-color: currentColor; }
@media (min-width: 900px) {
  .iq-mock { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 3.5rem; padding: 2.5rem 3rem; }
  .iq-mock-actions { flex-direction: column; align-items: flex-end; gap: .75rem; }
}

/* The classic questions' long guide, under the approach. Only what guide_html() emits. */
.iq-page .iq-h3 { font-family: var(--font-family--heading); font-weight: 300; font-size: 1.5rem; line-height: 1.25; color: var(--iq-maroon); margin: 0 0 .75rem; }
.iq-guide { margin-top: 1rem; }
.iq-prose + .iq-guide { margin-top: 2rem; }
.iq-page .iq-guide > * + * { margin-top: 1rem; }
.iq-page .iq-guide > * + .iq-h3 { margin-top: 2rem; }
.iq-page .iq-guide > .iq-h3 + * { margin-top: 0; }
.iq-guide ul, .iq-guide ol { margin-bottom: 0; padding-left: 1.25rem; font-size: 1.12rem; line-height: 1.5; font-weight: 300; }
.iq-guide li { margin-bottom: 0; }
.iq-guide li + li { margin-top: .5rem; }
.iq-guide strong { font-weight: 600; }
.iq-guide blockquote { margin: 0; padding: 1rem 1.25rem; border-left: 3px solid var(--iq-red); background: #fff; border-radius: 0 6px 6px 0; font-size: 1rem; }

.iq-example { padding: 1.25rem 1.5rem; border-left: 3px solid var(--iq-red); background: #fff; border-radius: 0 8px 8px 0; }
.iq-example > p + p { margin-top: 1rem; }
.iq-page .iq-guide > .iq-example + * { margin-top: 2rem; }

/* FAQ: one question per block, read top to bottom. */
/* FAQ: the site's own accordion, the one the service pages and /faq use. Webflow's IX2
   opens and closes it (events on .faq_item-top); this sets only the layout. */
.iq-faq-box { margin-left: auto; margin-right: auto; }
.iq-faq-h { text-align: center; }
.iq-faq-list { display: flex; flex-direction: column; gap: 1rem; }

@media (min-width: 640px) {
  .iq-row { flex-direction: row; align-items: baseline; justify-content: space-between; gap: 1.5rem; }
  .iq-row-kind { flex: none; text-align: right; }
  .iq-card { padding: 2rem; }
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
  /* The common questions in two columns. Each list item is a grid cell, so a row's
     two items share one height and their dividing lines stay level across columns. */
  .iq-list-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; border-top: 0; }
  .iq-list-cols li:nth-child(-n+2) { border-top: 1px solid var(--iq-line); }
  .iq-list-cols .iq-row { height: 100%; box-sizing: border-box; }
}
@media (max-width: 479px) { .iq-hero, .iq-eyebrow-left { margin-top: 1.75rem; } }

/* ── Practice box ─────────────────────────────────────────────────────────── */
.iqp { font-size: 1rem; line-height: 1.6; }
.iqp p { font-size: 1rem; }
.iqp [hidden] { display: none !important; }
.iqp-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; min-height: 2.75rem; }
.iqp-stage { font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); }
.iqp-clock { font-family: var(--font-family--heading); font-weight: 300; font-size: 2.25rem; line-height: 1; font-variant-numeric: tabular-nums; color: var(--iq-maroon); }
.iqp-clock.is-up { color: var(--iq-red); }
.iqp .iqp-timeup { margin-top: .4rem; color: var(--iq-red); font-weight: 500; }
.iqp .iqp-q { margin-top: 1rem; font-size: 1.0625rem; line-height: 1.65; }
.iqp-q-label { display: block; font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); margin-bottom: .35rem; }
.iqp .iqp-plan { margin: 0 0 1rem; }
.iqp-modes { display: inline-flex; min-width: 0; border: 1px solid var(--iq-line); border-radius: 999px; padding: 3px; background: #faf9f3; margin: 0; }
.iqp-modes legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.iqp-modes label { position: relative; cursor: pointer; margin: 0; }
.iqp-modes input { position: absolute; opacity: 0; pointer-events: none; }
.iqp-modes span { display: block; padding: .45rem 1.1rem; border-radius: 999px; font-size: .9375rem; color: var(--iq-maroon); }
.iqp-modes input:checked + span { background: var(--iq-maroon); color: #fff; }
.iqp-modes input:focus-visible + span { outline: 2px solid var(--iq-red); outline-offset: 2px; }
.iqp .iqp-note { margin-top: .75rem; font-size: .9375rem; color: var(--iq-soft); }
.iqp-note.is-warn { color: var(--iq-red); }
.iqp-answer { display: block; width: 100%; min-height: 11rem; margin-top: 1rem; padding: .9rem 1rem; border: 1px solid rgba(71, 0, 20, .25); border-radius: 6px; background: #fff; font: inherit; font-size: 1rem; line-height: 1.6; color: var(--iq-maroon); resize: vertical; box-sizing: border-box; }
.iqp-answer:focus { outline: 2px solid var(--iq-maroon); outline-offset: 1px; }
.iqp-answer[readonly] { background: #fbfaf5; }
.iqp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.25rem; }
.iqp-actions .button { border: 0; cursor: pointer; font-family: inherit; }
.iqp-actions .button[disabled] { opacity: .45; cursor: default; }
.iqp-mic { display: inline-flex; align-items: center; gap: .55rem; padding: .7rem 1.1rem; border: 1px solid rgba(71, 0, 20, .3); border-radius: 4px; background: #fff; color: var(--iq-maroon); font: inherit; cursor: pointer; }
.iqp-mic:hover { border-color: var(--iq-maroon); }
.iqp-mic-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(71, 0, 20, .35); flex: none; }
.iqp-mic.is-on .iqp-mic-dot { background: var(--iq-red); animation: iqp-breathe 1.6s ease-in-out infinite; }

/* scholr AI is thinking: the logo's red dot breathing, a hairline ring rippling out of it. No glow. */
.iqp-thinking { display: flex; align-items: center; gap: .65rem; padding: .5rem 0; }
.iqp-dot-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex: none; }
.iqp-ring { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid var(--iq-red); opacity: 0; animation: iqp-ripple 1.6s ease-out infinite; }
.iqp-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--iq-red); animation: iqp-breathe 1.6s ease-in-out infinite; }
.iqp-thinking-text { font-size: .9375rem; color: var(--iq-soft); }
@keyframes iqp-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.35); } }
@keyframes iqp-ripple { 0% { transform: scale(.55); opacity: .7; } 100% { transform: scale(1.5); opacity: 0; } }
/* Each new line of what scholr AI is doing fades in. */
.iqp-thinking-text.is-new { animation: iqp-line .45s ease-out; }
@keyframes iqp-line { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* Before the clock: the browser's microphone prompt, and what to do about it. */
.iqp-mic-ask { display: flex; align-items: flex-start; gap: .85rem; padding: 1.1rem 1.25rem; border: 1px solid var(--iq-line); border-left: 3px solid var(--iq-red); border-radius: 0 8px 8px 0; background: #faf9f3; }
.iqp-mic-ask-dot { flex: none; width: 12px; height: 12px; margin-top: .3rem; border-radius: 50%; background: var(--iq-red); animation: iqp-breathe 1.6s ease-in-out infinite; }
.iqp-mic-ask.is-blocked .iqp-mic-ask-dot { animation: none; background: rgba(71, 0, 20, .35); }
.iqp .iqp-mic-ask-text { margin-top: .3rem; font-size: 1rem; line-height: 1.55; }
@media (prefers-reduced-motion: reduce) { .iqp-ring, .iqp-dot, .iqp-mic.is-on .iqp-mic-dot, .iqp-mic-ask-dot, .iqp-thinking-text.is-new { animation: none; } }

/* How scholr AI was built: a labelled control beside the feedback title, opening a short
   explanation, and a line at the foot linking to the full page. */
.iqp-fb-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; }
.iqp-built-btn { display: inline-flex; align-items: center; gap: .45rem; padding: .3rem .75rem .3rem .35rem; border: 1px solid var(--iq-line); border-radius: 999px; background: #faf9f3; color: var(--iq-maroon); font: inherit; font-size: .875rem; cursor: pointer; }
.iqp-built-btn:hover, .iqp-built-btn[aria-expanded="true"] { border-color: var(--iq-maroon); }
.iqp-built-btn:focus-visible { outline: 2px solid var(--iq-red); outline-offset: 2px; }
.iqp-built-i { display: inline-grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--iq-maroon); color: #fff; font-family: var(--font-family--heading); font-size: .8rem; font-style: italic; line-height: 1; }
.iqp-built { margin: .9rem 0 1.1rem; padding: 1rem 1.15rem; border-left: 3px solid var(--iq-red); border-radius: 0 8px 8px 0; background: #faf9f3; }
.iqp .iqp-built-title { font-weight: 600; font-size: .9375rem; }
.iqp .iqp-built-text { margin-top: .4rem; font-size: .9375rem; line-height: 1.55; }
.iqp .iqp-built-more { margin-top: .65rem; font-size: .9375rem; }
.iqp .iqp-built-foot { margin-top: 1.5rem; padding-top: 1.1rem; border-top: 1px solid var(--iq-line); font-size: .9375rem; line-height: 1.55; color: var(--iq-soft); }

/* Feedback. Every rating row has the same three lines in the same places. */
.iqp-fb-block + .iqp-fb-block { margin-top: 1.75rem; padding-top: 1.75rem; border-top: 1px solid var(--iq-line); }
.iqp-said + .iqp-said { margin-top: 1.1rem; }
.iqp-said-label { font-weight: 600; }
.iqp .iqp-said-q { margin-top: .2rem; color: var(--iq-soft); font-size: .9375rem; }
.iqp .iqp-said-a { margin-top: .4rem; white-space: pre-wrap; }
.iqp-ratings { list-style: none; margin: 0; padding: 0; }
.iqp-ratings li + li { margin-top: 1.25rem; }
.iqp-rating-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem; }
.iqp-rating-name { font-weight: 600; }
.iqp-rating-level { font-variant-numeric: tabular-nums; color: var(--iq-soft); font-size: .9375rem; }
.iqp-bar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; margin-top: .45rem; }
.iqp-bar span { height: 6px; border-radius: 999px; background: rgba(71, 0, 20, .12); }
.iqp-bar span.is-on { background: var(--iq-red); }
.iqp .iqp-evidence { margin-top: .45rem; color: var(--iq-soft); font-size: .9375rem; }
.iqp .iqp-sub { font-weight: 600; margin: 0 0 .4rem; }
.iqp .iqp-sub-lg { font-family: var(--font-family--heading); font-weight: 300; font-size: 1.5rem; line-height: 1.25; margin: 0 0 1rem; }
.iqp-bullets { margin: 0; padding-left: 1.2rem; }
.iqp-bullets li + li { margin-top: .35rem; }
.iqp .iqp-sample { margin: 0 0 1.25rem; padding: .75rem 1rem; border-radius: 6px; background: #faf6e8; border: 1px dashed rgba(71, 0, 20, .3); font-size: .9375rem; }
.iqp-left { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.75rem; padding-top: 1.75rem; border-top: 1px solid var(--iq-line); }
.iqp-error { color: var(--iq-red); }

/* ── Library index: the features of the practice tool ─────────────────────── */
.iq-hero-cta { display: flex; justify-content: center; margin-top: 1.75rem; }
/* The try box: the first thing under the hero, and the funnel's first step. One
   question, answered here; its feedback is the visitor's sample. */
.iq-try-wrap { max-width: 46rem; margin-left: auto; margin-right: auto; }
.iq-try-head { text-align: center; }
.iq-try-head .iq-h2 { margin: 0; }
.iq-page .iq-try-text { max-width: 38rem; margin: .75rem auto 0; font-size: 1.125rem; line-height: 1.6; opacity: .85; }
.iq-try { margin-top: 1.75rem; border-top: 3px solid var(--iq-red); box-shadow: 0 18px 50px rgba(71, 0, 20, .08); }
.iq-page .iq-try-meta { font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); }
.iq-try-title { margin: .4rem 0 0; font-family: var(--font-family--heading); font-weight: 300; font-size: clamp(1.5rem, 3.4vw, 1.875rem); line-height: 1.2; }
.iq-try-title a { color: var(--iq-maroon); text-decoration: none; }
.iq-try-title a:hover { text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.iq-try-prompt { margin-top: 1rem; }
.iq-page .iq-try-prompt p { font-size: 1.0625rem; line-height: 1.65; }
.iq-page .iq-try-prompt p + p { margin-top: .8rem; }
.iq-try-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--iq-line); }

.iq-features-h { max-width: 44rem; margin: 0 auto; text-align: center; }

/* The features sit on a maroon band, the edge-grid's circles faint in its corner, so the
   page has one dark anchor between the hero and the try box (Kyle, 2026-10-17). */
.iq-features { position: relative; isolation: isolate; overflow: hidden; padding: 3rem 1.25rem; border-radius: 12px; background: var(--iq-maroon); color: #E9E7D6; }
.iq-features::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(circle, rgba(233, 231, 214, .2) 1.6px, transparent 2.1px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(70% 90% at 0% 0%, #000 0%, transparent 60%); mask-image: radial-gradient(70% 90% at 0% 0%, #000 0%, transparent 60%); }
.iq-page .iq-features .iq-features-h { color: #fff; }
.iq-features .iq-feat-icon { background: #5a1428; border-color: rgba(233, 231, 214, .3); color: #E9E7D6; }
.iq-features .iq-i-clip { fill: #5a1428; }
.iq-features .iq-feat:hover .iq-feat-icon { border-color: #E9E7D6; }
.iq-page .iq-features .iq-feat .iq-h3 { color: #fff; }
.iq-features .iq-feat p { opacity: 1; color: rgba(233, 231, 214, .88); }
@media (min-width: 768px) { .iq-features { padding: 3.5rem 2rem; } .iq-features .iq-feat + .iq-feat { border-left-color: rgba(233, 231, 214, .2); } }

/* The row of three practice features. No boxes: an icon in the brand's circle, with
   the logo's red dot on it, then the title and the text. */
.iq-feat-row { list-style: none; margin: 2.75rem 0 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
.iq-feat { margin: 0; display: flex; flex-direction: column; align-items: center; gap: .9rem; text-align: center; }
.iq-feat-icon { position: relative; display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: #fff; border: 1px solid var(--iq-line); color: var(--iq-maroon); transition: border-color .3s, transform .3s; }
.iq-feat-icon::after { content: ""; position: absolute; top: .35rem; right: .35rem; width: .55rem; height: .55rem; border-radius: 50%; background: var(--iq-red); }
.iq-feat-icon svg { width: 1.6rem; height: 1.6rem; }
.iq-feat:hover .iq-feat-icon { border-color: var(--iq-red); transform: translateY(-2px); }
/* Each icon moves a little, all the time: the stopwatch hand turns, the rubric's checks
   tick in turn, the rating bars rise. Slow and small on purpose; still where motion is
   turned off. */
.iq-i-hand { transform-origin: 12px 13.5px; animation: iq-turn 12s linear infinite; }
.iq-i-check { stroke-dasharray: 6; animation: iq-tick 4.5s ease-in-out infinite; }
.iq-i-check-2 { animation-delay: .45s; }
.iq-i-check-3 { animation-delay: .9s; }
.iq-i-bar { transform-box: fill-box; transform-origin: center bottom; animation: iq-rise 3.6s ease-in-out infinite; }
.iq-i-bar-2 { animation-delay: .3s; }
.iq-i-bar-3 { animation-delay: .6s; }
@keyframes iq-turn { to { transform: rotate(360deg); } }
@keyframes iq-tick { 0%, 8% { stroke-dashoffset: 6; } 24%, 82% { stroke-dashoffset: 0; } 96%, 100% { stroke-dashoffset: 6; } }
@keyframes iq-rise { 0%, 100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .iq-i-hand, .iq-i-check, .iq-i-bar { animation: none; } }
.iq-page .iq-feat .iq-h3 { font-size: 1.375rem; margin: 0; }
.iq-feat p { max-width: 22rem; opacity: .85; }
@media (min-width: 768px) {
  /* Side by side, the three share their rows: every icon, title and paragraph starts on
     one line, whichever title wraps. */
  .iq-feat-row { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, auto); gap: 0; }
  .iq-feat { display: grid; grid-row: span 3; grid-template-rows: subgrid; justify-items: center; align-items: start; row-gap: .9rem; padding: 0 1.5rem; }
  .iq-feat + .iq-feat { border-left: 1px solid var(--iq-line); }
}

/* Practice sets and the two lists, on the features band's design (Kyle, 2026-10-18: "I really
   like the design approach for the section 'Practice real medical school interview questions
   with scholr AI'"). A fourth row holds each column's button, so the buttons share a line
   too. Build a practice set is the one solid button, the way most people practise. */
.iq-page-index .iq-section.iq-paths { margin-top: 6.5rem; }
@media (max-width: 767px) { .iq-page-index .iq-section.iq-paths { margin-top: 4.5rem; } }
.iq-paths .iq-features-h { max-width: 52rem; text-wrap: balance; }
.iq-paths .iq-feat p { max-width: 24rem; }
.iq-paths .button { background-color: #fff; color: var(--iq-maroon); }
.iq-paths .button:hover { background-color: #E9E7D6; }
.iq-paths .button.is-ghost { background-color: transparent; color: #E9E7D6; box-shadow: inset 0 0 0 1px rgba(233, 231, 214, .5); }
.iq-paths .button.is-ghost:hover { background-color: rgba(233, 231, 214, .1); box-shadow: inset 0 0 0 1px #E9E7D6; }
.iq-paths .iq-feat .button { margin-top: .35rem; }
@media (min-width: 768px) {
  .iq-paths-row { grid-template-rows: repeat(4, auto); }
  .iq-paths .iq-feat { grid-row: span 4; }
}
/* The practice set's lines write themselves, the dot hops round the stations, the panel nods in turn. */
.iq-i-line { stroke-dasharray: 7; animation: iq-write 4.5s ease-in-out infinite; }
.iq-i-line-2 { animation-delay: .45s; }
.iq-i-orbit { transform-origin: 12px 12px; animation: iq-turn 9s steps(6, end) infinite; }
.iq-i-head { transform-box: fill-box; transform-origin: center; animation: iq-nod 3.6s ease-in-out infinite; }
.iq-i-head-2 { animation-delay: .4s; }
.iq-i-head-3 { animation-delay: .8s; }
.iq-paths .iq-i-orbit circle { fill: #E9E7D6; }
@keyframes iq-write { 0%, 8% { stroke-dashoffset: 7; } 24%, 82% { stroke-dashoffset: 0; } 96%, 100% { stroke-dashoffset: 7; } }
@keyframes iq-nod { 0%, 55%, 100% { transform: none; } 25% { transform: translateY(-1.4px); } }
@media (prefers-reduced-motion: reduce) { .iq-i-line, .iq-i-orbit, .iq-i-head { animation: none; } }

/* The sample: a real feedback, laid out the way the practice box lays it out. */
.iq-report { margin: 3rem 0 0; padding: 1.5rem 1rem; border-radius: 10px; background: #fff; color: var(--iq-maroon); box-shadow: 0 24px 60px rgba(20, 0, 6, .35); }
.iq-report-head { display: grid; gap: .3rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--iq-line); text-align: left; }
.iq-report-label { font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-red); }
.iq-report-note { font-size: .9375rem; color: var(--iq-soft); }
.iq-report-q { margin-top: .5rem; font-family: var(--font-family--heading); font-weight: 300; font-size: 1.5rem; line-height: 1.25; }
.iq-report-fmt { display: block; margin-bottom: .2rem; font-family: var(--font-family--body); font-size: .875rem; color: var(--iq-soft); }
.iq-report-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.iq-page .iq-report-sub { margin-top: 1.5rem; font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); }
.iq-report-list { margin: .6rem 0 0; padding: 0 0 0 1.1rem; }
.iq-report-list li { margin: 0; padding-left: .25rem; font-size: .9375rem; line-height: 1.55; }
.iq-report-list li + li { margin-top: .6rem; }
.iq-report-list li::marker { color: var(--iq-red); }
.iq-report-stronger { margin-top: 1.5rem; border-top: 1px solid var(--iq-line); }
.iq-page .iq-report-stronger p:last-child { margin-top: .6rem; font-size: .9375rem; line-height: 1.6; }
.iq-sample-ratings { list-style: none; margin: .5rem 0 0; padding: 0; border-top: 1px solid var(--iq-line); }
.iq-sample-ratings li { margin: 0; padding: .9rem 0; border-bottom: 1px solid var(--iq-line); }
.iq-sample-top { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; font-size: .9375rem; font-weight: 500; }
.iq-sample-level { flex: none; font-weight: 400; color: var(--iq-soft); font-variant-numeric: tabular-nums; }
.iq-sample-bar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin-top: .55rem; }
.iq-sample-bar span { position: relative; overflow: hidden; height: 6px; border-radius: 999px; background: rgba(71, 0, 20, .1); }
.iq-sample-bar .is-on::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--iq-red); transform-origin: left center; }
.iq-page .iq-sample-evidence { margin-top: .65rem; padding-left: .75rem; border-left: 2px solid var(--iq-red); font-size: .9375rem; line-height: 1.55; color: var(--iq-soft); }
/* The five rating levels, named the way the feedback names them. */
.iq-scale-names { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .9rem; }
.iq-scale-names li { margin: 0; font-size: .8125rem; line-height: 1.4; color: var(--iq-soft); white-space: nowrap; }
.iq-scale-n { font-weight: 600; color: var(--iq-maroon); font-variant-numeric: tabular-nums; }
@media (min-width: 768px) {
  .iq-report { padding: 2rem; }
  .iq-report-body { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; }
}

/* After the tool is explained: the next step. */
.iq-cta { text-align: center; }
.iq-cta .iq-h2 { margin: 0; }
.iq-cta .iq-bar { margin: 1.25rem auto 1.25rem; }
.iq-page .iq-cta-text { max-width: 40rem; margin: 0 auto; font-size: 1.125rem; line-height: 1.6; opacity: .85; }
.iq-cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem 1rem; margin-top: 1.75rem; }
.iq-cta .button.is-secondary { background: transparent; border: 1px solid rgba(71, 0, 20, .35); color: var(--iq-maroon); }
.iq-cta .button.is-secondary:hover { border-color: var(--iq-maroon); }

/* Every question, by topic: one row per topic that opens on its questions. */
.iq-topics { border-top: 1px solid var(--iq-line); }
.iq-topic { border-bottom: 1px solid var(--iq-line); }
.iq-topic-sum { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 0; cursor: pointer; list-style: none; }
.iq-topic-sum::-webkit-details-marker { display: none; }
.iq-topic-name { flex: 1; font-family: var(--font-family--heading); font-weight: 300; font-size: 1.375rem; line-height: 1.3; color: var(--iq-maroon); }
.iq-topic-count { flex: none; font-size: .9375rem; color: var(--iq-soft); font-variant-numeric: tabular-nums; }
.iq-topic-chev { flex: none; width: .6rem; height: .6rem; margin: 0 .25rem 0 .25rem; border-right: 1.6px solid var(--iq-maroon); border-bottom: 1.6px solid var(--iq-maroon); transform: translateY(-25%) rotate(45deg); transition: transform .25s; }
.iq-topic[open] .iq-topic-chev { transform: translateY(15%) rotate(225deg); }
.iq-topic-sum:hover .iq-topic-name { color: var(--iq-red); }
.iq-topic-sum:focus-visible { outline: 2px solid var(--iq-red); outline-offset: 2px; }
.iq-topic-body { padding: 0 0 1.5rem; }
.iq-page .iq-topic-more { margin-top: 1rem; }

/* Coming into view: the three features rise in turn and the sample's bars fill, row by
   row. practice.js arms this only where the browser can watch for it and motion is
   allowed, so without it everything is simply drawn in place. */
[data-iq-reveal].is-armed .iq-feat { opacity: 0; transform: translateY(14px); }
[data-iq-reveal].is-armed.is-in .iq-feat { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s ease; }
[data-iq-reveal].is-armed.is-in .iq-feat:nth-child(2) { transition-delay: .12s; }
[data-iq-reveal].is-armed.is-in .iq-feat:nth-child(3) { transition-delay: .24s; }
[data-iq-sample].is-armed .is-on::after { transform: scaleX(0); }
[data-iq-sample].is-armed.is-in .is-on::after { transform: scaleX(1); transition: transform .4s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--row, 0) * 220ms + var(--i, 1) * 90ms); }

/* ── How scholr AI scores: the page the feedback links to ──────────────────── */
.iqb-steps { margin: 1rem 0 0; padding-left: 1.25rem; }
.iqb-steps li { margin: 0; padding-left: .25rem; line-height: 1.6; }
.iqb-steps li + li { margin-top: .6rem; }
.iqb-steps li::marker { color: var(--iq-red); font-weight: 600; }
.iqb-levels { list-style: none; margin: 1.25rem 0 0; padding: 0; border-top: 1px solid var(--iq-line); }
.iqb-levels li { display: flex; gap: 1rem; margin: 0; padding: .9rem 0; border-bottom: 1px solid var(--iq-line); }
.iqb-level-n { flex: none; display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--iq-maroon); color: #fff; font-weight: 600; font-variant-numeric: tabular-nums; }
.iqb-level-body { display: flex; flex-direction: column; gap: .15rem; }
.iqb-level-label { font-weight: 600; }
.iqb-level-meaning { line-height: 1.55; opacity: .85; }
.iqb-comps { list-style: none; margin: 1.25rem 0 0; padding: 0; border-top: 1px solid var(--iq-line); }
.iqb-comp { margin: 0; padding: 1.1rem 0; border-bottom: 1px solid var(--iq-line); }
.iq-page .iqb-comp .iq-h3 { font-size: 1.375rem; margin: 0 0 .4rem; }
.iqb-comp p { line-height: 1.6; }
.iq-page .iqb-comp-looks { margin-top: .45rem; opacity: .85; }
.iqb-comp-label { display: block; font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); margin-bottom: .15rem; }

/* ── Question page: practice first, guidance after ─────────────────────────── */
.iq-page .iq-invite { margin: -.35rem 0 1rem; color: var(--iq-soft); }
.iq-after { margin-top: 1.25rem; border-top: 1px solid var(--iq-line); border-bottom: 1px solid var(--iq-line); }
.iq-after summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; cursor: pointer; list-style: none; font-weight: 500; color: var(--iq-maroon); }
.iq-after summary::-webkit-details-marker { display: none; }
.iq-after summary::after { content: ""; flex: none; width: .55rem; height: .55rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.iq-after[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.iq-after summary:focus-visible { outline: 2px solid var(--iq-red); outline-offset: 2px; }
.iq-after-body { padding: .25rem 0 1.5rem; }
.iq-page .iq-after-body .iq-h3 { font-size: 1.375rem; margin: 0 0 .75rem; }
.iq-page .iq-after-body * + .iq-h3 { margin-top: 1.75rem; }
/* The folded answer guide: one dropdown whose summary is the section's h2. */
.iq-fold summary { padding: 1.25rem 0; }
.iq-page .iq-fold-h { margin: 0; }
.iq-page .iq-fold .iq-after-body { padding-top: .25rem; }
.iq-guide ul.iq-chips { padding-left: 0; font-size: inherit; line-height: inherit; font-weight: inherit; }
.iq-guide .iq-chips li + li { margin-top: 0; }

/* ── Practice box: settings, progress and the free limit ──────────────────── */
.iqp-settings { margin-top: 1rem; }
.iqp-settings summary { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; color: var(--iq-maroon); font-weight: 500; list-style: none; border-bottom: 1px solid currentColor; }
.iqp-settings summary::-webkit-details-marker { display: none; }
.iqp-settings summary::after { content: ""; width: .45rem; height: .45rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.iqp-settings[open] summary::after { transform: rotate(-135deg) translateY(-1px); }
.iqp-settings .iqp-timing { margin-top: 1rem; }
/* The fields share rows: every label on one line, every select on the next. */
.iqp-fields { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.iqp-field { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.iqp-field label { font-size: .875rem; font-weight: 600; color: var(--iq-maroon); }
.iqp-field select { width: 100%; height: 2.75rem; padding: 0 2.5rem 0 .75rem; border: 1px solid rgba(71, 0, 20, .25); border-radius: 6px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23470014' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .9rem center; -webkit-appearance: none; appearance: none; text-overflow: ellipsis; font: inherit; font-size: 1rem; color: var(--iq-maroon); box-sizing: border-box; margin: 0; }
.iqp-field select:focus { outline: 2px solid var(--iq-maroon); outline-offset: 1px; }
.iqp-field.is-off { opacity: .45; }
.iqp-check { display: inline-flex; align-items: center; gap: .6rem; margin-top: 1rem; cursor: pointer; font-size: 1rem; color: var(--iq-maroon); }
.iqp-check input { width: 1.1rem; height: 1.1rem; margin: 0; accent-color: var(--iq-maroon); }
@media (min-width: 480px) {
  .iqp-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; }
}
.iqp .iqp-progress { margin: 0 0 1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--iq-line); font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-red); }
.iqp-actions.iqp-actions-flush { margin-top: 0; }
.iqp-limit { padding: 1.25rem 1.5rem; border-radius: 8px; background: #faf6e8; border: 1px solid rgba(71, 0, 20, .14); }
.iqp-limit .iqp-limit-text { margin: 0 0 1rem; font-size: 1.0625rem; line-height: 1.55; }
.iqp-limit-top { margin-bottom: 1.75rem; }
.iqp-left-limit { margin-top: 1.75rem; }

/* ── The set builder and the set summary ───────────────────────────────────── */
.iq-set-wrap .iq-h2 { margin-bottom: 1rem; }
.iqs-step + .iqs-step { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--iq-line); }
.iqp .iqs-label { margin: 0 0 .75rem; font-size: .8125rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--iq-soft); }
.iqs-fields { margin-top: 1rem; }
.iqp .iqs-count { margin-top: 1rem; font-size: .9375rem; color: var(--iq-soft); }
.iqp .iqs-free { margin-top: .75rem; }
.iqs-timing + .iqp-plan { margin: 1rem 0 0; color: var(--iq-soft); font-size: .9375rem; }
.iqs-summary { list-style: none; margin: 0 0 1.5rem; padding: 0; border-top: 1px solid var(--iq-line); counter-reset: iqs; }
.iqs-summary > li { counter-increment: iqs; position: relative; padding: 1rem 0 1rem 2.25rem; border-bottom: 1px solid var(--iq-line); }
.iqs-summary > li::before { content: counter(iqs); position: absolute; left: 0; top: 1rem; width: 1.6rem; font-family: var(--font-family--heading); font-size: 1.25rem; line-height: 1.4; color: var(--iq-red); }
.iqs-title { display: inline-block; font-size: 1.0625rem; line-height: 1.4; color: var(--iq-maroon); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.iqs-ratings { list-style: none; margin: .5rem 0 0; padding: 0; }
.iqs-ratings li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .1rem 1rem; font-size: .9375rem; padding: .2rem 0; }
.iqs-level { color: var(--iq-soft); font-variant-numeric: tabular-nums; }
.iqp .iqs-none { margin-top: .4rem; font-size: .9375rem; color: var(--iq-soft); }
.iqp-limit .button.is-secondary { background: #fff; box-shadow: inset 0 0 0 1px rgba(71, 0, 20, .18); }

/* ── The article: five applicants' accounts ───────────────────────────────── */
.iqa-h1 { font-size: clamp(2rem, 5.5vw, 3rem); }
.iq-page .iqa-byline { margin-top: 1.25rem; color: var(--iq-soft); font-size: 1rem; line-height: 1.6; }
.iqa-person { color: var(--iq-maroon); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.iqa-byline .iqa-person { color: inherit; }
.iqa-toc { margin: 0 0 2.5rem; padding: 1.25rem 1.5rem; background: #fff; border: 1px solid var(--iq-line); border-radius: 8px; }
.iqa-toc ol { margin: 0; padding-left: 1.25rem; }
.iqa-toc li { margin: 0; padding: .2rem 0; line-height: 1.45; }
.iqa-toc a { color: var(--iq-maroon); text-decoration: none; }
.iqa-toc a:hover { text-decoration: underline; text-underline-offset: .2em; }
.iqa-body { max-width: none; }
.iq-page .iqa-body > * + * { margin-top: 1rem; }
.iq-page .iqa-body > .iqa-h2 { margin: 3rem 0 1rem; scroll-margin-top: 7rem; }
.iq-page .iqa-body > .iqa-h3 { margin: 2.25rem 0 .75rem; font-size: 1.5rem; }
.iq-page .iqa-body > .iqa-h4 { margin: 1.75rem 0 .5rem; font-size: 1.25rem; }
.iq-page .iqa-body > .iqa-h2:first-child { margin-top: 0; }
.iq-page .iqa-body > h2 + *, .iq-page .iqa-body > h3 + * { margin-top: 0; }
.iqa-body ul { margin: 1rem 0 0; padding-left: 1.25rem; font-size: 1.12rem; line-height: 1.5; font-weight: 300; }
.iqa-body li { margin: 0; }
.iqa-body li + li { margin-top: .45rem; }
.iqa-body a:not(.iq-more):not(.iqa-person) { color: var(--iq-maroon); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }
.iqa-quote { margin: 0; padding: 1rem 1.25rem; border-left: 3px solid var(--iq-red); background: #fff; border-radius: 0 8px 8px 0; font-size: inherit; line-height: inherit; }
.iq-page .iqa-quote p + p { margin-top: .9rem; }
.iq-page .iqa-tip { padding: 1rem 1.25rem; border-radius: 8px; background: #faf6e8; border: 1px solid rgba(71, 0, 20, .12); }
.iq-page .iqa-cta { margin-top: 1.5rem; }
.iq-section .iqa-cta, .iq-section-sm .iqa-cta { margin-top: 1.25rem; }
.iqa-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.iqa-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--iq-line); border-radius: 8px; font-size: 1rem; }
.iqa-table th, .iqa-table td { padding: .7rem 1rem; text-align: left; border-bottom: 1px solid var(--iq-line); vertical-align: baseline; }
.iqa-table th { font-weight: 600; color: var(--iq-maroon); }
.iqa-table td + td, .iqa-table th + th { text-align: right; font-variant-numeric: tabular-nums; }
.iqa-table td + td { white-space: nowrap; }
@media (max-width: 479px) { .iqa-table th, .iqa-table td { padding: .6rem .75rem; } }
.iqa-table tr:last-child td { border-bottom: 0; }
/* The quote box on a question page: the quote and, after it, who said it, in one box (Kyle, 2026-10-22). */
.iqa-said { margin: 0; padding: 1rem 1.25rem; border-left: 3px solid var(--iq-red); background: #fff; border-radius: 0 8px 8px 0; }
.iqa-said .iqa-quote { padding: 0; border-left: 0; background: none; border-radius: 0; }
.iqa-said figcaption { margin-top: .75rem; text-align: left; font-weight: 500; }