:root{--j-paper:#ead8ba;--j-red:#bd3032;--j-ink:#231c16;--j-black:#11100f;--j-muted:#8f8173}
*{box-sizing:border-box}
body.journal-page{margin:0;background:#11100f;color:#f4eee3;font-family:Georgia,"Times New Roman",serif}
.journal-page .site-header{position:relative;background:#11100f;border-bottom:1px solid rgba(170,124,67,.22)}
.journal-kicker{margin:0 0 12px;color:#d8383a;font-size:12px;font-weight:700;letter-spacing:.18em}

.journal-hero{min-height:650px;display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(360px,.95fr);gap:70px;align-items:center;padding:74px clamp(32px,8vw,130px) 90px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.035),transparent 22%),repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),#11100f}
.journal-hero-copy{max-width:760px}
.journal-hero h1{margin:0 0 26px;font-size:clamp(58px,6.6vw,96px);font-weight:500;line-height:.93;letter-spacing:-.04em}
.journal-lede{max-width:700px;margin:0 0 28px;color:#d6cdc1;font-size:20px;line-height:1.58}
.journal-topics{display:flex;gap:12px;flex-wrap:wrap}
.journal-topics span{padding:8px 10px;border:1px solid rgba(216,56,58,.4);color:#c7b9aa;font-size:10px;font-weight:700;letter-spacing:.12em}
.journal-hero-art{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}
.journal-paper{position:absolute;width:350px;height:420px;background:#d9bf91;transform:rotate(7deg);box-shadow:0 25px 45px rgba(0,0,0,.34)}
.journal-paper-two{transform:rotate(-5deg) translate(-30px,12px);background:#ead8ba}
.journal-book{position:relative;z-index:3;width:min(280px,68%);height:auto;transform:rotate(-3deg);filter:drop-shadow(0 28px 30px rgba(0,0,0,.55))}
.journal-note{position:absolute;z-index:5;right:2%;bottom:7%;width:200px;padding:22px;background:#d9bf91;color:#2a2118;font-family:"Segoe Print","Bradley Hand",cursive;font-size:17px;line-height:1.4;transform:rotate(4deg);box-shadow:0 15px 26px rgba(0,0,0,.28)}

.journal-intro{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:70px;padding:86px clamp(32px,8vw,130px);color:var(--j-ink);background:linear-gradient(rgba(247,231,201,.98),rgba(238,214,176,.98))}
.journal-intro h2{margin:0;font-size:clamp(38px,4.5vw,64px);font-weight:500;line-height:1.04}
.journal-intro>p{max-width:760px;margin:0;font-size:19px;line-height:1.7}

.journal-feed{padding:92px clamp(28px,7vw,110px) 106px;background:#11100f}
.journal-feed-heading{max-width:1100px;margin:0 auto 45px}
.journal-feed-heading h2{margin:0;font-size:clamp(38px,4.6vw,66px);font-weight:500}
.journal-list{max-width:1100px;margin:0 auto;display:grid;gap:28px}
.journal-card{display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px;align-items:stretch;padding:22px;background:#171513;border:1px solid rgba(176,132,78,.2)}
.journal-card-image{min-height:220px;background:#211d19;display:flex;align-items:center;justify-content:center;overflow:hidden}
.journal-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.journal-card-placeholder{font-size:56px;color:#6f5a47}
.journal-card-copy{padding:14px 15px 14px 0}
.journal-card-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:#9e8e7c;font-size:11px}
.journal-card-meta span{color:#d8383a}
.journal-card h2{margin:13px 0 12px;font-size:36px;line-height:1.05;font-weight:500}
.journal-card h2 a,.journal-read{color:#f4eee3;text-decoration:none}
.journal-card p{margin:0 0 18px;color:#cfc4b7;font-size:16px;line-height:1.6}
.journal-read{font-size:13px;font-weight:700;border-bottom:1px solid #b53032;padding-bottom:4px}
.journal-empty{max-width:760px;margin:0 auto;padding:60px;text-align:center;background:#171513;border:1px solid rgba(176,132,78,.2)}
.journal-empty-eyebrow{color:#d8383a;font-size:11px;font-weight:700;letter-spacing:.16em}
.journal-empty h3{margin:8px 0 12px;font-size:46px;font-weight:500}
.journal-empty p:last-child{color:#bcae9e;font-size:17px}

.journal-subscribe{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;padding:72px clamp(32px,8vw,130px);background:#dcc39d;color:var(--j-ink)}
.journal-subscribe h2{margin:0 0 14px;font-size:clamp(34px,4vw,56px);font-weight:500}
.journal-subscribe p:last-child{max-width:760px;margin:0;font-size:17px;line-height:1.6}
.journal-subscribe>a{display:inline-flex;min-height:50px;align-items:center;padding:0 22px;background:#28201a;color:white;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}

/* Post */
.post-root{min-height:70vh;background:linear-gradient(rgba(247,231,201,.98),rgba(238,214,176,.98));color:var(--j-ink);padding:78px 22px 100px}
.journal-post{max-width:820px;margin:0 auto}
.journal-post header{margin-bottom:38px}
.journal-post h1{margin:0 0 18px;font-size:clamp(46px,6vw,78px);font-weight:500;line-height:1}
.post-meta{display:flex;gap:12px;flex-wrap:wrap;color:#866f58;font-size:12px}
.post-meta span{color:#ad3031}
.post-excerpt{font-size:21px;line-height:1.55;color:#5c4b3b}
.post-featured{margin:0 0 42px}
.post-featured img{display:block;width:100%;height:auto}
.post-body{font-size:19px;line-height:1.78}
.post-body h2{margin:42px 0 16px;font-size:36px}
.post-body h3{margin:34px 0 12px;font-size:28px}
.post-body blockquote{margin:34px 0;padding:0 0 0 22px;border-left:3px solid #b72f31;font-size:24px;font-style:italic}
.post-author{margin-top:54px;padding-top:28px;border-top:1px solid rgba(84,58,32,.22)}
.post-author img{width:150px;height:auto}
.journal-not-found{max-width:780px;margin:0 auto;text-align:center;padding:90px 20px}
.journal-not-found h1{font-size:52px;font-weight:500}
.journal-not-found a{color:#9f2d2f}

/* Admin */
body.journal-admin-page{margin:0;background:#11100f;color:#f4eee3;font-family:Arial,sans-serif}
.journal-admin-shell{min-height:100vh}
.admin-login{max-width:520px;margin:0 auto;padding:12vh 30px;text-align:center}
.admin-login img{width:190px}
.admin-login h1{font-family:Georgia,serif;font-size:48px;font-weight:500}
.admin-login button,.admin-editor button,.admin-sidebar button{border:0;padding:12px 16px;background:#b72f31;color:#fff;font-weight:700;cursor:pointer}
.admin-status{color:#d7cabe}
.admin-app{display:grid;grid-template-columns:250px minmax(480px,1fr) minmax(320px,.8fr);min-height:100vh}
.admin-sidebar{padding:28px 20px;background:#171513;border-right:1px solid #30271f}
.admin-sidebar h1{font-family:Georgia,serif;font-size:38px;margin:0 0 8px}
.admin-user{font-size:12px;color:#9e9184}
.admin-sidebar-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.admin-secondary{background:#302821!important}
.admin-post-list{display:grid;gap:8px}
.admin-post-item{width:100%;text-align:left;background:#211c18!important;border:1px solid #332a23!important}
.admin-post-item strong,.admin-post-item span{display:block}
.admin-post-item span{margin-top:4px;color:#a89a8d;font-size:11px}
.admin-editor{padding:24px;background:#f0dec0;color:#2a2118;overflow:auto}
.admin-editor-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
.admin-editor-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}
.admin-editor form{display:grid;gap:16px}
.admin-editor label{display:grid;gap:7px;font-size:12px;font-weight:700;letter-spacing:.04em}
.admin-editor label span{font-weight:400;color:#806e5b}
.admin-editor input,.admin-editor textarea{width:100%;padding:11px;border:1px solid #bba788;background:#fffaf2;font:15px/1.4 Arial,sans-serif;color:#241d17}
.admin-editor textarea{resize:vertical}
.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.admin-editor fieldset{border:1px solid #c4ad89;padding:16px;display:grid;gap:14px}
.admin-preview{padding:28px;background:#151311;overflow:auto}
.admin-preview #livePreview{max-width:700px;margin:0 auto}
.admin-preview h1{font-family:Georgia,serif;font-size:45px;font-weight:500}
.admin-preview .post-body{font-family:Georgia,serif;color:#ddd1c4}
.admin-empty{color:#96897e}

@media(max-width:1050px){
  .journal-hero{grid-template-columns:1fr;text-align:center}
  .journal-hero-copy{margin:auto}
  .journal-topics{justify-content:center}
  .journal-hero-art{min-height:400px}
  .journal-intro{grid-template-columns:1fr;gap:25px}
  .admin-app{grid-template-columns:220px 1fr}
  .admin-preview{display:none}
}
@media(max-width:760px){
  .journal-card{grid-template-columns:1fr}
  .journal-card-copy{padding:8px}
  .journal-card-image{min-height:200px}
  .journal-subscribe{grid-template-columns:1fr}
  .journal-subscribe>a{justify-self:start}
  .admin-app{grid-template-columns:1fr}
  .admin-sidebar{border-right:0;border-bottom:1px solid #30271f}
}
@media(max-width:560px){
  .journal-hero{padding:46px 20px 70px}
  .journal-hero-art{min-height:330px}
  .journal-paper{width:260px;height:320px}
  .journal-book{width:min(220px,64vw)}
  .journal-note{width:165px;font-size:14px}
  .journal-intro,.journal-feed,.journal-subscribe{padding-left:20px;padding-right:20px}
  .journal-empty{padding:42px 22px}
  .admin-grid-two{grid-template-columns:1fr}
}