.five-pages .pro-hero{padding-bottom:34px}
.five-pages .hero-visual figure{background:#fbfaf7}
.five-pages .hero-visual img{object-fit:contain;aspect-ratio:3/2;max-height:340px}
.five-pages .dc-hero .dc-grid{gap:32px}
.five-pages .dc-hero h1{font-size:clamp(30px,3vw,43px)}
.five-pages .dc-hero .dc-intro{font-size:clamp(18px,1.55vw,20px)}
.five-pages .dc-table:focus-visible{outline:3px solid #c92828;outline-offset:4px}
.five-pages .dc-table a{text-decoration:underline;text-underline-offset:3px}
.five-pages main li{margin-bottom:12px}
.per-scenario{border:1px solid #deded9;background:#f7f7f4;padding:26px;border-radius:18px;margin:24px 0}
.per-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.per-fields label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:15px}
.per-fields input,.per-fields select{width:100%;border:1px solid #a4a4a0;background:#fff;color:#20211f;border-radius:8px;padding:12px;font:inherit;min-height:46px}
.per-confirm{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:15px;line-height:1.55}
.per-confirm input{margin-top:5px;flex-shrink:0;width:18px;height:18px;accent-color:#a32222}
.per-scenario button{border:0;font:inherit;cursor:pointer}
.per-output:not(:empty){background:#fff;border-left:4px solid #ef3434;border-radius:0 12px 12px 0;padding:22px;margin-top:24px}
.per-output p:last-child{margin-bottom:0}
.per-output strong{font-size:20px}
@media(max-width:700px){.per-fields{grid-template-columns:1fr}.per-scenario{padding:20px}.five-pages .hero-visual img{max-height:300px}.five-pages .dc-hero h1{font-size:clamp(29px,7vw,38px)}}