*{box-sizing:border-box}body{margin:0;color:#172335;background:#f4f1ea;font:16px/1.5 Georgia,serif}main{width:min(72rem,calc(100% - 2rem));margin:auto;padding:2rem 0 4rem}header{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px solid #172335;padding-bottom:1rem}header strong{font-size:2rem}header span,small,p{color:#5b6470}h1{font-size:clamp(2rem,5vw,4rem);max-width:12ch;margin:4rem 0 2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.article{display:block;min-height:12rem;padding:1.25rem;color:inherit;text-decoration:none;background:#fffdf8;border:1px solid #d8d1c4}.article:hover{border-color:#c45135}.article h2{margin:.6rem 0;font-size:1.35rem}