.journal-page { max-width: 1120px; margin: 0 auto; padding: 18px 8px 48px; color: #243342; }
.journal-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0 30px; border-bottom: 1px solid #dde3e8; margin-bottom: 28px; }
.journal-header h1 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 750; letter-spacing: -.04em; margin: 0 0 12px; overflow-wrap: anywhere; }
.journal-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .13em; color: #748290; margin-bottom: 12px; }
.journal-entry-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.journal-entry-card { border: 1px solid #e1e6eb; border-radius: 12px; padding: 28px; background: #fff; }
.journal-entry-card h2 { font-size: 1.3rem; line-height: 1.5; margin: 10px 0 14px; overflow-wrap: anywhere; }
.journal-entry-card h2 a, .journal-back { color: inherit; text-decoration: none; }
.journal-entry-card h2 a:hover { color: #087f8c; }
.journal-date, .journal-chart-caption { color: #748290; font-size: .8rem; }
.journal-excerpt { line-height: 1.85; font-size: .92rem; color: #5d6974; overflow-wrap: anywhere; }
.journal-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.journal-tags span, .journal-tags a { padding: 5px 10px; background: #f0f4f6; color: #395469; border-radius: 6px; font-size: .8rem; text-decoration: none; }
.journal-tags small { color: #7f8b94; margin-left: 4px; }
.journal-read-link { display: inline-block; color: #087f8c; font-size: .85rem; margin-top: 22px; text-decoration: none; }
.journal-empty { grid-column: 1 / -1; text-align: center; padding: 64px 20px; color: #748290; border: 1px dashed #ccd5dd; border-radius: 12px; }
.journal-empty i { font-size: 2rem; }.journal-empty h2 { font-size: 1.1rem; margin: 16px 0; }
.journal-pagination { display: flex; gap: 20px; justify-content: center; align-items: center; margin-top: 30px; }
.journal-back { font-size: .85rem; color: #748290; }
.journal-body { max-width: 850px; line-height: 1.95; margin-bottom: 36px; overflow-wrap: anywhere; }
.journal-instrument { border: 1px solid #e1e6eb; border-radius: 12px; padding: 24px; margin-bottom: 30px; background: #fff; scroll-margin-top: 80px; }
.journal-instrument-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.journal-instrument-header h2 { font-size: 1.25rem; font-weight: 700; }.journal-instrument-header small { font-size: .8rem; color: #8a959f; margin-left: 8px; }
.journal-instrument-header p { color: #748290; font-size: .8rem; }
.journal-chart { width: 100%; min-height: 390px; }.journal-chart-empty { min-height: 180px; display: flex; align-items: center; justify-content: center; text-align: center; color: #748290; background: #f8fafb; padding: 24px; }
.journal-actions { border-top: 1px solid #e6ebef; margin-top: 22px; padding-top: 22px; }.journal-actions h3 { font-size: 1rem; margin-bottom: 18px; }
.journal-action { display: grid; grid-template-columns: 115px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid #f0f3f5; scroll-margin-top: 90px; }
.journal-action-time { display: flex; gap: 9px; align-items: flex-start; font-size: .84rem; }.journal-action-number { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; background: #087f8c; color: white; font-size: .7rem; }
.action-buy { background: #d94841; }.action-sell { background: #2867c7; }.action-exit { background: #7855ab; }.action-hold { background: #677582; }
.journal-action strong { font-size: .9rem; }.journal-action-meta { font-size: .78rem; color: #748290; margin-left: 12px; }.journal-action-memo { font-size: .9rem; color: #52616d; margin-top: 7px; line-height: 1.75; overflow-wrap: anywhere; }
@media (max-width: 650px) { .journal-entry-list { grid-template-columns: 1fr; }.journal-header { align-items: flex-start; flex-direction: column; }.journal-instrument { padding: 16px 10px; }.journal-instrument-header { flex-wrap: wrap; }.journal-action { grid-template-columns: 1fr; gap: 8px; }.journal-entry-card { padding: 22px; }.journal-action-meta { display: inline-block; } }

.journal-body-image { margin: 28px 0; }
.journal-body-image img { display: block; max-width: 100%; height: auto; border-radius: 10px; }
.journal-body-image figcaption { margin-top: 9px; color: #748290; font-size: .85rem; line-height: 1.6; text-align: center; overflow-wrap: anywhere; }

.journal-overview { border-color: #d5e0e9; }
.journal-comparison-legend { display: flex; flex-wrap: wrap; gap: 14px 24px; margin: 8px 0 18px; }
.journal-comparison-key { display: flex; gap: 8px; align-items: flex-start; text-decoration: none; color: inherit; font-size: .85rem; }
.journal-comparison-key small { color: #748290; font-size: .73rem; }
.journal-series-dot { width: 9px; height: 9px; border-radius: 50%; margin-top: 5px; flex-shrink: 0; }
.journal-combined-actions { max-height: 420px; overflow-y: auto; padding-right: 8px; }
.journal-action-instrument { color: #395469; font-size: .85rem; margin-right: 12px; text-decoration: none; }
.journal-action-instrument small { color: #748290; font-size: .7rem; }
.journal-overview .journal-eyebrow { margin-bottom: 8px; }