/* Portable full-reader composition adapted from the business/news renderers and
 * Theme Controller viewer/glass styles. Scoped to Exposure Booster content only.
 * Per-block designer ID rules override these defaults. */
.eb-detail {
 --eb-radius:24px; --eb-heading:var(--eb-text); --eb-pane-padding:clamp(14px,2.4vw,28px);
 --eb-section-padding:clamp(16px,2.2vw,26px); --eb-glass-depth:14px;
 --eb-reflection:linear-gradient(135deg,#ffffff52,#ffffff14 28%,transparent 48%,#ffffff1a 82%,#ffffff33);
 --eb-glass-edge:color-mix(in srgb,var(--eb-bg) 52%,var(--eb-accent));
 --eb-glass-shadow:inset 0 1px 1px #ffffff57,inset 1px 0 2px #ffffff1a,inset 0 -2px 3px color-mix(in srgb,var(--eb-glass-edge) 44%,transparent),0 calc(var(--eb-glass-depth)*.26) 3px -1px color-mix(in srgb,var(--eb-glass-edge) 60%,transparent),0 calc(var(--eb-glass-depth)*.42) 7px -3px #06101e42,0 calc(var(--eb-glass-depth)*1.3) 26px -9px #06101e61;
 padding:var(--eb-pane-padding); isolation:isolate;
 background:linear-gradient(120deg,#ffffff26,transparent 45% 70%,#ffffff0a),color-mix(in srgb,var(--eb-bg) 97%,transparent);
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eb-line) 42%,transparent),inset 0 2px 2px #ffffff59,0 16px 40px -20px #07121c66;
}
.eb-detail[data-eb-theme="white"],.eb-detail .eb-document[data-eb-theme="white"]{--eb-bg:#f7fafb;--eb-text:#20353f;--eb-heading:#142e3a;--eb-muted:#3f5661;--eb-line:#9bafb8;--eb-accent:#116477;--eb-soft:#dce8ed}
.eb-detail>.eb-document{background:transparent}
.eb-detail .eb-block{margin-bottom:26px}
.eb-detail .eb-block:last-child{margin-bottom:0}
.eb-detail :is(h1,h2,h3,h4,h5,h6,.eb-subheading){color:var(--eb-heading);text-shadow:0 -1px 0 #ffffff8c,0 1px 1px #08121f3d,0 3px 5px #08121f29}
.eb-detail :is(.eb-block-rich,.eb-block-terms,.eb-block-address,.eb-block-hours,.eb-block-booking,.eb-block-contact_links,.eb-block-keywords,.eb-block-enquiry,.eb-block-attribution,.eb-block-video,.eb-block-comments){padding:var(--eb-section-padding);border:0;border-radius:var(--eb-radius);background:var(--eb-reflection),color-mix(in srgb,var(--eb-bg) 88%,transparent);box-shadow:var(--eb-glass-shadow)}
.eb-detail .eb-block-image img{border-radius:var(--eb-radius)}
.eb-detail .eb-identity{gap:clamp(.8rem,2vw,1.4rem);padding:clamp(1rem,3vw,2rem);border-radius:var(--eb-radius);background:var(--eb-reflection),color-mix(in srgb,var(--eb-bg) 88%,transparent);box-shadow:var(--eb-glass-shadow)}
.eb-detail .eb-identity>div{flex:0 1 auto}
.eb-detail .eb-identity .eb-media{flex:0 0 clamp(88px,15vw,160px);width:clamp(88px,15vw,160px);height:clamp(88px,15vw,160px)}
.eb-detail .eb-identity img{height:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--eb-radius)}
.eb-detail .eb-identity .eb-media-logo-circle img{border-radius:50%}
.eb-detail .eb-identity h1{font-size:var(--eb-title-size);font-weight:700;line-height:1.2;margin:0 0 .6rem}
.eb-detail .eb-subheading{font-size:1.125rem;line-height:1.35;margin:0 0 .75rem;color:var(--eb-heading)}
.eb-business{line-height:1.5}
.eb-business .eb-block>h2{font-size:1.25rem;line-height:1.25;margin:0 0 .85rem}
.eb-business [data-eb-field="summary"]{font-size:1.0625rem;font-weight:500;line-height:1.55}
.eb-business .eb-rich :is(h2,h3,h4,h5,h6){line-height:inherit}
.eb-business .eb-rich h2{font-size:1.5em;margin:.83em 0}
.eb-business .eb-rich h3{font-size:1.17em;margin:1em 0}
.eb-business .eb-rich :is(p,div){margin:0 0 var(--eb-paragraph-gap,.75rem)}
.eb-article .eb-rich{line-height:inherit}
.eb-article .eb-block-rich{line-height:1.65}
.eb-article .eb-rich :is(h1,h2,h3,h4,h5,h6){line-height:1.2;margin:1em 0 .45em}
.eb-article .eb-rich h2{font-size:var(--eb-section-title-size)}
.eb-article .eb-rich h2[data-eb-heading-level="1"]{font-size:var(--eb-title-size)}
.eb-article .eb-rich h3{font-size:1.25rem}
.eb-article .eb-rich h4{font-size:1.125rem}
.eb-article .eb-rich h5{font-size:1.1rem}.eb-article .eb-rich h6{font-size:1rem}
.eb-article .eb-rich p{margin:var(--eb-paragraph-gap,1em) 0}
.eb-article .eb-rich>:first-child{margin-top:0}.eb-article .eb-rich>:last-child{margin-bottom:0}
.eb-detail .eb-author{align-items:center;gap:1rem;margin:1.25rem clamp(.75rem,2vw,1.5rem);padding:1rem;border:0;border-radius:var(--eb-radius);background:var(--eb-reflection),color-mix(in srgb,var(--eb-author-accent,var(--eb-accent)) 9%,var(--eb-bg));box-shadow:var(--eb-glass-shadow)}
.eb-detail .eb-author .eb-media{flex:0 0 80px;width:80px;height:80px;aspect-ratio:1;background:color-mix(in srgb,var(--eb-author-accent,var(--eb-accent)) 20%,var(--eb-bg));box-shadow:var(--eb-glass-shadow)}
.eb-detail .eb-author .eb-media-author-circle{border-radius:50%}
.eb-detail .eb-author img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.eb-detail .eb-author>div{min-width:0;flex:1}
.eb-detail .eb-author h2{font-size:1.05rem;line-height:1.4;margin:0 0 .4rem}
.eb-detail .eb-author p{font-size:.95rem;line-height:1.55;margin:0;white-space:pre-line}
/* One or two photos fill the row; wider collections retain thirds, halves or one. */
.eb-detail .eb-gallery{display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;overflow-y:hidden;padding:8px 6px 28px;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.eb-detail .eb-gallery::-webkit-scrollbar{display:none}
.eb-detail .eb-gallery>.eb-media{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start}
.eb-detail .eb-gallery>.eb-media:only-child{flex-basis:100%}
.eb-detail .eb-gallery img{--eb-image-fit:cover;aspect-ratio:4/3;border-radius:14px}
.eb-gallery-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between}
.eb-detail .eb-gallery-header h2{font-size:clamp(16px,2vw,22px);line-height:1.35;margin:0}
.eb-gallery-controls{display:flex;align-items:center;gap:12px;margin-left:auto}
.eb-gallery-controls[hidden]{display:none}
.eb-gallery-controls span{min-width:4ch;font-variant-numeric:tabular-nums}
.eb-root .eb-gallery-controls button{padding:0;width:44px;height:44px;min-width:44px;line-height:1;border:0;border-radius:50%;font-size:22px;background:var(--eb-reflection),var(--eb-soft);color:var(--eb-text);box-shadow:var(--eb-glass-shadow)}
.eb-gallery-controls button:disabled{opacity:.5;cursor:default}
@media(min-width:1025px){.eb-detail .eb-gallery:has(>.eb-media:nth-child(2):last-child)>.eb-media{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:1024px){.eb-detail .eb-gallery>.eb-media{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:700px){.eb-detail .eb-identity{align-items:flex-start}}
@media(max-width:600px){.eb-detail .eb-identity .eb-media{flex:0 0 112px;width:112px;height:112px}.eb-detail .eb-gallery>.eb-media{flex-basis:100%}}
@media(max-width:480px){.eb-detail .eb-author{align-items:flex-start;padding:.85rem;gap:.8rem}.eb-detail .eb-author .eb-media{flex-basis:64px;width:64px;height:64px}}
@media(max-width:460px){.eb-detail .eb-identity{align-items:center;flex-direction:column;text-align:center}}

/* Click-to-play video keeps the source article presentation without eager provider frames. */
.eb-root .eb-video{overflow:hidden;border-radius:16px;background:var(--eb-soft)}
.eb-root .eb-video-play{width:100%;height:100%;flex-direction:column;border:1px solid var(--eb-line);font-size:1.1rem;border-radius:16px}
.eb-root .eb-video-play>span:first-child{font-size:2.5rem;line-height:1}
.eb-root .eb-video video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.eb-root [data-eb-video-status]:empty{display:none}
.eb-root .eb-video-provider{font-size:.9rem;margin:.5rem 0 0}

.eb-root .eb-video{position:relative}
.eb-root .eb-video-poster{position:absolute;inset:0;pointer-events:none}
.eb-root .eb-video-poster :is(figure,a,img){display:block;width:100%;height:100%;margin:0}
.eb-root .eb-video-poster img{object-fit:cover}
.eb-root .eb-video-poster figcaption{display:none}
.eb-root .eb-video-poster+.eb-video-play{position:relative;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;text-shadow:0 1px 3px #000}

/* Source artwork glass: a decorative foot, isolated from captions and hit targets. */
.eb-artwork{display:block;min-width:0;border-radius:inherit}
.eb-detail .eb-artwork{position:relative;isolation:isolate;border-radius:var(--eb-radius,24px);--eb-artwork-depth:9px}
.eb-detail .eb-artwork::before,.eb-detail .eb-artwork::after{content:"";position:absolute;inset:5px 0 calc(-1*var(--eb-artwork-depth));z-index:-1;pointer-events:none;border-radius:inherit}
.eb-detail .eb-artwork::before{top:auto;height:calc(var(--eb-artwork-depth) + 22px);background:var(--eb-artwork-image,none) center bottom / 100% auto no-repeat;filter:blur(4px) saturate(1.18);clip-path:inset(-6px 0 0 round 0 0 var(--eb-radius,24px) var(--eb-radius,24px));opacity:.8}
.eb-detail .eb-artwork::after{background:linear-gradient(118deg,rgb(255 255 255 / .12),transparent 24% 66%,rgb(255 255 255 / .06)),linear-gradient(to top,rgb(255 255 255 / .10),transparent 12px);box-shadow:inset 0 -1px 1px rgb(255 255 255 / .32),inset 1px 0 1px rgb(255 255 255 / .14),inset 0 -4px 5px rgb(5 14 25 / .18),0 5px 8px -4px rgb(3 12 23 / .32),0 15px 23px -11px rgb(3 12 23 / .42)}
.eb-detail .eb-artwork>a,.eb-detail .eb-artwork>img,.eb-detail .eb-artwork>a>img{border-radius:inherit}
.eb-detail .eb-media:is(.eb-media-logo-circle,.eb-media-author-circle)>.eb-artwork{border-radius:50%}
.eb-detail .eb-identity .eb-artwork,.eb-detail .eb-author .eb-artwork{height:100%}
.eb-detail .eb-gallery .eb-artwork{border-radius:14px}
.eb-detail .eb-media figcaption{padding-top:18px}
.eb-detail .eb-video-poster .eb-artwork{height:100%}
.eb-detail .eb-video-poster .eb-artwork::before,.eb-detail .eb-video-poster .eb-artwork::after{display:none}

/* White floating reader surface, with quiet internal sections instead of layered glass. */
.eb-detail[data-eb-theme],.eb-detail .eb-document[data-eb-theme="white"]{--eb-bg:#fff;--eb-text:#22313e;--eb-heading:#182936;--eb-muted:#526170;--eb-line:#cbd5df;--eb-accent:var(--eb-pack-accent,#254c80);--eb-soft:#eef3f7;--eb-glass-shadow:none;--eb-reflection:linear-gradient(transparent,transparent);background:#fff;color:var(--eb-text);box-shadow:0 2px 3px #162c4210,0 18px 44px -20px #162c425c}
.eb-detail>.eb-document{box-shadow:none}
.eb-detail :is(h1,h2,h3,h4,h5,h6,.eb-subheading){text-shadow:none}
.eb-detail :is(.eb-block-rich,.eb-block-terms,.eb-block-address,.eb-block-hours,.eb-block-booking,.eb-block-contact_links,.eb-block-keywords,.eb-block-enquiry,.eb-block-attribution,.eb-block-video,.eb-block-comments,.eb-identity){background:transparent;box-shadow:none;padding:0}
.eb-detail .eb-artwork::before,.eb-detail .eb-artwork::after{display:none}
.eb-detail .eb-media figcaption{padding-top:8px}

.eb-public-page .eb-page:has(>.eb-detail){background:transparent}

/* Native template containers own layout; missing optional panels leave no empty columns. */
.eb-detail .eb-block-container{align-items:start;align-content:start}
.eb-detail .eb-block-container>.eb-block{margin-bottom:0}
.eb-detail .eb-block-container>.eb-block:only-child{grid-column:1/-1}
.eb-detail .eb-block-container:has(>.eb-block-business_identity),.eb-detail .eb-block-container:has(>.eb-block-heading){border-bottom:2px solid var(--eb-pack-accent,var(--eb-accent));padding-bottom:20px}
.eb-detail .eb-document[data-eb-pack=panorama]>.eb-block-container:has(>.eb-block-heading){max-width:900px;margin-inline:auto}
.eb-detail .eb-document[data-eb-pack=panorama] .eb-identity{justify-content:center}
.eb-detail .eb-document[data-eb-pack=dispatch] .eb-block-container:has(>.eb-block-heading){border-bottom-width:3px}
.eb-detail .eb-document[data-eb-pack=local] .eb-block-container:has(>.eb-block-business_identity),.eb-detail .eb-document[data-eb-pack=local] .eb-block-container:has(>.eb-block-heading){border-bottom:0;border-left:3px solid var(--eb-pack-accent,#316442);padding:0 0 0 20px}
.eb-detail .eb-document[data-eb-pack=showcase] .eb-block-container:has(>.eb-block-heading){padding-block:16px 24px}
@media(max-width:1024px){.eb-detail .eb-block-container:has(>.eb-block-business_identity),.eb-detail .eb-block-container:has(>.eb-block-heading){padding-bottom:16px}}

.eb-detail:is(.eb-article,.eb-review) .eb-block-container:has(>[data-eb-field=body]),.eb-detail:is(.eb-article,.eb-review)>.eb-document>[data-eb-field=body]{max-width:80ch;margin-inline:auto;width:100%}

/* The same title row fits every reader pack without floating over the content. */
.eb-detail .eb-viewer-title{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(8px,1.5vw,20px);width:100%;min-width:0}
.eb-detail .eb-viewer-heading>h1{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
.eb-detail .eb-identity>div{flex:1;min-width:0}
.eb-detail .eb-viewer-actions{display:flex;flex:none;gap:6px;align-items:center;position:relative;font:500 14px/1.3 system-ui,sans-serif;color:var(--eb-text,#172b3c)}
.eb-detail .eb-viewer-actions .eb-review-votes{display:flex;align-items:center;gap:6px;margin:0}
.eb-detail .eb-viewer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:44px;padding:8px 10px;border:1px solid var(--eb-line,#c8d2da);border-radius:12px;background:var(--eb-soft,#edf5f9);color:var(--eb-text,#20384c);font:inherit;cursor:pointer;box-sizing:border-box;white-space:nowrap}
.eb-detail .eb-viewer-actions button:hover{background:var(--eb-control-hover,var(--eb-soft,#edf3f7));color:var(--eb-control-hover-text,var(--eb-text,#20384c));border-color:var(--eb-accent,#607b90)}
.eb-detail .eb-viewer-actions button:focus-visible{outline:3px solid var(--eb-accent,#2563eb);outline-offset:2px}
.eb-detail .eb-viewer-actions .eb-vote-ratio,.eb-detail .eb-share-status:empty{display:none}
.eb-detail .eb-share-status:not(:empty){position:absolute;right:0;top:100%;padding:6px 10px;border-radius:8px;box-shadow:0 3px 14px #172b3c26;background:var(--eb-soft,#fff);color:var(--eb-text,#172b3c);z-index:2;font-size:13px;max-width:220px}
@media(max-width:1024px){.eb-detail .eb-viewer-actions .eb-action-label,.eb-detail .eb-viewer-actions [data-likes],.eb-detail .eb-viewer-actions [data-dislikes]{display:none}.eb-detail .eb-viewer-actions button{width:44px;padding:8px}.eb-detail .eb-viewer-actions{gap:4px}.eb-detail .eb-viewer-actions .eb-review-votes{gap:4px}}
@media(max-width:480px){.eb-detail .eb-viewer-title{gap:6px}.eb-detail .eb-viewer-heading>h1{font-size:clamp(20px,6vw,28px);line-height:1.2}.eb-detail .eb-viewer-actions{gap:2px}.eb-detail .eb-viewer-actions .eb-review-votes{gap:2px}}

/* Overlay artwork floats inside the lead image without affecting layout. */
.eb-root .eb-artwork>img.eb-banner-overlay{position:absolute;z-index:2;top:8px;right:8px;display:block;width:var(--eb-overlay-width-desktop,20%);height:auto;max-width:calc(100% - 16px);max-height:calc(100% - 16px);object-fit:contain;object-position:top right;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none;margin:0;opacity:0}

@media(max-width:1024px){.eb-root .eb-artwork>img.eb-banner-overlay{width:var(--eb-overlay-width-tablet,20%)}}
@media(max-width:700px){.eb-root .eb-artwork>img.eb-banner-overlay{width:var(--eb-overlay-width-phone,20%)}}

.eb-site-header .eb-artwork{position:relative}

.eb-detail .eb-viewer-heading{flex:1;min-width:0}

/* Article recommendations keep one wide card per row and stack on phones. */
.eb-detail .eb-related-businesses{margin-block:clamp(24px,3vw,40px);min-width:0}
.eb-detail .eb-related-businesses>h2{margin:0 0 16px}
.eb-related-list{display:grid;gap:18px;min-width:0}
.eb-detail .eb-related-card{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,24px);padding:clamp(16px,2vw,24px);margin:0;min-width:0;border-radius:var(--eb-radius,20px);background:var(--eb-bg,#fff);color:var(--eb-text,#20353f);box-shadow:var(--eb-glass-shadow,0 4px 18px #142e3a18);border:1px solid var(--eb-line,#c6d3d9)}
.eb-detail .eb-related-has-image{grid-template-columns:minmax(160px,28%) minmax(0,1fr)}
.eb-detail .eb-related-card .eb-media{margin:0;min-width:0;align-self:start}
.eb-detail .eb-related-card .eb-artwork{display:block}
.eb-detail .eb-related-card .eb-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:var(--eb-radius,20px)}
.eb-related-copy{min-width:0;overflow-wrap:anywhere;display:grid;gap:10px;align-content:start}
.eb-detail .eb-related-copy :is(h3,p,ul){margin:0}
.eb-detail .eb-related-copy h3{font-size:clamp(20px,1.5vw,26px);line-height:1.25}
.eb-related-subheading{font-weight:600}
.eb-related-terms{display:grid;gap:5px;min-width:0}
.eb-related-copy .eb-button{justify-self:start;max-width:100%;min-height:44px;white-space:normal;text-align:center}
@media(max-width:600px){.eb-detail .eb-related-has-image{grid-template-columns:minmax(0,1fr)}}
.eb-detail .eb-related-card{text-align:left}
.eb-related-meta{display:flex;flex-wrap:wrap;gap:12px 24px}
.eb-related-meta .eb-related-terms{flex:1 1 180px}
.eb-related-copy .eb-chips{justify-content:flex-start}

/* Reader headings keep action controls independent of the content grid. */
.eb-detail .eb-document[data-eb-pack=meridian]>.eb-block-container:first-child{border-inline-start:3px solid var(--eb-accent);padding-inline-start:20px}
.eb-detail .eb-document[data-eb-pack=atelier]>.eb-block-container:first-child{border-block:1px solid var(--eb-line);padding-block:20px}
.eb-detail .eb-document[data-eb-pack=harbour]>.eb-block-container:first-child{padding:18px;background:var(--eb-soft);border-radius:20px}
.eb-detail .eb-document[data-eb-pack=ledger]>.eb-block-container:first-child{border-bottom:3px double var(--eb-line);padding-bottom:20px}
.eb-detail .eb-document[data-eb-pack=orchard]>.eb-block-container{padding-block:12px}
