/* Workshop: the default look, plus manuscript states. Pencil = drafting, red pen = editing,
   ink = published. Typewriter figures; notes in the margin on wide screens (assets/margin.js). */
:root{--pencil:#8d8d88;--redpen:#b8432f;--lv-editing:#b8432f;--lv-drafting-line:#a9a9a3;
  --font-figures:"American Typewriter","Courier Prime","Courier New",ui-monospace,monospace;
  --font-hand:"Bradley Hand","Segoe Print","Comic Neue",cursive}
@media (prefers-color-scheme:dark){:root:not([data-mode=light]){--pencil:#8a8a86;--redpen:#e07a62;--lv-editing:#d9735c;--lv-drafting-line:#5d5d59}}
:root[data-mode=dark]{--pencil:#8a8a86;--redpen:#e07a62;--lv-editing:#d9735c;--lv-drafting-line:#5d5d59}

/* contents: each chapter's paper state */
.theme-workshop .outline li{border-left-width:3px}
.theme-workshop .outline li.drafting,.theme-workshop .outline li.planned{border-left-style:dashed;border-left-color:var(--pencil)}
.theme-workshop .outline li.drafting .ctitle a,.theme-workshop .outline li.planned .ctitle a{color:var(--pencil)}
.theme-workshop .outline li.editing{border-left-color:var(--redpen)}
.theme-workshop .outline li.editing .ctitle a:not(.plain){text-decoration:underline wavy var(--redpen);text-decoration-thickness:1px;text-underline-offset:4px}
.theme-workshop .outline li.published,.theme-workshop .outline li.free{border-left-color:var(--ink)}
.theme-workshop .tag.drafting,.theme-workshop .tag.planned{color:var(--pencil);font-style:italic}
.theme-workshop .tag.editing{color:var(--redpen)}
.theme-workshop .tag.published,.theme-workshop .tag.free{color:var(--ink);font-variant:small-caps;letter-spacing:.04em;font-size:.8rem}
.theme-workshop .partblock.solo.editing{border-left-color:var(--redpen)}
.theme-workshop .partblock.solo.published,.theme-workshop .partblock.solo.free{border-left-color:var(--ink)}
.theme-workshop .chstrip .seg.published{background:var(--ink)}
.theme-workshop .chstrip .seg.drafting{box-shadow:none;background:repeating-linear-gradient(135deg,var(--lv-drafting-line) 0 1px,transparent 1px 4px)}

/* the counter */
.theme-workshop .counter{font-family:var(--font-figures);font-size:2.6rem;line-height:1;margin:.1rem 0 .3rem;letter-spacing:-.01em}
.theme-workshop .hero-panel .big,.theme-workshop .cardstat .big{font-family:var(--font-figures);font-weight:400}

/* notes: red pen */
.theme-workshop .quote{border-left-color:var(--redpen)}
.theme-workshop .noteitem{border-left:3px solid var(--redpen)}
.theme-workshop .notemark{color:var(--redpen)}
.theme-workshop mark.quoted{background:none;text-decoration:underline var(--redpen);text-decoration-thickness:2px;text-underline-offset:3px;color:inherit}
.theme-workshop .marginnote{display:none}
@media (min-width:1180px){
  .theme-workshop .chapter.withnotes{position:relative}
  .theme-workshop .marginnote{display:block;position:absolute;left:calc(100% + 2rem);width:210px;font-family:var(--font-hand);
    color:var(--redpen);font-size:.95rem;line-height:1.3;text-decoration:none;transform:rotate(-1deg)}
  .theme-workshop .marginnote .who{display:block;font-family:var(--font-ui);font-size:.72rem;color:var(--muted);transform:none}
}
.theme-workshop .partblock.solo.drafting{border-left:3px dashed var(--pencil)}
.theme-workshop .partblock.solo.drafting .ptitle{color:var(--pencil)}