/* TrialBoost server-rendered condition and city pages.
   Deliberately plain: these pages exist to be read, by a person skimming for
   their own condition and by a crawler that has no JavaScript. Every design
   token comes from the finder's stylesheet so the two do not drift apart. */

.tbt-seo{max-width:900px;margin:0 auto;padding:6px 0 48px}

.tbt-crumbs{font-size:13px;color:var(--ink-3);margin:0 0 18px}
.tbt-crumbs a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2)}
.tbt-crumbs a:hover{color:var(--navy)}
.tbt-crumbs span{margin:0 6px;color:var(--line-2)}

/* The theme capitalises every word in a heading, which turns "Stroke Clinical
   Trials in Philadelphia" into "...Trials In Philadelphia". Small, but it is
   the first thing on the page and it reads as machine-generated. */
body.tbt-seo-page .tbt-seo h1,
body.tbt-seo-page .tbt-seo h2,
body.tbt-seo-page .tbt-seo h3{text-transform:none!important;letter-spacing:normal!important}
.tbt-seo h1{font-family:var(--display);font-size:33px;line-height:1.2;font-weight:600;
  color:var(--navy);margin:0 0 14px;text-wrap:balance}
.tbt-seo h2{font-family:var(--display);font-size:22px;font-weight:600;color:var(--navy);
  margin:38px 0 14px}
.tbt-seo h3{font-family:var(--display);font-size:19px;font-weight:600;line-height:1.3;
  margin:0 0 8px}
.tbt-seo h3 a{color:var(--navy);text-decoration:none}
.tbt-seo h3 a:hover{text-decoration:underline}

.tbt-lede{font-size:16px;color:var(--ink-2);max-width:68ch;margin:0 0 20px}

.tbt-cta-inline{margin:0 0 8px}
.tbt-btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;
  padding:11px 20px;border-radius:8px;font-weight:600;font-size:14.5px}
.tbt-btn:hover{background:#1c3963;color:#fff}

/* condition index */
.tbt-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:10px}
.tbt-tile{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);text-decoration:none}
.tbt-tile:hover{border-color:var(--steel);box-shadow:0 2px 10px rgba(19,41,75,.07)}
.tbt-tile .n{display:block;color:var(--navy);font-weight:600;font-size:15px;line-height:1.35}
.tbt-tile .c{display:block;color:var(--ink-3);font-size:12.5px;margin-top:4px}

/* city links on a condition page */
.tbt-citylist{display:flex;flex-wrap:wrap;gap:8px}
.tbt-citylist a{display:inline-flex;align-items:baseline;gap:7px;padding:7px 13px;border-radius:99px;
  border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);
  text-decoration:none;font-size:13.5px}
.tbt-citylist a:hover{border-color:var(--steel);color:var(--navy)}
.tbt-citylist a span{color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums}

/* study list */
.tbt-seolist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.tbt-seolist li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 20px}
.tbt-seolist li.is-sponsored{border-left:3px solid var(--sponsor-line);background:var(--sponsor-bg)}
.tbt-seolist p{color:var(--ink-2);font-size:14.5px;margin:0 0 12px}

.tbt-seofacts{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0 0 12px}
.tbt-seofacts div{min-width:0}
.tbt-seofacts dt{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-3);margin:0}
.tbt-seofacts dd{margin:2px 0 0;font-size:13.5px;color:var(--ink)}

.tbt-seolinks{display:flex;flex-wrap:wrap;gap:18px;margin:0!important;font-size:13.5px}
.tbt-seolinks a{color:var(--steel);text-decoration:none;font-weight:600}
.tbt-seolinks a:hover{text-decoration:underline}
.tbt-seolinks a:last-child{font-weight:400;color:var(--ink-3)}

/* pagination */
.tbt-pager{display:flex;align-items:center;gap:20px;margin:26px 0 0;font-size:14px}
.tbt-pager a{color:var(--steel);text-decoration:none;font-weight:600}
.tbt-pager span{color:var(--ink-3)}

/* the standing disclosure. Small, but on every page on purpose. */
.tbt-seonote{margin:40px 0 0;padding:20px 22px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--steel-wash)}
.tbt-seonote p{margin:0 0 10px;font-size:13.5px;color:var(--ink-2);line-height:1.62}
.tbt-seonote p:last-child{margin-bottom:0}
.tbt-seonote strong{color:var(--navy)}

@media(max-width:640px){
  .tbt-seo h1{font-size:27px}
  .tbt-seofacts{gap:10px 18px}
}