/* Bag n Fable Leather Guide — scoped to imported posts (body.bnfb-guide) and the hub card grid (.bnfb-hub).
   Uses the site's own design tokens (--bnf-*) with fallbacks; !important only where the site styler uses it. */
body.bnfb-guide,.bnfb-hub{
	--bnfb-ink:var(--bnf-ink,#241A14);--bnfb-soft:var(--bnf-ink-soft,#4A3A2E);--bnfb-muted:var(--bnf-muted,#7D6A58);
	--bnfb-line:var(--bnf-line,#E6DDD0);--bnfb-sand:var(--bnf-sand,#F6F1E9);--bnfb-cream:var(--bnf-cream,#FFFDF9);
	--bnfb-cognac:var(--bnf-cognac,#9C5F33);--bnfb-tan:var(--bnf-tan,#C08B5C);--bnfb-r:var(--bnf-r-lg,12px);
	--bnfb-display:var(--bnf-display,"Cormorant Garamond",Georgia,serif);--bnfb-ui:var(--bnf-ui,"Jost","Helvetica Neue",Arial,sans-serif);
	--bnfb-shadow:var(--bnf-shadow,0 1px 2px rgba(36,26,20,.05),0 8px 24px rgba(36,26,20,.07));
}

/* Fallback reading column when the site styler is not active */
/* Only when the site's page styler is not active (it sets its own column) */
body.bnfb-guide.bnfb-nostyler .entry-content>*:not(.alignwide):not(.alignfull){max-width:760px;margin-left:auto;margin-right:auto}

/* Byline */
body.bnfb-guide .bnfb-meta{display:flex!important;flex-wrap:wrap!important;gap:6px 10px!important;align-items:center!important;font-family:var(--bnfb-ui)!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--bnfb-muted)!important;margin:0 0 26px!important;line-height:1.5!important}
body.bnfb-guide .bnfb-meta-by{color:var(--bnfb-ink)!important;font-weight:500!important}
body.bnfb-guide .bnfb-meta-sep{color:var(--bnfb-tan)!important}

/* Key takeaway (first paragraph) */
body.bnfb-guide p.bnfb-takeaway{position:relative!important;background:var(--bnfb-sand)!important;border:1px solid var(--bnfb-line)!important;border-left:3px solid var(--bnfb-cognac)!important;border-radius:var(--bnfb-r)!important;padding:46px 26px 22px!important;margin:0 0 30px!important;font-size:17.5px!important;line-height:1.72!important;color:var(--bnfb-ink)!important}
body.bnfb-guide p.bnfb-takeaway::before{content:"Key takeaway";position:absolute;top:18px;left:26px;font-family:var(--bnfb-ui);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--bnfb-cognac);font-weight:600}

/* Callout ("Quick answer" quotes) */
body.bnfb-guide blockquote.bnfb-callout{background:var(--bnfb-cream)!important;border:1px solid var(--bnfb-line)!important;border-left:3px solid var(--bnfb-tan)!important;border-radius:var(--bnfb-r)!important;padding:20px 24px!important;margin:30px 0!important;box-shadow:var(--bnfb-shadow)!important;font-family:var(--bnfb-ui)!important;font-size:16.5px!important;line-height:1.7!important;color:var(--bnfb-soft)!important;quotes:none!important}
body.bnfb-guide blockquote.bnfb-callout::before,body.bnfb-guide blockquote.bnfb-callout::after{content:none!important;display:none!important}
body.bnfb-guide blockquote.bnfb-callout p{margin:0!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-style:normal!important;color:inherit!important}
body.bnfb-guide blockquote.bnfb-callout p+p{margin-top:10px!important}
body.bnfb-guide blockquote.bnfb-callout strong{color:var(--bnfb-cognac)!important}

/* Figures */
body.bnfb-guide figure.bnfb-figure{margin:30px 0 34px!important}
body.bnfb-guide figure.bnfb-figure img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;border-radius:var(--bnfb-r)!important;margin:0!important;display:block!important;box-shadow:var(--bnfb-shadow)}
body.bnfb-guide figure.bnfb-figure figcaption{font-family:var(--bnfb-ui)!important;font-size:13.5px!important;color:var(--bnfb-muted)!important;margin:12px 2px 0!important;line-height:1.55!important;text-align:left!important}

