:root{font-family:system-ui,-apple-system,sans-serif;color:#dfe9e7;background:#101918;line-height:1.7}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:56px 28px}header{padding:0 0 42px;border-bottom:1px solid #344441}.tag{font-size:12px;letter-spacing:2px;color:#93c8b5}h1{font-size:56px;line-height:1.2;margin:14px 0}h2{font-size:19px;margin:0 0 12px}p{color:#b4c6c0;margin:10px 0}.badge{display:inline-block;padding:5px 12px;background:#344a34;color:#c8e4aa;border-radius:20px;font-size:13px}section{margin:32px 0}.intro{max-width:800px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}article{background:#1b2825;border:1px solid #344441;border-radius:14px;padding:24px}.heading{display:flex;align-items:center;justify-content:space-between}button{background:#a9dec3;border:0;border-radius:8px;padding:10px 18px;color:#13231b;font-size:14px;cursor:pointer}button:disabled{opacity:.5}footer{font-size:13px;color:#8aa49a;border-top:1px solid #344441;padding-top:24px}.signal{font-size:22px;color:#a9dec3}small,.meta{color:#8aa49a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:12px;border-bottom:1px solid #344441;white-space:nowrap} @media(max-width:600px){main{padding:30px 20px}h1{font-size:42px}}