.writing-studio {
  --writing-ink: #26362a;
  --writing-soft-ink: #667363;
  --writing-paper: #f6f5ed;
  --writing-rule: #dde2d4;
  --writing-green: #34562d;
  --writing-light: #d2e6bf;
  max-width: 1250px;
  margin: 0 auto;
}
.writing-heading { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-bottom:30px }
.writing-eyebrow { display:block; font-size:9px; font-weight:600; letter-spacing:.15em; color:#a5bea0; margin-bottom:13px }
.writing-heading h1 { font-size:37px; font-weight:550; letter-spacing:-.045em }
.writing-heading p { max-width:560px; margin-top:12px; font-size:13px; color:#a5b1a3; line-height:1.75 }
.writing-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:41px; padding:11px 15px; border:1px solid transparent; border-radius:12px; font-size:12px; font-weight:550; line-height:1.4; cursor:pointer; transition:background .15s, border-color .15s }
.writing-button svg { width:15px; height:15px }
.writing-button-new { color:#183423; background:#c4e1ad; border-color:#d7eac7; border-radius:100px; padding:13px 20px; flex-shrink:0 }
.writing-button-new:hover { background:#d5edc3 }
.writing-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:23px; min-height:44px }
.writing-tabs { display:flex; gap:5px; border-bottom:1px solid #3d493e }
.writing-tabs button { color:#95a291; font-size:12px; padding:11px 14px 14px; border-bottom:2px solid transparent; margin-bottom:-1px; min-height:44px }
.writing-tabs button[aria-selected="true"] { color:#deefd4; border-bottom-color:#bbdca7 }
.writing-tabs button span { color:#7f907a; margin-left:7px; font-size:10px }
.writing-tabs button[aria-selected="true"] span { color:#b9cfae }
.writing-save-area { display:flex; align-items:center; justify-content:flex-end; gap:9px; min-width:0 }
#writing-save-status { display:flex; align-items:center; gap:7px; margin:0; color:#8f9d89; font-size:10px; line-height:1.5 }
#writing-save-status i { width:5px; height:5px; background:#9db88a; border-radius:50%; flex-shrink:0 }
#writing-save-status[data-phase="saving"] i { background:#d9bc7f }
#writing-save-status[data-phase="error"] { color:#edc39b }
#writing-save-status[data-phase="error"] i { background:#e5ad7d }
#writing-save-retry { font-size:10px; text-decoration:underline; color:#e8d3a8; padding:7px 3px; flex-shrink:0 }
#writing-save-retry[hidden] { display:none }
.writing-workbench { display:grid; grid-template-columns:246px minmax(0,1fr); gap:22px; align-items:start }
.writing-list-rail { padding:20px 12px 16px; border:1px solid #303c31; border-radius:21px; background:#101913bf }
.writing-rail-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:0 9px 21px }
.writing-rail-heading h2 { font-size:15px; font-weight:550; color:#d9e5d3; letter-spacing:-.02em }
.writing-rail-heading > span { color:#768c70; font-size:10px }
.writing-list-group + .writing-list-group { margin-top:23px }
.writing-list-heading { display:flex; justify-content:space-between; gap:10px; font-size:9px; letter-spacing:.035em; font-weight:500; color:#82967a; margin:0 10px 11px }
.writing-list-heading span { color:#657b5e; font-size:9px }
.writing-item { position:relative; display:block; width:100%; text-align:left; border:1px solid transparent; border-radius:13px; background:transparent; padding:15px 13px; margin-bottom:5px; color:#c5d2c0; transition:background .15s, border-color .15s }
.writing-item:hover { background:#1c2a1d }
.writing-item.is-selected { background:#263b26; border-color:#4d6a44; box-shadow:inset 2px 0 0 #b8d99e }
.writing-item-top { display:flex; gap:8px; align-items:center; justify-content:space-between; margin-bottom:11px }
.writing-item-number { color:#829c76; font-size:10px; font-variant-numeric:tabular-nums; letter-spacing:.04em }
.writing-item-state { font-size:8px; color:#92a487 }
.writing-item-state.is-approved { color:#a9bc9a }
.writing-item strong { display:block; max-width:95%; font-size:13px; font-weight:500; letter-spacing:-.012em; line-height:1.45; overflow-wrap:anywhere }
.writing-item.is-selected strong { color:#ecf4e4 }
.writing-item-excerpt { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:10px; color:#7f9375; line-height:1.6; margin-top:8px; padding-right:9px; overflow-wrap:anywhere }
.writing-item.is-selected .writing-item-excerpt { color:#a7b79b }
.writing-item-open { position:absolute; right:12px; bottom:13px; color:#8da77c; font-size:13px; opacity:0 }
.writing-item.is-selected .writing-item-open { opacity:1 }
.writing-list-empty { margin:0 10px; font-size:11px; line-height:1.75; color:#768b6f }
.writing-rail-bottom { display:flex; gap:7px; align-items:center; font-size:9px; color:#75896f; margin:25px 9px 0; padding-top:17px; border-top:1px solid #29382a }
.writing-tiny-dot { height:4px; width:4px; background:#92ad82; border-radius:50%; flex-shrink:0 }
#writing-paper-slot { min-width:0 }
.writing-paper { color:var(--writing-ink); background:var(--writing-paper); border:1px solid #e1e6d6; border-radius:22px; min-height:680px; overflow:hidden; box-shadow:0 20px 75px #00000020; position:relative }
.writing-paper::before { content:""; display:block; position:absolute; top:0; left:45px; width:36px; height:3px; background:#8fa87b; border-radius:0 0 3px 3px }
.writing-paper-top { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:28px 43px 23px; border-bottom:1px solid var(--writing-rule) }
.writing-page-number { font-size:9px; font-weight:550; letter-spacing:.14em; color:#7e8b72 }
.writing-status { display:inline-flex; align-items:center; font-size:9px; font-weight:500; line-height:1.4; color:#5d7851; padding:5px 9px; border-radius:100px; border:1px solid #dce5d1; background:#eaf1e1 }
.writing-status-draft { color:#78816b; border-color:#e0e3d5; background:#edeee5 }
.writing-status-proposed { color:#8c774d; background:#f2ecdc; border-color:#e6ddc7 }
.writing-status-rejected { color:#8c6c65; background:#f1e6df; border-color:#e8d7ce }
.writing-paper-content { padding:37px 44px 27px }
.writing-persona-line { color:#79836d; font-size:11px; margin:0 0 18px; line-height:1.5 }
.writing-source-title { font-family:Georgia,"Times New Roman",serif; color:#293d2b; font-size:45px; line-height:1.16; font-weight:400; letter-spacing:-.035em; max-width:650px; text-wrap:balance }
.writing-reading-section { margin-top:35px }
.writing-reading-section h3 { color:#859178; font-size:9px; letter-spacing:.12em; font-weight:500; text-transform:uppercase; margin:0 0 13px }
.writing-reading-section > p { font-size:17px; line-height:1.85; color:#52614d; max-width:640px }
.writing-reading-section blockquote { font-family:Georgia,"Times New Roman",serif; font-size:27px; line-height:1.52; letter-spacing:-.018em; color:#355034; border-left:2px solid #a2b58c; padding:4px 0 4px 22px; margin:14px 0 0; max-width:650px }
.writing-origin { color:#8b927e; font-size:10px; margin-top:28px }
.writing-origin span { margin:0 5px; color:#a6ad9b }
.writing-paper-footer { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:26px 43px 21px; margin-top:2px; border-top:1px solid var(--writing-rule) }
.writing-footer-label { color:#5b6d50; font-size:12px; font-weight:500 }
.writing-paper-footer p { color:#8a937e; font-size:10px; margin:6px 0 0; line-height:1.6; max-width:260px }
.writing-button-primary { color:#f2f6e9; background:#3b5831; border-color:#3b5831; font-size:11px; flex-shrink:0 }
.writing-button-primary:hover { background:#4b6a40; border-color:#4b6a40 }
.writing-source-footnote { color:#979f8b; font-size:9px; padding:0 43px 27px; line-height:1.7 }
.writing-source-review { display:flex; align-items:center; gap:13px; flex-wrap:wrap; margin-top:31px; padding-top:23px; border-top:1px solid var(--writing-rule) }
.writing-source-review > span { color:#7a876d; font-size:10px }
.writing-source-review > div { display:flex; gap:6px }
.writing-source-review .writing-button { color:#61754e; border-color:#d8e0cc; font-size:10px; min-height:34px; padding:7px 10px }
.writing-source-review .writing-button.is-chosen { color:#3b632e; background:#e1ebd6; border-color:#aec79c }
.writing-source-review > small { display:block; color:#939a86; font-size:9px; flex:1 0 100% }
.writing-paper-editor .writing-paper-content { padding-top:32px }
.writing-title-label { display:block; color:#8b977c; font-size:9px; letter-spacing:.09em; text-transform:uppercase; margin-bottom:15px }
.writing-title-input { display:block; width:100%; padding:0; margin:0; border:0; border-radius:3px; background:transparent; color:#2b402b; font-family:Georgia,"Times New Roman",serif; font-size:43px; line-height:1.2; font-weight:400; letter-spacing:-.035em; resize:none; overflow:hidden; min-height:54px }
.writing-title-input::placeholder { color:#9ba58e; opacity:1 }
.writing-context-line { display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--writing-rule); margin:24px 0 27px; padding-bottom:19px }
.writing-context-line label { font-size:10px; color:#8a947c; flex-shrink:0 }
.writing-context-line input { width:100%; border:0; background:transparent; color:#637357; font-size:12px; line-height:1.5; padding:4px 2px; border-radius:3px; min-width:0 }
.writing-context-line input::placeholder { color:#9ba38e; opacity:1 }
.writing-body-input { display:block; width:100%; min-height:320px; margin:0; padding:0; border:0; background:transparent; color:#4b5e45; font-size:16px; line-height:1.95; letter-spacing:.005em; resize:none; overflow:hidden; font-family:inherit; border-radius:3px; caret-color:#487238 }
.writing-body-input::placeholder { color:#99a28d; opacity:1 }
.writing-editor-footer { display:flex; justify-content:space-between; gap:15px; padding:22px 44px 27px; color:#8a957e; font-size:9px; border-top:1px solid var(--writing-rule); line-height:1.6 }
#writing-word-count { white-space:nowrap; flex-shrink:0; color:#7b8b70; font-variant-numeric:tabular-nums }
.writing-studio button:focus-visible,.writing-studio a:focus-visible { outline:2px solid #9ac782; outline-offset:3px }
.writing-paper textarea:focus-visible,.writing-paper input:focus-visible { outline:2px solid #9db68a; outline-offset:7px }
.writing-studio .writing-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
.writing-page-note { margin:21px 3px 0; color:#76876f; font-size:10px; line-height:1.75 }
.writing-avatars { padding:31px 0 0 }
.writing-avatar-intro { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin:0 0 30px }
.writing-avatar-intro .writing-eyebrow { font-size:9px; margin-bottom:12px }
.writing-avatar-intro h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:32px; letter-spacing:-.025em; line-height:1.25; color:#e1ead8 }
.writing-avatar-intro > p { max-width:300px; font-size:12px; color:#91a286; line-height:1.75 }
.writing-avatar-grid { display:grid; grid-template-columns:1fr 1fr; gap:23px }
.writing-avatar-card { background:var(--writing-paper); border:1px solid #e2e8d8; border-radius:23px; padding:31px 35px 25px; color:var(--writing-ink); min-width:0 }
.writing-avatar-top { display:flex; justify-content:space-between; gap:15px; color:#859376; font-size:9px; letter-spacing:.04em; padding-bottom:23px; border-bottom:1px solid var(--writing-rule) }
.writing-avatar-top span:last-child { color:#6b855a; letter-spacing:0; font-size:9px }
.writing-avatar-name { display:flex; align-items:baseline; gap:14px; margin-top:33px }
.writing-avatar-name h3 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:65px; line-height:1; color:#304b2e; letter-spacing:-.04em }
.writing-avatar-name > span { color:#89977a; font-size:11px }
.writing-avatar-persona { color:#6d805f; font-size:14px; margin-top:16px }
.writing-avatar-card dl { margin:28px 0 30px }
.writing-avatar-card dl div + div { margin-top:22px }
.writing-avatar-card dt { color:#8c987e; font-size:9px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px }
.writing-avatar-card dd { margin:0; color:#566c4a; font-size:13px; line-height:1.7 }
.writing-avatar-card footer { display:flex; justify-content:space-between; gap:12px; color:#97a08b; font-size:9px; padding-top:22px; border-top:1px solid var(--writing-rule) }
.writing-avatar-note { font-size:10px; color:#83937a; margin-top:20px }
/* Keep small editorial labels readable against the ivory paper. */
.writing-paper .writing-page-number,
.writing-persona-line,
.writing-reading-section h3,
.writing-origin,
.writing-paper-footer p,
.writing-source-footnote,
.writing-source-review > span,
.writing-source-review > small,
.writing-title-label,
.writing-context-line label,
.writing-editor-footer,
.writing-editor-footer #writing-word-count,
.writing-avatar-top,
.writing-avatar-top span:last-child,
.writing-avatar-name > span,
.writing-avatar-card dt,
.writing-avatar-card footer { color:#647057 }
.writing-title-input::placeholder,
.writing-context-line input::placeholder,
.writing-body-input::placeholder { color:#647057 }
.writing-status { color:#4d663e }
.writing-status-draft { color:#647057 }
.writing-status-proposed { color:#776037 }
.writing-status-rejected { color:#78564e }
@media (max-width:1180px) {
  .writing-workbench { grid-template-columns:215px minmax(0,1fr); gap:17px }
  .writing-paper-top { padding:25px 31px 21px }
  .writing-paper-content { padding:31px }
  .writing-source-title { font-size:39px }
  .writing-title-input { font-size:38px }
  .writing-paper-footer { padding:23px 31px; flex-wrap:wrap; gap:17px }
  .writing-source-footnote { padding-left:31px; padding-right:31px }
  .writing-editor-footer { padding:22px 31px }
  .writing-heading h1 { font-size:34px }
  .writing-save-area { max-width:245px }
}
@media (max-width:930px) {
  .writing-workbench { grid-template-columns:1fr }
  .writing-list-rail { padding:15px 12px 10px; overflow:hidden }
  .writing-rail-heading { padding:0 7px 13px }
  .writing-rail-heading h2 { font-size:13px }
  .writing-lists { display:flex; gap:8px; overflow-x:auto; overscroll-behavior-x:contain; padding:3px 3px 10px; scrollbar-width:thin; scrollbar-color:#435a3d transparent }
  .writing-list-group { display:contents }
  .writing-list-heading,.writing-list-empty,.writing-rail-bottom { display:none }
  .writing-item { flex:0 0 185px; width:185px; margin:0; padding:12px; min-height:113px; border-color:#2c3e2a }
  .writing-item strong { font-size:12px }
  .writing-item-excerpt { -webkit-line-clamp:1; font-size:9px }
  .writing-item-top { margin-bottom:8px }
  .writing-paper { min-height:620px }
  .writing-avatar-intro { align-items:flex-start; flex-direction:column; gap:15px }
  .writing-avatar-intro > p { max-width:480px }
  .writing-avatar-card { padding:27px }
  .writing-avatar-name h3 { font-size:57px }
}
@media (max-width:620px) {
  .writing-heading { align-items:flex-start; gap:19px; flex-wrap:wrap; margin-bottom:23px }
  .writing-heading h1 { font-size:31px }
  .writing-eyebrow { font-size:8px; letter-spacing:.12em; margin-bottom:11px }
  .writing-heading p { font-size:12px; max-width:360px; margin-top:11px }
  .writing-button-new { padding:10px 15px; min-height:40px; font-size:11px }
  .writing-toolbar { flex-direction:column; align-items:flex-start; gap:13px; margin-bottom:19px }
  .writing-tabs { width:100% }
  .writing-tabs button { font-size:12px; padding-left:10px; padding-right:17px }
  .writing-save-area { justify-content:flex-start; max-width:100%; padding-left:3px }
  #writing-save-status { font-size:9px }
  .writing-workbench { gap:16px }
  .writing-list-rail { border-radius:16px }
  .writing-item { flex-basis:169px; width:169px }
  .writing-paper { min-height:570px; border-radius:18px }
  .writing-paper::before { left:25px }
  .writing-paper-top { padding:22px 23px 19px; gap:11px }
  .writing-page-number { font-size:8px; letter-spacing:.11em }
  .writing-status { font-size:8px; padding:5px 8px }
  .writing-paper-content { padding:27px 24px 25px }
  .writing-source-title { font-size:35px; line-height:1.15 }
  .writing-persona-line { font-size:10px; margin-bottom:15px }
  .writing-reading-section { margin-top:29px }
  .writing-reading-section h3 { font-size:8px; margin-bottom:12px }
  .writing-reading-section > p { font-size:15px; line-height:1.85 }
  .writing-reading-section blockquote { font-size:24px; line-height:1.5; padding-left:16px }
  .writing-origin { font-size:9px; margin-top:24px }
  .writing-paper-footer { padding:23px 24px 19px; gap:17px; align-items:flex-start }
  .writing-footer-label { font-size:11px }
  .writing-paper-footer p { font-size:9px }
  .writing-button-primary { min-height:40px; font-size:11px }
  .writing-source-footnote { padding:0 24px 23px; font-size:8px }
  .writing-paper-editor .writing-paper-content { padding-top:26px }
  .writing-title-label { font-size:8px; margin-bottom:14px }
  .writing-title-input { font-size:34px; min-height:44px }
  .writing-context-line { margin:22px 0 23px; padding-bottom:17px }
  .writing-context-line input { font-size:12px; min-height:30px }
  .writing-body-input { font-size:15px; line-height:1.95; min-height:300px }
  .writing-editor-footer { padding:18px 24px 23px; font-size:8px; gap:15px; align-items:flex-end }
  .writing-editor-footer > span:first-child { max-width:190px }
  .writing-page-note { font-size:9px; margin-top:18px }
  .writing-avatars { padding-top:13px }
  .writing-avatar-intro h2 { font-size:29px }
  .writing-avatar-intro > p { font-size:11px }
  .writing-avatar-grid { grid-template-columns:1fr; gap:17px }
  .writing-avatar-card { padding:27px; border-radius:19px }
  .writing-avatar-top { font-size:8px }
  .writing-avatar-name h3 { font-size:61px }
  .writing-avatar-persona { font-size:13px }
  .writing-avatar-card dl { margin-bottom:27px }
}
@media (prefers-reduced-motion:reduce) {
  .writing-studio * { transition:none!important; scroll-behavior:auto!important }
}

@media(max-width:720px){.writing-paper{scroll-margin-top:16px}}