/* The 1565 adaptive explanation control */
.explainStrip{background:var(--paper-2,#efe9dc);border-bottom:1px solid var(--line,#d8cdb9);color:var(--ink,#14212b)}
.explainStrip__inner{max-width:var(--max,72rem);margin:auto;padding:.52rem var(--gutter,clamp(1.25rem,4vw,2.5rem));display:flex;align-items:center;justify-content:space-between;gap:1rem}
.explainStrip__copy{display:flex;align-items:center;gap:.65rem;min-width:0}
.explainStrip__label{font-family:var(--mono,"JetBrains Mono",monospace);font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute,#56636e);white-space:nowrap}
.explainStrip__desc{font-size:.78rem;color:var(--ink-2,#3b4b58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.explainModes{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line,#d8cdb9);border-radius:999px;background:var(--paper,#f8f4ec);flex:0 0 auto}
.explainMode{appearance:none;border:0;background:transparent;color:var(--ink-2,#3b4b58);border-radius:999px;padding:.38rem .66rem;font:600 .7rem/1 var(--body,"Source Sans 3",sans-serif);cursor:pointer;white-space:nowrap}
.explainMode:hover{color:var(--ink,#14212b)}
.explainMode[aria-pressed="true"]{background:var(--navy,#0f1f2e);color:#fff;box-shadow:0 1px 2px #0002}
.explainMode:focus-visible{outline:2px solid var(--brass,#c9a24d);outline-offset:2px}
.explainNested{margin-left:auto;display:flex;align-items:center;gap:.55rem}
.explainNested .explainStrip__desc{display:none}
.explainNested .explainStrip__label{font-size:.59rem}
.explainNested .explainMode{font-size:.66rem;padding:.34rem .55rem}
[data-explain][hidden]{display:none!important}
@media(max-width:720px){
  .explainStrip__inner{align-items:flex-start;flex-direction:column;gap:.45rem}
  .explainStrip__copy{width:100%}
  .explainStrip__desc{white-space:normal;font-size:.74rem}
  .explainModes{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}
  .explainMode{padding:.5rem .35rem;font-size:.66rem}
  .explainNested{margin-left:0;width:100%;display:grid;grid-template-columns:auto 1fr;gap:.5rem}
  .explainNested .explainModes{width:100%}
}
