html{color-scheme:dark}body.canon-document{margin:0;background:#0b101a;color:#eef3ff;font:17px/1.7 system-ui,sans-serif}.canon-document a,.canon-panel a{color:#a9d8ff}.canon-shell{max-width:1120px;margin:auto;padding:24px}.canon-document h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.12}.canon-document nav{display:flex;gap:20px;flex-wrap:wrap}.canon-panel{background:#101b2b;color:#eef3ff;border:1px solid #48617b;border-radius:16px;padding:24px;margin:32px auto;max-width:1120px;font:17px/1.65 system-ui,sans-serif}.canon-panel h2{font-size:1.65rem;color:#fff}.canon-panel h3{font-size:1.15rem;color:#fff}.canon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.canon-document input,.canon-document select,.canon-document button{font:inherit;padding:10px;border-radius:6px;background:#17263b;color:#fff;border:1px solid #809ab7;max-width:100%;box-sizing:border-box}.canon-document label{display:block;margin:14px 0}.canon-document button{cursor:pointer}.canon-document button:disabled{opacity:.65}.canon-document :focus-visible,.canon-panel :focus-visible{outline:3px solid #ffdc80;outline-offset:4px}.canon-document details,.canon-panel details{margin:12px 0;padding:10px;border:1px solid #48617b;border-radius:8px}.canon-document summary,.canon-panel summary{cursor:pointer}.canon-document .eyebrow{color:#b8cae3;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.canon-document .result{border-bottom:1px solid #48617b;padding:18px 0}.canon-document .type{display:inline-block;font-size:.8rem;color:#0b101a;background:#a9d8ff;padding:2px 8px;border-radius:8px}.canon-document .muted{color:#c1cde0}.canon-document .skip{position:absolute;left:-9999px}.canon-document .skip:focus{left:20px;top:0;background:#101b2b;padding:10px}.canon-document .fields{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.canon-document progress{width:100%}