:root{--bg:#efefef;--fg:#000;--dim:#555;--line:#ccc;--acc:#11518F;--hot:#f40;
--card:#fff;--cat:#9ad4ec;--catfg:#11518F;--bar:#4f7488;--barfg:#f0f0f0;
--alt1:#f3f3ff;--alt2:#fdfdfd;--catimg:url(skin/sfondotb.png);
--barimg:url(skin/misc/cat_back.png)}
@media(prefers-color-scheme:dark){:root{--bg:#12161a;--fg:#e2e6ea;--dim:#93a1ab;
--line:#2b343c;--acc:#7fb6e6;--hot:#ff7a4d;--card:#171d23;--cat:#1e2c38;
--catfg:#9fd0ee;--bar:#22303b;--barfg:#cfe3ef;--alt1:#171e26;--alt2:#141a20;
--catimg:none;--barimg:none}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
font:15px/1.6 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif}
a{color:var(--acc);text-decoration:none}a:hover,a:active{color:var(--hot)}
.wrap{max-width:62rem;margin:0 auto;padding:.6rem .7rem 3rem}
/* The header is the board's: logo left on its own `#efefef`, then the grey
   breadcrumb strip vB drew as a one-pixel-spaced table. */
header.top{margin:0 0 1rem}
header.top .brand{display:block;line-height:0;margin:0 0 .6rem}
header.top .brand img{max-width:100%;height:auto}
/* The logo is opaque `#efefef`, the light page's own background: on a dark page
   it would be a white slab, so it is dimmed rather than replaced — it is the
   board's banner and there is no dark version of it to use. */
@media(prefers-color-scheme:dark){header.top .brand{background:#e6e6e6;
border:1px solid var(--line)}header.top .brand img{filter:brightness(.88)}}
header.top .site{display:none}
header.top .bar{background:var(--card);border:1px solid var(--line);
padding:.45rem .6rem;display:flex;justify-content:space-between;
align-items:center;gap:1rem;flex-wrap:wrap}
header.top .crumb{font-size:12.5px;color:var(--dim);background:
var(--nav,transparent) no-repeat left center;padding-left:22px;
background-image:url(skin/misc/navbits_start.gif)}
header.top .crumb a{font-weight:bold}
header.top .find{font-size:12.5px;white-space:nowrap}
h1.tt,h2.tt{font-size:1.35rem;line-height:1.3;margin:0 0 .5rem;font-weight:bold;
background:var(--cat) var(--catimg) repeat-x top left;color:var(--catfg);
border:1px solid var(--line);padding:.4rem .6rem}
p.meta{font-size:12.5px;color:var(--dim)}
ul.list{list-style:none;margin:0 0 1rem;padding:0;border:1px solid var(--line);
border-top:0;background:var(--card)}
ul.list li{border-top:1px solid var(--line);padding:.5rem .6rem .5rem 2rem;
background-color:var(--alt2);background-image:url(skin/statusicon/post_old.gif);
background-repeat:no-repeat;background-position:.55rem .7rem}
ul.list li:nth-child(odd){background-color:var(--alt1)}
ul.list li>a{font-weight:bold}
ul.list .meta{font-size:12.5px;color:var(--dim)}
article.post{background:var(--alt2);border:1px solid var(--line);
margin:0 0 .6rem;padding:0;overflow-wrap:anywhere}
article.post:nth-of-type(odd){background:var(--alt1)}
article.post header{font-size:12.5px;color:var(--dim);background:var(--bg);
border-bottom:1px solid var(--line);padding:.35rem .6rem;margin:0}
article.post header .who{color:var(--fg);font-weight:bold;font-size:14px}
article.post .body{overflow-x:auto;padding:.6rem}
article.post>.trunc{padding:0 .6rem .5rem}
article.post img{max-width:100%;height:auto}
/* Authored colours: `theme_colours()` writes both values inline, the rule
   picks one. A `<font color>` attribute loses to this; an inline `color`
   would have won, which is why there is not one. */
.uc{color:var(--lc)}
@media(prefers-color-scheme:dark){.uc{color:var(--dc)}}
.smiley{color:var(--dim);font-size:.85em}
.smi{height:1.3em;width:auto;vertical-align:-.25em;display:inline-block}
#q{width:100%;padding:.6rem .7rem;font:inherit;color:var(--fg);
background:var(--card);border:1px solid var(--line);border-radius:6px}
.res{list-style:none;padding:0;margin:1rem 0}
.res li{padding:.7rem 0;border-top:1px solid var(--line)}
.res a{font-weight:600}
.res .fo{margin:.15rem 0 0;color:var(--dim);font-size:.85rem}
.res .ex{margin:.25rem 0 0;color:var(--dim);font-size:.92rem}
.res mark{background:var(--acc);color:var(--bg);padding:0 .15em;border-radius:2px}
.emo{font-size:1.1em;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji",
  "Noto Color Emoji",sans-serif}
.trunc{font-size:12.5px;color:#a30;margin-top:.4rem}
@media(prefers-color-scheme:dark){.trunc{color:var(--hot)}}
.edited{font-size:12.5px;color:var(--dim);margin-top:.5rem;font-style:italic}
/* vB drew a quote as a bordered box with the attribution in bold above it. */
blockquote.bbq{margin:.5rem 0;padding:.4rem .7rem;border:1px solid var(--line);
background:var(--card)}
blockquote.bbq cite{display:block;font-size:12.5px;color:var(--dim);font-style:normal;
font-weight:bold;border-bottom:1px solid var(--line);padding-bottom:.2rem;
margin-bottom:.3rem}
pre.bbc-code{margin:.5rem 0;padding:.5rem .7rem;background:var(--card);border:1px solid
var(--line);overflow-x:auto;font-size:.9em;white-space:pre-wrap}
pre.irclog{margin:.5rem 0;padding:.5rem .7rem;background:var(--card);border:1px solid
var(--line);border-left:3px solid var(--cat);overflow-x:auto;font-size:.9em;
line-height:1.45;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
white-space:pre-wrap;word-break:break-word}
ul.bbl,ol.bbl{margin:.4rem 0 .4rem 1.2rem;padding:0}
.bbc{text-align:center}
/* The page numbers were small bordered boxes, the current one filled. */
.pager{margin:1rem 0;font-size:12.5px}
.pager a,.pager span{display:inline-block;padding:.15rem .45rem;margin-right:.2rem;
border:1px solid var(--line);background:var(--card)}
.pager .cur{background:var(--bar) var(--barimg) repeat-x bottom left;
color:var(--barfg);border-color:var(--bar);font-weight:bold}
footer.foot{margin-top:2rem;background:var(--bar) var(--barimg) repeat-x bottom left;
color:var(--barfg);border:1px solid var(--line);padding:.5rem .6rem;font-size:12.5px}
footer.foot a{color:#cfe6f4}
footer.foot a:hover{color:var(--hot)}
a.cta{font-weight:bold;text-decoration:underline}
footer.foot a.cta{color:#fff}
table{max-width:100%;display:block;overflow-x:auto}