.specialty-related-panel,
.specialty-related-panel * {
    box-sizing: border-box;
}

.specialty-related-panel {
    min-width: 0;
    overflow-x: clip;
}

.specialty-related-panel .workspace-notice-list,
.specialty-related-panel .workspace-notice-list > *,
.specialty-related-panel .specialty-service-card,
.specialty-related-panel .specialty-service-card__body,
.specialty-related-panel .specialty-service-card__footer,
.specialty-related-panel .specialty-service-card__media,
.specialty-related-panel .specialty-service-card__media img,
.specialty-related-panel .meta-inline {
    min-width: 0;
    max-width: 100%;
}

.specialty-related-panel .workspace-notice-list {
    display: grid;
    gap: 16px;
}

.specialty-related-panel .specialty-service-card {
    width: 100%;
    overflow: hidden;
}

.specialty-related-panel .specialty-service-card__media {
    width: 100%;
    margin: 0;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.specialty-related-panel .specialty-service-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.specialty-related-panel .specialty-service-card__title,
.specialty-related-panel .specialty-service-card__summary {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 760px) {
    .news-detail-card--specialty {
        gap: 16px;
    }

    .news-detail-card--specialty .section-heading {
        display: block;
        margin: 0;
    }

    .news-detail-card--specialty .section-heading > div.specialty-detail-header {
        display: grid;
        gap: 12px;
        min-width: 0;
        flex: initial;
    }

    .news-detail-card--specialty .section-heading h1 {
        font-size: clamp(19px, 9.4vw, 34px);
        line-height: 1.12;
        letter-spacing: -0.035em;
    }

    .news-detail-card--specialty .specialty-detail-meta {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 14px;
    }

    .news-detail-card--specialty .specialty-detail-meta > * {
        min-width: 0;
        font-size: 12px;
        line-height: 1.55;
    }

    .news-detail-card--specialty .news-detail-card__eyecatch {
        margin-top: 0;
        border-radius: 2px;
    }

    .news-detail-card--specialty .news-detail-card__eyecatch img {
        width: 100%;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }
}

.services-page .news-detail-layout { grid-template-columns:minmax(0,1fr) 310px; gap:28px; align-items:start; }
.services-page .news-detail-card--specialty { border:1px solid #dce7f7; padding:32px; border-radius:0; background:#fff; }
.services-page .news-detail-card--specialty .section-heading h1 { font:500 clamp(25px,2.5vw,36px)/1.65 'Noto Serif JP',serif; letter-spacing:0; margin:12px 0 20px; color:#14213a; overflow-wrap:anywhere; text-wrap:balance; }
.services-page .news-detail-card--specialty .specialty-detail-meta { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px 22px; color:#526178; font-size:13px; line-height:1.8; }
.services-page .news-detail-card--specialty .news-detail-card__eyecatch { margin:20px 0; border:1px solid #e2e9f4; border-radius:0; background:#fff; }
.services-page .news-detail-card--specialty .news-detail-card__eyecatch img { display:block; width:100%; aspect-ratio:3/2; object-fit:contain; }
.services-page .news-detail-card--specialty .news-detail-card__eyecatch figcaption { padding:12px 16px; color:#63718a; font-size:11px; line-height:1.8; }
.services-page .news-detail-card--specialty .workspace-notice-content { color:#334560; font-size:15px; line-height:2; overflow-wrap:anywhere; }
.services-page .news-detail-card--specialty .mini-card { padding:20px; }
.services-page .news-aside > .panel { border:1px solid #dce7f7; border-radius:0; padding:24px; }
.services-page .news-aside h2 { font:500 20px/1.7 'Noto Serif JP',serif; color:#14213a; }
.services-page .news-aside p,.services-page .news-aside li { color:#526178; font-size:13px; line-height:1.9; }
.services-page .news-aside .mini-card { padding:16px 0; border:0; border-top:1px solid #e5ebf5; border-radius:0; background:transparent; }
.services-page .news-aside .button { display:inline-flex; justify-content:center; align-items:center; gap:8px; width:100%; min-height:48px; border-radius:0; padding:12px; font-size:13px; line-height:1.8; }
.marketplace-private-note { margin:0 0 22px; padding:13px 16px; border-left:2px solid #3159db; background:#f3f7ff; color:#334560; font-size:12px; line-height:1.9; }
@media(max-width:1000px) { .services-page .news-detail-layout { grid-template-columns:minmax(0,1fr) 270px; gap:22px; } .services-page .news-detail-card--specialty { padding:24px; } }
@media(max-width:820px) { .services-page .news-detail-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .services-page .news-detail-card--specialty { padding:22px 18px; } .services-page .news-detail-card--specialty .section-heading h1 { font-size:25px; line-height:1.65; } .services-page .news-detail-card--specialty .specialty-detail-meta { gap:10px 18px; } }