:root {
  --ink:#102a33;
  --teal:#0c656c;
  --paper:#f8faf6;
  --white:#fff;
  --mint:#ddf4ed;
  --lime:#e8e55b;
  --muted:#52656d;
  --line:#d7e0dc;
  --warning-bg:#fff4cf;
  --warning-ink:#775100;
  --danger:#9b3427;
  --radius-control:8px;
  --radius-card:16px;
  --radius-panel:24px;
  --shadow:0 16px 48px rgb(16 42 51 / 9%);
  --content-max:1200px;
  --reading-max:720px
}
* {
  box-sizing:border-box
}
html {
  scroll-padding-top:90px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:400 17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
a {
  color:var(--teal);
  text-underline-offset:3px
}
a:hover {
  color:var(--ink)
}
:focus-visible {
  outline:3px solid var(--teal);
  outline-offset:3px
}
img {
  max-width:100%
}
.container {
  max-width:calc(var(--content-max) + 64px);
  margin:0 auto;
  padding-left:32px;
  padding-right:32px
}
.skip-link {
  position:absolute;
  top:-100px;
  left:12px;
  z-index:50;
  background:var(--white);
  padding:8px 16px
}
.skip-link:focus {
  top:8px
}
.preview-strip {
  height:28px;
  background:var(--mint);
  font-size:12px;
  line-height:28px;
  text-align:center;
  font-weight:600
}
.site-header {
  position:sticky;
  top:0;
  z-index:30;
  background:var(--paper);
  border-bottom:1px solid var(--line)
}
.header-inner {
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}
.brand {
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  text-decoration:none;
  font-size:24px;
  font-weight:700;
  letter-spacing:-.04em;
  white-space:nowrap
}
.brand:hover {
  color:var(--ink)
}
.header-nav,.header-actions {
  display:flex;
  align-items:center;
  gap:28px
}
.header-nav a,.language-link {
  color:var(--ink);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap
}
.header-nav a:hover,.language-link:hover {
  text-decoration:underline
}
.header-nav .menu-book,.header-nav .menu-book:hover {
  color:var(--white)
}
.language-link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 6px
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:10px 20px;
  border-radius:var(--radius-control);
  font-size:15px;
  font-weight:600;
  line-height:1.35;
  text-decoration:none;
  text-align:center
}
.button-primary {
  background:var(--teal);
  color:var(--white)
}
.button-primary:hover {
  background:var(--ink);
  color:var(--white)
}
.button-secondary {
  background:var(--white);
  color:var(--ink);
  border:1px solid var(--line)
}
.button-secondary:hover {
  background:var(--mint);
  color:var(--ink)
}
.button-light {
  background:var(--white);
  color:var(--ink)
}
.button-light:hover {
  background:var(--mint);
  color:var(--ink)
}
.eyebrow {
  margin:0 0 20px;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--teal)
}
h1,h2,h3,h4,p {
  overflow-wrap:break-word
}
h1,h2,h3,h4 {
  margin-top:0;
  line-height:1.16
}
h1 {
  font-size:clamp(44px,4.5vw,64px);
  line-height:1.08;
  letter-spacing:-.035em
}
.hero h1 span {
  display:block
}
h2 {
  font-size:40px;
  letter-spacing:-.025em
}
h3 {
  font-size:21px
}
h4 {
  font-size:17px
}
p {
  margin:0 0 16px
}
.hero {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:48px;
  padding-top:56px;
  padding-bottom:64px
}
.hero-copy,.hero-illustration {
  grid-column:span 6;
  min-width:0
}
.hero-copy {
  align-self:center
}
.hero h1 {
  max-width:580px;
  margin-bottom:24px
}
.hero-intro {
  font-size:19px;
  line-height:1.5;
  max-width:560px;
  margin-bottom:28px
}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px
}
.booking-note {
  font-size:14px;
  color:var(--muted);
  margin:16px 0 0
}
.hero-facts {
  margin:24px 0 0;
  font-size:14px;
  font-weight:600;
  line-height:1.5
}
.hero-facts span {
  margin:0 4px;
  color:var(--teal)
}
.hero-illustration {
  background:var(--mint);
  border-radius:var(--radius-panel);
  padding:28px;
  align-self:start
}
.illustration-label {
  color:var(--ink);
  margin-bottom:18px
}
.conversation-card,.report-card {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow)
}
.conversation-card {
  padding:20px 24px;
  margin-right:32px
}
.conversation-card p {
  font-size:15px;
  line-height:1.5;
  margin:0 0 14px
}
.conversation-card p:last-child {
  margin-bottom:0
}
.conversation-card strong {
  display:inline-block;
  margin-bottom:3px;
  color:var(--teal)
}
.flow-arrow {
  margin:0 0 0 42px;
  color:var(--teal);
  font-size:28px;
  font-weight:700;
  line-height:1.4
}
.report-card {
  padding:20px 24px;
  margin-left:32px
}
.report-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 16px;
  justify-content:space-between;
  margin-bottom:14px
}
.report-heading>strong {
  font-size:17px
}
.draft-badge {
  display:inline-block;
  background:var(--warning-bg);
  color:var(--warning-ink);
  border-radius:30px;
  padding:5px 10px;
  font-size:12px;
  font-weight:700;
  line-height:1.35
}
.report-rows,.sample-fields {
  margin:0
}
.report-rows>div,.sample-fields>div {
  display:grid;
  grid-template-columns:34% minmax(0,1fr);
  gap:12px;
  border-top:1px solid var(--line);
  padding:10px 0;
  font-size:14px;
  line-height:1.45
}
.report-rows dt,.sample-fields dt {
  font-weight:700
}
.report-rows dd,.sample-fields dd {
  margin:0
}
.report-rows .missing-row,.sample-fields .missing-row {
  background:var(--warning-bg);
  border:0;
  border-radius:var(--radius-control);
  padding:10px;
  margin:2px -10px
}
.missing-row strong {
  color:var(--warning-ink)
}
.section {
  padding-top:88px;
  padding-bottom:88px;
  scroll-margin-top:76px
}
.section-white {
  background:var(--white)
}
.section-paper {
  background:var(--paper)
}
.section-intro {
  max-width:800px
}
.section-intro h2 {
  margin-bottom:18px
}
.section-intro>p:not(.eyebrow) {
  font-size:17px
}
.synthetic-note {
  display:inline-block;
  background:var(--warning-bg);
  color:var(--warning-ink);
  border-radius:var(--radius-control);
  padding:9px 12px;
  font-size:14px!important;
  line-height:1.5
}
.demo-stages {
  display:grid;
  gap:24px;
  margin-top:32px
}
.demo-stage {
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  overflow:hidden;
  background:var(--white)
}
.stage-heading {
  display:flex;
  align-items:center;
  gap:16px;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  padding:16px 24px
}
.stage-number {
  font-weight:700;
  color:var(--teal)
}
.stage-heading h3 {
  margin:0
}
.stage-body {
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:32px;
  padding:24px
}
.stage-body>* {
  min-width:0
}
.stage-body h4 {
  margin-bottom:12px
}
.transcript p {
  padding:10px 12px;
  margin:0 0 8px;
  background:var(--paper);
  border-radius:var(--radius-control);
  font-size:15px
}
.transcript strong {
  display:block;
  color:var(--teal)
}
.stage-summary {
  background:var(--mint);
  border-radius:var(--radius-control);
  padding:20px;
  align-self:start
}
.stage-summary p:last-child {
  margin-bottom:0
}
.stage-summary .draft-badge {
  margin:0
}
.sample-fields>div {
  grid-template-columns:32% minmax(0,1fr)
}
.review-list {
  margin:0 0 18px;
  padding-left:22px
}
.review-list li {
  margin-bottom:8px
}
.resource-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px 30px;
  margin-top:24px
}
.text-link {
  font-weight:700
}
.workflow-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:36px
}
.workflow-grid article {
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  padding:24px
}
.workflow-grid h3 {
  margin:20px 0 12px
}
.workflow-grid p {
  margin-bottom:0
}
.step-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--mint);
  color:var(--teal);
  font-size:14px;
  font-weight:700
}
.section-tail {
  margin:24px 0 0;
  font-size:15px;
  color:var(--muted)
}
.audience-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:32px
}
.audience-grid article {
  padding:32px;
  border:1px solid var(--line);
  border-radius:var(--radius-card)
}
.audience-grid article:nth-child(2) {
  background:var(--mint);
  border-color:var(--mint)
}
.audience-grid ul {
  padding-left:22px;
  margin:0
}
.audience-grid li {
  margin-bottom:9px
}
.effort-section {
  border-top:1px solid var(--line)
}
.effort-grid {
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:48px
}
.effort-card {
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  padding:32px;
  box-shadow:var(--shadow)
}
.effort-card .eyebrow {
  margin-bottom:16px
}
.effort-card>p:nth-child(2) {
  line-height:1.85
}
.effort-result {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  border-top:1px solid var(--line);
  padding-top:20px;
  margin-top:20px
}
.effort-result span {
  display:block;
  font-size:14px;
  color:var(--muted)
}
.effort-result strong {
  display:block;
  font-size:32px;
  line-height:1.2;
  color:var(--teal)
}
.static-note,.fine-print {
  font-size:14px;
  color:var(--muted)
}
.fine-print {
  border-top:1px solid var(--line);
  padding-top:16px;
  margin-bottom:0
}
.pilot-section {
  background:var(--ink);
  color:var(--white)
}
.pilot-section .eyebrow {
  color:var(--lime)
}
.pilot-grid {
  display:grid;
  grid-template-columns:7fr 5fr;
  gap:64px
}
.pilot-grid>div>p:not(.eyebrow) {
  max-width:650px
}
.pilot-steps {
  list-style:none;
  counter-reset:pilot;
  padding:0;
  margin:28px 0
}
.pilot-steps li {
  counter-increment:pilot;
  position:relative;
  min-height:36px;
  padding-left:50px;
  margin-bottom:14px
}
.pilot-steps li:before {
  content:counter(pilot,decimal-leading-zero);
  position:absolute;
  left:0;
  top:0;
  color:var(--lime);
  font-weight:700
}
.pilot-section :focus-visible {
  outline-color:var(--lime)
}
.pilot-offer {
  background:var(--white);
  color:var(--ink);
  border-radius:var(--radius-panel);
  padding:32px
}
.pilot-offer h3 {
  margin-bottom:14px
}
.pilot-offer .offer-details {
  font-weight:700;
  color:var(--teal)
}
.pilot-offer hr {
  border:0;
  border-top:1px solid var(--line);
  margin:24px 0
}
.resources-list {
  margin-top:24px
}
.resources-list article {
  display:grid;
  grid-template-columns:40px 1fr auto;
  gap:24px;
  align-items:center;
  padding:24px 0;
  border-top:1px solid var(--line)
}
.resources-list article:last-child {
  border-bottom:1px solid var(--line)
}
.resources-list h3 {
  margin-bottom:6px
}
.resources-list p {
  font-size:15px;
  color:var(--muted);
  margin:0
}
.resources-list a {
  font-size:15px;
  font-weight:700
}
.resource-links {
  display:grid;
  gap:8px
}
.resource-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid var(--teal);
  border-radius:10px;
  color:var(--teal);
  font-size:22px;
  line-height:1
}
.faq-wrap {
  max-width:864px;
  margin:auto;
  padding:0 32px
}
.faq-wrap h2 {
  margin-bottom:32px
}
.faq-wrap details {
  border-top:1px solid var(--line)
}
.faq-wrap details:last-child {
  border-bottom:1px solid var(--line)
}
.faq-wrap summary {
  min-height:56px;
  padding:15px 30px 15px 0;
  cursor:pointer;
  font-size:18px;
  font-weight:600;
  line-height:1.4
}
.faq-wrap details p {
  max-width:var(--reading-max);
  color:var(--muted);
  padding:0 0 20px;
  margin:0
}
.closing-section {
  background:var(--mint);
  text-align:center
}
.closing-inner {
  max-width:790px
}
.closing-section h2 {
  max-width:620px;
  margin:0 auto 20px
}
.closing-section p:not(.booking-note) {
  max-width:650px;
  margin:0 auto 24px
}
.site-footer {
  background:var(--paper);
  padding:48px 0
}
.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1.5fr;
  gap:40px
}
.footer-grid h2 {
  font-size:15px;
  margin:0 0 12px;
  letter-spacing:0
}
.footer-grid a:not(.footer-brand) {
  display:block;
  margin-bottom:8px;
  font-size:14px
}
.footer-grid p {
  font-size:14px;
  color:var(--muted);
  margin:6px 0
}
.footer-brand {
  color:var(--ink);
  font-weight:700;
  font-size:22px;
  text-decoration:none
}
@media(max-width:1023px) {
  .container {
    padding-left:24px;
    padding-right:24px
  }
  .header-inner {
    height:auto;
    min-height:64px;
    flex-wrap:wrap;
    gap:0 18px;
    padding-top:9px;
    padding-bottom:9px
  }
  .header-nav {
    order:3;
    width:100%;
    gap:8px 20px;
    flex-wrap:wrap;
    padding-top:6px
  }
  .header-nav a {
    min-height:44px;
    display:inline-flex;
    align-items:center
  }
  .header-book {
    display:none
  }
  .hero {
    grid-template-columns:1fr;
    gap:32px;
    padding-top:40px
  }
  .hero-copy,.hero-illustration {
    grid-column:auto
  }
  .hero-illustration {
    max-width:720px
  }
  .section {
    padding-top:64px;
    padding-bottom:64px
  }
  .pilot-grid {
    gap:32px
  }
  .resources-list article {
    grid-template-columns:40px 1fr
  }
  .resources-list article>a,.resource-links {
    grid-column:2
  }
}
@media(max-width:767px) {
  .container,.faq-wrap {
    padding-left:20px;
    padding-right:20px
  }
  .site-header .brand {
    font-size:21px
  }
  .brand img {
    width:32px;
    height:32px
  }
  .header-actions {
    margin-left:auto
  }
  .hero {
    padding-top:30px;
    padding-bottom:48px
  }
  .hero h1 {
    font-size:38px;
    line-height:1.08;
    margin-bottom:18px
  }
  .hero-intro {
    font-size:17px;
    margin-bottom:20px
  }
  .hero .eyebrow {
    margin-bottom:16px
  }
  .hero-actions .button {
    min-height:48px
  }
  .hero-facts {
    font-size:13px;
    margin-top:18px
  }
  .hero-illustration {
    padding:20px
  }
  .conversation-card,.report-card {
    margin:0;
    padding:18px
  }
  .flow-arrow {
    margin-left:18px
  }
  .section {
    padding-top:48px;
    padding-bottom:48px
  }
  h2 {
    font-size:30px
  }
  h3 {
    font-size:20px
  }
  .stage-body {
    grid-template-columns:1fr;
    gap:20px;
    padding:20px
  }
  .workflow-grid,.audience-grid,.effort-grid,.pilot-grid,.footer-grid {
    grid-template-columns:1fr;
    gap:20px
  }
  .workflow-grid article,.audience-grid article,.effort-card,.pilot-offer {
    padding:24px
  }
  .resources-list article {
    gap:12px
  }
  .faq-wrap summary {
    font-size:17px
  }
  .closing-section h2 {
    max-width:15em
  }
  .site-footer {
    padding:36px 0
  }
}
@media(max-width:480px) {
  .header-inner {
    gap:0 10px
  }
  .header-nav {
    gap:0 14px
  }
  .header-nav a {
    font-size:13px
  }
  .language-link {
    font-size:13px
  }
  .hero-actions {
    align-items:stretch
  }
  .hero-actions .button {
    width:100%
  }
  .hero-facts span {
    margin:0 2px
  }
  .report-rows>div,.sample-fields>div {
    grid-template-columns:1fr;
    gap:2px
  }
  .report-heading>strong {
    font-size:16px
  }
  .conversation-card p {
    font-size:14px
  }
  .resources-list article {
    grid-template-columns:1fr
  }
  .resources-list article>a,.resource-links {
    grid-column:1
  }
  .effort-result {
    gap:12px
  }
  .effort-result strong {
    font-size:27px
  }
  .stage-heading {
    padding:14px 20px
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
  }
}
/* W2 progressive controls */
[hidden] {
  display:none!important
}
.visually-hidden {
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.menu-toggle,.menu-book {
  display:none
}
.menu-toggle {
  min-width:44px;
  min-height:44px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:var(--radius-control);
  background:var(--white);
  color:var(--ink);
  font:600 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer
}
.demo-controls {
  margin-top:32px
}
.step-selectors {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.step-selectors button {
  min-height:52px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:var(--radius-control);
  background:var(--paper);
  color:var(--ink);
  font:600 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align:left;
  cursor:pointer
}
.step-selectors button[aria-pressed=true] {
  background:var(--mint);
  border-color:var(--teal);
  box-shadow:inset 0 -3px var(--teal)
}
.step-selectors button:hover {
  border-color:var(--teal)
}
.demo-controls+.demo-stages {
  margin-top:16px
}
.demo-navigation {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:16px
}
.demo-navigation button {
  cursor:pointer
}
.calculator-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 20px
}
.calculator-field {
  min-width:0
}
.calculator-field label {
  display:block;
  font-size:15px;
  font-weight:600;
  line-height:1.4;
  min-height:42px
}
.calculator-field input {
  display:block;
  width:100%;
  height:48px;
  padding:8px 12px;
  border:1px solid #8fa4a3;
  border-radius:var(--radius-control);
  background:var(--white);
  color:var(--ink);
  font:400 17px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.calculator-field input[aria-invalid=true] {
  border-color:var(--danger);
  box-shadow:0 0 0 1px var(--danger)
}
.field-help {
  margin:5px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.4
}
.field-error:not(:empty) {
  margin:5px 0 0;
  color:var(--danger);
  font-size:13px;
  line-height:1.4
}
.calculator-results {
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--line)
}
.calculator-results .eyebrow {
  margin-bottom:4px
}
.calculator-results .effort-result {
  margin-top:0;
  padding-top:0;
  border:0
}
.calculator-results>p:not(.eyebrow):not(.visually-hidden) {
  font-size:15px;
  margin:20px 0 16px
}
.calculator-reset {
  cursor:pointer
}
.mobile-booking {
  display:none
}
@media(max-width:1023px) {
  .js-enhanced .menu-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center
  }
  .js-enhanced .header-nav {
    display:none
  }
  .js-enhanced .header-nav.is-open {
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:0;
    border-top:1px solid var(--line);
    margin-top:8px;
    padding-top:8px;
    padding-bottom:8px
  }
  .js-enhanced .header-nav a:not(.button) {
    min-height:44px;
    display:flex;
    align-items:center
  }
  .js-enhanced .header-nav .menu-book {
    display:inline-flex;
    align-self:flex-start;
    margin-top:8px
  }
  .header-actions {
    gap:10px
  }
}
@media(max-width:767px) {
  .step-selectors {
    gap:6px
  }
  .step-selectors button {
    font-size:13px;
    text-align:center;
    min-height:60px;
    padding:8px 4px
  }
  .calculator-fields {
    gap:16px
  }
  .calculator-field label {
    min-height:0;
    margin-bottom:8px
  }
  .js-enhanced .mobile-booking.is-visible {
    display:block;
    position:fixed;
    z-index:25;
    left:0;
    right:0;
    bottom:0;
    padding:10px 20px calc(10px + env(safe-area-inset-bottom));
    background:rgb(248 250 246 / 97%);
    border-top:1px solid var(--line);
    box-shadow:0 -8px 24px rgb(16 42 51 / 8%)
  }
  .mobile-booking .button {
    width:100%
  }
}
@media(max-width:599px) {
  .calculator-fields {
    grid-template-columns:1fr
  }
}
/* Supporting pages */
.support-main {
  padding-top:30px;
  padding-bottom:88px
}
.breadcrumb {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:42px;
  color:var(--muted);
  font-size:14px
}
.support-intro {
  max-width:800px;
  margin-bottom:36px
}
.support-intro h1,.data-reading h1 {
  max-width:820px;
  margin:10px 0 20px
}
.support-intro>p:last-child,.data-reading>.lead {
  font-size:19px;
  line-height:1.55
}
.support-grid {
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:28px;
  align-items:start
}
.full-report,.report-explainer {
  min-width:0;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  background:var(--white)
}
.full-report-head {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line)
}
.full-report-head h2,.report-explainer h2 {
  font-size:25px;
  line-height:1.2
}
.full-report-fields {
  margin-top:0
}
.full-report-fields>div {
  grid-template-columns:minmax(130px,1fr) minmax(0,2fr)
}
.report-explainer h3 {
  margin-top:28px
}
.support-actions {
  max-width:850px;
  margin-top:36px
}
.support-actions>div {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px
}
.print-button {
  font:600 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer
}
.data-reading {
  max-width:800px;
  margin:0 auto
}
.data-reading section {
  padding:22px 0;
  border-bottom:1px solid var(--line)
}
.data-reading section h2 {
  font-size:24px;
  line-height:1.3;
  margin-bottom:10px
}
.data-reading section p {
  margin:0
}
.data-reading .text-link {
  display:inline-block;
  margin-top:30px
}
@media(max-width:800px) {
  .support-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:599px) {
  .support-main {
    padding-top:20px;
    padding-bottom:60px
  }
  .breadcrumb {
    margin-bottom:26px
  }
  .full-report,.report-explainer {
    padding:20px
  }
  .full-report-head {
    flex-direction:column
  }
  .full-report-fields>div {
    grid-template-columns:1fr
  }
}
@media print {
  @page { margin:15mm }
  body {
    background:#fff;
    color:#000;
    font-size:11pt
  }
  .preview-strip,.site-header,.site-footer,.skip-link,.breadcrumb,.support-actions,.print-button {
    display:none!important
  }
  .support-main {
    max-width:none;
    padding:0
  }
  .support-intro {
    margin-bottom:14px
  }
  .support-intro h1 {
    font-size:24pt
  }
  .support-grid {
    display:block
  }
  .full-report,.report-explainer {
    padding:0;
    border:0;
    box-shadow:none
  }
  .report-explainer {
    margin-top:20px
  }
  .full-report-fields>div {
    break-inside:avoid;
    page-break-inside:avoid
  }
  .draft-badge,.synthetic-note,.missing-row {
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact
  }
}
