/* An editorial reading surface; the established landscape stays at the edges. */
.journal-page{--blog-paper:rgba(17,30,38,.88);--blog-text:#e7ecea;--blog-muted:#a5b6b4;--blog-line:#b5d3c41f;--blog-accent:#bdd8c9;background:#101d24;color:var(--blog-text)}
.journal-page .journal-app{background:transparent}.journal-page .journal-app::before{display:none}.journal-page .scene-mask{background:linear-gradient(90deg,#102028cc,#10202877 50%,#10202899)}
.journal-page .sidebar{width:240px;align-items:stretch;padding:46px 28px 30px;background:rgba(15,29,36,.55);border-right:1px solid #bed9d414;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.journal-page .brand{width:auto;height:auto;display:flex;align-items:center;gap:9px;border:0;border-radius:0;padding:0;background:none;box-shadow:none;color:var(--blog-muted);text-decoration:none;font:11px/1.5 var(--font-sans);letter-spacing:1px}.journal-page .brand svg{width:14px;height:14px}.blog-brand{margin:58px 0 0;font-family:var(--font-serif);font-size:27px;font-weight:400;letter-spacing:4px;color:#edf0e9}.blog-brand small{display:block;margin-top:12px;font:9px/1.5 var(--font-sans);letter-spacing:3px;color:var(--blog-muted)}
.journal-page .main-nav{margin-top:52px;gap:6px}.journal-page .nav-item{position:relative;width:100%;min-height:45px;padding:12px 15px;flex-direction:row;justify-content:flex-start;gap:13px;border:0;border-radius:8px;box-shadow:none;background:none;color:#acbcb9;font:13px/1.5 var(--font-sans);letter-spacing:2px}.journal-page .nav-item svg{width:17px;height:17px}.journal-page .nav-item:hover{background:#d7e7df08}.journal-page .nav-item.active{background:#cee2d714;color:#e2eddf;box-shadow:none}.journal-page .nav-item.active::before{display:none}.journal-page .sidebar-bottom{padding:0;margin-top:auto;justify-content:flex-start}.journal-page .account-link{width:40px;height:40px;border:1px solid #d1e3dc20;border-radius:50%;background:transparent;box-shadow:none}
.journal-page .main-area{margin-left:240px;padding:68px clamp(26px,6vw,92px) 70px;max-width:1500px}.journal-page .page-header{padding-left:0;margin:0 0 43px;align-items:flex-start}.journal-page .eyebrow{display:block;font:10px/1.5 var(--font-sans);letter-spacing:3px;color:#b4c6bd;margin-bottom:15px}.journal-page .page-header h1{font:400 clamp(32px,3.5vw,48px)/1.3 var(--font-serif);letter-spacing:5px;text-shadow:none}.journal-page .title-dot{display:none}.journal-page .header-actions{margin-top:14px;gap:10px}.journal-page .compose-button{background:#bfd8ca;color:#18352d;min-height:36px;height:36px;width:36px;min-width:36px;padding:0;border-radius:50%;box-shadow:none}.journal-page .language-button{color:#aabfb6;font-size:10px}.journal-page .feed-toolbar{margin:0 0 20px;padding:0;min-height:34px;justify-content:flex-end}.journal-page .date-filter{background:transparent;border:0;box-shadow:none;padding:0}.journal-page input[type=month]{font-size:11px;color:#b9cac3;background:transparent}.journal-page #journalContent{margin:0}.journal-page .more-button{margin:28px auto 0;padding:12px 24px;background:#c3e0d50c;border:1px solid var(--blog-line);border-radius:8px;font-size:12px}.journal-page .friends-page{margin-left:0}
.blog-index,.blog-archive{border:1px solid #c3ddcf24;border-radius:15px;background:var(--blog-paper);box-shadow:0 20px 80px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:0 36px}.blog-section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 21px;border-bottom:1px solid var(--blog-line);font:10px/1.5 var(--font-sans);letter-spacing:2px;color:var(--blog-muted)}
.blog-post{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:34px 0 35px;border-bottom:1px solid var(--blog-line)}.blog-post:last-child{border-bottom:0}.blog-post.with-cover{grid-template-columns:minmax(0,1fr) 174px}.blog-post-copy{min-width:0}.blog-post-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--blog-muted);font:10px/1.6 var(--font-sans)}.blog-post-meta>span{color:#c3d3c5}.blog-post h2{font:400 clamp(22px,2vw,28px)/1.6 var(--font-serif);letter-spacing:1px;margin:14px 0 20px;overflow-wrap:anywhere}.blog-post h2 a{color:var(--blog-text);text-decoration:none}.blog-post h2 a:hover{color:var(--blog-accent)}.blog-post-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;font:10px/1.5 var(--font-sans);color:var(--blog-muted)}.blog-read-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:11px;color:#c5d8cc}.blog-read-link svg{width:14px;height:14px}.blog-cover{display:block;align-self:center;height:120px;border-radius:8px;overflow:hidden;background:#b9cfcc0c}.blog-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.blog-cover:hover img{transform:scale(1.035)}
.blog-year{display:grid;grid-template-columns:100px 1fr;gap:22px;padding:34px 0 25px;border-bottom:1px solid var(--blog-line)}.blog-year:last-child{border:0}.blog-year>h2{margin:0;font:400 30px/1.3 Georgia,serif;color:#d6e2d7}.blog-year>h2 small{display:block;margin-top:9px;font:10px/1.5 var(--font-sans);letter-spacing:1px;color:var(--blog-muted)}.blog-year ol{list-style:none;padding:0;margin:0}.blog-year li{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--blog-line)}.blog-year li:first-child{padding-top:3px}.blog-year li:last-child{border:0}.blog-year time{flex:none;font:11px/1.6 var(--font-sans);color:var(--blog-muted)}.blog-year a{flex:1;min-width:0;display:flex;align-items:baseline;gap:18px;color:var(--blog-text);text-decoration:none;font:17px/1.8 var(--font-serif)}.blog-year a>span{flex:1;overflow-wrap:anywhere}.blog-year a>small{flex:none;font:10px var(--font-sans);color:var(--blog-muted)}.blog-year a>svg{width:13px;height:13px;align-self:center;color:var(--blog-muted)}
.journal-page.reading-article .page-header{margin-bottom:20px}.journal-page.reading-article .heading-wrap{visibility:hidden;height:36px}.journal-page.reading-article .header-actions{margin:0}.journal-page.reading-article .feed-toolbar,.journal-page.reading-article #journalSearchWrap{display:none}.blog-reader{max-width:900px;margin:auto}.blog-reader-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.blog-reader-bar button{display:inline-flex;align-items:center;gap:8px;background:transparent;padding:5px 0;color:#ccdbd1;font-size:11px}.blog-reader-bar svg{width:15px;height:15px}.blog-article{padding:52px clamp(24px,4.4vw,68px) 32px;background:rgba(16,29,36,.94);border:1px solid #c7ddd12b;border-radius:14px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 80px #0002}.blog-article-category{font-size:11px;letter-spacing:3px;color:#bcd6c6}.blog-article h1{margin:21px 0 24px;font:400 clamp(27px,3.2vw,42px)/1.65 var(--font-serif);letter-spacing:2px;overflow-wrap:anywhere}.blog-article-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--blog-muted)}.blog-article-header{padding-bottom:36px;border-bottom:1px solid var(--blog-line);margin-bottom:35px}.blog-prose{color:#d8e1dc}.blog-prose .entry-body{font:17px/2.15 var(--font-serif);color:inherit;letter-spacing:.5px}.blog-prose .entry-body p{margin:0 0 1.55em;white-space:pre-wrap;overflow-wrap:anywhere}.blog-prose .entry-photos{margin:35px 0;display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-prose .entry-photos.photo-count-1{grid-template-columns:1fr}.blog-prose .photo-button{background:none;border:0;border-radius:6px;overflow:hidden;width:100%;padding:0}.blog-prose .photo-button img{width:100%;height:auto;max-height:800px;object-fit:contain}.blog-prose .entry-video{min-height:220px}.blog-prose .entry-video video{width:100%;max-height:700px}.blog-article-footer{margin-top:40px}.blog-colophon{border-top:1px solid var(--blog-line);padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.blog-colophon .entry-author{gap:10px}.blog-colophon .author-name{font-size:12px;color:var(--blog-muted)}.blog-colophon .author-avatar{height:28px;width:28px;flex-basis:28px;font-size:10px;background:#c5dcc00a;border-color:var(--blog-line)}.blog-article-actions{display:flex;gap:10px;align-items:center}.blog-return{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:35px;padding:22px 0 0;border-top:1px solid var(--blog-line);color:#c5d8cc;background:none;font-size:12px}.blog-return svg{width:15px;height:15px}.blog-article .entry-discussion{margin:0;border-color:var(--blog-line)}.blog-empty{padding:60px 20px;text-align:center;color:var(--blog-muted);font-size:13px;line-height:2}.blog-empty button{margin-top:15px}
@media(min-width:1500px){.journal-page .main-area{padding-top:86px}.journal-page .sidebar{padding-top:60px}.blog-brand{margin-top:68px}}
@media(max-width:1100px){.journal-page .sidebar{width:195px;padding:38px 22px 25px}.blog-brand{font-size:23px;letter-spacing:3px}.journal-page .main-area{margin-left:195px;padding:52px 30px 60px}.blog-index,.blog-archive{padding:0 26px}.blog-post.with-cover{grid-template-columns:minmax(0,1fr) 140px}.blog-cover{height:108px}.blog-year{grid-template-columns:75px 1fr;gap:10px}}
@media(max-width:760px){.journal-page .sidebar{position:static;width:auto;height:auto;min-height:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:22px 22px 0;border:0;background:none;backdrop-filter:none}.journal-page .brand{font-size:10px;order:0}.blog-brand{order:1;margin:0 0 0 auto;font-size:18px;letter-spacing:2px}.blog-brand small{display:none}.journal-page .main-nav{order:3;position:static;width:100%;margin-top:27px;display:flex;flex-direction:row;justify-content:flex-start;gap:24px;background:none;padding:0;border:0;border-bottom:1px solid #c6dac526;border-radius:0;box-shadow:none;backdrop-filter:none}.journal-page .nav-item{flex:0 0 auto;width:auto;min-width:0;min-height:39px;padding:0 0 14px;gap:0;font-size:12px;letter-spacing:1px;border-radius:0;white-space:nowrap}.journal-page .nav-item svg{display:none}.journal-page .nav-item.active{background:none;border-bottom:1px solid #d6e8cd;box-shadow:none}.journal-page .sidebar-bottom{position:static;order:2;margin:0 0 0 14px;padding:0}.journal-page .account-link{width:27px;height:27px;border:0}.journal-page .account-link svg{width:17px}.journal-page #journalMobileAccount{display:none}.journal-page .main-area{margin:0;max-width:none;padding:37px 22px 45px}.journal-page .page-header{padding:0;margin-bottom:24px;gap:12px}.journal-page .page-header h1{font-size:31px;letter-spacing:3px}.journal-page .eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:12px}.journal-page .header-actions{gap:3px;margin-top:16px}.journal-page .feed-toolbar{margin-bottom:16px}.journal-page .search-wrap.open{position:absolute;top:228px;right:22px;z-index:3;background:#172d32}.journal-page .search-wrap input{width:150px}.blog-index,.blog-archive{border-radius:10px;padding:0 22px}.blog-section-label{padding:19px 0;font-size:9px}.blog-post{padding:25px 0;gap:18px}.blog-post.with-cover{grid-template-columns:minmax(0,1fr) 86px}.blog-cover{height:86px;border-radius:5px}.blog-post h2{font-size:21px;line-height:1.65;margin:10px 0 17px;letter-spacing:0}.blog-post-meta{font-size:9px;gap:8px}.blog-post-bottom{font-size:9px;gap:8px}.blog-read-link{font-size:10px;gap:3px}.blog-read-link svg{width:11px}.blog-year{display:block;padding:25px 0 20px}.blog-year>h2{display:flex;align-items:center;justify-content:space-between;font-size:27px;margin-bottom:18px}.blog-year>h2 small{margin:0}.blog-year li{gap:13px}.blog-year a{font-size:16px;gap:9px}.blog-year a>small{display:none}.blog-article{padding:30px 24px 25px;border-radius:10px}.blog-article h1{font-size:28px;letter-spacing:1px;margin:16px 0 20px}.blog-article-category{font-size:10px}.blog-article-header{padding-bottom:25px;margin-bottom:26px}.blog-article-meta{font-size:10px;gap:14px}.blog-prose .entry-body{font-size:16px;line-height:2.1;letter-spacing:0}.blog-prose .entry-photos{grid-template-columns:1fr}.journal-page.reading-article .main-area{padding-top:23px}.journal-page.reading-article .page-header{margin:0;height:0}.journal-page.reading-article .page-header .heading-wrap{display:none}.journal-page.reading-article .header-actions{display:none}.blog-reader-bar{margin-bottom:19px}.blog-reader-bar button{font-size:10px}.journal-page .personal-panel{padding:22px;background:var(--blog-paper);margin-bottom:20px}}
.journal-page .main-area{width:calc(100% - 240px)!important;margin-left:240px!important;margin-right:0}
.journal-page .brand>span{display:inline!important;font:inherit;letter-spacing:inherit}.journal-page .sidebar .brand{justify-content:flex-start}.journal-page .sidebar .brand svg{width:14px;height:14px}
.blog-prose .photo-button{aspect-ratio:auto;height:auto;display:block}.blog-prose .photo-button img{aspect-ratio:auto}
.journal-page .sidebar .nav-item{height:auto;min-height:45px;flex-direction:row;gap:13px;padding:12px 15px}.journal-page .sidebar .nav-item span{font:13px/1.5 var(--font-sans);letter-spacing:2px}.journal-page .sidebar .nav-item svg{width:17px;height:17px}
@media(max-width:1100px){.journal-page .main-area{width:calc(100% - 195px)!important;margin-left:195px!important}}
@media(max-width:760px){.journal-page .main-area{width:100%!important;margin-left:0!important;padding:37px 22px 45px!important}.journal-page.reading-article .main-area{padding-top:23px!important}.journal-page .sidebar,.journal-page .journal-app.author .sidebar{transform:none;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;border-radius:0;border:0;box-shadow:none;background:none}.journal-page .sidebar .nav-item{min-height:39px;height:auto;padding:0 0 14px;gap:0}.journal-page .sidebar .nav-item span{font-size:12px;letter-spacing:1px}.journal-page .sidebar .nav-item svg{display:none}.journal-page .sidebar .brand{display:flex}.journal-page .sidebar-bottom{display:flex!important;flex-direction:row;gap:0}.journal-page .search-wrap.open{left:auto;top:238px;right:22px}.journal-page .search-wrap input{width:150px}.journal-page .page-header{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.blog-cover img{transition:none}}

/* Short-form posts deliberately retain the previous full-text glass feed. */
.moments-feed{padding-top:6px}.moments-feed .entry-card{margin-bottom:28px}.moments-feed .month-heading{margin-bottom:24px}.moments-feed .entry-body{white-space:normal}.moments-feed .entry-body p{white-space:pre-wrap}.journal-page .main-nav{gap:5px}
@media(max-width:760px){.journal-page .main-nav{gap:24px;overflow-x:auto;scrollbar-width:none}.journal-page .main-nav::-webkit-scrollbar{display:none}.moments-feed .timeline-entry{padding-left:21px}.moments-feed .entry-card{padding:23px 19px}.moments-feed .day-rail{left:-4px}.moments-feed .month-heading{margin-left:0}.moments-feed .month-heading h2{margin-left:0}}

.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.post-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--blog-muted,#bdcdd0);font:11px/1.4 var(--font-sans);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.post-actions button svg{width:16px;height:16px;flex:none}.post-actions button:hover{color:#ecf4ed;background:#dcece80a;border-color:#dcece819}.post-actions button:focus-visible{outline:2px solid #b8d9cd;outline-offset:2px}.post-actions button:disabled{opacity:.5;cursor:wait}.post-actions .post-like.is-liked{color:#f3a5b3}.post-actions .post-like.is-liked svg{fill:currentColor}.post-actions.compact{flex-wrap:nowrap;gap:2px}.post-actions.compact button{min-height:36px;padding:7px 8px}.post-actions.compact .action-caption{display:none}.blog-post-bottom{flex-wrap:wrap}.blog-year li{align-items:center;flex-wrap:wrap}.blog-year li>a{flex-basis:160px}.blog-year li>.post-actions{margin-left:auto}.blog-article-footer>.post-actions{margin-top:22px;padding-top:16px;border-top:1px solid var(--blog-line)}.entry-card>.post-actions{margin-top:20px;padding-top:12px;border-top:1px solid #e0eeec20}.post-permalink{margin-left:auto;color:inherit;text-decoration:none}.post-permalink:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.post-actions button{min-height:44px}.post-actions.compact button{min-height:40px;padding:8px}.blog-post-bottom .post-actions{order:3;flex-basis:100%;justify-content:flex-start}.blog-year li>.post-actions{flex-basis:100%;justify-content:flex-end}.blog-year li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:13px;row-gap:3px}.blog-year li>.post-actions{grid-column:2}.blog-year li>a{flex-basis:100%}}
