:root{color-scheme:light;--ink:#28251f;--muted:#746e64;--line:#e7e0d5;--paper:#fffdf9;--accent:#78543e}*{box-sizing:border-box}body{margin:0;background:#f6f2eb;color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:.55rem .8rem;border-radius:7px}button:hover{border-color:#aa8a72}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}header{min-height:70px;padding:12px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:var(--paper)}.header-actions{display:flex;gap:8px;align-items:center}.brand{border:0;background:none;font-family:Georgia,serif;font-size:1.6rem;padding:0}.brand span{font:12px system-ui;color:var(--muted)}main{max-width:1200px;margin:auto;padding:30px 20px 80px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.2}h1{font-size:2.35rem;margin:.3em 0 .8em}h2{font-size:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:.76rem;font-weight:700}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:15px}.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px}.card{text-align:left;min-height:165px;display:flex;flex-direction:column;align-items:flex-start}.card strong{font:1.35rem Georgia,serif;margin:14px 0 auto}.card small{color:var(--muted)}section{margin:35px 0}.login{max-width:410px;margin:9vh auto}.login label,.field{display:block;margin:15px 0}.login input,textarea,select{width:100%;border:1px solid #cfc5b8;background:white;padding:10px;border-radius:7px}textarea{min-height:125px;resize:vertical}.stack{display:grid;gap:9px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spaced{justify-content:space-between}.toc button{width:100%;text-align:left;display:flex;justify-content:space-between}.badge{color:#895628;font-size:.8rem}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.reader{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:clamp(22px,5vw,70px)}.reader article{max-width:var(--width,680px);margin:auto;font-family:var(--font,Georgia,serif);font-size:var(--size,20px);line-height:1.8}.reader p{margin:0 0 1.25em;text-align:left}.reader .scene{text-align:center;color:var(--muted);margin:2em 0}.reader aside{position:sticky;top:16px}.toolbar{margin:18px 0 25px}.toolbar label{font-size:.85rem;color:var(--muted)}.toolbar select,.toolbar input{width:auto;padding:5px}.annotation{border-top:1px solid var(--line);padding:12px 0}.annotation q{display:block;font-family:Georgia,serif;color:var(--accent)}.annotation p{margin:.5rem 0}.reader mark{background:#f5e7b7}.guide-page{max-width:760px;margin:auto}.guide-page .panel{padding:clamp(22px,5vw,42px)}.guide-page h2{margin-top:1.6em}.guide-page code,.guide-page pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.guide-page code{background:#f2ebe0;padding:.1em .3em;border-radius:3px}.guide-page pre{background:#f6f1e8;border:1px solid var(--line);border-radius:8px;padding:20px;white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.guide-page pre code{background:none;padding:0}@media(max-width:850px){.reader-layout{display:block}.reader-layout aside{position:static;margin-top:20px}.brand span{display:none}main{padding:22px 14px}.reader{padding:24px 16px}}@media(max-width:520px){header{padding:10px 14px;flex-wrap:wrap}.brand{font-size:1.4rem}.header-actions{gap:5px}.header-actions button{font-size:.85rem;padding:.45rem .55rem}}