/* Editorial refresh. The collection, router and reader retain their original layout primitives. */
:root {
  --ink: #101923;
  --paper: #f6f5f0;
  --blue: #1757e5;
  --muted: #4d5c6a;
  --line: #cdd4da;
}
.prototype {
  min-height: 26px;
  background: #dfe8f3;
  color: #324961;
  font-size: 10px;
}
.header { height: 76px; }
.header nav a { min-height: 44px; display: inline-flex; align-items: center; }
[aria-hidden="true"]:is(span), .reader-arrow, .icon-button {
  font-family: Arial, "DejaVu Sans", sans-serif;
}
.brand > span:last-child { font-family: var(--body); }
.brand .brand-symbol { font-family: var(--display); }
.outcomes li::before, .bundle li::before { font-family: Arial, "DejaVu Sans", sans-serif; }
.hero {
  min-height: 620px;
  background: radial-gradient(ellipse at 78% 60%, #234472 0, #172b43 28%, transparent 59%), var(--ink);
}
.hero h1 { max-width: 600px; text-wrap: balance; }
.hero-intro { max-width: 465px; color: #c5d1df; }
.hero-notes { color: #c4d2e4; font-size: 13px; }
.hero-art { isolation: isolate; min-height: 500px; }
.hero-art::before {
  content: "";
  position: absolute;
  inset: 6% 1% 2%;
  z-index: -1;
  border: 1px solid #9ebde62a;
  background: linear-gradient(145deg, #a0c6ff13, transparent 48%);
  transform: skewX(-7deg);
}
.edition-label, .art-caption { color: #c2d0e2; }
.edition-label { top: -4px; }
.art-caption { font-size: 12px; }
.intro-strip { grid-template-columns: 1fr 1.15fr; }
.collection .section-heading > p { max-width: 300px; }
.stage-mark { display: none; }
.cover-stage { height: clamp(285px, 30vw, 397px); }
.stage-1 {
  background: radial-gradient(ellipse at 50% 52%, #315481, #192c45 50%, #141e2a 100%);
}
.stage-1 .stage-caption { color: #d9e5f4; }
.stage-2 { background: radial-gradient(ellipse at 52% 50%, #f1f3f5, #d5e1e9); }
.stage-3 { background: radial-gradient(ellipse at 52% 50%, #f0f3f8, #cbd7e5); }
.product-meta > span:nth-child(2).book-status {
  border: 1px solid #c4ccd7;
  color: #405365;
  background: #e8edf3;
  font-size: 11px;
  padding: 5px 8px;
  line-height: 1.1;
}
.product-meta > span:nth-child(2).book-status.ready {
  color: #164078;
  border-color: #b5c9e6;
  background: #e4eefc;
}
.product-card > p { line-height: 1.55; }
.card-link { min-height: 44px; }
.method {
  background: #e8eef5;
  border-block: 1px solid #d0dce7;
}
.method-visual {
  padding: 22px 22px 45px;
  background: #dce6f1;
  border: 1px solid #c7d7e7;
}
.method-visual img {
  width: 100%;
  max-width: 510px;
  transform: none;
  border-color: #c0cfdd;
}
.visual-note { color: #344d66; }
.method-copy > .button { margin-top: 8px; }
.figure-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.figure-links .text-button { min-height: 44px; gap: 8px; font-size: 14px; }
.academy .section-heading > p { max-width: 320px; }
.specialties {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}
.specialties li {
  padding: 17px 13px;
  border-bottom: 1px solid var(--line);
  font-size: 16px;
}
.specialties li:first-child { padding-left: 0; color: #153d77; font-weight: 600; }
.specialties li a { display: block; min-height: 44px; }
.specialties li a:hover { text-decoration: underline; }
.specialties span { display: block; color: var(--muted); margin-top: 5px; font-size: 12px; }
.companion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 50px 5.4%;
  color: #fff;
  background: linear-gradient(110deg, #101a27, #203b5e);
}
.companion h2 { font-size: clamp(36px, 4.4vw, 58px); }
.companion p:not(.eyebrow) { margin-top: 16px; color: #d3deec; max-width: 550px; }
.companion .button { flex-shrink: 0; }
.resources .section-heading > p { max-width: 300px; }
.resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.resource-card { border: 1px solid var(--line); background: #fff; padding: 24px; }
.resource-card > p { margin: 13px 0 9px; }
.resource-card details { border: 0; }
.resource-card details p { padding-right: 0; }
.resource-card > .text-button { min-height: 48px; margin-top: 5px; }
.product-big-art.is-final {
  background: radial-gradient(ellipse at 50% 45%, #466895, #273f60 47%, #162334 87%);
}
.final-cover { position: relative; display: grid; justify-items: center; gap: 16px; }
.final-cover img {
  width: 168px;
  box-shadow: 18px 20px 30px #081426ae;
  border: 1px solid #7895b1;
}
.final-cover span { color: #d5e2ef; font-size: 10px; letter-spacing: 1px; }
.product-actions { margin-top: 27px; border-top: 1px solid var(--line); padding-top: 22px; }
.product-small { text-align: left; font-size: 14px; line-height: 1.45; }
.product-description h1 { text-wrap: balance; }
.tab-panel .preview-panel > img { max-width: 100%; width: auto; }
#product-title:focus, .section h2:focus { outline: none; }
.reader-stage { gap: 18px; }
.reader-stage > img { height: min(68vh, 670px); }
.reader-footer .button { white-space: nowrap; }
.selection-dialog .form-note { font-size: 16px; line-height: 1.55; }
#interest-form { display: grid; gap: 9px; margin-top: 18px; }
#interest-form label { font-weight: 600; }
#interest-form label span { font-weight: 400; }
#interest-form :is(input, select) {
  width: 100%;
  min-height: 46px;
  border: 1px solid #8c9bab;
  background: #fff;
  padding: 8px 11px;
  color: var(--ink);
  font: inherit;
  border-radius: 0;
}
#interest-form :is(input, select):focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
#interest-form button { margin-top: 8px; }
.form-result { padding: 12px; background: #e1ebfa; color: #143d70; }
@media (min-width: 1101px) {
  .hero .book-front { width: clamp(225px, 19vw, 290px); }
}
@media (max-width: 760px) {
  .header { height: auto; min-height: 100px; flex-wrap: wrap; padding-top: 12px; gap: 2px 10px; }
  .header > .button { min-height: 44px; font-size: 12px; }
  .header nav { display: flex; width: 100%; order: 3; justify-content: space-between; gap: 8px; }
  .header nav a { font-size: 14px; }
  .hero { min-height: 0; padding-top: 32px; }
  .hero h1 { font-size: clamp(40px, 10.6vw, 62px); }
  .hero .eyebrow { font-size: 11px; }
  .hero-intro { margin-top: 15px; font-size: 16px; }
  .hero-actions { margin-top: 19px; gap: 9px 18px; }
  .hero-actions .text-button { min-height: 44px; font-size: 14px; }
  .hero-notes { margin-top: 16px; gap: 9px 14px; }
  .hero-notes span { font-size: 11px; }
  .hero-art { min-height: 0; height: clamp(285px, 86vw, 375px); margin-top: 24px; }
  .hero-art .book { width: clamp(120px, 42vw, 185px); }
  .hero-art .book-back { top: 10px; right: 4%; }
  .hero-art .book-middle { top: 40px; right: 25%; }
  .hero-art .book-front { top: 71px; right: 44%; }
  .edition-label { top: -8px; font-size: 8px; }
  .art-caption { bottom: -3px; font-size: 10px; }
  .intro-strip { grid-template-columns: 1fr; gap: 8px; }
  .specialties { grid-template-columns: 1fr; }
  .specialties li { padding: 13px 0; }
  .companion { display: grid; justify-content: stretch; padding: 36px 6%; }
  .companion .button { justify-self: start; }
  .resource-grid { grid-template-columns: 1fr; }
  .product-description { grid-row: 1; }
  .product-description h1 { font-size: clamp(38px, 10vw, 54px); }
  .product-breadcrumb { padding-block: 15px; }
  .product-hero { gap: 23px; }
  .product-big-art { min-height: 405px; }
  .product-big-art > .catalog-book { width: 195px; }
  .product-big-art.is-final { min-height: 398px; }
  .final-cover img { width: 115px; }
  .reader-stage { gap: 6px; }
  .reader-stage > img { max-width: calc(100% - 90px); height: auto; max-height: 64dvh; }
  .reader-arrow { width: 38px; height: 44px; }
}
.brand-symbol span { font-family: Arial, "DejaVu Sans", sans-serif; }
@media (min-width: 761px) {
  .hero .art-caption { bottom: -23px; }
}