.resources-main { background: #fbfbfa; }
.resources-hero { padding-block: 98px 76px; text-align: center; }
.resources-hero .eyebrow { justify-content: center; color: #566a5b; }
.resources-hero h1 { margin: 20px 0 17px; color: #202320; font-family: "Songti SC", "STSong", Georgia, serif; font-size: clamp(46px, 4.5vw, 62px); font-weight: 700; line-height: 1.2; letter-spacing: -.035em; }
.resources-hero > p:last-child { max-width: 720px; margin-inline: auto; color: #505b52; font-size: 17px; line-height: 1.8; }
.resource-tabs { position: sticky; z-index: 12; top: 64px; display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 62px; border-block: 1px solid #e9ece7; background: rgba(251,251,250,.97); backdrop-filter: blur(12px); }
.resource-tabs a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 15px; border-radius: 8px; color: #455047; font-size: 14px; font-weight: 650; white-space: nowrap; }
.resource-tabs a:hover, .resource-tabs a:focus-visible { background: #f0f2ef; color: #202720; }
.resource-section { padding-block: 90px 100px; scroll-margin-top: 130px; }
.resource-section-tint { background: #f3f5f1; }
.resource-intro { display: grid; grid-template-columns: 68px 1fr; gap: 10px; align-items: start; max-width: 880px; margin-bottom: 39px; }
.resource-section-number { display: block; padding-top: 4px; color: #728173; font-size: 15px; font-weight: 700; }
.resource-intro h2 { margin: 10px 0 13px; color: #222822; font-size: clamp(31px, 3vw, 42px); font-weight: 710; line-height: 1.22; letter-spacing: -.055em; }
.resource-intro > div > p:last-child { color: #526055; font-size: 16px; line-height: 1.75; }
.resource-steps, .case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.resource-steps article, .case-grid article { min-height: 245px; padding: 27px 25px; border: 1px solid #e5eae3; border-radius: 18px; background: #fff; }
.resource-steps article > span, .case-grid article > span { color: #52715b; font-size: 13px; font-weight: 750; }
.resource-steps h3, .case-grid h3 { margin: 28px 0 12px; color: #232a24; font-size: 22px; font-weight: 710; letter-spacing: -.04em; }
.resource-steps p, .case-grid p { color: #536057; font-size: 15px; line-height: 1.8; }
.resource-steps a, .resource-empty a { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; color: #235c45; font-size: 14px; font-weight: 730; }
.resource-steps a:hover, .resource-empty a:hover { color: #162e20; }
.resource-note { max-width: 860px; margin-top: 28px; padding-left: 16px; border-left: 2px solid #a2bda7; color: #4f5e52; font-size: 14px; line-height: 1.75; }
.resource-section-tint .case-grid article { border-color: #e1e8df; }
.case-grid article { min-height: 220px; }
.resource-empty { max-width: 960px; padding: 34px 38px; border: 1px solid #e2e8e0; border-radius: 18px; background: #fff; }
.resource-empty h3 { color: #273028; font-size: 22px; font-weight: 700; }
.resource-empty p { margin-top: 12px; color: #526055; font-size: 15px; line-height: 1.8; }
@media (max-width: 1200px) {
  .resource-tabs { top: 66px; justify-content: flex-start; overflow-x: auto; }
  .resource-section { scroll-margin-top: 130px; }
  .resource-steps, .case-grid { gap: 12px; }
  .resource-steps article, .case-grid article { padding: 22px 18px; }
}
@media (max-width: 780px) {
  .resources-hero { padding-block: 70px 54px; }
  .resources-hero h1 { font-size: clamp(42px, 8vw, 52px); }
  .resources-hero > p:last-child { font-size: 16px; }
  .resource-tabs { width: 100%; padding-inline: 18px; }
  .resource-section { padding-block: 65px 72px; }
  .resource-intro { grid-template-columns: 1fr; gap: 6px; margin-bottom: 27px; }
  .resource-steps, .case-grid { grid-template-columns: 1fr; }
  .resource-steps article, .case-grid article { min-height: 0; }
  .resource-steps h3, .case-grid h3 { margin-top: 16px; }
  .resource-empty { padding: 26px; }
}