*{box-sizing:border-box}body{margin:0;background:#f4f0e9;color:#26313b;font:17px/1.72 Georgia,serif}a{color:#195d78}a:hover{text-decoration:none}header{background:#fff;border-bottom:5px solid #ae4c3f}.hero{max-width:1100px;margin:auto;background:linear-gradient(90deg,rgba(24,42,62,.82),rgba(24,42,62,.18)),url("bavlnene-latky.webp") center/cover;min-height:205px;display:flex;align-items:center;padding:25px 40px;color:white}.hero h1{font:700 43px/1.15 Georgia;margin:0}.hero p{font:19px Arial;margin:10px 0}nav{background:#253c56}nav .navinner{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap}nav a{color:white;font:700 15px Arial;padding:15px 19px;text-decoration:none;border-right:1px solid #ffffff30}nav a:hover{background:#b35343}.layout{max-width:1100px;margin:25px auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;padding:0 14px}main,.sidebox{background:#fff;border:1px solid #d7d8d4;box-shadow:0 1px 3px #0001}main{padding:30px 34px;min-width:0}h2{font:700 32px/1.2 Georgia;color:#213e58;margin:0 0 14px}h3{font:700 23px/1.25 Georgia;color:#9d4439;margin:30px 0 8px}p{margin:0 0 17px}main img{width:100%;max-height:330px;object-fit:cover;border:5px solid #f2e8de;margin:12px 0 23px}aside{display:flex;flex-direction:column;gap:16px}.sidebox{padding:19px}.sidebox h3{font:700 19px Arial;color:#9b493d;margin:0 0 12px}.sidebox a{display:block;padding:7px 0;border-bottom:1px solid #e5e5e5;font:15px/1.45 Arial}.tag{font:700 13px Arial;color:#9b493d;text-transform:uppercase;letter-spacing:.07em}.articles{list-style:none;padding:0}.articles li{border-bottom:1px solid #e5e5e5;padding:14px 0}.articles a{font-size:21px;font-weight:bold}.articles small{display:block;color:#64707b;font:14px Arial;margin-top:5px}.sources{border-top:1px solid #ddd;padding-top:16px;margin-top:28px;font:15px/1.5 Arial}footer{max-width:1100px;margin:30px auto;padding:22px;border-top:3px solid #b65042;color:#52606a;font:14px Arial}.facts{border-collapse:collapse;width:100%;font:15px Arial;margin:15px 0 25px}.facts td,.facts th{border:1px solid #d8d7d3;padding:10px;text-align:left}.facts th{background:#e8eef1}a:focus-visible{outline:3px solid #a9483d;outline-offset:2px}@media(max-width:760px){.layout{display:flex;flex-direction:column}.hero{min-height:160px;padding:20px}.hero h1{font-size:30px}main{padding:22px 19px}aside{order:2}nav a{padding:12px}h2{font-size:28px}}