.vg{--accent:#4d48cf;--green:#136452;padding-bottom:30px}.vg-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;padding:65px 0 48px}.vg-hero h1{font-size:clamp(2.7rem,5.4vw,4.7rem);line-height:1.06;letter-spacing:-.055em;margin:15px 0 22px}.vg-hero em{color:var(--accent);font-style:normal}.vg-hero p{max-width:620px;color:#536176}.vg-loop{background:#202c49;color:white;border-radius:24px;padding:38px;transform:rotate(-2deg);box-shadow:12px 12px 0 #dfdef9}.vg-loop strong{display:block;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em;line-height:1.45}.vg-loop strong:nth-child(3){color:#bcf1dc}.vg-loop span{display:block;font-size:.7rem;letter-spacing:.12em;margin:15px 0}.vg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-block:1px solid #d9dfeb}.vg-toolbar nav{display:flex;flex-wrap:wrap;gap:22px}.vg-toolbar a{font-weight:750;color:#293650}.vg #saveStatus,.vg-small{font-size:.8rem}.vg-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:38px;margin-top:35px}.vg-side{position:sticky;top:95px}.vg-side nav{display:grid;gap:5px}.vg-side nav a{display:block;padding:10px 12px;color:#526078;border-radius:8px;font-size:.88rem}.vg-side nav a[aria-current=page]{background:#e7e6fc;color:#3831aa;font-weight:750}.vg progress{width:100%;height:9px;accent-color:var(--accent);margin-top:25px}.vg h2{font-size:2rem;line-height:1.2;letter-spacing:-.035em;margin:10px 0 18px}.vg h3{line-height:1.3}.vg-card{background:white;border:1px solid #dce2ed;border-radius:16px;padding:26px;margin:18px 0}.vg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vg-grid .vg-card{margin:0}.vg-kicker{color:var(--accent);font-size:.75rem;letter-spacing:.11em;font-weight:800;text-transform:uppercase}.vg-callout{background:#eaf5f0;border-left:4px solid var(--green);padding:18px 22px;border-radius:0 12px 12px 0;margin:24px 0}.vg details{border-top:1px solid #e0e5ed;padding:16px 0}.vg summary{cursor:pointer;font-weight:750}.vg label{display:block;font-weight:700;margin:18px 0 7px}.vg input:not([type=checkbox]),.vg textarea,.vg select{width:100%;padding:12px;border:1px solid #bac5d5;border-radius:9px;font:inherit;background:#fff;color:#14243a}.vg textarea{min-height:115px;resize:vertical}.vg button{background:#eeedf9;color:#3831aa;border:1px solid #d8d5ef;min-height:42px!important}.vg button.primary{background:var(--accent);color:white}.vg button:disabled{opacity:.55;cursor:not-allowed}.vg .choices{display:grid;gap:9px;margin:18px 0}.vg .choices button{justify-content:flex-start;text-align:left;padding:13px!important}.vg .choices button[aria-pressed=true]{border:2px solid var(--accent);background:#e5e2ff}.vg-feedback{padding:16px;background:#f0f3f9;border-radius:9px;margin:14px 0}.vg-feedback:empty{display:none}.vg pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#17253c;color:#eff5ff;padding:22px;border-radius:12px;font: .9rem/1.7 ui-monospace,monospace}.vg .vg-secondary{display:inline-block;padding:10px 14px;border:1px solid #cccbe2;border-radius:9px;font-weight:700}.vg .check{display:flex;gap:10px;align-items:flex-start;font-weight:500}.vg .check input{margin-top:6px}.vg .timer{font-size:3.6rem;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.vg .stage{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid #e5e8f0}.vg .stage span{min-width:55px;color:var(--accent);font-weight:800}.vg-storage{margin:45px 0 0;border-top:1px solid #ddd;padding-top:20px;color:#5c687c;font-size:.85rem}.vg .due{color:#8b390e;font-weight:750}.vg :focus-visible{outline:3px solid #8174f3;outline-offset:4px}.vg #view{scroll-margin-top:95px}.vg .badge{font-size:.76rem;background:#eeeafa;padding:5px 9px;border-radius:6px}.vg .actions{margin-top:16px}.vg .muted{color:#57657a}
@media(max-width:850px){.vg-layout{grid-template-columns:1fr}.vg-side{position:static}.vg-side nav{grid-template-columns:1fr 1fr}.vg-hero{gap:25px}.vg-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.vg-hero,.vg-grid{grid-template-columns:1fr}.vg-hero{padding-top:35px}.vg-loop{transform:none;padding:23px}.vg-loop strong{font-size:1.8rem}.vg-card{padding:19px}.vg-toolbar nav{gap:13px}.vg h2{font-size:1.65rem}.vg-layout{gap:20px}.vg-side nav a{font-size:.8rem;padding:8px}.vg-hero h1{font-size:3rem}}@media print{.site-header,.site-footer,.vg-toolbar,.vg-layout aside,.vg button,.vg-storage{display:none!important}.vg-layout,.vg-hero,.vg-grid{display:block}.vg-card{break-inside:avoid}.vg pre{background:white;color:black}.vg-loop{display:none}}
.vg select{height:auto;min-height:48px;line-height:1.4;padding:10px 12px}.vg input:not([type=checkbox]){height:auto;min-height:46px}
