/* hiro-cocoon-blocks.css — Cocoon の標準ブロックを、サンプルサイトの見た目に寄せる
   Cocoon のブロックは --cocoon-custom-* という変数で色を決めているので、変数と角丸・余白を変えるだけで揃います。
   本文エリア（.entry-content）の中だけに当てています。 */

/* ---------- 本文まわり（ヒロのノート） ---------- */
.hiro:not(.column-full-wide) .entry-content{font-size:1.02rem;line-height:2}
.hiro:not(.column-full-wide) .entry-content>*+*{margin-top:1.5em}
.hiro .article h2:not(.hiro-block *){font-family:var(--font-head);font-size:clamp(1.4rem,3vw,1.75rem);margin-top:2.6em;padding:.6em .9em;background:var(--forest);color:#fff;border-radius:var(--r);line-height:1.5}
.hiro .article h3:not(.hiro-block *){font-family:var(--font-head);font-size:1.3rem;margin-top:2.2em;padding:0 0 .35em;border:0;border-bottom:3px solid var(--lamp);color:var(--night);line-height:1.5;background:none}
.hiro .article h4:not(.hiro-block *){font-family:var(--font-head);font-size:1.12rem;margin-top:2em;padding:0 0 0 .7em;border:0;border-left:6px solid var(--lamp);color:var(--night);background:none}
.hiro .article h5:not(.hiro-block *){font-size:1rem;margin-top:1.8em;color:var(--forest);border:0;padding:0}
.hiro .article h6:not(.hiro-block *){font-size:.92rem;margin-top:1.6em;color:var(--ink-soft);border:0;padding:0}
.hiro .entry-content a:not([class]){color:var(--forest);font-weight:500}
.hiro .entry-content strong:not(.hiro-block *){font-weight:700;background:linear-gradient(transparent 62%,var(--lamp-soft) 62%)}
.hiro .entry-content mark{background:var(--lamp-soft);padding:.05em .3em;border-radius:4px}
.hiro .entry-content ul li::marker{color:var(--lamp-deep)}
.hiro .entry-content ol li::marker{color:var(--forest);font-weight:700}
.hiro .entry-content hr,.hiro .entry-content .wp-block-separator{border:0;height:2px;background:repeating-linear-gradient(90deg,var(--sage) 0 8px,transparent 8px 16px);opacity:1}
.hiro .entry-content code{background:var(--mist);padding:.1em .4em;border-radius:4px}
.hiro .entry-content pre{background:var(--night);color:var(--mist);border-radius:var(--r)}
.hiro .entry-content figure img,.hiro .entry-content .wp-block-image img{border-radius:var(--r)}
.hiro .entry-content figcaption{font-size:.85rem;color:var(--ink-soft);text-align:center}

/* 引用 */
.hiro .entry-content blockquote{position:relative;padding:1.4em 1.6em 1.4em 3.2em;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--ink-soft)}
.hiro .entry-content blockquote::before{content:"“";position:absolute;left:.5em;top:.1em;font-family:var(--font-story);font-size:3.4rem;color:var(--lamp);border:0;background:none;width:auto;height:auto;line-height:1.2}
.hiro .entry-content blockquote::after{content:none}
.hiro .entry-content blockquote cite{display:block;margin-top:.6em;font-size:.85rem;font-style:normal}

