:root{--zg-ink:#0a2039;--zg-muted:#466079;--zg-blue:#1758ba;--zg-line:#cbd9e5;--zg-soft:#edf4fa}*{box-sizing:border-box}.zg-body{margin:0;background:#f8fafc;color:var(--zg-ink);font:16px/1.65 Arial,sans-serif}.zg-body a{color:#1555aa;text-underline-offset:4px}.zg-wrap{max-width:1120px;width:calc(100% - 40px);margin:auto}.zg-crumb{font-size:14px;margin:24px 0}.zg-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;padding:40px 0 60px;align-items:center}.zg-body h1{font-size:clamp(36px,5.2vw,64px);line-height:1.1;letter-spacing:-2px;margin:14px 0 24px}.zg-body h1 em{font-style:normal;color:var(--zg-blue)}.zg-body h2{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 20px}.zg-body h3{font-size:21px;line-height:1.3;margin:10px 0}.zg-eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:bold;color:var(--zg-blue)}.zg-lead{font-size:20px;line-height:1.55;max-width:620px;color:var(--zg-muted)}.zg-small{font-size:14px;color:var(--zg-muted)}.zg-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0}.zg-body button,.zg-primary{font:600 15px/1.4 Arial,sans-serif;cursor:pointer;border:1px solid #aec3d8;border-radius:9px;padding:13px 18px;min-height:46px;color:var(--zg-ink);background:white;text-align:center}.zg-body .zg-primary{background:var(--zg-blue);border-color:var(--zg-blue);color:white;text-decoration:none;display:inline-block}.zg-body button:disabled{opacity:.55;cursor:default}.zg-body :focus-visible{outline:3px solid #df8a16;outline-offset:4px}.zg-hero-note{background:var(--zg-ink);color:white;border-radius:24px;padding:34px;box-shadow:12px 12px 0 #dceaf5}.zg-hero-note span{font-size:12px;letter-spacing:1.8px;color:#9fd3ff}.zg-hero-note a{color:#abd9ff}.zg-hero-note p{color:#d5e6f4}.zg-section{padding:40px 0;scroll-margin-top:24px}.zg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.zg-body .zg-card{display:block;border:1px solid var(--zg-line);border-radius:18px;padding:28px;background:#fff;text-decoration:none;color:var(--zg-ink)}.zg-card p{color:var(--zg-muted);margin-bottom:0}.zg-card:hover{border-color:var(--zg-blue);box-shadow:0 6px 20px #102b4e0a}.zg-arrow{float:right;color:var(--zg-blue);font-size:25px}.zg-panel{border:1px solid var(--zg-line);padding:28px;background:#fff;border-radius:18px;margin:20px 0}.zg-section.zg-panel{padding:28px}.zg-band{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:36px;background:#e5f0fa;border-radius:20px;margin:40px 0}.zg-band p{margin-bottom:0}.zg-footer{display:flex;gap:24px;flex-wrap:wrap;padding:35px 0;border-top:1px solid var(--zg-line);margin-top:60px;font-size:14px}.zg-skip{position:absolute;left:10px;top:-70px;z-index:100;background:white;padding:12px}.zg-skip:focus{top:10px}.zg-lesson{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:45px 0;border-top:1px solid var(--zg-line);scroll-margin-top:24px;max-width:900px}.zg-lesson-number{color:#517394;font-size:32px}.zg-example{padding:20px 24px;border-left:3px solid var(--zg-blue);background:var(--zg-soft);margin:24px 0}.zg-example p{margin-bottom:0}.zg-tool-heading{padding:20px 0}.zg-tool-heading h1{font-size:44px}.zg-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.zg-workspace .zg-panel{margin-top:0}.zg-field{display:block;font-weight:bold;margin:20px 0}.zg-field span{display:block;font-size:14px;font-weight:normal;color:var(--zg-muted);margin:5px 0 9px}.zg-field input,.zg-field textarea{display:block;width:100%;font:16px/1.5 Arial,sans-serif;border:1px solid #8ca7c0;border-radius:8px;padding:12px;color:var(--zg-ink);background:#fff;margin-top:8px}.zg-field textarea{resize:vertical}.zg-body fieldset{border:0;margin:0;padding:0}.zg-body legend{font-weight:bold;font-size:20px;padding:12px 0}.zg-steps{display:flex;gap:8px;padding:0;list-style:none;margin:28px 0 12px}.zg-steps li{flex:1}.zg-steps button{height:100%;width:100%;font-size:13px;padding:12px 8px;background:#edf4fa}.zg-steps button[aria-current=step]{color:#fff;background:var(--zg-blue)}.zg-downloads{display:grid;gap:10px}.zg-save hr{border:0;border-top:1px solid var(--zg-line);margin:24px 0}.zg-save details{font-size:14px;margin:24px 0}.zg-save summary{font-weight:bold;cursor:pointer;min-height:44px}.zg-saved-item{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--zg-line)}.zg-saved-item small{display:block;color:var(--zg-muted)}[hidden]{display:none!important}#zg-status{overflow-wrap:anywhere}#zg-status.zg-error{color:#9a251c}#zg-status.zg-success{color:#18653b}@media(max-width:850px){.zg-hero{grid-template-columns:1fr;gap:20px}.zg-workspace{grid-template-columns:1fr}.zg-hero-note{max-width:600px}.zg-save{position:static}.zg-grid{grid-template-columns:1fr}}@media(max-width:550px){.zg-wrap{width:calc(100% - 32px)}.zg-hero{padding:20px 0 35px}.zg-panel{padding:20px}.zg-band{display:block;padding:24px}.zg-band .zg-primary{margin-top:20px}.zg-lesson{grid-template-columns:1fr;gap:0}.zg-body h1{letter-spacing:-1px}.zg-steps{gap:5px}.zg-tool-heading h1{font-size:36px}.zg-actions{gap:10px}.zg-saved-item{display:block}}
#zg-print{display:none}@media print{body.zg-body>*{display:none!important}body.zg-body>#zg-print{display:block!important;margin:0;padding:10mm;background:white;color:black;font:12pt/1.5 Arial,sans-serif}#zg-print p{white-space:pre-wrap;overflow-wrap:anywhere}#zg-print h3{break-after:avoid}#zg-print h1{font-size:24pt}#zg-print h2{font-size:16pt}@page{size:auto;margin:15mm}}
