:root {
  color-scheme: only light;
  --agent-ink: #1f2a37;
  --agent-link: #1f5f99;
  --agent-paper: #f7f6f2;
  --agent-border: #8ecfbb;
  --agent-meter-track: #dde5ef;
  font-family: system-ui, sans-serif;
  color: var(--agent-ink);
  background: var(--agent-paper);
  line-height: 1.65;
}
body { max-width: 900px; margin: 2rem auto; padding: 0 1rem; }
header, footer { padding: 1rem 0; }
section { border-top: 2px solid var(--agent-border); padding: 1.5rem 0; }
h1 { font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.2; }
h1, h2, h3 { color: #123a68; }
a { color: var(--agent-link); overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid var(--agent-link); outline-offset: 4px; }
li { margin-bottom: .75rem; }
dt { font-weight: 700; margin-top: 1.25rem; }
dd { margin: .25rem 0 1rem; }
.agent-checkout { display: inline-block; padding: .8rem 1.2rem; border-radius: .5rem; background: var(--agent-link); color: white; font-weight: 600; text-decoration: none; }
.agent-checkout:hover { background: #123a68; }
.availability { padding: 1rem; border: 1px solid var(--agent-border); border-radius: .5rem; }
.availability p { margin-bottom: 0; font-size: .9rem; }
meter { display: block; width: min(100%, 22rem); height: 1.5rem; margin-top: .5rem; }
meter::-webkit-meter-bar { background: var(--agent-meter-track); border: 0; }
meter::-webkit-meter-optimum-value { background: var(--agent-border); }
meter::-moz-meter-bar { background: var(--agent-border); }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
caption { text-align: left; font-weight: 600; }
th, td { padding: .65rem; text-align: left; border-bottom: 1px solid var(--agent-meter-track); }