*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:#f4f7ed;color:#293327;font:1rem/1.7 Georgia,serif}a{color:#762039}a:hover{text-decoration:none}a:focus-visible{outline:3px solid #b34a64;outline-offset:3px}.top{background:#68172e;color:white;border-bottom:5px solid #b7cc8c}.topin{max-width:1150px;margin:auto;padding:1.2rem 1rem}.brand{font:700 2.4rem Georgia,serif;color:#fff;text-decoration:none}.tag{margin:0;color:#f9e6eb}.hero{height:230px;background:linear-gradient(90deg,rgba(70,8,27,.72),rgba(70,8,27,.03)),url('social.webp') center/cover}.hero p{max-width:1150px;margin:auto;padding:4rem 1rem;color:#fff;font-size:1.55rem;font-weight:bold;text-shadow:0 2px 5px #321}.tabs{background:#872a43}.tabs .inner{max-width:1150px;margin:auto;display:flex;flex-wrap:wrap}.tabs a{padding:.7rem 1.2rem;color:white;text-decoration:none;border-right:1px solid #a7566d}.tabs a:hover{background:#5d132b}.layout{max-width:1150px;margin:1.3rem auto;display:grid;grid-template-columns:225px minmax(0,1fr);gap:1.3rem;padding:0 1rem}.side,.panel,article{background:#fff;border:1px solid #d8dfc9;border-radius:4px;box-shadow:0 2px 4px #dce3d4}.side{align-self:start;padding:1rem}.side h2{font:700 1.15rem Arial,sans-serif;color:#762039;margin:.2rem 0 .6rem}.side a{display:block;padding:.5rem;border-bottom:1px solid #edf0e7;text-decoration:none;font:600 .91rem Arial,sans-serif}.main{min-width:0}.panel,article{padding:1.35rem;margin-bottom:1rem}h1,h2,h3{font-family:Arial,sans-serif;line-height:1.3;color:#72203b}h1{font-size:1.85rem}h2{font-size:1.3rem}.intro{font-size:1.12rem}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.item{border:1px solid #dfe5d3;background:#fff;border-radius:4px;overflow:hidden}.item img{width:100%;height:165px;object-fit:cover;display:block}.item div{padding:.85rem}.item h3{margin:.1rem 0}.item p{margin:.3rem 0}.label{color:#66754d;font:700 .75rem Arial,sans-serif;text-transform:uppercase}.articleimg{width:100%;max-height:340px;object-fit:cover;border-radius:3px}article p{margin:1.15rem 0}aside.note{background:#edf4df;border-left:5px solid #88a65e;padding:1rem;margin:1.4rem 0}footer{background:#e5eadc;border-top:1px solid #c8d4b9;padding:1.2rem;text-align:center;font: .9rem Arial,sans-serif}.sources{font:.92rem Arial,sans-serif}.sources li{margin:.5rem 0}button{cursor:pointer} @media(max-width:760px){.layout{grid-template-columns:1fr}.side{order:2}.cards{grid-template-columns:1fr}.hero{height:160px}.hero p{padding:2.5rem 1rem}.brand{font-size:2rem}html{font-size:16px}}