.journal-heading { padding: 45px 0 35px; border-bottom: 1px solid #8dcef22a; }
.journal-heading h1 { font-size: clamp(34px, 6vw, 76px); line-height: 1.7; letter-spacing: -2px; }
.journal-heading > p:last-child { color: #9eb5c4; line-height: 2; }
.journal-filters { display: flex; flex-wrap: wrap; gap: 12px; padding: 25px 0; }
.journal-filters input, .journal-filters select { background: #101d29; color: #c9e3ef; border: 1px solid #8dcef23a; border-radius: 8px; padding: 13px 18px; font: inherit; }
.journal-filters input { flex: 1; min-width: 210px; }
.journal-card { padding: 0; border-radius: 14px; border: 1px solid #8dcef22a; background: #111f2c; overflow: hidden; transition: transform .2s; }
.journal-card:hover { transform: translateY(-4px); }
.journal-card img { width: 100%; height: 250px; object-fit: cover; }
.journal-card-copy { padding: 25px; }
.journal-card-copy > small { color: #8dcef2; font-size: 11px; }
.journal-card-copy h2 { font-size: 21px; line-height: 1.8; margin: 12px 0; }
.journal-card-copy p { color: #9fb6c5; font-size: 13px; line-height: 2; }
.journal-placeholder { background: radial-gradient(ellipse at 15% 20%, #4c839b77, transparent 70%), #152e3c; height: 250px; padding: 25px; color: #8dcef255; font: 110px Calibri, sans-serif; }
.journal-placeholder span { display: block; font-size: 12px; letter-spacing: 4px; color: #a8d4e3; }
.journal-pagination, .article-byline, .article-tags { display: flex; gap: 20px; flex-wrap: wrap; margin: 25px 0; color: #9bb5c6; font-size: 13px; }
.article-breadcrumb { color: #94bed5; font-size: 12px; margin-bottom: 30px; }
.publication-body { font-size: 17px; line-height: 2.4; }
.publication-body h2 { font-size: 29px; margin: 40px 0 15px; }
.publication-body h3 { font-size: 23px; margin: 30px 0 12px; }
.publication-body ul { padding-right: 30px; }
.publication-body blockquote { padding: 20px 28px; border-right: 3px solid #8dcef2; background: #8dcef20b; margin: 28px 0; }
.article-tags a { padding: 7px 14px; border: 1px solid #8dcef22a; border-radius: 20px; }
.article-outro { margin-top: 45px; padding: 30px; border: 1px solid #8dcef22a; border-radius: 12px; background: #122737; }
.article-outro p { margin-bottom: 20px; }
.preview-notice { padding: 20px; border: 1px solid #e7c39155; border-radius: 10px; color: #e7c391; margin-bottom: 30px; }
@media(max-width:620px) { .journal-heading { padding-top: 20px; } .publication-body { font-size: 15px; } .publication h1 { font-size: 32px; } .journal-filters select { max-width: 100%; } }
@media(prefers-reduced-motion:reduce) { .journal-card { transition: none; } }