*{box-sizing:border-box} :root{color-scheme:light;--paper:#fdfdfb;--ink:#17191c;--red:#8b1717;--muted:#62636b;--line:#999b9e;--inset:#f2f1ed} :root.night{color-scheme:dark;--paper:#171717;--ink:#e8e4db;--red:#e7a095;--muted:#b0aca5;--line:#686663;--inset:#232220} body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Georgia,'Times New Roman',serif} a{color:var(--red);text-decoration-thickness:1px;text-underline-offset:3px} a:hover{ text-decoration-style:dotted} button,summary{cursor:pointer} button{color:inherit} :focus-visible{outline:2px solid var(--red);outline-offset:5px} .page{max-width:840px;margin:100px auto 40px;padding:0 20px} .masthead{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:28px;gap:20px} h1{font-size:48px;letter-spacing:-2px;line-height:1;margin:0 0 3px} h1 a{color:var(--ink);text-decoration:none} p{margin:0} .aside-note{font:10px/1.5 Verdana,sans-serif;color:var(--muted);text-align:right}.layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:46px}.index-list,.children,.sidebar ul{list-style:none;margin:0;padding:0}.entry{position:relative;margin:0 0 31px;padding-left:56px}.entry h2,.entry h3{font-size:24px;line-height:1.2;margin:0 0 3px;font-weight:bold}.entry h3{font-size:22px}.number{position:absolute;left:0;top:5px;color:var(--muted);font:11px/1.5 Verdana,sans-serif}.address{display:block;font:11px/1.6 'Courier New',monospace;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.children{margin-top:25px}.children .entry{padding-left:30px;margin-bottom:27px}.children .number{left:0}.annotation{margin-top:7px}.annotation summary{font:10px/1.5 Verdana,sans-serif;color:var(--muted);list-style:none;display:inline-block}.annotation summary::-webkit-details-marker,.underneath>summary::-webkit-details-marker{display:none}.annotation summary:after{content:' [+]';white-space:pre}.annotation[open] summary:after{content:' [−]'}.opened,.annotation[open] .closed{display:none}.annotation[open] .opened{display:inline}.annotation p{border-left:1px solid var(--muted);padding-left:13px;margin-top:13px;font:12px/1.65 Verdana,sans-serif;color:var(--muted)}.sidebar{padding-top:2px;font-size:14px}.sidebar h2{font-size:17px;margin:0 0 7px}.sidebar section{margin-bottom:27px}.sidebar li{line-height:1.5}.squares{display:grid;grid-template-columns:repeat(5,25px);gap:1px;margin:0 0 6px -5px}.square{width:25px;height:25px;background:none;border:0;padding:5px}.square:before{content:'';display:block;width:15px;height:15px;border:1px solid var(--muted);box-shadow:inset 1px 1px 1px #00000012}.square[aria-pressed=true]:before{background:var(--red);border-color:var(--red)}.toy p{font:10px/1.7 Verdana,sans-serif;color:var(--muted)}.toy #discovery{margin-top:12px}.quiet{border:0;background:none;padding:4px 0;font:11px/1.5 Verdana,sans-serif;color:var(--muted)}.quiet:hover{color:var(--red)}#clear-grid{font-size:9px;visibility:hidden}.toy:hover #clear-grid,.toy:focus-within #clear-grid{visibility:visible} footer{margin-top:20px;border-top:1px solid var(--line);padding-top:9px}.footer-controls{position:relative;min-height:32px}.js-controls{display:flex;gap:18px}.underneath>summary{position:absolute;right:0;top:4px;list-style:none;font:11px/1.5 Verdana,sans-serif;color:var(--muted)}.under-content{padding-top:25px;font:12px/1.7 Verdana,sans-serif;max-width:560px;color:var(--muted)}.under-content p{margin-bottom:12px}.under-content details{margin:14px 0}.under-content pre{font:11px/1.6 'Courier New',monospace;overflow:auto;padding:14px;background:var(--inset)}dl{display:grid;grid-template-columns:150px 1fr}dd{margin:0}.skip{position:absolute;left:20px;top:-60px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:700px){.page{margin-top:42px}.layout{gap:25px;grid-template-columns:minmax(0,1fr) 150px}.entry{padding-left:30px}.entry h2{font-size:22px}.entry h3{font-size:20px}.children .entry{padding-left:20px}h1{font-size:42px}}@media(max-width:540px){.page{padding:0 22px;margin-top:32px}.layout{display:block}.aside-note{display:none}.masthead{margin-bottom:25px}.entry{margin-bottom:27px}.sidebar{margin-left:30px;margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.sidebar section{margin-bottom:22px}.toy{grid-column:1/-1}.entry h3{font-size:21px}.annotation p{font-size:12px}footer{margin-top:18px}.under-content pre{white-space:pre-wrap;overflow-wrap:anywhere}}
.site-mark{width:23px;height:23px;margin-left:13px;vertical-align:baseline;overflow:visible}.site-mark path{fill:none;stroke:var(--ink);stroke-width:1.25}.site-mark rect{fill:var(--red)}

/* Masthead zero — tweak these four values. */
:root {
  --zero-weight: 747;
  --zero-width: 110;
  --zero-size: .99em;
  --zero-color: #526794;
}
:root.night { --zero-color: #7699b5; }

@font-face {
  font-family: 'Saira Wordmark';
  src: url('../fonts/Saira-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 125%;
  font-display: block;
  unicode-range: U+0030;
}
.wordmark-zero {
  font-family: 'Saira Wordmark', sans-serif;
  font-weight: var(--zero-weight);
  font-variation-settings: 'wght' var(--zero-weight), 'wdth' var(--zero-width);
  font-feature-settings: normal;
  font-size: var(--zero-size);
  color: var(--zero-color);
  letter-spacing: -.02em;
  margin-left: .025em;
  margin-right: .025em;
}