/* Comparison tables: scroll on tablets, label/value cards on phones */
body.bnfb-guide figure.bnfb-table{margin:30px 0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:var(--bnfb-r)}
body.bnfb-guide figure.bnfb-table table{margin:0!important;min-width:560px;table-layout:auto!important;font-family:var(--bnfb-ui)}
body.bnfb-guide figure.bnfb-table td:first-child{color:var(--bnfb-ink)!important;font-weight:500!important}
body.bnfb-guide figure.bnfb-table tbody tr:hover td{background:#FBF7F1!important}
@media (max-width:600px){
	body.bnfb-guide figure.bnfb-table{overflow:visible!important}
	body.bnfb-guide figure.bnfb-table table{min-width:0!important;border:0!important;background:transparent!important;display:block!important}
	body.bnfb-guide figure.bnfb-table thead{display:none!important}
	body.bnfb-guide figure.bnfb-table tbody{display:block!important}
	body.bnfb-guide figure.bnfb-table tr{display:block!important;border:1px solid var(--bnfb-line)!important;border-radius:var(--bnfb-r)!important;margin:0 0 14px!important;overflow:hidden!important;background:var(--bnfb-cream)!important}
	body.bnfb-guide figure.bnfb-table td{display:grid!important;grid-template-columns:38% 1fr!important;gap:12px!important;padding:11px 16px!important;font-size:15px!important;border-bottom:1px solid var(--bnfb-line)!important;background:var(--bnfb-cream)!important;width:auto!important}
	body.bnfb-guide figure.bnfb-table td:first-child{background:var(--bnfb-sand)!important;font-family:var(--bnfb-display)!important;font-size:19px!important;font-weight:600!important;display:block!important}
	body.bnfb-guide figure.bnfb-table td:first-child::before{display:none!important}
	body.bnfb-guide figure.bnfb-table td:last-child{border-bottom:0!important}
	body.bnfb-guide figure.bnfb-table td[data-label]::before{content:attr(data-label);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bnfb-muted);font-weight:500;padding-top:3px}
	body.bnfb-guide figure.bnfb-table td:not([data-label]){display:block!important}
}

/* FAQ accordion */
body.bnfb-guide .bnfb-faq{margin:10px 0 40px!important;border-top:1px solid var(--bnfb-line)!important;max-width:none!important;padding:0!important}
body.bnfb-guide .bnfb-faq>*{max-width:none!important}
body.bnfb-guide details.bnfb-faq-item{border-bottom:1px solid var(--bnfb-line)!important;margin:0!important;padding:0!important}
body.bnfb-guide details.bnfb-faq-item>summary{list-style:none!important;cursor:pointer!important;position:relative!important;padding:20px 48px 20px 0!important;font-family:var(--bnfb-display)!important;font-size:21px!important;line-height:1.3!important;font-weight:600!important;color:var(--bnfb-ink)!important}
body.bnfb-guide details.bnfb-faq-item>summary::-webkit-details-marker{display:none}
body.bnfb-guide details.bnfb-faq-item>summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--bnfb-line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--bnfb-ui);font-size:18px;font-weight:300;color:var(--bnfb-cognac);transition:transform .2s ease,background .2s ease}
body.bnfb-guide details.bnfb-faq-item[open]>summary::after{content:"−";background:var(--bnfb-sand)}
body.bnfb-guide details.bnfb-faq-item>summary:hover{color:var(--bnfb-cognac)!important}
body.bnfb-guide details.bnfb-faq-item>summary:focus-visible{outline:2px solid var(--bnfb-tan);outline-offset:3px;border-radius:4px}
body.bnfb-guide details.bnfb-faq-item>p{margin:0 0 20px!important;padding-right:30px!important}

