<!--
.vsp {

}
.xvsp {
	line-height: 120%;
}

/* Archival mobile fix (2026 preservation pass): keep mobile browsers from
   auto-inflating ("font boosting") the text in these fixed-width table
   layouts, which pushed text out of the design. The per-page viewport meta
   tag handles this already; this rule is a belt-and-suspenders backup for
   the pages that load this stylesheet directly. */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* Archival Safari fix (2026 preservation pass): Safari/WebKit, when running
   these no-DOCTYPE pages in quirks mode, does NOT make in-flow (non-floated)
   tables avoid floats. Chrome and Firefox correctly sit an in-flow photo table
   beside a floated photo; Safari instead drops it to the left edge, so the two
   photos OVERLAP. (Confirmed on 36 of 47 content pages.) We could not repair
   this with a block-level fix -- even overflow:hidden / flow-root / contain
   are ignored by WebKit here -- so the only working repair is to give those
   in-flow body tables inline-block layout, which flows them beside the float
   like inline content. We scope this to Safari ONLY via the WebKit-exclusive
   @supports test below, so Chrome and Firefox render byte-for-byte as before.
   The selector targets only image/caption tables inside the article body
   (font.xvsp) that are NOT floated (:not([align])); floated tables and the
   nav/header/footer tables are left untouched. If a future Safari drops the
   -webkit-named-image() function this rule simply stops applying (safe). */
@supports (background: -webkit-named-image(i)) {
	td font.xvsp table:not([align]) {
		display: inline-block;
		vertical-align: top;
	}
}
-->