.me-work-evidence { padding: clamp(40px, 6vw, 80px) 0; background: var(--me-cream-2); color:var(--me-ink-700); }
.me-work-evidence .section-title { margin-bottom: 28px; }
.me-work-evidence .me-work-evidence-note { max-width: 720px; margin: -16px auto 24px; font-size: 15px; line-height: 1.6; color: var(--me-ink-600, #4a5a5a); text-align: center; }
.me-work-evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.me-work-evidence-card { min-width: 0; overflow: hidden; border: 1px solid var(--me-line); border-radius: var(--me-radius); background: #fff; box-shadow: 0 8px 24px rgba(18,34,34,.07); }
.me-work-evidence-images { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.me-work-evidence-images figure { flex: 0 0 100%; min-width: 0; margin: 0; scroll-snap-align: start; }
.me-work-evidence-images img { display: block; width: 100%; height: 240px; object-fit: contain; background: var(--me-ink-900); }
.me-work-evidence-images figcaption { padding: 7px 14px; color: #4f5e6a; font-size: .8rem; }
.me-work-evidence-copy { padding: 18px; }
.me-work-evidence-meta { color: #5a6874; font-size: .86rem; }
.me-work-evidence-copy h3 { margin: 10px 0 14px; line-height: 1.3; color:var(--me-ink-900); }
.me-work-evidence-copy p { margin: 0 0 12px; line-height: 1.55; }
.me-work-evidence .section-container { max-width: 1200px; margin-inline: auto; padding-inline: 16px; }
.me-work-evidence-card { scroll-margin-top: 150px; align-self: start; }
.me-work-evidence-images { display: grid; overflow: visible; }
.me-work-evidence-images--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.me-work-photo a { display: block; background: var(--me-ink-900); }
.me-work-photo img { max-width: 100%; object-fit: contain; }
.me-work-photo figcaption { min-height: 44px; padding: 9px 12px; color: var(--me-ink-700); font-size: 13px; line-height: 1.4; background: var(--me-cream); }
.me-work-type { display: inline-flex; padding: 5px 10px; border-radius: 999px; background: var(--me-orange); color: var(--me-ink-900); font-size: 12px; font-weight: 700; }
.me-work-facts { margin: 14px 0; }
.me-work-facts > div { margin-block: 10px; }
.me-work-facts dt { font-weight: 700; color: var(--me-ink-900); }
.me-work-facts dd { margin: 4px 0 0; font-size: 14px; line-height: 1.65; }
.me-work-field-note { background: var(--me-cream); border-left: 4px solid var(--me-orange); border-radius: 8px; padding: 12px; margin-block: 14px; }
.me-work-field-note p { margin: 6px 0 0; font-size: 14px; }
.me-work-delivery { border-top: 1px solid var(--me-line); padding-top: 12px; font-size: 13px; color: var(--me-ink-700); }
.me-work-gallery summary, .me-work-more > summary { cursor: pointer; min-height: 44px; padding: 12px; font-weight: 600; color: var(--me-ink-900); background: var(--me-cream); border-radius: 8px; }
.me-work-more { margin-top: 24px; }
.me-work-more > .me-work-evidence-grid { margin-top: 20px; }
.me-work-gallery-grid { display: grid; gap: 12px; padding-top: 12px; }
.me-work-gallery-grid figure { margin: 0; }
.me-work-gallery-grid img { display: block; width: 100%; height: auto; max-height: 500px; object-fit: contain; }
.me-work-guide-links { display: grid; gap: 8px; margin-top: 16px; }
.me-work-guide-links a { min-height: 44px; color: var(--me-orange-text); font-size: 14px; line-height: 1.5; text-underline-offset: 3px; }
.me-work-evidence-card :focus-visible { outline: 3px solid var(--me-orange-text); outline-offset: 3px; }
.me-work-evidence > .section-container > .me-design-btn { margin-top: 24px; }
.me-guide-article .me-work-evidence .section-container { padding-inline: 0; }
.me-guide-article .me-work-evidence-grid { grid-template-columns: minmax(0, 1fr); }
.me-work-evidence-copy, .me-work-evidence-copy h3, .me-work-evidence-copy dd, .me-work-photo figcaption { overflow-wrap: anywhere; }
/* One actual case fills every viewport; only its internal desktop layout becomes two columns. */
.me-work-evidence-grid.me-work-evidence-grid--single{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
@media (min-width: 901px) {
    /* Match the actual visible pair, including expanded extra works; no empty third slot. */
    .me-work-evidence-grid:has(>.me-work-evidence-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
    .me-guide-article .me-work-evidence-grid:has(>.me-work-evidence-card:nth-child(2):last-child){grid-template-columns:minmax(0,1fr)}
    .me-work-evidence-grid--single{grid-template-columns:minmax(0,1fr)}
    .me-work-evidence-grid--single>.me-work-evidence-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-self:stretch}
    .me-work-evidence-grid--single .me-work-evidence-images{align-content:start;background:var(--me-cream)}
    .me-work-evidence-grid--single .me-work-evidence-images img{height:clamp(300px,32vw,460px)}
    .me-work-evidence-grid--single .me-work-evidence-copy{padding:clamp(24px,3vw,40px)}
    .me-work-evidence-grid--single .me-work-evidence-copy h3{font-size:clamp(23px,2.2vw,30px)}
}
@media (max-width: 900px) { .me-work-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
    .me-work-evidence-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; }
    .me-work-evidence-card { flex: 0 0 min(85vw, 370px); scroll-snap-align: start; }
    .me-work-more .me-work-evidence-grid, .me-guide-article .me-work-evidence-grid { display: grid; grid-template-columns: minmax(0, 1fr); overflow: visible; }
    .me-work-evidence-images--pair img { height: 190px; }
}