/* Inline contents list (only when the site styler is absent) */
body.bnfb-guide details.bnfb-toc-inline{background:var(--bnfb-sand);border:1px solid var(--bnfb-line);border-radius:var(--bnfb-r);padding:16px 22px;margin:0 0 30px;font-family:var(--bnfb-ui)}
body.bnfb-guide details.bnfb-toc-inline summary{cursor:pointer;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--bnfb-muted);font-weight:500}
body.bnfb-guide details.bnfb-toc-inline ol{margin:12px 0 0;padding-left:20px}
body.bnfb-guide details.bnfb-toc-inline li{font-size:15px;margin:5px 0}

/* Product link cards */
body.bnfb-guide ul.bnfb-pcards{list-style:none!important;margin:18px 0 40px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:18px!important}
body.bnfb-guide ul.bnfb-pcards li.bnfb-pcard{margin:0!important;padding:0!important;font-size:inherit!important}
body.bnfb-guide ul.bnfb-pcards li.bnfb-pcard::marker{content:none!important}
body.bnfb-guide .bnfb-pcard a{display:flex!important;flex-direction:column!important;height:100%!important;background:var(--bnfb-cream)!important;border:1px solid var(--bnfb-line)!important;border-radius:var(--bnfb-r)!important;overflow:hidden!important;text-decoration:none!important;color:var(--bnfb-ink)!important;transition:box-shadow .2s ease,transform .2s ease!important}
body.bnfb-guide .bnfb-pcard a:hover{box-shadow:var(--bnfb-shadow)!important;transform:translateY(-2px)!important}
body.bnfb-guide .bnfb-pcard-media{display:block!important;background:var(--bnfb-sand)!important;aspect-ratio:1/1;overflow:hidden}
body.bnfb-guide .bnfb-pcard-media img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border-radius:0!important;display:block!important}
body.bnfb-guide .bnfb-pcard-body{display:flex!important;flex-direction:column!important;gap:6px!important;padding:14px 16px 16px!important;flex:1!important}
body.bnfb-guide .bnfb-pcard-name{font-family:var(--bnfb-display)!important;font-size:19px!important;line-height:1.25!important;font-weight:600!important;color:var(--bnfb-ink)!important}
body.bnfb-guide .bnfb-pcard-price{font-family:var(--bnfb-ui)!important;font-size:15px!important;color:var(--bnfb-soft)!important}
body.bnfb-guide .bnfb-pcard-price del{opacity:.6}
body.bnfb-guide .bnfb-pcard-cta{margin-top:auto!important;padding-top:6px!important;font-family:var(--bnfb-ui)!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--bnfb-cognac)!important}

/* Hub card grid */
.bnfb-hub{margin:46px 0 10px!important;font-family:var(--bnfb-ui)}
.bnfb-hub .bnfb-hub-lead{color:var(--bnfb-muted)!important;margin:0 0 22px!important}
.bnfb-hub ul.bnfb-cards{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.bnfb-hub li.bnfb-card{margin:0!important;padding:0!important}
.bnfb-hub li.bnfb-card::marker{content:none!important}
.bnfb-hub a.bnfb-card-link{display:flex!important;flex-direction:column!important;height:100%!important;background:var(--bnfb-cream)!important;border:1px solid var(--bnfb-line)!important;border-radius:var(--bnfb-r)!important;overflow:hidden!important;text-decoration:none!important;color:var(--bnfb-ink)!important;transition:box-shadow .2s ease,transform .2s ease!important}
.bnfb-hub a.bnfb-card-link:hover{box-shadow:var(--bnfb-shadow)!important;transform:translateY(-2px)!important}
.bnfb-hub .bnfb-card-media{display:block!important;aspect-ratio:16/10;overflow:hidden;background:var(--bnfb-sand)}
.bnfb-hub .bnfb-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border-radius:0!important;display:block!important;transition:transform .4s ease}
.bnfb-hub a.bnfb-card-link:hover .bnfb-card-media img{transform:scale(1.03)}
.bnfb-hub .bnfb-card-body{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px 18px 18px!important;flex:1!important}
.bnfb-hub .bnfb-card-eyebrow{font-size:10.5px!important;letter-spacing:.17em!important;text-transform:uppercase!important;color:var(--bnfb-cognac)!important;font-weight:500!important}
.bnfb-hub .bnfb-card-title{font-family:var(--bnfb-display)!important;font-size:21px!important;line-height:1.2!important;font-weight:600!important;color:var(--bnfb-ink)!important}
.bnfb-hub .bnfb-card-text{font-size:14.5px!important;line-height:1.6!important;color:var(--bnfb-soft)!important}
.bnfb-hub .bnfb-card-more{margin-top:auto!important;padding-top:6px!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--bnfb-cognac)!important}
@media (max-width:560px){.bnfb-hub ul.bnfb-cards{grid-template-columns:1fr!important}}

