.card-photo.card-comparison,.work-photo.work-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;height:auto;aspect-ratio:auto;overflow:hidden;background:#fff}
.comparison-panel{display:flex;flex-direction:column;position:relative;min-width:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#eeebe5;color:#303338;text-align:center}
.comparison-label{display:block;position:relative;z-index:1;padding:7px 6px;background:#747474;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1.4}
.comparison-panel.after .comparison-label{background:#b84b15}
.card-comparison .comparison-panel>img,.work-comparison .comparison-panel>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.comparison-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:0;aspect-ratio:4/3;padding:12px;color:#77766f;font-size:11px}
.comparison-missing svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5}
.work-category{font-size:11px;color:#a84919;margin-top:12px}
.detail-comparison{padding:0 32px 28px}
.detail-comparison[hidden]{display:none}
.detail-comparison h3{font-size:15px;font-weight:700;margin:0 0 12px}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.comparison-part+.comparison-part{margin-top:24px}
.comparison-part h4{margin:0 0 10px;font-size:15px;font-weight:700;color:#303338}
.comparison-part-heading{grid-column:1/-1;display:block;padding:7px 10px;background:#f4f2ee;color:#303338;text-align:left;font-size:12px;font-weight:700}
.gallery-title{margin:0 0 12px;font-size:15px;font-weight:700}
.photo-parts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.photo-parts[hidden]{display:none}
.photo-parts button{padding:9px 14px;border:1px solid #d9d5ce;border-radius:5px;background:#fff;color:#303338;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.photo-parts button[aria-pressed=true]{background:#747474;border-color:#747474;color:#fff}
.photo-parts button:focus-visible{outline:3px solid #b84b15;outline-offset:3px}
.comparison-grid .comparison-panel{border-radius:6px}
.comparison-grid .comparison-panel>img{display:block;width:100%;height:230px;object-fit:contain;background:#eeebe5}
.comparison-grid .comparison-missing{height:230px;aspect-ratio:auto}
.comparison-grid button.comparison-panel{cursor:zoom-in}
.comparison-grid button.comparison-panel:hover{box-shadow:0 0 0 2px #b84b15}
.detail-comparison>p{font-size:11px;color:#646970;margin:10px 0 0}
@media(max-width:700px){.detail-comparison{padding:0 20px 24px}.comparison-grid{gap:7px}.comparison-grid .comparison-panel>img,.comparison-grid .comparison-missing{height:165px}.comparison-label{font-size:10px;padding:7px 4px}.detail-comparison h3{font-size:13px}.detail-comparison>p{font-size:10px}.comparison-missing{font-size:10px}}
@media(max-width:380px){.comparison-grid .comparison-panel>img,.comparison-grid .comparison-missing{height:140px}}