/* inline */
@scope (html[data-site-styles~="6784d8442ec1d863"]) {
.physfn-grid:where(:scope, *) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.85rem;
  margin: 1rem 0 1.25rem;
  min-width: 0;
}

.physfn-card:where(:scope, *) {
  border: 1px solid rgba(24, 40, 54, 0.14);
  border-top: 4px solid #396b83;
  border-radius: 8px;
  background: #ffffff;
  padding: 0.95rem;
  box-shadow: 0 1px 3px rgba(24, 40, 54, 0.07);
  box-sizing: border-box;
  overflow-x: auto;
  min-width: 0;
  overflow-wrap: anywhere;
}

/* worked-numbers-inline-math-overflow (P3 wave-2 visual-review, 2026-07-22
   §6.3): `overflow-wrap: anywhere` above only reflows plain text nodes --
   it has no effect on a `<mjx-container>` (MathJax's rendered-equation
   custom element), which live DOM inspection confirmed paints as one
   un-breakable atomic inline unit. A long inline formula (e.g.
   $T_{beacon}=100\,TU\times1024\,\mu s=102{,}400\,\mu s=102.4\,ms$) is
   wider than the card's fixed narrow column and silently overflows the
   card's right edge with no clipping affordance -- confirmed live: worst
   observed overflow 164px, card clientWidth 252px. Cap the container to
   the card's available width and let it scroll horizontally on its own,
   the same overflow-x:auto pattern used for code blocks elsewhere in this
   estate; forcing inline-block (MathJax's own base stylesheet ships plain
   `mjx-container { display: inline }`, lower specificity than this
   selector) is required for `overflow-x` to take effect on an inline
   element, but the surrounding sentence still wraps normally around it. */
.physfn-card mjx-container:where(:scope, *) {
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  vertical-align: middle;
  font-size: 85%;
}

.physfn-card h3:where(:scope, *),
.physfn-card h4:where(:scope, *) {
  margin-top: 0;
  font-size: 1.02rem;
}

.physfn-card p:last-child:where(:scope, *),
.physfn-card ul:last-child:where(:scope, *),
.physfn-card ol:last-child:where(:scope, *) {
  margin-bottom: 0;
}

.physfn-card--phoebe:where(:scope, *) {
  border-top-color: #667d3b;
}

@media (max-width: 700px) {
  .physfn-grid:where(:scope, *) {
    grid-template-columns: 1fr;
  }

  .physfn-card:where(:scope, *) {
    padding: 0.85rem;
  }
}
}