/* Shared AIStill design applied to the existing interpretation workflow. */
:root {
  --color-bg:#f5f7fb;
  --color-border:#dce2ed;
  --color-text-primary:#101d36;
  --color-text-secondary:#52617b;
  --color-text-muted:#52617b;
  --color-accent:#2458ef;
  --font-sans:'DM Sans',system-ui,sans-serif;
  --radius-lg:10px;
  --shadow-sm:none
}

.app-page {
  font-family:var(--font-sans)
}
.app-page::before {
  display:none
}
.app-page .container {
  width:min(1000px,calc(100% - 80px))
}
.app-page .page-intro {
  padding:45px 0 32px
}
.app-page .page-title {
  font-family:Manrope,var(--font-sans);
  letter-spacing:-.04em;
  max-width:22ch;
  font-size:clamp(2.3rem,4vw,3.5rem);
  line-height:1.13
}
.app-page .page-subhead {
  max-width:65ch;
  font-size:1.05rem
}
.app-page .eyebrow {
  display:flex;
  font-size:.78rem
}
.app-page .form-panel {
  padding:32px;
  margin-bottom:30px
}
.app-page .form-panel>h2 {
  font-size:1.7rem;
  letter-spacing:-.03em
}
.app-page fieldset.field {
  border:0;
  padding:0;
  margin:0;
  min-width:0
}
.app-page .method-option {
  background:#f9fbff;
  border-radius:7px
}
.app-page .context-panel {
  box-shadow:none;
  border-radius:7px
}
.app-page .context-panel summary {
  font-size:.96rem
}
.app-page .button,.app-page .button-secondary {
  border-radius:6px;
  font-size:.94rem;
  gap:14px
}
.app-page .button {
  background:var(--blue);
  box-shadow:none
}
.app-page .button:hover {
  background:#1c45c2
}
.app-page .button-secondary {
  background:white
}
.app-page .nav-links a {
  min-height:40px;
  display:inline-flex;
  align-items:center
}
.app-page .report-header {
  background:var(--navy);
  padding:35px 0;
  color:white
}
.app-page .report-header h1 {
  font-size:clamp(1.9rem,3.5vw,2.8rem);
  color:white;
  letter-spacing:-.035em
}
.app-page .generated-time {
  color:#b8c5df
}
.app-page .diagnosis-badge {
  background:#243859;
  color:#c8d7f8;
  border-radius:4px
}
.app-page .summary-card,.app-page .talking-points {
  padding:28px
}
.app-page .summary-card h2,.app-page .talking-points h2 {
  font-size:1.5rem
}
.app-page .report-card,.app-page .pattern-card {
  box-shadow:none
}
.app-page .status-pill,.app-page .severity-pill {
  border-radius:4px
}
.app-page .unavailable {
  color:#53617a;
  background:#edf0f5;
  border:1px solid #cbd3df
}
.app-page .report-stack {
  padding-top:30px
}
.app-page .action-row {
  gap:12px
}
.app-page .footer .wrap {
  width:min(1240px,calc(100% - 80px))
}
.app-page .step-progress {
  display:flex;
  gap:23px;
  flex-wrap:wrap;
  margin:24px 0 0;
  font-size:.82rem;
  color:var(--muted)
}
.app-page .step-progress strong {
  color:var(--blue);
  font-weight:600
}
.app-page .help-row {
  margin:22px 0 0;
  padding-top:19px;
  border-top:1px solid var(--line);
  font-size:.88rem;
  color:var(--muted)
}
.app-page .help-row a {
  color:var(--blue)
}
.app-page .pilot-note {
  max-width:65ch;
  margin-top:18px;
  padding:14px 18px;
  border:1px solid #c9d6fb;
  border-left:4px solid var(--blue);
  border-radius:7px;
  background:#eef3ff;
  color:var(--ink);
  font-size:.95rem
}
.app-page .pilot-note a {
  color:var(--blue);
  font-weight:600
}
.app-page .pilot-hint {
  font-size:.88rem;
  color:var(--muted)
}
.app-page .persistent-disclaimer {
  font-size:.9rem
}
.app-page .report-header .step-progress {
  color:#b8c5df
}
.app-page .report-header .step-progress strong {
  color:#aec3ff
}

@media(max-width:760px) {
  .app-page .container,.app-page .footer .wrap {
  width:calc(100% - 40px)
}
.app-page .form-panel {
  padding:23px
}
.app-page .page-intro {
  padding:30px 0 25px
}
.app-page .page-title {
  font-size:2.4rem
}
.app-page .step-progress {
  gap:12px;
  font-size:.78rem
}
.app-page .report-header-inner {
  align-items:start;
  flex-direction:column
}
.app-page .summary-card,.app-page .talking-points {
  padding:22px
}

}

@media print {
  .site-top,.app-page .footer,.help-row,.skip-link {
  display:none!important
}
.app-page .container {
  width:100%
}
.app-page .report-header {
  display:block!important;
  background:white;
  color:black;
  padding:0 0 20px
}
.app-page .report-header h1,.app-page .report-header p {
  color:black
}
.app-page .report-header .step-progress,.diagnosis-badge {
  display:none!important
}
.app-page .report-stack {
  padding-top:0
}
.app-page .report-card,.app-page .summary-card {
  break-inside:avoid
}

}

.app-page .method-option:focus-within { outline: 3px solid #6889ff; outline-offset: 4px; }