.resources-hub-hero{padding:76px 0 56px;background:radial-gradient(circle at 82% 16%,#dff7f2 0,transparent 29%),linear-gradient(180deg,#f7fcfb,#fff)}
.resources-hub-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:34px;align-items:end}.resources-hub-hero h1{font-size:clamp(3rem,7vw,5.6rem);line-height:.98;margin:16px 0 18px;max-width:900px}.resources-hub-hero__aside{padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 14px 36px rgba(24,67,73,.07)}.resources-hub-hero__aside strong{display:block;color:var(--ink);margin-bottom:8px}.resources-hub-hero__aside p{margin:0;color:var(--muted)}
.resources-search{display:flex;align-items:center;gap:10px;margin-top:28px;max-width:660px}.resources-search .field{min-height:50px}.resources-search__icon{font-size:1.2rem;color:var(--muted)}
.resources-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resources-topic-card{--topic-accent:#087f8c;--topic-soft:#edf9f7;display:flex;flex-direction:column;min-height:250px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--topic-soft),#fff 58%);text-decoration:none;color:var(--ink);box-shadow:0 10px 28px rgba(24,67,73,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.resources-topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--topic-accent);text-decoration:none}.resources-topic-card__top{display:flex;justify-content:space-between;align-items:center;gap:14px}.resources-topic-card__icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--topic-accent);color:#fff;font-weight:950;font-size:1.05rem}.resources-topic-card__count{font-size:.82rem;font-weight:800;color:var(--muted)}.resources-topic-card h3{margin:20px 0 9px;font-size:1.35rem}.resources-topic-card p{margin:0 0 18px;color:var(--muted)}.resources-topic-card__link{margin-top:auto;font-weight:850;color:var(--topic-accent)}
.topic-theme--newborn{--topic-accent:#287b75;--topic-soft:#eef9f7}.topic-theme--feeding-nutrition{--topic-accent:#8b6f22;--topic-soft:#fff9e9}.topic-theme--fever-illness{--topic-accent:#a54e45;--topic-soft:#fff3f0}.topic-theme--hydration-digestion{--topic-accent:#34769a;--topic-soft:#eef8fd}.topic-theme--vaccination-prevention{--topic-accent:#5569a8;--topic-soft:#f1f3ff}.topic-theme--respiratory{--topic-accent:#587d67;--topic-soft:#f1f8f3}.topic-theme--growth-development{--topic-accent:#86629b;--topic-soft:#f8f1fb}
.resources-list-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.resources-list-head p{max-width:620px;color:var(--muted);margin:0}.resources-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resources-card{display:flex;flex-direction:column;min-height:300px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(24,67,73,.05)}.resources-card__topics{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.resources-card__topics a{font-size:.78rem;font-weight:850;padding:6px 9px;border-radius:999px;background:var(--mint);color:#075f69;text-decoration:none}.resources-card h3{font-size:1.3rem;margin:4px 0 11px}.resources-card h3 a{color:var(--ink)}.resources-card p{color:var(--muted);margin:0 0 22px}.resources-card__footer{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)}.resources-card__footer a{font-weight:850;white-space:nowrap}.resources-principle{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resources-principle>div{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.resources-principle strong{display:block;margin-bottom:5px}.resources-principle p{margin:0;color:var(--muted)}
.topic-page-hero{--topic-accent:#087f8c;--topic-soft:#eef9f7;padding:68px 0 48px;background:radial-gradient(circle at 84% 20%,var(--topic-soft) 0,transparent 34%),linear-gradient(180deg,#fbfefd,#fff)}.topic-page-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}.topic-page-hero__identity{display:flex;gap:18px;align-items:flex-start;margin-top:18px}.topic-page-hero__icon{flex:0 0 auto;width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:var(--topic-accent);color:#fff;font-weight:950;font-size:1.3rem;box-shadow:0 12px 28px color-mix(in srgb,var(--topic-accent) 22%,transparent)}.topic-page-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:0 0 12px}.topic-page-hero .lead{max-width:760px}.topic-page-hero__meta{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center;min-width:150px}.topic-page-hero__meta strong{display:block;font-size:1.8rem;color:var(--topic-accent)}.topic-page-hero__meta span{font-size:.82rem;color:var(--muted);font-weight:750}.topic-switcher{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.topic-switcher a{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800;text-decoration:none}.topic-switcher a:hover,.topic-switcher a.is-active{background:var(--topic-accent);border-color:var(--topic-accent);color:#fff;text-decoration:none}.topic-empty{padding:30px;border:1px dashed var(--line);border-radius:20px;background:#fbfefd}.topic-other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-other-grid .resources-topic-card{min-height:210px}
@media(max-width:980px){.resources-hub-hero__grid{grid-template-columns:1fr}.resources-topic-grid,.resources-card-grid,.topic-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-principle{grid-template-columns:1fr}.topic-page-hero__grid{grid-template-columns:1fr}.topic-page-hero__meta{justify-self:start}}
@media(max-width:680px){.resources-hub-hero{padding:54px 0 40px}.resources-hub-hero h1{font-size:clamp(2.65rem,13vw,4rem)}.resources-topic-grid,.resources-card-grid,.topic-other-grid{grid-template-columns:1fr}.resources-list-head{align-items:flex-start;flex-direction:column}.resources-card__footer{align-items:flex-start;flex-direction:column}.topic-page-hero{padding:48px 0 36px}.topic-page-hero__identity{flex-direction:column}.topic-page-hero__icon{width:58px;height:58px;border-radius:18px}}