*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:#f5f0e2;color:#322b25;font-family:Georgia,serif;line-height:1.65}a{color:#682d55}a:hover{text-decoration:none}header{background:#44243f;color:#fff}.hero{background:linear-gradient(90deg,#30182bc9,#30182b40),url(hlavicka.webp) center/cover;min-height:230px;padding:48px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center}.hero h1{font-size:2.6rem;margin:0;text-shadow:0 2px 5px #231}.hero p{margin:4px 0}.tabs{background:#633754;display:flex;justify-content:center;flex-wrap:wrap}.tabs a{color:#fff;padding:12px 24px;text-decoration:none;border-right:1px solid #ffffff30}.tabs a:hover,.tabs a[aria-current=page]{background:#87905b}.layout{max-width:1120px;margin:25px auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding:0 16px}main,.sidebox{background:#fff;border:1px solid #ded9c8;box-shadow:0 1px 3px #0001}main{padding:28px 34px;min-width:0}aside{align-self:start}.sidebox{padding:20px;margin-bottom:16px;border-top:5px solid #81904d}.sidebox h2{font-size:1.25rem;margin:0 0 12px;color:#573048}h1,h2,h3{line-height:1.2;color:#59304c}main h1{font-size:2rem;margin-top:4px}main h2{font-size:1.4rem;margin-top:28px}main p{margin:12px 0 18px}img{max-width:100%;height:auto}.leadimage{width:100%;aspect-ratio:16/8;object-fit:cover;border:5px solid #f4f0e4}.tag{color:#6a7445;font-weight:bold;font-family:Arial,sans-serif;font-size:.8rem;text-transform:uppercase}.articlelist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.articlelist a{display:block;text-decoration:none;border:1px solid #ddd8c7;background:#faf8f1}.articlelist img{width:100%;height:155px;object-fit:cover}.articlelist strong,.articlelist span{display:block;padding:0 12px}.articlelist strong{padding-top:10px}.articlelist span{padding-bottom:12px;font:14px Arial,sans-serif;color:#555}.source{border-top:1px solid #ddd;padding-top:14px;margin-top:28px}.source li{margin:6px 0}.small{font:14px Arial,sans-serif;color:#65635c}footer{background:#44243f;color:#fff;text-align:center;padding:25px;margin-top:30px;font:14px Arial,sans-serif}footer a{color:#fff}ul{padding-left:22px}@media(max-width:760px){html{font-size:16px}.hero{min-height:165px;padding:28px 20px}.hero h1{font-size:2rem}.layout{display:block;margin:12px auto}main{padding:20px 18px}aside{margin-top:18px}.articlelist{grid-template-columns:1fr}.tabs a{padding:10px 13px}.leadimage{aspect-ratio:16/10}}