.aera-route-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* First paint before app.js applies the route: index.html sets data-boot-page from the URL. */
html[data-boot-page="home"] .main-layout { display: none; }
html[data-boot-page="home"] #landing-page[hidden] { display: block !important; }
html[data-boot-page]:not([data-boot-page="home"]):not([data-boot-page="trading"]) .main-layout { visibility: hidden; }
html[data-boot-page]:not([data-boot-page="trading"]) #mobile-trading-nav { display: none; }
a.market-choice { text-decoration: none; color: inherit; }
@media (max-width: 760px) {
  .moc-page a.btn { min-height: 44px; }
}

a.sn-select, a.series-trade-link, a.ad-proposal-row, .ad-admin-modes a, a.moc-order-row, a.btn, a.aera-page-nav-link, .moc-page a[data-moc-tab] { text-decoration: none; }
:is(.ad-admin-modes,.moc-fund-modes) a { display: inline-flex; align-items: center; justify-content: center; }
a[aria-disabled="true"] { opacity: .5; cursor: default; }

/* Pages this network does not serve yet (features.js sets html[data-unavailable] before first paint): no link
   leads to them, the landing keeps its chapters and says they are coming, and their routes show one notice. */
html[data-unavailable~="trading"] :is(.header-menu-link[data-page-view="trading"], [data-page-link="trading"]:not([data-launch], .lb-row-link)),
html[data-unavailable~="series-notes"] :is(.header-menu-link[data-page-view="series-notes"], [data-page-link="series-notes"]:not([data-launch], .lb-row-link)),
html[data-unavailable~="moc"] :is(.header-menu-link[data-page-view="moc"], [data-page-link="moc"]:not([data-launch], .lb-row-link)),
html[data-unavailable~="aera-dao"] :is(.header-menu-link[data-page-view="aera-dao"], [data-page-link="aera-dao"]:not([data-launch], .lb-row-link)) { display: none !important; }
[data-coming-for] { display: none; }
html[data-unavailable~="trading"] [data-coming-for="trading"],
html[data-unavailable~="series-notes"] [data-coming-for="series-notes"],
html[data-unavailable~="moc"] [data-coming-for="moc"],
html[data-unavailable~="aera-dao"] [data-coming-for="aera-dao"] { display: inline-flex; }

.panel.aera-coming-page { padding: 0; background: var(--ground-fill); border-radius: 0; }
.aera-coming-page[hidden] { display: none !important; }
.aera-coming-body { display: grid; justify-items: start; gap: 16px; padding: clamp(32px, 6vw, 72px) var(--pane-x) 48px; border-top: 1px solid var(--terminal-rule); }
.aera-coming-tag { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--text); font: 500 .75rem/1.4 var(--fontfam-term); letter-spacing: .04em; text-transform: uppercase; }
/* A hollow lamp: announced, not yet live. */
.aera-coming-tag::before { content: ''; width: 7px; height: 7px; border: 1.5px solid var(--positive); border-radius: 50%; }
.aera-coming-note { max-width: 64ch; margin: 0; color: var(--text-soft); font-size: .9375rem; line-height: 1.6; }
.aera-coming-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
/* A part of a page that needs a page this network does not serve yet. */
html[data-unavailable~="trading"] [data-needs~="trading"],
html[data-unavailable~="series-notes"] [data-needs~="series-notes"],
html[data-unavailable~="moc"] [data-needs~="moc"],
html[data-unavailable~="aera-dao"] [data-needs~="aera-dao"] { display: none !important; }
