.workshop { --paper:#f5f1e8; --ink:#26322d; --muted:#67766e; color:var(--ink); background:#e9e8df; font-family:Georgia,'Times New Roman',serif; }
.shell { max-width:var(--reading-space-width, min(100vw,100vh)); width:100%; margin:auto; padding:clamp(1rem,4vw,3rem); min-height:75vh; }
.masthead { margin-bottom:2rem; }
.masthead h1 { font-size:clamp(2rem,4vw,3.5rem); letter-spacing:-.035em; margin:.5rem 0; }
.eyebrow { text-transform:uppercase; font: .72rem/1.5 system-ui,sans-serif; letter-spacing:.12em; color:var(--muted); }
.lede { font-size:1.15rem; max-width:52rem; color:var(--muted); }
.workshop a { color:#315c46; text-underline-offset:.2em; }
.paper { background:var(--paper); border:1px solid #d6d8cb; border-radius:.5rem; padding:1.5rem; margin-bottom:1rem; box-shadow:0 2px 5px #26322d08; }
.paper h2 { font-size:1.4rem; }.paper h3 { font-size:1.2rem; }
.settings-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; align-items:start; }
.section-head { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.workshop label { display:block; font: .85rem/1.4 system-ui,sans-serif; margin:.8rem 0; }
.workshop input,.workshop textarea,.workshop select { display:block; width:100%; border:1px solid #bfc7ba; background:#fffef9; color:var(--ink); padding:.55rem .65rem; border-radius:.25rem; margin-top:.3rem; }
.workshop input[type=checkbox] { width:auto; display:inline; }.check { display:flex!important; align-items:center; gap:.5rem; }
.workshop button,.workshop .button { border:1px solid #789381; border-radius:.25rem; padding:.4rem .75rem; background:#eef0e4; color:#274b38; font:.82rem/1.5 system-ui,sans-serif; cursor:pointer; text-decoration:none; }
.workshop .button { background:#315c46; color:#fff; display:inline-block; }
.workshop button:disabled { opacity:.5; cursor:wait; }.workshop button:hover { background:#dce5d5; }
.workshop :focus-visible { outline:1px solid var(--lounge-focus,#a58b52); outline-offset:2px; }
.workshop details { margin:.75rem 0; }.workshop summary { cursor:pointer; font:.85rem/1.5 system-ui,sans-serif; }
.workshop pre { white-space:pre-wrap; font:.8rem/1.5 monospace; color:var(--ink); }
.muted { color:var(--muted); }.notice:empty { display:none; }.notice { display:block; padding:1rem; margin-bottom:1rem; border-left:3px solid #bd812f; background:#fff5de; white-space:pre-wrap; }
.plain-list { list-style:none; padding:0; }.plain-list li { padding:.45rem 0; border-bottom:1px solid #d6d8cb; }
.actions { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin:.8rem 0; }
.badge-state { font:.72rem/1.5 system-ui,sans-serif; border-radius:2rem; padding:.15rem .55rem; background:#e0e5d5; }
.need { font:.85rem/1.5 system-ui,sans-serif; padding:.6rem; background:#e7e9e0; margin:.5rem 0; }.need.recruiting { border-left:3px solid #bc842e; background:#f3e9cf; }
.reader { min-height:100vh; }
.manuscript { font-size:1.1rem; line-height:1.85; }.manuscript p { margin-bottom:1.1rem; }
.editor-state { font:.8rem/1.5 system-ui,sans-serif; color:var(--muted); }
.remark { border-top:1px solid #d6d8cb; padding:.8rem 0; font:.9rem/1.6 system-ui,sans-serif; }.remark blockquote { border-left:2px solid #8a9b7e; padding-left:.7rem; color:var(--muted); }.outdated { color:#8f681e; font-size:.8rem; }
.compare { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }.reader .notice { position:static; }
@media(max-width:850px) { .compare { grid-template-columns:1fr; }.paper { padding:1rem; }.masthead h1 { font-size:2.2rem; } }
@media print { nav,footer,.writer-toolbar,.notice,.masthead .actions { display:none!important; }.workshop,.paper { background:white; border:0; box-shadow:none; padding:0; margin:0; }.manuscript { font-size:1rem; } }