/* Full-page market atmosphere: decorative, quiet and non-interactive. */
html { min-height: 100%; background: #e8f2ef; }
html body {
 min-height: 100vh;
 background-color: #e8f2ef;
 background-image: url('/market-atmosphere.svg'), radial-gradient(ellipse at 0% 12%, #cce9e0 0%, transparent 48%), radial-gradient(ellipse at 100% 35%, #d3e8f2 0%, transparent 48%), linear-gradient(150deg, #f1f7ee 0%, #e9f3ef 50%, #e7f0f6 100%);
 background-size: 1600px 1000px, 100% 100%, 100% 100%, 100% 100%;
 background-position: center top;
 background-repeat: repeat-y, no-repeat, no-repeat, no-repeat;
}
html body > header, html body .nav { background-color: #f1f7f3; }
@media (max-width: 640px) {
 html body { background-size: 900px 720px, 100% 100%, 100% 100%, 100% 100%; }
}
@media print { html body { background: white; } }

/* Airy card surfaces against the mint canvas. */
html body .market-home .visitor-counter,
html body .market-home .sidebar-card,
html body .market-home .market-content .market-overview,
html body .market-home .market-content .market-menu a,
html body .market-home .home-post-card,
html body .tool-panel,
html body .watch-grid article {
 background: #ffffff;
 border-color: #d7e9e5;
 box-shadow: 0 6px 24px rgba(37, 100, 91, .045);
}
html body .market-home .term-card { background: #effcf7; border-color: #ccece1; }
html body .market-home .stock-search { background: linear-gradient(115deg, #ffffff, #edfaf7); border-color: #cce8e1; }
html body .market-home .stock-search input { background: #fff; border-color: #bcded6; }
html body .market-home .market-availability { background: #f0f8fc; border-color: #d5e8f2; color: #405e70; }
html body .market-home .index-labels > div { background: #edf9ff; border-color: #d0e8f5; }
html body .market-home .index-labels > div:nth-child(2) { background: #ecfcf5; border-color: #cbece0; }
html body .market-home .ranking-card.rise { background: linear-gradient(#fff0ed, #fff 75%); }
html body .market-home .ranking-card.fall { background: linear-gradient(#edf7ff, #fff 75%); }
html body .market-home .ranking-card.volume { background: linear-gradient(#eafbf2, #fff 75%); }
html body .market-home .ranking-card .btn,
html body .market-home .market-content .market-title .btn { background: #fff; border-color: #cde6df; }
html body .market-home .market-content .market-title {
 background-color: #f4fcfa;
 border-color: #cfe9e2;
 background-image: linear-gradient(90deg, rgba(255,255,255,.98), rgba(241,252,249,.87) 42%, rgba(232,248,245,.2)), url('/stock-chart-hero.png');
}
html body .tool-banner, html body .tools-intro { background: linear-gradient(115deg, #fafffd, #eaf8ff); border-color: #d2e8e5; }
html body .tool-notice, html body .tool-empty { background: #f1faf7; }
html body .market-home .market-menu a:hover { background: #f4fffb; }
@media(max-width:650px) {
 html body .market-home .market-content .market-title { background-image: linear-gradient(90deg, rgba(255,255,255,.98), rgba(241,252,249,.92) 65%, rgba(232,248,245,.6)), url('/stock-chart-hero.png'); }
}