:root{--c477-ink:#172033;--c477-muted:#536079;--c477-line:#d7deea;--c477-blue:#155eef;--c477-soft:#f4f7fb}.c477-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:44px 0 80px;color:var(--c477-ink)}.c477-shell nav{margin-bottom:24px}.c477-shell .lead{max-width:800px;font-size:1.15rem;line-height:1.65;color:var(--c477-muted)}.c477-card,.c477-method{margin:28px 0;padding:clamp(18px,3vw,32px);border:1px solid var(--c477-line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgb(25 48 88/.08)}.c477-method{background:var(--c477-soft)}.c477-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.c477-grid label{display:grid;gap:7px;font-weight:700}.c477-grid input,.c477-grid select{box-sizing:border-box;width:100%;min-height:46px;padding:10px 12px;border:1px solid #8994a8;border-radius:9px;background:#fff;color:var(--c477-ink);font:inherit}.c477-check{display:flex!important;grid-column:1/-1;align-items:center;gap:10px}.c477-check input{width:auto;min-height:auto}.c477-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.c477-actions button{min-height:44px;padding:10px 16px;border:1px solid #8994a8;border-radius:9px;background:#fff;color:var(--c477-ink);font:700 1rem/1.2 inherit;cursor:pointer}.c477-actions .primary{border-color:var(--c477-blue);background:var(--c477-blue);color:#fff}.c477-actions button:disabled{cursor:not-allowed;opacity:.5}.c477-shell :focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.c477-error{min-height:1.4em;color:#a11212;font-weight:700}.c477-status{color:var(--c477-muted)}.c477-result{margin-top:24px;padding:22px;border-left:5px solid var(--c477-blue);border-radius:10px;background:#eef4ff}.worksheet-meta{font-weight:700}.worksheet-list,.answer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px;padding-left:2rem;font-size:1.1rem}.answer-key{margin-top:28px;padding-top:18px;border-top:2px solid var(--c477-line)}.plan-wrap{overflow-x:auto}.plan-table{width:100%;border-collapse:collapse;background:#fff}.plan-table th,.plan-table td{padding:10px;border:1px solid #b8c1cf;text-align:left;vertical-align:top}.plan-table th{background:#e8eef9}.keyboard-warning{padding:14px 16px;border-left:5px solid #b45309;background:#fff7df}.keyboard-test-area{min-height:180px;padding:20px;border:3px dashed #8ba0c0;border-radius:14px;background:#f8fafc}.keyboard-test-area:focus{border-style:solid}.keyboard-board{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.keyboard-key{display:grid;min-width:38px;min-height:38px;padding:4px 7px;place-items:center;border:1px solid #8190a7;border-radius:7px;background:#fff;font-weight:700}.keyboard-key.is-tested{background:#dff6e8;border-color:#18784a}.keyboard-key.is-active{background:#155eef;color:#fff;border-color:#0f3f9f}.keyboard-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.keyboard-readout div{padding:12px;border-radius:9px;background:#fff}.keyboard-readout dt{font-weight:800}.keyboard-readout dd{margin:4px 0 0;overflow-wrap:anywhere}@media(max-width:560px){.c477-shell{width:min(100% - 22px,1100px);padding-top:28px}.c477-card,.c477-method{padding:16px}.worksheet-list,.answer-list{grid-template-columns:1fr}.keyboard-key{min-width:32px;font-size:.85rem}}@media print{body{background:#fff!important;color:#000!important}.site-header,.site-footer,.c477-shell>nav,.c477-shell>.eyebrow,.c477-shell>.lead,.c477-card>.c477-grid,.c477-actions,.c477-error,.c477-status,.c477-method,.keyboard-warning,.keyboard-test-area,noscript{display:none!important}.c477-shell{width:100%;padding:0}.c477-card,.c477-result{margin:0;padding:0;border:0;box-shadow:none;background:#fff}.c477-result[hidden]{display:none!important}.worksheet-list,.answer-list{grid-template-columns:repeat(2,1fr);gap:9px 28px}.answer-key{break-before:page}.plan-wrap{overflow:visible}.plan-table{font-size:9pt}.plan-table tr{break-inside:avoid}.plan-table th,.plan-table td{padding:4px;border-color:#777}.c477-result h2{color:#000}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
