.market-essay { max-width: 740px; margin: 32px auto 72px; font-size: 18px; line-height: 1.75; }
.market-essay h1 { font-family: var(--serif); font-size: 48px; line-height: 1.17; font-weight: 500; margin: 28px 0 16px; }
.market-essay p { margin: 1.4em 0; }
.market-essay .essay-window, .market-essay figcaption, .essay-sources { font-size: 14px; color: var(--muted); }
.market-essay .essay-lead { font-size: 21px; }
.market-essay figure { margin: 32px 0; }
.market-essay img { display: block; max-width: 100%; height: auto; }
.market-essay figcaption { margin-top: 12px; }
.essay-chart-frame { overflow-x: auto; }
.essay-chart-frame:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.essay-chart-open { display: block; margin-top: 8px; }
.essay-tldr { border-block: 1px solid var(--line); padding: 16px 0; margin: 24px 0; }
.essay-tldr h2 { font-size: 20px; margin: 0 0 12px; }
.essay-tldr ul { padding-left: 24px; }
.essay-tldr li + li { margin-top: 12px; }
.essay-related { border-top: 1px solid var(--line); padding-top: 24px; display: grid; gap: 16px; }
.essay-cards { margin-bottom: 36px; }
.essay-card { display: grid; grid-template-columns: 1fr 220px; align-items: center; gap: 32px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.essay-card h2 { font-family: var(--serif); font-size: 27px; font-weight: 500; line-height: 1.25; margin: 8px 0; }
.essay-card p { max-width: 60ch; font-size: 17px; }
.essay-card img { width: 100%; height: auto; display: block; }
@media (max-width: 600px) { .essay-card { grid-template-columns: 1fr; gap: 12px; } .essay-card img { max-width: 300px; } .market-essay { margin-top: 20px; } }
@media (max-width: 760px) { .market-essay h1 { font-size: 32px; } .market-essay .essay-chart-frame img { max-width: none; width: auto; } }
