/* Go (proportional) — Bigelow & Holmes, bundled as woff2. See fonts/LICENSE. */
@font-face{font-family:'Go';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Go-Regular.woff2') format('woff2');}
@font-face{font-family:'Go';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Go-Bold.woff2') format('woff2');}
@font-face{font-family:'Go';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/Go-Italic.woff2') format('woff2');}
@font-face{font-family:'Go';font-style:italic;font-weight:700;font-display:swap;src:url('fonts/Go-Bold-Italic.woff2') format('woff2');}
/* Heebo — a grotesque Hebrew that pairs with Go; scoped to the Hebrew ranges
   so it only downloads when Hebrew is on the page. OFL, see fonts/Heebo-OFL.txt */
@font-face{font-family:'Heebo';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Heebo-Regular.woff2') format('woff2');unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F;}
@font-face{font-family:'Heebo';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Heebo-Bold.woff2') format('woff2');unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F;}
:root{
  --body:#ffffea;--body-hi:#eeee9e;--body-bord:#99994c;
  --tag:#eaffff;--tag-hi:#9eeeee;--tag-bord:#4c9999;
  --code:#f4f4d8;--ink:#000000;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:#d7d7cf;color:var(--ink);
  font-family:'Go','Heebo','DejaVu Sans','Segoe UI',system-ui,sans-serif;
  font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;
}

/* the whole editor: one centred column that fills the viewport height */
.acme{
  max-width:820px;margin:0 auto;min-height:100vh;
  display:flex;flex-direction:column;
  border-left:1px solid var(--body-bord);border-right:1px solid var(--body-bord);
}
.win{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;}

/* tag lines (the pale-cyan command strips) */
.tag{
  background:var(--tag);color:var(--ink);
  display:flex;align-items:center;flex-wrap:wrap;gap:0 .35ch;
  padding:2px 6px;font-size:14px;
  border-bottom:1px solid var(--tag-bord);
}
.tag .box{
  width:12px;height:12px;flex:0 0 auto;margin-right:5px;
  background:var(--tag-bord);border:1px solid var(--ink);
}
.tag-win .box{background:var(--body-bord);}
.tag .name,.tag .file{font-weight:bold;}

/* nav entries look like Acme executable commands: plain text that
   highlights with the tag sweep-colour on hover (middle-click = go). */
.cmds{display:inline;}
.cmd{color:var(--ink);text-decoration:none;padding:0 .35ch;}
.cmd:hover{background:var(--tag-hi);}
.cmd.current{font-weight:bold;text-decoration:underline;text-underline-offset:2px;}

/* the window body: fake left scrollbar gutter + text column */
.win-body{display:flex;flex:1 1 auto;background:var(--body);}
.scrollbar{flex:0 0 12px;background:var(--body-bord);}
.text{flex:1 1 auto;min-width:0;padding:10px 18px 40px;}

/* content elements */
.text h1{font-size:1.5em;font-weight:bold;margin:.1em 0 .6em;}
.text h2{font-size:1.2em;margin:1.3em 0 .3em;}
.text h3{font-size:1.05em;margin:1.1em 0 .2em;}
.text p{margin:.55em 0;}
.text ul,.text ol{margin:.55em 0;padding-left:1.6em;}
.text li{margin:.15em 0;}
.text hr{border:none;border-top:1px solid var(--body-bord);margin:1.2em 0;}
.text blockquote{margin:.7em 0;padding:0 0 0 12px;border-left:3px solid var(--body-bord);color:#333;}

/* body links: no such thing in Acme, so hint with a dotted rule and give
   the yellow body sweep-highlight on hover. */
.text a{color:var(--ink);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;}
.text a:hover{background:var(--body-hi);text-decoration:none;}

/* code */
.text code{font-family:ui-monospace,'DejaVu Sans Mono',monospace;background:var(--code);padding:0 .3ch;}
.text pre{background:var(--code);border:1px solid var(--body-bord);padding:8px 10px;overflow:auto;}
.text pre code{background:none;padding:0;}

/* the tutor page: its text file shown verbatim, acme-style monospace with no
   code-box chrome so it reads as plain text on the body background. */
pre.tutor{
  margin:.2em 0;padding:0;border:none;background:none;
  font-family:ui-monospace,'DejaVu Sans Mono',monospace;
  font-size:13px;line-height:1.45;white-space:pre;overflow-x:auto;
}

/* download table */
.text table.dl{border-collapse:collapse;width:100%;margin:1em 0;}
.text table.dl th,.text table.dl td{
  border:1px solid var(--body-bord);padding:5px 9px;text-align:left;vertical-align:top;
}
.text table.dl thead th{background:var(--tag);border-color:var(--tag-bord);font-weight:bold;}
.text table.dl tbody tr:hover{background:var(--body-hi);}
.text table.dl td a{font-family:ui-monospace,'DejaVu Sans Mono',monospace;white-space:nowrap;}