/* Minimal fallback styles for when CDN isn't available */
:root{ --brand:#087f5b; --brand2:#2f9e44; --dark:#0b1b14; --light:#f8fff9; }
*{ box-sizing:border-box; }
body{ margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji'; color:#0f172a; background:#ffffff;}
.container{ max-width:1100px; margin:0 auto; padding:0 1rem;}
.header{ display:flex; align-items:center; justify-content:space-between; padding:1rem 0; border-bottom:1px solid #e5e7eb;}
.brand{ display:flex; gap:.75rem; align-items:center; text-decoration:none; color:inherit;}
.brand img{ width:42px; height:42px; }
.brand strong{ font-weight:700; letter-spacing:.2px;}
.nav a{ text-decoration:none; color:#0f172a; margin-left:1rem; font-weight:600;}
.hero{ padding:4rem 0; background:linear-gradient(180deg, #ecfdf5, #ffffff);}
.hero .title{ font-size:2.2rem; line-height:1.2; margin:0 0 .5rem; }
.hero .subtitle{ font-size:1.1rem; color:#334155; margin:0 0 1.25rem; }
.btn{ display:inline-block; padding:.8rem 1.1rem; background:var(--brand); color:white; text-decoration:none; border-radius:.75rem; font-weight:700;}
.btn.secondary{ background:#0f172a; }
.grid{ display:grid; gap:1rem; }
.card{ padding:1.25rem; border:1px solid #e2e8f0; border-radius:1rem; background:white; box-shadow: 0 2px 8px rgba(2,6,23,.04); }
.footer{ margin-top:3rem; padding:2rem 0; border-top:1px solid #e5e7eb; color:#475569; font-size:.9rem;}
h2{ font-size:1.6rem; margin:1.2rem 0 .6rem; }
ul{ margin:0; padding-left:1.1rem;}
.badge{ display:inline-block; background:#e8f5e9; color:#065f46; padding:.35rem .6rem; border-radius:999px; font-size:.8rem; font-weight:700; }
.table{ width:100%; border-collapse:collapse; font-size:.95rem;}
.table th, .table td{ padding:.6rem .5rem; border-bottom:1px solid #eee;}
.section{ padding:2rem 0; }
kbd{background:#111827; color:#fff; padding:.15rem .35rem; border-radius:.25rem; font-size:.85rem;}