/* Used Cocoon button / box + small useful set. Geometry tokens untouched. */
.wp-block-cocoon-blocks-button-1,
.wp-block-cocoon-blocks-button-1 a,
.btn-l {
    display: inline-block;
    padding: 0.7em 1.2em;
    text-decoration: none;
    border-radius: 4px;
}
.btn-shine {
    position: relative;
}
.cocoon-block-button__width-100 { width: 100%; }
.cocoon-block-button__width-50 { width: 50%; }
.is-style-blank-box-red,
.mh-box-alert {
    border: 2px solid #c0392b;
    padding: 0.8em 1em;
}
.mh-box-info { border: 2px solid #2980b9; padding: 0.8em 1em; }
.mh-box-question { border: 2px dashed #8e44ad; padding: 0.8em 1em; }
.mh-box-bg { background: #f4f4f4; padding: 0.8em 1em; }
.mh-box-double { border: 4px double #333; padding: 0.8em 1em; }
.mh-box-sticky { background: #fff6bf; box-shadow: 2px 2px 0 #e0d48a; padding: 0.8em 1em; }

.mh-blogcard,
.wp-block-cocoon-blocks-embed-blogcard {
    display: flex;
    gap: 12px;
    border: 1px solid #ddd;
    padding: 10px;
    text-decoration: none;
    color: inherit;
}
.mh-blogcard-thumb { width: 120px; height: 80px; object-fit: cover; }
.mh-blogcard-title { display: block; font-weight: 700; }
.mh-blogcard-domain { display: block; font-size: 0.8em; opacity: 0.7; }

.mh-site-header-inner,
.mh-site-footer { padding: 12px 16px; }
.mh-nav-list { display: flex; flex-wrap: wrap; gap: 12px; list-style: none; margin: 0; padding: 0; }
.mh-appeal { margin: 0 0 1rem; }
.mh-breadcrumb { font-size: 0.85rem; margin: 0 0 0.8rem; }
.mh-sns-share { display: flex; gap: 8px; margin: 0.8rem 0; }
.mh-footer-widgets { display: flex; flex-wrap: wrap; gap: 16px; }