@import url("/assets/fonts/noto-serif-sc/font.css");
:root{color-scheme:light;background:#f7f6f2;color:#45423b;font-family:"yiiiii Serif","Songti SC","STSong",serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}body:after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;background:url("/assets/paper-grain.svg") repeat;opacity:.085;mix-blend-mode:multiply}main{margin:0;padding:16px 22px 64px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:1px solid #655e4e;outline-offset:4px}.masthead{display:inline-block}.brand{font:400 24px/1.1 "yiiiii Serif",serif;letter-spacing:.3px}.site-nav{display:inline-flex;gap:25px;margin-left:48px;font-size:10px;vertical-align:baseline}.site-nav .active{text-decoration:underline;text-underline-offset:4px}h1,h2,h3,h4{font-weight:400;margin:0}h1{font-size:12px;line-height:1.6}.toolbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.toolbar>div{display:flex;gap:12px}#list,.reading-page{margin-top:100px;max-width:720px}.section-heading{margin:100px 0 40px;max-width:720px}.section-heading span{display:none}#list>.toolbar{margin-bottom:40px}button{font:inherit;font-size:10px;color:inherit;border:0;border-bottom:1px solid #d7d3ca;background:transparent;border-radius:0;padding:3px 0;cursor:pointer}button:hover{border-color:#655e4e}button:disabled{opacity:.5;cursor:wait}.muted,time,#state,.hint,#status,#list-status,.read-more{font-size:9px;line-height:1.8;color:#8b8579}time{display:block}#list-status:empty{display:none}.feed,#entries{max-width:720px}.feed-article{display:grid;grid-template-columns:150px minmax(0,420px);column-gap:28px;row-gap:9px;align-items:start;margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid #e6e2d9}.feed-article h2{grid-column:1;grid-row:1;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.feed-article time{grid-column:1;grid-row:2}.feed-article .summary{grid-column:2;grid-row:1 / 4;margin:0;font-size:12px;line-height:1.9;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:5.7em}.feed-article button,.feed-article .read-more{grid-column:1;grid-row:3;justify-self:start}.pager{display:flex;gap:30px;font-size:10px}.reading-page{max-width:720px}.reading-page article{margin-top:40px}.reading-page h1{font-size:12px;line-height:1.9;margin-bottom:12px;text-align:left;overflow-wrap:anywhere}.prose{max-width:720px;font-size:12px;line-height:1.9;margin-top:30px;overflow-wrap:anywhere}.prose p{margin:0 0 22px}.prose h2,.prose h3,.prose h4{font-size:12px;line-height:1.9;margin:22px 0 12px}.prose strong{font-weight:600}.prose img{display:block;max-width:100%;height:auto;margin:22px 0}.editing #editor{margin-top:100px;max-width:720px}.editing .toolbar{justify-content:flex-start;gap:22px}input,textarea{display:block;width:100%;background:transparent;border:0;border-radius:0;color:inherit;font:inherit;outline:none}#title{font-size:12px;line-height:1.9;margin:40px 0 22px;padding:0}textarea{font-size:12px;line-height:1.9;min-height:360px;resize:vertical;padding:0}input::placeholder,textarea::placeholder{color:#aaa397}input:focus,textarea:focus{box-shadow:0 1px #ddd7ca}.controls{display:flex;flex-wrap:wrap;position:sticky;bottom:0;background:#f7f6f2;border-top:1px solid #e6e2d9;padding:12px 0;gap:15px!important;margin-top:25px}#status{flex-basis:100%}.danger,#delete{color:#8d7168}.error{color:#9d5947!important}.image-previews{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.image-previews img{max-width:100px;max-height:90px;object-fit:contain}.image-previews:empty{display:none}#confirmation{margin-top:20px;border-top:1px solid #e6e2d9;padding:15px 0;font-size:11px;line-height:1.9}#confirmation p{margin:0 0 15px}#confirmation button{margin-right:20px}.hint{margin-top:15px}footer{margin-top:80px;font:10px/1.6 "Songti SC",serif;color:#888;text-align:left}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:600px){main{padding:18px 12px 45px}.brand{font-size:16px}.site-nav{font-size:8px;gap:13px;margin-left:28px}#list,.reading-page,.editing #editor{margin-top:70px}.section-heading{margin-top:70px;margin-bottom:30px}h1,.reading-page h1{font-size:11px}#list>.toolbar{margin-bottom:30px}.feed-article{grid-template-columns:105px minmax(0,1fr);gap:8px 18px;margin-bottom:25px;padding-bottom:20px}.feed-article h2,.feed-article .summary,.prose,#title,textarea{font-size:11px;line-height:1.9}.reading-page,.prose,.editing #editor{max-width:720px;width:100%}#title{margin-top:30px}time,.read-more,#state{font-size:8px}.controls{gap:12px!important}footer{margin-top:60px}}

/* Article list: date, title and summary together; optional photograph at right. */
.feed-article{grid-template-columns:minmax(0,1fr);gap:10px 28px;padding-bottom:30px;margin-bottom:30px}.feed-article.has-cover{grid-template-columns:minmax(0,1fr) 150px}.feed-article time{grid-column:1;grid-row:1}.feed-article h2{grid-column:1;grid-row:2;margin:0}.feed-article .summary{grid-column:1;grid-row:3;margin:0;color:#8b8579}.feed-article button,.feed-article .read-more{grid-column:1;grid-row:4;margin-top:5px}.article-cover{grid-column:2;grid-row:2 / 5;width:150px;aspect-ratio:3/2;object-fit:cover;align-self:center;display:block}.article-cover img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.feed-article{gap:8px 15px;padding-bottom:23px;margin-bottom:23px}.feed-article.has-cover{grid-template-columns:minmax(0,1fr) 85px}.article-cover{width:85px}}
.feed-article h2{font-size:16px;line-height:1.6}.feed-article .summary{max-width:560px}@media(max-width:600px){.feed-article h2{font-size:14px}}

.format-menu{position:fixed;z-index:30;display:flex;flex-wrap:wrap;gap:0;padding:5px;background:#f7f6f2;border:1px solid #d7d3ca;box-shadow:0 3px 12px #45423b15;max-width:calc(100vw - 16px)}.format-menu button{padding:6px 9px;border:0;white-space:nowrap}.format-menu button:hover{background:#ebe7de}.prose h2{font-size:18px}.prose h3{font-size:16px}.prose h4{font-size:14px}.prose blockquote{margin:22px 0;padding:0 0 0 16px;border-left:2px solid #d7d3ca;color:#8b8579}.prose ul,.prose ol{margin:0 0 22px;padding-left:24px}.prose li{margin:5px 0}
.reading-page h1,#title{font-size:24px;line-height:1.5;margin-bottom:18px}.prose h2{font-size:20px;line-height:1.6}.prose h3{font-size:17px;line-height:1.6}.prose h4{font-size:14px;line-height:1.7}@media(max-width:600px){.reading-page h1,#title{font-size:22px}.prose h2{font-size:18px}.prose h3{font-size:16px}.prose h4{font-size:14px}}

.visual-editor{min-height:360px;margin-top:0;outline:none;width:100%;padding:0;white-space:normal}.visual-editor:focus{box-shadow:0 1px #ddd7ca}.visual-editor:empty:before{content:attr(data-placeholder);color:#aaa397;pointer-events:none}.visual-editor img{max-width:100%;height:auto;max-height:none;cursor:default}.visual-editor p:last-child{margin-bottom:0}.visual-editor[contenteditable="false"]{cursor:wait}

.visual-editor.ql-container{font:inherit;border:0;min-height:360px;height:auto}.visual-editor .ql-editor{padding:0;font:12px/1.9 "yiiiii Serif","Songti SC","STSong",serif;color:#45423b;min-height:360px;height:auto;overflow:visible}.visual-editor .ql-editor p{margin:0 0 22px}.visual-editor .ql-editor h1{font-size:20px;line-height:1.6}.visual-editor .ql-editor h2{font-size:17px;line-height:1.6}.visual-editor .ql-editor h3{font-size:14px;line-height:1.7}.visual-editor .ql-editor h1,.visual-editor .ql-editor h2,.visual-editor .ql-editor h3{margin:22px 0 12px;font-weight:400}.visual-editor .ql-editor.ql-blank:before{left:0;right:0;color:#aaa397;font-style:normal}.visual-editor .ql-editor blockquote{margin:22px 0;padding-left:16px;border-left:2px solid #d7d3ca;color:#8b8579}.visual-editor .ql-editor ol{margin:0 0 22px;padding-left:24px}.visual-editor .ql-editor li{margin:5px 0}@media(max-width:600px){.visual-editor .ql-editor{font-size:11px}.visual-editor .ql-editor h1{font-size:18px}.visual-editor .ql-editor h2{font-size:16px}}
.reading-page,.prose,.editing #editor{max-width:540px}

body.home-page>main{padding-top:0}.home-page header h1{font-size:24px;line-height:1.1}.home-page header nav{margin:0}@media(max-width:600px){.home-page header h1{font-size:16px}}

/* Writing directory follows the article reading width. */
.section-heading,.feed{max-width:540px}

/* Private draft list uses the same width as reading and editing. */
#list,#entries{max-width:540px}