/* 表 */
.hiro .entry-content table{background:#fff;border-color:var(--line)}
.hiro .entry-content th,.hiro .entry-content td{border:1px solid var(--line);padding:.7em 1em;text-align:left}
.hiro .entry-content th{background:var(--mist);color:var(--night)}
.hiro .entry-content thead th{background:var(--forest);color:#fff}
.hiro .entry-content tr:nth-of-type(2n+1) td{background:transparent}
.hiro .entry-content tbody tr:nth-child(even) td{background:var(--mist)}

/* 目次 */
.hiro .toc{background:#fff;border:2px solid var(--forest);border-radius:var(--r);padding:1.2em 1.6em}
.hiro .toc-title{font-family:var(--font-head);font-weight:700;color:var(--night)}
.hiro .toc a{color:var(--forest)}

/* ---------- 吹き出し（Cocoon の「吹き出し」ブロック） ---------- */
.hiro .speech-wrap{--cocoon-custom-background-color:#fff;--cocoon-custom-border-color:var(--forest);--cocoon-custom-text-color:var(--ink);gap:14px;align-items:flex-start}
.hiro .speech-person{width:76px;min-width:76px}
.hiro .speech-icon img{border:2px solid var(--lamp);background:var(--mist)}
.hiro .speech-name{color:var(--ink-soft);font-size:.78rem}
.hiro div.speech-balloon{margin:0;padding:1em 1.3em;border-radius:18px;border-width:2px;max-width:calc(100% - 100px)}
.hiro .sbp-l:not(.not-nested-style) .speech-balloon,.hiro .sbp-r:not(.not-nested-style) .speech-balloon{margin-left:0;margin-right:0}
.hiro .speech-balloon::before{top:22px}
.hiro .speech-balloon::after{top:22px}
/* 右向き（ヒロさんなど）は、あたたかい色に */
.hiro .sbp-r{--cocoon-custom-background-color:var(--lamp-soft);--cocoon-custom-border-color:var(--lamp-deep)}

/* ---------- 囲みボックス ---------- */
.hiro .information-box,.hiro .is-style-information-box{background:var(--mist);border:1px solid var(--sage);border-left:6px solid var(--moss)}
.hiro .question-box,.hiro .is-style-question-box{background:var(--lamp-soft);border:1px solid var(--yamabuki);border-left:6px solid var(--lamp)}
.hiro .alert-box,.hiro .is-style-alert-box{background:#FBE6D6;border:1px solid #F0C0A0;border-left:6px solid var(--roof)}
.hiro .memo-box,.hiro .is-style-memo-box{background:var(--green-soft);border:1px solid #C5DABA;border-left:6px solid var(--green)}
.hiro .comment-box,.hiro .is-style-comment-box{background:#fff;border:2px dashed var(--sage)}
.hiro .information-box,.hiro .question-box,.hiro .alert-box,.hiro .memo-box,.hiro .comment-box,
.hiro .is-style-information-box,.hiro .is-style-question-box,.hiro .is-style-alert-box,.hiro .is-style-memo-box,.hiro .is-style-comment-box{border-radius:var(--r)}
.hiro .is-style-primary-box,.hiro .is-style-success-box,.hiro .is-style-info-box,.hiro .is-style-warning-box,.hiro .is-style-danger-box,.hiro .is-style-secondary-box{border-radius:var(--r)}
.hiro .is-style-primary-box{background:var(--lamp-soft);border-color:var(--lamp)}
.hiro .is-style-success-box{background:var(--green-soft);border-color:var(--green)}
.hiro .is-style-info-box{background:var(--mist);border-color:var(--moss)}
.hiro .is-style-warning-box{background:#FBE6D6;border-color:var(--roof)}
.hiro .is-style-danger-box{background:#FBE6D6;border-color:var(--roof)}
.hiro .is-style-secondary-box{background:#fff;border-color:var(--sage)}

/* 白抜きボックス・キャプション・ラベル */
.hiro .blank-box{--cocoon-custom-border-color:var(--sage);border-radius:var(--r);border-width:2px}
.hiro .blank-box.bb-orange,.hiro .blank-box.bb-amber,.hiro .blank-box.bb-yellow{--cocoon-custom-border-color:var(--lamp)}
.hiro .blank-box.bb-green,.hiro .blank-box.bb-light-green,.hiro .blank-box.bb-lime{--cocoon-custom-border-color:var(--green)}
.hiro .blank-box.bb-brown,.hiro .blank-box.bb-red,.hiro .blank-box.bb-deep-orange{--cocoon-custom-border-color:var(--roof)}
.hiro .caption-box{--cocoon-custom-border-color:var(--forest);border-radius:var(--r);overflow:hidden}
.hiro .caption-box-label{background:var(--forest);color:#fff;font-family:var(--font-head)}
.hiro .label-box{--cocoon-custom-border-color:var(--lamp)}
.hiro .label-box-label{font-family:var(--font-head);color:var(--night)}

/* ---------- ボタン（Cocoon の「ボタン」ブロック） ---------- */
.hiro .btn-wrap{--cocoon-custom-background-color:var(--lamp);--cocoon-custom-text-color:var(--night);--cocoon-custom-border-color:var(--lamp)}
.hiro .btn-wrap:not(.has-text-color)>a{--cocoon-custom-text-color:var(--night)}
.hiro .btn-wrap>a,.hiro .btn:not(.hiro-btn){border-radius:999px;font-family:var(--font-head);font-size:1rem;padding:.8em 1.8em;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.hiro .btn-wrap>a:hover{background-color:var(--lamp-deep);border-color:var(--lamp-deep);color:var(--night);transform:translateY(-2px);box-shadow:var(--glow)}
.hiro .btn-wrap.btn-wrap-l>a,.hiro .btn-wrap.btn-wrap-l-l>a{display:flex}

/* ---------- 開閉ボックス・タブ・FAQ・年表 ---------- */
.hiro .toggle-box{--cocoon-custom-border-color:var(--sage)}
.hiro .toggle-button{background:var(--mist);border-radius:var(--r);padding:.7em 1.2em;font-family:var(--font-head);font-weight:700;color:var(--night);text-align:left}
.hiro .toggle-checkbox:checked ~ .toggle-button{border-bottom-left-radius:0;border-bottom-right-radius:0}
.hiro .tab-label-group .tab-label{border-top-left-radius:var(--r);border-top-right-radius:var(--r)}
.hiro .tab-content-group{border-color:var(--sage);border-radius:0 0 var(--r) var(--r);background:#fff}
.hiro .faq-wrap{border-radius:var(--r)}
.hiro .faq-question-label{background:var(--forest);color:#fff}
.hiro .faq-answer-label{background:var(--lamp);color:var(--night)}
.hiro .timeline-box{--cocoon-custom-point-color:var(--green)}
.hiro .timeline-item-content{border-left-color:var(--sage)}

/* CTA・ボックスメニュー・リスト */
.hiro .cta-box{background:var(--forest);color:var(--mist);border-radius:calc(var(--r)*2);padding:clamp(24px,5vw,48px)}
.hiro .cta-heading{font-family:var(--font-head);color:#fff;text-align:center}
.hiro .box-menu{background:#fff;box-shadow:none;border:1px solid var(--line);color:var(--ink)}
.hiro .box-menu:hover{background:var(--lamp-soft);color:var(--night)}
.hiro .iconlist-box{border-radius:var(--r)}
.hiro .iconlist-box ul li::before{color:var(--green)}
.hiro .blogcard-wrap,.hiro .blogcard{border-radius:var(--r);border-color:var(--line)}
.hiro .blogcard-title{font-family:var(--font-head);color:var(--night)}

/* ---------- ものがたりの段落スタイル（ブロックの「スタイル」から選べる） ---------- */
.story-text .is-style-hiro-say,.entry-content .is-style-hiro-say{padding-left:1em;text-indent:-1em}
.story-text .is-style-hiro-narration,.entry-content .is-style-hiro-narration{color:var(--forest)}
.story-text .is-style-hiro-voice,.entry-content .is-style-hiro-voice{font-weight:700;font-size:1.08em;color:var(--night);padding-left:1em;text-indent:-1em}