*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#1b2430;line-height:1.55}
header{background:#14532d;color:#fff;padding:12px 16px}header a{color:#fff;text-decoration:none;font-weight:700}nav a{color:#d1fae5;margin-left:14px;font-weight:500}
.disc{background:#fef3c7;color:#713f12;font-size:.85rem;padding:6px 16px;text-align:center}
main{max-width:760px;margin:0 auto;padding:20px 16px 40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0001;text-decoration:none;color:inherit;display:block}.card h3{margin:.1em 0 .3em}
ol li{margin:.4em 0}.src{background:#fff;border-left:4px solid #14532d;padding:10px 14px;margin-top:24px}code{background:#e5e7eb;padding:1px 5px;border-radius:4px}
footer{max-width:760px;margin:0 auto;padding:0 16px 30px;font-size:.85rem;color:#556}a{color:#15803d}