body.wzp-body{background:#fff;height:auto;color:#122032}
.wzp{min-height:100vh;display:flex;flex-direction:column;background:#fff}
.wzp .wzw-top{background:#122032;flex:0 0 64px}
.wzp .wzw-menu{position:fixed;inset:0;bottom:0}
.wzp-hero{position:relative;min-height:220px;background:#122032 center/cover no-repeat;display:flex;align-items:flex-end}
.wzp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,32,50,.25),rgba(18,32,50,.78))}
.wzp-hero-in{position:relative;width:100%;max-width:960px;margin:0 auto;padding:16px 16px 20px;color:#fff}
.wzp-hero h1{margin:6px 0 0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:44px;line-height:1;text-transform:uppercase;letter-spacing:.02em;border-bottom:5px solid var(--c);display:inline-block;padding-bottom:8px}
.wzp-crumbs{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wzp-crumbs a{padding:6px 0;min-height:32px;display:inline-flex;align-items:center}
.wzp-wrap{width:100%;max-width:960px;margin:0 auto;padding:18px 16px 32px;flex:1}
.wzp-lead{font-size:19px;line-height:1.45;margin:0}
.wzp-extra{margin-top:14px;font-size:17px;line-height:1.55;color:#2B3544}
.wzp-k{margin:30px 0 0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#947227}
.wzp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.wzp-card{position:relative;display:flex;align-items:flex-end;min-height:110px;background:#122032 center/cover no-repeat;color:#fff}
.wzp-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,32,50,0),rgba(18,32,50,.8))}
.wzp-card span{position:relative;padding:10px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
.wzp-tiles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}
.wzp-chips a{border:2px solid #DDE0E5;padding:10px 14px;min-height:44px;font-size:16px;font-weight:600;display:flex;align-items:center}
.wzp .wzw-btn{max-width:420px;margin-top:18px}
.wzp-foot{background:#F4F5F7;padding:18px 16px;font-size:14px;color:#5D6673;text-align:center}
.wzp-foot a{margin-right:14px;font-weight:600}
@media(min-width:900px){
 .wzp .wzw-top{flex-basis:80px}
 .wzp-hero{min-height:340px}
 .wzp-hero h1{font-size:64px}
 .wzp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
 .wzp-card{min-height:150px}
}


.wzp-chips a{border:0;background:#EEF1F5}
.wzp-h1{margin:0 0 12px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:36px;line-height:1;text-transform:uppercase;letter-spacing:.02em;border-bottom:5px solid #947227;display:inline-block;padding-bottom:8px}
.wzp-guide{padding-top:24px}
.wzp-guide .wzp-tiles{margin-top:18px;max-width:none}
@media(min-width:900px){.wzp-h1{font-size:52px}.wzp-guide .wzp-tiles{max-width:640px}}

@media(max-width:899px){.wzp-foot{display:none}}

/* v0.9.7: visit the webzine */
.wzp-hero-in .wzp-vw{display:block;margin-top:12px;color:#fff;font-weight:600;font-size:15px;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px}
.wzp-cardw{display:flex;flex-direction:column;gap:4px}
.wzp-vw2{font-size:14px;font-weight:600;color:var(--c);padding:2px 0 6px}

/* v0.10.3: banner with logo, menu and search on place pages */
.wzp .wzw-top{flex:0 0 56px;background:#122032}
@media(min-width:900px){.wzp .wzw-top{flex-basis:72px}}
.wzp-sband{background:#122032;padding-bottom:12px}
.wzp-sband .wzw-search{height:auto;padding:0 16px;position:relative;z-index:6}
@media(min-width:900px){.wzp-sband .wzw-search{padding:0 32px;max-width:760px}.wzp-sband .wzw-sugs{left:32px;right:32px}}
.wzp-sband .wzw-sugs{top:52px}

.wzp-outro{margin:12px 0 0;font-size:16px;line-height:1.5;color:#5D6673}
.wzp-lead,.wzp-outro{font-family:'Barlow',system-ui,sans-serif;font-weight:400;font-size:19px;line-height:1.45;color:#122032;letter-spacing:0}.wzp-outro{margin:14px 0 0}

/* v0.10.6: suggestions sheet for Restaurants, Hotels, Nightlife, Activities */
.wzp-sheet-bg{position:fixed;inset:0;background:rgba(18,32,50,.55);z-index:99999}
.wzp-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100000;background:#fff;max-height:78vh;overflow:auto;padding:0 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(0,0,0,.35)}
.wzp-sheet-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 10px;border-bottom:3px solid #947227}
.wzp-sheet-h b{font-family:'Barlow Condensed',sans-serif;font-size:26px;line-height:1.05;text-transform:uppercase;letter-spacing:.02em;color:#122032}
.wzp-sheet-h button{border:0;background:none;color:#122032;font:700 14px 'Barlow',sans-serif;min-height:44px;padding:0 0 0 8px;cursor:pointer}
.wzp-sheet a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 0;border-bottom:1px solid #E4E7EC;color:#122032;font-size:19px;font-weight:600;text-decoration:none}
.wzp-sheet a u{text-decoration:none;color:#947227;font-size:20px}
.wzp-sheet-n{margin:12px 0 0;font-size:13px;color:#5D6673}
@media(min-width:900px){.wzp-sheet{left:50%;right:auto;width:520px;transform:translateX(-50%);bottom:40px}}
.wzp-sheet-h button{white-space:nowrap}

.wzp-fact{margin:14px 0 0;padding-left:14px;border-left:3px solid #A07F2C;font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.45;color:#445063}

.wzp-more{color:#122032;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wzp-wzgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0 8px}
.wzp-wzc{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px 16px;background:#F3F5F8;border-radius:6px;text-decoration:none;color:#122032}
.wzp-wzc:hover{background:#E8ECF2}
.wzp-wzl{display:flex;align-items:center;justify-content:center;width:100%;height:64px;margin-bottom:12px}
.wzp-wzl img{max-width:80%;max-height:64px;width:auto;height:auto;object-fit:contain}
.wzp-wzl b{font:700 22px 'Barlow Condensed',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.wzp-wzc h2{margin:0 0 6px;font:700 20px 'Barlow Condensed',sans-serif;letter-spacing:.03em;text-transform:uppercase}
.wzp-wzc p{margin:0 0 10px;font:400 15px/1.4 'Barlow',sans-serif;color:#445063}
.wzp-wzc em{margin-top:auto;font:600 14px 'Barlow',sans-serif;font-style:normal;color:#947227}
@media(min-width:1000px){.wzp-wzgrid{grid-template-columns:repeat(4,1fr);gap:18px}}

.wzp-wzc h2:has(img){margin:2px 0 12px;font-size:0;line-height:0}
.wzp-wzc h2 img{display:block;width:100%;max-width:230px;height:auto}
.wzp-wzc em{font-size:13px;white-space:nowrap}

.wzp-more{font-weight:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}
.wzp-wzc h2 img{width:auto;max-width:100%;height:23px;object-fit:contain}
@media(min-width:600px){.wzp-wzc h2 img{height:30px}}
.wzp-wzc p{flex:1 1 auto;min-height:4.2em}
.wzp-wzc{height:100%}

/* v0.10.26: titles like the homepage title; text pages */
.wzp-h1{border-bottom:0;padding-bottom:0;font-size:21px;line-height:1.1;margin:0 0 14px;color:#122032}
@media(min-width:900px){.wzp-h1{font-size:34px}}
.wzp-prose{font-family:'Barlow',system-ui,sans-serif;color:#122032;max-width:760px}
.wzp-prose .wzp-lead{margin:0 0 4px}
.wzp-prose p,.wzp-prose li{font-size:17px;line-height:1.55;margin:10px 0}
.wzp-prose ul{padding-left:20px;margin:10px 0}
.wzp-prose h2{margin:24px 0 2px;font:700 17px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#122032}
.wzp-prose a:not(.wzp-btn){color:#122032;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wzp-btn{display:inline-block;background:#947227;color:#fff!important;font-weight:700;font-size:16px;padding:12px 20px;border-radius:4px;text-decoration:none!important;margin:4px 8px 4px 0}
.wzp-btns{margin:14px 0}
.wzp-note{font-size:15px;color:#5D6673;margin:6px 0}
.wzp-faq details{border-bottom:1px solid #E4E7EC}
.wzp-faq summary{cursor:pointer;list-style:none;padding:14px 28px 14px 0;font-weight:600;font-size:17px;line-height:1.35;position:relative}
.wzp-faq summary::-webkit-details-marker{display:none}
.wzp-faq summary::after{content:'+';position:absolute;right:4px;top:10px;font-size:24px;color:#947227}
.wzp-faq details[open] summary::after{content:'\2212'}
.wzp-faq details>div{padding:0 0 14px}
.wzp-faq details>div p{margin:0}
.wzp-faq details>div{font-size:17px;line-height:1.55}

/* v0.10.31: desktop text pages: the width of the webzines (1200), one readable column and an index at the side */
@media(min-width:900px){
 .wzp-wrap.wzp-prose{max-width:1200px;padding:52px 0 80px;display:grid;grid-template-columns:minmax(0,800px) 300px;justify-content:space-between;column-gap:64px;align-items:start}
 .wzp-prose .wzp-h1{font-size:34px;margin:0 0 18px}
 .wzp-intro .wzp-lead{font-size:23px;line-height:1.5;margin:0 0 8px}
 .wzp-prose p,.wzp-prose li{font-size:18px;line-height:1.7}
 .wzp-secs{margin-top:20px}
 .wzp-sec{margin:0 0 40px}
 .wzp-sec h2{margin:0 0 12px;font-size:21px;letter-spacing:.04em}
 .wzp-sec h2::after{content:'';display:block;width:40px;height:3px;background:#947227;margin-top:9px}
 .wzp-toc{position:sticky;top:28px;border-left:3px solid #E4E7EC;padding:2px 0 2px 22px;display:flex;flex-direction:column;gap:9px;font-family:'Barlow',system-ui,sans-serif}
 .wzp-toc b{font:700 13px/1 'Barlow',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#947227;margin-bottom:6px}
 .wzp-toc a{color:#122032;font-size:16px;line-height:1.35;text-decoration:none}
 .wzp-toc a:hover{color:#947227}
 .wzp-faq summary{font-size:18px}
}
@media(max-width:899px){.wzp-toc{display:none}}
@media(min-width:900px){.wzp-prose .wzp-toc a{text-decoration:none;font-weight:500}.wzp-prose .wzp-toc a:hover{color:#947227}}

/* v0.10.32: the blue banner under the header (sticky, the width of the logo and the search) or in the side column */
@media(min-width:900px){
 .wzp>.wzb-dt{position:sticky;top:0;z-index:50;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}
 .wzp-side{position:sticky;top:28px}
 .wzp-side .wzb-dt{flex-direction:column;margin-bottom:26px}
 .wzp-side .wzb-dt>*{height:52px;border-bottom:0;border-left:3px solid transparent;padding:0 20px}
 .wzp-side .wzb-dt>a.on{border-left-color:#947227}
 .wzp-side .wzp-toc{position:static}
}
@media(max-width:899px){.wzp-side{display:none}}
@media(min-width:900px){.wzp-prose .wzb-dt a{color:#D5DAE1;text-decoration:none;font-weight:700}.wzp-prose .wzb-dt a:hover{color:#fff}.wzp-prose .wzb-dt a.on{color:#D3B56C}}