/* BytePebble 1.2: responsive consistency and predictable content dimensions */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
img{height:auto}
.wrap{width:min(1200px,calc(100% - 40px));max-width:1200px;margin-inline:auto}
.library-card,.library-grid>*{min-width:0}
.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.library-card .card-art{height:auto;aspect-ratio:16/10;overflow:hidden}
.library-card .bp-wp-card-image{display:block;width:100%;height:100%;max-height:100%;object-fit:cover;object-position:center}
.library-card .bp-wp-card-link{height:100%;display:flex;flex-direction:column}
.library-card .card-content{display:flex;flex:1;flex-direction:column}
.library-card .card-content h3{min-height:0;overflow-wrap:anywhere}
.library-card .card-content p{min-height:0}
.library-card .card-bottom{margin-top:auto}
.bp-post-shell,.bp-post-shell .entry-content{min-width:0;overflow-wrap:break-word}
.bp-post-shell .entry-content img,.bp-post-shell .entry-content figure img,.bp-post-shell .wp-post-image{display:block;max-width:100%;height:auto;object-fit:contain}
.bp-post-shell .entry-content figure{max-width:100%;margin-inline:auto}
.bp-post-shell .entry-content iframe{max-width:100%}
.bp-post-shell .entry-content table{display:block;max-width:100%;overflow-x:auto}
.bp-pagination{margin:34px auto 48px}
.bp-pagination .page-numbers:not(ul){display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px}
.bp-pagination ul.page-numbers{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.bp-pagination ul.page-numbers li{list-style:none;margin:0;padding:0}
.bp-pagination .page-numbers.current{background:#10262c;color:#caff63;border-color:#10262c}
.bp-pagination .page-numbers:hover:not(.current):not(.dots){background:#e7f4ec}
.bp-visual-panel svg,.bp-graphic{display:block;width:100%;height:auto;max-height:440px}
.bp-visual-panel,.hero-art,.visual{min-width:0;max-width:100%}
header img,footer img{object-fit:contain;height:auto}
.bp-reference-cta,.bottom-callout{overflow:hidden}
.bp-reference-cta-inner,.callout-grid{max-width:1200px;margin-inline:auto}
.preview-note{display:none!important}
@media(max-width:980px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero-grid,.library-intro{gap:24px}.hero-art{max-height:330px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.library-grid{grid-template-columns:minmax(0,1fr)}.library-card .card-art{aspect-ratio:16/9}.bp-pagination .page-numbers:not(ul){min-width:36px;min-height:36px;padding:7px 9px}.bp-uniform-strip{height:auto!important;max-height:none!important;min-height:30px!important}.bp-uniform-strip .wrap{height:auto!important;min-height:30px!important;gap:10px;flex-wrap:wrap;justify-content:center!important;padding-block:6px}.bp-uniform-strip span{font-size:9px}.bp-post-shell{margin-block:30px;padding-inline:16px}.bp-reference-cta-inner,.callout-grid{flex-wrap:wrap}.library-hero h1{letter-spacing:-2px}}

/* v1.3 consolidated visual alignment: overrides repeated legacy rules */
:root{--bp-ink:#10262c;--bp-lime:#caff63;--bp-mint:#59b69c}
body{min-width:320px}main,section,article,header,footer{max-width:100%}
.wrap,.bp-reference-cta-inner{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.bp-brand,.bp-footer-brand a{display:inline-flex!important;align-items:center;max-width:100%;overflow:visible!important}
header .bp-brand-logo{display:block!important;width:clamp(185px,19vw,252px)!important;height:auto!important;max-height:70px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important;clip-path:none!important}
footer .bp-footer-logo{display:block!important;width:min(285px,100%)!important;height:auto!important;max-height:95px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important;clip-path:none!important}
.bp-footer-brand,.bp-editorial-footer>*{min-width:0}
.bp-wp-card-image,.card-art img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.card-art{aspect-ratio:16/10!important;height:auto!important;min-height:0!important;overflow:hidden!important}
.library-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.library-grid article,.library-grid .library-card{min-width:0!important;max-width:100%!important;margin:0!important}
.bp-post-shell .entry-content img,.entry-content img,.entry-content figure img{max-width:100%!important;height:auto!important;object-fit:contain!important}
.entry-content figure,.entry-content .wp-block-image{max-width:100%!important}
.entry-content .alignwide,.entry-content .alignfull{max-width:100%!important;margin-inline:auto!important}
.entry-content pre,.entry-content table{max-width:100%;overflow-x:auto}
.bp-visual-panel{width:min(100%,850px)!important;max-width:850px!important;margin:24px auto 0!important;overflow:hidden!important}
.bp-visual-panel svg{display:block!important;width:100%!important;height:auto!important;max-height:360px!important}
.hero-art,.visual,.about-art{max-width:100%!important;min-width:0!important}
.bp-pagination{display:flex!important;justify-content:center!important;margin:30px auto 42px!important;max-width:100%}
.bp-pagination ul.page-numbers{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;list-style:none!important}
.bp-pagination ul.page-numbers li{display:block!important;padding:0!important;margin:0!important;list-style:none!important}
.bp-pagination a.page-numbers,.bp-pagination span.page-numbers{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-width:40px!important;min-height:40px!important;padding:7px 12px!important;border:1px solid #cadcd5!important;border-radius:9px!important;text-decoration:none!important;line-height:1.2!important}
.bp-pagination .current{background:#10262c!important;color:#caff63!important;border-color:#10262c!important}
.bp-pagination .dots{border:0!important;min-width:20px!important}
.bp-reference-cta{margin-top:0!important}.bp-reference-cta-inner{max-width:1200px!important}
.bp-editorial-footer,.bp-footer-legal{max-width:100%!important}
@media(max-width:980px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-art,.visual{height:auto!important;max-height:360px!important}.bp-visual-panel svg{max-height:310px!important}}
@media(max-width:640px){.wrap,.bp-reference-cta-inner{width:calc(100% - 32px)!important}.library-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}.card-art{aspect-ratio:16/9!important}.bp-visual-panel{margin-top:18px!important}.bp-visual-panel svg{max-height:240px!important}header .bp-brand-logo{width:190px!important;max-height:56px!important}.bp-pagination a.page-numbers,.bp-pagination span.page-numbers{min-width:34px!important;min-height:36px!important;padding:6px 8px!important}.bp-editorial-footer{gap:22px!important}}


/* v1.4 focused staging correction: image scale, logo, home sidebar, gaps and pagination */
body.home #featured .library-grid,body.home #latest .library-grid{align-items:stretch!important}
body.home .library-card{min-width:0!important;align-self:stretch!important}
body.home .library-card .card-art,body.home #home-featured-cards .card-art{height:auto!important;aspect-ratio:16/9!important;max-height:225px!important;min-height:0!important;overflow:hidden!important}
body.home .library-card .card-art img,body.home #home-featured-cards .card-art img{width:100%!important;height:100%!important;max-height:225px!important;object-fit:cover!important;object-position:center!important;display:block!important}
body.home #featured .bp-visual-panel{max-width:680px!important;margin:20px auto 28px!important}
body.home #featured .bp-visual-panel svg{max-height:300px!important}
body.home #latest .latest{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)!important;gap:22px!important;align-items:stretch!important}
body.home #latest .latest>.library-grid{min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-content:start!important}
body.home #latest .editorpick{min-width:0!important;height:auto!important;min-height:0!important;max-height:100%!important;padding:26px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.home #latest .editorpick h3{font-size:clamp(23px,2.6vw,35px)!important;line-height:1.17!important}
body.home #latest .editorpick .graphic,body.home #latest .editorpick svg{display:block!important;width:min(100%,260px)!important;height:auto!important;max-height:210px!important;margin:auto auto 0!important;flex:0 1 auto!important}
body.home #latest .editorpick p{margin-bottom:12px!important}
body.home #latest .editorpick .link{margin-bottom:14px!important}
body.home #latest .sectionhead{margin-bottom:26px!important}
body.home #latest,body.home #featured{overflow:hidden!important}
body.home .sectionhead{gap:24px!important}
body.home .content{padding-top:55px!important;padding-bottom:60px!important}
body.home .method,body.home .darksection{padding-top:58px!important;padding-bottom:58px!important}
body.home .newsletter{padding-top:50px!important;padding-bottom:50px!important}
header .bp-brand-logo{width:clamp(180px,19vw,245px)!important;height:auto!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important;opacity:1!important;filter:none!important}
header .bp-brand{overflow:visible!important;line-height:0!important;min-width:0!important}
.bp-pagination{display:block!important;text-align:center!important;clear:both!important;width:100%!important;overflow:visible!important}
.bp-pagination ul.page-numbers{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;align-items:center!important;padding:0!important;margin:0 auto!important;list-style:none!important}
.bp-pagination ul.page-numbers>li{margin:0!important;padding:0!important;float:none!important;display:block!important;list-style:none!important}
.bp-pagination ul.page-numbers>li>a,.bp-pagination ul.page-numbers>li>span{float:none!important;position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;min-width:42px!important;padding:9px 13px!important;line-height:1.15!important;margin:0!important;border:1px solid #cbded5!important;border-radius:10px!important;background:#fff!important;color:#173b35!important;box-shadow:none!important;text-decoration:none!important}
.bp-pagination ul.page-numbers>li>span.current{background:#10262c!important;color:#caff63!important;border-color:#10262c!important}
.bp-pagination ul.page-numbers>li>.dots{border:0!important;background:transparent!important}
.bp-pagination ul.page-numbers>li>a:hover{background:#e6f5ec!important}
/* Only hide theme's old preview notices, not user-created content. */
.preview-note,.bp-preview-note,[data-preview-note]{display:none!important}
@media(max-width:980px){body.home #latest .latest{grid-template-columns:1fr!important}body.home #latest .editorpick{max-height:none!important}body.home #latest .editorpick .graphic{margin:12px auto 0!important}body.home #latest .latest>.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body.home #latest .latest>.library-grid{grid-template-columns:1fr!important}body.home #latest .editorpick{padding:23px!important}body.home #latest .editorpick .graphic{max-height:175px!important}body.home #featured .bp-visual-panel svg{max-height:210px!important}body.home .content{padding-block:40px!important}body.home .method,body.home .darksection{padding-block:42px!important}.bp-pagination ul.page-numbers{gap:5px!important}.bp-pagination ul.page-numbers>li>a,.bp-pagination ul.page-numbers>li>span{min-width:34px!important;min-height:36px!important;padding:7px 9px!important}header .bp-brand-logo{width:185px!important;max-height:51px!important}}

/* v1.5: precise homepage editorial sidebar proportions; retain compact card layout. */
body.home #latest .latest{align-items:start!important;}
body.home #latest .latest>.library-grid{align-self:start!important;}
body.home #latest .editorpick{align-self:start!important;height:auto!important;min-height:0!important;max-height:none!important;padding:26px!important;}
body.home #latest .editorpick .graphic{width:min(100%,150px)!important;max-height:125px!important;margin:20px 0 0 auto!important;}
body.home #latest .editorpick h3{font-size:clamp(22px,2.2vw,30px)!important;}
body.home #latest .editorpick p{margin-top:16px!important;}
@media(max-width:980px){body.home #latest .editorpick .graphic{margin:18px 0 0 auto!important;}}
@media(max-width:640px){body.home #latest .editorpick{padding:22px!important;}body.home #latest .editorpick .graphic{max-height:105px!important;width:125px!important;}}

/* v1.6: retain the approved Insights hero; page-specific lime editorial strip. */
.bp-page-strip{background:#caff63;color:#10262c;min-height:30px;overflow:hidden;position:relative;z-index:2;}
.bp-page-strip>.wrap{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.bp-page-strip span{font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.035em;text-align:center;white-space:nowrap;}
@media(max-width:760px){.bp-page-strip>.wrap{flex-wrap:wrap;justify-content:center;column-gap:16px;row-gap:6px;padding:9px 0;}.bp-page-strip span{font-size:9px;white-space:normal;}}

/* v1.7 — Journal section: three equal article cards, one compact editorial banner.
   Scoped to homepage only; other page templates and the Insights hero remain untouched. */
body.home #latest .latest{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:22px!important;align-items:start!important;
}
body.home #latest .latest>.library-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;align-items:stretch!important;
}
body.home #latest .latest>.library-grid>*{min-width:0!important;max-width:none!important;width:100%!important;}
body.home #latest .latest .library-card{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
body.home #latest .latest .card-art{height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;}
body.home #latest .latest .card-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
body.home #latest .editorpick{
  display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:22px!important;row-gap:8px!important;
  min-height:0!important;max-height:none!important;height:auto!important;
  padding:26px 32px!important;border-radius:18px!important;overflow:hidden!important;
}
body.home #latest .editorpick .kicker{grid-column:1!important;grid-row:1!important;align-self:end!important;}
body.home #latest .editorpick h3{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.2!important;}
body.home #latest .editorpick p{grid-column:2!important;grid-row:1 / span 2!important;margin:0!important;max-width:360px!important;}
body.home #latest .editorpick .link{grid-column:2!important;grid-row:3!important;justify-self:start!important;margin:0!important;}
body.home #latest .editorpick .graphic{grid-column:3!important;grid-row:1 / span 3!important;position:static!important;display:block!important;width:96px!important;height:96px!important;max-height:96px!important;margin:0!important;}
@media(max-width:900px){
 body.home #latest .latest>.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.home #latest .editorpick{grid-template-columns:minmax(0,1fr) 90px!important;}
 body.home #latest .editorpick .kicker,body.home #latest .editorpick h3,body.home #latest .editorpick p,body.home #latest .editorpick .link{grid-column:1!important;grid-row:auto!important;}
 body.home #latest .editorpick .graphic{grid-column:2!important;grid-row:1 / span 4!important;}
}
@media(max-width:600px){
 body.home #latest .latest>.library-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;}
 body.home #latest .editorpick{padding:24px!important;grid-template-columns:minmax(0,1fr)!important;}
 body.home #latest .editorpick .graphic{display:none!important;}
}

/* v1.8.0 FINAL — Journal: exactly two article cards + one equal-size editorial panel.
   Display-contents lets all three siblings share a single CSS grid and identical height.
   Scoped to homepage Journal only; Insights and other sections unchanged. */
@media (min-width: 981px) {
 body.home #latest .latest {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;}
 body.home #latest .latest>.library-grid {display:contents!important;}
 body.home #latest .latest>.library-grid>.library-card {height:100%!important;min-width:0!important;}
 body.home #latest .latest>.editorpick {grid-column:3!important;min-width:0!important;height:100%!important;min-height:0!important;max-height:none!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:24px!important;}
 body.home #latest .editorpick .kicker,body.home #latest .editorpick h3,body.home #latest .editorpick p,body.home #latest .editorpick .link {grid-column:auto!important;grid-row:auto!important;}
 body.home #latest .editorpick h3 {font-size:clamp(21px,2vw,28px)!important;line-height:1.2!important;margin:12px 0 0!important;}
 body.home #latest .editorpick p {font-size:13px!important;line-height:1.55!important;margin:12px 0!important;}
 body.home #latest .editorpick .link {margin:0!important;align-self:flex-start!important;}
 body.home #latest .editorpick .graphic {position:static!important;display:block!important;width:110px!important;height:110px!important;max-height:110px!important;margin:auto 0 0 auto!important;flex:none!important;}
}
@media (min-width: 641px) and (max-width: 980px) {
 body.home #latest .latest {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
 body.home #latest .latest>.library-grid {display:contents!important;}
 body.home #latest .latest>.editorpick {grid-column:1 / -1!important;align-self:stretch!important;min-height:0!important;height:auto!important;}
}
@media (max-width: 640px) {
 body.home #latest .latest {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;}
 body.home #latest .latest>.library-grid {display:contents!important;}
 body.home #latest .latest>.editorpick {grid-column:1!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;}
 body.home #latest .editorpick .kicker,body.home #latest .editorpick h3,body.home #latest .editorpick p,body.home #latest .editorpick .link {grid-column:auto!important;grid-row:auto!important;margin:0!important;}
}