.assessment-studio,.assessment-learn{min-width:0;color:var(--ink,#253039);font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.assessment-studio *,.assessment-learn *{box-sizing:border-box}.assessment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:8px 0 24px}.assessment-header h2{font-size:24px;margin:0 0 8px}.assessment-header p{margin:0;color:var(--muted,#475569)}
.assessment-panel,.assessment-question{min-width:0;padding:22px;background:#fff;border:1px solid var(--line,#d9e1e7);border-radius:6px;margin:0 0 18px}.assessment-panel h3{margin:0 0 16px;font-size:18px}.assessment-question h3{font-size:18px;margin:14px 0;line-height:1.6;text-wrap:pretty}.assessment-question header{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:14px}.assessment-question ol{padding-left:26px}.assessment-question ol li{padding:7px 0}
.assessment-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.assessment-learn .assessment-layout{grid-template-columns:240px minmax(0,1fr)}.assessment-main,.assessment-editor{min-width:0}.assessment-outline{position:sticky;top:92px;padding:14px 16px}.assessment-outline>summary{font-weight:700;cursor:pointer;min-height:44px;align-content:center}.assessment-outline nav{display:grid;margin:10px 0}.assessment-outline nav a{display:block;min-height:44px;padding:10px 0;color:var(--ink,#253039);border-bottom:1px solid var(--line,#d9e1e7);line-height:1.6;font-size:14px;text-decoration:none}.assessment-outline nav a:hover{color:var(--action,#287c9c)}
.assessment-question>summary{font-weight:700;cursor:pointer;min-height:44px;align-content:center}.assessment-question-body{display:grid;gap:16px;padding-top:18px}.assessment-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.assessment-studio .field{min-width:0;display:grid;gap:7px}.assessment-studio input:not([type=checkbox]),.assessment-studio select,.assessment-studio textarea{width:100%;min-width:0;max-width:100%;min-height:46px;padding:10px 12px;font:inherit;color:inherit;background:#fff;border:1px solid #bdcdd6;border-radius:4px}.assessment-studio textarea{resize:vertical}.assessment-studio .field>small{font-size:13px;color:var(--muted,#475569)}
.assessment-actions,.assessment-question-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.assessment-studio .btn,.assessment-learn .btn{min-height:46px;white-space:normal;max-width:100%;line-height:1.5}.assessment-studio :focus-visible,.assessment-learn :focus-visible{outline:3px solid var(--action,#287c9c);outline-offset:3px}.assessment-feedback{color:#78584b;margin:12px 0 0;scroll-margin-top:100px}.assessment-feedback:empty{display:none}
.assessment-option{display:flex;gap:12px;align-items:flex-start;min-height:48px;cursor:pointer;padding:12px;border:1px solid var(--line,#d9e1e7);border-radius:4px;margin:10px 0;line-height:1.65}.assessment-option input{flex:0 0 auto;width:18px;height:18px;margin-top:4px;accent-color:var(--action,#287c9c)}.assessment-option:has(input:checked){border-color:var(--action,#287c9c);background:#f0f6f9}.assessment-option:focus-within{outline:2px solid var(--action,#287c9c);outline-offset:2px}.assessment-question legend{font-weight:700;font-size:18px;padding:0 8px;line-height:1.65;max-width:100%;text-wrap:pretty}.assessment-question legend span{font-size:14px;font-weight:400}.assessment-answer{padding:14px 16px;background:#f1f6f8;border-left:3px solid var(--action,#287c9c);margin-top:16px}.assessment-answer p{white-space:pre-wrap;margin:8px 0 0}
.assessment-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.assessment-tabs a{min-height:44px;padding:9px 14px;background:#fff;border:1px solid var(--line,#d9e1e7);border-radius:4px;text-decoration:none;max-width:100%}.assessment-tabs a.active{background:#edf5f8;border-color:var(--action,#287c9c);color:var(--action,#287c9c);font-weight:700}.assessment-score{display:block;font-size:40px;line-height:1.3;color:var(--action,#287c9c);margin:12px 0}.assessment-result>p{margin:12px 0}.assessment-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;list-style:none;margin:0 0 22px}.assessment-steps li{padding:12px;background:#eff3f5;font-size:14px;border-radius:4px}.assessment-steps li.active{background:#e4f0f6;font-weight:700}.assessment-steps li.done{border-bottom:3px solid var(--action,#287c9c)}.assessment-list{display:grid;gap:4px}.assessment-question[id],.assessment-question textarea{scroll-margin-top:110px}
#assessment-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}#assessment-create>label,#assessment-create>.assessment-feedback{grid-column:1/-1}
@media(min-width:1001px){.assessment-outline{max-height:calc(100dvh - 112px);overflow-y:auto;scrollbar-gutter:stable}}
@media(max-width:1000px){.assessment-layout,.assessment-learn .assessment-layout{grid-template-columns:minmax(0,1fr)}.assessment-outline{position:static}.assessment-header{flex-wrap:wrap}.assessment-outline nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}}
@media(max-width:640px){.assessment-panel,.assessment-question{padding:16px;border-radius:5px}.assessment-question legend{font-size:17px}.assessment-field-pair{grid-template-columns:minmax(0,1fr);gap:16px}.assessment-header h2{font-size:22px}.assessment-actions>.btn{width:100%}.assessment-question-tools>.btn{flex:1 1 80px}.assessment-outline nav{grid-template-columns:minmax(0,1fr)}.assessment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-tabs{display:grid;grid-template-columns:minmax(0,1fr)}.assessment-option{padding:12px 10px}#assessment-create{grid-template-columns:minmax(0,1fr)}#assessment-create>.btn{width:100%}.assessment-score{font-size:34px}}