/* white, black Times, blue links, rules. shared by every page */
:root{color-scheme:light}
body{background:#ffffff;color:#000000;font:16px/1.4 "Times New Roman",Times,serif;margin:0}
.page{max-width:900px;margin:0 auto;padding-block:20px 40px;padding-inline:16px}
h1{font-size:28px;font-weight:bold;margin:0 0 4px}
.wordmark{display:inline-block}
.wordmark img{display:block;width:79.66px;height:26.78px}
h2{font-size:18px;font-weight:bold;margin:22px 0 6px}
a{color:#0000ee;text-decoration:underline} a:visited{color:#551a8b} a[aria-current="true"]{color:#000;text-decoration:none;font-weight:bold}
hr{border:0;border-top:1px solid #000;margin:14px 0}
p,li{max-width:70ch} ul{margin:4px 0 0 0;padding-left:22px}
/* CaskaydiaCove Nerd Font Mono (Cascadia Code, SIL OFL 1.1, patched by Nerd Fonts). two files: the latin one is 48 KB and
   always used; the icon planes load only when a glyph from them appears, which the shipped programs never need */
@font-face{font-family:"CaskaydiaCove Nerd Font Mono";src:local("CaskaydiaCove NFM"),local("CaskaydiaCove NFM Regular"),local("CaskaydiaCove Nerd Font Mono"),url(/fonts/CaskaydiaCoveNFM-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+2190-21FF,U+2500-259F,U+25A0-25FF}
@font-face{font-family:"CaskaydiaCove Nerd Font Mono";src:local("CaskaydiaCove NFM"),local("CaskaydiaCove NFM Regular"),local("CaskaydiaCove Nerd Font Mono"),url(/fonts/CaskaydiaCoveNFM-icons.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+E000-F8FF,U+F0000-FFFFD}
textarea,pre,code{font:14px/1.35 "CaskaydiaCove Nerd Font Mono","Cascadia Mono","Cascadia Code",Consolas,"Courier New",monospace;font-variant-numeric:tabular-nums;tab-size:3}
/* inline grammar: a token of cint or C inside a sentence */
p code,li code,figcaption code{font-size:13px;background:#f2f2f2;border:1px solid #dcdcdc;border-radius:4px;padding:1px 5px;white-space:nowrap}
p code.long{white-space:normal;overflow-wrap:anywhere}
/* the editor: a painted <pre> behind a see-through <textarea> with the same metrics */
.editor{position:relative}
.editor pre,.editor textarea{box-sizing:border-box;margin:0;border:1px solid #000;padding:6px;white-space:pre;overflow-wrap:normal;line-height:1.35}
.editor pre{position:absolute;inset:0;overflow:hidden;background:#fff;color:#000;min-height:0;pointer-events:none}
.editor textarea{position:relative;display:block;width:100%;min-height:240px;background:transparent;color:transparent;caret-color:#000;resize:vertical;overflow:auto}
.editor textarea::selection{background:rgba(0,0,238,.18);color:transparent}
.editor textarea:focus{outline:1px solid #0000ee;outline-offset:0}
/* C-friendly colors on white */
.kw{color:#0000ff} .ty{color:#2b91af} .st{color:#a31515} .cm{color:#008000} .nu{color:#098658} .pp{color:#808080}
pre.stale .kw,pre.stale .ty,pre.stale .st,pre.stale .cm,pre.stale .nu,pre.stale .pp{color:#999}
pre{margin:0;padding:6px;border:1px solid #000;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;min-height:40px}
pre.fault{color:#900}
#digest{display:block;color:#444;overflow-wrap:anywhere;margin-bottom:4px}
code.match{background:#fff3a8}
pre.stale{color:#999}
pre.code{white-space:pre;overflow-x:auto;max-height:360px}
#run[aria-disabled="true"]{color:#888;pointer-events:none}
small{color:#444;overflow-wrap:anywhere}
.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
@media (max-width:760px){.row{grid-template-columns:minmax(0,1fr)}}
.nav a[aria-current="true"]{color:#000;text-decoration:none;font-weight:bold}
.nav span{color:#444}
/* footer and signature */
footer.site{margin-top:28px}
footer.site p{margin:0}
footer.site small{display:block;max-width:none}
.byline{margin:0 0 14px}
.signature{margin:28px 0 0;font-style:italic}
.signature small{font-style:normal}
/* contact card */
.card{display:inline-block;border:1px solid #000;padding:10px 16px 12px;margin:4px 0 0;line-height:1.5}
.card b{font-size:18px;display:block;margin-bottom:4px}
.card small{display:block;margin-bottom:4px}
/* small result tables in the papers */
table{border-collapse:collapse;margin:8px 0;display:block;max-width:100%;overflow-x:auto;width:max-content}
th,td{border:1px solid #000;padding:3px 8px;text-align:left;vertical-align:top;font-size:15px}
td.num{text-align:right;font-variant-numeric:tabular-nums}
/* figures: inline SVG drawn by figures/make_figures.py, a caption, and the numbers behind it */
figure.chart{margin:14px 0 18px}
figure.chart svg{display:block;width:100%;max-width:560px;height:auto}
figure.chart figcaption{font-size:14px;color:#444;max-width:70ch;margin-top:6px}
figure.chart details{margin-top:4px;font-size:14px}
figure.chart summary{cursor:pointer;color:#0000ee;text-decoration:underline;width:max-content}
/* header: wordmark left, links right, as on most language sites */
header.site{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:0 0 28px}
header.site .nav{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:18px}
header.site .nav a[aria-current="true"]{color:#000;text-decoration:none;font-weight:bold}
/* home: tagline and download, then three reasons */
.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px 40px;flex-wrap:wrap;margin:8px 0 8px}
.hero h1{font-size:34px;line-height:1.2;font-weight:normal;margin:0;max-width:640px;flex:1 1 420px}
.get{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}
a.button{display:inline-block;background:#000;color:#fff;text-decoration:none;font-weight:bold;letter-spacing:.06em;text-transform:uppercase;font-size:20px;padding:14px 40px;border:2px solid #000}
a.button:hover{background:#fff;color:#000}
a.button:focus-visible{outline:2px solid #0000ee;outline-offset:3px}
a.version{font-size:15px;text-align:center}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px}
.why h3{font-size:18px;margin:0 0 4px}
.why p{margin:0}

@media (max-width:760px){.why{grid-template-columns:minmax(0,1fr)} .hero h1{font-size:28px} .get{align-items:stretch;width:100%} a.button{text-align:center}}
/* a page that exists in the site map but has nothing to show yet */
.fueling{margin:28px 0 18px}
.fueling pre{display:inline-block;min-height:0;color:#999;margin:0 0 10px}
.fueling p{font:16px/1.4 "CaskaydiaCove Nerd Font Mono","Cascadia Mono",Consolas,"Courier New",monospace;margin:0}
.nowrap{white-space:nowrap}
/* the record as the site's mascot: the release status, the receipts */
.rec{display:inline-block;min-height:0;margin:0;color:#999;font-size:14px;line-height:1.35;white-space:pre;overflow-wrap:normal}
.rec.live{color:#000}
a.status{text-decoration:none}
a.status .rec{margin-top:2px}
.abstract{max-width:68ch;margin:18px 0 0}
.receipt{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:flex-start}
.receipt p{margin:0;max-width:46ch}
.receipt .rec{max-width:100%;overflow-x:auto}
.contents{columns:2;column-gap:40px;padding-left:22px;margin:22px 0 0;max-width:560px}
@media (max-width:760px){.contents{columns:1} a.status{align-self:center}}
@media (max-width:420px){.receipt .rec{font-size:12px}}
/* specification pages, generated from the editions by the release team's tools/site_specs.py */
.spec p code,.spec li code,.spec td code{white-space:normal;overflow-wrap:anywhere}
.spec,.spec a{overflow-wrap:anywhere}
.spec pre{white-space:pre;overflow-x:auto;max-width:100%}
.spec h1{font-size:28px;margin:8px 0 10px}
.spec h2{margin-top:28px}
.spec .edition{margin:0 0 14px}