/* Shop cards heading */
body.bnfb-guide .bnfb-shop{margin:40px 0 0!important}

/* Kadence post navigation + related posts, matched to the site's look */
body.bnfb-guide .post-navigation{max-width:var(--bnf-wrap,1280px)!important;margin:56px auto 0!important;padding:28px 16px!important;box-sizing:border-box!important;border-top:1px solid var(--bnfb-line)!important;font-family:var(--bnfb-ui)!important}
@media (min-width:768px){body.bnfb-guide .post-navigation{padding:28px 32px!important}}
body.bnfb-guide .post-navigation a{color:var(--bnfb-ink)!important;font-family:var(--bnfb-display)!important;font-size:19px!important;line-height:1.3!important;text-decoration:none!important}
body.bnfb-guide .post-navigation a:hover{color:var(--bnfb-cognac)!important}
body.bnfb-guide .post-navigation .post-navigation-sub{font-family:var(--bnfb-ui)!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--bnfb-cognac)!important}
body.bnfb-guide .entry-related{background:var(--bnfb-sand)!important;border-top:1px solid var(--bnfb-line)!important}
body.bnfb-guide .entry-related .entry-related-inner{max-width:var(--bnf-wrap,1280px)!important;box-sizing:border-box!important}
body.bnfb-guide .entry-related-title{font-family:var(--bnfb-display)!important;font-weight:600!important;color:var(--bnfb-ink)!important;font-size:clamp(26px,3vw,34px)!important}
body.bnfb-guide .entry-related article.entry{background:var(--bnfb-cream)!important;border:1px solid var(--bnfb-line)!important;border-radius:var(--bnfb-r)!important;box-shadow:none!important;overflow:hidden}
body.bnfb-guide .entry-related .entry-title,body.bnfb-guide .entry-related .entry-title a{font-family:var(--bnfb-display)!important;font-weight:600!important;color:var(--bnfb-ink)!important;font-size:20px!important;line-height:1.25!important}
body.bnfb-guide .entry-related .entry-meta{font-family:var(--bnfb-ui)!important;color:var(--bnfb-muted)!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.bnfb-guide .entry-related .entry-meta .posted-by,body.bnfb-guide .entry-related .entry-meta .posted-by+.meta-divider,body.bnfb-guide .entry-related .entry-meta .posted-by~.meta-divider{display:none!important}
/* v1.1: hub groups */
.bnfb-hub .bnfb-hub-group{margin:0 0 34px!important}
.bnfb-hub h3.bnfb-hub-group-h{font-family:var(--bnfb-display)!important;font-size:24px!important;line-height:1.2!important;font-weight:600!important;color:var(--bnfb-ink)!important;margin:30px 0 14px!important;padding:0 0 10px!important;border-bottom:1px solid var(--bnfb-line)!important;display:flex!important;align-items:baseline!important;gap:10px!important}
.bnfb-hub .bnfb-hub-count{font-family:var(--bnfb-ui)!important;font-size:11px!important;letter-spacing:.14em!important;color:var(--bnfb-cognac)!important;font-weight:500!important}
.bnfb-hub .bnfb-hub-group ul.bnfb-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:900px){.bnfb-hub .bnfb-hub-group ul.bnfb-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.bnfb-hub .bnfb-hub-group ul.bnfb-cards{grid-template-columns:1fr!important}}
