/* Needle in the Haystack: theme layer for Parker's page. Loads after house.css, touches only existing hooks. */ :root { --hay: 224 170 58; --hay-deep: 184 128 40; --steel: 142 153 168; } :root:not([data-theme=light]) { --hay: 240 196 92; --hay-deep: 208 150 56; --steel: 201 209 220; } :root[data-theme=dark] { --hay: 240 196 92; --hay-deep: 208 150 56; --steel: 201 209 220; } /* Wordmark: white bubble letters outlined and extruded in the product purple, with the mark at left. */ h1.font-display, h1.font-display * { font-family: "Baloo 2", "Fredoka", Aptos, "Aptos Display", system-ui, sans-serif !important; } h1.font-display { display: flex; align-items: center; gap: 0.32em; font-size: 44px !important; font-weight: 800 !important; letter-spacing: 0.02em !important; line-height: 1.05 !important; color: #fff !important; text-wrap: balance; overflow: visible; } h1.font-display .hay-word { text-shadow: -2px 0 0 rgb(var(--purple-deep)), 2px 0 0 rgb(var(--purple-deep)), 0 -2px 0 rgb(var(--purple-deep)), 0 2px 0 rgb(var(--purple-deep)), -1.5px -1.5px 0 rgb(var(--purple-deep)), 1.5px -1.5px 0 rgb(var(--purple-deep)), -1.5px 1.5px 0 rgb(var(--purple-deep)), 1.5px 1.5px 0 rgb(var(--purple-deep)), 0 3px 0 rgb(var(--purple-deep)), 0 4px 0 rgb(var(--purple-deep)), 0 5px 0 rgb(var(--purple-deep)), 1px 6px 0 rgb(var(--purple-deep)), 0 10px 22px rgb(var(--purple) / 0.35); } h1.font-display .hay-mark { --hay-ink: rgb(var(--purple-deep)); flex: none; width: 1.45em; height: 1.45em; margin-top: -0.1em; overflow: visible; filter: drop-shadow(1px 0 0 var(--hay-ink)) drop-shadow(-1px 0 0 var(--hay-ink)) drop-shadow(0 1px 0 var(--hay-ink)) drop-shadow(0 -1px 0 var(--hay-ink)) drop-shadow(0 4px 0 var(--hay-ink)); } @media (max-width: 560px) { h1.font-display { font-size: 32px !important; gap: 0.3em; } } @media print { h1.font-display { color: rgb(var(--fg)) !important; } h1.font-display .hay-word { text-shadow: none; } } /* The mark glistens: the glint breathes and a sheen runs the length of the needle. */ .hay-mark .hay-glint { transform-origin: 57px 7px; animation: hay-glint 2.8s ease-in-out infinite; } .hay-mark .hay-glint2 { transform-origin: 49px 15px; animation: hay-glint 2.8s ease-in-out 0.9s infinite; } .hay-mark .hay-sheen { stroke-dasharray: 7 70; stroke-dashoffset: 77; animation: hay-sheen 2.8s linear infinite; } @keyframes hay-glint { 0%, 100% { transform: scale(0.72); opacity: 0.75; } 45% { transform: scale(1.12); opacity: 1; } } @keyframes hay-sheen { to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { .hay-mark .hay-glint, .hay-mark .hay-glint2, .hay-mark .hay-sheen { animation: none; } .hay-mark .hay-sheen { stroke-dashoffset: 0; } } /* Tabs: the active tab is underlined by a needle, glint at its point. */ .tabnav-a { position: relative; } .tabnav-a[aria-current="page"] { border-bottom-color: transparent !important; background: linear-gradient(90deg, rgb(var(--purple)) 0%, rgb(var(--purple)) 72%, rgb(var(--steel)) 100%) left bottom / 100% 2px no-repeat; background-origin: border-box; } .tabnav-a[aria-current="page"]::after { content: ""; position: absolute; right: -6px; bottom: -5px; width: 10px; height: 10px; background: rgb(var(--hay)); clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%); } /* Thinking: the spark is the glint off the needle. */ .th-spark { background: rgb(var(--hay)) !important; filter: drop-shadow(0 0 3px rgb(var(--hay) / 0.7)); } .th-steps li.is-now::before { border-top-color: rgb(var(--hay)) !important; } /* Eyebrows that open the answer and the CEO move carry the needle glyph. */ .nd-lead > .nd-eyebrow::before, .p2-eyebrow::before { content: ""; display: inline-block; flex: none; width: 17px; height: 17px; margin-right: 2px; align-self: center; vertical-align: -3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21 20 4' stroke='%237A4BB5' stroke-width='4.2' stroke-linecap='round'/%3E%3Cpath d='M3 21 20 4' stroke='%23D6DDE6' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M20 1 20.9 3.1 23 4 20.9 4.9 20 7 19.1 4.9 17 4 19.1 3.1Z' fill='%23E8B84A' stroke='%237A4BB5' stroke-width='.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; } .p2-eyebrow { display: inline-flex; align-items: center; gap: 6px; } /* Hero prompt: a haystack beside "Part 1"; the Part 2 chip carries the needle. */ button[data-hero] > span:first-child { display: flex !important; align-items: center; gap: 6px; } button[data-hero] > span:first-child::before { content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cdefs%3E%3CradialGradient id=%22hay-gh%22 cx=%2238%25%22 cy=%2228%25%22 r=%2280%25%22%3E%3Cstop offset=%220%22 stop-color=%22%23F2CF6B%22/%3E%3Cstop offset=%22.55%22 stop-color=%22%23D9AC43%22/%3E%3Cstop offset=%221%22 stop-color=%22%23A4741F%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22hay-sh%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFFFFF%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23C9D2DD%22/%3E%3Cstop offset=%221%22 stop-color=%22%237F8B9C%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cellipse cx=%2233%22 cy=%2258%22 rx=%2229%22 ry=%222.4%22 fill=%22%236B4410%22 opacity=%22.35%22/%3E%3Cpath d=%22M8.0 57.5 2.2 58.9%22 stroke=%22%23DBAE45%22 stroke-width=%221.20%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M12.0 57.5 7.7 60.1%22 stroke=%22%23C8962F%22 stroke-width=%221.20%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M16.0 57.5 12.1 56.9%22 stroke=%22%23EBC45C%22 stroke-width=%221.20%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M50.0 57.5 54.8 59.0%22 stroke=%22%23DBAE45%22 stroke-width=%221.20%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M55.0 57.5 60.9 56.3%22 stroke=%22%23C8962F%22 stroke-width=%221.20%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M46.0 57.5 49.3 59.8%22 stroke=%22%23EBC45C%22 stroke-width=%221.20%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M30.0 57.5 35.0 58.0%22 stroke=%22%23B07E24%22 stroke-width=%221.20%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M15.8 20.9 11.0 13.1%22 stroke=%22%23DBAE45%22 stroke-width=%221.02%22 stroke-linecap=%22round%22 opacity=%220.96%22/%3E%3Cpath d=%22M51.9 22.5 56.0 15.0%22 stroke=%22%23DBAE45%22 stroke-width=%221.29%22 stroke-linecap=%22round%22 opacity=%220.88%22/%3E%3Cpath d=%22M12.5 28.5 6.5 29.4%22 stroke=%22%23F6DB80%22 stroke-width=%221.32%22 stroke-linecap=%22round%22 opacity=%220.91%22/%3E%3Cpath d=%22M51.9 18.2 56.2 12.2%22 stroke=%22%23DBAE45%22 stroke-width=%221.18%22 stroke-linecap=%22round%22 opacity=%220.90%22/%3E%3Cpath d=%22M46.2 14.9 49.5 4.4%22 stroke=%22%23EBC45C%22 stroke-width=%221.14%22 stroke-linecap=%22round%22 opacity=%220.85%22/%3E%3Cpath d=%22M49.0 14.6 55.9 13.8%22 stroke=%22%23EBC45C%22 stroke-width=%221.00%22 stroke-linecap=%22round%22 opacity=%220.98%22/%3E%3Cpath d=%22M54.1 52.6 58.8 46.6%22 stroke=%22%23F6DB80%22 stroke-width=%220.94%22 stroke-linecap=%22round%22 opacity=%220.86%22/%3E%3Cpath d=%22M24.6 9.1 20.9 3.8%22 stroke=%22%23EBC45C%22 stroke-width=%221.32%22 stroke-linecap=%22round%22 opacity=%220.88%22/%3E%3Cpath d=%22M27.8 7.7 26.0 2.2%22 stroke=%22%23EBC45C%22 stroke-width=%221.06%22 stroke-linecap=%22round%22 opacity=%220.86%22/%3E%3Cpath d=%22M51.8 21.2 61.7 21.9%22 stroke=%22%23DBAE45%22 stroke-width=%221.15%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M53.9 30.2 62.9 30.2%22 stroke=%22%23C8962F%22 stroke-width=%221.34%22 stroke-linecap=%22round%22 opacity=%220.95%22/%3E%3Cpath d=%22M50.6 16.6 54.7 10.2%22 stroke=%22%23C8962F%22 stroke-width=%221.05%22 stroke-linecap=%22round%22 opacity=%220.87%22/%3E%3Cpath d=%22M54.0 26.4 59.4 27.3%22 stroke=%22%23C8962F%22 stroke-width=%221.07%22 stroke-linecap=%22round%22 opacity=%220.95%22/%3E%3Cpath d=%22M36.2 9.6 36.3 -0.9%22 stroke=%22%23EBC45C%22 stroke-width=%221.28%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M9.9 45.9 4.7 41.6%22 stroke=%22%23EBC45C%22 stroke-width=%221.28%22 stroke-linecap=%22round%22 opacity=%220.95%22/%3E%3Cpath d=%22M18.5 14.7 14.3 8.2%22 stroke=%22%23EBC45C%22 stroke-width=%221.22%22 stroke-linecap=%22round%22 opacity=%220.97%22/%3E%3Cpath d=%22M11.6 36.0 7.1 30.0%22 stroke=%22%23DBAE45%22 stroke-width=%221.09%22 stroke-linecap=%22round%22 opacity=%221.00%22/%3E%3Cpath d=%22M52.8 24.5 59.7 21.0%22 stroke=%22%23C8962F%22 stroke-width=%221.16%22 stroke-linecap=%22round%22 opacity=%220.94%22/%3E%3Cpath d=%22M21.7 10.2 20.7 2.7%22 stroke=%22%23C8962F%22 stroke-width=%220.91%22 stroke-linecap=%22round%22 opacity=%220.97%22/%3E%3Cpath d=%22M7.0 58.0 L7.2 48.6 L7.3 44.7 L7.5 41.7 L7.7 39.2 L8.0 37.0 L8.2 35.1 L8.5 33.2 L8.8 31.6 L9.1 30.0 L9.4 28.5 L9.8 27.2 L10.1 25.8 L10.5 24.6 L10.8 23.4 L11.2 22.3 L11.6 21.2 L12.0 20.2 L12.4 19.2 L12.8 18.3 L13.2 17.4 L13.6 16.5 L14.1 15.7 L14.5 14.9 L14.9 14.1 L15.4 13.4 L15.8 12.7 L16.3 12.1 L16.8 11.5 L17.3 10.9 L17.8 10.3 L18.3 9.8 L18.8 9.3 L19.3 8.8 L19.9 8.4 L20.4 8.0 L21.0 7.6 L21.6 7.2 L22.2 6.9 L22.8 6.6 L23.4 6.3 L24.0 6.1 L24.7 5.8 L25.4 5.6 L26.0 5.5 L26.8 5.3 L27.5 5.2 L28.2 5.1 L29.0 5.1 L29.7 5.0 L30.5 5.0 L31.3 5.0 L32.1 5.1 L32.9 5.1 L33.7 5.2 L34.6 5.3 L35.4 5.5 L36.3 5.6 L37.1 5.8 L38.0 6.1 L38.8 6.3 L39.7 6.6 L40.6 6.9 L41.4 7.2 L42.3 7.6 L43.1 8.0 L43.9 8.4 L44.8 8.8 L45.6 9.3 L46.4 9.8 L47.2 10.3 L47.9 10.9 L48.7 11.5 L49.4 12.1 L50.1 12.7 L50.7 13.4 L51.4 14.1 L52.0 14.9 L52.6 15.7 L53.1 16.5 L53.7 17.4 L54.1 18.3 L54.6 19.2 L55.0 20.2 L55.4 21.2 L55.8 22.3 L56.1 23.4 L56.4 24.6 L56.6 25.8 L56.8 27.2 L57.0 28.5 L57.1 30.0 L57.2 31.6 L57.3 33.2 L57.4 35.1 L57.4 37.0 L57.4 39.2 L57.3 41.7 L57.2 44.7 L57.1 48.6 L57.0 58.0 C50 60.5 14 60.5 7.0 58.0 Z%22 fill=%22url(%23hay-gh)%22/%3E%3Cpath d=%22M30.2 34.2Q28.3 37.9 26.5 41.6%22 stroke=%22%23DBAE45%22 stroke-width=%221.26%22 stroke-linecap=%22round%22 opacity=%220.80%22/%3E%3Cpath d=%22M40.5 46.8Q43.7 49.0 44.4 52.8%22 stroke=%22%23B07E24%22 stroke-width=%220.96%22 stroke-linecap=%22round%22 opacity=%220.92%22/%3E%3Cpath d=%22M41.9 37.2Q44.0 38.9 44.7 41.5%22 stroke=%22%238F6118%22 stroke-width=%221.27%22 stroke-linecap=%22round%22 opacity=%220.80%22/%3E%3Cpath d=%22M29.6 49.5Q30.0 54.3 28.9 59.0%22 stroke=%22%23B07E24%22 stroke-width=%221.25%22 stroke-linecap=%22round%22 opacity=%220.86%22/%3E%3Cpath d=%22M52.7 42.2Q54.9 44.8 56.5 47.7%22 stroke=%22%238F6118%22 stroke-width=%221.10%22 stroke-linecap=%22round%22 opacity=%220.94%22/%3E%3Cpath d=%22M53.1 24.9Q54.1 30.3 54.8 35.7%22 stroke=%22%238F6118%22 stroke-width=%220.90%22 stroke-linecap=%22round%22 opacity=%220.98%22/%3E%3Cpath d=%22M8.2 38.0Q5.2 39.8 3.4 42.9%22 stroke=%22%23DBAE45%22 stroke-width=%220.96%22 stroke-linecap=%22round%22 opacity=%220.99%22/%3E%3Cpath d=%22M36.4 28.2Q38.8 32.6 40.8 37.3%22 stroke=%22%23DBAE45%22 stroke-width=%220.99%22 stroke-linecap=%22round%22 opacity=%220.78%22/%3E%3Cpath d=%22M16.3 18.6Q11.9 21.5 7.1 23.8%22 stroke=%22%23F9E6A0%22 stroke-width=%221.11%22 stroke-linecap=%22round%22 opacity=%220.80%22/%3E%3Cpath d=%22M53.6 38.7Q58.4 42.1 62.6 46.5%22 stroke=%22%238F6118%22 stroke-width=%221.05%22 stroke-linecap=%22round%22 opacity=%220.94%22/%3E%3Cpath d=%22M21.2 8.0Q20.1 12.4 18.6 16.7%22 stroke=%22%23F6DB80%22 stroke-width=%221.07%22 stroke-linecap=%22round%22 opacity=%220.84%22/%3E%3Cpath d=%22M37.3 50.8Q39.5 53.2 39.8 56.4%22 stroke=%22%23B07E24%22 stroke-width=%221.54%22 stroke-linecap=%22round%22 opacity=%220.81%22/%3E%3Cpath d=%22M46.9 54.8Q51.0 59.1 53.0 64.7%22 stroke=%22%238F6118%22 stroke-width=%221.52%22 stroke-linecap=%22round%22 opacity=%220.86%22/%3E%3Cpath d=%22M17.8 42.0Q16.9 47.4 17.3 52.8%22 stroke=%22%23B07E24%22 stroke-width=%221.32%22 stroke-linecap=%22round%22 opacity=%220.79%22/%3E%3Cpath d=%22M36.4 50.0Q37.1 53.5 36.2 57.0%22 stroke=%22%238F6118%22 stroke-width=%221.54%22 stroke-linecap=%22round%22 opacity=%220.75%22/%3E%3Cpath d=%22M29.9 7.3Q29.2 11.2 31.0 14.8%22 stroke=%22%23DBAE45%22 stroke-width=%221.30%22 stroke-linecap=%22round%22 opacity=%220.84%22/%3E%3Cpath d=%22M44.1 35.6Q44.5 38.5 47.3 39.7%22 stroke=%22%23DBAE45%22 stroke-width=%220.91%22 stroke-linecap=%22round%22 opacity=%220.93%22/%3E%3Cpath d=%22M32.0 43.4Q31.8 49.6 34.1 55.2%22 stroke=%22%23B07E24%22 stroke-width=%220.95%22 stroke-linecap=%22round%22 opacity=%220.93%22/%3E%3Cpath d=%22M46.8 42.0Q45.6 47.7 46.9 53.4%22 stroke=%22%23B07E24%22 stroke-width=%221.15%22 stroke-linecap=%22round%22 opacity=%220.98%22/%3E%3Cpath d=%22M28.2 46.7Q26.0 50.6 24.4 54.9%22 stroke=%22%238F6118%22 stroke-width=%221.34%22 stroke-linecap=%22round%22 opacity=%220.90%22/%3E%3Cpath d=%22M8.7 38.5Q3.9 41.4 -0.7 44.7%22 stroke=%22%23DBAE45%22 stroke-width=%221.41%22 stroke-linecap=%22round%22 opacity=%220.93%22/%3E%3Cpath d=%22M29.6 49.3Q32.2 53.7 33.3 58.8%22 stroke=%22%23B07E24%22 stroke-width=%220.92%22 stroke-linecap=%22round%22 opacity=%220.87%22/%3E%3Cpath d=%22M44.5 30.9Q45.2 36.6 47.0 42.0%22 stroke=%22%238F6118%22 stroke-width=%221.08%22 stroke-linecap=%22round%22 opacity=%220.83%22/%3E%3Cpath d=%22M15.7 13.2Q11.2 14.7 7.0 17.2%22 stroke=%22%23F9E6A0%22 stroke-width=%221.21%22 stroke-linecap=%22round%22 opacity=%220.83%22/%3E%3Cpath d=%22M15.5 27.3Q11.9 31.7 7.5 35.4%22 stroke=%22%23DBAE45%22 stroke-width=%221.52%22 stroke-linecap=%22round%22 opacity=%220.90%22/%3E%3Cpath d=%22M11.9 30.8Q8.5 35.2 3.7 38.0%22 stroke=%22%23F6DB80%22 stroke-width=%221.40%22 stroke-linecap=%22round%22 opacity=%220.82%22/%3E%3Cpath d=%22M30.1 18.9Q29.9 22.9 31.8 26.6%22 stroke=%22%23DBAE45%22 stroke-width=%221.34%22 stroke-linecap=%22round%22 opacity=%220.83%22/%3E%3Cpath d=%22M45.1 34.8Q49.0 38.7 50.2 44.0%22 stroke=%22%238F6118%22 stroke-width=%220.91%22 stroke-linecap=%22round%22 opacity=%220.86%22/%3E%3Cpath d=%22M40.5 28.1Q42.0 32.8 41.7 37.6%22 stroke=%22%23DBAE45%22 stroke-width=%221.47%22 stroke-linecap=%22round%22 opacity=%220.92%22/%3E%3Cpath d=%22M31.6 13.6Q33.9 17.1 35.3 21.1%22 stroke=%22%23DBAE45%22 stroke-width=%221.40%22 stroke-linecap=%22round%22 opacity=%220.82%22/%3E%3Cpath d=%22M44.4 32.1Q46.8 36.9 46.6 42.2%22 stroke=%22%23DBAE45%22 stroke-width=%221.18%22 stroke-linecap=%22round%22 opacity=%220.98%22/%3E%3Cpath d=%22M11.5 28.5Q7.2 32.3 4.4 37.4%22 stroke=%22%23F6DB80%22 stroke-width=%221.16%22 stroke-linecap=%22round%22 opacity=%220.97%22/%3E%3Cpath d=%22M41.8 15.1Q41.8 20.6 44.2 25.5%22 stroke=%22%23DBAE45%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 opacity=%220.80%22/%3E%3Cpath d=%22M35.1 46.7Q36.7 52.2 37.8 57.7%22 stroke=%22%238F6118%22 stroke-width=%221.50%22 stroke-linecap=%22round%22 opacity=%220.77%22/%3E%3Cpath d=%22M35.9 45.5Q37.2 48.0 36.4 50.7%22 stroke=%22%238F6118%22 stroke-width=%221.47%22 stroke-linecap=%22round%22 opacity=%220.95%22/%3E%3Cpath d=%22M23.4 46.5Q23.4 49.6 24.6 52.5%22 stroke=%22%23DBAE45%22 stroke-width=%221.26%22 stroke-linecap=%22round%22 opacity=%220.96%22/%3E%3Cpath d=%22M16.8 32.4Q15.8 37.4 15.1 42.4%22 stroke=%22%23DBAE45%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 opacity=%220.96%22/%3E%3Cpath d=%22M22.1 24.6Q18.5 29.0 15.1 33.5%22 stroke=%22%23F6DB80%22 stroke-width=%221.05%22 stroke-linecap=%22round%22 opacity=%220.99%22/%3E%3Cpath d=%22M37.2 14.9Q38.1 19.0 39.1 23.2%22 stroke=%22%23B07E24%22 stroke-width=%221.32%22 stroke-linecap=%22round%22 opacity=%220.99%22/%3E%3Cpath d=%22M27.2 47.3Q26.9 51.5 25.9 55.6%22 stroke=%22%238F6118%22 stroke-width=%221.38%22 stroke-linecap=%22round%22 opacity=%220.88%22/%3E%3Cpath d=%22M19.6 29.6Q20.3 33.6 19.8 37.6%22 stroke=%22%23F6DB80%22 stroke-width=%221.47%22 stroke-linecap=%22round%22 opacity=%220.87%22/%3E%3Cpath d=%22M15.1 37.4Q13.6 40.0 10.8 41.5%22 stroke=%22%23B07E24%22 stroke-width=%221.45%22 stroke-linecap=%22round%22 opacity=%220.80%22/%3E%3Cpath d=%22M43.8 21.4Q46.3 25.3 48.9 29.3%22 stroke=%22%23DBAE45%22 stroke-width=%220.97%22 stroke-linecap=%22round%22 opacity=%220.78%22/%3E%3Cpath d=%22M18.5 14.7Q17.0 18.6 13.8 21.2%22 stroke=%22%23F6DB80%22 stroke-width=%221.16%22 stroke-linecap=%22round%22 opacity=%220.88%22/%3E%3C/g%3E%3Cpath d=%22M29.5 36.5 57 7 34.3 41.1A3 3 0 0 1 29.5 36.5Z%22 fill=%22url(%23hay-sh)%22 stroke=%22%237A4BB5%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%2234.6%22 cy=%2235.6%22 rx=%221%22 ry=%222.6%22 transform=%22rotate(42 35.4 36)%22 fill=%22%237A4BB5%22/%3E%3Cpath d=%22M37 32 54 12%22 stroke=%22%23fff%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 opacity=%22.95%22/%3E%3Cpath d=%22M27 41Q33 38 38 43M29 47Q34 42 39 46M30 35Q33 40 34 45%22 fill=%22none%22 stroke=%22%23B07E24%22 stroke-width=%221.3%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M57 0 58.9 5.6 64.5 7.5 58.9 9.4 57 15 55.1 9.4 49.5 7.5 55.1 5.6Z%22 fill=%22%23fff%22 stroke=%22%237A4BB5%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M48 14 48.7 15.8 50.5 16.5 48.7 17.2 48 19 47.3 17.2 45.5 16.5 47.3 15.8Z%22 fill=%22%23fff%22 stroke=%22%237A4BB5%22 stroke-width=%22.8%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; } button[data-p2-chip]::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21 20 4' stroke='%237A4BB5' stroke-width='4.2' stroke-linecap='round'/%3E%3Cpath d='M3 21 20 4' stroke='%23D6DDE6' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M20 1 20.9 3.1 23 4 20.9 4.9 20 7 19.1 4.9 17 4 19.1 3.1Z' fill='%23E8B84A' stroke='%237A4BB5' stroke-width='.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; } [aria-label="Ask next"] button:hover, button[data-p2-chip]:hover { border-color: rgb(var(--hay)) !important; } /* Composer: focus glints gold instead of purple. */ form .focus-within\:border-purple:focus-within { border-color: rgb(var(--hay)) !important; box-shadow: 0 0 0 3px rgb(var(--hay) / 0.18) !important; } /* Phones (judges scanning the QR code). The findings table turns into stacked cards so no column is hidden off-screen, the smallest labels come up to 11px, and the tap targets for summaries and source links grow. */ @media (max-width: 640px) { .ft-scroll { overflow: visible; } .ft-table { display: block; width: auto; min-width: 0; } .ft-table thead { display: none; } .ft-table tbody { display: grid; } .ft-table tbody tr { display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 10px; padding: 14px 0; border-top: 1px solid rgb(var(--line)); } .ft-table tbody tr:first-child { border-top: 0; } .ft-table td { display: block; grid-column: 2; min-width: 0; max-width: none; padding: 0; border: 0 !important; } .ft-table td.ft-n { grid-column: 1; grid-row: 1 / span 5; padding-top: 1px; } .ft-table td.ft-finding { font-size: 15px; line-height: 1.45; } .ft-table td.ft-src, .ft-table td.ft-impact, .ft-table td.ft-peer, .ft-table td.ft-conf { margin-top: 10px; } .ft-table td.ft-src::before, .ft-table td.ft-impact::before, .ft-table td.ft-peer::before, .ft-table td.ft-conf::before { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: rgb(var(--muted)); } .ft-table td.ft-src::before { content: "Source"; } .ft-table td.ft-impact::before { content: "Impact"; } .ft-table td.ft-peer::before { content: "Peer comparison"; } .ft-table td.ft-conf::before { content: "Confidence"; } .ft-table td.ft-src a { display: inline; } .ft-table td.ft-src .ft-src-page { margin-left: 6px; } .ft-table td.ft-src .ft-src-page::before { content: ""; } .text-\[10\.5px\] { font-size: 11px !important; } .nd-call, .ft-math-k { font-size: 11px; } details > summary { padding-block: 5px; } .cite-note { padding-block: 2px; } .nd-lead-link, .nd-sec-link { display: inline-block; padding-block: 4px; } }