.pp-visual{scroll-margin-top:90px;--pp-ink:#263c50;--pp-blue:#1660a8;--pp-orange:#9b4a08;--pp-paper:#fffaf0;margin:28px 0 32px;padding:24px;border:2px solid #d2e6ef;border-radius:18px;background:var(--pp-paper);color:var(--pp-ink);font-family:inherit}
.pp-visual .pp-visual__label{margin:0 0 8px;color:var(--pp-blue);font-size:14px;font-weight:800;letter-spacing:.08em}
.pp-visual h2{margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important;font-size:22px!important;line-height:1.6}
.pp-visual h2::before,.pp-visual h2::after{display:none!important}
.pp-visual p{margin:12px 0;line-height:1.85}
.pp-visual .pp-visual__sentence{font-size:21px;line-height:1.8}
.pp-visual__sentence b{color:var(--pp-blue)}
.pp-visual__sentence strong{color:var(--pp-orange);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.pp-visual ol.pp-visual__timeline{display:grid;grid-template-columns:1fr 1fr .85fr;gap:16px;list-style:none;margin:24px 0 16px;padding:0}
.pp-visual__timeline li{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:16px 0 0;border-top:3px solid #a9c5d5;font-size:16px;line-height:1.6}
.pp-visual__timeline li::before{content:"";position:absolute;top:-7px;left:0;width:11px;height:11px;border-radius:50%;background:var(--pp-blue)}
.pp-visual__timeline li::after{content:"→";position:absolute;right:0;top:-18px;color:var(--pp-blue);font-size:19px}
.pp-visual__timeline .pp-visual__earlier{border-color:#dca875}
.pp-visual__earlier .pp-visual__time{color:var(--pp-orange)}
.pp-visual__timeline .pp-visual__earlier::before{background:var(--pp-orange)}
.pp-visual__time{font-size:22px;font-weight:800;color:var(--pp-blue);font-variant-numeric:tabular-nums}
.pp-visual__timeline small{font-size:13px}
.pp-visual .pp-visual__caption{font-size:14px;color:#4c6070}
.pp-visual .pp-visual__rule{padding:14px 16px;background:#e8f4fb;border-radius:8px}
.pp-visual__compare{margin:18px 0 0;border-top:1px solid #d2e0e7;padding-top:14px}
.pp-visual__compare summary{cursor:pointer;font-weight:750;line-height:1.7;color:var(--pp-blue)}
.pp-visual__compare summary:focus-visible,.pp-visual a:focus-visible{outline:3px solid #1660a8;outline-offset:4px}
.pp-visual .pp-visual__order{font-weight:800;color:var(--pp-blue)}
.pp-visual .pp-visual__next{margin-bottom:0;font-size:15px}
.pp-visual__next a{color:var(--pp-blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.pp-visual{scroll-margin-top:90px;padding:18px 16px}.pp-visual h2{font-size:19px!important}.pp-visual .pp-visual__sentence{font-size:18px}.pp-visual ol.pp-visual__timeline{grid-template-columns:1fr;gap:0;margin:20px 0 14px}.pp-visual__timeline li{padding:0 0 18px 20px;border-top:0;border-left:3px solid #a9c5d5;gap:2px}.pp-visual__timeline li::before{left:-7px;top:7px}.pp-visual__timeline li::after{content:"↓";left:-8px;right:auto;top:auto;bottom:0;font-size:18px}.pp-visual__timeline li:last-child{padding-bottom:0;border-color:transparent}.pp-visual__timeline li:last-child::after{display:none}.pp-visual__time{font-size:19px}}