:root{--bg:#F7FAFC;--ink:#22343C;--primary:#2E7D8A;--pass:#2E9E6B;--warn:#C98A1B;--fail:#C2493E}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid transparent;background:var(--primary);color:#fff;padding:10px 16px}button.secondary{background:#fff;color:var(--primary);border-color:var(--primary)}.page{margin:0 auto;padding:20px;max-width:720px}.page--wizard{padding:0}.page--editor,.page--result{max-width:1160px}.landing{min-height:70vh;display:flex;flex-direction:column;justify-content:center;max-width:640px}.landing h1{font-size:30px;line-height:1.25;margin:0 0 12px}.landing>p{font-size:16px;color:#56707b;margin:0 0 22px;max-width:52ch}.result-grid{display:grid;grid-gap:16px;gap:16px;align-items:start}.result-grid>.result-main,.result-grid>.result-side{display:grid;grid-gap:16px;gap:16px;align-content:start}@media (min-width:980px){.landing h1{font-size:38px}.result-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.result-grid>.result-side{position:-webkit-sticky;position:sticky;top:20px}}.editor-stage{width:100%;max-width:480px}@media (min-width:980px){.editor-stage{max-width:620px}}.print-header{display:none}@media print{@page{size:A4 portrait;margin:2cm 2.5cm}.no-print,button{display:none!important}body,html{background:#fff!important;color:#22343C;font-size:11pt;line-height:1.55}main{max-width:none!important;padding:0!important;margin:0!important}.result-grid,.result-grid>.result-side{display:block!important;position:static!important}*{box-shadow:none!important}.print-header{display:block!important;border-top:4px solid #2e7d8a;border-bottom:1px solid #c8d8de;padding:14px 0 12px;margin-bottom:24px;page-break-after:avoid}.print-header h2{margin:0 0 5px;font-size:18pt;font-weight:700;color:#22343C}.print-header p{margin:0;font-size:9.5pt;color:#4a6570}li,svg{page-break-inside:avoid}svg{max-width:100%!important;height:auto!important}}