.market-update-page { background: #fbf8f3; color: #403735; }
.market-update-hero { padding: 110px clamp(24px, 7vw, 110px) 76px; background: #07353d; color: #fff; }
.market-update-hero-inner { max-width: 1120px; margin: 0 auto; }
.market-update-hero h1 { max-width: 900px; margin: 16px 0 25px; font-family: Georgia, serif; font-size: clamp(48px, 7vw, 88px); line-height: .98; letter-spacing: -3px; }
.market-update-hero .dek { max-width: 780px; color: #d6e6e7; font-size: clamp(18px, 2vw, 23px); line-height: 1.65; }
.market-update-date { color: #f5a24b; font-size: 12px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.snapshot { max-width: 1180px; margin: -34px auto 0; padding: 0 24px; position: relative; z-index: 2; }
.snapshot-grid { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; box-shadow: 0 22px 55px rgba(35,42,42,.14); }
.snapshot-grid article { min-height: 155px; padding: 30px; border-right: 1px solid #e6ded3; border-bottom: 1px solid #e6ded3; }
.snapshot-grid strong { display: block; font-family: Georgia, serif; font-size: clamp(38px, 5vw, 62px); color: #087f94; line-height: 1; }
.snapshot-grid span { display: block; margin-top: 12px; color: #625753; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.market-story { max-width: 900px; margin: 0 auto; padding: 92px 24px; }
.market-story h2 { margin: 0 0 24px; font-family: Georgia, serif; font-size: clamp(38px, 5vw, 60px); line-height: 1.05; }
.market-story h3 { margin: 42px 0 12px; font-family: Georgia, serif; font-size: 28px; }
.market-story p, .market-story li { color: #5f5550; font-size: 17px; line-height: 1.8; }
.market-story blockquote { margin: 45px 0; padding: 32px 36px; background: #e9f3f4; border-left: 5px solid #087f94; font-family: Georgia, serif; font-size: 25px; line-height: 1.45; }
.market-story .fine-print { margin-top: 48px; padding-top: 24px; border-top: 1px solid #d9d0c5; font-size: 12px; }
.monthly-detail { padding: 88px clamp(24px, 7vw, 110px); background: #fff; }
.monthly-detail-inner { max-width: 1120px; margin: 0 auto; }
.monthly-detail h2 { margin: 10px 0 18px; font-family: Georgia, serif; font-size: clamp(38px, 5vw, 58px); }
.monthly-detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 38px; }
.monthly-detail-grid article { padding: 30px; background: #fbf8f3; border-top: 4px solid #e97818; }
.monthly-detail-grid strong { display: block; color: #07353d; font-family: Georgia, serif; font-size: 38px; }
.monthly-detail-grid span { color: #675c56; font-size: 13px; line-height: 1.5; }
.infosparks-support { display: grid; grid-template-columns: .7fr 1.3fr; gap: 55px; align-items: center; padding: 88px clamp(24px, 7vw, 110px); background: #f3eee7; }
.infosparks-support h2 { margin: 10px 0 20px; font-family: Georgia, serif; font-size: clamp(36px, 4.5vw, 54px); }
.infosparks-support p { color: #655a55; line-height: 1.75; }
.infosparks-frame { overflow: hidden; background: #fff; border: 1px solid #d9d0c5; box-shadow: 0 18px 45px rgba(64,55,53,.1); }
.infosparks-frame iframe { display: block; width: 100%; aspect-ratio: 4/3; border: 0; }
@media (max-width: 850px) { .snapshot-grid { grid-template-columns: repeat(2, 1fr); } .infosparks-support { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .market-update-hero { padding-top: 84px; } .market-update-hero h1 { letter-spacing: -2px; } .snapshot-grid article { min-height: 130px; padding: 22px 18px; } .snapshot-grid strong { font-size: 39px; } .monthly-detail-grid { grid-template-columns: 1fr; } .infosparks-frame { overflow-x: auto; } .infosparks-frame iframe { min-width: 560px; height: 420px; } }