/* 記事系だけに適用。本文データ、リンク、Cocoonの機能は変更しない。 */
body.hibiiro-blog{--hb-paper:#fbfaf7;--hb-ink:#34372f;--hb-sage:#526848;--hb-muted:#687060;--hb-line:#e2e5da;background:var(--hb-paper);color:var(--hb-ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9}
.hibiiro-blog a{color:var(--hb-sage)}
.hibiiro-blog a:focus-visible,.hibiiro-blog button:focus-visible,.hibiiro-blog input:focus-visible,.hibiiro-blog textarea:focus-visible{outline:3px solid #526848;outline-offset:4px}
/* Cocoonのサイドバー位置や1カラム設定は上書きしない。 */
.hibiiro-blog #content{margin-top:34px}
.hibiiro-blog #main{background:#fffefa;border:1px solid var(--hb-line);border-radius:8px;padding:34px;box-shadow:none;min-width:0}
.hibiiro-blog #sidebar{background:transparent;color:var(--hb-ink);font-size:13px}
.hibiiro-blog #sidebar .widget{margin-bottom:30px}
.hibiiro-blog #sidebar h3{background:transparent;border:0;border-bottom:1px solid var(--hb-line);padding:0 0 12px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;font-weight:500;color:var(--hb-ink)}
.hibiiro-blog #sidebar a{color:var(--hb-muted)}
.hibiiro-blog #sidebar a:hover{color:var(--hb-sage);text-decoration:underline}
.hibiiro-blog .breadcrumb{font-size:12px;color:var(--hb-muted);line-height:1.8}
/* 一覧：2列、スマートフォンでは1列。途中の広告やウィジェットは横幅を確保。 */
.hibiiro-listing #list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.hibiiro-listing #list>*{grid-column:1 / -1;min-width:0}
.hibiiro-listing #list>.entry-card-wrap{grid-column:auto;width:100%;margin:0;padding:0 0 18px;border:0;border-bottom:1px solid var(--hb-line);border-radius:0;background:transparent;box-shadow:none;color:var(--hb-ink);text-decoration:none;transition:background-color .15s}
.hibiiro-listing #list>.entry-card-wrap:hover{background:#f2f4eb}
.hibiiro-listing #list .entry-card{height:100%;display:flex;flex-direction:column;margin:0}
.hibiiro-listing #list .entry-card-thumb{float:none;width:100%;margin:0 0 16px;aspect-ratio:16/10;overflow:hidden;border-radius:5px;background:#eef0e7}
.hibiiro-listing #list .entry-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.hibiiro-listing #list .entry-card-content{margin:0;padding:0 5px;position:static;flex:1;min-height:0;display:flex;flex-direction:column}
.hibiiro-listing #list .entry-card-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:19px;font-weight:600;line-height:1.65;padding:0;margin:0 0 12px;background:none;border:0;color:var(--hb-ink);overflow-wrap:anywhere}
.hibiiro-listing #list .entry-card-title::before,.hibiiro-listing #list .entry-card-title::after{content:none}
.hibiiro-listing #list .entry-card-snippet{font-size:13px;line-height:1.9;color:var(--hb-muted);margin:0 0 14px}
.hibiiro-listing #list .entry-card-meta{position:static;margin-top:auto;font-size:11px;color:var(--hb-muted);text-align:right}
.hibiiro-blog .cat-label{background:#526848;color:white;border:0;border-radius:3px;font-size:11px;padding:3px 8px}
.hibiiro-listing .archive-title{background:transparent;border:0;border-bottom:1px solid var(--hb-line);padding:0 0 20px;margin:0 0 28px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:28px;font-weight:500;line-height:1.6}
.hibiiro-listing .archive-description{font-size:14px;line-height:1.9;color:var(--hb-muted);margin-bottom:26px}
/* 本文：装飾は通常の見出しだけ。ブロックで明示した背景・文字色は尊重。 */
.hibiiro-reading .article-header .entry-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(25px,2.7vw,34px);line-height:1.65;font-weight:600;margin:18px 0 24px;color:var(--hb-ink);overflow-wrap:anywhere}
.hibiiro-reading .date-tags{font-size:12px;color:var(--hb-muted);margin:16px 0 28px}
.hibiiro-reading .entry-content{font-size:17px;line-height:2;overflow-wrap:break-word}
.hibiiro-reading .entry-content p{margin-bottom:1.7em}
.hibiiro-reading .entry-content h2:not(.has-background):not(.has-text-color){background:#eff2e9;color:var(--hb-ink);border:0;border-left:3px solid #819274;border-radius:0 4px 4px 0;padding:18px 22px;margin:2.6em 0 1.3em;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;font-weight:500;line-height:1.6;box-shadow:none}
.hibiiro-reading .entry-content h3:not(.has-background):not(.has-text-color){background:transparent;color:var(--hb-ink);border:0;border-bottom:1px solid #b8c2ad;padding:0 0 12px;margin:2.2em 0 1.2em;font-size:21px;font-weight:600;line-height:1.7;box-shadow:none}
.hibiiro-reading .entry-content h2:not(.has-background):not(.has-text-color)::before,.hibiiro-reading .entry-content h2:not(.has-background):not(.has-text-color)::after,.hibiiro-reading .entry-content h3:not(.has-background):not(.has-text-color)::before,.hibiiro-reading .entry-content h3:not(.has-background):not(.has-text-color)::after{content:none}
.hibiiro-reading .entry-content h4{line-height:1.8}
.hibiiro-reading .entry-content p>a:not([class]){text-decoration:underline;text-underline-offset:3px}
.hibiiro-reading .entry-content img{max-width:100%;height:auto}
.hibiiro-reading .entry-content figure{max-width:100%}
.hibiiro-reading .entry-content figcaption{font-size:12px;color:var(--hb-muted);line-height:1.8}
.hibiiro-reading .entry-content pre{max-width:100%;overflow-x:auto;font-size:14px;line-height:1.7}
.hibiiro-reading .entry-content .wp-block-table{overflow-x:auto}
.hibiiro-reading .entry-content blockquote{background:#f4f5ef;border-left:3px solid #9aa88c;color:#59634f}
.hibiiro-blog .toc{background:#f5f6ef;border:1px solid #dce2d3;border-radius:6px;font-size:14px;line-height:1.9;max-width:100%}
.hibiiro-blog .toc .toc-title{color:var(--hb-sage);font-weight:600}
.hibiiro-blog .toc a{color:#526348}
.hibiiro-blog .pagination .page-numbers,.hibiiro-blog .page-link .post-page-numbers{border-color:var(--hb-line);border-radius:4px;background:#fffefa;color:var(--hb-sage)}
.hibiiro-blog .pagination .current,.hibiiro-blog .page-link .current{background:var(--hb-sage);color:white;border-color:var(--hb-sage)}
.hibiiro-blog .related-entry-card-wrap,.hibiiro-blog .pager-post-navi a{border-color:var(--hb-line);border-radius:4px}
.hibiiro-blog .related-entry-card-title{font-size:14px;line-height:1.7;color:var(--hb-ink)}
.hibiiro-blog .comment-form input:not([type=submit]):not([type=checkbox]),.hibiiro-blog .comment-form textarea,.hibiiro-blog .search-edit{background:#fffefa;border:1px solid #bdc7b5;border-radius:4px;color:var(--hb-ink)}
.hibiiro-blog .comment-form input[type=submit]{background:var(--hb-sage);border:1px solid var(--hb-sage);color:white;border-radius:4px}
.hibiiro-blog #footer{background:#f0f2e9;color:var(--hb-muted);border-top:1px solid var(--hb-line);font-size:12px}
.hibiiro-blog #footer a{color:var(--hb-sage)}
.hibiiro-blog .mobile-menu-buttons{background:#fbfaf7;color:var(--hb-sage);border-top:1px solid var(--hb-line)}
@media(max-width:1023px){.hibiiro-blog #main{padding:26px}.hibiiro-blog #content{margin-top:24px}}
@media(max-width:600px){body.hibiiro-blog{font-size:15px}.hibiiro-blog #content{margin-top:16px}.hibiiro-blog #main{padding:22px 18px;border-radius:0;border-left:0;border-right:0}.hibiiro-listing #list{grid-template-columns:minmax(0,1fr);gap:26px}.hibiiro-listing #list .entry-card-title{font-size:20px}.hibiiro-listing #list .entry-card-snippet{font-size:14px}.hibiiro-reading .entry-content{font-size:16px;line-height:1.95}.hibiiro-reading .entry-content h2:not(.has-background):not(.has-text-color){font-size:22px;padding:14px 16px}.hibiiro-reading .entry-content h3:not(.has-background):not(.has-text-color){font-size:19px}.hibiiro-blog .toc{font-size:13px}.hibiiro-listing .archive-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hibiiro-listing #list>.entry-card-wrap{transition:none}}

/* 1.3.0: Cocoonの49.5%幅とGrid指定の食い違いを解消。
   現在のPC/モバイル用インフィード広告を記事カード1枚分に配置する。
   広告内部のins/iframeや配信コードにはサイズを強制しない。 */
.hibiiro-listing #list::before,.hibiiro-listing #list::after{content:none}
.hibiiro-listing #list>.widget-index-middle{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;float:none;align-self:start;grid-column:1 / -1}
.hibiiro-listing #list>.widget-index-middle.widget_pc_ad,
.hibiiro-listing #list>.widget-index-middle.widget_mobile_ad{grid-column:auto;width:100%;justify-self:stretch}
.hibiiro-listing #list>.widget-index-middle .ad-area{width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box}
.hibiiro-listing #list>.widget-index-middle .ad-wrap,
.hibiiro-listing #list>.widget-index-middle .ad-responsive{width:100%;max-width:100%;min-width:0;margin-left:auto;margin-right:auto;box-sizing:border-box}
/* 自動広告は手動インフィードと分け、独立した行に置く。 */
.hibiiro-listing #list>.google-auto-placed{grid-column:1 / -1;min-width:0;max-width:100%}
.hibiiro-listing #list .entry-card-info{font-size:11px;line-height:1.6}
.hibiiro-listing #list .entry-card-info .post-date,.hibiiro-listing #list .entry-card-info .entry-date{font-size:inherit}

/* 1.8.0: 長文とページ送りの操作性。広告iframeには適用しない。 */
.hibiiro-listing #list .entry-card-snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hibiiro-blog .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.hibiiro-blog .pagination .page-numbers,.hibiiro-blog .page-link .post-page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;line-height:1.5}
.hibiiro-reading .entry-content{overflow-wrap:anywhere}
.hibiiro-reading .entry-content :is(h2,h3,h4){scroll-margin-top:24px}
.hibiiro-reading .entry-content :is(pre,.wp-block-table){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.hibiiro-reading .entry-content .wp-block-embed__wrapper{max-width:100%}
.hibiiro-reading .entry-content .wp-block-embed__wrapper iframe{max-width:100%}
.hibiiro-blog .pager-post-navi :is(.prev-post,.next-post){min-width:0;overflow-wrap:anywhere}
.hibiiro-blog #sidebar{min-width:0;overflow-wrap:anywhere}
.hibiiro-blog .comment-form :is(input,textarea){max-width:100%;box-sizing:border-box}
@media(max-width:600px){
 .hibiiro-blog .comment-form :is(input,textarea),.hibiiro-blog .search-edit{font-size:16px}
 .hibiiro-blog .pagination{gap:6px}
 .hibiiro-reading .entry-content .wp-block-columns{flex-wrap:wrap!important}
 .hibiiro-reading .entry-content .wp-block-column{min-width:0;flex-basis:100%!important}
}