/* pryara.com: the Pryara design system (company/design/DESIGN.md), evidence ledger. Values = its tokens. */
@font-face { font-family: "Pryara Sans"; src: url("fonts/PryaraSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Pryara Sans"; src: url("fonts/PryaraSans-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Pryara Sans"; src: url("fonts/PryaraSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Pryara Mono"; src: url("fonts/PryaraMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Pryara Mono"; src: url("fonts/PryaraMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  --paper: #f8f9f7; --sheet: #ffffff; --sunken: #eceeea; --ink: #14233a; --muted: #4b5768;
  --rule: #d5dad6; --edge: #7c8794; --verified: #1b6b47; --verified-tint: #e3f0e8;
  --open: #8a5300; --open-tint: #f7ecda; --alert: #b42318;
  --sans: "Pryara Sans", "IBM Plex Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Pryara Mono", "IBM Plex Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px; --space-6: 64px;
  --measure-text: 68ch; --measure-page: 1040px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0e1621; --sheet: #152030; --sunken: #1b2738; --ink: #e7ecf1; --muted: #a5b1bf;
    --rule: #2a3749; --edge: #6f7d8e; --verified: #62c394; --verified-tint: #173828;
    --open: #e2ad55; --open-tint: #3a2c14; --alert: #f2877d; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #0e1621; --sheet: #152030; --sunken: #1b2738; --ink: #e7ecf1; --muted: #a5b1bf;
  --rule: #2a3749; --edge: #6f7d8e; --verified: #62c394; --verified-tint: #173828;
  --open: #e2ad55; --open-tint: #3a2c14; --alert: #f2877d; color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 400 17px/28px var(--sans); font-kerning: normal;
  padding-inline: var(--space-3);
}
.site-header, main, .site-footer { max-width: var(--measure-page); margin-inline: auto; }

/* header: the wordmark is plain type, no mark */
.site-header { display: flex; align-items: baseline; gap: var(--space-3); padding-block: var(--space-5) var(--space-4); border-bottom: 1px solid var(--rule); }
.wordmark { font: 600 22px/24px var(--sans); letter-spacing: -0.01em; color: var(--ink); text-decoration: none; }
.descriptor { font: 500 14px/20px var(--mono); color: var(--muted); }

main { padding-block: var(--space-5) var(--space-6); }
main > * { max-width: var(--measure-text); }
main > .table-wrap, main > .synthetic { max-width: none; }
p, ul, ol, blockquote, figure { margin: 0; }
main > * + * { margin-top: var(--space-3); }

h1, h2, h3 { color: var(--ink); text-wrap: balance; margin: 0; }
h1 { font: 600 44px/48px var(--sans); letter-spacing: -0.015em; max-width: 22ch; }
h1 + * { margin-top: var(--space-4); }
h2 { font: 600 26px/32px var(--sans); letter-spacing: -0.005em; padding-top: var(--space-5); border-top: 1px solid var(--rule); }
main > * + h2 { margin-top: var(--space-5); }
h2 + * { margin-top: var(--space-3); }
h3 { font: 600 19px/26px var(--sans); }
main > * + h3 { margin-top: var(--space-4); }
@media (max-width: 600px) { h1 { font-size: 32px; line-height: 36px; } }

strong { font-weight: 600; }
em { font-style: italic; }
ul, ol { padding-left: 1.4em; }
li + li { margin-top: var(--space-2); }
li::marker { color: var(--muted); font-variant-numeric: tabular-nums; }

/* last paragraph of each page = the trading-name line, in italics */
main > p:last-child { color: var(--muted); font-size: 15px; line-height: 24px; border-top: 1px solid var(--rule); padding-top: var(--space-4); margin-top: var(--space-5); }
main > p:last-child em { font-style: normal; }

a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-color: var(--verified); text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--verified); outline-offset: 2px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: var(--space-3); top: var(--space-3); background: var(--sheet); padding: var(--space-2) var(--space-3); border: 1px solid var(--edge); border-radius: 2px; }

/* the ledger table */
.table-wrap { overflow-x: auto; border: 1px solid var(--rule); background: var(--sheet); }
table { border-collapse: collapse; width: 100%; min-width: 640px; font-size: 15px; line-height: 24px; font-variant-numeric: tabular-nums; }
th { background: var(--sunken); text-align: left; vertical-align: bottom; font: 600 12px/16px var(--sans); letter-spacing: 0.08em; text-transform: uppercase; }
th, td { padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--rule); }
td { vertical-align: top; }
tr:last-child td { border-bottom: 0; }
td:first-child { font: 500 14px/24px var(--mono); white-space: nowrap; }
.status { display: inline-block; border-radius: 2px; padding: 2px var(--space-2); font: 600 12px/16px var(--sans); letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
.status-open { color: var(--open); background: var(--open-tint); }

/* quoted EOI text and the synthetic banner */
blockquote { background: var(--sunken); border-radius: 4px; padding: var(--space-3) var(--space-4); }
blockquote > * + * { margin-top: var(--space-3); }
.synthetic { border: 1px solid var(--alert); background: var(--sheet); padding: var(--space-3) var(--space-4); }
.synthetic strong:first-child { color: var(--alert); }

.site-footer { border-top: 1px solid var(--rule); padding-block: var(--space-4) var(--space-6); color: var(--muted); font-size: 15px; line-height: 24px; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin-bottom: var(--space-2); }
.site-footer p { margin: 0; }
.site-footer a { color: var(--muted); }

@media print {
  body { background: #fff; color: #000; }
  .skip, .site-footer nav { display: none; }
}