
:root{--ink:#24383b;--deep:#123e46;--petrol:#1e6269;--sand:#f6ecda;--pale:#fbf8f0;--orange:#bd6d3b;--line:#d5c5a7;--shadow:0 2px 9px #173e4721}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:repeating-linear-gradient(135deg,#e9e2d3 0,#e9e2d3 3px,#f4eee2 3px,#f4eee2 9px);font-family:Verdana,Arial,sans-serif;color:var(--ink);line-height:1.64}a{color:#16515b}a:hover{color:#a4522c}a:focus-visible{outline:3px solid #f0a04b;outline-offset:2px}img{max-width:100%;height:auto}.site-wrap{max-width:1360px;margin:18px auto 30px;background:var(--pale);border:1px solid #c9b997;box-shadow:0 7px 30px #1b31362b}.masthead{height:286px;background:linear-gradient(90deg,rgba(8,39,47,.93),rgba(8,39,47,.58) 42%,transparent 78%),url('hlavicka.webp') center 48%/cover;position:relative;display:flex;align-items:center;padding:25px 45px;border-bottom:6px solid #e2c08c}.brand{color:#fff7e7;max-width:650px;text-shadow:0 2px 3px #112f36}.brand-kicker{display:block;font:700 12px Verdana;letter-spacing:.22em;text-transform:uppercase;color:#e6c59c}.brand-name{display:block;color:#fffaf1;text-decoration:none;font:700 clamp(36px,5vw,64px) Georgia,serif;letter-spacing:-.04em;line-height:1.18;margin:11px 0}.brand-name:hover{color:#fff}.brand-name em{font-weight:400;color:#efc08d}.brand-sub{display:block;font-size:16px}.postcard-mark{position:absolute;right:27px;top:20px;transform:rotate(9deg);color:#fff8e7;border:2px solid #fff8e7;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;font:bold 12px Georgia,serif;letter-spacing:.1em;opacity:.9}.top-nav{display:flex;flex-wrap:wrap;background:linear-gradient(#2e7277,#16454d);border-bottom:4px solid #be7950;padding:0 12px}.top-nav a{color:#fff;text-decoration:none;font:bold 15px Verdana,Arial;padding:14px 22px;border-right:1px solid #ffffff27}.top-nav a:hover,.top-nav a[aria-current=page]{background:linear-gradient(#f6ead5,#dfc99e);color:#3c3730}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px;padding:25px 26px 35px}.sidebar{min-width:0}.side-box{background:#fffdf7;border:1px solid #d4c7b0;margin-bottom:20px;box-shadow:var(--shadow);border-radius:5px;overflow:hidden}.side-box h2{margin:0;background:linear-gradient(#d4e0d8,#a5c1b9);color:#21474b;font:700 19px Georgia,serif;padding:12px 16px}.side-box ul{padding:10px 18px 12px 32px;margin:0}.side-box li{padding:6px 0;border-bottom:1px dotted #d7cab2;font-size:14px}.side-box li:last-child{border:0}.side-box .navlist{list-style:'›  '}.checklist{border-top:5px solid var(--orange)}.checklist h2{background:linear-gradient(#d8915c,#ae6034);color:white}.checklist ul{list-style:'✓  '}.side-note{border-left:5px solid var(--orange);padding:12px 15px;background:#f5e7d2;font-size:14px}.side-note p{margin:5px 0}.content{min-width:0}.welcome,.page-head{background:#fffdf7;border:1px solid var(--line);box-shadow:var(--shadow);padding:24px 30px;margin-bottom:23px;border-radius:5px}.welcome{background:linear-gradient(120deg,#fffdf7,#f4e7cf)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.22}h1{font-size:clamp(28px,3vw,41px);color:#143f47;margin:7px 0 16px}h2{color:#184b51}p{margin:0 0 15px}.welcome p,.page-head p{font-size:17px;max-width:820px}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#a55e35}.primary-link,.read-more{display:inline-block;color:#fff;background:linear-gradient(#cb8855,#a75b34);border:1px solid #99502c;border-radius:4px;padding:7px 15px;font-weight:bold;text-decoration:none;font-size:14px}.primary-link:hover,.read-more:hover{background:#8d462c;color:#fff}.section-heading{border-bottom:3px solid #d5c1a0;margin:25px 0 16px}.section-heading span{font:700 12px Verdana;color:#b46a3d;text-transform:uppercase}.section-heading h2{font-size:27px;margin:2px 0 8px}.destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.destination{display:block;background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow)}.destination-img{display:block;width:100%;height:160px;object-fit:cover}.destination-label{display:block;color:#ae6137;font-size:12px;font-weight:bold;margin:12px 12px 3px}.destination strong{display:block;font:700 19px Georgia,serif;color:#174951;margin:0 12px 14px}.guide-list{display:grid;gap:14px}.teaser{display:grid;grid-template-columns:185px minmax(0,1fr);gap:17px;padding:12px;background:#fff;border:1px solid #d7c7aa;border-left:5px solid #b77748;border-radius:5px}.teaser-img{width:185px;height:143px;object-fit:cover;display:block;border-radius:3px}.teaser h3{font-size:22px;margin:3px 0 7px}.teaser h3 a{text-decoration:none;color:#1a4b53}.teaser h3 a:hover{text-decoration:underline}.teaser p{font-size:14px;margin-bottom:10px}.read-more{padding:5px 10px;font-size:12px}.info-strip{background:#e7ece6;border-left:5px solid #4a8580;padding:17px 19px;margin:22px 0;font-size:14px}.info-strip p{margin:6px 0}.breadcrumbs{font-size:13px;color:#786b57;margin:0 0 12px}.article-body{background:#fffdf8;border:1px solid var(--line);border-radius:5px;padding:26px 32px;box-shadow:var(--shadow);font-size:16px;line-height:1.78}.article-body h1{margin-bottom:10px}.article-body h2{font-size:25px;margin:30px 0 11px;padding-bottom:7px;border-bottom:1px solid #e2d4be}.article-body .lead{font-size:18px;color:#54666a;font-style:italic;margin-bottom:18px}.article-body .article-photo{float:right;max-width:300px;width:43%;margin:2px 0 16px 24px;background:#f2e9d8;padding:6px;border:1px solid #d7c6a9}.article-photo img{width:100%;height:auto;display:block}.article-photo figcaption{font-size:11px;color:#5d635f;line-height:1.5;padding:5px 3px 1px}.article-body ul{padding-left:25px}.article-body li{margin:8px 0}.sources{clear:both;background:#eef3f0;border-left:4px solid #4e8b86;padding:13px 19px;margin-top:30px}.sources h2{font-size:21px;margin:0 0 8px;border:0;padding:0}.sources ul{margin:0}.sources li{margin:4px 0}.related{padding:18px 22px;background:#f1e5d3;border:1px solid var(--line);margin-top:22px}.related h2{font-size:23px;margin:0 0 10px}.related a{display:block;margin:5px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0}th,td{border:1px solid #d7c8b1;padding:9px;text-align:left;vertical-align:top}th{background:#d8e6e2;color:#1e4b51}tr:nth-child(even){background:#f5f0e7}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;background:#143e45;color:#eee0c8;padding:17px 28px;font-size:13px}.footer a{color:#f4e3c3}@media(max-width:950px){.layout{grid-template-columns:220px minmax(0,1fr);gap:17px;padding:20px}.teaser{grid-template-columns:145px 1fr}.teaser-img{width:145px;height:132px}.top-nav a{padding:12px 13px}.destinations{gap:9px}.destination-img{height:125px}}@media(max-width:700px){.site-wrap{margin:0;border:0}.masthead{height:220px;padding:18px;background-position:58% center}.brand-name{font-size:38px}.brand-kicker{font-size:10px;letter-spacing:.08em}.brand-sub{font-size:13px}.postcard-mark{display:none}.top-nav{padding:3px}.top-nav a{flex:1 1 auto;text-align:center;font-size:13px;padding:10px 9px}.layout{display:flex;flex-direction:column;padding:15px;gap:15px}.content{order:1}.sidebar{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.side-box{margin:0}.side-note{grid-column:1/-1}.welcome,.page-head{padding:18px}.welcome p{font-size:16px}.destinations{grid-template-columns:1fr}.destination{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto;align-items:center}.destination-img{grid-row:1/3;width:120px;height:115px}.destination-label{margin:8px 10px 0}.destination strong{margin:0 10px 8px}.teaser{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px}.teaser-img{width:110px;height:110px}.teaser h3{font-size:18px}.teaser p{font-size:13px}.article-body{padding:19px}.article-body .article-photo{float:none;width:100%;max-width:504px;margin:0 0 18px}.article-body h2{font-size:23px}.footer{padding:15px}.side-box li{font-size:13px}}@media(max-width:420px){.sidebar{display:block}.side-box{margin-bottom:12px}.brand-name{font-size:32px}.top-nav a{font-size:12px}.teaser{grid-template-columns:1fr}.teaser-img{width:100%;height:160px}.destination-img{width:110px}.destination{grid-template-columns:110px 1fr}}
