.water-proof{margin:8px 0 0;border:1px solid #a7cdc7;border-radius:9px;background:#fff;text-align:left;scroll-margin-top:12px;color:#173a48}
.water-proof>summary{display:flex;align-items:center;gap:10px;min-height:62px;padding:6px 12px 6px 7px;background:#f1f8f6;cursor:pointer;border-radius:8px;list-style:none;text-align:left}
.water-proof>summary::-webkit-details-marker{display:none}
.water-proof>summary::after{content:'＋';margin-left:auto;font-size:23px;font-weight:700;color:#145d53}
.water-proof[open]>summary::after{content:'−'}
.water-proof>summary>img{width:60px;height:47px;flex:none;border-radius:5px;object-fit:cover}
.water-proof>summary>span{display:grid;gap:2px}
.water-proof>summary small{font-size:13px;font-weight:700;line-height:1.3;color:#28645c}
.water-proof>summary strong{font-size:clamp(17px,3vw,20px);line-height:1.45;color:#103e4c}
.water-proof-body{padding:12px 9px 9px}
.water-proof .proof-note{font-size:16px;color:#304b59;margin:0 0 10px;line-height:1.55;text-align:left}
.proof-switch{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 9px}
.proof-switch button{flex:1 1 auto;min-height:45px;padding:6px 5px;border:1px solid #75988f;border-radius:7px;background:#fff;color:#154f46;font-family:inherit;font-size:clamp(15px,3.4vw,17px);font-weight:700;cursor:pointer}
.proof-switch button[aria-pressed=true]{background:#10675c;color:#fff;border-color:#10675c}
.water-proof :is(summary,button):focus-visible{outline:3px solid #124e97;outline-offset:2px}
.proof-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;align-items:start}
.proof-pics[data-mode=before],.proof-pics[data-mode=after]{grid-template-columns:minmax(0,1fr)}
.proof-pics figure{margin:0;overflow:hidden;border-radius:7px;background:#ecf1f0}
.proof-pics figcaption{background:#415361;color:#fff;text-align:center;padding:3px;font-size:16px;font-weight:700}
.proof-pics [data-shot=after] figcaption{background:#10675c}
.proof-pics img{width:100%;height:auto;display:block}
.water-proof [hidden]{display:none!important}