// TenetsBlock — the four doctrine cards
const TENETS = [
  { n: 'I',   t: "We don't pay rent.",              b: "Coalitions tax pilots for the privilege of being bored in their space. That's rent. An office bill to dock and reship is overhead. The difference is whether you're paying to be bored." },
  { n: 'II',  t: "Yoshis don't die.",               b: "You can stomp one, but there are always more. We are decentralized, persistent, and everywhere." },
  { n: 'III', t: "Content over complacency.",       b: "We undock. We fight. We make lowsec dangerous again for those who forgot what it means to live here." },
  { n: 'IV',  t: "Every pilot is a force multiplier.", b: "Teach one, arm one, seed one. The corp grows from the walls inward." },
];

function TenetsBlock() {
  return (
    <section className="section" id="doctrine">
      <div className="section-label">// CORP DOCTRINE</div>
      <div className="tenets">
        {TENETS.map(t => (
          <div className="tenet" key={t.n}>
            <div className="tenet-num">{t.n}</div>
            <div className="tenet-body">
              <strong>{t.t}</strong> {t.b}
            </div>
          </div>
        ))}
      </div>
    </section>
  );
}
window.TenetsBlock = TenetsBlock;