@layer components{.vertical-shell{background-image:linear-gradient(90deg,#0000 2rem,#613a1914 2rem 2.08rem,#0000 2.08rem);width:100vw;max-width:none;height:100svh;padding:1.2rem 1.5rem 1.5rem;position:relative;overflow:hidden}.vertical-shell:after{content:"";z-index:2;pointer-events:none;background:#77332138;border-inline:1px solid #5431182e;width:.35rem;position:fixed;top:0;bottom:0;right:1rem}.vertical-shell .article-nav{z-index:5;font-family:var(--mono);margin:0;position:fixed;top:1.2rem;left:1.2rem}.vertical-article{overscroll-behavior:contain;writing-mode:vertical-rl;flex-direction:column;gap:2rem;width:100%;min-width:0;height:calc(100svh - 2.7rem);padding:4.6rem 3rem 2rem;display:flex;overflow:auto hidden}.horizontal-help{z-index:20;color:#3f3022;max-width:24rem;font:.72rem/1.5 var(--serif);background:#e8d6b4f2;border:1px solid #3f302247;padding:.55rem .75rem;position:fixed;bottom:1rem;right:1rem}.vertical-article .article-header{border:0;border-left:1px solid var(--line);margin:0 0 0 2rem;padding:0 0 0 2rem}.vertical-article .article-header h1{letter-spacing:.14em;margin:0 1rem;font-size:2.8rem}.vertical-article .article-description{max-height:32em;margin:0 1rem;font-size:.92rem;line-height:2}.article-cover{flex-direction:column;gap:.45rem;max-height:32rem;margin:0 1.4rem;display:flex}.article-cover img{object-fit:cover;filter:saturate(.78)contrast(.96);border:1px solid #52351d47;width:auto;height:min(42svh,22rem)}.article-cover figcaption{color:var(--muted);font-size:.62rem}.vertical-article .meta{flex-direction:column}.vertical-article .essay-prose{max-height:100%;line-height:2.15}.vertical-article .essay-prose h2{margin:0 2rem 0 1rem}.vertical-article .essay-prose p{margin:0 1rem}.vertical-article .essay-prose blockquote{border:0;border-top:2px solid var(--room-accent);margin:0 1rem;padding:1rem 0 0}.essay-prose img{border:1px solid #52351d40;max-width:min(42svh,24rem);max-height:min(55vw,30rem);margin:0 1.25rem}.essay-prose pre{writing-mode:horizontal-tb;width:min(34rem,70svh);max-height:min(30rem,70svh);margin:0 1.25rem}.essay-prose math{writing-mode:horizontal-tb;padding:.2rem;display:inline-block}.essay-prose :target{outline-offset:.35rem;outline:2px solid #8c2e208c}.essay-prose a:focus-visible,.essay-pagination a:focus-visible{outline-offset:.2rem;outline:2px solid #8c2e20}.essay-pagination{border-right:1px solid var(--line);gap:1rem;margin-right:2rem;padding-right:1.4rem;display:flex}.essay-pagination a{color:var(--muted);font-size:.68rem}body.essay-detail{height:100svh;overflow:hidden}@media (width<=700px){.room-page.alcove.essay-reader{width:auto;max-width:none;height:auto;min-height:100svh;display:block;overflow:visible}body.essay-detail{height:auto;overflow-y:auto}.essay-reader .vertical-shell{background-image:none;width:min(100%,900px);max-width:900px;height:auto;margin:auto;padding:2rem clamp(1rem,5vw,3.5rem) 7rem;overflow:visible}.essay-reader .vertical-shell:after{display:none}.essay-reader .article-nav{margin-bottom:2rem;position:static}.essay-reader .vertical-article{writing-mode:horizontal-tb;width:100%;height:auto;padding:0;display:block;overflow:visible}.essay-reader .article-header{border:0;border-bottom:1px solid var(--line);margin:0 0 3rem;padding:0 0 2rem}.essay-reader .article-header h1{letter-spacing:.08em;margin:1rem 0;font-size:clamp(2.5rem,7vw,5rem)}.essay-reader .article-description,.essay-reader .essay-prose,.essay-reader .essay-prose p{max-height:none;margin:0}.essay-reader .meta{flex-direction:row}.essay-reader .article-cover{max-height:none;margin:2rem 0 0;display:block}.essay-reader .article-cover img{width:100%;height:auto}.essay-reader .essay-prose h2{margin:2.7rem 0 1rem}.essay-reader .essay-prose p{margin-block:1rem}.essay-reader .essay-prose img{max-width:100%;max-height:none;margin:1.5rem 0}.essay-reader .essay-prose pre{width:auto;max-height:none;margin:2rem 0}.essay-reader .essay-prose blockquote{border:0;border-left:2px solid var(--room-accent);margin:1.5rem 0;padding:0 0 0 1.4rem}.essay-reader .essay-pagination{border:0;border-top:1px solid var(--line);flex-flow:wrap;margin:3rem 0 0;padding:2rem 0 0;display:flex}}.room-alcove{height:100svh;overflow:hidden}.room-page.alcove{--room-accent:#8c2e20;--room-bg:#cdb68e;--room-ink:#21180f;--room-muted:#594838;--room-line:#3323163b;--paper:var(--room-bg);--ink:var(--room-ink);--muted:var(--room-muted);--line:var(--room-line);color-scheme:light;font-family:var(--serif);background-color:var(--paper);overscroll-behavior:contain;background-image:linear-gradient(90deg,#482d130f 1px,#0000 1px),linear-gradient(#482d1309 1px,#0000 1px);background-size:32px 32px;flex-direction:row-reverse;width:100vw;max-width:100vw;height:100svh;min-height:0;display:flex;overflow:auto hidden}.alcove .room-home{color:#493727;background:#cdb68ee0;position:fixed}.alcove .room-hero{writing-mode:vertical-rl;border-left:1px solid var(--line);flex-direction:row-reverse;flex:0 0 330px;gap:2rem;height:100svh;margin:0;padding:5rem 2.4rem 3rem;display:flex}.alcove .room-hero h1{letter-spacing:.12em;margin:0;font-size:4.2rem}.alcove .room-intro{max-height:32em;font-size:.92rem;line-height:2}.alcove .content-grid{flex-direction:row-reverse;flex:1 0 auto;align-items:center;gap:1.2rem;max-width:none;height:100svh;margin:0;padding:5rem 3rem 3rem 7rem;display:flex}.alcove .entry-card{writing-mode:vertical-rl;background:#eedcbb61;border-color:#52351d47;width:172px;height:calc(100svh - 8rem);min-height:0;padding:.85rem;display:block;position:relative;box-shadow:6px 7px #4d341d12,inset 0 0 24px #67462609}.alcove .entry-card h2{letter-spacing:.16em;background:#efe2c8d1;border:1px solid #53371f47;margin:0 .22rem 0 .38rem;padding:.8rem .34rem;font-size:1.48rem;position:relative;box-shadow:3px 3px #53371f14}.alcove .entry-card h2:before,.alcove .entry-card h2:after{content:"";background:#822b1e6b;height:1px;position:absolute;left:.22rem;right:.22rem}.alcove .entry-card h2:before{top:.28rem}.alcove .entry-card h2:after{bottom:.28rem}.alcove .entry-card p{max-height:none;margin:0 .28rem;font-size:.82rem;line-height:1.75}.alcove .entry-cover{object-fit:cover;filter:saturate(.72)contrast(.96);border:1px solid #52351d3d;width:100%;height:7.5rem;margin-left:.45rem}.alcove .entry-card .meta{writing-mode:vertical-rl;flex-direction:row;align-items:center;gap:.65rem;display:flex;position:absolute;top:1rem;left:.48rem}.alcove .entry-card .meta span{color:#8c2e20;letter-spacing:.08em;border:1px solid;place-items:center;width:1.75rem;min-height:1.75rem;padding:.24rem .12rem;font-size:.58rem;display:grid;transform:rotate(-2deg)}.alcove .entry-card .meta time{color:#79634e;letter-spacing:.04em;font-size:.54rem}.alcove .entry-card .tags{writing-mode:vertical-rl;flex-direction:row;gap:.3rem;margin:0;display:flex;position:absolute;bottom:.58rem;left:auto;right:.5rem}.alcove .entry-card .tag{color:#922e20;letter-spacing:.05em;opacity:.86;border:1px solid;place-items:center;width:1.6rem;min-height:1.6rem;padding:.2rem .1rem;font-size:.54rem;line-height:1;display:grid;transform:rotate(2deg)}.alcove .entry-card .tag+.tag:before,.alcove .room-switcher{content:none;display:none}}@layer overrides{@media (width<=800px){.alcove .room-hero{flex-basis:270px;padding-inline:1.7rem}.alcove .content-grid{padding-right:1.7rem}}@media (width<=700px){body.room-alcove{height:auto;overflow:hidden auto}.room-page.alcove:not(.essay-reader){width:100%;max-width:none;height:auto;min-height:100svh;display:block;overflow:visible}.alcove .room-home{position:absolute}.alcove .room-hero{writing-mode:horizontal-tb;border-bottom:1px solid var(--line);border-left:0;height:auto;margin:0;padding:5.25rem 1.25rem 2rem;display:block}.alcove .room-hero h1{letter-spacing:.12em;margin:.65rem 0;font-size:clamp(2.8rem,14vw,4rem)}.alcove .room-intro{max-height:none;margin-top:1.2rem;font-size:.9rem;line-height:1.9}.alcove .content-grid{gap:1rem;width:100%;max-width:42rem;height:auto;margin:0 auto;padding:1.25rem 1rem 4rem;display:grid}.alcove .entry-card{writing-mode:horizontal-tb;grid-template-columns:1fr;width:100%;height:auto;min-height:0;padding:1rem;display:grid}.alcove .entry-card h2{letter-spacing:.12em;margin:.7rem 0;padding:.7rem .8rem;font-size:1.45rem}.alcove .entry-card p{margin:0;font-size:.86rem;line-height:1.75}.alcove .entry-cover{aspect-ratio:3/2;order:-1;width:100%;height:auto;margin:0 0 .35rem}.alcove .entry-card .meta,.alcove .entry-card .tags{writing-mode:horizontal-tb;flex-direction:row;align-items:center;gap:.45rem;margin-top:.75rem;display:flex;position:static}.alcove .entry-card .meta{order:3}.alcove .entry-card .tags{order:4}.alcove .entry-card .meta span,.alcove .entry-card .tag{width:auto;min-height:0;padding:.25rem .4rem}}}