.insights { --paper: #f5f6f5; --ink: #102b3c; --muted: #4b6070; --radius: .25rem; }
.insights .topbar { background: rgb(245 246 245 / 97%); }
.insights h1, .insights h2, .insights h3 { text-wrap: balance; }
.insights h1 em, .insights h2 em { color: #1488c9; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
.insights .button { border-radius: .2rem; }
.insights .button:focus-visible, .insights a:focus-visible { outline: 3px solid #0878bd; outline-offset: 5px; }
.insights-hero { padding: clamp(4rem, 8vw, 7rem) 0; color: white; background: radial-gradient(circle at 87% 18%, rgb(95 181 226 / 18%), transparent 34%), #102b3c; }
.insights-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .7fr); align-items: end; gap: clamp(2rem, 7vw, 7rem); }
.insights-hero .eyebrow { color: #9fdbff; }
.insights-hero h1 em { color: #9fdbff; }
.insights-hero h1 { max-width: 14ch; font-size: clamp(3rem, 6vw, 5.8rem); }
.insights-hero .lead { color: #e2edf3; }
.insights-hero .button { border-color: #b6e4ff; background: #b6e4ff; color: #102b3c; }
.insights-hero .button:hover { border-color: white; background: white; color: #102b3c; }
.insights-hero .button:focus-visible { outline-color: #b6e4ff; }
.insights-prompt { border-top: 1px solid #7ea1b6; padding-top: 1.3rem; }
.insights-prompt .prompt-title { color: #9fdbff; font-size: .76rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.insights-prompt ol { margin: 0; padding-left: 1.7rem; }
.insights-prompt li { padding: .85rem 0; border-bottom: 1px solid #527085; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.35; }
.insights section.content { padding-block: clamp(4rem, 7vw, 7rem); }
.insights .section-head { max-width: 54rem; }
.insights .section-head h2 { max-width: 18ch; }
.note-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.note { display: flex; min-width: 0; flex-direction: column; padding: 1.6rem 0 1rem; border-top: 3px solid #0878bd; }
.note:nth-child(2) { border-top-color: #075e4f; }
.note:nth-child(3) { border-top-color: #85400f; }
.note-index { margin-bottom: 1.4rem; color: #075282; font-size: .75rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.note:nth-child(2) .note-index { color: #075e4f; }
.note:nth-child(3) .note-index { color: #85400f; }
.note h3 { max-width: 22ch; font-size: clamp(1.45rem, 2vw, 1.8rem); }
.note > p:not(.note-index) { color: #344c61; }
.note .note-takeaway { margin-top: auto; padding-top: 1.15rem; border-top: 1px solid #bbcbd6; }
.assessment { background: #e3eef5; }
.assessment-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.assessment-intro { position: sticky; top: 7.5rem; }
.assessment-intro h2 { font-size: clamp(2.4rem, 4vw, 3.8rem); }
.assessment-intro h2 em { color: #075282; }
.privacy-hint { padding-top: 1rem; border-top: 1px solid #a8bfce; color: #344c61; font-size: .95rem; }
.assessment-panel { padding: clamp(1.25rem, 3vw, 2.3rem); border: 1px solid #b8cbd8; border-top: 4px solid #0878bd; border-radius: .2rem; background: white; }
.assessment-panel fieldset { min-width: 0; margin: 0 0 1.9rem; padding: 0 0 1.8rem; border: 0; border-bottom: 1px solid #d4dee8; }
.assessment-panel legend { display: block; width: 100%; margin-bottom: .8rem; padding: 0; color: #102b3c; font-size: 1.13rem; font-weight: 760; line-height: 1.4; }
.question-number { margin-right: .55rem; color: #075282; font-family: Georgia, 'Times New Roman', serif; font-size: 1.55rem; font-style: italic; font-weight: 400; }
.assessment-panel label { display: flex; align-items: flex-start; gap: .7rem; min-height: 3.1rem; margin: .45rem 0; padding: .68rem .8rem; border: 1px solid #c8d8e2; border-radius: .2rem; cursor: pointer; line-height: 1.45; }
.assessment-panel label:hover { border-color: #075282; background: #f5faff; }
.assessment-panel label:has(input:checked) { border-color: #075282; background: #e6f3fb; box-shadow: inset 4px 0 #075282; }
.assessment-panel label:has(input:focus-visible) { outline: 3px solid #0878bd; outline-offset: 3px; }
.assessment-panel input { width: 1.2rem; height: 1.2rem; flex: 0 0 auto; margin: .1rem 0 0; accent-color: #075282; }
.assessment-panel .field-error { margin: 0 0 .8rem; padding: .55rem .7rem; border-left: 3px solid #8b2d19; background: #fff2ee; color: #742512; font-weight: 700; }
.assessment-panel .field-error[hidden] { display: none; }
.assessment-panel fieldset.has-error { border-bottom-color: #8b2d19; }
.assessment-panel .button { cursor: pointer; font: inherit; }
.assessment-result { margin-top: 2rem; padding-top: 1.5rem; border-top: 3px solid #075282; }
.assessment-result[hidden], .assessment-panel form[hidden] { display: none; }
.assessment-result h3 { font-size: clamp(1.7rem, 2.5vw, 2.3rem); }
.assessment-result h3:focus { outline: 3px solid #0878bd; outline-offset: 4px; }
.assessment-result .result-caveat { margin-top: 1.4rem; color: #4b6070; font-size: .88rem; }
.assessment-result .button { margin-top: .5rem; }
@media (max-width: 850px) {
  .insights-hero-grid, .assessment-grid { grid-template-columns: minmax(0, 1fr); }
  .assessment-intro { position: static; }
  .note-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .insights-hero { padding-block: 3rem; }
  .insights-hero h1 { font-size: clamp(2.8rem, 10vw, 4rem); }
  .note-grid { grid-template-columns: minmax(0, 1fr); }
  .note { padding-bottom: .6rem; }
  .insights .topbar { position: static; }
  .insights .links { flex-wrap: wrap; gap: .2rem .7rem; }
  .insights .links a { min-height: 2.6rem; display: inline-flex; align-items: center; }
}
@media (forced-colors: active) {
  .insights .topbar { background: Canvas; backdrop-filter: none; }
  .assessment-panel label:has(input:checked) { border-width: 2px; }
  .assessment-panel .field-error { border-color: Mark; color: CanvasText; background: Canvas; }
}