/* 1.0.1: match the published Journal and approved destination components inside Divi.
   The :is() anchor keeps every rule within this renderer while resisting Divi's
   #et-boc heading/link rules. No global Journal, landing or header/footer rules. */
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article{width:90%;max-width:1280px}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy{width:100%;max-width:none;margin:0;font-family:"EB Garamond",BADGGaramond,serif;font-size:20px;font-weight:400;font-style:normal;line-height:1.5;color:#2B2119;letter-spacing:normal}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy p:not(.eyebrow):not(.inset-subhead){font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:normal;margin:0 0 .68em;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy h2{font-family:"EB Garamond",BADGGaramond,serif;font-size:32px;font-weight:600;line-height:1.08;letter-spacing:normal;margin:1.25em 0 .4em;padding:0 0 10px;color:#2B2119}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy h3{font-family:"EB Garamond",BADGGaramond,serif;font-size:25px;font-weight:600;line-height:1.12;letter-spacing:normal;margin:1.15em 0 .35em;padding:0 0 10px;color:var(--red)}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy ul,:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy ol{margin:.45em 0 .8em 1.4em;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy li{margin-bottom:.3em;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-graphic{float:left;width:46%;max-width:560px;margin:4px 34px 16px 0;padding:0;line-height:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-graphic img{display:block;width:100%;height:auto;margin:0;border:1px solid #C5B596}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-graphic figcaption{font:400 10px/1.3 BADGOpenSans,"Open Sans",sans-serif;margin-top:6px;letter-spacing:.3px;color:#6E6257}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .no-opening-copy .article-graphic{float:none;width:440px;max-width:100%;margin:0 auto 25px}
/* Preserve the inset typography while resetting inherited Divi paragraph padding. */
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset a{color:var(--ivory);text-decoration:none}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset h3{font:400 26px/1.02 BADGGaramond,"EB Garamond",serif;color:var(--ivory);clear:none;letter-spacing:normal;margin:0 0 9px;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset .eyebrow{font:600 8px/1.5 BADGOpenSans,"Open Sans",sans-serif;color:var(--gold-on-dark);letter-spacing:1.2px;margin:0 0 8px;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset .inset-subhead{font:400 16px/1.23 BADGGaramond,"EB Garamond",serif;color:var(--cream);letter-spacing:normal;margin:0 0 10px;padding:0}
/* Light-on-charcoal needs explicit heading/link colors, not inherited color. */
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .guides .guide-ribbon h3,:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .guides .guide-ribbon a{color:var(--ivory);text-decoration:none;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .guides .section-heading>a{color:var(--gold-on-dark);text-decoration:none}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .guides .guide-ribbon a:hover h3{color:var(--gold-on-dark);text-decoration:underline;text-underline-offset:3px}
/* Standalone restaurant fronts are 4:3, rather than a centered 4:3 picture in a 2:1 box. */
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .profile{min-width:0;text-align:left}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .profile>a{display:block;width:100%;margin:0;padding:0;color:var(--ink);text-decoration:none}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .profile img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:left center;margin:0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .profile h3{font:400 24px/1.13 "EB Garamond",BADGGaramond,serif;letter-spacing:-.015em;color:var(--ink);margin:12px 0 0;padding:0;text-align:left}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .profile p{font:400 17px/1.25 "EB Garamond",BADGGaramond,serif;letter-spacing:normal;color:#6D573F;margin:5px 0 0;padding:0;text-align:left}
/* Compact news headline/subhead pair; Divi's heading padding must be removed. */
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .wire .news-grid h3{font:400 27px/1.2 "EB Garamond",BADGGaramond,serif;color:var(--ivory);letter-spacing:normal;margin:0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .wire .news-grid a{color:var(--ivory);text-decoration:none;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .wire .news-grid h3 a{font:inherit;color:var(--ivory);margin:0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .wire .news-subhead{font:400 17px/1.35 "EB Garamond",BADGGaramond,serif;color:var(--cream);letter-spacing:normal;margin:4px 0 0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .wire .meta{font:600 10px/1.5 BADGOpenSans,"Open Sans",sans-serif;color:var(--gold-on-dark);letter-spacing:.6px;margin:12px 0 6px;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .wire .section-heading>a{color:var(--gold-on-dark)}
/* Approved destination media proportions: 4:3 photos plus copy, square humor. */
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .closing-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;align-items:start}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .closing .section-heading{margin-bottom:12px}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid figure{min-width:0;margin:0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid figure>a{display:block;color:var(--ink);text-decoration:none}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid figcaption{margin:0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid h3{font:400 23px/1.13 "EB Garamond",BADGGaramond,serif;color:var(--ink);letter-spacing:normal;margin:12px 0 0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid .photo-location{font:400 16px/1.35 "EB Garamond",BADGGaramond,serif;color:#6D573F;letter-spacing:normal;margin:5px 0 0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid .photo-credit{font:400 11px/1.5 BADGOpenSans,"Open Sans",sans-serif;color:#6D573F;letter-spacing:normal;margin:4px 0 0;padding:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .humor>a{display:block;margin:0;padding:0;line-height:0}
:is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .humor>a>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0;padding:0}
@media(max-width:1100px){
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset h3{font-size:24px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset .inset-subhead{font-size:15px}
}
@media(max-width:980px) and (min-width:768px){
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy{font-size:18px;line-height:1.48}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy p:not(.eyebrow):not(.inset-subhead){margin-bottom:.65em}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy h2{font-size:29px;margin-top:1.2em}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy h3{font-size:23px;margin-top:1.1em}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-graphic{width:44%;margin-right:26px;margin-bottom:15px}
}
@media(max-width:800px){
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .closing-grid{grid-template-columns:minmax(0,1fr)}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .humor{width:100%;max-width:480px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset{--card-size:90vw}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset h3{font-size:30px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset .eyebrow{font-size:9px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset .inset-subhead{font-size:19px;line-height:1.28}
}
@media(max-width:767px){
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy{font-size:18px;line-height:1.5}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy p:not(.eyebrow):not(.inset-subhead){margin-bottom:.65em}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy h2{font-size:27px;margin-top:1.2em}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy h3{font-size:22px;margin-top:1.1em}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-graphic{float:none;width:100%;max-width:100%;margin:0 0 16px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-graphic img{max-width:100%;margin:0}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .profile h3{font-size:21px;margin-top:8px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .profile p{font:400 11px/1.4 BADGOpenSans,"Open Sans",sans-serif;margin-top:5px;color:#685C4B}
}
@media(max-width:420px){
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset{--card-size:90vw}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset h3{font-size:27px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset .eyebrow{font-size:8px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset .inset-subhead{font-size:17px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .scenes-grid img{aspect-ratio:1.42}
}
/* Desktop exception: only article headings after an inserted guide may wrap
   beside its float. Keep hero-image, card, return-bar and end clears intact. */
@media(min-width:981px){
 :is(.ba-dg,.et-db #et-boc .et-l .ba-dg) .article-copy .guide-inset ~ :is(h2,h3,h4){clear:none}
}
