@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Source+Sans+3:wght@400;700&display=swap');
:root{--ink:#0f172a;--leaf:#34a853;--soil:#3b3b3b;--bg:#f6fbf7}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Source Sans 3',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#e9f7ef,#fff);color:var(--ink)}
.wrap{max-width:960px;margin:40px auto;padding:28px}
h1{font-family:'Outfit',sans-serif;font-weight:800;margin:0 0 16px 0}
ul.link-list{list-style:none;display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:0;margin:0}
ul.link-list li{grid-column:span 6}
@media(max-width:720px){ul.link-list li{grid-column:span 12}}
a.card{display:block;text-decoration:none;border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.08);font-weight:700}
a.card small{display:block;font-weight:400;opacity:.7;margin-top:6px}
a.card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.14)}