.h4h-service-breadcrumbs { margin: 0 0 16px; color: #455b63; font-size: 13px; line-height: 1.5; }
.h4h-service-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; padding: 0; list-style: none; }
.h4h-service-breadcrumbs li { display: inline; margin: 0; }
.h4h-service-breadcrumbs li + li::before { content: '/'; margin-right: 8px; color: #60747c; }
.h4h-service-breadcrumbs a { color: #16566a; text-decoration: underline; text-underline-offset: 3px; }
.h4h-seo-content { margin: 32px 0; }
.h4h-seo-content h2 { margin-top: 30px; }
.h4h-seo-content p, .h4h-seo-content li { line-height: 1.7; }
.h4h-seo-content ul, .h4h-seo-content ol { padding-left: 22px; }
.h4h-seo-example { margin: 24px 0; padding: 22px; border-left: 4px solid #25738a; border-radius: 0 12px 12px 0; background: #f1f7f7; }
.h4h-seo-example h3 { margin: 0 0 12px; }
.h4h-seo-example p:last-child { margin-bottom: 0; }
.h4h-seo-table-wrap { max-width: 100%; overflow-x: auto; margin: 20px 0; }
.h4h-seo-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.6; }
.h4h-seo-table th, .h4h-seo-table td { padding: 12px; border: 1px solid #ccd9dc; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.h4h-seo-table th { background: #e9f2f3; font-weight: 700; }
.h4h-seo-source { color: #4d6169; font-size: 14px; }
.h4h-panelling-figure { max-width: 750px; margin: 24px auto; }
.h4h-panelling-width { margin: 0 0 8px !important; text-align: center; font-weight: 700; }
.h4h-panelling-diagram { display: grid; grid-template-columns: 7.5fr repeat(4, 65.625fr 7.5fr); grid-template-rows: 7.5fr 105fr 7.5fr; width: 100%; aspect-ratio: 2.5 / 1; background: #32736e; border: 1px solid #174c48; }
.h4h-panelling-diagram span { display: flex; grid-row: 2; align-items: center; justify-content: center; background: #eaf3ef; color: #174c48; font-weight: 700; }
.h4h-panelling-diagram span:nth-child(1) { grid-column: 2; }
.h4h-panelling-diagram span:nth-child(2) { grid-column: 4; }
.h4h-panelling-diagram span:nth-child(3) { grid-column: 6; }
.h4h-panelling-diagram span:nth-child(4) { grid-column: 8; }
.h4h-panelling-key { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 12px 0; padding: 0; list-style: none; font-size: 14px; }
.h4h-panelling-key li { margin: 0; }
.h4h-panelling-key li:first-child::before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 6px; background: #32736e; }
.h4h-panelling-figure figcaption { font-size: 14px; line-height: 1.6; color: #465e63; }
@media (max-width: 540px) {
    .h4h-service-breadcrumbs { margin-bottom: 12px; font-size: 12px; }
    .h4h-seo-example { padding: 18px 16px; }
    .h4h-seo-table { font-size: 13px; }
    .h4h-seo-table th, .h4h-seo-table td { padding: 8px; }
    .h4h-panelling-diagram span { font-size: 13px; }
}