@charset "UTF-8";

:root {
  --ink: #102126;
  --paper: #ece8de;
  --white: #f8f5ed;
  --line: #c9c3b6;
  --muted: #65706e;
  --rust: #c85b3c;
  --teal: #24484d;
  --signal: #e8b84d;
  --serif: Arial, Helvetica, sans-serif;
}

body {
  background-color: var(--paper);
  background-image: linear-gradient(#10212608 1px, transparent 1px), linear-gradient(90deg, #10212608 1px, transparent 1px);
  background-size: 32px 32px;
}

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: -.04em; }
.eyebrow, .project-topbar, .export-type { font-family: Consolas, "Courier New", monospace; }

.masthead {
  height: 82px;
  color: #f8f5ed;
  background: var(--ink);
  border-bottom: 5px solid var(--rust);
}

.brand { font-size: 19px; letter-spacing: .04em; text-transform: uppercase; }
.brand .kit-name { color: #b3c1bd; font: 10px Consolas, "Courier New", monospace; letter-spacing: .08em; text-transform: uppercase; }
.brand-divider { background: #ffffff2e; }

.alderline-mark {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  overflow: hidden;
  background: var(--rust);
  color: #fff;
  font: 700 9px/1 Consolas, "Courier New", monospace;
}

.alderline-mark::after {
  content: "";
  position: absolute;
  width: 46px;
  height: 1px;
  background: #10212680;
  transform: rotate(-45deg);
}

.local-badge { border-radius: 0; color: #c1cec9; background: #ffffff12; }
.local-badge i, .workspace-footer i { background: #69af79; }

button { border-radius: 0; font-family: Consolas, "Courier New", monospace; text-transform: uppercase; letter-spacing: .03em; }
.dark-button { background: var(--rust); border-color: var(--rust); }
.dark-button:hover { background: #a9442b; }
.quiet-button { color: inherit; }

.shell { grid-template-columns: 250px minmax(0, 1fr); min-height: calc(100vh - 82px); }
.sidebar { color: #dce4e1; background: #193238; border-color: #36535a; }
.project-symbol { border-radius: 0; color: #fff; background: var(--rust); font: 700 9px Consolas, monospace; }
.workspace-label .eyebrow, .sidebar-bottom small { color: #8fa6a1; }
.sidebar nav button { border-radius: 0; color: #a9bab6; }
.sidebar nav button[aria-current="page"] { color: #fff; background: var(--rust); }
.sidebar nav button:hover { color: #fff; background: #24464c; }
.nav-count { border-radius: 0; color: #d9e2df; background: #ffffff12; }
.sidebar-note { border-top: 1px solid #ffffff18; padding-top: 26px; }
.mini-note { border-radius: 0; color: var(--ink); background: #d8d2c5; box-shadow: 8px 8px 0 #071417; transform: none; }
.mini-note i { background: #aa9f8d; }
.sidebar-bottom { border-color: #ffffff18; }
.sidebar-bottom .text-button { color: #9db0ab; }

.project-topbar { height: 50px; color: #64716e; background: #ded9ce; border-color: #c7c0b2; letter-spacing: .08em; }
.panel { padding: 50px 56px; }
.section-heading h1 { max-width: 760px; font-size: 50px; line-height: 1; }
.lead { color: #586663; }
.paper-stamp { border-radius: 0; color: #fff; background: var(--rust); font: 700 13px Consolas, monospace; transform: none; }

.editor-card, .progress-card, .document-card, .export-card, .notice, dialog, .dialog-content {
  border-radius: 0;
}

.editor-card, .document-card, .export-card { background: #f8f5ed; }
.subtle-tag { border-radius: 0; color: #77301e; background: #f0d6cc; }
input, textarea { border-radius: 0; background: #fffdfa; }
input:focus-visible, textarea:focus-visible { outline-color: var(--rust); }

.progress-card { color: #eef3f0; background: var(--teal); }
.progress-card .eyebrow, .progress-card p, .progress-card .text-button { color: #b7c8c4; }
.progress-number strong { color: #fff; font-family: Consolas, "Courier New", monospace; }
progress { border-radius: 0; background: #ffffff1a; }
progress::-webkit-progress-bar { border-radius: 0; background: #ffffff1a; }
progress::-webkit-progress-value { border-radius: 0; background: var(--rust); }
progress::-moz-progress-bar { border-radius: 0; background: var(--rust); }
.context-note { border-top-color: var(--rust); }

.document-card:hover, .document-list > button[aria-current="true"] { border-color: var(--rust); background: #f1e3dc; }
.doc-symbol { border-radius: 0; color: #fff; background: var(--teal); }
.file-drop { border-radius: 0; }
.task-row { border-color: #bfb8aa; }
.handover-summary { border-radius: 0; background: #ded9ce; }
.export-card.featured { border-color: var(--rust); box-shadow: inset 0 5px 0 var(--rust); background: #f4e8e2; }
.export-type { color: var(--rust); }
.import-note { border-color: #bfb8aa; }
.workspace-footer { color: #697673; background: #d8d3c8; border-color: #c4bdaf; }

@media (max-width: 800px) {
  .masthead { height: 74px; }
  .shell { grid-template-columns: 1fr; min-height: calc(100vh - 74px); }
  .sidebar { background: #193238; }
  .sidebar-bottom { top: 88px; }
  .section-heading h1 { font-size: 42px; }
}

@media (max-width: 560px) {
  .brand { font-size: 15px; }
  .alderline-mark { width: 28px; height: 28px; font-size: 7px; }
  .brand .kit-name { left: 40px; top: 47px; }
  .panel { padding: 32px 20px; }
  .section-heading h1 { font-size: 36px; }
}