.discovery-page {
  & {
    --ink:#242927;
    --body:#454b48;
    --muted:#6b716e;
    --paper:#fafaf8;
    --line:#dfe2df;
    --green:#285f48;
    --light:#f2f3f0;
    --amber:#79591f;
    --amber-light:#f8f0dd;
    --blue:#386480;
    font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--body);
    background:var(--paper);
  }
  * {
    box-sizing:border-box;
  }
  & {
    margin:0;
  }
  button,a,summary,select {
    -webkit-tap-highlight-color:transparent;
  }
  button {
    font:inherit;
    color:inherit;
    cursor:pointer;
    touch-action:manipulation;
  }
  button,a {
    transition:background .12s,color .12s;
  }
  button:focus-visible,a:focus-visible,summary:focus-visible {
    outline:3px solid #65917c;
    outline-offset:4px;
  }
  a {
    color:inherit;
    text-underline-offset:4px;
  }
  h1,h2,h3,p {
    margin:0;
  }
  button {
    background:none;
    border:0;
  }
  button:hover {
    text-decoration-thickness:1px;
  }
  button:disabled {
    cursor:default;
  }
  .discovery-report {
    max-width:1112px;
    margin:auto;
    padding:0 28px;
  }
  .masthead {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 0;
    border-bottom:1px solid var(--line);
  }
  .wordmark {
    font-size:19px;
    font-weight:650;
    letter-spacing:-.55px;
    color:var(--ink);
  }
  .quiet-button {
    font-size:11px;
    color:var(--muted);
    padding:8px 0;
  }
  .quiet-button span {
    margin-left:10px;
  }
  .brand {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:26px;
  }
  .brand-name {
    font-size:18px;
    font-weight:600;
    color:var(--ink);
  }
  .brand-domain {
    font-size:12px;
    color:var(--muted);
    border-left:1px solid #cfd3d0;
    padding-left:12px;
  }
  .reveal {
    padding-top:33px;
  }
  .eyebrow {
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:10px;
    font-weight:600;
    color:var(--muted);
    line-height:1.4;
  }
  .reveal-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 285px;
    gap:65px;
    align-items:center;
  }
  .reveal h1 {
    font-size:66px;
    line-height:1.02;
    letter-spacing:-3px;
    font-weight:500;
    color:var(--ink);
    margin-top:16px;
  }
  .reveal h1 span {
    color:var(--green);
  }
  .qualification {
    font-size:11px;
    color:var(--muted);
    line-height:1.65;
  }
  .scope {
    margin-top:17px;
  }
  .single-provider-progress {
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:18px;
    color:var(--ink);
    font-size:12px;
    font-weight:550;
  }
  .presence-marks {
    border-left:1px solid var(--line);
    padding-left:32px;
  }
  .presence-mark {
    display:flex;
    align-items:center;
    width:100%;
    padding:18px 0;
    gap:15px;
    text-align:left;
    border-bottom:1px solid var(--line);
  }
  .presence-mark:last-child {
    border-bottom:0;
  }
  .presence-mark strong {
    font-size:19px;
    font-weight:500;
    color:var(--ink);
  }
  .presence-mark .named {
    display:block;
    font-size:11px;
    color:var(--muted);
    margin-top:3px;
  }
  .presence-mark .arrow {
    margin-left:auto;
    font-size:15px;
    color:#89918e;
  }
  .presence-mark:hover .arrow {
    color:var(--green);
    transform:translateX(2px);
  }
  .single-provider-card {
    padding:1.35rem;
    border:1px solid var(--line);
    border-radius:1rem;
    background:var(--card);
    box-shadow:0 1.1rem 2.6rem rgb(64 51 42 / 8%),0 .2rem .7rem rgb(64 51 42 / 4%);
  }
  .single-provider-identity {
    display:grid;
    gap:.15rem;
    margin-top:.55rem;
  }
  .single-provider-identity strong {
    color:var(--ink);
    font-family:"Bricolage Grotesque",sans-serif;
    font-size:1.55rem;
    line-height:1.15;
  }
  .single-provider-identity span {
    color:var(--muted);
    font-size:.72rem;
  }
  .single-provider-presence {
    display:flex;
    align-items:center;
    gap:.8rem;
    margin-top:1rem;
    padding:.95rem 0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .single-provider-presence-copy {
    display:grid;
    gap:.12rem;
  }
  .single-provider-presence strong {
    color:var(--ink);
    font-size:.9rem;
  }
  .single-provider-presence span span {
    color:var(--muted);
    font-size:.68rem;
  }
  .single-provider-presence .arrow {
    margin-left:auto;
  }
  .single-provider-answer {
    display:inline-block;
    margin-top:.55rem;
  }
  .question {
    display:grid;
    grid-template-columns:115px 1fr;
    gap:15px;
    align-items:baseline;
    border-bottom:1px solid var(--line);
    padding:27px 0 25px;
    margin-top:18px;
  }
  .question p {
    font-size:13px;
    color:#505957;
  }
  .question .eyebrow {
    font-size:9px;
  }
  .discoveries {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    margin:39px 0 36px;
  }
  .discoveries h2 {
    font-size:30px;
    line-height:1.16;
    letter-spacing:-1px;
    font-weight:500;
    color:var(--ink);
    margin:10px 0 21px;
  }
  .alternatives {
    min-width:0;
  }
  .recurring-grid {
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
  }
  .recurring-grid col:first-child {
    width:42%;
  }
  .recurring-grid th {
    font-weight:400;
    font-size:10px;
    color:var(--muted);
    text-align:center;
    padding:0 3px 10px;
  }
  .recurring-grid thead th:first-child {
    text-align:left;
  }
  .recurring-grid td,.recurring-grid tbody th {
    border-top:1px solid var(--line);
    padding:0;
    height:53px;
    vertical-align:middle;
  }
  .recurring-grid tbody th {
    text-align:left;
  }
  .option-name {
    font-size:18px;
    font-weight:500;
    text-align:left;
    color:var(--ink);
    padding:11px 0;
    width:100%;
  }
  .option-name:hover {
    text-decoration:underline;
    text-underline-offset:5px;
  }
  .option-mark {
    width:100%;
    height:51px;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .option-mark:hover {
    background:#edf3e9;
  }
  .distinct-option {
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    padding:13px 0;
    margin-top:3px;
  }
  .mini-label {
    display:block;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:var(--muted);
    margin-bottom:4px;
  }
  .identity-name {
    font-size:16px;
    color:var(--ink);
    padding:0;
    min-height:26px;
  }
  .identity-name>span {
    font-size:13px;
    color:var(--muted);
    margin-left:5px;
  }
  .provider-tag {
    font-size:11px;
    color:var(--muted);
    border:1px solid #d6dad7;
    border-radius:5px;
    padding:4px 8px;
  }
  .extraction-note {
    display:flex;
    gap:6px;
    align-items:center;
    margin-top:12px;
    font-size:10px;
  }
  .empty-mark {
    width:12px;
    height:12px;
    flex:0 0 12px;
    border:1px solid #b4bab6;
    border-radius:3px;
  }
  .text-button {
    font-size:11px;
    color:var(--green);
    padding:7px 0;
    text-align:left;
    min-height:34px;
  }
  .text-button>span:last-child {
    margin-left:9px;
  }
  .text-button:hover {
    text-decoration:underline;
    text-underline-offset:4px;
  }
  .alternatives>.text-button {
    margin-top:4px;
  }
  .website {
    background:var(--light);
    border-radius:12px;
    padding:26px 28px 20px;
    align-self:start;
  }
  .website h2 {
    font-size:27px;
    margin-bottom:17px;
  }
  .website .eyebrow {
    font-size:9px;
  }
  .website-positive {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    padding:13px 0;
    border-bottom:1px solid #daddda;
  }
  .website-positive>strong {
    font-weight:500;
    font-size:14px;
    color:var(--ink);
  }
  .website-signals {
    display:flex;
    gap:17px;
    flex-wrap:wrap;
  }
  .website-difference {
    margin-top:17px;
  }
  .difference-heading {
    display:flex;
    align-items:baseline;
    gap:15px;
    justify-content:space-between;
  }
  .difference-heading strong {
    font-size:13px;
    font-weight:500;
    color:var(--ink);
  }
  .difference-heading>span {
    font-size:10px;
    color:var(--muted);
  }
  .unresolved-button {
    font-size:10px;
    text-align:left;
    display:flex;
    align-items:center;
    gap:6px;
    padding:9px 0 2px;
    color:var(--amber);
    width:100%;
  }
  .unknown {
    display:inline-flex;
    border:1px dashed #ae852d;
    background:var(--amber-light);
    width:17px;
    height:17px;
    border-radius:50%;
    justify-content:center;
    align-items:center;
    font-size:10px;
    flex-shrink:0;
  }
  .unresolved-button .arrow {
    margin-left:auto;
  }
  .website-difference .qualification {
    font-size:10px;
    margin-top:5px;
  }
  .website>.text-button {
    margin-top:10px;
  }
  .shared-discovery {
    background:#234536;
    color:#f5f7ef;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,.84fr);
    gap:46px;
    padding:34px 36px;
    border-radius:14px;
    align-items:center;
  }
  .shared-discovery .eyebrow {
    color:#bbd0bc;
    font-size:9px;
  }
  .shared-discovery h2 {
    font-weight:450;
    font-size:33px;
    line-height:1.16;
    letter-spacing:-1px;
    margin:12px 0 23px;
  }
  .citing-providers {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
  }
  .citing-providers .small-label {
    font-size:9px;
    color:#bcd1c0;
  }
  .page-uncertainty {
    display:flex;
    gap:6px;
    align-items:center;
    font-size:10px;
    color:#d4ddc8;
    text-align:left;
    padding:0;
    min-height:30px;
    margin-top:12px;
  }
  .page-uncertainty>span:first-child {
    border:1px dashed #99ad85;
    border-radius:50%;
    width:15px;
    height:15px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .page-uncertainty:hover {
    text-decoration:underline;
    text-underline-offset:3px;
  }
  .page-preview {
    display:block;
    background:#f8faf4;
    color:var(--ink);
    border-radius:8px;
    padding:22px 24px 0;
    text-align:left;
    box-shadow:0 12px 28px #091e152a;
    min-height:205px;
    width:100%;
  }
  .page-origin {
    display:flex;
    align-items:center;
    gap:9px;
    font-size:11px;
    color:var(--muted);
  }
  .page-action {
    margin-left:auto;
    font-size:17px;
  }
  .document-icon {
    display:inline-block;
    width:17px;
    height:21px;
    border:1px solid #9bad96;
    border-radius:3px;
    position:relative;
  }
  .document-icon:after {
    content:'';
    position:absolute;
    left:4px;
    right:4px;
    top:7px;
    height:4px;
    border-top:1px solid #9bad96;
    border-bottom:1px solid #9bad96;
  }
  .page-title {
    display:block;
    font-size:32px;
    line-height:1.2;
    letter-spacing:-.9px;
    font-weight:500;
    margin-top:25px;
  }
  .page-path {
    display:block;
    font-size:11px;
    color:var(--muted);
    margin:7px 0 22px;
  }
  .page-footer {
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid var(--line);
    padding:13px 0;
    font-size:10px;
    color:var(--green);
  }
  .page-footer>span {
    font-size:16px;
  }
  .page-preview:hover {
    background:white;
  }
  .shared-discovery button:focus-visible {
    outline-color:#c0dfb0;
  }
  .related-pages {
    padding:23px 0 0;
  }
  .related-heading {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    font-size:10px;
    color:var(--muted);
    padding-bottom:10px;
  }
  .related-heading .text-button {
    font-size:10px;
    min-height:28px;
  }
  .relationship-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) 195px 16px;
    align-items:center;
    gap:15px;
    text-align:left;
    width:100%;
    border-top:1px solid var(--line);
    padding:15px 0;
  }
  .relationship-page>span {
    font-size:14px;
    color:var(--ink);
  }
  .relationship-page small {
    display:block;
    font-size:10px;
    color:var(--muted);
    margin-top:3px;
    overflow-wrap:anywhere;
  }
  .relation-mark {
    font-size:11px;
    color:var(--green);
  }
  .relation-mark>span {
    margin-right:7px;
  }
  .relation-mark small {
    display:block;
    font-size:9px;
    margin-left:20px;
    color:var(--muted);
    margin-top:3px;
  }
  .relation-mark.searched {
    color:var(--blue);
  }
  .row-arrow {
    color:#8d9b88;
  }
  .relationship-row:hover {
    background:#f0f4eb;
  }
  .source-note {
    font-size:10px;
    border-top:1px solid var(--line);
    padding-top:10px;
  }
  .related-pages {
    margin-bottom:28px;
  }
  footer {
    border-top:1px solid var(--line);
    display:flex;
    justify-content:space-between;
    gap:15px;
    align-items:center;
    padding:17px 0 23px;
    font-size:10px;
    color:var(--muted);
  }
  footer div {
    display:flex;
    gap:20px;
  }
  .project-footer {
    justify-content:center;
    margin-top:42px;
    padding:24px 0 32px;
    text-align:center;
  }
  .project-footer a {
    color:inherit;
    text-decoration-color:#aeb4b0;
  }
  .project-footer a:hover {
    color:var(--ink);
    text-decoration-color:currentColor;
  }
  dialog {
    padding:0;
    border:0;
    border-left:1px solid #d9dcda;
    max-height:none;
    height:100dvh;
    max-width:none;
    width:min(590px,100vw);
    margin:0 0 0 auto;
    position:fixed;
    inset:0;
    background:#fafaf8;
    color:var(--body);
    box-shadow:-10px 0 60px #1f252225;
  }
  dialog::backdrop {
    background:#18201c48;
    backdrop-filter:blur(2px);
  }
  .reader-header {
    position:sticky;
    top:0;
    background:#fafaf8;
    z-index:2;
    border-bottom:1px solid var(--line);
    padding:25px 28px 20px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
  }
  .reader-header .eyebrow {
    font-size:9px;
  }
  .reader-header h2 {
    font-size:25px;
    line-height:1.2;
    letter-spacing:-.7px;
    font-weight:500;
    margin-top:9px;
    color:var(--ink);
  }
  #close-reader {
    border:1px solid #d5d9d6;
    background:white;
    width:38px;
    height:38px;
    flex-shrink:0;
    border-radius:50%;
    font-size:23px;
    line-height:1;
  }
  #reader-content {
    padding:22px 28px 32px;
    font-size:13px;
    line-height:1.65;
    overflow-wrap:anywhere;
  }
  #reader-content p {
    margin-bottom:13px;
  }
  #reader-content h3 {
    font-size:15px;
    font-weight:550;
    color:var(--ink);
    margin-bottom:4px;
  }
  #reader-content .model {
    font-size:10px;
    color:var(--muted);
    margin-bottom:12px;
  }
  #reader-content blockquote {
    margin:12px 0 16px;
    border-left:2px solid #8caf82;
    padding:13px 16px;
    background:white;
    font-size:13px;
    line-height:1.7;
    white-space:pre-wrap;
  }
  #reader-content .evidence-block+.evidence-block {
    border-top:1px solid var(--line);
    margin-top:21px;
    padding-top:21px;
  }
  #reader-content .notice {
    border-left:2px solid #b8994c;
    background:#f7f1e3;
    padding:11px 13px;
    font-size:12px;
    margin-top:17px;
  }
  #reader-content .original-url {
    display:block;
    color:var(--green);
    font-size:11px;
    line-height:1.65;
    margin:4px 0 12px;
  }
  #reader-content .record {
    background:white;
    padding:13px 15px;
    border:1px solid #e3e5e3;
    border-radius:6px;
    margin-bottom:10px;
  }
  #reader-content .record .label {
    font-size:10px;
    color:var(--muted);
    margin-bottom:6px;
  }
  #reader-content details {
    border-top:1px solid var(--line);
    margin-top:18px;
  }
  #reader-content summary {
    cursor:pointer;
    font-size:11px;
    min-height:44px;
    padding:12px 0;
    color:var(--green);
  }
  #reader-content pre {
    font:11px/1.65 ui-monospace,SFMono-Regular,monospace;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
  }
  #reader-content .detail-note {
    font-size:11px;
    color:var(--muted);
  }
  .detail-table {
    border-collapse:collapse;
    width:100%;
    table-layout:fixed;
    margin:17px 0;
  }
  .detail-table th {
    font-weight:500;
    font-size:11px;
    text-align:center;
    padding:10px 3px;
    border-bottom:1px solid var(--line);
  }
  .detail-table th:first-child {
    width:31%;
    text-align:left;
    padding-left:0;
  }
  .detail-table td {
    border-bottom:1px solid var(--line);
    text-align:center;
    padding:0;
  }
  .detail-table .status {
    font-size:13px;
    color:var(--green);
  }
  .detail-table .muted {
    color:var(--muted);
  }
  .detail-table .uncertain {
    color:var(--amber);
    background:#faf3e4;
  }
  .detail-table .table-path {
    font-size:9px;
    color:var(--muted);
    font-weight:400;
    display:block;
    margin-top:4px;
  }
  .sequence {
    margin-top:20px;
  }
  .sequence-items {
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-top:9px;
  }
  .sequence-items span {
    font-size:11px;
    padding:4px 8px;
    border:1px solid var(--line);
    border-radius:4px;
    background:white;
  }
  .sequence-items .target {
    border-color:#8aa983;
    color:var(--green);
    background:#edf4e7;
  }
  .sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  @media(max-width:900px) {
    .reveal-layout {
      grid-template-columns:minmax(0,1fr) 220px;
      gap:30px;
    }
    .reveal h1 {
      font-size:55px;
      letter-spacing:-2.3px;
    }
    .discoveries {
      gap:28px;
    }
    .website {
      padding:23px 20px;
    }
    .website-signals {
      gap:12px;
    }
    .difference-heading {
      align-items:flex-start;
      flex-direction:column;
      gap:3px;
    }
    .shared-discovery {
      gap:25px;
      padding:30px;
    }
    .shared-discovery h2 {
      font-size:29px;
    }
    .page-preview {
      padding-left:20px;
      padding-right:20px;
    }
    .shared-discovery .page-title {
      font-size:28px;
    }
    .page-uncertainty {
      font-size:9px;
    }
  }
  @media(max-width:650px) {
    .discovery-report {
      padding:0 21px;
    }
    .masthead {
      padding:16px 0;
    }
    .wordmark {
      font-size:17px;
    }
    .quiet-button {
      font-size:9px;
    }
    .quiet-button span {
      margin-left:3px;
    }
    .reveal {
      padding-top:27px;
    }
    .brand {
      margin-bottom:24px;
    }
    .brand-name {
      font-size:16px;
    }
    .reveal-layout {
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:22px;
    }
    .reveal h1 {
      font-size:47px;
      letter-spacing:-2px;
      line-height:1.03;
      margin-top:12px;
    }
    .eyebrow {
      font-size:9px;
    }
    .scope {
      font-size:10px;
      margin-top:14px;
    }
    .presence-marks {
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      padding-left:0;
      border-left:0;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .presence-mark {
      flex-direction:column;
      align-items:flex-start;
      gap:8px;
      border-bottom:0;
      padding:17px 0 15px;
      position:relative;
    }
    .presence-mark strong {
      font-size:14px;
    }
    .presence-mark .named {
      font-size:10px;
      margin-top:2px;
    }
    .presence-mark .arrow {
      position:absolute;
      right:5px;
      top:21px;
      font-size:12px;
    }
    .question {
      grid-template-columns:1fr;
      gap:6px;
      padding:21px 0 24px;
      margin-top:0;
    }
    .question p {
      font-size:12px;
      line-height:1.65;
    }
    .question .eyebrow {
      font-size:8px;
    }
    .discoveries {
      grid-template-columns:1fr;
      gap:28px;
      margin:30px 0;
    }
    .discoveries h2 {
      font-size:29px;
      margin-bottom:18px;
    }
    .recurring-grid th {
      font-size:10px;
    }
    .recurring-grid col:first-child {
      width:38%;
    }
    .recurring-grid tbody th {
      height:56px;
    }
    .option-name {
      font-size:18px;
    }
    .option-mark {
      height:55px;
    }
    .extraction-note {
      font-size:10px;
    }
    .distinct-option {
      padding:15px 0;
    }
    .identity-name {
      min-height:32px;
    }
    .text-button {
      min-height:44px;
      font-size:11px;
    }
    .website {
      padding:25px 23px 16px;
      border-radius:10px;
    }
    .website h2 {
      font-size:29px;
    }
    .website-positive {
      flex-direction:row;
      justify-content:space-between;
      align-items:center;
      padding:17px 0;
      gap:8px;
    }
    .website-positive>strong {
      font-size:13px;
    }
    .website-signals {
      gap:9px;
      flex-wrap:nowrap;
    }
    .difference-heading {
      flex-direction:column;
      gap:4px;
    }
    .difference-heading>span {
      font-size:11px;
    }
    .unresolved-button {
      font-size:11px;
      min-height:41px;
      padding-bottom:0;
    }
    .website-difference .qualification {
      font-size:10px;
      margin-top:1px;
    }
    .website>.text-button {
      margin-top:7px;
    }
    .shared-discovery {
      grid-template-columns:1fr;
      gap:21px;
      padding:27px 24px;
      border-radius:10px;
    }
    .shared-discovery h2 {
      font-size:29px;
      margin:12px 0 17px;
    }
    .citing-providers {
      gap:22px;
    }
    .citing-providers .small-label {
      font-size:10px;
    }
    .page-uncertainty {
      font-size:10px;
      margin-top:7px;
      min-height:38px;
    }
    .page-uncertainty>span:last-child {
      margin-left:auto;
    }
    .page-preview {
      min-height:188px;
      padding:20px 21px 0;
    }
    .page-title {
      margin-top:22px;
      font-size:28px;
    }
    .page-path {
      font-size:10px;
      margin-bottom:19px;
    }
    .page-footer {
      font-size:10px;
    }
    .related-pages {
      padding-top:18px;
    }
    .related-heading {
      align-items:flex-start;
      gap:4px;
      flex-direction:column;
      padding-bottom:8px;
    }
    .related-heading .text-button {
      font-size:10px;
      min-height:35px;
    }
    .relationship-row {
      grid-template-columns:minmax(0,1fr) 111px 10px;
      gap:10px;
      padding:16px 0;
    }
    .relationship-page>span {
      font-size:13px;
    }
    .relationship-page small {
      font-size:9px;
      line-height:1.6;
    }
    .relation-mark {
      font-size:10px;
      line-height:1.6;
    }
    .relation-mark>span {
      margin-right:3px;
    }
    .relation-mark small {
      font-size:9px;
      margin-left:13px;
    }
    .row-arrow {
      font-size:12px;
    }
    .source-note {
      font-size:10px;
    }
    .related-pages {
      margin-bottom:23px;
    }
    footer {
      align-items:flex-start;
      flex-direction:column;
      gap:8px;
      padding-bottom:24px;
      font-size:9px;
    }
    footer div {
      width:100%;
      justify-content:space-between;
      gap:14px;
    }
    .reader-header {
      padding:22px 20px 18px;
    }
    .reader-header h2 {
      font-size:24px;
    }
    #close-reader {
      min-width:44px;
      min-height:44px;
    }
    #reader-content {
      padding:19px 20px 28px;
    }
    .detail-table th {
      font-size:10px;
    }
    .reader-header .eyebrow {
      font-size:8px;
    }
  }
  @media(max-width:360px) {
    .discovery-report {
      padding:0 17px;
    }
    .reveal h1 {
      font-size:41px;
      letter-spacing:-1.8px;
    }
    .website {
      padding:23px 17px 14px;
    }
    .website h2 {
      font-size:27px;
    }
    .website-signals {
      gap:3px;
    }
    .shared-discovery {
      padding:24px 20px;
    }
    .shared-discovery h2 {
      font-size:26px;
    }
    .page-uncertainty {
      font-size:9px;
    }
    .quiet-button {
      font-size:8px;
    }
    .recurring-grid th {
      font-size:9px;
    }
    .relationship-row {
      grid-template-columns:minmax(0,1fr) 97px 8px;
      gap:8px;
    }
  }
  @media(prefers-reduced-motion:reduce) {
    * {
      transition:none!important;
    }
  }
}
.discovery-page {
  margin: 0;
  overflow-wrap: anywhere;
  a {
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  .state-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    font-size: 13px;
  }
  .state-observed {
    background: var(--green);
    color: white;
  }
  .state-not_found {
    background: #e9ebe9;
    color: #656d69;
  }
  .state-not_identified {
    border: 1px solid #cdd2cf;
  }
  .state-unresolved {
    background: var(--amber-light);
    color: var(--amber);
    border: 1px dashed #ae852d;
    border-radius: 50%;
  }
  .state-unavailable {
    background: #e5e7ef;
    color: #4c5879;
  }
  .state-failed {
    background: #f5e4e0;
    color: #ae3528;
  }
  .state-pending {
    border: 1px dotted var(--blue);
    color: var(--blue);
    border-radius: 50%;
  }
  .state-not_recorded {
    border: 1px dashed #b4bab6;
    color: var(--muted);
  }
  .state-not_requested {
    border: 1px solid #b4bab6;
    border-radius: 50%;
    color: var(--muted);
  }
  .presence-mark > .state-icon {
    width: 31px;
    height: 31px;
    font-size: 18px;
    border-radius: 50%;
  }
  .presence-mark {
    min-width: 0;
  }
  .presence-mark > span:nth-child(2) {
    min-width: 0;
  }
  .option-name {
    display: block;
  }
  .option-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }
  .website-signals a {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 10px;
    min-height: 28px;
  }
  .website-signals .state-icon {
    width: 13px;
    height: 15px;
    font-size: 12px;
    background: transparent;
    color: var(--green);
  }
  .difference-heading > a {
    font-size: 10px;
    color: var(--muted);
  }
  .coverage-line {
    display: grid;
    grid-template-columns: 125px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 12px 0;
    border-top: 1px solid var(--line);
    font-size: 11px;
  }
  .coverage-states {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
  }
  .coverage-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }
  .compact-evidence {
    margin: 30px 0 55px;
  }
  .state-caption {
    font-size: 12px;
    margin-bottom: 22px;
  }
  .citing-providers a {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    min-height: 30px;
  }
  .text-button {
    display: inline-block;
  }
  footer a {
    padding: 8px 0;
  }
  #reader-content {
    display: block;
    padding: 0;
  }
  #close-reader {
    position: fixed;
    right: 20px;
    top: 22px;
    z-index: 4;
  }
  .reader-header {
    padding-right: 78px;
  }
  .reader-body {
    padding: 22px 28px 32px;
  }
  .reader-status {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .detail-table a {
    display: flex;
    min-height: 63px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 4px;
    font-size: 10px;
    line-height: 1.4;
  }
  .detail-table th a {
    align-items: flex-start;
    text-align: left;
  }
  .detail-table a:hover {
    background: #e7efe1;
  }
  .evidence-source {
    display: flex;
    flex-direction: column;
    color: var(--green);
    font-size: 11px;
  }
  .source-domain {
    display: none;
  }
  .extraction-coverage {
    border-top: 1px solid var(--line);
    padding-top: 18px;
    margin-top: 20px;
  }
  .answer-prose {
    overflow-wrap: anywhere;
  }
  .answer-prose table {
    width: 100%;
    table-layout: fixed;
    font-size: 10px;
  }
  .answer-prose th, .answer-prose td {
    overflow-wrap: anywhere;
    padding: 4px;
  }
  .answer-prose pre {
    white-space: pre-wrap;
  }
  .report-actions {
    margin: 22px 0 40px;
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .report-actions h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .report-actions p {
    font-size: 12px;
    margin-top: 7px;
  }
  .report-action-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 12px;
  }
  .report-action-primary {
    padding: 12px 18px;
    border-radius: 6px;
    background: var(--green);
    color: white;
  }
  #website-details {
    margin: 20px 0;
    font-size: 12px;
  }
  @media (max-width: 650px) {
    .presence-mark > .state-icon {
      width: 25px;
      height: 25px;
      font-size: 15px;
    }
    .website-signals a {
      flex-direction: column;
      font-size: 9px;
      gap: 3px;
      min-height: 39px;
      min-width: 44px;
    }
    .difference-heading > a {
      font-size: 11px;
    }
    .reader-body {
      padding: 19px 20px 28px;
    }
    .detail-table a {
      font-size: 9px;
      min-height: 66px;
    }
    .report-actions {
      flex-direction: column;
    }
    .brand {
      flex-wrap: wrap;
    }
    .coverage-line {
      grid-template-columns: minmax(0, 1fr) auto;
    }
    .coverage-label {
      grid-column: 1 / -1;
    }
  }
}
.discovery-page {
  .reveal h1 {
    max-width: 580px;
  }
  .shared-discovery h2 > span {
    display: block;
  }
  .report-question {
    font-weight: 400;
  }
  .recorded-example-label {
    font-weight: 400;
    color: inherit;
  }
  .brand-domain {
    font-weight: 400;
  }
}

