*{box-sizing:border-box}html{font-size:17px;-webkit-text-size-adjust:100%}body{margin:0;background:#f3f0e8;color:#303744;font:1rem/1.67 Georgia,serif}a{color:#633449}a:focus-visible{outline:3px solid #9d6579;outline-offset:3px}.wrap{max-width:1130px;margin:auto;padding:0 18px}.head{min-height:245px;background:linear-gradient(90deg,rgba(35,49,65,.88),rgba(45,63,79,.08)),url('domaci-holubi.webp') center/cover;display:flex;align-items:center}.head .wrap{width:100%}.head h1{font-size:clamp(2rem,4vw,3.4rem);color:white;margin:0;text-shadow:0 2px 3px #283340}.head p{color:#fff4e1;font-size:1.13rem;max-width:550px}.nav{background:#52677c;border-bottom:4px solid #713d52}.nav .wrap{display:flex;flex-wrap:wrap}.nav a{color:white;text-decoration:none;font:bold .94rem Arial,sans-serif;padding:13px 18px}.nav a:hover{background:#384b61}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;margin:24px auto}.main,.side section{background:white;border:1px solid #d6d6d3;padding:26px;box-shadow:0 2px 5px #c8c4bd55}.side section{background:#faf6ed;border-top:4px solid #6d3d52;padding:18px;margin-bottom:16px}.side h2{font-size:1.16rem;margin:0 0 10px}.main h1{font-size:2rem;line-height:1.22;color:#493b50;margin:0 0 18px}.main h2{font-size:1.35rem;color:#4c6076;margin:28px 0 7px}.main p{margin:0 0 17px}.main img.hero{width:100%;height:290px;object-fit:cover}.crumb{font:.88rem Arial,sans-serif;color:#66717d;margin-bottom:16px}.tag{display:inline-block;background:#f4e9dc;color:#6b3e50;font:.85rem Arial,sans-serif;padding:6px 10px;margin:12px 0}.articlelist{list-style:none;padding:0}.articlelist li{padding:13px 0;border-bottom:1px solid #e4e1da}.articlelist a{font-size:1.13rem;font-weight:bold}.articlelist small{display:block;font:.87rem Arial,sans-serif;color:#65676b;margin-top:5px}.side li{margin:8px 0}.sources{background:#f4f1ea;padding:16px;margin-top:28px;border-left:4px solid #6e3d54}.sources li{overflow-wrap:anywhere}footer{background:#35485b;color:#f8f3e8;padding:24px 0;font:.9rem Arial,sans-serif}footer a{color:#fff1c7}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.photo-grid img{width:100%;height:145px;object-fit:cover}@media(max-width:760px){.layout{display:flex;flex-direction:column}.main{padding:18px}.head{min-height:190px}.nav a{padding:10px 12px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main img.hero{height:auto}}