/* Article-only styling. Loaded only on singular blog posts. */
.bf-single-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto 80px;color:var(--ink,#302720)}
.bf-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:22px 0;color:#887b6e;font-size:11px;letter-spacing:.06em}
.bf-breadcrumb a{color:inherit}
.bf-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start}
.bf-article{min-width:0}
.bf-article-header{padding:12px 0 22px}
.bf-article-category{display:inline-block;background:#a48b68;color:white;padding:5px 10px;font-size:10px;letter-spacing:.1em}
.bf-article-header h1{font:400 clamp(27px,3.2vw,42px)/1.5 var(--serif,Georgia,serif);letter-spacing:.025em;margin:16px 0 10px}
.bf-article-lead{color:#77695c;font-size:14px;line-height:1.95;margin:0 0 15px}
.bf-article-meta{display:flex;flex-wrap:wrap;gap:16px;color:#8b7e70;font-size:11px}
.bf-article-hero{margin:0 0 28px;aspect-ratio:16/8.5;overflow:hidden;background:#e7ded2}
.bf-article-hero img{width:100%;height:100%;object-fit:cover}
.bf-article-body{min-width:0}
.bf-toc{margin:0 0 30px;padding:18px 22px;background:#f0ebe3;border:1px solid #e1d8cc}
.bf-toc[hidden]{display:none}
.bf-toc summary{font:500 17px var(--serif,Georgia,serif);letter-spacing:.06em;cursor:pointer}
.bf-toc ol{margin:12px 0 0;padding-left:22px}
.bf-toc li{padding:4px 0;font-size:13px;line-height:1.7;color:#796b5d}
.bf-toc a{color:inherit}
.bf-entry-content{font-size:15px;line-height:2.15;letter-spacing:.02em;color:#44382f;overflow-wrap:anywhere}
.bf-entry-content p{margin:0 0 1.5em}
.bf-entry-content h2{margin:2.7em 0 1em;padding:0 0 11px;border-bottom:1px solid #cfc3b5;font:400 clamp(23px,2.4vw,29px)/1.5 var(--serif,Georgia,serif);scroll-margin-top:24px}
.bf-entry-content h3{margin:2em 0 .8em;font:500 20px/1.6 var(--serif,Georgia,serif)}
.bf-entry-content img{max-width:100%;height:auto}
.bf-entry-content figure{margin:2em 0}
.bf-entry-content figcaption{font-size:11px;color:#8b7e70;margin-top:7px}
.bf-entry-content blockquote{margin:2em 0;padding:18px 22px;border-left:3px solid #a48b68;background:#f5f1e9;color:#695a4b}
.bf-entry-content table{width:100%;border-collapse:collapse;font-size:13px}
.bf-entry-content th,.bf-entry-content td{padding:11px;border:1px solid #ded5c9}
.bf-entry-content th{background:#f2ede4}
.bf-entry-content a{color:#806344;text-decoration:underline;text-underline-offset:3px}
.bf-entry-content .wp-block-button__link{background:#493426;color:#fff;border-radius:0;text-decoration:none}
.bf-article-tags{padding:22px 0;border-top:1px solid #ded5c9;font-size:11px}
.bf-article-tags span{margin-right:10px;color:#9a8875;letter-spacing:.14em}
.bf-article-tags a{display:inline-block;margin:3px;padding:5px 10px;background:#f0ebe3;border-radius:20px;color:#6c5a49}
.bf-author-box{display:flex;gap:16px;align-items:center;padding:20px;background:#f0ebe3;margin-top:24px}
.bf-author-mark{display:grid;place-items:center;flex:0 0 54px;height:54px;background:#493426;color:#fff;font:20px var(--serif,Georgia,serif)}
.bf-author-box strong{font:16px var(--serif,Georgia,serif)}
.bf-author-box p{margin:5px 0 0;color:#77695c;font-size:12px;line-height:1.8}
.bf-article-sidebar{padding-top:12px}
.bf-sidebar-section{margin-bottom:34px}
.bf-sidebar-section h2{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #bfb09f;font:500 17px var(--serif,Georgia,serif);letter-spacing:.07em}
.bf-sidebar-cats,.bf-recent-list{list-style:none;margin:0;padding:0}
.bf-sidebar-cats li,.bf-recent-list li{border-bottom:1px solid #e5ddd3}
.bf-sidebar-cats a{display:flex;justify-content:space-between;padding:11px 2px;color:#5b4b3d;font-size:13px}
.bf-sidebar-cats small{color:#9b8d7f}
.bf-recent-list a{display:grid;grid-template-columns:62px 1fr;gap:11px;align-items:center;padding:11px 0;color:inherit}
.bf-recent-thumb{width:62px;height:62px;background:#e8dfd4;overflow:hidden}
.bf-recent-thumb img{width:100%;height:100%;object-fit:cover}
.bf-recent-copy strong{display:block;font-size:12px;font-weight:500;line-height:1.6}
.bf-recent-copy small{display:block;color:#948576;font-size:10px;margin-top:4px}
.bf-sidebar-note{padding:20px;background:#3b3029;color:#f5f1e9}
.bf-sidebar-note span{font-size:9px;letter-spacing:.2em}
.bf-sidebar-note p{font:23px var(--serif,Georgia,serif);margin:8px 0}
.bf-sidebar-note small{color:#c9bcae;font-size:11px}
.bf-related{margin-top:58px}
.bf-related h2{font:400 24px var(--serif,Georgia,serif);margin:0 0 20px}
.bf-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bf-related-card{color:inherit}
.bf-related-image{display:block;aspect-ratio:1.45/1;background:#e8dfd4;overflow:hidden}
.bf-related-image img{width:100%;height:100%;object-fit:cover}
.bf-related-card small{display:block;margin:9px 0 4px;color:#968879;font-size:10px}
.bf-related-card strong{display:block;font-size:13px;font-weight:500;line-height:1.65}
.bf-page-links{margin:30px 0}
@media(min-width:641px) and (max-width:1100px){.bf-single-wrap{width:calc(100% - 56px)}.bf-article-layout{grid-template-columns:minmax(0,1fr) 235px;gap:28px}.bf-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.bf-single-wrap{width:calc(100% - 30px);margin-bottom:50px}.bf-breadcrumb{padding:14px 0;font-size:10px}.bf-article-layout{grid-template-columns:1fr;gap:34px}.bf-article-header h1{font-size:26px}.bf-article-hero{aspect-ratio:1.45/1;margin-bottom:22px}.bf-entry-content{font-size:14px;line-height:2.05}.bf-entry-content h2{font-size:23px}.bf-article-sidebar{display:grid;grid-template-columns:1fr;gap:12px}.bf-related{margin-top:40px}.bf-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}


/* BREW FRAME 2.2.0 — refined editorial article experience */
.bf-article-layout{grid-template-columns:minmax(0,760px) 250px;justify-content:space-between;gap:clamp(30px,5vw,64px)}
.bf-article-kicker{display:block;margin:0 0 13px;color:#9a8267;font-size:9px;letter-spacing:.24em;text-transform:uppercase}
.bf-article-header{padding:18px 0 25px}
.bf-article-category{padding:7px 13px;font-size:10px;letter-spacing:.13em}
.bf-article-header h1{font-size:clamp(30px,3.6vw,46px);line-height:1.32;letter-spacing:.015em;margin:19px 0 13px}
.bf-article-lead{max-width:690px;margin:0 0 18px;font-size:15px;line-height:2.05;color:#756657}
.bf-article-meta{gap:10px 19px;font-size:11px;letter-spacing:.025em}
.bf-article-hero{aspect-ratio:16/9;margin:0 0 38px;background:#e9e1d6}
.bf-article-hero img{object-fit:cover}
.bf-toc{margin:0 0 54px;padding:24px 28px;background:#f1ece4;border:1px solid #ded4c7}
.bf-toc summary{font-size:19px;list-style:none;display:flex;align-items:center;gap:11px}
.bf-toc summary::-webkit-details-marker{display:none}
.bf-toc summary:before{content:"＋";font-family:var(--sans,Arial,sans-serif);font-size:14px;color:#9a8267}
.bf-toc details[open] summary:before{content:"−"}
.bf-toc ol{margin:17px 0 0;padding-left:23px}
.bf-toc li{padding:6px 0;font-size:13px;line-height:1.8}
.bf-entry-content{max-width:720px;margin-inline:auto;font-size:15px;line-height:2.2;letter-spacing:.018em}
.bf-entry-content p{margin:0 0 1.65em}
.bf-entry-content h2{margin:3.1em 0 1.15em;padding:0 0 13px;border-bottom:1px solid #cfc3b5;font-size:clamp(25px,2.7vw,32px);line-height:1.45}
.bf-entry-content h3{margin:2.4em 0 .85em;font-size:21px;line-height:1.55}
.bf-entry-content h2:first-child,.bf-entry-content h3:first-child{margin-top:0}
.bf-entry-content figure{margin:2.5em 0}
.bf-entry-content figure img{width:100%;height:auto}
.bf-entry-content figcaption{margin-top:10px;font-size:11px;letter-spacing:.03em}
.bf-entry-content blockquote{padding:22px 26px;border-left:2px solid #a48b68;background:#eee8df;font-size:14px;line-height:2}
.bf-entry-content ul,.bf-entry-content ol{padding-left:1.5em;margin:0 0 1.8em}
.bf-entry-content li{padding:.25em 0}
.bf-entry-content table{margin:2em 0;background:#fbf9f5}
.bf-entry-content th{font-weight:500;letter-spacing:.04em}
.bf-entry-content .wp-block-button{margin:1.8em 0}
.bf-entry-content .wp-block-button__link{padding:14px 25px;font-size:12px;letter-spacing:.08em;transition:background .2s ease}
.bf-entry-content .wp-block-button__link:hover{background:#80634d}

/* Reusable product feature card: add "bf-product-card" in a Gutenberg Group block's Additional CSS class(es). */
.bf-entry-content .bf-product-card{display:grid;grid-template-columns:minmax(130px,.72fr) 1.28fr;gap:24px;align-items:center;margin:2.8em 0;padding:25px;background:#eee8df;border:1px solid #ded4c7}
.bf-entry-content .bf-product-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fbf9f5}
.bf-entry-content .bf-product-card h3{margin:0 0 10px;font-size:21px}
.bf-entry-content .bf-product-card p{margin:0 0 12px;font-size:13px;line-height:1.9}
.bf-entry-content .bf-product-card .wp-block-button{margin:12px 0 0}
.bf-entry-content .bf-product-card .wp-block-button__link{display:inline-block}
.bf-entry-content .bf-product-note{margin:1.8em 0;padding:17px 21px;background:#f0ebe3;border:1px solid #e1d8cc;color:#6f6052;font-size:13px;line-height:1.9}
.bf-article-tags{margin-top:35px;padding:24px 0}
.bf-author-box{margin-top:30px;padding:24px;background:#eee8df}
.bf-related{margin-top:76px;padding-top:35px;border-top:1px solid #d9d0c3}
.bf-related h2{font-size:28px;margin-bottom:25px}
.bf-related-card strong{font-size:14px;line-height:1.75}
.bf-sidebar-section h2{font-size:18px}
.bf-sidebar-note{padding:23px}
@media(max-width:800px){
 .bf-article-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .bf-article-sidebar{display:none}
 .bf-related{margin-top:52px}
}
@media(max-width:640px){
 .bf-single-wrap{width:calc(100% - 32px);margin-bottom:48px}
 .bf-breadcrumb{padding:17px 0 22px;gap:8px;font-size:10px}
 .bf-article-header{padding:12px 0 22px}
 .bf-article-kicker{margin-bottom:12px;font-size:8px}
 .bf-article-header h1{font-size:29px;line-height:1.42;margin:17px 0 12px}
 .bf-article-lead{font-size:13px;line-height:1.95;margin-bottom:15px}
 .bf-article-meta{gap:7px 13px;font-size:10px}
 .bf-article-hero{aspect-ratio:16/10;margin-bottom:30px}
 .bf-toc{margin-bottom:44px;padding:19px 20px}
 .bf-toc summary{font-size:17px}
 .bf-toc li{font-size:12px}
 .bf-entry-content{font-size:14px;line-height:2.12}
 .bf-entry-content h2{font-size:25px;margin:2.8em 0 1em;padding-bottom:10px}
 .bf-entry-content h3{font-size:19px}
 .bf-entry-content .bf-product-card{grid-template-columns:1fr;gap:16px;padding:18px;margin:2.2em 0}
 .bf-entry-content .bf-product-card img{max-height:230px}
 .bf-entry-content .bf-product-card h3{font-size:20px}
 .bf-author-box{padding:18px;align-items:flex-start}
 .bf-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
}


/* 2.3.1: Article TOC is a full-width block above the article, not a float. */
.bf-single-wrap .bf-article-body{display:block;min-width:0;}
.bf-single-wrap .bf-article-body::after{content:"";display:block;clear:both;}
.bf-single-wrap .bf-toc{float:none !important;clear:both;display:block;width:100%;max-width:none;box-sizing:border-box;margin:0 0 42px;padding:23px 27px;}
.bf-single-wrap .bf-toc[hidden]{display:none !important;}
.bf-single-wrap .bf-toc details{display:block;width:100%;}
.bf-single-wrap .bf-toc summary{display:list-item;list-style:revert;cursor:pointer;}
.bf-single-wrap .bf-toc summary::before{content:none !important;}
.bf-single-wrap .bf-toc ol{margin:14px 0 0;padding-left:1.7em;}
.bf-single-wrap .bf-toc li{overflow-wrap:anywhere;}
.bf-single-wrap .bf-entry-content{display:flow-root;clear:both;width:100%;max-width:720px;margin:0 auto;}
/* No entrance animations on article pages. Other pages remain unchanged. */
.bf-single-wrap .bf-article-header,.bf-single-wrap .bf-article-body,.bf-single-wrap .bf-related-card{opacity:1 !important;transform:none !important;filter:none !important;animation:none !important;transition:none !important;will-change:auto !important;}
@media(max-width:640px){.bf-single-wrap .bf-toc{padding:19px 20px;margin-bottom:32px;}.bf-single-wrap .bf-toc li{line-height:1.85;}}


/* 2.3.3: Use a Japanese serif-first stack so Latin numerals align more naturally with Japanese heading glyphs. */
.bf-single-wrap .bf-entry-content h2,
.bf-single-wrap .bf-entry-content h3 {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", Georgia, serif !important;
  font-kerning: normal;
  font-variant-numeric: lining-nums;
}