/* Align the assessment report with the landing page's visual system. */
.discovery-page {
  & {
    --ink: #252a38;
    --body: #5f606a;
    --muted: #68686e;
    --paper: #fffdf9;
    --line: rgb(92 72 57 / 13%);
    --green: #18735f;
    --light: #faece8;
    --amber: #79591f;
    --amber-light: #f8f0dd;
    --blue: #3268e8;
    --accent: #c56c5b;
    --accent-dark: #97483d;
    --card: #fff;
    background:
      radial-gradient(circle at 7% 14%, rgb(239 207 143 / 10%), transparent 24rem),
      radial-gradient(circle at 94% 24%, rgb(211 130 112 / 7%), transparent 25rem),
      var(--paper);
    font-family:
      "Avenir Next",
      Avenir,
      "Segoe UI",
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      sans-serif;
    font-size: 16px;
    line-height: 1.55;
  }

  h1,
  h2,
  h3,
  .wordmark,
  .brand-name,
  .page-title {
    font-family:
      "Bricolage Grotesque",
      "Avenir Next",
      Avenir,
      "Segoe UI",
      sans-serif;
  }

  button:focus-visible,
  a:focus-visible,
  summary:focus-visible {
    outline-color: var(--accent-dark);
  }

  .discovery-report {
    max-width: 72rem;
    padding: 0 clamp(1rem, 4vw, 2.5rem);
  }

  .masthead {
    max-width: 72rem;
    padding: 2rem 0;
    border-bottom-color: var(--line);
  }

  .wordmark {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: 0;
  }

  .wordmark::before {
    content: "✦";
    color: var(--accent);
    font-size: 1.55rem;
    line-height: 1;
  }

  .quiet-button {
    color: var(--muted);
    font-size: 0.75rem;
    font-weight: 650;
  }

  .reveal {
    padding-top: clamp(2.5rem, 7vw, 5rem);
  }

  .brand {
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .brand-identity {
    display: grid;
    gap: 0.2rem;
  }

  .brand-name {
    color: var(--ink);
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 750;
    letter-spacing: -0.035em;
    line-height: 1;
  }

  .brand-domain {
    color: var(--muted);
    font-size: 0.75rem;
    margin-bottom: 0.12rem;
    padding-left: 1rem;
  }

  .eyebrow {
    color: var(--accent-dark);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.075em;
  }

  .reveal-layout {
    grid-template-columns: minmax(0, 1fr) 22rem;
    gap: clamp(2.5rem, 6vw, 5rem);
  }

  .reveal h1 {
    max-width: 43rem;
    margin-top: 1rem;
    color: var(--ink);
    font-size: clamp(3rem, 6.1vw, 4.85rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.02;
    text-wrap: balance;
  }

  .reveal h1 span {
    color: var(--accent);
  }

  .qualification,
  .scope {
    color: var(--muted);
  }

  .scope {
    max-width: 42rem;
    font-size: 0.75rem;
  }

  .presence-marks {
    padding: 0.6rem 1.3rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--card);
    box-shadow:
      0 1.1rem 2.6rem rgb(64 51 42 / 8%),
      0 0.2rem 0.7rem rgb(64 51 42 / 4%);
  }

  .presence-mark {
    padding: 1rem 0;
    border-bottom-color: var(--line);
  }

  .presence-mark strong {
    color: var(--ink);
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: 650;
  }

  .presence-mark:nth-child(1) strong {
    color: #3268e8;
  }

  .presence-mark:nth-child(2) strong {
    color: #098568;
  }

  .presence-mark:nth-child(3) strong {
    color: #202733;
  }

  .presence-mark:hover .arrow,
  .text-button,
  .original-url,
  .evidence-source {
    color: var(--accent-dark);
  }

  .question {
    display: block;
    margin-top: 2rem;
    padding: 1.5rem 1.65rem;
    border: 1px solid var(--line);
    border-radius: 0.9rem;
    background: rgb(255 255 255 / 68%);
  }

  .question p {
    color: var(--ink);
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: clamp(1.2rem, 2.4vw, 1.55rem);
    font-weight: 580;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }

  .question .eyebrow {
    display: block;
    margin-bottom: 0.55rem;
  }

  .related-pages {
    margin-bottom: 2.5rem;
    padding-top: 2rem;
  }

  .related-heading {
    align-items: flex-end;
    padding-bottom: 1rem;
  }

  .related-heading h2 {
    color: var(--ink);
    font-size: 1.25rem;
    font-weight: 650;
    letter-spacing: -0.02em;
  }

  .related-heading p {
    margin-top: 0.25rem;
    color: var(--muted);
    font-size: 0.75rem;
  }

  .relationship-row {
    grid-template-columns: minmax(0, 1fr) minmax(9rem, 12rem) 1rem;
    min-height: 5.5rem;
    padding: 1rem 0.85rem;
    border-top-color: var(--line);
    border-radius: 0.65rem;
  }

  .relationship-page-name {
    display: block;
    color: var(--ink);
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.3;
  }

  .relationship-page small {
    margin-top: 0.35rem;
  }

  .relation-mark {
    display: grid;
    gap: 0.12rem;
    color: var(--green);
  }

  .relation-providers {
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 650;
  }

  .relation-kind {
    font-size: 0.78rem;
    font-weight: 750;
  }

  .relation-mark small {
    margin: 0.15rem 0 0;
    color: var(--muted);
    font-size: 0.65rem;
  }

  .source-note {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.35rem;
    padding: 0.85rem 0.95rem;
    border: 0;
    border-radius: 0.65rem;
    background: var(--light);
    font-size: 0.7rem;
  }

  .source-note strong {
    color: var(--ink);
    font-weight: 750;
  }

  .discoveries {
    gap: clamp(2rem, 5vw, 4rem);
    margin: 3rem 0;
  }

  .discoveries h2,
  .shared-discovery h2,
  .report-actions h2 {
    color: var(--ink);
    font-weight: 650;
    letter-spacing: -0.025em;
  }

  .website {
    padding: 1.75rem;
    border: 1px solid rgb(197 108 91 / 12%);
    border-radius: 1rem;
    background: var(--light);
    box-shadow: 0 0.9rem 2rem rgb(64 51 42 / 6%);
  }

  .shared-discovery {
    border: 1px solid rgb(92 72 57 / 16%);
    border-radius: 1.1rem;
    background: var(--ink);
    box-shadow: 0 1.1rem 2.6rem rgb(64 51 42 / 12%);
    color: #fffdf9;
  }

  .shared-discovery .eyebrow,
  .citing-providers .small-label {
    color: #efb4a8;
  }

  .shared-discovery h2 {
    color: #fffdf9;
  }

  .page-preview {
    border: 1px solid rgb(92 72 57 / 13%);
    border-radius: 0.85rem;
    background: var(--paper);
    box-shadow:
      0 1rem 2.2rem rgb(15 18 24 / 18%),
      0 0.2rem 0.7rem rgb(15 18 24 / 10%);
  }

  .relationship-row:hover,
  .detail-table a:hover {
    background: var(--light);
  }

  .report-actions {
    align-items: center;
    margin: 2.5rem 0;
    padding: 1.5rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--card);
    box-shadow: 0 0.8rem 1.8rem rgb(64 51 42 / 6%);
  }

  .report-action-primary {
    border: 1px solid var(--ink);
    border-radius: 0.7rem;
    background: var(--ink);
    box-shadow: 0 0.55rem 1.2rem rgb(34 31 28 / 14%);
    font-weight: 750;
  }

  dialog {
    border-left-color: var(--line);
    background: var(--paper);
    box-shadow: -1rem 0 3.5rem rgb(37 42 56 / 18%);
  }

  dialog::backdrop {
    background: rgb(37 42 56 / 36%);
  }

  .reader-header {
    border-bottom-color: var(--line);
    background: rgb(255 253 249 / 96%);
    backdrop-filter: blur(12px);
  }

  .reader-header h2 {
    color: var(--ink);
    font-weight: 650;
  }

  #close-reader,
  #reader-content .record,
  #reader-content blockquote,
  .sequence-items span {
    border-color: var(--line);
    background: var(--card);
  }

  #reader-content blockquote {
    border-left-color: var(--accent);
    box-shadow: 0 0.5rem 1.2rem rgb(64 51 42 / 5%);
  }

  #reader-content summary {
    color: var(--accent-dark);
  }

  .state-observed {
    background: var(--green);
  }

  @media (max-width: 650px) {
    .discovery-report {
      padding: 0 1rem;
    }

    .masthead {
      padding: 1.25rem 0;
    }

    .reveal {
      padding-top: 2.25rem;
    }

    .reveal h1 {
      font-size: clamp(2.75rem, 13vw, 3.35rem);
      letter-spacing: -0.04em;
    }

    .presence-marks {
      gap: 0;
      padding: 0.35rem 0.85rem;
      border: 1px solid var(--line);
      border-radius: 0.85rem;
    }

    .presence-mark {
      padding: 0.9rem 0.3rem;
    }

    .question {
      padding: 1.1rem;
    }

    .brand {
      align-items: flex-start;
    }

    .brand-domain {
      margin-top: 1.2rem;
    }

    .related-heading {
      align-items: flex-start;
    }

    .relationship-row {
      grid-template-columns: minmax(0, 1fr) 7.5rem 0.75rem;
      gap: 0.75rem;
      padding: 0.9rem 0.55rem;
    }

    .website,
    .shared-discovery,
    .report-actions {
      border-radius: 0.85rem;
    }

    .report-actions {
      align-items: stretch;
      padding: 1.25rem;
    }

    .report-action-primary {
      text-align: center;
    }
  }
}