.trials-hero {
  padding: 104px 0 68px;
  border-bottom: 1px solid var(--academy-line);
  background:
    linear-gradient(90deg, rgba(23, 111, 123, 0.05) 1px, transparent 1px) 0 0 / 78px 78px,
    linear-gradient(rgba(23, 111, 123, 0.05) 1px, transparent 1px) 0 0 / 78px 78px,
    #f8fbfa;
}

.trials-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
  gap: 8vw;
  align-items: end;
  padding-top: 28px;
  border-top: 2px solid var(--brand);
}

.trials-hero .breadcrumbs { margin-bottom: 32px; }
.trials-hero h1 { max-width: 900px; margin: 9px 0 0; color: #092831; font-family: var(--display); font-size: clamp(2.8rem, 5.5vw, 4.7rem); line-height: 1.02; letter-spacing: 0; }
.trials-hero-copy > p { margin: 0; color: #465c61; font-size: 1.08rem; line-height: 1.8; }
.trials-hero-copy dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 30px 0 0; border-top: 1px solid var(--academy-line); }
.trials-hero-copy dl div { padding-top: 16px; }
.trials-hero-copy dl div + div { padding-left: 16px; border-left: 1px solid var(--academy-line); }
.trials-hero-copy dt { color: var(--academy-copper); font-family: var(--display); font-size: 1.9rem; font-weight: 850; }
.trials-hero-copy dd { margin: 5px 0 0; color: #64777c; font-size: 0.75rem; }

.valuation-bridge-section { padding: 60px 0; border-bottom: 1px solid var(--academy-line); background: #fff; }
.valuation-bridge-grid { display: grid; grid-template-columns: minmax(260px, .78fr) minmax(480px, 1.22fr); gap: 30px 7vw; align-items: start; }
.valuation-bridge-copy { padding-top: 15px; border-top: 2px solid #123f48; }
.valuation-bridge-copy h2 { max-width: 620px; margin: 8px 0 0; color: #0b3038; font-family: var(--display); font-size: clamp(1.8rem, 3.1vw, 3rem); line-height: 1.13; }
.valuation-bridge-copy > p:last-child { margin: 18px 0 0; color: #53696e; line-height: 1.7; }
.valuation-bridge-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 2px solid var(--academy-copper); list-style: none; }
.valuation-bridge-steps li { position: relative; min-height: 142px; padding: 18px 14px 16px 0; border-bottom: 1px solid var(--academy-line); }
.valuation-bridge-steps li + li { padding-left: 18px; border-left: 1px solid var(--academy-line); }
.valuation-bridge-steps span { display: block; color: var(--academy-copper); font-size: .68rem; font-weight: 900; }
.valuation-bridge-steps strong { display: block; margin-top: 24px; color: #123840; font-size: 1.05rem; }
.valuation-bridge-steps small { display: block; margin-top: 5px; color: #6b7d81; line-height: 1.45; }
.valuation-bridge-steps li:not(:last-child)::after { position: absolute; top: 30px; right: 10px; width: 22px; height: 1px; background: #9eb5b7; content: ""; }
.valuation-bridge-links { grid-column: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.valuation-bridge-links a { display: grid; grid-template-columns: 22px 1fr; gap: 5px 9px; min-height: 82px; padding: 15px 16px; border: 1px solid #aebfc1; color: #153b43; background: #f6f9f8; text-decoration: none; transition: border-color 170ms ease, transform 170ms ease, background 170ms ease; }
.valuation-bridge-links a > svg { grid-row: 1 / 3; width: 20px; height: 20px; color: var(--academy-teal); stroke-width: 1.8; }
.valuation-bridge-links a:hover, .valuation-bridge-links a:focus-visible { border-color: var(--academy-teal); background: #fff; transform: translateY(-2px); }
.valuation-bridge-links span { color: var(--academy-copper); font-size: .68rem; font-weight: 850; }
.valuation-bridge-links strong { line-height: 1.45; }

.trials-database-section { padding-top: 82px; background: #eef5f4; }
.trials-database-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr); gap: 8vw; align-items: end; padding-top: 18px; border-top: 2px solid #103e48; }
.trials-database-head h2 { max-width: 760px; margin: 8px 0 0; color: #0a3038; font-family: var(--display); font-size: clamp(2rem, 3.6vw, 3.45rem); line-height: 1.12; }
.trials-database-head > p { margin: 0; color: #53686d; line-height: 1.75; }

.trial-tools { margin-top: 34px; padding: 28px; border: 1px solid #9db3b6; border-top: 3px solid var(--academy-copper); background: rgba(255, 255, 255, 0.94); box-shadow: 0 24px 58px rgba(9, 47, 55, 0.09); }
.trial-search { display: grid; grid-template-columns: auto minmax(260px, 1fr); gap: 20px; align-items: center; color: #173b43; font-weight: 820; }
.trial-search > span { display: inline-flex; align-items: center; gap: 8px; }
.trial-search > span svg { width: 19px; height: 19px; color: var(--academy-teal); stroke-width: 1.8; }
.trial-search input, .trial-selects select { width: 100%; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid #9eb3b6; border-radius: 3px; color: #0d2c34; background: #fff; font: inherit; }
.trial-search input:focus, .trial-selects select:focus { outline: 2px solid rgba(23, 111, 123, 0.3); outline-offset: 2px; }
.trial-selects { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 12px; align-items: end; margin-top: 20px; }
.trial-selects label { display: grid; gap: 7px; color: #5c7075; font-size: 0.75rem; font-weight: 760; }
.trial-selects button { height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 1px solid #153f48; border-radius: 3px; color: #fff; background: #153f48; font: inherit; font-size: 0.8rem; font-weight: 780; cursor: pointer; }
.trial-selects button svg { width: 16px; height: 16px; stroke-width: 1.8; }
.trial-selects button:hover, .trial-selects button:focus-visible { background: var(--academy-teal); }
.trial-result-line { display: flex; justify-content: space-between; gap: 20px; margin-top: 17px; padding-top: 14px; border-top: 1px solid #d4dfdf; color: #66797d; font-size: 0.76rem; }
.trial-result-line p { margin: 0; }
.trial-company-jump { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid #d4dfdf; }
.trial-company-jump > span { color: #173b43; font-size: .72rem; font-weight: 850; }
.trial-company-jump nav { display: flex; gap: 7px; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.trial-company-jump a { flex: 0 0 auto; padding: 6px 8px; border: 1px solid #b5c5c7; border-radius: 2px; color: #4e666b; background: #f7faf9; font-size: .68rem; font-weight: 760; text-decoration: none; }
.trial-company-jump a:hover, .trial-company-jump a:focus-visible { color: #fff; border-color: var(--academy-teal); background: var(--academy-teal); }

.trial-company-list { margin-top: 28px; }
.trial-company { margin-bottom: 16px; border: 1px solid #9fb4b7; background: #fff; box-shadow: 0 16px 38px rgba(9, 47, 55, 0.06); transition: border-color 170ms ease, box-shadow 170ms ease; }
.trial-company:hover { border-color: #5c858b; box-shadow: 0 22px 52px rgba(9, 47, 55, 0.1); }
.trial-company-header { display: grid; grid-template-columns: 84px minmax(220px, 1fr) minmax(180px, auto) auto; gap: 20px; align-items: center; padding: 24px 26px; border-bottom: 1px solid #c4d2d3; }
.trial-ticker { color: var(--academy-copper); font-family: var(--display); font-size: 1.08rem; font-weight: 900; }
.trial-company-name h2 { margin: 0; color: #0c3038; font-family: var(--display); font-size: 1.7rem; }
.trial-company-name p { margin: 3px 0 0; color: #697c80; font-size: 0.78rem; }
.trial-areas { display: flex; flex-wrap: wrap; gap: 6px; }
.trial-areas span, .trial-status { padding: 5px 8px; border: 1px solid #b2c3c5; border-radius: 2px; color: #4f656a; background: #f5f9f8; font-size: 0.7rem; font-weight: 760; }
.trial-status { color: #176f7b; border-color: #86aaa9; }

.trial-record { padding: 26px; }
.trial-record-title { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: start; }
.trial-record-title h3 { margin: 0; color: #123740; font-family: var(--display); font-size: 1.35rem; }
.trial-record-title p { margin: 6px 0 0; color: #5f7378; }
.trial-record-title > span { color: var(--academy-teal); font-size: 0.75rem; font-weight: 850; }
.trial-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 22px 0 0; border-top: 1px solid #c6d3d4; border-left: 1px solid #c6d3d4; }
.trial-facts div { min-width: 0; min-height: 112px; padding: 16px; border-right: 1px solid #c6d3d4; border-bottom: 1px solid #c6d3d4; background: #f8fbfa; }
.trial-facts dt { color: var(--academy-copper); font-size: 0.71rem; font-weight: 850; }
.trial-facts dd { margin: 8px 0 0; color: #39545a; font-size: 0.84rem; line-height: 1.58; }
.trial-lesson { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 18px; margin-top: 18px; padding: 17px 0; border-top: 1px solid #d4dfdf; border-bottom: 1px solid #d4dfdf; }
.trial-lesson strong { display: inline-flex; align-items: center; gap: 7px; color: var(--academy-teal); font-size: 0.78rem; }
.trial-lesson strong svg { width: 17px; height: 17px; stroke-width: 1.8; }
.trial-lesson p { margin: 0; color: #4f666b; line-height: 1.65; }
.trial-source { display: flex; justify-content: space-between; gap: 18px; margin-top: 17px; color: #718286; font-size: 0.74rem; }
.trial-source a { display: inline-flex; align-items: center; gap: 6px; color: var(--academy-teal); font-weight: 780; }
.trial-source a svg { width: 14px; height: 14px; stroke-width: 1.8; }
.trial-valuation { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr); gap: 34px; padding: 28px 26px 30px; border-top: 1px solid #aebfc1; background: #f4f8f7; }
.trial-section-label { display: block; color: var(--academy-copper); font-size: .68rem; font-weight: 900; }
.trial-valuation-copy h3 { margin: 7px 0 0; color: #10353d; font-family: var(--display); font-size: 1.22rem; }
.trial-valuation-facts { margin: 18px 0 0; border-top: 1px solid #c8d5d5; }
.trial-valuation-facts div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: 1px solid #c8d5d5; }
.trial-valuation-facts dt { color: #5c7074; font-size: .72rem; font-weight: 800; }
.trial-valuation-facts dd { margin: 0; color: #334f55; font-size: .82rem; line-height: 1.58; }
.trial-reading { min-width: 0; padding-left: 28px; border-left: 1px solid #b8c8ca; }
.trial-reading-list { margin: 10px 0 0; padding: 0; list-style: none; }
.trial-reading-list li + li { border-top: 1px solid #c8d5d5; }
.trial-reading-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 14px; padding: 12px 0; color: #163b43; text-decoration: none; }
.trial-reading-list a:hover strong, .trial-reading-list a:focus-visible strong { color: var(--academy-teal); text-decoration: underline; text-underline-offset: 3px; }
.trial-reading-meta { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.trial-reading-meta small, .trial-reading-meta em { padding: 3px 6px; border: 1px solid #a9bdbf; border-radius: 2px; color: #577075; font-size: .63rem; font-style: normal; font-weight: 780; }
.trial-reading-meta em { color: #176f7b; border-color: #80a7a8; }
.trial-reading-meta em.is-paid { color: #9b5d21; border-color: #c8a47e; background: #fffaf4; }
.trial-reading-list strong { min-width: 0; font-size: .84rem; line-height: 1.48; }
.trial-reading-arrow { align-self: end; display: inline-flex; align-items: center; gap: 5px; color: var(--academy-teal); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.trial-reading-arrow svg { width: 13px; height: 13px; stroke-width: 1.8; }
.trial-reading-gap { margin-top: 10px; padding-top: 12px; border-top: 1px solid #c8d5d5; }
.trial-reading-gap strong { color: #315159; font-size: .86rem; }
.trial-reading-gap p { margin: 7px 0 12px; color: #64787c; font-size: .78rem; line-height: 1.55; }
.trial-reading-gap a { display: inline-flex; align-items: center; gap: 7px; color: var(--academy-teal); font-size: .76rem; font-weight: 800; }
.trial-reading-gap a svg { width: 15px; height: 15px; stroke-width: 1.8; }
.trial-empty { padding: 56px 20px; border: 1px solid #abc0c2; text-align: center; background: #fff; }
.trial-empty h2 { margin: 0; font-family: var(--display); color: #143b43; }
.trial-empty p { color: #65797d; }

.data-standard-section { padding-top: 84px; }
.data-standard-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 8vw; align-items: start; }
.data-standard-grid h2 { margin: 8px 0 0; color: #0c3038; font-family: var(--display); font-size: clamp(2rem, 3.5vw, 3.4rem); line-height: 1.12; }
.data-standard-grid ol { margin: 0; padding: 0; border-top: 2px solid #123f48; list-style: none; }
.data-standard-grid li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 19px 0; border-bottom: 1px solid var(--academy-line); }
.data-standard-grid li > span { color: var(--academy-copper); font-family: var(--display); font-size: 0.76rem; font-weight: 900; }
.data-standard-grid strong { color: #173b43; }
.data-standard-grid li p { margin: 4px 0 0; color: #607479; }

@media (max-width: 900px) {
  .trials-hero-grid, .valuation-bridge-grid, .trials-database-head, .data-standard-grid { grid-template-columns: 1fr; gap: 34px; }
  .valuation-bridge-links { grid-column: 1; }
  .trial-company-header { grid-template-columns: 70px minmax(0, 1fr) auto; }
  .trial-areas { grid-column: 2; }
  .trial-status { grid-column: 3; grid-row: 1; }
  .trial-valuation { grid-template-columns: 1fr; }
  .trial-reading { padding: 24px 0 0; border-top: 1px solid #b8c8ca; border-left: 0; }
}

@media (max-width: 680px) {
  .trials-hero { padding: 72px 0 46px; }
  .trials-hero-grid { padding-top: 18px; }
  .trials-hero h1 { font-size: 2.65rem; }
  .valuation-bridge-section { padding: 46px 0; }
  .valuation-bridge-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .valuation-bridge-steps li { min-height: 116px; }
  .valuation-bridge-steps li:nth-child(3) { padding-left: 0; border-left: 0; }
  .valuation-bridge-steps li:nth-child(2)::after, .valuation-bridge-steps li:nth-child(4)::after { content: none; }
  .valuation-bridge-links { grid-template-columns: 1fr; }
  .trials-database-section { padding-top: 62px; }
  .trial-tools { padding: 20px 16px; }
  .trial-search { grid-template-columns: 1fr; gap: 8px; }
  .trial-selects { grid-template-columns: 1fr; }
  .trial-result-line { display: block; }
  .trial-result-line p + p { margin-top: 6px; }
  .trial-company-jump { grid-template-columns: 1fr; gap: 8px; }
  .trial-company-header { grid-template-columns: 58px minmax(0, 1fr); gap: 12px; padding: 20px 16px; }
  .trial-areas { grid-column: 2; }
  .trial-status { grid-column: 2; grid-row: auto; justify-self: start; }
  .trial-record { padding: 20px 16px; }
  .trial-record-title { grid-template-columns: 1fr; gap: 8px; }
  .trial-record-title > span { justify-self: start; }
  .trial-facts { grid-template-columns: 1fr; }
  .trial-facts div { min-height: 0; }
  .trial-lesson { grid-template-columns: 1fr; gap: 7px; }
  .trial-source { display: grid; }
  .trial-valuation { padding: 24px 16px 26px; }
  .trial-valuation-facts div { grid-template-columns: 1fr; gap: 5px; }
  .trial-reading-list a { grid-template-columns: 1fr; }
  .trial-reading-arrow { justify-self: start; }
  .data-standard-section { padding-top: 62px; }
}
