/* A quiet, illustrated contents list; each complete panel is a native link. */
.ace-day nav.ace-reading-entry {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:22px 0 16px;
}
.ace-day .ace-reading-entry .ace-menu-link {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 1fr;
  column-gap:12px;
  row-gap:11px;
  align-items:center;
  min-width:0;
  padding:12px 16px 14px;
  color:var(--ace-ink,#001858);
  border:1px solid #c7d2df;
  border-top:2px solid #9babbf;
  background:#fff;
  text-decoration:none;
  line-height:1.5;
}
.ace-day .ace-reading-entry .ace-menu-link:hover {
  border-color:#7388a3;
  background:#fafbfd;
}
.ace-day .ace-reading-entry .ace-menu-link:focus-visible {
  outline:3px solid #244e86;
  outline-offset:3px;
}
.ace-menu-visual {
  display:flex;
  grid-column:1/-1;
  justify-content:center;
  align-items:center;
  height:70px;
  min-width:0;
}
.ace-menu-day {gap:5px}
.ace-menu-frame {
  position:relative;
  display:block;
  height:100%;
  width:min(30%,86px);
  overflow:hidden;
  background:white;
}
.ace-menu-frame img {
  position:absolute;
  top:50%;
  left:calc(-100% * var(--ace-menu-role,0));
  width:300%;
  max-width:none;
  height:auto;
  transform:translateY(-50%);
}
.ace-menu-frame-single img {left:0;width:100%}
.ace-menu-research img {
  display:block;
  width:auto;
  max-width:100%;
  height:100%;
  object-fit:contain;
}
.ace-menu-lenses {gap:8px}
.ace-menu-lenses>span {
  display:grid;
  flex:1 1 0;
  align-content:center;
  max-width:86px;
  min-height:47px;
  border-top:2px solid #899fb5;
  border-bottom:1px solid #d5dee7;
  padding:4px 2px;
  background:#f5f8fb;
  text-align:center;
  font-size:19px;
  line-height:1.3;
}
.ace-menu-lenses>span:nth-child(2){border-top-color:#a6a0af;background:#f8f7fa}
.ace-menu-lenses>span:nth-child(3){border-top-color:#b5a183;background:#faf8f4}
.ace-menu-lenses small {font:inherit;font-size:15px;line-height:1.4;color:#43546b}
.ace-menu-copy {display:grid;gap:3px;min-width:0;align-self:center}
.ace-menu-copy strong {font-size:clamp(18px,1.6vw,22px);font-weight:600;line-height:1.55}
.ace-menu-copy>span {font-size:15px;line-height:1.65;color:#43546b}
.ace-menu-direction {align-self:center;color:#38587f;font-size:20px;line-height:1}
@media (max-width:800px) {
  .ace-day nav.ace-reading-entry {grid-template-columns:minmax(0,1fr);gap:7px;margin:16px 0 12px}
  .ace-day .ace-reading-entry .ace-menu-link {
    grid-template-columns:clamp(64px,18vw,102px) minmax(0,1fr) auto;
    grid-template-rows:auto;
    gap:9px 12px;
    min-height:68px;
    padding:6px 11px;
    border-top-width:1px;
  }
  .ace-menu-visual {grid-column:auto;height:60px}
  .ace-menu-frame {width:60px}
  .ace-menu-day .ace-menu-frame:not(:first-child) {display:none}
  .ace-menu-research img {width:100%;height:auto;max-height:100%}
  .ace-menu-lenses {flex-direction:column;align-items:stretch;gap:2px}
  .ace-menu-lenses>span {
    display:block;
    max-width:none;
    min-height:0;
    padding:0 2px;
    border-top:0;
    border-bottom:0;
    border-left:2px solid #899fb5;
    font-size:15px;
    line-height:1.24;
  }
  .ace-menu-lenses>span:nth-child(2){border-left-color:#a6a0af}
  .ace-menu-lenses>span:nth-child(3){border-left-color:#b5a183}
  .ace-menu-lenses small {display:none}
  .ace-menu-copy {gap:0}
  .ace-menu-copy strong {font-size:18px;line-height:1.45}
  .ace-menu-copy>span {font-size:15px;line-height:1.5}
}
@media (max-width:360px) {
  .ace-day .ace-reading-entry .ace-menu-link {grid-template-columns:55px minmax(0,1fr) auto;column-gap:8px;padding-inline:8px}
  .ace-menu-frame {width:54px;height:54px}
}
@media print {
  .ace-day nav.ace-reading-entry {display:none!important}
}

/* The opening connects the research scale with a concrete reason to keep reading. */
.ace-day>.breadcrumbs{margin-bottom:12px}
.ace-day .ace-chooser-heading{padding-top:6px}
.ace-day .ace-hero-spread{align-items:center;gap:clamp(18px,3vw,36px)}
.ace-day .ace-hero-evidence{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 9px;margin:0 0 10px;color:#163957;line-height:1.45}
.ace-hero-scale{display:inline-flex;align-items:baseline;gap:7px;max-width:100%}
.ace-hero-scale>strong{font-size:clamp(29px,3.1vw,39px);font-weight:500;line-height:1.25;white-space:nowrap}
.ace-hero-scale>strong>span{font-size:.52em;margin-left:2px}
.ace-hero-scale-separator{font-size:22px;color:#687f96}
.ace-hero-evidence-note{font-size:17px;color:#3f5771}
.ace-day .ace-hero-words h1{margin:8px 0 12px;line-height:1.42}
.ace-day .ace-hero-lead{font-size:18px;line-height:1.85;color:#304762;margin:12px 0 14px;max-width:32em}
.ace-hero-lead strong{display:block;color:#102f50;font-weight:600}
.ace-hero-next{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;max-width:100%;min-height:48px;padding:9px 0;color:#001858;font-size:18px;line-height:1.65;text-decoration:none;border-bottom:2px solid #849cb4}
.ace-hero-next:hover{border-color:#001858}
.ace-hero-next>span:first-child{min-width:0;overflow-wrap:anywhere}
.ace-hero-next>span:last-child{flex:none;font-size:24px}
.ace-hero-next:focus-visible{outline:3px solid #9b6a31;outline-offset:4px}
.ace-hero-day figcaption>span{display:grid;gap:2px;min-width:0}
.ace-hero-day figcaption small{font:inherit;font-size:14px;color:#546b83}
.ace-hero-day figcaption strong{font:inherit;font-size:16px;font-weight:500;color:#153856}
@media(max-width:680px){
 .ace-day>.breadcrumbs{margin-bottom:8px}
 .ace-day .ace-chooser-heading{padding-top:4px}
 .ace-day .ace-hero-evidence{margin-bottom:8px;gap:3px 7px}
 .ace-hero-scale{gap:5px}
 .ace-hero-scale>strong{font-size:30px}
 .ace-hero-scale-separator{font-size:19px}
 .ace-hero-evidence-note{font-size:16px}
 .ace-day .ace-hero-words h1{margin:8px 0 10px}
 .ace-day .ace-hero-lead{font-size:17px;line-height:1.85;margin:10px 0}
 .ace-hero-next{font-size:17px;gap:12px;min-height:46px}
 .ace-hero-day figcaption{column-gap:8px}
 .ace-hero-day figcaption strong{font-size:15px}
}
@media print{.ace-hero-next{display:none}}

/* Research explains the value of reading before the reader chooses a scene. */
.ace-hero-route{display:flex;align-items:center;justify-content:center;margin:15px 0 24px}
.ace-hero-route .ace-hero-next{width:min(100%,470px);padding:14px 22px;background:#183655;color:#fff;border:1px solid #183655;border-radius:4px;font-size:21px;box-sizing:border-box}
.ace-hero-route .ace-hero-next:hover{background:#244c70}
@media(max-width:680px){.ace-hero-route{margin:12px 0 20px}.ace-hero-route .ace-hero-next{font-size:19px;padding:13px 18px}}