.vpk-hero{padding:31px 0 24px;border-bottom:1px solid #d8e1e5;background:linear-gradient(180deg,#f7fafb 0,#fff 100%)}
.vpk-crumb{font:12px/1.5 Arial,sans-serif;color:#63737e;margin:0 0 15px}.vpk-crumb a,.vpk-article a,.vpk-side a{color:#285a78}
.vpk-kicker,.vpk-intro>strong,.vpk-output-head>span{display:block;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.11em;color:#855a2a}
.vpk-hero h1{font:700 clamp(30px,3.6vw,46px)/1.13 Georgia,serif;color:#173749;max-width:880px;margin:8px 0 12px}
.vpk-hero .vpk-lead{font:18px/1.56 Georgia,serif;color:#465a66;max-width:810px;margin:0}
.vpk-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,280px);gap:36px;padding-top:29px;padding-bottom:58px;align-items:start}.vpk-main{min-width:0}
.vpk-intro,.vpk-form,.vpk-output,.vpk-article,.vpk-side{border:1px solid #d7e1e5;background:#fff;box-shadow:0 1px 3px #1739490b}
.vpk-intro,.vpk-form,.vpk-output,.vpk-article{padding:23px;margin:0 0 18px}.vpk-intro{background:#f3f7f9}.vpk-intro p{margin:7px 0 0;line-height:1.62}
.vpk-form h2,.vpk-output h2,.vpk-article h2{font:700 25px/1.22 Georgia,serif;color:#1e4358;margin:0 0 13px}.vpk-form p,.vpk-output p,.vpk-article p,.vpk-article li{line-height:1.64}
.vpk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:19px 0}.vpk-fields label{display:flex;flex-direction:column;gap:7px;font:700 13px/1.35 Arial,sans-serif;color:#344d5d}
.vpk-fields input{box-sizing:border-box;width:100%;border:1px solid #aebfc7;border-radius:3px;background:#fff;color:#233c4a;padding:10px;font:16px Arial,sans-serif}
.vpk-form button,.vpk-download{font:700 14px Arial,sans-serif;background:#285c7a;color:#fff;border:0;border-radius:3px;padding:12px 19px;cursor:pointer}.vpk-form button:hover,.vpk-download:hover{background:#1c4764}.vpk-form button:focus-visible,.vpk-download:focus-visible{outline:3px solid #e1b877;outline-offset:2px}
.vpk-form>p,.vpk-limit{font-size:13px;color:#596c77}.vpk-form-note{border-left:3px solid #b98443;padding-left:12px}
.vpk-output-head{background:#f5f8f9;border-left:3px solid #b98443;padding:14px 16px;margin-bottom:17px}.vpk-output-head h2{margin:4px 0 8px}.vpk-output-head p{margin:0}
.vpk-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.vpk-stats>div{padding:11px 13px;background:#eff5f7;border-top:2px solid #b98443}.vpk-stats strong{display:block;font:700 21px/1.2 Georgia,serif;color:#244b62}.vpk-stats span{display:block;font:12px/1.4 Arial,sans-serif;color:#607580;margin-top:2px}
.vpk-table-scroll{max-width:100%;overflow-x:auto;margin:20px 0}.vpk-table-scroll table{width:100%;min-width:850px;border-collapse:collapse;font:13px/1.45 Arial,sans-serif}.vpk-table-scroll caption{text-align:left;font:700 19px/1.3 Georgia,serif;color:#24475a;margin:0 0 10px}.vpk-table-scroll th,.vpk-table-scroll td{padding:10px 9px;text-align:left;border-bottom:1px solid #dce5e9;vertical-align:top}.vpk-table-scroll thead th{background:#eaf1f4;color:#24475a}.vpk-table-scroll tbody tr:nth-child(2n){background:#f8fafb}.vpk-table-scroll tbody th{min-width:128px;color:#23495d}.vpk-table-scroll time{display:block;font-variant-numeric:tabular-nums;white-space:nowrap}.vpk-table-scroll small{display:block;color:#657984;margin-top:3px;white-space:nowrap}.vpk-edge{display:inline-block;margin:5px 0 1px;padding:2px 5px;background:#f5eadb;color:#765020;font:700 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em}
.vpk-mobile-note{display:none;font:12px/1.4 Arial,sans-serif;color:#617681}.vpk-limit{border-top:1px solid #dce5e9;padding-top:13px;margin-top:18px}.vpk-error{border-left:3px solid #ac4444;background:#fff3f2;padding:12px 15px;color:#802f2f}
.vpk-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.vpk-rule-grid>div{padding:13px;background:#f3f7f9;border:1px solid #d9e4e8}.vpk-rule-grid b,.vpk-rule-grid span{display:block}.vpk-rule-grid b{font:700 16px/1.3 Georgia,serif;color:#24475a}.vpk-rule-grid span{font:12px/1.45 Arial,sans-serif;color:#60727c;margin-top:4px}
.vpk-article h2:not(:first-child){margin-top:28px}.vpk-article h3{font:700 18px/1.3 Georgia,serif;color:#24475a;margin:20px 0 6px}.vpk-article ul,.vpk-article ol{padding-left:21px}.vpk-article .vpk-example{background:#f4f8fa;border-left:3px solid #b98443;padding:14px 16px}.vpk-article .vpk-equation{font:15px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f7f8;border:1px solid #dbe3e6;padding:12px;overflow-wrap:anywhere}
.vpk-guide-table{max-width:100%;overflow-x:auto;margin:18px 0}.vpk-guide-table table{width:100%;min-width:620px;border-collapse:collapse;font:13px/1.5 Arial,sans-serif}.vpk-guide-table caption{text-align:left;font:700 18px/1.3 Georgia,serif;color:#24475a;margin-bottom:8px}.vpk-guide-table th,.vpk-guide-table td{text-align:left;border-bottom:1px solid #dce5e9;padding:9px}.vpk-guide-table thead th{background:#eaf1f4}
.vpk-side{padding:20px;position:sticky;top:15px}.vpk-side h2{font:700 18px/1.25 Georgia,serif;color:#23465b;margin:0 0 10px}.vpk-side h2:not(:first-child){border-top:1px solid #dce6ea;padding-top:16px;margin-top:20px}.vpk-side a{display:block;border-bottom:1px solid #edf1f2;padding:8px 0;text-decoration:none;font-size:14px}.vpk-side a:hover{text-decoration:underline}.vpk-side p{font:13px/1.55 Arial,sans-serif;color:#62737d;margin:15px 0 0}
.vpk-return{display:inline-block;border:1px solid #b7cbd5;background:#eff6f9;padding:9px 12px;text-decoration:none;font-weight:700}
@media(max-width:850px){.vpk-layout{grid-template-columns:minmax(0,1fr)}.vpk-side{position:static}}
@media(max-width:620px){.vpk-mobile-note{display:block}.vpk-rule-grid{grid-template-columns:1fr}}
@media(max-width:570px){.vpk-hero{padding-top:22px}.vpk-hero .vpk-lead{font-size:16px}.vpk-layout{padding-top:18px;gap:18px}.vpk-intro,.vpk-form,.vpk-output,.vpk-article{padding:16px}.vpk-fields,.vpk-stats{grid-template-columns:1fr}}
.vpk-phases{margin-top:8px;min-width:210px}.vpk-phases summary{color:#285a78;cursor:pointer;font-weight:700}.vpk-phase-scroll{max-width:100%;overflow-x:auto;margin-top:8px}.vpk-phase-scroll table{min-width:650px;background:#fff}.vpk-phase-scroll th,.vpk-phase-scroll td{padding:7px;border-bottom:1px solid #e3eaed}.vpk-phase-scroll thead th{background:#f2f6f8}.vpk-phase-scroll tbody tr:nth-child(2n){background:#fafcfc}