
:root{--navy:#203b57;--navy2:#385b77;--rust:#a44f36;--paper:#f6eddc;--ink:#2d3237;--line:#d5c4aa;--cream:#fffaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Verdana,sans-serif;background:repeating-linear-gradient(90deg,#efe5d2 0,#efe5d2 3px,#f4ecdf 3px,#f4ecdf 7px)}
a{color:#1d4b70}a:hover{text-decoration:none;color:#9d472e}a:focus-visible{outline:3px solid #db8b54;outline-offset:3px}
.site{max-width:1160px;margin:0 auto;background:#fbf7ed;box-shadow:0 4px 32px #34271836;border-left:1px solid #d8c6aa;border-right:1px solid #d8c6aa;min-height:100vh}
.hero{height:285px;position:relative;overflow:hidden;background:#2b4555 url('chalupa-jaro.webp') center 44%/cover no-repeat}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,32,48,.91) 0%,rgba(13,32,48,.74) 34%,rgba(13,32,48,.07) 77%)}
.brand{position:absolute;z-index:1;left:36px;top:46px;color:#fff7e5;text-shadow:0 2px 3px #0008;max-width:550px}.brand small{display:block;letter-spacing:.17em;text-transform:uppercase;color:#f2c39e;font-weight:bold;font-size:13px}.brand strong{display:block;font:normal 64px/1.05 Georgia,serif;letter-spacing:-2px}.brand span{display:block;font:italic 21px Georgia,serif;margin-top:11px}.brand .mark{color:#ec9a6b}
.topnav{background:linear-gradient(#456783,#1d3852);border-bottom:5px solid #a34e35;display:flex;gap:1px;flex-wrap:wrap;padding:0 12px}.topnav a{display:block;color:#fff;text-decoration:none;padding:13px 21px;font-weight:bold;border-right:1px solid #ffffff21}.topnav a:hover,.topnav a.current{background:#a44f36}
.crumb{padding:10px 26px;color:#6e6a60;font-size:13px;background:#efe6d5;border-bottom:1px solid #dacbb7}.crumb a{color:#455b6a}
.layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:24px;padding:24px 27px 45px}.sidebar{min-width:0}.sidetitle{font:normal 22px Georgia,serif;color:#fff;background:linear-gradient(110deg,#a74e34,#773f33);padding:11px 15px;margin:0;border-radius:5px 5px 0 0}.seasonnav{border:1px solid #d7c4a8;background:#fff9ed;padding:12px;box-shadow:0 2px 5px #6b493d15}.seasonnav a{display:block;padding:13px 12px;margin:5px 0;text-decoration:none;border-left:5px solid #b85f41;background:#f3e7d3;color:#233c55;font-weight:bold;line-height:1.35}.seasonnav a:nth-child(2){border-color:#65857e;background:#e8ede5}.seasonnav a:nth-child(3){border-color:#456483;background:#e8edf2}.seasonnav a:hover{background:#f5d9b8}.sidebox{border:1px solid #d8c7ad;background:#fff9ed;margin-top:20px;padding:16px}.sidebox h3{font:normal 21px Georgia,serif;margin:0 0 10px;color:#733b2b}.sidebox ul{margin:0;padding-left:20px}.sidebox li{margin-bottom:9px}.sidephoto{display:block;width:100%;height:auto;border:5px solid white;box-shadow:0 1px 4px #0002;margin-top:20px}
main{min-width:0}.intro{padding:24px 27px;background:linear-gradient(#fffdf6,#f3ead9);border:1px solid #d7c6ab;border-top:4px solid #b65e41}.intro h1,.article h1,.rubric h1{font:normal 37px/1.18 Georgia,serif;color:#243f5b;margin:0 0 13px}.intro p{margin:0;font-size:17px}.sectionhead{font:normal 26px Georgia,serif;color:#7d3c2a;margin:28px 0 14px;border-bottom:2px solid #d9bda4;padding-bottom:6px}
.seasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.season{background:#f3e9d9;border:1px solid #d9c6a9;border-top:5px solid #9c4a34;padding:15px 11px;text-decoration:none;min-width:0}.season:nth-child(2){border-color:#719077}.season:nth-child(3){border-color:#b17747}.season:nth-child(4){border-color:#385d7b}.season b{display:block;color:#24435a;font:normal 21px Georgia,serif}.season span{display:block;color:#544f49;font-size:13px;line-height:1.5;margin-top:5px}
.storylist{background:#fffaf1;border:1px solid #dfd0b9}.story{display:grid;grid-template-columns:190px 1fr;gap:19px;padding:17px;border-bottom:1px solid #e4d8c6}.story:last-child{border-bottom:0}.story img{width:190px;height:112px;object-fit:cover;border:4px solid white;box-shadow:0 1px 5px #0002}.story h3{margin:0 0 6px;font:normal 23px/1.2 Georgia,serif}.story h3 a{color:#254863}.story p{margin:0 0 7px;color:#49443e;font-size:15px;line-height:1.5}.more{font-weight:bold;font-size:14px;color:#a24b34}
.article,.rubric{background:#fffdf8;border:1px solid #decfb9;padding:28px 32px}.article .lead{font-size:19px;color:#5a4c3d;border-left:4px solid #b66a4d;padding:4px 0 4px 16px;margin:0 0 25px}.article h2{font:normal 27px Georgia,serif;color:#7b3c2d;margin:28px 0 11px}.article h3{font:normal 21px Georgia,serif;color:#244a65;margin:23px 0 8px}.article p{margin:0 0 15px}.article ul{padding-left:24px;margin:8px 0 19px}.article li{margin-bottom:8px}.article-hero{display:block;width:100%;max-height:340px;object-fit:cover;margin:0 0 25px;border:6px solid #f4e9d7;box-shadow:0 2px 6px #0002}.article-hero.small-photo{max-width:754px;height:auto;object-fit:contain}.sources{margin-top:26px;background:#f2e8d8;border-left:4px solid #446680;padding:14px 18px}.sources h2{font:normal 21px Georgia,serif;margin:0 0 9px}.sources ul{margin:0;padding-left:20px}.sources li{margin:5px 0}.related{margin-top:28px;border-top:2px solid #dec8aa;padding-top:14px}.related a{display:inline-block;margin:5px 13px 5px 0}.rubric .introtext{font-size:17px}.foot{background:#233d57;color:#f5e9d4;padding:24px 32px;font-size:14px;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.foot a{color:#fff3e5}.note{background:#f2e7d6;padding:15px;border-left:4px solid #a45640;margin:20px 0}
@media(max-width:820px){.hero{height:240px}.brand{left:24px;top:40px}.brand strong{font-size:50px}.layout{grid-template-columns:1fr;padding:18px}.sidebar{order:2}.topnav{padding:0}.topnav a{flex:1 1 30%;text-align:center;padding:12px 7px}.seasons{grid-template-columns:repeat(2,minmax(0,1fr))}.story{grid-template-columns:150px 1fr}.story img{width:150px;height:100px}}
@media(max-width:520px){.hero{height:200px;background-position:58% center}.brand{left:15px;top:34px;max-width:95%}.brand small{font-size:10px}.brand strong{font-size:38px}.brand span{font-size:15px}.topnav a{flex:1 1 48%;font-size:13px}.layout{padding:12px;gap:17px}.intro,.article,.rubric{padding:18px}.intro h1,.article h1,.rubric h1{font-size:29px}.sectionhead{font-size:23px}.seasons{grid-template-columns:repeat(2,minmax(0,1fr))}.story{grid-template-columns:1fr;gap:8px;padding:14px}.story img{width:100%;height:auto;max-height:205px;aspect-ratio:16/9;object-fit:cover}.story h3{font-size:22px}.article h2{font-size:24px}.foot{padding:18px}}
