.journal-teaser{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#191813}.journal-heading{padding:70px 7% 55px;border-bottom:1px solid var(--line);position:relative}.journal-heading h1{font-size:clamp(90px,12vw,160px);margin-bottom:25px}.journal-heading>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);position:absolute;right:12%;bottom:60px}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:75px;padding:50px 7% 90px}.journal-layout aside{border-left:1px solid var(--line);padding-left:30px;color:var(--muted);font-size:13px;line-height:1.9}.journal-layout aside h2{color:var(--text);font-size:42px;margin-bottom:20px}.journal-layout aside label{display:block;font-size:10px;letter-spacing:2px;margin:35px 0 10px;color:var(--gold)}.aside-title{margin-top:35px}.filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}.filter-bar label{font-size:10px;color:var(--gold)}input,textarea,select{background:#181816;color:var(--text);border:1px solid #44423a;font:inherit;padding:12px;width:100%;border-radius:0}input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.filter-bar select{width:auto;font-size:12px}.filter-bar input{width:180px;flex:1;min-width:130px;font-size:12px}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.story{border-bottom:1px solid var(--line);padding:30px 0 45px;overflow-wrap:anywhere}.story .story-meta{color:var(--gold);font-size:9px;letter-spacing:1.8px;line-height:1.8;text-transform:uppercase}.story h2{font-size:clamp(36px,5vw,60px);line-height:1.1;margin:15px 0 12px}.story .byline{color:var(--muted);font-size:12px;margin-bottom:25px}.story figure{margin:25px 0}.story img{width:100%;max-height:750px;object-fit:contain;background:#181816}.story figcaption{font-size:11px;color:var(--muted);margin-top:10px}.story .story-body{font-size:15px;line-height:1.9;white-space:pre-wrap;color:#cecbc3}.story .permalink{font-size:10px;letter-spacing:1.5px;color:var(--gold);margin-top:22px;display:inline-block}.empty-journal{padding:55px 25px;border:1px solid var(--line);margin-top:30px}.empty-journal h2{font-size:42px;margin-bottom:20px}.empty-journal p{color:var(--muted);line-height:1.8}.editor-main{padding:55px 7% 90px}.editor-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;margin-top:35px}.editor-grid aside h3{margin-top:30px}.editor-grid aside button:not(.gold){width:100%;text-align:left;margin-bottom:10px;line-height:1.7;overflow-wrap:anywhere}.editor-grid aside button[aria-current=true]{border-color:var(--gold)}#story-form label{display:block;font-size:12px;color:var(--gold);margin-bottom:22px}#story-form label>input,#story-form label>select,#story-form label>textarea{display:block;margin-top:9px;color:var(--text)}textarea{resize:vertical;line-height:1.8}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}#story-form .checkbox{display:flex;gap:10px;align-items:center;color:var(--muted)}#story-form .checkbox input{width:auto;margin:0}.editor-actions{display:flex;gap:10px;flex-wrap:wrap}.editor-actions .gold{color:#141411}.editor-actions button:disabled{opacity:.5;cursor:wait}.story-preview{border:1px solid var(--line);padding:25px;margin-top:30px}.story-preview h2{font-size:42px;line-height:1.15;overflow-wrap:anywhere}.story-preview img{max-width:100%;max-height:550px}.story-preview .story-body{white-space:pre-wrap;line-height:1.9}.error{color:#f1a79e}nav [aria-current=page]{color:var(--gold)}@media(max-width:900px){.journal-layout{gap:30px;grid-template-columns:minmax(0,1fr) 190px}.editor-grid{grid-template-columns:180px minmax(0,1fr);gap:25px}.journal-heading>p:last-child{position:static;margin-top:30px}.journal-teaser{align-items:start;flex-direction:column}}@media(max-width:600px){.journal-layout{display:flex;flex-direction:column;padding:30px 6% 60px}.journal-layout aside{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.journal-heading{padding:45px 6% 30px}.editor-grid{display:flex;flex-direction:column}.editor-grid aside{border-bottom:1px solid var(--line);padding-bottom:20px}.editor-grid aside #story-list{max-height:200px;overflow:auto}.editor-main{padding:40px 6%}.form-pair{grid-template-columns:1fr;gap:0}header nav{gap:12px;flex-wrap:wrap;font-size:11px}.journal-heading>p:last-child{font-size:15px}.filter-bar input{width:100%;flex-basis:100%}.journal-heading h1{font-size:clamp(64px,19vw,100px)}}

/* Carry the smoky glass surface into Blogspot and the private editor. */
.journal-teaser{background:rgba(18,18,17,.48)}.journal-heading{margin:24px 3.5%;padding:55px 4%;border:1px solid var(--glass-edge);border-radius:18px;background:var(--glass);box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.journal-heading>p:last-child{right:7%}.journal-layout{padding:20px 7% 60px;gap:35px}.journal-layout>div,.journal-layout aside,.editor-main{background:var(--glass);border:1px solid var(--glass-edge);border-radius:14px;padding:28px;box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.editor-main{margin:24px 3.5%;padding:40px 4%}.story:last-child{border-bottom:0}.empty-journal,.story-preview{background:rgba(0,0,0,.18);border-radius:8px}input,textarea,select{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.24);border-radius:5px}select option{background:#141517}.journal-layout aside{border-left:1px solid var(--glass-edge)}@media(max-width:600px){.journal-heading{margin:20px 4%;padding:35px 5%}.journal-layout{padding:0 4% 25px}.journal-layout>div,.journal-layout aside{padding:22px}.editor-main{margin:20px 4%;padding:28px 5%}}
.story .story-body{color:var(--text)}