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