/* product-versioning: page styles */
    .pv-sec{margin:26px 0;}
    .pv-sec h2{font-size:18px;margin:0 0 4px;}
    .pv-sec .sub{font-size:12.5px;color:var(--muted);margin:0 0 12px;}
    table.cmp.pv td.k{font-weight:bold;color:var(--ink);white-space:nowrap;}
    table.cmp.pv .mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11px;}
    .chg td{background:rgba(245,158,11,.16) !important;}
    .chg td:first-child{box-shadow:inset 3px 0 var(--warn);}
    .share td{background:rgba(56,189,248,.13) !important;}
    .tag{display:inline-block;font-size:9.5px;font-weight:bold;letter-spacing:.04em;text-transform:uppercase;
      border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:middle;}
    .tag.shared{background:rgba(56,189,248,.18);color:var(--teal);border:1px solid var(--teal);}
    .tag.new{background:rgba(245,158,11,.18);color:var(--warn);border:1px solid var(--warn);}
    .tag.exp{background:var(--panel2);color:var(--muted);border:1px solid var(--line);}
    .tag.def{background:var(--panel2);color:var(--accent2);border:1px solid var(--accent2);}
    .twocol{display:grid;grid-template-columns:1fr;gap:16px;}
    .twocol>*{min-width:0;}
    @media(min-width:920px){.twocol{grid-template-columns:1fr 1fr;}}
    .vlabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:bold;color:var(--teal);margin:0 0 4px;}
    .callout{border-left:3px solid var(--accent2);background:var(--panel2);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.6;margin:10px 0;}
    .callout b{color:var(--ink);}
    .keytake{border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:8px;background:var(--card-bg);padding:8px 12px;font-size:12.5px;margin-top:10px;}
    .keytake b{color:var(--ink);}
    .pre{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:11.5px;background:var(--card-bg);
      border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow:auto;line-height:1.5;white-space:pre;}
    .arrow{color:var(--accent2);font-weight:bold;}
  
/* converted from inline style attributes (CSP: style-src 'self') */
.sx-9e3c4cc{margin-top:6px !important}
.sx-553a645{margin-top:14px !important}
.sx-f95e737{color:var(--warn) !important}
.sx-d431697{margin-top:8px !important}
.sx-002535c{margin-top:12px !important}
.sx-8c89ff9{color:var(--ok) !important}
.sx-0a15253{font-weight:bold !important}
.nw{white-space:nowrap;}

/* ── spec-page polish (identical block in prefill-spec.css + product-versioning.css) ── */
.arch-nav{margin:24px 0 8px;}
.pv-sec{margin:32px 0 0;scroll-margin-top:72px;}
.pv-sec h2{font-size:20px;line-height:1.3;margin:0 0 8px;}
.pv-sec .sub{font-size:13px;line-height:1.55;margin:0 0 12px;max-width:80ch;}
.callout,.keytake{font-size:13px;line-height:1.6;margin:12px 0 0;}
.callout{padding:12px 16px;}
.keytake{padding:12px 16px;}
.vlabel{margin:16px 0 8px;line-height:1.4;}
.twocol .vlabel,.vcard .vlabel{margin-top:0;}
/* tables: text ≥ 12px, mono cells share the row baseline, header gloss terms stay readable on the green bar */
table.cmp.pv td{vertical-align:baseline;}
table.cmp.pv .mono,.cost{font-size:12px;}
table.cmp.pv td.mono{white-space:nowrap;}
table.cmp thead .gloss-link,table.cmp thead .gloss{color:inherit !important;text-decoration-color:currentColor !important;}
table.cmp thead .sub{color:inherit;opacity:.8;font-weight:500;font-size:11.5px;}
.tag{font-size:10.5px;padding:2px 6px;}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.tscroll-hint{display:none;margin:0 0 8px;font-size:12px;color:var(--muted);}
@media (max-width:640px){
  .tscroll-hint{display:block;}
  .tscroll > table.cmp:not(.stack){width:max-content;min-width:100%;}
  .tscroll > table.cmp.stack{min-width:0;}
  .pre{font-size:11.5px;}
  .pv-sec h2{font-size:18px;}
  .callout,.keytake{padding:12px;}
}
/* phones: the sticky in-page nav is one swipeable row, not five rows covering the screen */
@media (max-width:640px){
  .arch-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .arch-nav::-webkit-scrollbar{display:none;}
  .arch-nav a{flex:0 0 auto;}
}
