/* The one Snipe blog format. Applies to every post template and the blog hub:
   tag and read time, serif title, summary, byline, 16:9 cover, single reading column,
   then the same callouts, tables and call to action everywhere. */
:root{--post-col:720px;--post-wide:960px}

/* Page */
body:has(.post-hero),body:has(article.article),body:has(header.hero),body:has(section.hero){background:#FBF7F0!important;color:#2C2825}
.aurora,.grain{display:none!important}

/* Header block */
.post-hero,main>section.hero,article>header.hero,header.hero{padding:clamp(40px,5vw,64px) 0 0!important;text-align:left!important;background:none!important;border:0!important}
.post-hero .col,section.hero .wrap,header.hero .col{max-width:var(--post-col)!important;margin:0 auto!important;padding:0 24px!important;text-align:left!important}
.post-hero .meta,header.hero .meta{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start!important;margin:0 0 18px!important;font:400 13.5px/1.4 Inter,system-ui,sans-serif!important;color:#6B6560!important}
.post-hero .meta .c,.post-hero .meta [class~=c],header.hero .meta .tag,section.hero .kicker{
  display:inline!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;
  font:400 13.5px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:#6B6560!important}
header.hero .meta .tag::after{content:"\00b7";margin-left:10px}
.post-hero h1,section.hero h1,header.hero h1{
  margin:0!important;max-width:none!important;text-align:left!important;
  font-family:'Source Serif 4',Georgia,serif!important;font-weight:400!important;font-style:normal;
  font-size:clamp(34px,4.3vw,50px)!important;line-height:1.12!important;letter-spacing:-.012em!important;color:#2C2825!important}
section.hero h1 em{font-style:italic;color:#095DA8!important}
section.hero .kicker{display:block!important;margin-bottom:14px!important}
.post-hero .dek,section.hero .dek,header.hero .dek{
  margin:18px 0 0!important;max-width:none!important;text-align:left!important;
  font:400 18px/1.6 Inter,system-ui,sans-serif!important;color:#6B6560!important}
.post-hero .byline,section.hero .meta,header.hero .byline{
  display:block!important;margin:18px 0 0!important;text-align:left!important;
  font:400 13.5px/1.6 Inter,system-ui,sans-serif!important;color:#6B6560!important}
.post-hero .byline>*{display:inline}
.post-hero .byline a,section.hero .meta a,header.hero .byline a{color:#2C2825!important;font-weight:600!important;text-decoration:none!important}
.crumbs{max-width:var(--post-col)!important;margin:20px auto 0!important;padding:0 24px!important;font-size:13px!important;color:#6B6560!important}

/* Cover: same size and shape on every post */
.cover-banner,.wrap.cover,main .cover,article>.cover,figure.cover{max-width:var(--post-wide)!important;margin:32px auto 0!important;padding:0 24px!important;background:none!important;border:0!important}
.cover-banner img,.wrap.cover img,main .cover img,article>.cover img,figure.cover img{
  display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;
  border-radius:16px!important;border:1px solid rgba(44,40,37,.14)!important;box-shadow:none!important}

/* Reading column */
section.article,.layout{padding-top:36px!important;background:none!important}
section.article .col,.layout{max-width:var(--post-col)!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important}
.layout{display:flex!important;flex-direction:column!important;gap:24px!important}
.layout>.aside{position:static!important;order:-1;width:100%!important;margin:0!important;padding:0!important;border-radius:0!important;background:none!important;border:0!important;font:400 15px/1.6 Inter,system-ui,sans-serif!important}
.layout>.aside>b{display:block!important;margin:0 0 8px!important;font:600 15px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:#2C2825!important}
.layout>.aside>a{display:block!important;padding:2px 0!important;color:#095DA8!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;border:0!important;background:none!important}
.layout>.aside .box{margin-top:14px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
.layout>.aside .box strong{display:block;color:#2C2825!important;font-weight:600}
.layout>.aside .box p{margin:4px 0!important;font-size:14.5px!important}
.layout>.article{width:100%!important;max-width:none!important}
.article,.article p,.article li{font-family:Inter,system-ui,sans-serif!important;font-size:17px!important;line-height:1.72!important;color:#3B3632!important}
.article h2{margin:44px 0 14px!important;font-family:'Source Serif 4',Georgia,serif!important;font-weight:400!important;font-size:clamp(26px,3vw,32px)!important;line-height:1.2!important;letter-spacing:-.008em!important;color:#2C2825!important;-webkit-text-fill-color:#2C2825!important}
.article h3{margin:30px 0 10px!important;font-family:Inter,system-ui,sans-serif!important;font-weight:600!important;font-size:19px!important;line-height:1.35!important;letter-spacing:-.005em!important;color:#2C2825!important;-webkit-text-fill-color:#2C2825!important}
.article strong,.article b{color:#2C2825!important}
.article a:not(.btn):not(.cta):not(.darkbtn){color:#095DA8!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article ul,.article ol{padding-left:1.25em!important}
.article img{border-radius:12px}

/* Direct answer, summary and callouts all look the same */
.tldr,.summary,.callout,.guide-toc,.keytake,.key-takeaways{
  display:block!important;margin:24px 0!important;padding:20px 22px!important;border-radius:14px!important;
  background:#FFFDF9!important;border:1px solid rgba(44,40,37,.14)!important;box-shadow:none!important;
  font:400 16px/1.65 Inter,system-ui,sans-serif!important;color:#3B3632!important}
.tldr .tl,.summary>b:first-child,.guide-toc>strong,.callout>b:first-child,.callout>strong:first-child{
  display:block!important;margin:0 0 6px!important;font:600 15px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:#2C2825!important}
.tldr p,.summary p{margin:0!important;font-size:16px!important}
.guide-toc ul{margin:0!important;padding-left:1.1em!important}
.guide-toc li{font-size:15px!important;line-height:1.6!important;margin:3px 0!important}

/* Tables */
.article table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:24px 0!important;background:#FFFDF9!important;border:1px solid rgba(44,40,37,.14)!important;border-radius:12px!important;overflow:hidden;font-size:15px!important}
.article th{padding:12px 14px!important;background:#F6F0E6!important;color:#2C2825!important;font:600 13px/1.35 Inter,system-ui,sans-serif!important;text-align:left!important;border:0!important;border-bottom:1px solid rgba(44,40,37,.14)!important}
.article td{padding:12px 14px!important;color:#3B3632!important;font-size:15px!important;line-height:1.5!important;border:0!important;border-top:1px solid rgba(44,40,37,.09)!important;background:transparent!important}
.article tr:first-child td{border-top:0!important}
@media(max-width:720px){.article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Call to action inside the post */
.inline-cta{margin:36px 0!important;padding:24px 0!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(44,40,37,.14)!important;border-bottom:1px solid rgba(44,40,37,.14)!important;box-shadow:none!important;background-image:none!important}
.inline-cta .box{padding:0!important;border:0!important;background:none!important}

/* Related posts and booking footer */
.related{padding-top:56px!important}
.related h2{font-family:'Source Serif 4',Georgia,serif!important;font-weight:400!important;color:#2C2825!important;-webkit-text-fill-color:#2C2825!important}
.related .cards>*,.related .bcard{border-radius:16px!important;border:1px solid rgba(44,40,37,.14)!important;background:#FFFDF9!important;box-shadow:none!important}

/* Blog hub cards */
.grid .bcard,.bcard{border-radius:18px!important;border:1px solid rgba(44,40,37,.14)!important;background:#FFFDF9!important;box-shadow:none!important;overflow:hidden!important;transition:transform .2s ease,border-color .2s ease!important}
.bcard:hover{transform:translateY(-2px)!important;border-color:rgba(44,40,37,.3)!important}
.bcard .bcover{border-radius:0!important;border:0!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#16141F!important}
.bcard .bcover img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transform:none!important}
.bcard .bbody{padding:20px 22px 22px!important}
.bcard .bcat{color:#6B6560!important;font:400 12.5px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.bcard h2,.bcard h3{font-family:'Source Serif 4',Georgia,serif!important;font-weight:400!important;font-size:22px!important;line-height:1.22!important;letter-spacing:-.006em!important;color:#2C2825!important;-webkit-text-fill-color:#2C2825!important}
.bcard p{font-size:14.5px!important;line-height:1.55!important;color:#6B6560!important}
.bcard .blink{color:#2C2825!important;font-weight:600!important;font-size:14px!important}

@media(max-width:640px){
  .post-hero h1,section.hero h1,header.hero h1{font-size:32px!important}
  .post-hero .dek,section.hero .dek,header.hero .dek{font-size:16.5px!important}
  .article,.article p,.article li{font-size:16px!important}
  .cover-banner,.wrap.cover,main .cover,article>.cover,figure.cover{padding:0 16px!important}
}

/* Older posts paint every paragraph; the page background should show through. */
body p,body li{background-color:transparent!important}
body{background-color:#FBF7F0!important}