*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2321;background:#f7f8f6}
.wrap{max-width:860px;margin:0 auto;padding:0 18px}a{color:#1f6f5c}
header{background:#fff;border-bottom:1px solid #e3e6e2}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 18px}
.logo{font-weight:800;font-size:1.25rem;text-decoration:none;color:#1d2321}.logo span{color:#1f6f5c}nav a{margin-left:16px;text-decoration:none;font-weight:600}
.disc{margin:16px 0;padding:10px 14px;background:#fff8e6;border:1px solid #f0dca8;border-radius:8px;font-size:.85rem}
.hero{padding:28px 0 8px}.hero h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2;margin:0 0 10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:32px}
.card{background:#fff;border:1px solid #e3e6e2;border-radius:12px;padding:18px}.card h3{margin:8px 0;font-size:1.1rem;line-height:1.3}
.tag{font-size:.75rem;background:#e2f2ec;color:#1f6f5c;padding:3px 8px;border-radius:99px;font-weight:700}
table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}th,td{border:1px solid #e3e6e2;padding:8px;text-align:left}
.note{background:#eef4ff;padding:10px;border-radius:8px}.meta{color:#5d6662;font-size:.9rem}
.btn{display:inline-block;background:#1f6f5c;color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700}
footer{margin-top:40px;background:#1d2321;color:#cfd6d2;font-size:.85rem;padding:18px 0}footer a{color:#9fe0c8}