/* inline */
@scope (html[data-site-styles~="1176ef347e2ae9fe"]) {
.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 is wider than
   the card's fixed narrow column and silently overflows the card's right
   edge with no clipping affordance. 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;
  }
}
}