/*! Copyright (c) 2026 Mark T. Fulwider. All rights reserved. */
.write-room{--write-border:#c5cfcb;background:#f3f5f1;color:#153139;font-size:16px;line-height:1.65}
.write-heading{background:#071119;color:#fff;padding:32px 0 30px}
.write-heading .eyebrow{font-size:14px;color:#dbba8b;margin-bottom:10px}
.write-heading h1{font:400 clamp(2.1rem,4vw,3.5rem)/1.14 var(--serif);letter-spacing:-.03em;margin:0 0 12px}
.write-heading>div>p{color:#cbd9d8;font-size:17px;margin:0 0 25px}
.write-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.write-door{position:relative;min-height:139px;border:1px solid #52727b;padding:7px 44px 7px 7px;overflow:hidden;background:#10232c;color:#fff;text-align:left;cursor:pointer;font:inherit}
.write-door>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.write-door>span{position:relative;display:block;background:#071119e8;padding:18px;height:100%;min-height:122px}
.write-door strong{display:block;font:400 25px/1.3 var(--serif);margin-bottom:9px;color:#f1dfbd}
.write-door span span{display:block;font-size:15px;line-height:1.5;color:#dfebea}
.write-door:hover,.write-door[aria-pressed=true]{border-color:#e6c58d;box-shadow:inset 0 -3px #e6c58d}
.write-content{padding-bottom:60px}.write-room [hidden]{display:none!important}
.write-storage{font-size:14px;min-height:24px;padding:19px 0;color:#526a6b;margin:0}
.write-storage button{margin-left:10px}
.write-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.write-main{min-width:0;border:1px solid var(--write-border);background:#fffefb;padding:27px 34px}
.write-editor-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--write-border);font-size:14px;color:#537074}
.write-editor-bar>div{display:flex;gap:20px;flex-wrap:wrap}
.write-room button{cursor:pointer}.write-room button:disabled{cursor:default;opacity:.5}
.write-editor-bar button,.write-section-controls button,.write-history button,.write-storage button{background:none;border:0;padding:3px 0;font:500 14px/1.5 var(--sans);color:#1b666d;text-decoration:underline;text-underline-offset:4px}
.write-room label{display:block;font-size:14px;font-weight:500;color:#36565c}
.write-room :is(input,select,textarea){font:400 16px/1.65 var(--sans);display:block;width:100%;min-width:0;background:#fffefb;border:1px solid #a5b8b4;color:#19363c;border-radius:0;padding:9px 11px;margin-top:6px}
.write-room textarea{resize:vertical}.write-room :is(input,textarea)::placeholder{color:#667a7d;opacity:1}
.write-room .write-title-label{margin-top:24px;font-size:14px}
.write-room .write-title{font:400 clamp(1.8rem,3vw,2.5rem)/1.3 var(--serif);border:0;border-bottom:1px solid #d9e0db;padding:8px 0 14px;letter-spacing:-.02em}
.write-byline{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin:20px 0}
.write-prompts{background:#eef3ee;border-left:3px solid #b68c54;padding:12px 16px;margin:22px 0;font-size:15px}
.write-room summary{cursor:pointer;font-size:16px;font-weight:500}.write-prompts p{font-size:15px;margin:12px 0 0}
.write-section{padding:17px 0 25px;border-bottom:1px solid #d9e0db}.write-section-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:#5d7476}.write-section-controls>span:last-child{display:flex;gap:15px}
.write-room .write-section-heading{font:400 24px/1.35 var(--serif);border:0;border-bottom:1px solid #e1e6e1;padding:8px 0;margin-bottom:14px}
.write-room .write-section-body{font:400 19px/1.9 var(--serif);border:0;min-height:260px;padding:4px 0;field-sizing:content;resize:vertical}
.write-add-section{width:100%;background:#eef3ee;border:1px dashed #94aca7;color:#24585f;font:500 15px/1.5 var(--sans);padding:13px;margin:22px 0 8px}
.write-bottom-bar{display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:13px;color:#536f73;margin:17px 0}.write-bottom-bar [role=status]{text-align:right;max-width:80%}
.write-save-actions{display:flex;flex-wrap:wrap;gap:13px;margin:20px 0 23px}.write-room .button{font-size:15px;line-height:1.5}
.write-history,.write-review{border-top:1px solid var(--write-border);padding:17px 0}.write-history p,.write-review>p{font-size:15px;line-height:1.7;margin:14px 0}.write-history button{display:block;margin:8px 0;text-align:left}.write-history [data-writing-history]{font-size:14px;color:#536f73}
.write-review label{margin:18px 0}.write-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.write-room .write-checkbox{display:flex;align-items:flex-start;gap:10px}.write-checkbox input{width:18px;height:18px;margin-top:4px;accent-color:#215d63}
.write-check-results{font-size:15px;line-height:1.7}.write-check-results ul{padding-left:20px}.write-check-results li{margin:8px 0}.write-existing-tools{font-size:14px}
.write-side{display:grid;gap:23px}.write-side-research{background:#e6ede7;border-top:4px solid #b88d55;padding:23px}.write-side h2{font:400 27px/1.25 var(--serif);margin:8px 0 17px}.write-side .eyebrow{font-size:13px}.write-side p{font-size:15px;line-height:1.7;margin:13px 0 19px}.write-side .button{font-size:14px;padding:10px 13px}
.write-side :is(details){background:#fffefb;border:1px solid var(--write-border);padding:18px}.write-side label{margin:17px 0}.write-side textarea{font-size:15px}.write-side .meta,.write-room .meta{font-size:13px;line-height:1.7;color:#576f73}
.write-attached{border-top:1px solid #b7c9c0;margin-top:23px;padding-top:19px;overflow-wrap:anywhere}.write-attached h3{font:400 21px/1.35 var(--serif);margin:0 0 12px}.write-attached pre{white-space:pre-wrap;font:400 15px/1.75 var(--sans);margin:13px 0}.write-attached a{font-size:14px;color:#195d63}.write-attached .meta{font-size:13px}
.write-passage-record{border-top:1px solid #c5cfcb;padding-top:15px;margin-top:18px}.write-passage-record blockquote{font:400 17px/1.7 var(--serif);padding:0;margin:10px 0;border:0}.write-passage-record p{white-space:pre-wrap;overflow-wrap:anywhere}
.write-panel-heading{display:flex;justify-content:space-between;align-items:start;gap:25px;margin:8px 0 25px}.write-panel-heading h2,.write-personal h2{font:400 32px/1.25 var(--serif);margin:5px 0 12px}.write-panel-heading p{max-width:680px;font-size:16px}.write-panel-heading>button{flex-shrink:0}.write-filter{max-width:650px;margin-bottom:24px}
.write-draft-list,.write-notebook-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.write-draft-card,.write-notebook-card{background:#fffefb;border:1px solid var(--write-border);border-top:3px solid #ab824e;padding:25px;overflow-wrap:anywhere}.write-draft-card h3,.write-notebook-card h3{font:400 27px/1.3 var(--serif);margin:9px 0 15px}.write-draft-card p,.write-notebook-card p{font-size:16px;line-height:1.75;white-space:pre-wrap;margin:15px 0}.write-draft-card .meta,.write-notebook-card .meta{font-size:13px;margin:7px 0}.write-empty{grid-column:1/-1;padding:36px;background:#e6ede7}.write-empty h3{font:400 26px/1.3 var(--serif);margin:0 0 15px}.write-empty p{margin:0 0 18px;font-size:16px}
.write-personal{border-top:1px solid var(--write-border);margin-top:55px;padding-top:35px}.write-personal>div>p{font-size:16px;max-width:670px;margin:16px 0 25px}.write-essay-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.write-essay{display:grid;grid-template-columns:34% minmax(0,1fr);background:#0b1b23;color:#f5f2e8;text-decoration:none;min-height:212px}.write-essay img{width:100%;height:100%;object-fit:cover}.write-essay>span{padding:25px}.write-essay strong{font:400 25px/1.3 var(--serif);display:block;margin:10px 0 13px}.write-essay small{font:400 13px/1.6 var(--sans);color:#d5b88a}.write-essay span span{font-size:15px;line-height:1.6;color:#c3d6d6}.write-essay:hover strong{text-decoration:underline;text-underline-offset:5px}.write-personal>.meta{margin-top:16px}
.write-reading h2{font:400 34px/1.25 var(--serif);margin:30px 0 16px}.write-reading h3{font:400 26px/1.3 var(--serif);margin:28px 0 18px}.write-reading .write-reading-text{font:400 20px/1.9 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 0 30px}.write-reading .meta{font-family:var(--sans)}
.write-version-dialog{background:#fffefb;color:#19363c;border:1px solid #9bb3ab;width:min(840px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:28px}.write-version-dialog::backdrop{background:#061319b8}.write-version-dialog button[data-close-writing-version]{font:400 15px/1.5 var(--sans);background:none;border:1px solid #9fb2aa;color:#16474c;padding:6px 13px}.write-version-content{font-size:16px;line-height:1.75}.write-version-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 17px/1.8 var(--serif)}
.write-room :is(button,input,textarea,select,summary,a):focus-visible{outline:3px solid #ae7d3c;outline-offset:4px}
@media(max-width:1100px){.write-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.write-main{padding:23px}.write-doors{gap:14px}.write-door{padding-right:27px}.write-door>span{padding:15px}.write-byline{grid-template-columns:1fr 1fr}.write-byline label:last-child{grid-column:1/-1}.write-essay{grid-template-columns:27% minmax(0,1fr)}}
@media(max-width:780px){.write-heading{padding-top:27px}.write-doors{grid-template-columns:1fr;gap:12px}.write-door{min-height:88px;padding-right:85px}.write-door>span{min-height:72px;padding:12px 16px}.write-door strong{font-size:24px;margin-bottom:3px}.write-workspace,.write-draft-list,.write-notebook-list,.write-essay-grid{grid-template-columns:1fr}.write-main{padding:20px}.write-byline,.write-review-pair{grid-template-columns:1fr;gap:14px}.write-review-pair{gap:0}.write-panel-heading{flex-direction:column;gap:12px}.write-bottom-bar{flex-direction:column;gap:9px}.write-bottom-bar [role=status]{text-align:left;max-width:100%}.write-editor-bar{flex-wrap:wrap}.write-essay{grid-template-columns:30% minmax(0,1fr)}.write-section-controls{align-items:start}.write-section-controls>span:last-child{flex-wrap:wrap;gap:9px}.write-room .write-section-body{font-size:19px}.write-content{padding-bottom:40px}.write-side{grid-template-columns:1fr}}