.double-pic-pro{--dp-ink:#203047;--dp-muted:#536477;--dp-line:#dce4ee;--dp-soft:#f5f8fc;color:var(--dp-ink);line-height:1.75;margin:42px 0}
.double-pic-pro__intro{background:var(--dp-soft);border:1px solid var(--dp-line);border-radius:18px;padding:clamp(22px,4vw,42px);margin-bottom:24px}
.double-pic-pro__eyebrow{font-size:.78rem;letter-spacing:.09em;font-weight:750;color:#536e93}
.double-pic-pro h2{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.3;margin:0 0 18px}
.double-pic-pro h3{font-size:1.16rem;line-height:1.4;margin:25px 0 10px}
.double-pic-pro p,.double-pic-pro li{color:var(--dp-muted)}
.double-pic-pro__nav{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 34px}
.double-pic-pro__nav a{display:inline-block;border:1px solid var(--dp-line);border-radius:999px;padding:8px 13px;color:var(--dp-ink);text-decoration:none;font-size:.92rem}
.double-pic-pro__nav a:hover{background:var(--dp-soft)}
.double-pic-pro__section{padding:28px 0;border-bottom:1px solid var(--dp-line);scroll-margin-top:24px}
.double-pic-pro__section figure{margin:24px 0;padding:14px;background:var(--dp-soft);border-radius:14px}
.double-pic-pro__section figure img{display:block;width:100%;height:auto;max-width:900px;margin:auto}
.double-pic-pro__section figcaption{font-size:.9rem;color:var(--dp-muted);margin:12px 4px 2px}
.double-pic-pro table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}
.double-pic-pro th,.double-pic-pro td{padding:12px;text-align:left;vertical-align:top;border:1px solid var(--dp-line)}
.double-pic-pro th{background:var(--dp-soft);color:var(--dp-ink)}
.double-pic-pro ol,.double-pic-pro ul{padding-left:1.5rem}
@media(max-width:700px){.double-pic-pro{margin:28px 0}.double-pic-pro__nav{gap:7px}.double-pic-pro__nav a{font-size:.84rem;padding:7px 10px}.double-pic-pro table{font-size:.88rem}.double-pic-pro th,.double-pic-pro td{padding:8px}.double-pic-pro__section figure{padding:8px}}