:root{font-family:system-ui,sans-serif;color:#17202a;background:#f7f4ee;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;max-width:960px;margin:auto;padding:28px 24px}.brand{font-weight:800;color:#17202a;text-decoration:none}a{color:#0d6b63}main{max-width:960px;margin:auto;padding:40px 24px 80px}.hero{max-width:650px;padding:40px 0 55px}.eyebrow,.meta{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#6c756f}.hero h1,.post h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;margin:.3em 0}.hero p{font-size:1.2rem;color:#52605a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:#fff;padding:26px;border:1px solid #e3ded3;border-radius:12px}.card h2{margin:.3em 0;font-size:1.5rem}.card h2 a{text-decoration:none;color:inherit}.read{font-weight:700;text-decoration:none}.post{max-width:720px;margin:auto}.lede{font-size:1.2rem;color:#52605a}.content{margin-top:40px}.content h2{margin-top:2.2em}.content pre{background:#17202a;color:#f7f4ee;padding:18px;border-radius:8px;overflow:auto}.content table{border-collapse:collapse;width:100%;margin:1.5em 0}.content th,.content td{border-bottom:1px solid #ddd5c8;padding:9px;text-align:left}.content th:not(:first-child),.content td:not(:first-child){text-align:right}footer{border-top:1px solid #e3ded3;max-width:960px;margin:auto;padding:24px;color:#6c756f;font-size:.9rem}