/* Question-led pages (findability, 31 Oct 2026). Site tokens and the .v2-page components only: this file styles
   .page-answers and the footer's Questions column, and changes nothing on any existing page. */
.page-answers main h1 { font-size:clamp(2.05rem,2.5vw + 1.05rem,3.6rem);font-stretch:112%;font-weight:440;line-height:1.05;letter-spacing:-.03em;max-width:25ch; }
.page-answers main h2 { font-size:clamp(1.55rem,1.25vw + 1rem,2.35rem);font-stretch:108%;line-height:1.12; }
.page-answers main h3 { font-size:1.2rem; }
.page-answers .answer-crumbs { display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.9375rem;color:var(--ink-2);margin-bottom:22px; }
.page-answers .answer-crumbs a { color:var(--accent);font-weight:600;font-stretch:92%; }
.page-answers .answer { color:var(--ink);max-width:40em; }
.page-answers .answer-note { color:var(--ink-2);margin-top:16px;max-width:44em; }
.page-answers main section { margin-top:clamp(56px,6vw,88px);max-width:1000px; }
.page-answers main section>p,.page-answers main section>ul,.page-answers main section>ol { max-width:72ch; }
.page-answers main section>h2 + ul,.page-answers main section>h2 + ol { margin-top:18px; }
.page-answers main section>ul + p,.page-answers main section>ol + p { margin-top:18px; }
.page-answers .answer-figure { margin:36px 0 0;max-width:1000px; }
.page-answers .answer-figure img { width:100%;background:var(--surface-2); }
.page-answers .answer-trio { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0 0;max-width:1200px; }
.page-answers .answer-trio figure { margin:0;min-width:0; }
.page-answers .answer-trio img { width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--surface-2); }
.page-answers .answer-trio-note { font-size:.875rem;line-height:1.5;color:var(--ink-2);margin-top:14px; }
.page-answers .answer-maps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;max-width:760px; }
.page-answers .answer-maps[data-count="3"] { grid-template-columns:repeat(3,minmax(0,1fr));max-width:570px; }
.page-answers .answer-maps figure { margin:0;min-width:0; }
.page-answers .answer-maps img { width:100%;aspect-ratio:1;object-fit:cover;background:var(--surface-2); }
.page-answers .answer-maps figcaption { margin-top:8px; }
.page-answers .answer-maps-note { font-size:.875rem;line-height:1.5;color:var(--ink-2);margin-top:12px; }
.page-answers .answer-limits { border:1px solid var(--line);background:var(--surface);padding:clamp(22px,3vw,34px); }
.page-answers .answer-limits ul { margin-top:18px; }
.page-answers .answer-limits-foot { font-size:.875rem;line-height:1.5;color:var(--ink-2);margin-top:20px; }
.page-answers .answer-faq details:last-of-type { border-bottom:1px solid var(--line); }
.page-answers .answer-faq h2 { margin-bottom:22px; }
.page-answers .answer-faq p { max-width:72ch; }
.page-answers .answer-table th:first-child { min-width:150px; }
.page-answers .answer-table td code { white-space:normal; }
.page-answers .answer-table th a { display:inline-block;padding-block:3px; }
.page-answers .answer-cards h3 a { display:inline-block;padding-block:2px; }
.page-answers .answer-more { margin-top:clamp(40px,5vw,64px);padding-top:32px;border-top:1px solid var(--line);max-width:1000px; }
.page-answers .answer-more ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 32px;margin-top:16px;padding-left:0;list-style:none; }
.page-answers .answer-more li,.page-answers .answer-more li + li { margin:0; }
.page-answers .answer-more a { display:flex;align-items:center;min-height:44px; }
.page-answers .answer-cards { grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0; }
.page-answers .answer-cards h3 a { text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:.18em; }
.page-answers .answer-cards p { font-size:.9375rem;line-height:1.55;color:var(--ink-2);margin-top:12px; }
/* the footer's Questions column: as wide as two columns, so each link stays on one line where it can */
.foot-links [data-question-links] { grid-column:span 2; }
.foot-links:has([data-question-links]) [data-six-material-links] { align-self:start;align-content:start; }
.foot-links [data-question-links] a { min-height:36px;line-height:1.3;padding-block:6px; }
@media (max-width:1100px) {
  .page-answers .answer-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .page-answers main h1 { max-width:none; }
  .page-answers .growth-actions .button { width:100%; }
  .page-answers .answer-trio { grid-template-columns:1fr; }
  .page-answers .answer-maps,.page-answers .answer-maps[data-count="3"] { grid-template-columns:repeat(2,minmax(0,1fr));max-width:none; }
  .page-answers .answer-more ul,.page-answers .answer-cards { grid-template-columns:1fr; }
  /* a table reads as stacked rows on a phone, so nothing scrolls sideways */
  .page-answers .answer-table thead { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0); }
  .page-answers .answer-table,.page-answers .answer-table tbody,.page-answers .answer-table tr,.page-answers .answer-table th,.page-answers .answer-table td { display:block;width:100%; }
  .page-answers .answer-table tr { padding:8px 0;border-bottom:1px solid var(--line); }
  .page-answers .answer-table tr:last-child { border-bottom:0; }
  .page-answers .answer-table th[scope=row] { background:none;border:0;padding:12px 16px 4px; }
  .page-answers .answer-table td { border:0;padding:6px 16px; }
  .page-answers .answer-table td::before { content:attr(data-label);display:block;font-size:.8125rem;font-weight:600;color:var(--ink-2); }
}