body.bkn-site{background:#eee9df;color:#2e3439;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.bkn-site .wrap{max-width:1240px}.bkn-header{background:#fbf7ed;border-bottom:1px solid #d6c6a5}.bkn-brand{height:144px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(90deg,#281534,#422146 45%,#25143b)}.bkn-brand picture{display:flex;align-items:center;justify-content:center}.bkn-brand img{width:655px;max-width:none;height:auto;display:block}.bkn-nav{max-width:1200px;margin:auto;display:flex;align-items:center;gap:28px;overflow-x:auto;padding:0 20px;min-height:52px;white-space:nowrap}.bkn-nav a{color:#34362e;text-decoration:none;font-size:13px;font-weight:bold;display:block;padding:15px 0}.bkn-nav a:hover{color:#b24d22}.bkn-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:28px}.bkn-search{max-width:1200px;margin:auto;padding:8px 20px;font-size:12px}.bkn-search summary{cursor:pointer}.bkn-search form{margin:15px 0;max-width:500px}
.bkn-home #content{margin-top:0}.bkn-home #content-in{display:block}.bkn-home #main{width:100%;margin:0;padding:0;background:#fbf8ef;border:0}.bkn-home #sidebar{display:none}.bkn-front{padding:32px 36px}.bkn-kicker{color:#ab532d;letter-spacing:2px;font-size:12px;font-weight:bold;margin:0 0 8px}.bkn-heading{font-size:24px;padding:0;background:none;border:0;color:#3b3e32;margin:0 0 23px}.bkn-feature{background:linear-gradient(140deg,#fff7dd,#fbf8ef);padding:25px;border:1px solid #e3c991;border-radius:8px;box-shadow:0 5px 15px #7d54200a}.bkn-feature-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px 28px}.bkn-lead{grid-row:span 2}.bkn-card{min-width:0}.bkn-image{display:block;overflow:hidden;border-radius:5px;border:3px solid #fff;box-shadow:0 2px 7px #533b2518}.bkn-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;height:auto;transition:transform .25s}.bkn-image:hover img{transform:scale(1.025)}.bkn-placeholder{aspect-ratio:16/9;display:grid;place-items:center;background:#eee2c3;color:#a16a44}.bkn-card h3{font-size:17px;line-height:1.75;background:none;border:0;padding:0;margin:10px 0 4px;color:#303b37}.bkn-card h3 a{color:inherit;text-decoration:none}.bkn-card h3 a:hover{color:#b35029}.bkn-subtitle{font-size:.82em;font-weight:normal}.bkn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;margin-top:11px;color:#797868}.bkn-meta a{color:#9b4e25;background:#f5ead3;padding:2px 6px;border-radius:3px;text-decoration:none}.bkn-lead h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:26px}.bkn-feature-grid .bkn-card:not(.bkn-lead) .bkn-image img{aspect-ratio:16/6}.bkn-feature-grid .bkn-card:not(.bkn-lead) h3{font-size:15px}
.bkn-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.bkn-front h2,.bkn-related h2{font-size:24px;color:#3e443a;background:none;border:0;padding:0;margin:0 0 18px}.bkn-section-head h2{margin:0}.bkn-ranking{border-top:3px solid #b85b31;background:#fff8e6;padding:25px;margin:30px 0;border-radius:5px}.bkn-periods,.bkn-carousel-controls{display:flex;gap:6px}.bkn-periods button,.bkn-carousel-controls button{border:1px solid #d6c7ab;border-radius:5px;background:#fffdf6;padding:8px 12px;font-size:12px;color:#494c40;cursor:pointer}.bkn-periods button[aria-pressed=true]{background:#b8582c;color:white}.bkn-rank-panel[hidden]{display:none!important}.bkn-period-label{font-size:12px;margin:0 0 12px;color:#846c46}.bkn-ranking .popular-entry-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.bkn-ranking .a-wrap{width:100%;margin:0;padding:0;border:0;background:none}.bkn-ranking .popular-entry-card{display:block}.bkn-ranking .card-thumb{float:none;width:100%;margin:0;max-height:none}.bkn-ranking .card-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.bkn-ranking .card-content{margin:10px 0 0;padding:0;font-size:13px;line-height:1.7}.bkn-ranking .card-title{font-size:13px}.bkn-ranking .ranking-item{background:#b8582c}
.bkn-discovery{background:#edf3eb;border:1px solid #cdddc9;border-top:4px solid #698c73;border-radius:7px;padding:25px;margin:32px 0}.bkn-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px;scrollbar-width:thin}.bkn-track .bkn-card{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;background:#fffef9;border-radius:5px;padding:9px}.bkn-track h3{font-size:14px}.bkn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.bkn-latest{margin:35px 0}.bkn-section-head>span{font-size:12px;color:#8b8776}.bkn-more{display:block;text-align:center;border:1px solid #d1bea0;border-radius:5px;background:#f8f0dc;padding:16px;margin:25px 0;color:#835132;text-decoration:none}.bkn-topic{padding:26px 0;border-top:1px solid #d6c7ad}.bkn-topic .bkn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bkn-topic h3{font-size:14px}.bkn-categories{background:#f0e8d7;border-radius:5px;padding:20px;margin:30px 0}.bkn-categories summary{cursor:pointer;font-weight:bold}.bkn-categories>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.bkn-categories a{background:#fffdf7;padding:7px 10px;font-size:12px;border:1px solid #d8c9ac;border-radius:4px;color:#6c614b;text-decoration:none}.bkn-related{margin:35px 0;border-top:3px solid #c9ac76;padding:25px 0}.bkn-related .bkn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bkn-site .entry-content{overflow-wrap:anywhere}/* Article headings, boxes and speech balloons intentionally inherit Cocoon. */
@media(max-width:900px){.bkn-front{padding:25px 20px}.bkn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bkn-topic .bkn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bkn-track .bkn-card{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:720px){.bkn-brand{height:auto}.bkn-brand picture,.bkn-brand img{width:100%;max-width:100%;height:auto}.bkn-nav{gap:20px;min-height:48px}.bkn-nav ul{gap:20px}.bkn-front{padding:18px 12px}.bkn-feature{padding:16px 12px}.bkn-heading{font-size:21px;margin-bottom:17px}.bkn-feature-grid{grid-template-columns:1fr;gap:22px}.bkn-lead{grid-row:auto}.bkn-lead h3{font-size:22px}.bkn-feature-grid .bkn-card:not(.bkn-lead){display:grid;grid-template-columns:115px 1fr;gap:0 12px}.bkn-feature-grid .bkn-card:not(.bkn-lead) .bkn-image{grid-row:span 2;align-self:start}.bkn-feature-grid .bkn-card:not(.bkn-lead) .bkn-image img{aspect-ratio:4/3}.bkn-feature-grid .bkn-card:not(.bkn-lead) .bkn-meta{margin:0}.bkn-feature-grid .bkn-card:not(.bkn-lead) h3{font-size:13px;margin-top:6px}.bkn-front h2,.bkn-related h2{font-size:21px}.bkn-section-head{align-items:flex-start;flex-wrap:wrap}.bkn-ranking,.bkn-discovery{padding:20px 13px}.bkn-ranking .popular-entry-cards{grid-template-columns:1fr;gap:17px}.bkn-ranking .popular-entry-card{display:flex;gap:14px}.bkn-ranking .card-thumb{width:105px;flex-shrink:0}.bkn-ranking .card-content{margin:0;flex:1}.bkn-track .bkn-card{flex-basis:82%}.bkn-carousel-controls{margin-left:auto}.bkn-grid{gap:25px;grid-template-columns:1fr}.bkn-card h3{font-size:18px}.bkn-topic .bkn-grid{gap:20px 12px}.bkn-topic h3{font-size:13px}.bkn-related .bkn-grid{grid-template-columns:1fr}.bkn-related h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.bkn-image img{transition:none}}

/* Ranking layout is isolated from Cocoon widget image presets. */
.bkn-site .bkn-front .bkn-ranking .popular-entry-cards{width:100%;min-width:0;max-width:100%}
.bkn-site .bkn-front .bkn-ranking .a-wrap{display:block;width:100%;min-width:0;max-width:none;box-sizing:border-box}
.bkn-site .bkn-front .bkn-ranking .popular-entry-card{display:block;width:100%;min-width:0}
.bkn-site .bkn-front .bkn-ranking figure.card-thumb{float:none;display:block;width:100%;max-width:100%;margin:0;box-sizing:border-box}
.bkn-site .bkn-front .bkn-ranking figure.card-thumb img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bkn-site .bkn-front .bkn-ranking .card-content{position:static;width:auto;min-width:0;max-width:100%;margin:10px 0 0;padding:0;overflow-wrap:anywhere;white-space:normal}
.bkn-site .bkn-front .bkn-ranking .card-title{font-size:13px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
@media(max-width:720px){
.bkn-site .bkn-front .bkn-ranking .popular-entry-card{display:grid;grid-template-columns:minmax(0,105px) minmax(0,1fr);gap:14px;align-items:start}
.bkn-site .bkn-front .bkn-ranking .card-content{margin:0;padding:0}
}

/* Illustrated prototype navigation. Horizontal scrolling keeps every genre reachable. */
.bkn-site .bkn-nav-bar{background:#274b68;border-bottom:1px solid #1d3b53}
.bkn-site .bkn-nav{overflow:visible;gap:0;min-height:52px;padding:0 24px;max-width:1240px}
.bkn-site .bkn-nav-scroll{display:flex;gap:30px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;align-self:stretch}
.bkn-site .bkn-nav-scroll::-webkit-scrollbar{display:none}
.bkn-site .bkn-nav a{color:#fffaf0;position:relative;padding:17px 0;flex-shrink:0;font-size:14px}
.bkn-site .bkn-nav a:hover,.bkn-site .bkn-nav a[aria-current=page]{color:#f8d999}
.bkn-site .bkn-nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#efbd63}
.bkn-site .bkn-nav .bkn-search-button{display:flex;align-items:center;justify-content:center;padding:13px 0 13px 18px;background:#274b68}
.bkn-site .bkn-quick-links{max-width:1200px;margin:auto;padding:13px 20px;display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px dashed #dfd5bc}
.bkn-site .bkn-quick-links a{flex-shrink:0;color:#4b514e;text-decoration:none;border:1px solid #e2d7bb;border-radius:30px;padding:7px 12px;background:#f4ecd7;font-size:12px}
.bkn-site .bkn-quick-links a:nth-child(2){background:#e7f0e3;border-color:#d2e0cb}
.bkn-site .bkn-quick-links a:nth-child(3){background:#e6ecf5;border-color:#d3ddeb}
.bkn-site .bkn-search:not([open]){display:none}
.bkn-site .bkn-search[open]{padding:14px 20px}
@media(max-width:720px){.bkn-site .bkn-nav{padding:0 15px}.bkn-site .bkn-nav-scroll{gap:25px}.bkn-site .bkn-nav a{font-size:13px;padding-top:16px;padding-bottom:16px}.bkn-site .bkn-quick-links{padding:11px 15px;gap:8px}.bkn-site .bkn-quick-links a{font-size:11px;padding:7px 10px}}

/* Article chrome: keep authored blocks and Cocoon's content styles intact. */
body.bkn-site:is(.single-post,.page) #main{border:1px solid #e7decb;border-radius:10px;background:#fffefa}
.bkn-site:is(.single-post,.page) .article-header .entry-title{color:#274b68;font-size:clamp(23px,2.7vw,34px);line-height:1.6;letter-spacing:.015em;background:none;border:0;border-top:4px solid #b85b31;padding:22px 0 0;margin:0 0 25px;overflow-wrap:anywhere}
.bkn-site:is(.single-post,.page) .article-header .eye-catch{margin:0 0 20px}
.bkn-site:is(.single-post,.page) .article-header .eye-catch img{border-radius:7px;height:auto}
.bkn-site:is(.single-post,.page) .article-header .date-tags{color:#776e60;font-size:12px;margin:18px 0;line-height:1.8}
.bkn-site:is(.single-post,.page) .article-header .read-time{color:#76674f;background:#f8f1df;border:0;border-radius:5px;padding:9px 12px;font-size:12px;margin:18px 0 26px}
.bkn-site:is(.single-post,.page) .article .sns-share .sns-share-buttons{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-start}
.bkn-site:is(.single-post,.page) .article .sns-share .sns-share-buttons a.sns-button{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 1 auto;width:auto;min-width:78px;min-height:40px;height:auto;margin:0;padding:8px 12px;background:#fffdf7;color:#274b68;border:1px solid #d8ceba;border-radius:5px;box-shadow:none;text-decoration:none;line-height:1.4}
.bkn-site:is(.single-post,.page) .article .sns-share .sns-share-buttons a.sns-button:hover{background:#f3ead6;border-color:#b85b31;color:#8b431f}
.bkn-site:is(.single-post,.page) .article .sns-share .social-icon{font-size:17px;line-height:1.4}
.bkn-site:is(.single-post,.page) .article .sns-share .button-caption{display:inline;font-size:11px;color:inherit}
.bkn-site:is(.single-post,.page) .article .sns-share-message{color:#76674f;font-size:12px}
.bkn-site:is(.single-post,.page) .article .sns-share .sns-button:focus-visible{outline:3px solid #b85b31;outline-offset:3px}
.bkn-site:is(.single-post,.page) .entry-content .toc{box-sizing:border-box;width:100%;max-width:100%;background:#fbf5e5;border:1px solid #ddcba6;border-top:3px solid #b85b31;border-radius:7px;box-shadow:none;padding:18px 22px;margin:30px auto;color:#394c56}
.bkn-site:is(.single-post,.page) .entry-content .toc-title{background:none;color:#274b68;font-weight:bold;border:0;padding:0 0 10px;font-size:1.05em}
.bkn-site:is(.single-post,.page) .entry-content .toc a{color:#394c56;text-decoration:none}
.bkn-site:is(.single-post,.page) .entry-content .toc a:hover{text-decoration:underline;color:#974c26}
.bkn-site:is(.single-post,.page) .entry-content .toc li{line-height:1.8;margin:6px 0}
@media(max-width:720px){
body.bkn-site:is(.single-post,.page) #main{border-radius:0;border-left:0;border-right:0;padding-left:18px;padding-right:18px}
.bkn-site:is(.single-post,.page) .article-header .entry-title{padding-top:18px;margin-bottom:20px;font-size:24px;line-height:1.6}
.bkn-site:is(.single-post,.page) .article .sns-share .sns-share-buttons a.sns-button{flex:1 1 calc(33.333% - 7px);min-width:0;padding:8px 5px;box-sizing:border-box}
.bkn-site:is(.single-post,.page) .entry-content .toc{padding:17px 18px}
}

.bkn-site .sns-share .bkn-threads-button .social-icon img{display:inline-block;width:20px;height:20px;max-width:none;vertical-align:middle;border-radius:3px}

/* Sidebar widgets share the magazine palette on desktop and in the mobile drawer. */
.bkn-site :is(#sidebar,#slide-in-sidebar){background:#fbf8ef;color:#394741;border-color:#e2d5b9;border-radius:8px}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget{margin-bottom:28px}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-title{color:#274b68;background:#f6efdd;border:0;border-top:3px solid #b85b31;border-radius:5px 5px 0 0;padding:12px 13px;margin:0 0 14px;font-size:17px;line-height:1.5;box-shadow:none}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-entry-cards .a-wrap{display:block;width:100%;box-sizing:border-box;background:#fffdf7;color:#394741;border:1px solid #e5dcc7;border-radius:6px;margin:0 0 9px;padding:9px;box-shadow:none}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-entry-cards .a-wrap:hover{background:#f5ecd8;border-color:#cda77b}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-entry-cards .e-card{display:grid;grid-template-columns:minmax(0,90px) minmax(0,1fr);gap:10px;align-items:start;min-width:0}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-entry-cards .card-thumb{float:none;width:100%;max-width:100%;margin:0}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-entry-cards .card-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-entry-cards .card-content{margin:0;padding:0;min-width:0;width:auto;overflow-wrap:anywhere}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget-entry-cards .card-title{color:#394741;font-size:12px;line-height:1.65}
.bkn-site :is(#sidebar,#slide-in-sidebar) .search-edit{background:#fffdf7;color:#394741;border:1px solid #d8c9aa;border-radius:5px;min-height:42px}
.bkn-site :is(#sidebar,#slide-in-sidebar) .search-submit{background:#274b68;color:#fffaf0;border-radius:5px;min-height:42px}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget_categories a{color:#46574c;border-radius:4px;padding-top:9px;padding-bottom:9px}
.bkn-site :is(#sidebar,#slide-in-sidebar) .widget_categories a:hover{background:#eee7d5;color:#974c26}
.bkn-site :is(#sidebar,#slide-in-sidebar) a:focus-visible,.bkn-site :is(#sidebar,#slide-in-sidebar) button:focus-visible,.bkn-site :is(#sidebar,#slide-in-sidebar) input:focus-visible{outline:3px solid #b85b31;outline-offset:2px}
.bkn-site #sidebar-menu-content{background:#fbf8ef;color:#274b68}
.bkn-site #sidebar-menu-content .sidebar-menu-close-button{color:#274b68;background:#f4ecd9;border-bottom:1px solid #dfd1b2}
.bkn-site #sidebar-menu-content :is(#sidebar,#slide-in-sidebar){display:block;width:100%;box-sizing:border-box;border:0;border-radius:0;padding:16px}

/* Reset skin decorations on widget headings, including block widgets. */
.bkn-site :is(#sidebar,#slide-in-sidebar) :is(.widget-title,.widget h2,.widget h3,.wp-block-heading){background:#f6efdd;color:#274b68;border:0;border-top:3px solid #b85b31;border-radius:5px 5px 0 0;padding:12px 13px;margin:0 0 14px;box-shadow:none;background-image:none;font-size:17px;line-height:1.5}
.bkn-site :is(#sidebar,#slide-in-sidebar) :is(.widget-title,.widget h2,.widget h3,.wp-block-heading)::before,
.bkn-site :is(#sidebar,#slide-in-sidebar) :is(.widget-title,.widget h2,.widget h3,.wp-block-heading)::after{content:none;display:none;border:0;background:none}
.bkn-site :is(#sidebar,#slide-in-sidebar) :is(input[type=search],input[name=s],.wp-block-search__input){background:#fffdf7;color:#394741;border:1px solid #d8c9aa;border-radius:5px;min-height:42px;min-width:0;box-sizing:border-box}
.bkn-site :is(#sidebar,#slide-in-sidebar) :is(.search-submit,.wp-block-search__button,input[type=submit],button[type=submit]){background:#274b68;color:#fffaf0;border:1px solid #274b68;border-radius:5px;min-height:42px;box-shadow:none}
.bkn-site :is(#sidebar,#slide-in-sidebar) :is(.widget_categories,.widget_block) :is(.cat-item,.wp-block-categories-list li)>a{color:#46574c;text-decoration:none}
.bkn-site #sidebar-menu-content #slide-in-sidebar{display:block;width:100%;box-sizing:border-box;border:0;border-radius:0;padding:16px;background:#fbf8ef}

/* Roomier desktop masthead; retain the original full-width mobile illustration. */
@media(min-width:721px){.bkn-site .bkn-brand{height:210px}.bkn-site .bkn-brand img{width:960px;max-width:none}.bkn-site .bkn-brand{background:radial-gradient(ellipse at center,#60354b 0%,#321e40 60%,#21152e 100%)}}
/* Keep Cocoon's carousel selection and movement, restyle its visible cards. */
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) #carousel{background:#edf3eb;border-top:3px solid #698c73;border-bottom:1px solid #d0ddc9;box-shadow:none;padding:18px 0 8px;margin-top:18px}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) #carousel .carousel-in{padding:0 24px}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) #carousel .carousel-entry-card-wrap{background:#fffdf7;border:1px solid #ded8c4;border-radius:7px;padding:10px;color:#394741;box-shadow:0 3px 8px #493d2110;box-sizing:border-box}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) #carousel .carousel-entry-card-thumb img{border-radius:4px;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) #carousel .carousel-entry-card-title{color:#394741;font-size:13px;line-height:1.65}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) #carousel .carousel-entry-card-wrap:hover{background:#f9f1de}
/* Popular widgets only: advertisement widgets keep their existing layout. */
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .widget:has(.popular-entry-cards){background:#fff8e6;border:1px solid #e5d6b5;border-top:3px solid #b85b31;border-radius:7px;padding:22px;margin:22px 0}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards .a-wrap{display:block;width:100%;min-width:0;margin:0;padding:10px;background:#fffdf7;border:1px solid #e4d8bf;border-radius:6px;box-sizing:border-box;color:#394741}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-card{display:grid;grid-template-columns:minmax(0,80px) minmax(0,1fr);gap:10px;align-items:start;min-width:0}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards .card-thumb{float:none;width:100%;margin:0;max-width:100%}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards .card-thumb img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards .card-content{margin:0;padding:0;min-width:0;width:auto;overflow-wrap:anywhere}
.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards .card-title{font-size:12px;line-height:1.65;color:#394741}
@media(max-width:1000px){.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) #carousel .carousel-in{padding:0 16px}.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .widget:has(.popular-entry-cards){padding:14px;margin:16px 10px}.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-cards{grid-template-columns:1fr;gap:9px}.bkn-site:is(.single-post,.page,.category,.bkn-home,.bkn-archive) :is(#content-top,#content-bottom) .popular-entry-card{grid-template-columns:minmax(0,100px) minmax(0,1fr)}}

/* Fit the complete illustrated band, including the descender in “by”. */
@media(min-width:721px){.bkn-site .bkn-brand{height:222px}.bkn-site .bkn-brand img{transform:translateY(-7px)}}

/* Hide the source image's white margins without cutting the lettering. */
@media(min-width:721px){.bkn-site .bkn-brand img{clip-path:inset(17.7% 0 14.1% 0)}}
.bkn-intro{background:#f5eedc;border:1px solid #e0cfaa;border-top:4px solid #c48a4d;border-radius:7px;padding:23px;color:#274b68;margin-bottom:24px}
.bkn-intro>img{float:right;width:72px;height:72px;object-fit:contain;margin:0 0 12px 12px}
.bkn-site .bkn-intro h2{font-size:22px;line-height:1.7;border:0;background:none;padding:0;margin:8px 0 14px;color:#274b68}
.bkn-intro .bkn-kicker{font-size:11px;letter-spacing:0}
.bkn-intro-description{clear:both;border-top:1px solid #e5d9c1;padding-top:15px;font-size:13px;line-height:1.9;color:#6b7067}
.bkn-intro>a{font-size:12px;text-decoration:none;color:#a65630}
.bkn-site .bkn-interest h2{font-size:16px;color:#274b68;background:#e8efe3;border:0;padding:12px;margin:0 0 10px}
.bkn-interest>a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #dfd9ca;color:#394c56;text-decoration:none;font-size:13px}
.bkn-interest>a:hover{color:#a65630}
.bkn-interest{margin-bottom:28px}
.bkn-home-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:38px 0}
.bkn-topic-doors{background:#eef2e6;border-top:4px solid #9eaa87;padding:26px;margin:30px 0}
.bkn-doors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bkn-door{display:block;position:relative;background:#fffbef;border:1px solid #ddd5be;border-bottom:4px solid #c6aa71;border-radius:7px;padding:22px;text-decoration:none;color:#274b68}
.bkn-door:nth-child(2){background:#eff5f8;border-bottom-color:#8aabb9}.bkn-door:nth-child(3){background:#fff0e9;border-bottom-color:#c98b70}
.bkn-door>b{float:right;font:italic bold 27px Georgia,serif;color:#af9d79;margin-left:10px}
.bkn-site .bkn-door h3{background:none;border:0;padding:0;margin:0 0 14px;font-size:18px;line-height:1.6;color:#274b68}
.bkn-door p{font-size:13px;line-height:1.9;color:#6d746f}.bkn-door>span{font-size:12px;color:#a65630}
.bkn-site :is(#sidebar,#slide-in-sidebar) .bkn-intro h2::before,.bkn-site :is(#sidebar,#slide-in-sidebar) .bkn-intro h2::after,.bkn-site :is(#sidebar,#slide-in-sidebar) .bkn-interest h2::before,.bkn-site :is(#sidebar,#slide-in-sidebar) .bkn-interest h2::after{display:none;content:none}
@media(max-width:720px){.bkn-home-intro,.bkn-doors-grid{grid-template-columns:1fr}.bkn-home-intro{gap:12px}.bkn-topic-doors{padding:22px 15px}.bkn-door{padding:20px}}

/* Fixed pages and follow links use the same editorial palette. */
.bkn-site.page .entry-content>h2{background:#f6efdd;color:#274b68;border:0;border-left:4px solid #b85b31;border-radius:0 5px 5px 0;padding:15px 18px;box-shadow:none;line-height:1.6}
.bkn-site.page .entry-content>h3{background:none;color:#274b68;border:0;border-bottom:1px solid #cfb88e;padding:10px 0;box-shadow:none;line-height:1.6}
.bkn-site.page .entry-content>h2::before,.bkn-site.page .entry-content>h2::after,.bkn-site.page .entry-content>h3::before,.bkn-site.page .entry-content>h3::after{display:none;content:none}
.bkn-site .article .sns-follow{background:#f5efdf;border:1px solid #e0d1b2;border-top:3px solid #b85b31;border-radius:7px;padding:20px;margin:28px 0}
.bkn-site .article .sns-follow .sns-follow-message{font-size:16px;font-weight:bold;color:#274b68;line-height:1.6;margin:0 0 16px}
.bkn-site .article .sns-follow .sns-follow-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.bkn-site .article .sns-follow .sns-follow-buttons a.follow-button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;height:auto;min-height:48px;box-sizing:border-box;margin:0;padding:11px 8px;background:#fffdf7;color:#274b68;border:1px solid #d8c9aa;border-radius:5px;box-shadow:none;font-size:22px;text-decoration:none;line-height:1.5}
.bkn-site .article .sns-follow .sns-follow-buttons a.follow-button::after{content:attr(aria-label);font-size:11px;color:inherit;position:static;background:none;width:auto;height:auto;border:0}
.bkn-site .article .sns-follow .sns-follow-buttons a.follow-button:hover{background:#eee5cf;border-color:#b85b31;color:#8b431f}
.bkn-site .article .sns-follow .sns-follow-buttons a.follow-button:focus-visible{outline:3px solid #b85b31;outline-offset:2px}
@media(max-width:720px){.bkn-site .article .sns-follow{padding:16px 12px}.bkn-site .article .sns-follow .sns-follow-message{font-size:15px}}

/* Article-area recommendation widgets. */
.bkn-site #main .widget-entry-cards:not(.large-thumb-on) .a-wrap{display:block;width:100%;box-sizing:border-box;background:#fffdf7;color:#394741;border:1px solid #e5dcc7;border-radius:6px;margin:0 0 9px;padding:9px;box-shadow:none}
.bkn-site #main .widget-entry-cards:not(.large-thumb-on) .a-wrap:hover{background:#f5ecd8;border-color:#cda77b}
.bkn-site #main .widget-entry-cards:not(.large-thumb-on) .e-card{display:grid;grid-template-columns:minmax(0,90px) minmax(0,1fr);gap:10px;align-items:start;min-width:0}
.bkn-site #main .widget-entry-cards:not(.large-thumb-on) .card-thumb{float:none;width:100%;max-width:100%;margin:0}
.bkn-site #main .widget-entry-cards:not(.large-thumb-on) .card-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.bkn-site #main .widget-entry-cards:not(.large-thumb-on) .card-content{margin:0;padding:0;min-width:0;width:auto;overflow-wrap:anywhere}
.bkn-site #main .widget-entry-cards:not(.large-thumb-on) .card-title{color:#394741;font-size:12px;line-height:1.65}

.bkn-site #main .widget-title{background:#eaf0e4;color:#274b68;border:0;border-top:3px solid #9aaa86;padding:12px 15px;border-radius:5px;font-size:18px;margin:24px 0 14px;box-shadow:none}
.bkn-site #main .widget-title::before,.bkn-site #main .widget-title::after{content:none;display:none}
.bkn-site #pager-post-navi .a-wrap{background:#f6efdd;border:1px solid #ddcfb0;border-radius:6px;color:#394c56;box-shadow:none;padding-top:13px;padding-bottom:13px}
.bkn-site #pager-post-navi .a-wrap:hover{background:#eee3c9}.bkn-site #pager-post-navi img{border-radius:4px}
.bkn-site #main .search-edit{background:#fffdf7;border:1px solid #d8c9aa;border-radius:5px;color:#394c56}
.bkn-site #main .search-submit{color:#274b68}
.bkn-site #comment-area :is(h2,h3){color:#274b68;background:none;border:0;border-bottom:2px solid #c6aa71;padding:12px 0;box-shadow:none}
.bkn-site :is(.comment-btn,#comment-reply-btn,#commentform .submit){background:#f6efdd;color:#274b68;border:1px solid #d4be95;border-radius:5px;box-shadow:none;padding:12px 18px}
.bkn-site #commentform :is(textarea,input[type=text],input[type=email],input[type=url]){background:#fffdf7;border:1px solid #d8c9aa;border-radius:5px;color:#394c56;max-width:100%}
.bkn-site .breadcrumb{color:#776e60}.bkn-site .breadcrumb a{color:#687969}
.bkn-site #footer{background:#eef2e6;color:#394c56;border-top:4px solid #9eaa87;margin-top:30px}
.bkn-site #footer .footer-bottom{padding:30px 16px}
.bkn-site #footer .footer-bottom-logo{float:none;width:100%;text-align:center;margin:0 auto 24px}
.bkn-site .bkn-footer-brand{display:inline-flex;align-items:center;gap:15px;color:#274b68;text-decoration:none;text-align:left}
.bkn-site .bkn-footer-brand img{width:72px;height:72px;object-fit:contain;border-radius:50%}
.bkn-site .bkn-footer-brand strong{display:block;font-size:25px;line-height:1.5}.bkn-site .bkn-footer-brand small{display:block;font-size:11px;letter-spacing:.06em;color:#967049}
.bkn-site #footer .footer-bottom-content{float:none;width:100%;text-align:center}
.bkn-site #footer .navi-footer a{color:#394c56;background:none;border-radius:4px;font-size:13px;padding:9px 12px}
.bkn-site #footer .navi-footer a:hover{background:#e0e8d4;color:#974c26}
.bkn-site #footer .copyright{font-size:12px;color:#77806c;margin-top:22px}
.bkn-site .mobile-footer-menu-buttons{background:#274b68;border-top:2px solid #c9aa70;box-shadow:0 -3px 12px #263d4f18}
.bkn-site .mobile-footer-menu-buttons :is(.menu-button,.menu-button-in,.menu-caption,.menu-icon){color:#fffaf0;background:transparent}
.bkn-site .mobile-footer-menu-buttons .menu-button-in:hover{background:#365c77;color:#f8d999}
.bkn-site .mobile-footer-menu-buttons .menu-caption{font-size:10px}
.bkn-site .mobile-footer-menu-buttons .menu-icon{font-size:22px}
.bkn-site .mobile-footer-menu-buttons :is(a,label):focus-visible{outline:2px solid #f8d999;outline-offset:-3px}

/* Reset Cocoon desktop logo absolute positioning and footer layout presets. */
.bkn-site #footer .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:0}
.bkn-site #footer .footer-bottom .footer-bottom-logo{display:block;position:static;inset:auto;float:none;width:100%;height:auto;margin:0 0 24px;clear:both}
.bkn-site #footer .footer-bottom .footer-bottom-content{display:block;position:static;float:none;width:100%;clear:both;text-align:center}
.bkn-site #footer .navi-footer{float:none;width:100%;margin:0}
.bkn-site #footer .navi-footer-in>ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;margin:0;padding:0;list-style:none}
.bkn-site #footer .navi-footer-in>ul>li{float:none;width:auto}
.bkn-site #footer .copyright{display:block;position:static;float:none;clear:both;text-align:center;margin:22px 0 0;line-height:1.8}
@media(max-width:480px){.bkn-site .bkn-footer-brand strong{font-size:21px}.bkn-site .bkn-footer-brand img{width:60px;height:60px}}

/* Category archives use the shared editorial cards and native query pagination. */
.bkn-site:is(.category,.bkn-archive) #main{background:#fffdf7;border:1px solid #e2d8c2;border-radius:8px;padding:0;min-width:0}
.bkn-site:is(.category,.bkn-archive) .bkn-heading{border-top:3px solid #b85b31;padding-top:20px;color:#274b68;line-height:1.6}
.bkn-site:is(.category,.bkn-archive) .bkn-heading:before,.bkn-site:is(.category,.bkn-archive) .bkn-heading:after{content:none}
.bkn-site:is(.category,.bkn-archive) .bkn-front{padding:28px}
.bkn-site:is(.category,.bkn-archive) .pagination .page-numbers{background:#fffdf7;color:#274b68;border:1px solid #d8ceba;border-radius:5px;box-shadow:none}
.bkn-site:is(.category,.bkn-archive) .pagination .current{background:#274b68;color:#fff;border-color:#274b68}
.bkn-site:is(.category,.bkn-archive) .pagination a:hover{background:#f5ead5;color:#904924}
@media(max-width:720px){.bkn-site:is(.category,.bkn-archive) .bkn-front{padding:24px 18px}.bkn-site:is(.category,.bkn-archive) #main{border-left:0;border-right:0;border-radius:0}}

/* Compact ranking: eight items, four columns on desktop, one on phones. */
.bkn-site .bkn-front .bkn-ranking .popular-entry-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start;margin:0;padding:0}
.bkn-site #main .bkn-front .bkn-ranking .a-wrap{margin:0;padding:9px;min-height:0;height:auto}
.bkn-site #main .bkn-front .bkn-ranking .popular-entry-card{display:block;margin:0;padding:0;min-height:0;height:auto}
.bkn-site.bkn-archive #main{min-width:0}
@media(max-width:900px) and (min-width:721px){.bkn-site .bkn-front .bkn-ranking .popular-entry-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.bkn-site .bkn-front .bkn-ranking .popular-entry-cards{grid-template-columns:1fr;gap:9px}.bkn-site #main .bkn-front .bkn-ranking .popular-entry-card{display:grid;grid-template-columns:minmax(0,105px) minmax(0,1fr);gap:10px}.bkn-site #main .bkn-front .bkn-ranking .card-content{margin:0}}

/* Optional full-row ad between the sixth and seventh latest articles. */
.bkn-site .bkn-latest .bkn-middle-ad{grid-column:1/-1;min-width:0;width:100%;max-width:100%;margin:8px 0;padding:12px 0;border-top:1px solid #e2d8c2;border-bottom:1px solid #e2d8c2;box-sizing:border-box;text-align:center}
.bkn-site .bkn-middle-ad-label{font-size:10px;line-height:1.5;color:#827965;letter-spacing:.12em;margin:0 0 8px}
.bkn-site .bkn-middle-ad-widget{margin:0;padding:0;min-width:0;max-width:100%;background:transparent;border:0;box-shadow:none}
.bkn-site .bkn-middle-ad-widget img{max-width:100%;height:auto}
.bkn-site .bkn-middle-ad-title{font-size:12px;margin:0 0 8px}
.bkn-site .bkn-middle-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]):not(:has(ins.adsbygoogle[data-ad-status="filled"])){display:none}

/* Optional desktop sidebar on the front page. */
@media(min-width:1024px){
.bkn-site.bkn-home-sidebar #content-in{display:flex;gap:24px;align-items:flex-start}
.bkn-site.bkn-home-sidebar #main{flex:1 1 0;width:auto;min-width:0}
.bkn-site.bkn-home-sidebar #sidebar{display:block;flex:0 0 300px;width:300px;margin:0}
.bkn-site.bkn-home-sidebar .bkn-front{padding:25px 22px}
.bkn-site.bkn-home-sidebar .bkn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bkn-site.bkn-home-sidebar .bkn-ranking .popular-entry-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.bkn-site.bkn-home-sidebar .bkn-feature-grid{grid-template-columns:1fr}
.bkn-site.bkn-home-sidebar .bkn-home-intro{grid-template-columns:1fr}
}

/* Uploaded seasonal artwork is shown in full, without the bundled image crop. */
.bkn-site .bkn-brand.bkn-brand-custom{height:auto;min-height:0;padding:0}
.bkn-site .bkn-brand.bkn-brand-custom picture{display:block;width:100%;max-width:1240px;height:auto}
.bkn-site .bkn-brand.bkn-brand-custom img{display:block;width:100%;max-width:100%;height:auto;max-height:none;transform:none;clip-path:none;object-fit:contain;margin:0}

/* Ambient backdrop reuses the artwork; no canvas sampling or external service. */
.bkn-site .bkn-brand{position:relative;isolation:isolate}
.bkn-site .bkn-brand>picture{position:relative;z-index:1}
.bkn-site .bkn-brand>.bkn-ambient{position:absolute;z-index:0;inset:-40px;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(30px) brightness(.62);transform:scale(1.08)}
@media(max-width:720px){.bkn-site .bkn-brand>.bkn-ambient{display:none}}

/* Search results use the shared archive cards. */
.bkn-search-form{margin:0 0 24px}.bkn-search-form .search-box{margin:0}