.learning-hero{background:linear-gradient(135deg,#123f2c,#23794f);color:#fff;padding:52px 0}.learning-hero h1{font-size:42px;margin:5px 0}.learning-page{background:#f4f6f1;padding:42px 0;min-height:65vh}.language-switch{display:flex;gap:7px;flex-wrap:wrap}.language-switch a{border:1px solid #c9d8ce;background:#fff;color:#194b35;padding:8px 12px;border-radius:20px;text-decoration:none}.language-switch a.active{background:#f2b544;color:#153c2c;border-color:#f2b544}.sector-grid,.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sector-card,.topic-card,.lesson-article{background:#fff;border:1px solid #dce5dd;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #173f3010}.sector-card img,.topic-card img{width:100%;height:175px;object-fit:cover}.sector-card-body,.topic-card-body{padding:20px}.sector-card h2,.topic-card h3{color:#153f30;margin:5px 0 10px}.learning-link{color:#176b43;font-weight:800;text-decoration:none}.search-panel{background:#fff;border-radius:14px;padding:18px;margin-bottom:25px;display:flex;gap:10px}.search-panel input{flex:1;border:1px solid #cbd8cf;border-radius:9px;padding:12px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.lesson-article{padding:34px}.lesson-heading{position:relative;padding-right:100px}.lesson-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.12;color:#123f2c;margin:8px 0 20px}.lesson-count{position:absolute;right:0;top:0;background:#e8f4ec;color:#176b43;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.lesson-cover{width:100%;max-height:430px;object-fit:cover;border-radius:14px;margin:0 0 25px}.lesson-content{font-size:16px;line-height:1.78;color:#293d34;overflow-wrap:anywhere}.lesson-content img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:12px}.lesson-content h1,.lesson-content h2,.lesson-content h3,.lesson-content h4{color:#143f2f;line-height:1.25;margin:30px 0 12px}.lesson-content h1{font-size:30px}.lesson-content h2{font-size:25px}.lesson-content h3{font-size:21px}.lesson-content p{margin:0 0 14px}.lesson-content ul,.lesson-content ol{padding-left:24px;margin-bottom:18px}.lesson-content li{margin-bottom:7px}.lesson-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:22px 0}.lesson-content th,.lesson-content td{border:1px solid #d8e3da;padding:10px 12px;min-width:130px}.lesson-content th{background:#edf5ef}.lesson-content blockquote{border-left:4px solid #e5a72d;margin:20px 0;padding:12px 18px;background:#fff9eb}.lesson-content a{color:#146c43;font-weight:700}.lesson-content .ql-align-center{text-align:center}.lesson-content .ql-align-right{text-align:right}.lesson-content .ql-align-justify{text-align:justify}.lesson-subtopics,.lesson-resources{border-top:1px solid #e3ebe5;margin-top:34px;padding-top:30px}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-title-row h2{margin:4px 0 0;color:#143f2f}.section-title-row>span{font-size:13px;color:#62736a}.subtopic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subtopic-card{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:1px solid #dae6dc;border-radius:12px;padding:14px;color:#173f30;text-decoration:none;background:#fbfdfb;transition:.2s ease}.subtopic-card:hover{border-color:#248254;box-shadow:0 8px 20px #173f3014;transform:translateY(-2px)}.subtopic-number{width:34px;height:34px;border-radius:9px;background:#e8f4ec;color:#176b43;display:grid;place-items:center;font-size:12px;font-weight:900}.subtopic-card strong{display:block;line-height:1.3}.subtopic-card small{display:block;color:#708078;margin-top:4px}.subtopic-card b{color:#d89518}.lesson-sidebar{background:#fff;border:1px solid #dce5dd;border-radius:16px;padding:20px;height:max-content;position:sticky;top:115px;box-shadow:0 8px 25px #173f300b}.sidebar-block+.sidebar-block{border-top:1px solid #e5ece7;margin-top:18px;padding-top:18px}.sidebar-label{display:block;color:#7a8981;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900;margin-bottom:8px}.lesson-sidebar h3{color:#143f2f;margin:0 0 10px}.lesson-sidebar a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1ee;color:#176b43;text-decoration:none;font-weight:700}.lesson-sidebar a:last-child{border-bottom:0}.lesson-sidebar a small{display:block;color:#7b8982;font-weight:500;margin-top:3px}.lesson-sidebar .parent-topic{justify-content:flex-start;background:#edf6f0;border:0;border-radius:10px;padding:12px}.lesson-pagination{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #e3ebe5;margin-top:34px;padding-top:24px}.lesson-pagination a{display:flex;flex-direction:column;border:1px solid #dce6de;border-radius:12px;padding:14px;text-decoration:none;color:#174731;background:#fbfdfb}.lesson-pagination a.next{text-align:right;align-items:flex-end}.lesson-pagination small{color:#74827b;margin-bottom:5px}.breadcrumbs{font-size:13px;margin-bottom:18px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#62736a}.breadcrumbs a{color:#176b43;text-decoration:none}.empty-learning{background:#fff;padding:50px;text-align:center;border-radius:16px}.resource-list a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #dce6de;border-radius:12px;padding:14px;margin-top:10px;color:#174731;text-decoration:none}.resource-list small{display:block;color:#718078;margin-top:3px}.resource-icon{display:grid;place-items:center;min-width:44px;height:44px;border-radius:10px;background:#e8f4ec;color:#176b43;font-size:12px;font-weight:900}
@media(max-width:900px){.sector-grid,.topic-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.lesson-sidebar .sidebar-block:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.lesson-sidebar h3{grid-column:1/-1}}
@media(max-width:620px){.sector-grid,.topic-grid,.subtopic-grid{grid-template-columns:1fr}.learning-hero h1{font-size:32px}.search-panel{display:block}.search-panel button{margin-top:8px;width:100%}.lesson-article{padding:22px}.lesson-heading{padding-right:0}.lesson-count{position:static;display:inline-block;margin-bottom:12px}.lesson-sidebar .sidebar-block:last-child{display:block}.lesson-pagination{grid-template-columns:1fr}.resource-list a{grid-template-columns:auto 1fr}.resource-list a>b{grid-column:2}.section-title-row{align-items:start;flex-direction:column}}

/* Rich lesson content authored in the administration editor. */
.lesson-content figure{max-width:100%;margin:24px auto;text-align:center}
.lesson-content figcaption{margin-top:-12px;color:#687970;font-size:13px}
.lesson-content pre{max-width:100%;overflow-x:auto;background:#17241d;color:#f4fff8;padding:16px;border-radius:10px}
.lesson-content mark{background:#fff0a8;padding:0 .12em}
.lesson-content sub,.lesson-content sup{line-height:0}
