/* Four nature-inspired grade identities, shared across the practice journey. */
[data-grade="1"],body.grade-picker .grade-card[href="razred-1.html"]{--earth-ink:#74845e;--earth-light:#b0bb95;--earth-soft:#f0f3e6;--earth-wash:#e8eed952}
[data-grade="2"],body.grade-picker .grade-card[href="razred-2.html"]{--earth-ink:#b7873e;--earth-light:#ddc18b;--earth-soft:#fbf3e1;--earth-wash:#f7e8c752}
[data-grade="3"],body.grade-picker .grade-card[href="razred-3.html"]{--earth-ink:#738d98;--earth-light:#afc4c8;--earth-soft:#edf3f4;--earth-wash:#dce8ec52}
[data-grade="4"],body.grade-picker .grade-card[href="razred-4.html"]{--earth-ink:#ad7563;--earth-light:#d7ad99;--earth-soft:#faf0e9;--earth-wash:#f1dfd352}
body.subject-picker[data-grade],body.subject-page[data-grade],body.mission-page[data-grade]{background-color:#fffaf3;background-image:radial-gradient(ellipse at 95% 90%,var(--earth-wash),transparent 65%);--grade-tint:var(--earth-light);--grade-main:var(--earth-light);--grade-strong:var(--earth-ink);--grade-pale:var(--earth-soft)}
body.grade-picker .mission-entry,body.subject-picker .mission-entry{padding-left:140px;padding-right:28px}.mission-entry .mission-scout{left:22px;right:auto}
body.subject-picker[data-grade] .subject-picker-heading,body.subject-page[data-grade] .course-welcome{background:linear-gradient(120deg,#fffdf830,var(--earth-wash))!important;border-color:var(--earth-light);border-bottom:3px solid var(--earth-ink)}
body.subject-picker[data-grade] .subject-picker-heading h1,body.subject-page[data-grade] .course-kicker{color:var(--earth-ink)}
body.grade-picker .grade-card[href]{background:linear-gradient(135deg,#fffdf830,var(--earth-wash))!important;border-color:var(--earth-light)!important;border-bottom-color:var(--earth-ink)!important;min-height:130px;padding:21px;gap:19px}
body.grade-picker .grade-card[href]:hover{background:var(--earth-wash)!important;border-color:var(--earth-ink)!important}
body.grade-picker .grade-card .grade-number,body.grade-picker .grade-number>.scout-sticker{width:60px;height:66px;flex-basis:60px}body.grade-picker .grade-card .grade-action>span{color:var(--earth-ink)}
body.subject-picker .expanded-subjects .subject-card[data-subject]{background:linear-gradient(140deg,#fffdf82b,var(--earth-wash))!important;min-height:174px;padding:20px;border-color:var(--earth-light);border-bottom-color:var(--earth-ink)!important}
body.subject-picker .expanded-subjects .subject-card[data-subject] .subject-icon-line{width:65px;height:65px;flex-basis:65px;margin-bottom:15px}
body.subject-picker .expanded-subjects .subject-card b{font-size:20px}body.subject-picker .expanded-subjects .card-footer{margin-top:12px}
body.subject-page[data-grade] .subject-home .course-topics .course-topic{background:linear-gradient(135deg,#fffdf82b,var(--earth-wash))!important;min-height:85px;padding:18px;border-color:var(--earth-light);border-bottom-color:var(--earth-ink)!important}
body.subject-page[data-grade] .course-topic .course-topic-number{width:38px;height:38px;flex-basis:38px;background:linear-gradient(135deg,#fffdf899,var(--earth-soft));border-color:var(--earth-light);color:var(--earth-ink)}
body.subject-page[data-grade] .subject-home .course-games>.tile{min-height:149px;padding:19px;background:linear-gradient(135deg,#fffdf82b,var(--earth-wash))!important;border-color:var(--earth-light);border-bottom-color:var(--earth-ink)!important}
body.subject-page[data-grade] .course-control{background:var(--earth-wash);border-left-color:var(--earth-ink)}
body.subject-page[data-grade] .assessment-panel{background:#fffdf7a8!important;border-top-color:var(--earth-ink)!important}body.subject-page[data-grade] .assessment-panel .progress>div{background:linear-gradient(90deg,var(--earth-light),var(--earth-ink))}
body.subject-page[data-grade] .assessment-panel .answer-letter{background:var(--earth-soft);border-color:var(--earth-light);color:var(--earth-ink)}
.mission-page .mission-card[data-grade]{background:linear-gradient(135deg,#fffdf82b,var(--earth-wash))!important;border-color:var(--earth-light);border-bottom-color:var(--earth-ink);padding:22px}
.mission-page[data-grade] .mission-task,.mission-page[data-grade] .mission-welcome,.mission-page[data-grade] .garden-card{background:linear-gradient(135deg,#fffdf890,var(--earth-wash));border-color:var(--earth-light)}
.mission-page[data-grade] .mission-progress i{background:linear-gradient(90deg,var(--earth-light),var(--earth-ink))}
@media(max-width:700px){body.grade-picker .mission-entry,body.subject-picker .mission-entry{padding-left:105px;padding-right:20px}.mission-entry .mission-scout{left:12px;right:auto}body.grade-picker .grade-card[href]{min-height:183px;padding:17px 14px;gap:12px}body.grade-picker .grade-card .grade-number,body.grade-picker .grade-number>.scout-sticker{width:46px;height:51px;flex-basis:51px}body.subject-picker .expanded-subjects .subject-card[data-subject]{min-height:162px;padding:16px 14px}body.subject-picker .expanded-subjects .subject-card[data-subject] .subject-icon-line{width:55px;height:55px;flex-basis:55px;margin-bottom:13px}body.subject-picker .expanded-subjects .subject-card b{font-size:18px}body.subject-page[data-grade] .subject-home .course-topics .course-topic{min-height:72px;padding:14px}body.subject-page[data-grade] .subject-home .course-games>.tile{min-height:85px;padding:15px}}

body.subject-page[data-grade] .course-games .course-game-symbol{width:66px;height:66px;background:none;border:0;border-radius:0;box-shadow:none;color:inherit;filter:drop-shadow(0 4px 3px #67492f0c)}body.subject-page .course-game-symbol img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:700px){body.subject-page[data-grade] .course-games .course-game-symbol{width:55px;height:55px}}

body.subject-page[data-grade] .course-card-arrow,body.subject-page[data-grade] .course-mission .course-open{color:#74845e!important;-webkit-text-fill-color:#74845e!important}body.subject-page[data-grade] .course-games .course-game-symbol{width:74px;height:74px;filter:none}@media(max-width:700px){body.subject-page[data-grade] .course-games .course-game-symbol{width:59px;height:59px}body.subject-page .subject-home .course-games>.tile{grid-template-columns:59px 1fr}}

/* Clear grade selection and mission calls to action. */
body.grade-picker .grade-card[href]{border-radius:15px;min-height:137px;padding:22px 25px;gap:24px}
body.grade-picker .grade-card p{font-size:15px;font-weight:850;line-height:1.5;color:#625e55}
body.grade-picker .grade-card .grade-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:38px;padding:8px 14px;border:1px solid var(--earth-light);border-bottom:3px solid var(--earth-ink);border-radius:10px;background:linear-gradient(135deg,#fffdf8,var(--earth-soft));font-size:12px;font-weight:900;color:var(--earth-ink);margin-top:12px}
body.grade-picker .grade-card .grade-number{position:relative;width:72px;height:82px;flex:0 0 72px;background:linear-gradient(140deg,#fffdf8,var(--earth-soft));border:1px solid var(--earth-light);border-bottom:4px solid var(--earth-ink);border-radius:20px 20px 24px 24px;box-shadow:0 5px 8px #67492f0b;transform:none;overflow:hidden}
body.grade-picker .grade-number .grade-roman{position:static;display:block;font-family:'BeeBright Rounded',sans-serif;font-size:34px;line-height:1;font-weight:1000;letter-spacing:-2px;transform:none;background:none;box-shadow:none;padding:0 0 15px;color:var(--earth-ink);text-shadow:0 1px 0 #fff;margin:0}
body.grade-picker .grade-number .grade-sprig{position:absolute;bottom:5px;left:22px;width:30px;height:24px;fill:var(--earth-light);stroke:var(--earth-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
body.grade-picker .mission-entry{background:linear-gradient(115deg,#fff0d6db,#f6d8a8b8)!important;border:1px solid #e7bb80;border-bottom:4px solid #d29a58!important;box-shadow:0 5px 12px #b88c3d0b;padding-top:23px;padding-bottom:22px;transition:background .18s,transform .18s}
body.grade-picker .mission-entry:hover{background:linear-gradient(115deg,#ffe8c3,#f4d19e)!important;transform:translateY(-2px)}
body.grade-picker .mission-entry .mission-cta{display:inline-flex;align-items:center;gap:22px;background:#efac63;color:#63391c;border:1px solid #e2a05b;border-bottom:3px solid #be7f3d;border-radius:11px;font-size:13px;font-weight:900;padding:10px 17px;margin-top:15px}
body.subject-page[data-grade] .course-card-arrow,body.subject-page[data-grade] .course-mission .course-open{color:var(--earth-ink)!important;-webkit-text-fill-color:var(--earth-ink)!important}
body.subject-picker[data-grade] .subject-card[data-subject] .card-footer .arrow{color:var(--earth-ink)!important}
@media(max-width:700px){body.grade-picker .grade-card[href]{flex-direction:row;align-items:center;min-height:133px;padding:17px;gap:17px}body.grade-picker .grade-grid{grid-template-columns:1fr}body.grade-picker .grade-card .grade-number{width:66px;height:76px;flex-basis:66px}body.grade-picker .grade-number .grade-sprig{left:19px}body.grade-picker .grade-card p{font-size:14px}body.grade-picker .grade-card .grade-action{font-size:12px;margin-top:9px}body.grade-picker .mission-entry .mission-cta{font-size:12px;gap:12px;padding:9px 12px}}