/* "Save it and keep going" (2026-11-12, handoff/free-tools kgModal). Self-contained: its own colours and fonts, and
   every class starts skg- so it looks the same on the public pages and inside the app. */
.skg-bg{--skg-ink:#2E3A42;--skg-muted:#5E6870;--skg-rule:#E4E6E8;--skg-stock:#FFFDF8;--skg-edge:#E2DDD1;--skg-green:#509E7A;--skg-green-t:#3B7A5C;--skg-blue:#0072A8;
	position:fixed;inset:0;z-index:2147483000;background:rgba(30,38,44,.55);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;font:16px/1.5 'Schibsted Grotesk','Open Sans',system-ui,sans-serif;color:var(--skg-ink)}
.skg{background:#fff;border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.28);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);width:min(820px,100%);overflow:hidden;max-height:calc(100vh - 32px)}
.skg-v{background:var(--skg-stock);border-right:1px solid var(--skg-edge);padding:26px 24px;display:flex;flex-direction:column;gap:16px}
.skg-lb{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--skg-muted)}
.skg-b{background:#fff;border:1px solid var(--skg-edge);border-radius:10px;padding:14px 16px;box-shadow:0 10px 24px -14px rgba(46,58,66,.35)}
.skg-bt{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:10px}
.skg-bt span{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#EAF4EE;color:var(--skg-green-t);border-radius:4px;padding:2px 7px}
.skg-pr{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--skg-green-t)}
.skg-b h4{margin:4px 0 4px;font:700 18px/1.3 'Source Serif 4',Georgia,serif}
.skg-b p{margin:0 0 10px;font-size:14px;color:var(--skg-muted)}
.skg-ln{height:8px;border-radius:4px;background:#EEF0F1;margin:7px 0}
.skg-tm{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--skg-ink);border:1px solid var(--skg-rule);border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums}
.skg-v ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14.5px}
.skg-v li{padding-left:22px;position:relative}
.skg-v li:before{content:'';position:absolute;left:2px;top:7px;width:10px;height:6px;border-left:2px solid var(--skg-green);border-bottom:2px solid var(--skg-green);transform:rotate(-45deg)}
.skg-f{padding:26px 26px 22px;position:relative}
.skg-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:none;font-size:24px;line-height:1;color:var(--skg-muted);cursor:pointer;border-radius:6px}
.skg-x:hover,.skg-x:focus-visible{background:#F2F4F5;color:var(--skg-ink)}
.skg-f h2{margin:4px 30px 6px 0;font-size:24px;line-height:1.2;letter-spacing:-.01em}
.skg-f > .skg-step > p{margin:0 0 16px;color:var(--skg-muted);font-size:15px}
.skg-form{display:grid;gap:8px}
.skg-form label{font-weight:700;font-size:14px}
.skg-form input{font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid #C9CED2;border-radius:6px;width:100%;box-sizing:border-box;color:var(--skg-ink);background:#fff}
.skg-form input:focus{outline:2px solid var(--skg-blue);outline-offset:1px;border-color:var(--skg-blue)}
.skg-code{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:22px!important;text-align:center}
.skg-go{margin-top:6px;font:700 16px inherit;font-family:inherit;color:#fff;background:var(--skg-blue);border:0;border-radius:6px;padding:12px 16px;cursor:pointer;width:100%}
.skg-go:hover{background:#005F8C}.skg-go:disabled{opacity:.7;cursor:default}
.skg-form small{color:var(--skg-muted);font-size:13.5px}
.skg-err{margin:0;color:#A33B30;font-weight:600;font-size:14px}
.skg-alt{margin:16px 0 0;font-size:14px;color:var(--skg-muted)}
.skg-alt a,.skg-lk{color:var(--skg-blue);font:inherit;font-weight:600;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
@media (max-width:680px){.skg{grid-template-columns:1fr}.skg-v{border-right:0;border-bottom:1px solid var(--skg-edge);padding:18px}.skg-v ul{display:none}.skg-f{padding:20px 18px}}