.extra-work-demo{display:grid;gap:18px;max-width:980px;color:var(--ink,#142038)}.extra-work-header{display:grid;gap:8px}.extra-work-header h2,.extra-work-card h3,.extra-work-summary h3,.extra-work-rules h3,.extra-work-noscript h3{margin:0;letter-spacing:-.02em}.extra-work-lede{max-width:760px;margin:0;color:var(--muted,#506078);font-size:1.05rem;line-height:1.55}.extra-work-eyebrow{margin:0;color:var(--accent,#1264d8);font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.extra-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.extra-work-card,.extra-work-summary,.extra-work-rules,.extra-work-noscript{padding:22px;border:1px solid color-mix(in srgb,var(--line,#d9e2ef) 82%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 93%,var(--accent,#1264d8))}.extra-work-status-card{background:color-mix(in srgb,var(--surface,#fff) 88%,var(--accent,#1264d8))}.extra-work-status{margin:6px 0 8px;font-size:1.25rem;font-weight:750}.extra-work-meta,.extra-work-guidance,.extra-work-boundary,.extra-work-notice{color:var(--muted,#506078);font-size:.9rem;line-height:1.5}.extra-work-notice{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--accent,#1264d8);background:color-mix(in srgb,var(--surface,#fff) 84%,var(--accent,#1264d8))}.extra-work-evidence{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.extra-work-evidence li{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.5fr) auto;gap:10px;align-items:baseline;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--line,#d9e2ef) 70%,transparent)}.extra-work-evidence li:first-child{border-top:0;padding-top:0}.extra-work-evidence strong{font-size:.94rem}.extra-work-evidence small{color:var(--muted,#506078);font-size:.77rem}.extra-work-evidence li[data-evidence-status=missing] strong{color:var(--warning,#a46300)}.extra-work-inputs{display:grid;gap:12px;margin:16px 0}.extra-work-field{display:grid;gap:6px;color:var(--muted,#506078);font-size:.84rem;font-weight:650}.extra-work-field input,.extra-work-field textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line,#c9d5e5);border-radius:9px;background:var(--surface,#fff);color:var(--ink,#142038);font:inherit;font-weight:450;line-height:1.4}.extra-work-field textarea{resize:vertical;min-height:74px}.extra-work-field input:focus,.extra-work-field textarea:focus{outline:3px solid color-mix(in srgb,var(--accent,#1264d8) 30%,transparent);outline-offset:1px}.extra-work-button-row{display:flex;flex-wrap:wrap;gap:10px}.extra-work-button{min-height:44px;padding:10px 14px;border:1px solid var(--accent,#1264d8);border-radius:9px;background:var(--accent,#1264d8);color:var(--canvas,#07111f);font:inherit;font-weight:700;cursor:pointer}.extra-work-button:hover{filter:brightness(1.07)}.extra-work-button-secondary{border-color:var(--line,#c9d5e5);background:transparent;color:var(--ink,#142038)}.extra-work-reset{margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line,#d9e2ef) 72%,transparent)}.extra-work-summary{border-color:color-mix(in srgb,var(--accent,#1264d8) 42%,var(--line,#d9e2ef));background:color-mix(in srgb,var(--accent,#1264d8) 8%,var(--surface,#fff))}.extra-work-summary dl{display:grid;gap:8px;margin:16px 0}.extra-work-summary dl div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}.extra-work-summary dt{color:var(--muted,#506078);font-size:.8rem}.extra-work-summary dd{margin:0;font-weight:650}.extra-work-boundary{margin:0;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--accent,#1264d8) 28%,transparent)}.extra-work-rules ul,.extra-work-noscript ol{margin:12px 0 0;padding-left:20px;color:var(--muted,#506078);line-height:1.55}.extra-work-rules li+li,.extra-work-noscript li+li{margin-top:6px}.extra-work-noscript{background:transparent}@media (max-width:720px){.extra-work-grid{grid-template-columns:1fr}.extra-work-card,.extra-work-summary,.extra-work-rules,.extra-work-noscript{padding:18px}.extra-work-evidence li{grid-template-columns:1fr;gap:3px}.extra-work-summary dl div{grid-template-columns:1fr;gap:2px}}@media (scripting:none){.extra-work-interactive{display:none}}@media (prefers-reduced-motion:reduce){.extra-work-demo *{scroll-behavior:auto;transition:none!important;animation:none!important}.extra-work-button:hover{filter:none}}.extra-work-scope{overflow-wrap:anywhere;min-width:0}