/* Shared subject accents, carried from selection through exercises. */
/* Orange editorial headings override legacy grade-specific text paints. */
body.subject-page[data-grade] .subject-home h1,body.subject-page[data-grade] .subject-home h2,body.subject-page[data-grade] .subject-home h3,body.subject-page[data-grade] .subject-home .course-topic-copy b,body.subject-page[data-grade] .subject-home .course-games b,body.subject-page[data-grade] .course-mission strong,body.grade-picker .hub-hero h1,body.grade-picker .section-heading h2,body.grade-picker .grade-card[href] h2,body.subject-picker .subject-picker-heading h1,.mission-page h1,.mission-page h2,.mission-page h3{background:linear-gradient(105deg,#e4ae24 0%,#eea02c 42%,#e87832 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#c46420!important;text-shadow:none!important}
body.subject-page[data-grade]{color:#44454b;--grade-ink:#505056;--grade-main:#ffc385;--grade-tint:#f0dbc3;--grade-strong:#c96b24;--grade-pale:#fff6eb}
body.subject-page[data-grade] .subject-home p,body.subject-page[data-grade] .course-welcome p,body.subject-page[data-grade] .course-topic-copy small,body.subject-page[data-grade] .course-games p,body.subject-page[data-grade] .course-control p,body.subject-page[data-grade] .course-mission div>span:last-child{color:#656168!important}
body.subject-page[data-grade] .course-lessons>summary,body.subject-page[data-grade] .course-lessons .tile b{color:#555159!important}
body.subject-page[data-grade] .subject-toolbar .back,body.subject-page[data-grade] .hub-back{background:#fff0dd;color:#ae5720;border:1px solid #edc89f;box-shadow:0 3px 0 #e6d4b944}
body.subject-page[data-grade] .course-kicker{color:#bb6324}body.subject-page[data-grade] .assessment-panel .question{-webkit-text-fill-color:#44454b!important;color:#44454b!important}
body.grade-picker .mission-entry,body.subject-picker .mission-entry{display:block;position:relative;padding-right:140px;min-height:117px;box-sizing:border-box;background:transparent!important;border:1px solid #edcda955;border-bottom:1px solid #edcda955!important;box-shadow:none;border-radius:22px}
.mission-entry .mission-scout{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:95px;height:115px;object-fit:contain;filter:drop-shadow(0 5px 6px #a9773017)}
body.grade-picker .mission-entry strong,body.subject-picker .mission-entry strong{color:#c56b24;font-size:24px}body.grade-picker .mission-entry>span,body.subject-picker .mission-entry>span{color:#656168}
body.grade-picker .grade-card[href]{--card-accent:#e49340;--card-soft:#fff2df}body.grade-picker .grade-card[href] .grade-number{transform:none}
@media(max-width:700px){body.grade-picker .mission-entry,body.subject-picker .mission-entry{padding-right:105px;min-height:125px}.mission-entry .mission-scout{right:12px;width:76px;height:100px}body.grade-picker .mission-entry strong,body.subject-picker .mission-entry strong{font-size:20px}}
[data-subject="engleski"]{--accent:#3277c8;--light:#40c5d5;--soft:#e1f8fa}
[data-subject="srpski"]{--accent:#d85f73;--light:#fa9b68;--soft:#fff0e7}
[data-subject="priroda"]{--accent:#3c946d;--light:#8ccf79;--soft:#edf8e7}
[data-subject="matematika"]{--accent:#bd741c;--light:#ffd16b;--soft:#fff5d8}
[data-subject="muzicko"]{--accent:#8865c4;--light:#c399ee;--soft:#f4ebff}
[data-subject="digitalni"]{--accent:#5969cc;--light:#7caaf0;--soft:#edf0ff}
body.subject-page[data-subject]{background:#fffaf3;color:#67492f}
body.subject-page[data-subject]::before{background-image:url('assets/geometric-pattern.svg'),url('assets/topographic-pattern.svg');background-size:700px 700px;opacity:.6}
body.subject-page[data-subject] .brand,body.subject-page[data-subject] .brand>span{color:#765331}
body.subject-page .course-welcome{background:linear-gradient(125deg,#fff8ea 45%,var(--soft));border-color:#e5d4bc;border-bottom:4px solid var(--accent)}
body.subject-page .course-line-icon{object-fit:contain;filter:drop-shadow(0 5px 4px #67492f12)}
body.subject-page .course-mission{background:linear-gradient(125deg,#fff8ea,var(--soft));border-color:#e6d5bd;border-bottom-color:var(--accent)}
body.subject-page .course-kicker,body.subject-page .course-mission .course-open{color:var(--accent)}
body.subject-page .subject-home .course-topics .course-topic{background:linear-gradient(130deg,#fffdf8 50%,var(--soft));border-bottom-color:var(--accent)!important}
body.subject-page .course-topic .course-topic-number{background:linear-gradient(140deg,#fff,var(--soft));border-color:var(--light);color:var(--accent);box-shadow:0 3px 0 #67492f0d}
body.subject-page .course-card-arrow{color:var(--accent)}
body.subject-page .subject-home .course-games>.tile{background:linear-gradient(135deg,#fffdf8,var(--soft));border-bottom-color:var(--accent)!important}
body.subject-page .course-games>.tile:nth-child(2){background:linear-gradient(135deg,#fffdf8,#fff0df);border-bottom-color:#e99a55!important}
body.subject-page .course-games>.tile:nth-child(3){background:linear-gradient(135deg,#fffdf8,#f1eafa);border-bottom-color:#a17ccc!important}
body.subject-page .course-games .course-game-symbol{background:linear-gradient(145deg,#fff,var(--soft));border:1px solid #e5d4bc;color:var(--accent);box-shadow:0 4px 0 #67492f0d}
body.subject-page .course-control{background:linear-gradient(125deg,#fff8ea,var(--soft));border-left:4px solid var(--accent)}
body.subject-page .assessment-panel{border-top:4px solid var(--accent)!important}
body.subject-page .assessment-panel .progress>div{background:linear-gradient(90deg,var(--light),var(--accent))}
body.subject-page .assessment-panel .answer-letter{background:linear-gradient(140deg,#fff,var(--soft));color:var(--accent);border-color:var(--light)}
body.subject-page .assessment-panel .option.selected{background:var(--soft)!important;border-color:var(--accent)!important;box-shadow:0 3px 0 var(--accent)!important}
body.subject-page .assessment-panel .option.correct{background:#eaf3dd!important;border-color:#8eac68!important;box-shadow:0 3px 0 #8eac68!important}
body.subject-page .assessment-panel .option.wrong{background:#ffe9d5!important;border-color:#dda16d!important;box-shadow:0 3px 0 #dda16d!important}
body.grade-picker .grade-card[href="razred-1.html"]{--card-accent:#3c946d;--card-soft:#edf8e7}
body.grade-picker .grade-card[href="razred-2.html"]{--card-accent:#dc9a28;--card-soft:#fff5d8}
body.grade-picker .grade-card[href="razred-3.html"]{--card-accent:#3277c8;--card-soft:#e1f4fa}
body.grade-picker .grade-card[href="razred-4.html"]{--card-accent:#d87845;--card-soft:#fff0e7}
body.grade-picker .grade-card[href]{background:linear-gradient(135deg,#fffdf8 45%,var(--card-soft));border-bottom-color:var(--card-accent)!important}
body.grade-picker .grade-card[href]:hover{background:linear-gradient(135deg,#fffdf8,var(--card-soft));border-color:var(--card-accent)!important}
body.grade-picker .grade-card .grade-action>span{color:var(--card-accent)}
body.grade-picker .grade-number>.scout-sticker{filter:drop-shadow(0 5px 4px #67492f17)}
.mission-card[data-subject]{background:linear-gradient(140deg,#fffdf8 45%,var(--soft));border-bottom:4px solid var(--accent)}
.mission-card[data-subject] .mission-eyebrow{color:var(--accent)}
.mission-card[data-subject] .mission-line-icon{filter:drop-shadow(0 5px 4px #67492f12);object-fit:contain}
body:not([class]) .benefit,body:not([class]) .grade{box-shadow:0 5px 0 #67492f0c}
body:not([class]) .grade:nth-child(1){border-bottom:4px solid #3c946d;background:linear-gradient(135deg,#fffdf8,#edf8e7)}
body:not([class]) .grade:nth-child(2){border-bottom:4px solid #dc9a28;background:linear-gradient(135deg,#fffdf8,#fff5d8)}
body:not([class]) .grade:nth-child(3){border-bottom:4px solid #3277c8;background:linear-gradient(135deg,#fffdf8,#e1f4fa)}
body:not([class]) .grade:nth-child(4){border-bottom:4px solid #d87845;background:linear-gradient(135deg,#fffdf8,#fff0e7)}

body.subject-page[data-grade] .course-mission{background:transparent!important;border:1px solid #edcda955!important;box-shadow:none}body.subject-page .course-mission-art{width:80px;height:98px;flex-basis:80px}body.subject-page .course-mission-art img{display:block;width:100%;height:100%;object-fit:contain}body.subject-page[data-grade] .subject-home .course-kicker{color:#b96120}body.subject-page[data-grade] .subject-home .section-heading>span,body.subject-page[data-grade] .subject-home .scope{color:#656168}
body.grade-picker .grade-card[href]{--card-accent:#e49340;--card-soft:#fff2df}

.final-cta .final-inner{justify-content:space-between}.final-cta .final-inner>img{margin-left:auto}@media(max-width:650px){.final-cta .final-inner{flex-direction:column}.final-cta .final-inner>img{align-self:flex-end;margin-left:auto}}

/* Landing details aligned with the practice cards. */
#kako .step-number{background:linear-gradient(145deg,#fffdf8,#fff0d8);border:1px solid #edcba2;border-bottom:3px solid #e4ae70;border-radius:17px;color:#bd682b;box-shadow:0 5px 8px #67492f0b;font-family:'BeeBright Rounded',sans-serif;font-weight:900;text-shadow:0 1px 0 #fff8e9}
#kako .step-number.yellow{background:linear-gradient(145deg,#fffdf8,#fbf0d7);border-color:#ddc18b;color:#9a7434;border-bottom-color:#c8a366}
#kako .step-number.blue{background:linear-gradient(145deg,#fffdf8,#e7eff1);border-color:#afc4c8;color:#627f8b;border-bottom-color:#8fa9b1}
.final-cta{background:#ffebcb33;border-block-color:#f1d8b266}
.faq.section{grid-template-columns:1.2fr .8fr}
@media(max-width:700px){.faq.section{grid-template-columns:1fr}.faq.section>.faq-list{order:2}.faq.section>div:not(.faq-list){order:1}}