.marking-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.marking-heading h1{margin:0;color:#1d2d45;font-size:32px}.marking-heading p{margin:7px 0 0;color:#657080;font-size:14px}.marking-store-badge{padding:7px 11px;border-radius:7px;background:#eef3fc;color:#476b9e;font-size:12px;font-weight:700}.marking-feedback{margin-bottom:14px;padding:12px 14px;border:1px solid #b9e9d9;border-radius:9px;background:#edfbf6;color:#08795b;font-size:13px}.marking-feedback.error{border-color:#ffd0cd;background:#fff3f2;color:#b42318}.marking-form{display:grid;gap:14px}.marking-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:22px;border:1px solid #dfe7f1;border-radius:12px;background:#fff}.marking-card-number{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eef4ff;color:#2467db;font-size:11px;font-weight:800}.marking-card-content{min-width:0}.marking-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.marking-card-heading h2,.marking-groups-heading h3{margin:0;color:#243b5d}.marking-card-heading h2{font-size:20px}.marking-card-heading p,.marking-groups-heading p{margin:6px 0 0;color:#748091;font-size:13px;line-height:1.5}.marking-answers{display:flex;flex:none;padding:3px;border:1px solid #d5e0ef;border-radius:9px;background:#f6f8fc}.marking-answer{cursor:pointer}.marking-answer input{position:absolute;opacity:0;pointer-events:none}.marking-answer span{display:block;min-width:70px;padding:9px 17px;border-radius:6px;color:#657080;text-align:center;font-size:13px;font-weight:750}.marking-answer.selected span{background:#fff;color:#1e5fc7;box-shadow:0 1px 4px #1d4f8f1f}.marking-answer:focus-within span{outline:2px solid #2467db;outline-offset:1px}.marking-groups{margin-top:22px;padding-top:20px;border-top:1px solid #e8edf4}.marking-groups-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.marking-groups-heading h3{font-size:16px}.marking-groups-heading strong{padding:6px 9px;border-radius:6px;background:#eef4ff;color:#2059b8;font-size:12px}.marking-search{display:flex;align-items:center;gap:9px;max-width:520px;margin:15px 0 12px;padding:0 12px;border:1px solid #d5e0ef;border-radius:8px;background:#fff;color:#8491a5}.marking-search:focus-within{border-color:#76a6f2;box-shadow:0 0 0 3px #2467db14}.marking-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:#243b5d;font:inherit}.marking-group-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:330px;padding:4px 5px 4px 0;overflow:auto}.marking-group-option{display:flex;align-items:flex-start;gap:9px;min-height:48px;padding:10px;border:1px solid #e1e8f2;border-radius:8px;background:#fbfcfe;color:#3d526f;font-size:12px;line-height:1.4;cursor:pointer}.marking-group-option:hover{border-color:#a9c6f2;background:#f5f9ff}.marking-group-option:has(input:checked){border-color:#8db7f7;background:#eef5ff;color:#174eaa}.marking-group-option input{width:16px;height:16px;margin:1px 0 0;accent-color:#2467db;flex:none}.marking-groups-empty{grid-column:1/-1;margin:8px 0;color:#748091;font-size:13px}.marking-save-bar{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border:1px solid #d8e3f2;border-radius:12px;background:#fff;box-shadow:0 8px 26px #1d3f7017;z-index:2}.marking-save-bar strong,.marking-save-bar span{display:block}.marking-save-bar strong{color:#243b5d;font-size:13px}.marking-save-bar span{margin-top:4px;color:#748091;font-size:11px}@media(max-width:900px){.marking-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.marking-heading,.marking-card-heading,.marking-save-bar{flex-direction:column}.marking-heading h1{font-size:27px}.marking-card{grid-template-columns:1fr;padding:18px}.marking-group-list{grid-template-columns:1fr}.marking-answers{width:100%}.marking-answer{flex:1}.marking-answer span{min-width:0}.marking-save-bar{align-items:stretch}.marking-save-bar .button{width:100%}}
