/* Article overview only: one quiet row, with at most one connection panel open. */
.full-reading-app.is-reading-overview-page #overviewConnectionEntries { display: contents; }
.full-reading-app.is-reading-overview-page .poster-extra-dock:has(#overviewConnectionEntries:not(:empty)) { display: flex; }
.full-reading-app.is-reading-overview-page .overview-connection-trigger {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%;
  padding: 9px 14px; border: 1px solid rgba(120, 84, 42, .14); border-radius: 15px;
  background: #fff; color: #292524; font: inherit; font-size: 14px; text-align: left; cursor: pointer;
}
.full-reading-app.is-reading-overview-page .overview-connection-trigger strong { min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.full-reading-app.is-reading-overview-page .overview-connection-trigger small { color: #78716c; font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.full-reading-app.is-reading-overview-page .overview-connection-trigger::after { content: "⌄"; color: #78716c; margin-left: 2px; }
.full-reading-app.is-reading-overview-page .overview-connection-trigger[aria-expanded="true"] { background: #f5f3ed; border-color: #a8a29e; }
.full-reading-app.is-reading-overview-page .overview-connection-trigger[aria-expanded="true"]::after { content: "⌃"; }
.full-reading-app.is-reading-overview-page .overview-connection-panel {
  margin-top: 10px; padding: 14px 16px 10px; border: 1px solid rgba(120, 84, 42, .14);
  border-radius: 16px; background: #fff; color: #292524;
}
.full-reading-app.is-reading-overview-page .overview-connection-panel.is-collection { border: 0; background: #211e1a; color: #f8f1e7; }
.full-reading-app.is-reading-overview-page .overview-connection-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 12px; }
.full-reading-app.is-reading-overview-page .overview-connection-head h2 { min-width: 0; margin: 0; font-size: 16px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.full-reading-app.is-reading-overview-page .is-collection .overview-connection-head h2 { font-family: Palatino, "Iowan Old Style", "Songti SC", serif; font-size: 18px; }
.full-reading-app.is-reading-overview-page .overview-connection-position { color: #c0b9ac; font-size: 12px; }
.full-reading-app.is-reading-overview-page .overview-connection-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-left: auto; }
.full-reading-app.is-reading-overview-page .overview-connection-pager button { width: 30px; min-height: 30px; padding: 2px; border: 0; border-radius: 7px; background: #f5f3ed; color: inherit; font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
.full-reading-app.is-reading-overview-page .is-collection .overview-connection-pager button { background: rgba(255,255,255,.08); }
.full-reading-app.is-reading-overview-page .overview-connection-pager button:disabled { opacity: .3; cursor: default; }
.full-reading-app.is-reading-overview-page .overview-connection-pager span { font-size: 12px; font-variant-numeric: tabular-nums; }
.full-reading-app.is-reading-overview-page .overview-connection-pager .overview-connection-locate { width: auto; padding: 5px 8px; font-size: 12px; }
.full-reading-app.is-reading-overview-page .overview-connection-close { min-height: 30px; padding: 3px 7px; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 12px; opacity: .8; cursor: pointer; }
.full-reading-app.is-reading-overview-page .overview-connection-head > .overview-connection-close { margin-left: auto; }
.full-reading-app.is-reading-overview-page .overview-connection-head:has(.overview-connection-pager:not([hidden])) > .overview-connection-close { margin-left: 0; }
.full-reading-app.is-reading-overview-page .overview-connection-close:hover { opacity: 1; background: rgba(120,120,120,.12); }
.full-reading-app.is-reading-overview-page .overview-connection-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 8px; }
.full-reading-app.is-reading-overview-page .overview-connection-footer a { margin-right: auto; color: #c0b9ac; font-size: 12px; }
.full-reading-app.is-reading-overview-page .overview-connection-items { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 8px; padding: 0; margin: 0; list-style: none; }
.full-reading-app.is-reading-overview-page .is-collection .overview-connection-items { grid-auto-rows: minmax(58px,auto); }
.full-reading-app.is-reading-overview-page .is-collection .overview-connection-items.is-paged { min-height: 124px; }
.full-reading-app.is-reading-overview-page .overview-connection-items > li { min-width: 0; }
.full-reading-app.is-reading-overview-page .overview-collection-chapter {
  display: flex; align-items: center; gap: 10px; height: 100%; padding: 8px 11px; border-radius: 11px;
  background: rgba(255,255,255,.06); color: inherit; text-decoration: none;
}
.full-reading-app.is-reading-overview-page a.overview-collection-chapter:hover { background: rgba(255,255,255,.12); }
.full-reading-app.is-reading-overview-page .overview-collection-chapter[aria-current="page"] { background: #f6eee2; color: #26231f; }
.full-reading-app.is-reading-overview-page .overview-collection-number { display: grid; align-content: center; gap: 2px; min-width: 30px; flex: none; font-size: 12px; font-variant-numeric: tabular-nums; }
.full-reading-app.is-reading-overview-page .overview-collection-number b { font-weight: 600; }
.full-reading-app.is-reading-overview-page .overview-collection-number small { font-size: 11px; }
.full-reading-app.is-reading-overview-page .overview-collection-title { min-width: 0; font-family: Palatino, "Iowan Old Style", "Songti SC", serif; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.full-reading-app.is-reading-overview-page .overview-connection-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(120,84,42,.14); border-radius: 12px; background: #fff; color: inherit; text-decoration: none; }
.full-reading-app.is-reading-overview-page .overview-connection-card > img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: #f4f3ee; }
.full-reading-app.is-reading-overview-page .overview-connection-card-copy { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 14px; }
.full-reading-app.is-reading-overview-page .overview-connection-card-copy strong { font-size: 15px; overflow-wrap: anywhere; }
.full-reading-app.is-reading-overview-page .overview-connection-card-copy small { font-size: 12px; color: #78716c; }
.full-reading-app.is-reading-overview-page .overview-connection-card-copy p { flex: 1; margin: 0; font-size: 13px; line-height: 1.5; color: #78716c; }
.full-reading-app.is-reading-overview-page .overview-connection-card-action { margin-top: auto; color: #326c55; font-size: 13px; }
.full-reading-app.is-reading-overview-page .overview-connection-status { margin: 0 0 12px; font-size: 13px; color: #326c55; }
.full-reading-app.is-reading-overview-page .overview-connection-panel .picture-talk-journey-card > img { object-fit: contain; }
.full-reading-app.is-reading-overview-page .overview-connection-trigger:focus-visible,
.full-reading-app.is-reading-overview-page .overview-connection-panel :focus-visible { outline: 3px solid #457eac; outline-offset: 2px; }
@media (max-width: 960px) {
  .full-reading-app.is-reading-overview-page .overview-connection-items { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .full-reading-app.is-reading-overview-page .is-collection .overview-connection-items.is-paged { min-height: 190px; }
}
@media (max-width: 640px) {
  .full-reading-app.is-reading-overview-page .overview-connection-panel { padding: 12px 12px 8px; }
  .full-reading-app.is-reading-overview-page .overview-connection-head h2 { max-width: calc(100% - 65px); font-size: 16px; }
  .full-reading-app.is-reading-overview-page .overview-connection-pager { order: 3; flex: 1 0 100%; margin: 0; }
  .full-reading-app.is-reading-overview-page .overview-connection-position { order: 2; }
  .full-reading-app.is-reading-overview-page .overview-connection-head:has(.overview-connection-pager:not([hidden])) > .overview-connection-close { margin-left: auto; }
  .full-reading-app.is-reading-overview-page .overview-connection-items:not(ol) { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .full-reading-app.is-reading-overview-page .overview-collection-chapter { padding: 8px; gap: 6px; }
  .full-reading-app.is-reading-overview-page .overview-collection-title { font-size: 14px; }
  .full-reading-app.is-reading-overview-page .overview-collection-number { min-width: 24px; }
}
@media (pointer: coarse) {
  .full-reading-app.is-reading-overview-page .overview-connection-pager button,
  .full-reading-app.is-reading-overview-page .overview-connection-close { min-height: 44px; }
  .full-reading-app.is-reading-overview-page .overview-connection-pager button:not(.overview-connection-locate) { width: 44px; }
}
