/* The existing artwork and type stay in place; writings occupy the white margin. */
.post-list{list-style:none;margin:0;padding:0}
.post-list li{margin:0 0 1.25em}
.post-list time{display:block;color:#555;font-size:.75em;line-height:1.5;margin-bottom:.25em}
.post-list a{display:block;color:var(--red);font:inherit;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.post-list a:hover{text-decoration:underline;text-underline-offset:.2em}
.post-excerpt{font-size:.85em;line-height:1.6;margin-top:.5em}
#home-posts{font-size:1.4cqw;max-height:28cqw;overflow:auto;padding:4px}
.blog-writing{position:absolute;z-index:9;left:5%;top:66%;bottom:14%;width:27%;overflow:auto;padding:4px;font-size:1.35cqw;scrollbar-width:thin}
.blog-writing:has(.post-list:empty):not(:has(#blog-status:not(:empty))){display:none}
#blog-more,#blog-retry{color:var(--red);font-size:inherit;text-decoration:underline;padding:8px 0}
#blog-status{font-size:.85em;line-height:1.5}
.post-reader{position:fixed;width:min(760px,92vw);max-height:88svh;margin:auto;border:1px solid #111;background:white;color:var(--ink);padding:clamp(22px,5vw,54px);box-shadow:4px 4px 0 #111;overflow:auto;scrollbar-width:thin}
.post-reader::backdrop{background:rgb(0 0 0 / .72)}
#post-close{font-family:Hand,cursive;font-size:28px;color:var(--red);padding:0 0 20px;text-align:left}
#post-title{font:400 clamp(38px,5vw,60px)/1.25 Hand,cursive;text-transform:uppercase;margin:0 0 15px;overflow-wrap:anywhere}
.post-date{font:12px/1.6 Elite,monospace;color:#555;margin-bottom:28px}
.post-body{font:17px/1.8 Elite,monospace;overflow-wrap:anywhere}
.post-body p{margin:0 0 1.4em;white-space:pre-wrap}
.post-body h2{font:400 36px/1.4 Hand,cursive;text-transform:uppercase;margin:1.2em 0 .5em}
.post-body blockquote{border-left:2px solid var(--red);margin:1.5em 0;padding-left:1.3em}
.post-body figure{margin:1.5em 0}.post-body img{display:block;width:100%;height:auto;object-fit:contain}
.post-body figcaption{font-size:12px;line-height:1.6;margin-top:10px;color:#555}
.post-body a{color:var(--red);text-underline-offset:3px}
@media(max-width:560px){
 #home-posts{font-size:14px;max-height:300px}
 .blog-writing{left:7%;width:76%;top:330px;bottom:auto;max-height:265px;font-size:14px}
 .post-reader{padding:24px 20px;max-height:90svh}
 .post-body{font-size:15px}
}