@import url("/_design/skin-a.css");
/* Read-only V10 integration: shared sidebar markup/assets, natural article flow. */
.fx-read-chrome .fx-read-work { padding: var(--s3); min-width: 0; }
.fx-read-chrome .fx-read-work,
.fx-read-chrome .rp-right {
  background-color: var(--paper);
  background-image: radial-gradient(ellipse at 12% 10%, rgba(var(--gem-rgb), .28), transparent 56%), radial-gradient(ellipse at 88% 2%, rgba(var(--gem-hi-rgb), .36), transparent 55%), radial-gradient(ellipse at 70% 80%, rgba(var(--gem-comp-rgb), .18), transparent 58%);
}
.fx-read-chrome #read-panel { min-width: 0; }
html body.fx-read-chrome .rp,
html body.fx-read-chrome .rp:has(> .rp-page-heading):not([data-open]) {
  position: relative; inset: auto; display: flex; flex-direction: column;
  min-width: 0; background: transparent; overflow: visible;
}
.fx-read-chrome .rp-top { display: none; }
.fx-read-chrome .rp-main { min-width: 0; align-items: start; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); }
.fx-read-chrome .rp-left { height: auto; max-height: none; border: 0; background: transparent; }
.fx-read-chrome .rp-thread { flex: auto; overflow: visible; }
.fx-read-chrome .rp-right { position: static; min-width: 0; }
.fx-read-chrome .rp-rbody { overflow: visible; }
.fx-read-chrome .rp-rhead { position: static; flex-wrap: wrap; padding: var(--s1) var(--s2); background: transparent; border: 0; }
.fx-read-chrome .rp-rhead .where { display: block; flex-basis: 100%; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.fx-read-chrome .rp-crumbs { flex-wrap: wrap; height: auto; overflow: visible; padding: var(--s1) var(--s2); }
.fx-read-chrome .rp-crumbs > * { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.fx-read-chrome .rp-crumbs button { display: inline-flex; align-items: center; min-height: 40px; min-width: var(--touch); padding: var(--s1); text-align: start; }
.fx-read-chrome :is(a, button, input, select, summary) { min-height: 40px; }
.fx-read-chrome .rp :is(button, input) { min-height: 40px; }
.fx-read-chrome :is(.launch-legal-footer a, .fx-side-brand > a, .rp-body a, .rp-note a) { display: inline-flex; align-items: center; overflow-wrap: anywhere; }
.fx-read-chrome :is(.rp-row .e, .rp-sc .t) { display: block; -webkit-line-clamp: unset; overflow: visible; }
.fx-read-chrome .rp-composer { min-width: 0; overflow: visible; background: transparent; }
.fx-read-chrome .rp-composer form { width: 100%; min-width: 0; }
.fx-read-chrome .rp-pad { width: 100%; padding: var(--s2); }
.fx-read-chrome .rp-art { background: transparent; }
.fx-read-chrome .rp-strip-row { flex-wrap: wrap; overflow: visible; }
.fx-read-chrome .rp-sc { flex: 1 1 148px; max-width: 220px; }
.fx-read-chrome .launch-legal-footer { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .fx-read-chrome .rp-main { grid-template-columns: minmax(0, 240px) minmax(0, 1fr); }
  .fx-read-chrome .rp-tabs { padding-inline: var(--s1); }
  .fx-read-chrome .rp-tab { white-space: normal; }
}
@media (max-width: 860px) {
  /* 8 + 44 + 8 + 1 = 61px; the gem row stays available while reading. */
  .fx-read-chrome .fx-menu-col { height: 61px; min-width: 0; max-width: 100%; padding: var(--s1); overflow-x: auto; }
  .fx-read-chrome .fx-tabs { height: var(--touch); min-width: 0; justify-content: flex-start; gap: 2px; padding: 0; mask-image: none; -webkit-mask-image: none; }
  .fx-read-chrome .fx-tabs .fx-side-group { gap: 2px; }
  .fx-read-chrome .fx-tabs .fx-menu { flex: none; height: var(--touch); min-height: var(--touch); min-width: var(--touch); width: auto; justify-content: flex-start; padding: 6px 10px; gap: var(--s1); white-space: nowrap; }
  .fx-read-chrome .fx-tabs .fx-side-label { display: inline; white-space: nowrap; }
  .fx-read-chrome .fx-read-work { padding: var(--s2); }
  .fx-read-chrome .rp-main { display: block; }
  .fx-read-chrome .rp-right { display: none; }
  .fx-read-chrome .rp[data-open] .rp-right { display: flex; }
  .fx-read-chrome .rp[data-open] .rp-left { display: none; }
  .fx-read-chrome .rp-back { display: inline-flex; align-items: center; }
  .fx-read-chrome .rp-tabs { flex-wrap: wrap; overflow: visible; }
  .fx-read-chrome .rp-rhead { gap: var(--s1); }
  .fx-read-chrome .rp-rhead .where { order: 3; }
  .fx-read-chrome .rp-rhead .rp-rnav { margin-left: auto; }
  .fx-read-chrome .rp-pad { padding-inline: 0; }
  .fx-read-chrome .rp-pn { grid-template-columns: minmax(0, 1fr); }
  .fx-read-chrome .rp-pn .next { grid-column: 1; }
}