:root { color-scheme: dark; }
.writing-preview { margin: 0; background: #202023; color: #e6e1d8; font-family: "M PLUS Rounded 1c", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.9; }
.writing-preview main { max-width: 48rem; margin: auto; padding: 3rem 1.25rem; }
.writing-preview header { text-align: center; margin-bottom: 2rem; }
.writing-preview h1 { font-size: clamp(1.8rem, 5vw, 2.5rem); line-height: 1.25; }
.writing-preview header p { color: #c8c1b7; }
.writing-cover { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: .5rem; }
.writing-body { overflow-wrap: anywhere; color: #d5cec3; line-height: 1.9; }
.writing-body h2,.writing-body h3,.writing-body h4 { margin: 2rem 0 .85rem; color: #f7f3ea; font-weight: 700; line-height: 1.25; }
.writing-body h2 { font-size: 1.7rem; }
.writing-body h3 { font-size: 1.35rem; }
.writing-body p { margin: 1.15rem 0; }
.writing-body a { color: #81e6d9; font-weight: 700; }
.writing-body img { display: block; max-width: 100%; height: auto; border-radius: .5rem; margin: 2rem auto; }
.writing-body ul,.writing-body ol { padding-left: 1.5rem; }
.writing-body ul { list-style: disc; }
.writing-body ol { list-style: decimal; }
.writing-body pre { background: #151518; padding: 1rem; overflow: auto; border-radius: .5rem; }
.writing-body code { font-family: monospace; }
.writing-body blockquote { margin: 1.5rem 0; padding-left: 1rem; border-left: 1px solid #81e6d9; }
.writing-body hr { margin: 2rem 0; border: 0; border-top: 1px solid #ffffff1a; }