.journal-article { width:min(860px, calc(100% - 40px)); margin:0 auto; padding:36px 0 64px; }
.journal-breadcrumb { font-size:12px; color:var(--muted); line-height:1.8; margin-bottom:40px; }
.journal-article-header { text-align:center; margin-bottom:32px; }
.journal-article-header h1 { font-family:var(--font-serif); color:var(--berry); font-size:clamp(25px,4vw,40px); line-height:1.65; margin:20px 0; }
.journal-article-header > p:last-child { color:var(--muted); line-height:1.9; }
.journal-meta { display:flex; gap:16px; align-items:center; justify-content:center; flex-wrap:wrap; color:var(--muted); font-size:13px; }
.journal-meta > span { padding:5px 14px; border-radius:999px; background:#fce8ef; color:var(--berry); }
.journal-photo { margin:28px 0; }
.journal-photo img { display:block; width:100%; height:auto; border-radius:20px; }
.journal-photo figcaption { margin-top:10px; text-align:center; font-size:12px; color:var(--muted); }
.journal-photo--flyer { max-width:460px; margin:36px auto; }
.journal-prose { max-width:740px; margin:36px auto; font-size:16px; line-height:2; }
.journal-prose p { margin:0 0 24px; }
.journal-prose h2 { color:var(--berry); font-family:var(--font-serif); font-size:clamp(21px,3vw,27px); line-height:1.6; margin:48px 0 22px; padding-bottom:14px; border-bottom:2px solid #efdae4; }
.journal-event-facts { padding:24px; border-radius:18px; background:#fff5f9; }
.journal-event-facts > div { display:grid; grid-template-columns:80px 1fr; gap:14px; padding:8px 0; }
.journal-event-facts dt { font-weight:700; color:var(--berry); }
.journal-event-facts dd { margin:0; }
.journal-recommendations { padding:24px 24px 24px 46px; background:#fff; border:1px solid var(--line); border-radius:18px; }
.journal-signature { text-align:right; color:var(--berry); }
.journal-article-cta { padding:32px 24px; border-radius:24px; background:#fff0f6; text-align:center; }
.journal-article-cta h2 { font-size:24px; line-height:1.6; }
.journal-actions { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:24px; }
.journal-back { text-align:center; margin-top:36px; }
.journal-layout { grid-template-columns:260px minmax(0,1fr); gap:30px; }
.journal-sidebar { display:grid; gap:24px; }
.journal-sidebar .journal-about, .journal-search { padding:22px 20px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--soft-shadow); }
.journal-sidebar h2 { font-size:16px; line-height:1.6; margin:0 0 16px; padding-left:12px; border-left:4px solid var(--pink-500); }
.journal-sidebar p { font-size:13px; line-height:1.8; margin:0; }
.journal-search form { display:flex; gap:6px; }
.journal-search input { min-width:0; width:100%; padding:9px 10px; border:1px solid var(--line); border-radius:5px; font:inherit; font-size:13px; }
.journal-search button { border:0; border-radius:5px; padding:8px 12px; background:var(--berry); color:#fff; cursor:pointer; }
.journal-search #blogSearchStatus:not(:empty) { margin-top:10px; }
.journal-post-list { display:grid; gap:20px; min-width:0; }
.journal-post-card { overflow:hidden; border:1px solid var(--pink-300); border-radius:14px; background:#fff; box-shadow:var(--soft-shadow); }
.journal-post-card { align-self:start; }
.journal-post-card > a { display:grid; grid-template-columns: minmax(180px,38%) minmax(0,1fr); min-height:190px; align-items:stretch; text-decoration:none; color:inherit; }
.journal-post-card img { width:100%; height:100%; min-height:190px; object-fit:cover; display:block; }
.journal-post-card-body { padding:18px 20px; min-width:0; }
.journal-post-card .journal-meta { justify-content:flex-start; gap:8px; font-size:11px; margin:0; }
.journal-post-card h2 { color:var(--berry); font-size:19px; line-height:1.6; margin:10px 0; text-align:center; }
.journal-post-card .journal-excerpt { font-size:13px; line-height:1.8; margin:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.journal-post-card[hidden] { display:none; }
.journal-post-card p { line-height:1.9; }
.journal-read-more { color:var(--berry); font-weight:700; }
.journal-post-card .journal-read-more { font-size:12px; }
@media(max-width:900px) { .journal-layout {grid-template-columns:1fr;} .journal-sidebar {grid-template-columns:1fr 1fr;} }
@media(max-width:600px) { .journal-sidebar {grid-template-columns:1fr;} .journal-post-card > a {grid-template-columns:110px minmax(0,1fr);min-height:160px;} .journal-post-card img {min-height:160px;} .journal-post-card h2 {font-size:16px;} .journal-post-card .journal-post-card-body {padding:12px;} }
@media(max-width:600px) { .journal-prose {font-size:15px;} .journal-article {width:calc(100% - 32px);} .journal-event-facts {padding:16px;} .journal-post-card-body {padding:20px;} .journal-actions .button {width:100%;} }