/* GASAYA Insights — final professional cleanup | 2026-09-04
   Presentation-only layer. Does not alter GASAYA symbol, data APIs, CMS, or dashboard logic. */
:root{--g-ink:#123d2b;--g-deep:#164b34;--g-line:#d9e5dd;--g-soft:#f5f8f6;--g-muted:#5d6e64;--g-orange:#ed5b2b;--g-lime:#83c92d}
body{background:#fff;color:var(--g-ink)}
main{max-width:1366px;margin:0 auto;padding:0 32px}
main>section{scroll-margin-top:130px}

/* Section rhythm and editorial hierarchy */
.section-head{padding:0;margin:0 0 22px;align-items:flex-end;gap:24px}
.section-head span,.lower>div>span,.market-intro span{font-size:11px;letter-spacing:.075em;font-weight:900;text-transform:uppercase}
.section-head h2{font-size:30px;line-height:1.15;margin:7px 0 0;letter-spacing:-.02em}
.section-head>a{background:#fff;border:1px solid #9ebcac;border-radius:8px;padding:10px 14px;transition:.18s ease}
.section-head>a:hover{border-color:#2b6b48;background:#f5faf7}

/* News & events: quieter corporate newsroom */
.news-events{margin:0 calc(50% - 50vw);padding:54px max(5%,calc((100vw - 1302px)/2));background:#f6f9f7;border-top:1px solid #edf2ef;border-bottom:1px solid #e4ece7}
.news-featured,.news-card,.events-panel{border-color:#d8e4dc;box-shadow:0 5px 18px rgba(16,58,38,.045);border-radius:13px}
.news-featured{min-height:340px}.news-featured img{min-height:340px}.news-copy{padding:30px}
.news-copy h3{color:#123f2b;letter-spacing:-.015em}.news-copy p{color:#596a60}
.news-kicker{font-size:11px;letter-spacing:.09em}.news-date{font-variant-numeric:tabular-nums}
.events-panel{margin-top:22px;padding:26px}.events-head{margin-bottom:18px}.event-card{border-color:#dbe5df;border-radius:11px;box-shadow:none}
.event-card h3{line-height:1.3}.event-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#607168;font-size:12px;margin:10px 0}
.event-date{border:1px solid #d8e7dd}.event-status{letter-spacing:.04em}

/* Intelligence themes */
#featured{padding:58px 0 26px}
#featured .cards{gap:18px}
#featured .cards article{background:#fff;border:1px solid var(--g-line);border-radius:12px;box-shadow:0 4px 14px rgba(16,58,38,.035);padding-bottom:18px}
#featured .cards img{height:170px}#featured .cards h3{line-height:1.28;color:#143f2c}
#featured .cards p{color:#5d6d63;line-height:1.55}
#featured .tag{top:145px;border-radius:5px;letter-spacing:.06em}

/* Published insights */
.all-insights{padding:32px 0 48px;margin-top:0;border-top:1px solid #edf1ee}
.publications-viewport{border-radius:12px}
.all-insights .cards{gap:18px}.all-insights .cards article{background:#fff;border:1px solid var(--g-line);border-radius:12px;box-shadow:0 4px 14px rgba(16,58,38,.035)}
.all-insights .cards article img{height:190px}.all-insights .cards h3{line-height:1.28}.all-insights .cards p{color:#5b6c62;line-height:1.55}

/* Research/resources/topic band: one institutional information strip */
.lower{margin:0 0 58px;gap:18px;align-items:stretch}
.lower>div{background:#fff;border:1px solid var(--g-line);border-radius:12px;padding:22px;box-shadow:0 4px 14px rgba(16,58,38,.03)}
.lower h2{font-size:20px;line-height:1.25;margin:7px 0 16px}
.reports>a,.resources>a{padding:13px 4px;border-top:1px solid #e6ece8;transition:.16s ease}
.reports>a:hover,.resources>a:hover{padding-left:7px;background:#f8faf9}
.topic-grid{gap:9px}.topic-grid a{min-height:82px;background:#fafcfb;border-color:#dfe8e2}

/* Market introduction */
.market-intro{margin:0 calc(50% - 50vw);padding:48px max(5%,calc((100vw - 1302px)/2)) 28px;border-top:1px solid #e5ece7;background:#fff}
.market-intro h2{letter-spacing:-.025em}.market-intro p{color:#5a6b61;line-height:1.65}

/* Market desk: financial/institutional dashboard finish */
.live-market-dashboard{margin:0 0 58px!important;border:1px solid #d2dfd7!important;border-radius:14px!important;background:#f3f7f4!important;box-shadow:0 10px 30px rgba(13,61,39,.045)!important;overflow:hidden}
.market-dashboard-head{border-radius:0!important;margin:-1px -1px 18px!important;padding:27px 28px!important}
.market-dashboard-head h2{letter-spacing:-.02em}.market-dashboard-head p{max-width:760px;line-height:1.55}
.market-controls{border-radius:10px!important;box-shadow:none!important;border-color:#d5e1d9!important}
.market-controls label{letter-spacing:.055em}
.market-context-strip{border-radius:9px!important;overflow:hidden}
.market-kpis{gap:10px!important}.market-kpis article{border-radius:9px!important;box-shadow:none!important;border-color:#d6e1da!important}
.market-chart-card{border-radius:10px!important;box-shadow:none!important;border-color:#d5e1d9!important}
.chart-card-head{border-bottom:1px solid #e4ebe7;padding-bottom:10px;margin-bottom:10px}
.chart-card-head span{letter-spacing:.06em}.latest-markets-card table{font-variant-numeric:tabular-nums}
.fx-card .fx-converted{border-radius:8px!important}.fx-rate-pill{border-radius:7px!important}

/* CTA */
.flagship-cta{margin:0 0 58px!important;border-radius:12px!important;padding:27px 30px!important;box-shadow:none!important}
.flagship-cta h2{letter-spacing:-.015em}.flagship-cta p{max-width:760px;line-height:1.55}
.flagship-cta-actions a{border-radius:7px!important}

/* Footer transition */
.gasaya-global-footer{margin-top:0}

/* Focus/interaction consistency */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(52,126,79,.24);outline-offset:2px}
select,input,button{font-family:inherit}

@media(max-width:1000px){
 main{padding:0 22px}.news-events,.market-intro{padding-left:22px;padding-right:22px}
 #featured{padding-top:46px}.lower{margin-bottom:46px}.live-market-dashboard,.flagship-cta{margin-bottom:46px!important}
}
@media(max-width:650px){
 main{padding:0 16px}.news-events,.market-intro{padding-left:16px;padding-right:16px}
 .news-events{padding-top:38px;padding-bottom:38px}.section-head{align-items:flex-start;gap:14px}.section-head h2{font-size:25px}
 #featured{padding:40px 0 20px}.all-insights{padding:26px 0 38px}.lower{gap:14px;margin-bottom:40px}.lower>div{padding:18px}
 .market-intro{padding-top:38px;padding-bottom:22px}.live-market-dashboard{border-radius:10px!important;margin-bottom:40px!important}
 .market-dashboard-head{padding:22px 18px!important}.flagship-cta{padding:23px 20px!important;margin-bottom:40px!important}
}