.p22-page{background:#fff;color:var(--ink)}
.p22-wrap{max-width:1180px;margin:0 auto;padding:42px 22px 78px}
.p22-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin:0 0 22px}.p22-crumbs a{text-decoration:none;font-weight:680}
.p22-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);gap:30px;align-items:stretch;padding:34px;border:1px solid #d8e2e4;border-radius:24px;background:linear-gradient(135deg,#fbfcfd 0%,#eef4f4 50%,#f6f0e6 100%);box-shadow:var(--shadow)}
.p22-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--burg);margin-bottom:10px}.p22-hero h1{font:800 clamp(34px,5vw,58px)/1.04 var(--display);letter-spacing:-.035em;margin:0 0 16px;color:var(--navy)}.p22-lead{font-size:19px;line-height:1.62;max-width:820px;margin:0;color:#344952}.p22-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.p22-status span{border:1px solid #cbd6d8;background:rgba(255,255,255,.86);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:760;color:#41525b}
.p22-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.p22-visual{margin:0;display:flex;flex-direction:column;justify-content:center;min-height:230px;border-radius:18px;overflow:hidden;background:#0f3043}.p22-visual img{width:100%;height:100%;max-height:330px;object-fit:cover;display:block}.p22-visual figcaption{background:#11364b;color:#edf4f5;padding:10px 12px;font-size:12px;line-height:1.45}
.p22-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 34px}.p22-summary article{border:1px solid #dce5e7;border-radius:16px;padding:17px;background:#fff}.p22-summary b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.p22-summary span{font-weight:760;color:var(--navy)}
.p22-section{margin:40px 0}.p22-section h2{font:780 28px/1.15 var(--display);letter-spacing:-.02em;color:var(--navy);margin:0 0 14px}.p22-section>p{max-width:940px;color:#41535d}.p22-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.p22-grid article{border:1px solid #dce4e7;border-radius:17px;padding:21px;background:#fff}.p22-grid article span{display:block;color:var(--burg);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.p22-grid h3{margin:0 0 8px;font-size:19px;color:var(--navy)}.p22-grid p{margin:0;color:#43535d}
.p22-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.p22-flow article{border:1px solid #d8e2e2;border-radius:16px;padding:20px;background:#f8faf9}.p22-flow article>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:850;margin-bottom:10px}.p22-flow b{display:block;color:var(--navy);margin-bottom:5px}.p22-flow p{font-size:14px;color:#52616a;margin:0}
.p22-boundary{border-left:5px solid var(--burg);padding:23px 25px;background:#faf6f2;border-radius:0 17px 17px 0;margin:34px 0}.p22-boundary h2{margin-top:0}.p22-boundary ul{margin:10px 0 0;padding-left:20px}.p22-boundary li{margin:7px 0}.p22-note{padding:19px 21px;border:1px solid #d6e2df;border-radius:16px;background:#f2f7f5;margin:24px 0}.p22-note strong{color:var(--navy)}
.p22-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.p22-compare>div{border:1px solid #dce4e5;border-radius:17px;padding:21px;background:#fff}.p22-compare .external{background:#f8f5ef;border-color:#dfd3bd}.p22-compare h3{margin:0 0 8px;color:var(--navy)}.p22-compare p{margin:0;color:#485a63}
.p22-tablewrap{overflow:auto;border:1px solid #dce5e6;border-radius:16px}.p22-table{width:100%;border-collapse:collapse;min-width:760px}.p22-table th,.p22-table td{text-align:left;padding:13px 15px;border-bottom:1px solid #e5ecec;vertical-align:top}.p22-table th{background:#f4f7f7;color:var(--navy);font-size:13px}.p22-table tr:last-child td{border-bottom:0}
.p22-actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.p22-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #b9c8cb;border-radius:11px;background:#fff;color:var(--navy);font-weight:780;text-decoration:none}.p22-btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.p22-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.p22-related a{display:block;text-decoration:none;border:1px solid #d8e2e3;padding:14px;border-radius:14px;background:#fff;font-weight:700}.p22-related a:hover{background:#f3f7f6}.p22-compat .p22-hero{grid-template-columns:1fr}
@media(max-width:900px){.p22-hero,.p22-compare{grid-template-columns:1fr}.p22-summary{grid-template-columns:repeat(2,1fr)}.p22-flow{grid-template-columns:repeat(2,1fr)}.p22-related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.p22-wrap{padding:28px 16px 54px}.p22-hero{padding:22px;border-radius:19px}.p22-hero h1{font-size:36px}.p22-lead{font-size:17px}.p22-summary,.p22-grid,.p22-flow,.p22-related,.p22-gallery{grid-template-columns:1fr}.p22-actions{align-items:stretch}.p22-btn{width:100%}.p22-visual{min-height:190px}.p22-table{min-width:650px}}
@media(prefers-reduced-motion:reduce){.p22-btn{transition:none!important;transform:none!important}}