/* 画像構図30種専用。既存HTMLのセレクタを変更しない。 */
.pro-preview{display:block;position:relative;width:100%;aspect-ratio:210/297;overflow:hidden;background:#e8e4d9;color:#173b40;color-scheme:light}
.pro-placeholder{position:absolute;inset:0;padding:20% 12% 12%;display:flex;flex-direction:column;justify-content:center;gap:1.2em;text-align:left;border-bottom:12px solid #527d82;background:linear-gradient(165deg,#eee9df,#d6e2db)}
.pro-placeholder strong{font-family:'Shippori Mincho',serif;font-size:clamp(16px,2.4vw,30px);line-height:1.6}
.pro-placeholder span{font-size:12px;line-height:1.9}.pro-placeholder small{font-size:10px;line-height:1.8}.pro-placeholder small:last-child{margin-top:auto}
.pro-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.pro-preview img.loaded{opacity:1}
.pro-placeholder[hidden],.pro-preview img[hidden]{display:none}
.pro-warning{font-size:13px;line-height:1.9;padding:12px 14px;border:1px solid var(--line);border-radius:3px}
@media(max-width:700px){.pro-placeholder{padding-inline:10%}.pro-placeholder strong{font-size:18px}.pro-placeholder span{font-size:10px}.pro-placeholder small{font-size:9px}.card .pro-placeholder strong{font-size:16px}.card .pro-placeholder small{font-size:8px}}