*{box-sizing:border-box}body{margin:0;background:#f5f0e6;color:#21313d;font:16px/1.6 Arial,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{border-bottom:3px solid #ad4235}.brand{font-size:27px;font-weight:bold;color:inherit;text-decoration:none}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,58px);line-height:1.15}.intro{max-width:740px;color:#51647a}.countries{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:28px 0}.country{display:block;padding:24px;background:#fffdf8;border:1px solid #dce3eb;border-top:4px solid #ad4235;color:inherit;text-decoration:none;transition:.2s}.country:hover{transform:translateY(-4px);box-shadow:0 12px 28px #102b4520}.country:focus-visible{outline:3px solid #ad4235}.flag{font-size:42px}.name{display:block;font-size:21px;font-weight:bold}.description{display:block;font-size:14px;color:#5e7083}.panel{padding:25px;background:#fffdf8;border:1px solid #dce3eb;margin-top:24px}footer{font-size:14px;color:#677b90}a{color:#245fa5}