/* Generated by scripts/build_old_site.py — edit it there. The old site's pages, in the new site's type. */
:root {
  --ink: #0a0e13; --ink-2: #26313b; --muted: #5a6876; --line: rgba(10, 14, 19, .1);
  --paper: #ffffff; --bg: #f5f8f9; --azure: #2172e5; --teal: #13b39f;
  --f-head: "Sora", "Segoe UI", system-ui, sans-serif;
  --f-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --gut: clamp(16px, 4vw, 40px);
}
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--f-body); font-size: 17px; line-height: 1.65; color: var(--ink); background: var(--bg);
  -webkit-font-smoothing: antialiased; overflow-wrap: break-word; }
.wrap { width: min(860px, 100% - 2 * var(--gut)); margin-inline: auto; }
a { color: var(--azure); }
a:hover { color: var(--teal); }

.top { background: var(--paper); border-bottom: 1px solid var(--line); padding: 14px 0; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none;
  font-family: var(--f-head); font-weight: 700; font-size: 1.15rem; }
.brand small { font-family: var(--f-body); font-weight: 400; font-size: .8rem; color: var(--muted); }
.top nav { display: flex; flex-wrap: wrap; gap: 2px 4px; margin-top: 10px; }
.top nav a { color: var(--ink-2); text-decoration: none; font-size: .9rem; font-weight: 600; padding: .3em .7em; border-radius: 99px; }
.top nav a:hover { background: rgba(10, 14, 19, .05); }
.top nav a[aria-current] { background: var(--ink); color: #fff; }

.notice { background: #fff4d6; border-bottom: 1px solid #f0d58a; color: #4a3b10; font-size: .92rem; line-height: 1.5; padding: 12px 0; }
.notice a { color: inherit; font-weight: 600; }
.listing ul { padding-left: 1.2em; }
.listing li { margin: .2em 0; }
.listing .kind { color: var(--muted); font-size: .85em; }

.content { background: var(--paper); margin-top: 24px; margin-bottom: 24px; padding: clamp(20px, 4vw, 44px);
  border: 1px solid var(--line); border-radius: 14px; }
.content::after { content: ""; display: block; clear: both; }
h1, h2, h3, h4 { font-family: var(--f-head); line-height: 1.2; letter-spacing: -.01em; margin: 1.4em 0 .5em; }
.content > :first-child, .content > .section:first-child > :first-child { margin-top: 0; }
h1 { font-size: clamp(1.5rem, 3.4vw, 2rem); }
h2 { font-size: 1.45rem; } h3 { font-size: 1.2rem; } h4 { font-size: 1.05rem; }
img { max-width: 100%; height: auto; }
.img-right { float: right; margin: 0 0 1em 1.5em; }
.img-left { float: left; margin: 0 1.5em 1em 0; }
iframe, video, embed, object { max-width: 100%; }
table { border-collapse: collapse; max-width: 100%; display: block; overflow-x: auto; }
td, th { border: 1px solid var(--line); padding: .35em .6em; vertical-align: top; }
pre, code { font-size: .9em; white-space: pre-wrap; }
.section { clear: both; }
.removed { color: var(--muted); font-style: italic; }
.foot { color: var(--muted); font-size: .85rem; padding: 0 0 32px; }
.foot a { color: inherit; }
@media (max-width: 600px) {
  .img-right, .img-left { float: none; display: block; margin: 0 auto 1em; }
}