/* Resources / recommended tools page (EN + ZH) */
.resources-hero{max-width:880px;padding-bottom:70px}
.resources-hero h1{font-size:clamp(42px,6.6vw,78px);line-height:1.12;letter-spacing:-.09em;margin:0 0 30px;font-weight:900}
.resources-hero h1 em{font-style:normal;color:var(--orange)}
.resources-hero p{font-size:18px;line-height:1.9;color:#666960;max-width:740px;margin:0}
.resources-section{border-top:1px solid var(--line);padding-top:58px;margin-bottom:90px}
.resources-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.resources-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.07em;margin:0}
.resources-heading span{font:500 10px 'DM Mono';letter-spacing:.12em;color:#85887d}
.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.resource-card{display:block;background:#e9e9df;padding:26px 28px;transition:transform .25s,background .25s}
.resource-card:hover{transform:translateY(-4px);background:#e3e3d7}
.resource-card .resource-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.resource-card h3{font-size:21px;line-height:1.3;letter-spacing:-.045em;margin:0;color:var(--ink)}
.resource-card .resource-tag{font:500 9px 'DM Mono';letter-spacing:.1em;color:var(--orange);white-space:nowrap}
.resource-card p{font-size:13px;line-height:1.85;color:#74776e;margin:13px 0 0}
.resource-card b{display:inline-block;margin-top:18px;font:500 11px 'DM Mono';letter-spacing:.06em;color:var(--ink)}
.resource-card:hover b{color:var(--orange)}
.resources-note{background:#e9e9df;padding:26px 30px;font-size:13px;line-height:1.9;color:#666960;margin-top:30px}
.resources-note strong{color:var(--ink)}
.editorial-block{background:var(--ink);color:var(--paper);padding:42px 46px;margin-bottom:90px}
.editorial-block h2{font-size:clamp(26px,3.4vw,38px);line-height:1.2;letter-spacing:-.06em;margin:0 0 18px;color:var(--paper)}
.editorial-block p{font-size:14px;line-height:1.95;color:#c9cec1;margin:0 0 16px;max-width:760px}
.editorial-block p:last-child{margin-bottom:0}
@media(max-width:760px){
  .resources-hero{padding-bottom:50px}
  .resources-hero h1{font-size:44px}
  .resources-hero p{font-size:15px}
  .resources-section{padding-top:42px;margin-bottom:64px}
  .resources-heading{display:block;margin-bottom:26px}
  .resources-heading span{display:block;margin-top:12px}
  .resources-grid{grid-template-columns:1fr;gap:14px}
  .resource-card{padding:22px}
  .editorial-block{padding:28px 24px;margin-bottom:64px}
}