/* Shared article components. Content stays in editable WordPress blocks. */
.hima-highlight{margin:0 0 28px;padding:18px 22px;border:1px solid #d6dcd6;border-left:4px solid #e1bd21;border-radius:8px;background:#fffef8;color:#343b3c}
.hima-highlight .hima-highlight-title{margin:0 0 8px;font-size:15px;font-weight:800;line-height:1.6;color:#61552b}
.hima-highlight p{margin:0;font-size:17px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:560px){.hima-highlight{padding:15px 16px}.hima-highlight p{font-size:16px}}
.wp-block-quote.is-style-best-answer{border:1px solid #ecd98c;background:#fffbec;border-radius:10px}
/* Match the original mockup: open question, answer label inside one yellow box. */
.wp-article-content h2.hima-question-title,.wp-article-content h2.hima-answer-title{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.6;font-weight:700}
.hima-q-marker{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--category);color:#fff;font-family:Georgia,serif;font-size:24px;line-height:1}
.wp-article-content .hima-question-title+blockquote{padding:0;border:0;border-radius:0;background:transparent;margin:18px 0 32px}
.wp-article-content h2.hima-answer-title:has(+blockquote.is-style-best-answer),.wp-article-content h2.hima-answer-title:has(+blockquote.best-answer){margin:28px 0 0;padding:22px 24px 12px;background:#fffbec;border:1px solid #ecd98c;border-bottom:0;border-radius:10px 10px 0 0}
.hima-answer-title .icon{flex:0 0 22px;width:22px;height:22px;color:#927700}
.wp-article-content .hima-answer-title+blockquote.is-style-best-answer,.wp-article-content .hima-answer-title+blockquote.best-answer{margin:0 0 28px;padding:0 24px 22px;border-top:0;border-radius:0 0 10px 10px}
/* Source followups stay separate from the question, best answer and cat. */
.wp-article-content h2.hima-followup-title,.editor-styles-wrapper h2.hima-followup-title,.editor-styles-wrapper h2:has(+.wp-block-quote.is-style-questioner-followup){margin:28px 0 10px;font-size:18px;line-height:1.7;font-weight:700;color:#4e594f}
.wp-article-content .wp-block-quote.is-style-questioner-followup,.editor-styles-wrapper .wp-block-quote.is-style-questioner-followup{margin:10px 0 28px;padding:18px 22px;border:0;border-left:3px solid #bdcbbd;border-radius:0 8px 8px 0;background:#f4f7f3;color:#343b3c;font-size:18px;line-height:1.9}
.wp-block-quote.is-style-questioner-followup p{margin:0 0 1em}
.wp-block-quote.is-style-questioner-followup p:last-child{margin-bottom:0}
.wp-block-quote.is-style-questioner-followup cite{display:block;margin-top:12px;font-size:14px;font-style:normal;line-height:1.7;color:#62695f}
.cat-comment{display:flex;align-items:center;gap:22px;margin:28px 0;max-width:100%}
.cat-comment-speaker{flex:0 0 116px;min-width:0;text-align:center}
.cat-comment-speaker .cat-art{width:100%;height:auto}
.cat-comment-speaker span{display:block;margin-top:7px;font-size:12px;color:#62695f;line-height:1.5}
.cat-comment-bubble{position:relative;min-width:0;width:fit-content;flex:0 1 auto;background:#fff7cf;border-radius:14px;padding:22px 25px;color:#343b3c}
.cat-comment-bubble:before{content:"";position:absolute;left:-12px;top:calc(50% - 10px);border-block:10px solid transparent;border-right:13px solid #fff7cf}
.wp-article-content .cat-comment-bubble p{margin:0;font-size:20px;line-height:1.8;overflow-wrap:anywhere}
.editor-styles-wrapper .is-style-cat-comment{position:relative;padding:20px 24px;background:#fff7cf;border-radius:14px;color:#343b3c}
.editor-styles-wrapper .is-style-cat-comment:before{content:"猫のひと言（編集部）";display:block;margin-bottom:8px;font-size:12px;color:#62695f}
@media(max-width:560px){
 .wp-article-content h2.hima-question-title,.wp-article-content h2.hima-answer-title{font-size:17px;gap:9px}
 .wp-article-content h2.hima-answer-title:has(+blockquote.is-style-best-answer),.wp-article-content h2.hima-answer-title:has(+blockquote.best-answer){padding:18px 16px 10px}
 .wp-article-content .hima-answer-title+blockquote.is-style-best-answer,.wp-article-content .hima-answer-title+blockquote.best-answer{padding:0 16px 18px}
 .wp-article-content .wp-block-quote.is-style-questioner-followup,.editor-styles-wrapper .wp-block-quote.is-style-questioner-followup{padding:16px 18px}
 .cat-comment{gap:16px;margin:24px 0;align-items:center}
 .cat-comment-speaker{flex-basis:72px}
 .cat-comment-speaker span{font-size:11px}
 .cat-comment-bubble{padding:16px;border-radius:12px}
 .wp-article-content .cat-comment-bubble p{font-size:17px;line-height:1.8}
}
