/* V38: both hub screens. Preserve hidden elements and links. */
:is(#servicesHub,#indicatorsHub){padding-top:36px}
:is(#servicesHub,#indicatorsHub) h1{font-size:clamp(1.9rem,3.5vw,2.8rem)}
:is(#servicesHub,#indicatorsHub) .hub-intro{margin:16px 0 25px;font-size:1rem}
:is(#servicesHub,#indicatorsHub) .hub-grid{max-width:1060px;gap:16px;align-items:stretch}
:is(#servicesHub,#indicatorsHub) .tool-card{position:relative;overflow:hidden;min-height:174px;padding:20px;gap:16px;border-radius:16px;flex-direction:row;border-top:3px solid var(--service-accent);box-shadow:0 7px 20px #073f6108;background:linear-gradient(145deg,#fff 55%,var(--service-tint));--service-accent:#048cb5;--service-tint:#edf8fc}
:is(#servicesHub,#indicatorsHub) .tool-card:nth-child(2){--service-accent:#138b83;--service-tint:#eff9f6}
:is(#servicesHub,#indicatorsHub) .tool-card:nth-child(3){--service-accent:#506caa;--service-tint:#f0f3fa}
:is(#servicesHub,#indicatorsHub) .tool-card>div{min-width:0;position:relative}
:is(#servicesHub,#indicatorsHub) .tool-card .tool-icon{width:44px;height:44px;border-radius:12px;background:var(--service-tint);color:var(--service-accent);flex:0 0 44px}
:is(#servicesHub,#indicatorsHub) .tool-card h2{font-size:1rem;line-height:1.35;margin:1px 0 8px}
:is(#servicesHub,#indicatorsHub) .tool-card p{font-size:.8rem;line-height:1.5;margin:0}
:is(#servicesHub,#indicatorsHub) .pending-label{font-size:.68rem;margin-top:12px;padding:4px 7px;background:#edf2f5;color:#536b7d}
:is(#servicesHub,#indicatorsHub) a.tool-card:hover{border-color:var(--service-accent);box-shadow:0 10px 24px #073f6115}
@media(max-width:600px){:is(#servicesHub,#indicatorsHub) .tool-card{min-height:0;padding:18px}:is(#servicesHub,#indicatorsHub) .hub-grid{gap:12px}:is(#servicesHub,#indicatorsHub){padding-top:26px}}