/* Shared optional explanations, in the top layer so cards never clip them. */
.more-info-trigger.more-info-trigger {
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:32px; height:32px; padding:5px; margin:0 0 0 7px; vertical-align:middle;
  border:0; border-radius:50%; background:transparent; color:var(--ink-2,CanvasText);
  font:400 14px/1 system-ui,sans-serif; cursor:help;
}
.more-info-trigger.more-info-trigger:hover,
.more-info-trigger.more-info-trigger[aria-expanded="true"] { color:var(--leaf-ink,#16772e); background:var(--memory,#eaf3eb); }
.more-info-trigger.more-info-trigger:focus-visible { outline:2px solid var(--leaf-ink,#16772e); outline-offset:2px; }
.more-info-trigger.more-info-trigger svg { display:block; width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.more-info-panel.more-info-panel {
  position:fixed; inset:auto; box-sizing:border-box; margin:0; padding:16px 18px;
  z-index:1000; width:min(380px,calc(100vw - 20px)); overflow:auto; overscroll-behavior:contain;
  background:var(--surface,Canvas); color:var(--ink,CanvasText); border:1px solid var(--line,GrayText); border-radius:12px;
  box-shadow:0 8px 30px #0002; font:400 14px/1.55 var(--sans,system-ui,sans-serif); letter-spacing:normal;
  overflow-wrap:anywhere; text-align:left;
}
.more-info-panel[hidden] { display:none !important; }
.more-info-panel::backdrop { background:transparent; pointer-events:none; }
.more-info-title { display:block; margin:0 0 8px; font-size:14px; font-weight:600; }
.more-info-panel [data-more] { display:block; color:inherit; font:inherit; letter-spacing:normal; margin:0; padding:0; border:0; background:transparent; box-shadow:none; max-width:none; opacity:1; }
.more-info-panel [data-more] + [data-more] { margin-top:12px; }
.more-info-panel [data-more] > svg { display:none; }
.more-info-panel p { margin:0; }
.more-info-panel p + p { margin-top:10px; }
.more-info-panel a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.more-info-panel a:hover { color:var(--leaf-ink,#16772e); }
.more-info-panel a:focus-visible { outline:2px solid var(--leaf-ink,#16772e); outline-offset:3px; }
.more-info-panel kbd { padding:1px 4px; border:1px solid var(--line,GrayText); border-radius:4px; font:inherit; }
@media (pointer:coarse) { .more-info-trigger.more-info-trigger { width:44px; height:44px; cursor:pointer; } }
@media print {
  .more-info-trigger { display:none !important; }
  .more-info-panel.more-info-panel { display:block !important; position:static; max-height:none !important; width:auto !important; margin:16px 0; box-shadow:none; break-inside:avoid; }
}