.kdl-subject-body{background:#fffdf7}
.kdl-subject-page{min-height:72vh;padding-bottom:84px}
.kdl-subject-intro{height:1px;min-height:0;padding:0;border:0;background:transparent;overflow:hidden}
.kdl-subject-intro-inner{height:1px;min-height:0;padding-top:0!important;padding-bottom:0!important;overflow:hidden}
.kdl-subject-intro,.kdl-subject-intro *{box-sizing:border-box;margin:0!important;padding:0!important;color:#fff!important;font-size:1px!important;line-height:1px!important}
.kdl-subject-back,.kdl-subject-eyebrow,.kdl-subject-intro h1,.kdl-subject-intro p{display:inline!important}
.kdl-subject-main{max-width:980px;padding-top:34px}
.kdl-subject-picker[hidden],.kdl-subject-quiz[hidden],.kdl-subject-answer-feedback[hidden],.kdl-subject-editor[hidden],.kdl-subject-media-audio[hidden],.kdl-subject-explanation-image[hidden]{display:none!important}
.kdl-subject-picker{display:grid;gap:22px}
.kdl-subject-picker-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 2px}
.kdl-subject-picker-head span{color:#987500;font-size:12px;font-weight:950;letter-spacing:.05em}
.kdl-subject-picker-head h2{margin:6px 0 0;color:#252116;font-size:clamp(25px,3.6vw,36px);letter-spacing:-.045em}
.kdl-subject-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:min(100%,900px);margin:0;justify-self:start;align-self:start}
.kdl-subject-card{--subject-color:#c58b00;--subject-soft:#fff7d9;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:17px;min-height:92px;padding:18px 72px 18px 20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--subject-color) 26%,#e8dfca);border-radius:18px;background:linear-gradient(110deg,#fff 0%,var(--subject-soft) 100%);text-align:left;cursor:pointer;box-shadow:0 9px 25px rgba(67,52,10,.07),inset 5px 0 0 var(--subject-color);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.kdl-subject-card:nth-child(2){--subject-color:#377f68;--subject-soft:#eef9f4}
.kdl-subject-card:nth-child(3){--subject-color:#3e739c;--subject-soft:#eef6fc}
.kdl-subject-card:nth-child(4){--subject-color:#79508f;--subject-soft:#f7f0fb}
.kdl-subject-card::before{content:attr(data-number);display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:var(--subject-color);color:#fff;font-size:14px;font-weight:950;letter-spacing:.06em;box-shadow:0 7px 15px color-mix(in srgb,var(--subject-color) 25%,transparent)}
.kdl-subject-card::after{content:"→";position:absolute;right:22px;top:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;transform:translateY(-50%);background:#fff;color:var(--subject-color);font-size:20px;font-weight:950;line-height:1;box-shadow:0 4px 13px rgba(55,43,8,.1);transition:transform .18s ease,background .18s ease,color .18s ease}
.kdl-subject-card-copy{display:grid;gap:4px;min-width:0}
.kdl-subject-card strong{color:#29251c;font-size:20px;line-height:1.4;letter-spacing:-.025em}
.kdl-subject-card small{color:#786f5d;font-size:13px;font-weight:750;line-height:1.45;letter-spacing:-.01em}
.kdl-subject-card:hover{transform:translateX(5px);border-color:var(--subject-color);background:#fff;box-shadow:0 15px 35px rgba(67,52,10,.12),inset 5px 0 0 var(--subject-color)}
.kdl-subject-card:hover::after{transform:translate(4px,-50%);background:var(--subject-color);color:#fff}
.kdl-subject-card:active{transform:translateX(2px) scale(.995)}
.kdl-subject-card:focus-visible{outline:3px solid color-mix(in srgb,var(--subject-color) 35%,transparent);outline-offset:3px}
.kdl-subject-card.is-selected{border-color:var(--subject-color);background:var(--subject-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--subject-color) 22%,transparent),0 14px 34px rgba(68,53,8,.09),inset 5px 0 0 var(--subject-color)}
.kdl-subject-quiz{display:grid;gap:18px}
.kdl-subject-quiz-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid #e3dcc9;border-radius:13px;background:#fff;box-shadow:0 9px 26px rgba(70,54,5,.06)}
.kdl-subject-quiz-toolbar>div{text-align:center}
.kdl-subject-quiz-toolbar span{display:block;color:#8b720f;font-size:12px;font-weight:950}
.kdl-subject-quiz-toolbar h2{margin:4px 0 0;color:#2a2518;font-size:24px;line-height:1.25;letter-spacing:-.035em}
.kdl-subject-text-button{padding:0;border:0;background:transparent;color:#685515;font-size:14px;font-weight:900;cursor:pointer}
.kdl-subject-text-button:hover{text-decoration:underline}
.kdl-subject-quiz .kdl-cbt-question-text{font-size:clamp(20px,2.2vw,25px)}
.kdl-subject-question-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.kdl-subject-admin-edit{border-color:#2a6f97!important;color:#155777!important;background:#f0f9ff!important}
.kdl-subject-answer-feedback{display:grid;gap:8px;margin-top:18px;padding:20px;border:1px solid #cfd7d2;border-radius:12px;background:#f7faf8;font-size:22px;line-height:1.7}
.kdl-subject-answer-feedback.is-correct{border-color:#7bc99f;background:#effaf4}
.kdl-subject-answer-feedback.is-wrong{border-color:#e0a2a2;background:#fff5f5}
.kdl-subject-answer-feedback>strong{font-size:22px;line-height:1.4}
.kdl-subject-answer-feedback.is-correct>strong{color:#13663d}
.kdl-subject-answer-feedback.is-wrong>strong{color:#a52f2f}
.kdl-subject-answer-feedback>p{margin:0;color:#3f3b33;font-size:22px;font-weight:800;line-height:1.65}
.kdl-subject-explanation{margin-top:5px;padding-top:14px;border-top:1px solid rgba(54,68,60,.16)}
.kdl-subject-explanation>b{display:block;margin-bottom:8px;color:#2e392f;font-size:22px;line-height:1.5}
.kdl-subject-explanation p{margin:0;color:#3f463f;font-size:22px;line-height:1.8;white-space:pre-wrap}
#subjectExplanation{color:#3f463f;font-size:22px;line-height:1.8}
#subjectExplanation:not(.has-rich-content){white-space:pre-wrap}
.kdl-subject-explanation-image{margin:15px 0 0;padding:12px;border:1px solid rgba(54,68,60,.14);border-radius:10px;background:#fff;text-align:center}
.kdl-subject-explanation-image img{display:block;max-width:100%;max-height:720px;margin:0 auto;border-radius:6px}
.kdl-subject-media-audio{margin-top:14px}
.kdl-media-play-button{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 15px;border:1px solid #b9c9c0;border-radius:999px;background:#fff;color:#254536;font:inherit;cursor:pointer;box-shadow:0 4px 13px rgba(27,70,48,.07)}
.kdl-media-play-button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#1d7048;color:#fff;font-size:12px;line-height:1}
.kdl-media-play-button b{font-size:14px;font-weight:850}
.kdl-media-play-button.is-playing{border-color:#1d7048;background:#eef9f3}
.kdl-subject-editor{display:grid;gap:16px;margin-top:20px;padding:22px;border:2px solid #2a6f97;border-radius:13px;background:#f7fcff;box-shadow:0 12px 30px rgba(17,74,108,.12)}
.kdl-subject-editor-head{display:flex;align-items:start;justify-content:space-between;gap:20px}
.kdl-subject-editor-head span{color:#2a6f97;font-size:12px;font-weight:950}
.kdl-subject-editor-head h4{margin:4px 0 0;color:#183a4e;font-size:21px;letter-spacing:-.03em}
.kdl-subject-editor-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #b7cfdd;border-radius:8px;background:#fff;color:#24485d;font-size:25px;line-height:1;cursor:pointer}
.kdl-subject-editor-field{display:grid;gap:7px;min-width:0}
.kdl-subject-editor-field>span,.kdl-subject-editor-file>label:first-child{color:#31556a;font-size:13px;font-weight:950}
.kdl-subject-editor-field textarea,.kdl-subject-editor-field select,.kdl-subject-editor-field input[type="number"]{width:100%;box-sizing:border-box;border:1px solid #b9ceda;border-radius:8px;background:#fff;color:#26343c;font:inherit;line-height:1.6}
.kdl-subject-editor-field textarea{min-height:54px;padding:11px 12px;resize:vertical}
.kdl-subject-editor-field select,.kdl-subject-editor-field input[type="number"]{height:44px;padding:0 12px}
.kdl-subject-editor-field input[type="color"]{width:100%;height:44px;padding:4px;border:1px solid #b9ceda;border-radius:8px;background:#fff;cursor:pointer}
.kdl-subject-editor-field.is-answer{max-width:180px}
.kdl-subject-editor-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:3px}
.kdl-subject-editor-choices .kdl-subject-editor-field:last-child{grid-column:1/-1}
.kdl-subject-editor-style-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(130px,.72fr);gap:12px;padding:14px;border:1px solid #c8dce7;border-radius:10px;background:#edf7fc}
.kdl-subject-editor-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kdl-subject-editor-file{display:grid;gap:8px;padding:14px;border:1px solid #c8dce7;border-radius:10px;background:#fff}
.kdl-subject-editor-file input[type="file"]{width:100%;font-size:13px}
.kdl-subject-editor-file small{color:#617783;font-size:12px;line-height:1.5;word-break:break-all}
.kdl-subject-editor-remove{display:flex!important;align-items:center;gap:7px;color:#8a3333!important;font-size:12px!important;font-weight:800!important;cursor:pointer}
.kdl-subject-editor-remove input{width:16px;height:16px}
.kdl-subject-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:3px}
.kdl-subject-editor-actions>span{margin-right:auto;color:#785d00;font-size:13px;font-weight:850}
.kdl-subject-empty{padding:28px;border:1px dashed #d4c7a7;border-radius:12px;background:#fff;text-align:center;color:#665d49}
@media(max-width:720px){
  .kdl-subject-page{padding-bottom:58px}
  .kdl-subject-main{padding-top:25px}
  .kdl-subject-picker-head{display:grid;gap:8px}
  .kdl-subject-card-grid{width:100%}
  .kdl-subject-card{min-height:82px;gap:13px;padding:15px 60px 15px 16px;border-radius:15px}
  .kdl-subject-card::before{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:12px}
  .kdl-subject-card::after{right:16px;width:34px;height:34px;font-size:18px}
  .kdl-subject-card strong{font-size:18px}
  .kdl-subject-card small{font-size:12px}
  .kdl-subject-quiz-toolbar{grid-template-columns:1fr;gap:12px;text-align:center}
  .kdl-subject-quiz-toolbar>div{order:-1}
  .kdl-subject-quiz-toolbar .kdl-cbt-button{width:100%}
  .kdl-subject-question-head-actions{justify-content:flex-start;width:100%}
  .kdl-subject-question-head-actions .kdl-cbt-button{flex:1 1 auto}
  .kdl-subject-editor-choices,.kdl-subject-editor-style-grid,.kdl-subject-editor-media-grid{grid-template-columns:1fr}
  .kdl-subject-editor-choices .kdl-subject-editor-field:last-child{grid-column:auto}
}
@media(max-width:460px){
  .kdl-subject-answer-feedback,.kdl-subject-editor{padding:16px}
  .kdl-subject-editor-actions{display:grid;grid-template-columns:1fr 1fr}
  .kdl-subject-editor-actions>span{grid-column:1/-1;margin:0}
}