a{color:inherit}.writing-nav{display:flex;justify-content:space-between;align-items:center;padding-top:32px}.wordmark{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:500}.writing-nav nav{display:flex;align-items:center;gap:22px}.writing-nav nav a{text-decoration:none;color:var(--soft);font-size:14px}.theme-button{border:1px solid var(--hair);background:var(--card);color:var(--ink);border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:20px}.writing-main{padding-top:90px;min-height:60vh}.writing-heading h1,.essay-header h1,.studio h1{font-size:clamp(32px,5vw,46px);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px}.writing-heading>p{font-size:18px;color:var(--soft);margin:0 0 10px}.writing-heading .authorship,.authorship{font-size:13px;color:var(--faint)}.piece-count{margin-top:60px;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--faint);font-size:13px}.piece-list article{border-bottom:1px solid var(--hair)}.piece-list article>a{display:block;padding:28px 0;text-decoration:none}.piece-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--faint);font-size:13px}.piece-list h2{font-size:23px;letter-spacing:-.02em;margin:12px 0}.piece-list h2 span{font-size:18px;color:var(--faint);display:inline-block;transition:transform .2s}.piece-list a:hover h2 span{transform:translate(2px,-2px)}.piece-list p,.empty-writing{color:var(--soft);line-height:1.6}.empty-writing{padding:30px 0}.back-link{display:inline-block;text-decoration:none;color:var(--soft);font-size:14px;margin-bottom:40px}.essay-header{margin-bottom:40px}.essay-header h1{margin-top:18px;overflow-wrap:anywhere}.essay-header>p:not(.authorship){font-size:19px;line-height:1.6;color:var(--soft)}.prose{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.8;overflow-wrap:anywhere}.prose p{margin:0 0 1.25em}.prose h2,.prose h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.3;letter-spacing:-.02em;margin:1.8em 0 .7em}.prose h2{font-size:28px}.prose h3{font-size:23px}.prose a{color:var(--link);text-underline-offset:3px}.prose blockquote{border-left:2px solid var(--line);margin:1.5em 0;padding-left:24px;color:var(--soft)}.prose ul,.prose ol{padding-left:1.5em}.prose li>p{margin-bottom:.4em}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}.prose figure{margin:2em 0}.prose img{max-width:100%;height:auto;border-radius:8px;display:block}.prose figcaption{font:13px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--soft);margin-top:10px;text-align:center}.prose pre{overflow:auto;padding:20px;background:var(--card);border-radius:8px;font-size:14px}.prose code{font-size:.85em}.writing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:100px;padding-top:24px;padding-bottom:40px;color:var(--faint);font-size:13px;border-top:1px solid var(--hair)}.writing-footer a{text-decoration:none}.studio{padding-top:55px}.studio-heading,.studio-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.studio-heading>a{font-size:13px;color:var(--soft)}.studio h1{font-size:32px}.studio-controls h2{font-size:19px}.studio button:not(.btn){font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}.studio button:disabled{opacity:.5;cursor:wait}.studio button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.draft-row{display:flex;width:100%;justify-content:space-between;text-align:left;gap:16px;margin:12px 0;padding:20px!important}.draft-row span{font-size:13px;color:var(--soft)}#studio-message{margin:12px 0 24px;color:var(--soft)}.studio label{display:block;margin:20px 0 8px;font-size:14px}.studio input,.studio textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--well);color:var(--ink);font:inherit}.studio #piece-title{font-size:25px;font-weight:500}.editor-meta,.muted{font-size:13px;color:var(--soft)}.editor-meta{margin:20px 0}.toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:10px 10px 0 0;position:sticky;top:0;z-index:2}.toolbar button{font-size:12px!important;padding:6px 8px!important}#editor{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:var(--well)}.tiptap{min-height:400px;padding:28px;outline:none}.tiptap:focus-visible{box-shadow:inset 0 0 0 2px var(--soft);border-radius:0 0 10px 10px}.editor-actions{margin:20px 0}.studio dialog{width:min(860px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink)}.studio dialog::backdrop{background:rgba(0,0,0,.6)}#image-dialog{max-width:540px}.preview-note{font-size:12px;color:var(--faint);margin:25px 0}#save-state{font-size:13px;color:var(--soft)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--soft);outline-offset:3px}@media(max-width:600px){.writing-main{padding-top:55px}.prose{font-size:18px}.draft-row{flex-direction:column}.studio dialog{padding:20px}.tiptap{padding:18px}.writing-nav{padding-top:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep the Writing introduction and list together. */
.writing-index { padding-top: 60px; }
.writing-list-tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 32px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.writing-list-tools .piece-count { margin: 0; padding: 0; border: 0; white-space: nowrap; }
#writing-search { width: min(100%, 320px); min-width: 0; padding: 10px 13px; border: 1px solid var(--line); border-radius: 9px; background: var(--card); color: var(--ink); font: inherit; font-size: 14px; }
#writing-search::placeholder { color: var(--soft); }
.writing-index .empty-writing { margin: 0; padding: 24px 0; }
@media (max-width: 600px) { .writing-index { padding-top: 40px; } .writing-list-tools { gap: 12px; } }