/* Systematicka studijna cesta — editorial style, mobile first. */
.sp-shell{background:#f7f4ed;color:#172e3b;min-height:72vh;padding:32px 0 88px}
.sp-shell *{box-sizing:border-box}
.sp-shell .wrap{max-width:1180px}
.sp-kicker,.sp-content-label,.sp-course-kicker{font:700 11px/1.45 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#8a6356}
.sp-hero{border-bottom:1px solid #dbd4c9;padding:35px 0 42px;margin:0 0 30px}
.sp-hero h1{font:400 clamp(38px,5.5vw,69px)/1.07 Georgia,serif;letter-spacing:-.055em;max-width:780px;margin:12px 0 16px;color:#152d3d}
.sp-hero p{max-width:670px;font:16px/1.75 Arial,sans-serif;color:#4b606d;margin:0}
.sp-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}
.sp-main{min-width:0}
.sp-selector{background:#fff;border:1px solid #e3dcd2;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:20px 24px;margin-bottom:20px}
.sp-selector label{font:700 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#253845}
.sp-selector select{min-width:220px;max-width:65%;font:14px Arial,sans-serif;border:1px solid #d8d2c8;border-radius:0;padding:12px;background:#fcfbf8;color:#233946}
.sp-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sp-course{display:flex;flex-direction:column;min-height:188px;text-align:left;background:#fff;border:1px solid #e1dacf;padding:24px;color:#1b3341;cursor:pointer;transition:transform .16s ease,border .16s ease}
.sp-course:hover,.sp-course:focus-visible{transform:translateY(-2px);border-color:#975f52}
.sp-course strong{font:400 25px/1.2 Georgia,serif;margin:10px 0 12px}
.sp-course>span:nth-of-type(2){font:12px/1.6 Arial,sans-serif;color:#687985}
.sp-track{height:5px;border-radius:5px;background:#e9e6df;display:block;overflow:hidden;margin-top:auto;margin-bottom:12px}
.sp-track i{display:block;height:100%;background:#8a6356}
.sp-course-link{font:700 12px Arial,sans-serif;color:#8b4f45}
.sp-aside{background:#eee9df;border:1px solid #e0d7c7;padding:25px;position:sticky;top:90px;font:13px/1.72 Arial,sans-serif;color:#526371}
.sp-aside h3{font:400 25px/1.2 Georgia,serif;color:#163143;margin:14px 0}
.sp-aside ol{padding-left:20px;margin:16px 0 25px}
.sp-aside li{padding:6px 0;color:#273e4d}
.sp-aside a{display:block;border-top:1px solid #d7cec0;padding:13px 0;color:#783f36;text-decoration:none;font-weight:700}
.sp-aside p{margin-bottom:0}
.sp-disclaimer{font:12px/1.7 Arial,sans-serif;color:#707578;padding-top:20px;max-width:910px}
.sp-subject{background:#fff;border:1px solid #e2dbd0}
.sp-subject-top{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:30px 32px 20px}
.sp-subject h2{font:400 clamp(28px,3.3vw,39px)/1.15 Georgia,serif;color:#173143;margin:10px 0}
.sp-subject p{font:14px/1.65 Arial,sans-serif;color:#506573;max-width:610px;margin:6px 0}
.sp-big-number{font:400 42px Georgia,serif;white-space:nowrap;color:#8b6153}
.sp-big-number small{display:block;text-align:right;font:11px Arial,sans-serif;color:#61717d}
.sp-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee7dd;border-bottom:1px solid #eee7dd}
.sp-metric{padding:20px;border-right:1px solid #eee7dd}
.sp-metric:last-child{border-right:0}
.sp-metric strong{display:block;font:400 30px Georgia,serif;color:#213e4c}
.sp-metric span{font:11px/1.5 Arial,sans-serif;color:#6d7b85}
.sp-coverage{background:#faf7f0;padding:20px 30px;border-bottom:1px solid #eee7dd}
.sp-coverage strong{font:700 13px Arial,sans-serif;color:#573d3b}
.sp-coverage p{font-size:12px;max-width:unset}
.sp-lesson{padding:20px 25px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #eee7dd;text-decoration:none!important;color:#243c4b!important;transition:background .12s}
.sp-lesson:last-child{border-bottom:0}
.sp-lesson:hover,.sp-lesson:focus-visible{background:#faf6ef}
.sp-lesson-index{font:400 23px Georgia,serif;color:#9d8f82;width:40px}
.sp-lesson-copy{flex:1;min-width:0}
.sp-lesson-copy strong{display:block;font:400 19px Georgia,serif;margin-bottom:7px}
.sp-lesson-copy small{display:block;font:12px/1.5 Arial,sans-serif;color:#697983}
.sp-lesson-status{background:#ede5dc;color:#8a5c4c;width:32px;height:32px;display:grid;place-items:center;font:700 17px Arial,sans-serif}
.sp-lesson-status.sp-good{background:#e2efe6;color:#257753}
.sp-muted{font:12px/1.7 Arial,sans-serif!important;color:#677a83!important}
.sp-subject>.sp-muted{padding:8px 24px 22px}
.sp-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:12px Arial,sans-serif;color:#727778;padding-top:6px}
.sp-breadcrumb a{color:#784c42;text-decoration:none}
.sp-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:22px}
.sp-steps button{background:#eae4da;color:#53616c;border:0;min-height:70px;cursor:pointer;text-align:left;padding:12px 8px;font:600 10px/1.3 Arial,sans-serif;transition:background .15s}
.sp-steps button span{display:block;margin-bottom:8px;opacity:.55}
.sp-steps button.active{background:#1c394a;color:#fff}
.sp-steps button:hover{background:#d9cbbc;color:#203746}
.sp-steps button.active:hover{background:#1c394a;color:#fff}
.sp-paper{background:#fff;border:1px solid #e1d9cd;padding:clamp(22px,4vw,45px);min-height:450px;min-width:0}
.sp-paper h2{font:400 clamp(29px,4vw,43px)/1.16 Georgia,serif;letter-spacing:-.03em;margin:12px 0 21px;color:#183143}
.sp-paper p,.sp-paper li{font:15px/1.78 Arial,sans-serif;color:#405766}
.sp-lead{font:17px/1.75 Georgia,serif!important;color:#3b4c57!important}
.sp-focus{background:#f5f1e9;border-left:3px solid #9a6b58;padding:20px 24px;margin:23px 0}
.sp-focus strong{font:700 13px Arial,sans-serif}
.sp-focus ol{margin-bottom:0;padding-left:23px}
.sp-chapters details{border-bottom:1px solid #e6e0d8;padding:12px 0}
.sp-chapters summary{cursor:pointer;font:600 15px/1.6 Arial,sans-serif;padding:9px 0;color:#213d4e}
.sp-chapters summary span{color:#987967;margin-right:12px;font-family:Georgia,serif}
.sp-chapters details>div{padding:0 0 8px 24px}
.sp-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:47px;background:#1e3d4e;border:1px solid #1e3d4e;color:#fff!important;text-decoration:none!important;font:700 12px/1.3 Arial,sans-serif;padding:13px 22px;cursor:pointer}
.sp-button:hover{background:#294d60}
.sp-button.sp-outline{background:transparent;color:#214253!important;border-color:#a8b2b5}
.sp-button.sp-outline:hover{background:#f4f2ed}
.sp-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.sp-field{display:block;font:700 12px/1.5 Arial,sans-serif;color:#53636c;margin:20px 0}
.sp-field textarea{display:block;width:100%;margin-top:9px;padding:17px;border:1px solid #cdd0cb;border-radius:0;background:#faf9f6;color:#1d3544;font:15px/1.6 Arial,sans-serif;resize:vertical}
.sp-field textarea:focus,.sp-selector select:focus{outline:2px solid #8c6556;outline-offset:2px}
.sp-feedback{background:#f3efe6;border-left:3px solid #977052;padding:20px 24px;margin-top:22px}
.sp-feedback>strong{font:700 13px Arial,sans-serif;color:#263f4c}
.sp-feedback a{font:700 13px Arial,sans-serif;color:#804b41}
.sp-flash{border:1px solid #e0d4c5;background:#f8f5ef;min-height:245px;padding:35px;display:flex;flex-direction:column;justify-content:center}
.sp-flash span,.sp-flash-answer span{font:700 10px Arial,sans-serif;letter-spacing:.17em;color:#8d6756}
.sp-flash>strong{font:400 28px/1.35 Georgia,serif;max-width:600px;margin:16px 0;color:#1d3745}
.sp-flash-answer{border-top:1px solid #dfd5c6;margin-top:20px;padding-top:22px}
.sp-myth{border-left:4px solid #995e53;background:#f5eee9;padding:27px;margin:20px 0;font:400 23px/1.5 Georgia,serif;color:#663f38}
.sp-options{display:grid;gap:9px;margin-top:20px}
.sp-option{display:flex;gap:14px;align-items:center;border:1px solid #e3ded7;padding:17px;cursor:pointer;font:14px/1.6 Arial,sans-serif;color:#2a4351}
.sp-option:hover{background:#faf7f2}
.sp-option:has(input:checked){background:#edf3f1;border-color:#779d90}
.sp-option input{width:18px;height:18px;accent-color:#1b6049;flex:0 0 auto}
.sp-option span{font-weight:700;color:#966b59}
.sp-facts{background:#f7f3eb;padding:17px 24px;margin:18px 0}
.sp-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.sp-checklist>div{font:14px Arial,sans-serif;display:flex;align-items:center;gap:10px;background:#f9f7f3;padding:15px}
.sp-checklist span{width:26px;height:26px;border:1px solid #c9c0b8;display:grid;place-items:center;border-radius:50%}
.sp-checklist .sp-checked{background:#dceadf;border-color:#dceadf;color:#276849}
.sp-aside-stat{border-top:1px solid #d8d1c6;padding:12px 0;color:#475a63}
.sp-aside-stat b{font:24px Georgia,serif;color:#263f4c;margin-right:7px}
@media(max-width:850px){.sp-layout{grid-template-columns:1fr}.sp-aside{position:static}.sp-course-list{grid-template-columns:1fr 1fr}.sp-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:580px){.sp-shell{padding-top:16px}.sp-hero{padding:24px 0 30px}.sp-course-list{grid-template-columns:1fr}.sp-selector{display:block}.sp-selector select{margin-top:11px;max-width:100%;width:100%;min-width:0}.sp-subject-top{padding:23px;display:block}.sp-big-number{display:none}.sp-metrics{grid-template-columns:repeat(2,1fr)}.sp-metric:nth-child(2){border-right:0}.sp-metric:nth-child(-n+2){border-bottom:1px solid #eee7dd}.sp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-steps button{min-height:62px}.sp-paper{min-height:340px}.sp-checklist{grid-template-columns:1fr}.sp-lesson{padding:18px 15px}.sp-lesson-index{width:26px;font-size:19px}.sp-lesson-copy strong{font-size:17px}.sp-flash{padding:23px}.sp-flash>strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sp-course,.sp-steps button{transition:none}}