/* Style riêng của /doi-tac/. Component chung ở base.css, giá trị ở tokens.css. Breakpoint: md 640px, lg 900px. */

/* Hero */
.partner-hero{padding:var(--sp-10) 0;}
.partner-hero h1{font-size:var(--fs-h2);max-width:22ch;}
.partner-hero .lede{max-width:var(--w-text);color:var(--ink-soft);font-size:var(--fs-lg);margin:var(--sp-6) 0 0;}
@media (min-width:900px){ .partner-hero{padding:var(--sp-16) 0 var(--sp-10);} }

/* Chúng tôi tìm ai — lưới card, cùng pattern 3 cột với .pillar-grid/.feat-grid đã có */
.partner-who{padding:var(--sp-10) 0;}
.partner-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5);}
.partner-grid .card h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2);}
.partner-grid .card p{margin:0;color:var(--card-text-soft);font-size:var(--fs-md);}
@media (min-width:900px){
  .partner-who{padding:var(--sp-16) 0;}
  .partner-grid{grid-template-columns:repeat(3,1fr);}
}

/* Đối tác được gì / Quản Lý Điện được gì — dùng .notice như .commit-list đã có */
.partner-benefit{padding:var(--sp-10) 0;}
.benefit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3);max-width:var(--w-read);}
.benefit-list .notice{font-size:var(--fs-md);color:var(--ink-soft);}
@media (min-width:900px){ .partner-benefit{padding:var(--sp-16) 0;} }

/* Liên hệ — 1 email, không form */
.partner-contact{padding:var(--sp-10) 0;}
.contact-card{max-width:var(--w-read);text-align:center;}
.contact-card h2{font-size:var(--fs-h2);margin-bottom:var(--sp-3);}
.contact-card p{color:var(--ink-soft);max-width:44ch;margin:0 auto var(--sp-6);}
.contact-card .btn{font-size:var(--fs-lg);padding:var(--sp-4) var(--sp-8);}
.contact-note{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:var(--sp-4);}
@media (min-width:900px){ .partner-contact{padding:var(--sp-16) 0;} }

/* CTA danh sách chờ — box dùng .cta-box component chung ở base.css */
.partner-cta{padding:0 0 var(--sp-20);}