.lesson-head{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + env(safe-area-inset-top));z-index:100;display:grid;grid-template-columns:1fr auto auto auto;grid-template-areas:"picker picker picker nav" "home  copy  lang symbols";grid-column-gap:8px;column-gap:8px;grid-row-gap:8px;row-gap:8px;align-items:center;justify-items:stretch;padding:8px 10px;background:#cfdfcf;border:1px solid #d6dfda;border-radius:16px;box-shadow:0 1px 0 rgba(0,0,0,.06);box-sizing:border-box;overflow:visible}.lesson-picker{grid-area:picker;display:flex;align-items:center;gap:8px;min-width:0;width:100%}.lesson-picker .lesson-select{width:100%;max-width:100%;min-width:0}.lesson-head-secondary{display:contents}.lesson-nav-slot{grid-area:nav}.lesson-lang-slot,.lesson-nav-slot{display:flex;align-items:center;justify-content:flex-end;min-width:0}.lesson-lang-slot{grid-area:lang}.lesson-symbols-slot{grid-area:symbols;display:flex;align-items:center;justify-content:flex-end;min-width:0}.lesson-home-slot{grid-area:home}.lesson-copy-slot,.lesson-home-slot{display:flex;align-items:center;justify-content:flex-start;min-width:0}.lesson-copy-slot{grid-area:copy}.lesson-btn,.lesson-select{height:36px;border-radius:10px;font-size:12.5px;line-height:1;box-sizing:border-box}.lesson-btn--home.lesson-btn--icon,.lesson-btn--icon{width:40px;min-width:40px;padding:0}.lesson-btn--icon{display:block}.lesson-btn--copy,.lesson-btn--home{font-size:18px}.lesson-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;padding:0 34px 0 12px;font:600 12.5px/1.2 Noto Sans,Segoe UI,Calibri,sans-serif;color:#1e2b24;background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23406153' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center /12px 8px;border:1px solid #cfd6d2}.lesson-select--lang{width:90px;max-width:90px;min-width:90px;padding:0 30px 0 10px;background-position:right 8px center}.lesson-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #4a7460;background:#4f7d67;color:#fff;font:600 12.5px/1 Noto Sans,Segoe UI,Calibri,sans-serif;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;margin:0;min-width:0;white-space:nowrap;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .02s ease}.lesson-btn:hover{background:#3e6553}.lesson-btn:active{transform:translateY(1px)}.lesson-btn[disabled]{cursor:not-allowed;background:#9fb7ac;border-color:#93a8a0;color:#f0f3f2;opacity:.85;transform:none}.lesson-btn--text{padding:0 10px;min-width:84px}.lesson-nav{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;width:-moz-fit-content;width:fit-content;padding:0;margin:0}.lesson-btn--icon>svg{width:22px;height:22px;display:block;flex:0 0 22px}@media (min-width:700px){.lesson-btn--icon>svg{width:24px;height:24px;flex-basis:24px}}.lesson-symbols{position:relative;z-index:110}.lesson-symbols .lesson-btn{width:90px;min-width:90px;padding:0 10px}.lesson-slot-placeholder{width:90px;height:36px}.lesson-nav-slot .lesson-slot-placeholder{display:none}.lesson-symbols-menu{position:absolute;top:calc(100% + 6px);right:0;width:calc(100vw - 20px);max-width:260px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #cfd6d2;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.14);z-index:2000}[data-lesson] .lesson-card{margin-top:.75rem;position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.lesson-btn,.lesson-select{transition:none}}@media (min-width:700px){.lesson-head{grid-template-columns:1fr auto auto auto auto auto;grid-template-areas:"picker home copy nav lang symbols";align-items:center;justify-items:stretch;column-gap:12px;row-gap:0}.lesson-picker{grid-area:picker}.lesson-home-slot{grid-area:home;justify-content:flex-end}.lesson-copy-slot{grid-area:copy;justify-content:flex-end}.lesson-nav-slot{grid-area:nav;justify-content:flex-end}.lesson-lang-slot{grid-area:lang;justify-content:flex-start}.lesson-symbols-slot{grid-area:symbols;justify-content:flex-end}.lesson-btn,.lesson-select{height:42px;font-size:13px;border-radius:11px}.lesson-select{font:600 13px/1.2 Noto Sans,Segoe UI,Calibri,sans-serif;padding:0 38px 0 14px;background-position:right 12px center}.lesson-select--lang,.lesson-slot-placeholder,.lesson-symbols .lesson-btn{width:110px;min-width:110px}.lesson-nav{gap:calc((90px - 40px) / 2)}.lesson-nav .lesson-btn--icon{width:44px;min-width:44px;height:42px;font-size:22px}}#content-outlet.content-section{width:100%!important;max-width:100%!important;margin:0 auto;padding:0!important;box-sizing:border-box;overflow-x:clip}.content-container[data-lesson]{scroll-margin-top:calc(var(--nav-h) + env(safe-area-inset-top) + 12px);width:100%;max-width:100%;margin:0 auto;padding-inline:clamp(12px,5vw,40px);padding-top:0;padding-block:clamp(12px,4vw,0px);box-sizing:border-box;display:flex;flex-direction:column;text-align:left}.content-container .lesson-flow,.content-container .lesson-viewport{overflow-x:clip}[data-lesson] .lesson-flow{display:block}[data-lesson].lesson-page{min-height:100svh;height:auto;display:flex;flex-direction:column}[data-lesson] .lesson-viewport{display:grid;grid-template-rows:auto 1fr auto;min-block-size:100%}[data-lesson] .lesson-flow{block-size:auto;min-block-size:100%;overflow:visible}[data-lesson] :where(.panel,.pane,.shell,.content,.card,.lesson-scroll){height:auto!important;max-height:none!important;overflow:visible!important}@media (max-width:1024px){.lesson-body-wrapper{width:min(900px,100%);margin:0 auto}}@media (min-width:1025px){.content-container>*{flex:0 1 auto;width:auto;margin:0 auto}}.lesson-body-wrapper{position:relative;min-height:320px;width:100%;box-sizing:border-box;background:#f5f7f6}@media (min-width:1025px){[data-lesson] .lesson-body-wrapper{width:100%}}.lesson-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.lesson-card{background:var(--c-lesson-bg);max-width:900px;margin:16px auto;padding:28px 0;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);border:.5px solid var(--c-border,#dde3e0);box-sizing:border-box;overflow:visible}.lesson-card>*{max-width:100%}.lesson-card blockquote{margin:1rem;padding:.75rem 1rem;border-left:4px solid var(--c-accent);background:hsla(0,0%,100%,.03);border-radius:12px}.lesson-card blockquote p{margin:0}.lesson-card .card-titlebar{margin:-28px 0 18px;background:#304342;border-radius:12px 12px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.lesson-card .card-title{margin:0;padding:18px 24px;text-align:center;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(20px,2.4vw,34px);line-height:1.15}.lesson-card :where(h1:first-child){display:none}[data-lesson] .lesson-card{width:100%;max-width:min(900px,92vw);margin:20px auto 0;box-sizing:border-box}@media (min-width:1025px){[data-lesson] .lesson-card{width:1200px;max-width:1200px}}@media (max-width:1024px){.lesson-card{max-width:820px;padding:24px 0}.lesson-card .card-titlebar{margin-top:-24px}}@media (max-width:720px){.lesson-card{margin:12px 8px;padding:20px 0;border-radius:10px}.lesson-card .card-titlebar{margin-top:-20px;border-radius:10px 10px 0 0}.lesson-card .card-title{padding:14px 18px}}@media (max-width:480px){.lesson-card{margin:8px 6px;padding:16px 0;border-radius:8px}.lesson-card .card-titlebar{margin-top:-16px;border-radius:8px 8px 0 0}.lesson-card .card-title{padding:12px 16px}}.maths-preview,[data-lesson] #content-outlet.content-section{overflow-x:visible!important}[data-lesson] .lesson-card .eq-row{overflow-x:auto!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}[data-lesson] .lesson-card .eq-left,[data-lesson] .lesson-card .eq-right{flex:0 0 auto!important}[data-lesson] .lesson-card .eq-after{white-space:nowrap!important}[data-lesson] .lesson-card{overflow:visible}.lesson-card :where(h2:not(.card-title)){margin:32px 0 14px;padding-inline:24px;font-size:clamp(22px,2.6vw,32px);font-weight:700;letter-spacing:-.01em;color:#264e36}.lesson-card :where(p,li){font-size:1rem;line-height:1.65;color:#1e2b24}.lesson-card :where(p,h2,h3,h4,h5,h6,ul,ol){padding-inline:24px}.lesson-card :where(p,ul,ol,blockquote){max-width:68ch}.lesson-card .listol,.lesson-card .listul{max-width:none;padding-inline:0}.lesson-card .stat-question__text,.lesson-card .stat-response__text{max-width:none}@media (min-width:1025px){.lesson-card{--mdx-size:1.4rem;--mdx-leading:1.75}.lesson-card :where(p,li){font-size:var(--mdx-size);line-height:var(--mdx-leading)}.lesson-card :where(ul,ol){padding-left:1.25em}.lesson-card :where(blockquote){font-size:calc(var(--mdx-size) * 1.02)}.lesson-card :where(code:not(pre code)){font-size:.95em}}.bio-card{background:var(--c-lesson-bg);width:100%;max-width:min(860px,92vw);margin:20px auto 0;padding:26px 0;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);border:.5px solid var(--c-border,#dde3e0);box-sizing:border-box;overflow:visible}.bio-card>*{max-width:100%}.bio-card .card-titlebar{margin:-26px 0 18px;background:#547f7d;border-radius:14px 14px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.bio-card .card-title{margin:0;padding:18px 26px;text-align:center;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(20px,2.4vw,34px);line-height:1.15}.bio-card :where(h1:first-child){display:none}.bio-card :where(h2){margin:26px 0 10px;padding-inline:26px;font-size:clamp(20px,2.2vw,28px);color:#264e36}.bio-card :where(h3){margin:18px 0 8px;padding-inline:26px;font-size:1.1rem;color:#264e36}.bio-card :where(p,li){font-size:1.05rem;line-height:1.7;color:#1e2b24}.bio-card :where(p,h2,h3,h4,h5,h6,ul,ol,blockquote,hr){padding-inline:26px}.bio-card :where(p,blockquote){max-width:72ch}.bio-card :where(ul,ol){max-width:none;margin:10px 0 14px;padding-left:calc(26px + 1.2em)}.bio-card :where(strong){font-weight:650}.bio-card :where(a){color:var(--c-accent,#2f7a55);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.bio-card :where(a:hover){text-decoration-thickness:3px}.bio-card :where(hr){margin:18px 0;opacity:.5}.bio-card :where(blockquote){margin:14px 0;padding:12px 14px;border-left:4px solid var(--c-accent,#2f7a55);background:hsla(0,0%,100%,.03);border-radius:12px}.bio-card :where(figure){margin:18px auto 6px;padding-inline:26px;max-width:none;text-align:center}.bio-card :where(img){display:block;margin:12px auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.bio-card :where(.profile-image img){border-radius:999px}.bio-card :where(figcaption){margin-top:8px;font-size:.95rem;opacity:.85}.bio-card .content-block--text>ul>li{margin:14px 0}.bio-card .content-block--text li>ul>li{margin:4px 0}.bio-card .content-block--text :where(ul){list-style:disc}.bio-card .content-block--text :where(ul>li)::marker{color:var(--c-accent,#2f7a55);font-size:1.15em}.bio-card .content-block--text :where(ul ul>li)::marker{color:rgba(47,122,85,.75);font-size:1em}@media (max-width:720px){.bio-card{margin:12px 8px;padding:20px 0;border-radius:12px}.bio-card .card-titlebar{margin-top:-20px;border-radius:12px 12px 0 0}.bio-card .card-title{padding:14px 18px}.bio-card :where(h2,h3,p,ul,ol,blockquote,hr,figure){padding-inline:18px}.bio-card :where(ul,ol){padding-left:calc(18px + 1.1em)}.bio-card .content-block--text :where(ul,ol){padding-left:1.2em}}@media (min-width:1025px){.bio-card{max-width:900px}.bio-card :where(p,li){font-size:1.12rem;line-height:1.75}}.arts-card{width:100%;max-width:min(860px,92vw);margin:20px auto 0;padding:26px 0;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);box-sizing:border-box;overflow:visible;position:relative}.arts-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--card-accent,var(--course-accent,var(--c-brand,#59826c)));opacity:var(--card-tint,.02);pointer-events:none}.arts-card>*{max-width:100%;position:relative}.arts-card .card-titlebar{margin:-26px 0 18px;background:var(--card-banner-bg,var(--card-accent,var(--course-accent,var(--c-brand,#59826c))));border-radius:14px 14px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.arts-card .card-title{margin:0;padding:18px 26px;text-align:center;color:var(--card-banner-fg,#fff);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(20px,2.4vw,34px);line-height:1.15}.arts-card :where(h1:first-child){display:none}.arts-card :where(h2){margin:26px 0 10px;padding-inline:26px;font-size:clamp(20px,2.2vw,28px)}.arts-card :where(h3){margin:18px 0 8px;padding-inline:26px;font-size:1.1rem}.arts-card :where(h2),.arts-card :where(h3){color:var(--c-ink-1,var(--c-ink-2,#24322b))}.arts-card :where(p,li){font-size:var(--card-body-font);line-height:var(--card-body-line);color:var(--course-ink,var(--c-ink,#1e2b24))}.arts-card .listul :where(p,li){font-size:inherit;line-height:inherit;color:inherit}.arts-card :where(p,h2,h3,h4,h5,h6,ul,ol,blockquote,hr){padding-inline:26px}.arts-card :where(p,blockquote){max-width:72ch}.arts-card :where(ul,ol){max-width:none;margin:10px 0 14px;padding-left:calc(26px + 1.2em)}.arts-card :where(strong){font-weight:650}.arts-card :where(a){color:var(--card-accent,var(--course-accent,var(--c-brand,#59826c)));text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.arts-card :where(a:hover){text-decoration-thickness:3px}.arts-card :where(hr){margin:18px 0;opacity:.55;border-color:var(--card-border,var(--c-border,#dde3e0))}.arts-card :where(blockquote){margin:14px 0;padding:12px 14px;border-left:4px solid var(--card-accent,var(--course-accent,var(--c-brand,#59826c)));background:rgba(0,0,0,.02);border-radius:12px}.arts-card :where(figure){margin:18px auto 6px;padding-inline:26px;max-width:none;text-align:center}.arts-card :where(img){display:block;margin:12px auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.arts-card :where(.profile-image img){border-radius:999px}.arts-card :where(figcaption){margin-top:8px;font-size:.95rem;opacity:.85}.arts-card .content-block--text>ul>li{margin:14px 0}.arts-card .content-block--text li>ul>li{margin:4px 0}.arts-card .content-block--text :where(ul){list-style:disc}.arts-card .content-block--text :where(ul>li)::marker{color:var(--card-accent,var(--course-accent,var(--c-brand,#59826c)));font-size:1.15em}.arts-card .content-block--text :where(ul ul>li)::marker{color:color-mix(in srgb,var(--card-accent,var(--course-accent,var(--c-brand,#59826c))) 70%,transparent);font-size:1em}@media (max-width:720px){.arts-card{margin:12px 8px;padding:20px 0;border-radius:12px}.arts-card .card-titlebar{margin-top:-20px;border-radius:12px 12px 0 0}.arts-card .card-title{padding:14px 18px}.arts-card :where(h2,h3,p,ul,ol,blockquote,hr,figure){padding-inline:18px}.arts-card :where(ul,ol){padding-left:calc(18px + 1.1em)}.arts-card .content-block--text :where(ul,ol){padding-left:1.2em}}@media (min-width:721px) and (max-width:1024px){.arts-card :where(p,li){font-size:var(--card-body-font);line-height:var(--card-body-line)}.arts-card :where(h2){font-size:clamp(22px,2.4vw,30px)}.arts-card :where(h3){font-size:1.18rem}}@media (min-width:1025px){.arts-card{max-width:900px}.arts-card :where(p,li){font-size:var(--card-body-font,1.4rem);line-height:var(--card-body-line,1.75)}}.lang-card{background:var(--c-lesson-bg);width:100%;max-width:min(860px,92vw);margin:20px auto 0;padding:26px 0;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);border:.5px solid var(--c-border,#dde3e0);box-sizing:border-box;overflow:visible}.lang-card>*{max-width:100%}.lang-card .card-titlebar{margin:-26px 0 18px;background:#476cb1;border-radius:14px 14px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.lang-card .card-title{margin:0;padding:18px 26px;text-align:center;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(20px,2.4vw,34px);line-height:1.15}.lang-card :where(h1:first-child){display:none}.lang-card :where(h2){margin:26px 0 10px;padding-inline:26px;font-size:clamp(20px,2.2vw,28px);color:#264e36}.lang-card :where(h3){margin:18px 0 8px;padding-inline:26px;font-size:1.1rem;color:#264e36}.lang-card :where(p,li){font-size:1.05rem;line-height:1.7;color:#1e2b24}.lang-card :where(p,h2,h3,h4,h5,h6,ul,ol,blockquote,hr){padding-inline:26px}.lang-card :where(p,blockquote){max-width:72ch}.lang-card :where(ul,ol){max-width:none;margin:10px 0 14px;padding-left:calc(26px + 1.2em)}.lang-card :where(strong){font-weight:650}.lang-card :where(a){color:var(--c-accent,#2f7a55);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.lang-card :where(a:hover){text-decoration-thickness:3px}.lang-card :where(hr){margin:18px 0;opacity:.5}.lang-card :where(blockquote){margin:14px 0;padding:12px 14px;border-left:4px solid var(--c-accent,#2f7a55);background:hsla(0,0%,100%,.03);border-radius:12px}.lang-card :where(figure){margin:18px auto 6px;padding-inline:26px;max-width:none;text-align:center}.lang-card :where(img){display:block;margin:12px auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.lang-card :where(.profile-image img){border-radius:999px}.lang-card :where(figcaption){margin-top:8px;font-size:.95rem;opacity:.85}.lang-card .content-block--text>ul>li{margin:14px 0}.lang-card .content-block--text li>ul>li{margin:4px 0}.lang-card .content-block--text :where(ul){list-style:disc}.lang-card .content-block--text :where(ul>li)::marker{color:var(--c-accent,#2f7a55);font-size:1.15em}.lang-card .content-block--text :where(ul ul>li)::marker{color:rgba(47,122,85,.75);font-size:1em}@media (max-width:720px){.lang-card{margin:12px 8px;padding:20px 0;border-radius:12px}.lang-card .card-titlebar{margin-top:-20px;border-radius:12px 12px 0 0}.lang-card .card-title{padding:14px 18px}.lang-card :where(h2,h3,p,ul,ol,blockquote,hr,figure){padding-inline:18px}.lang-card :where(ul,ol){padding-left:calc(18px + 1.1em)}.lang-card .content-block--text :where(ul,ol){padding-left:1.2em}}@media (min-width:721px) and (max-width:1024px){.lang-card :where(p,li){font-size:1.2rem;line-height:1.75}.lang-card :where(h2){font-size:clamp(22px,2.4vw,30px)}.lang-card :where(h3){font-size:1.18rem}}@media (min-width:1025px){.lang-card{max-width:900px}.lang-card :where(p,li){font-size:1.12rem;line-height:1.75}}.blog-card{background:var(--c-lesson-bg);width:100%;max-width:min(980px,92vw);margin:20px auto 0;padding:26px 0;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);border:.5px solid var(--c-border,#dde3e0);box-sizing:border-box;overflow:visible}.blog-card>*{max-width:100%}.blog-card .card-titlebar{margin:-26px 0 18px;background:#2d4a46;border-radius:14px 14px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.blog-card .card-title{margin:0;padding:18px 26px;text-align:center;color:#fff;font-weight:850;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(18px,2.2vw,30px);line-height:1.15}.blog-card :where(h1:first-child){display:none}.blog-card :where(p,li){font-size:1.06rem;line-height:1.75;color:#15221d}.blog-card :where(p,h2,h3,h4,h5,h6,ul,ol,blockquote,hr,figure,pre){padding-inline:26px}.blog-card :where(p){max-width:78ch}.blog-card :where(h2){margin:26px 0 10px;font-size:clamp(20px,2vw,28px);color:#1f3b33}.blog-card :where(h3){margin:18px 0 8px;font-size:1.1rem;color:#1f3b33}.blog-card :where(ul,ol){margin:10px 0 14px;padding-left:calc(26px + 1.2em)}.blog-card :where(strong){font-weight:700}.blog-card :where(a){color:var(--c-accent,#2f7a55);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.blog-card :where(a:hover){text-decoration-thickness:3px}.blog-card :where(hr){margin:18px 0;opacity:.55}.blog-card :where(blockquote){margin:14px 0;padding:12px 14px;border-left:4px solid var(--c-accent,#2f7a55);background:rgba(0,0,0,.02);border-radius:12px}.blog-card :where(figure){margin:18px auto 6px;max-width:none;text-align:center}.blog-card :where(img){display:block;margin:12px auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.blog-card :where(figcaption){margin-top:8px;font-size:.95rem;opacity:.82}.blog-card :where(pre){margin:16px 0}.blog-card :where(pre code){display:block;padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:hsla(0,0%,100%,.65);overflow-x:auto}.blog-card .blog-index{padding-inline:26px;margin-top:14px}.blog-card .blog-index-item{padding:14px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:hsla(0,0%,100%,.55);box-shadow:0 1px 6px rgba(0,0,0,.04)}.blog-card .blog-index-item+.blog-index-item{margin-top:12px}.blog-card .blog-index-title{margin:0 0 6px;font-size:1.12rem;line-height:1.35}.blog-card .blog-index-title a{text-decoration:none}.blog-card .blog-index-title a:hover{text-decoration:underline;text-decoration-thickness:3px}.blog-card .blog-index-date{margin:0 0 8px;font-size:.95rem;opacity:.75}.blog-card .blog-index-excerpt{margin:0;max-width:none;opacity:.95}.blog-card .blog-index-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.blog-card .blog-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.85rem;border:1px solid rgba(0,0,0,.08);background:hsla(0,0%,100%,.7)}.content-container[data-template=blog][data-ui=doc] .blog-card :where(p){max-width:84ch}.content-container[data-template=blog][data-ui=post] .blog-card :where(h2){margin-top:30px}.content-container[data-template=blog][data-ui=post] .blog-card :where(p,li){line-height:1.85}.content-container[data-template=blog] .lesson-picker{display:none}.blog-card .blog-meta{padding-inline:26px;margin:10px 0 18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.95rem;opacity:.8}.blog-card .blog-meta-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.7);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95}.blog-card .blog-meta-item{white-space:nowrap}@media (max-width:720px){.blog-card{margin:12px 8px;padding:20px 0;border-radius:12px}.blog-card .card-titlebar{margin-top:-20px;border-radius:12px 12px 0 0}.blog-card .card-title{padding:14px 18px}.blog-card :where(h2,h3,p,ul,ol,blockquote,hr,figure,pre){padding-inline:18px}.blog-card :where(ul,ol){padding-left:calc(18px + 1.1em)}.blog-card .blog-index{padding-inline:18px}.blog-card .blog-index-item{padding:12px}}@media (min-width:1025px){.blog-card{max-width:1040px}.blog-card :where(p,li){font-size:1.12rem;line-height:1.8}}.blog-card .blog-feature{padding-inline:26px;margin:10px 0 18px}.blog-card .blog-feature-inner{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:hsla(0,0%,100%,.65);box-shadow:0 1px 10px rgba(0,0,0,.05);padding:16px}.blog-card .blog-feature-kicker{margin:0 0 8px;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.blog-card .blog-feature-title{margin:0 0 8px;font-size:1.25rem;line-height:1.25}.blog-card .blog-feature-title a{text-decoration:none}.blog-card .blog-feature-title a:hover{text-decoration:underline;text-decoration-thickness:3px}.blog-card .blog-feature-meta{margin:0 0 10px;font-size:.95rem;opacity:.75}.blog-card .blog-feature-excerpt{margin:0 0 12px;max-width:none;opacity:.95}.blog-card .blog-feature-link{text-decoration:none;font-weight:700}.blog-card .blog-feature-link:hover{text-decoration:underline}.blog-card .blog-grid{padding-inline:26px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(1,minmax(0,1fr))}.blog-card .blog-feature-media img,.blog-card .blog-post-hero img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.blog-card .blog-feature-media{margin:10px 0 12px;overflow:hidden;border-radius:12px}.blog-card .blog-post-hero{margin:14px 26px 6px}.blog-card .blog-post-hero figcaption{margin-top:8px;font-size:.95rem;opacity:.85}@media (min-width:680px){.blog-card .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1025px){.blog-card .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card .blog-grid-card{border:1px solid rgba(0,0,0,.06);border-radius:12px;background:hsla(0,0%,100%,.55);box-shadow:0 1px 6px rgba(0,0,0,.04);padding:14px}.blog-card .blog-grid-title{margin:0 0 6px;font-size:1.05rem;line-height:1.35}.blog-card .blog-grid-title a{text-decoration:none}.blog-card .blog-grid-title a:hover{text-decoration:underline;text-decoration-thickness:3px}.blog-card .blog-grid-date{margin:0 0 8px;font-size:.95rem;opacity:.75}.blog-card .blog-grid-excerpt{margin:0;opacity:.95}.blog-card .blog-sentinel{height:1px}.blog-card .blog-end{padding-inline:26px;margin:16px 0 0;opacity:.7;font-size:.95rem}.coding-card{background:var(--c-lesson-bg);width:100%;max-width:min(860px,92vw);margin:20px auto 0;padding:26px 0;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);border:.5px solid var(--c-border,#dde3e0);box-sizing:border-box;overflow:visible}.coding-card>*{max-width:100%}.coding-card .card-titlebar{margin:-26px 0 18px;background:#58415a;border-radius:14px 14px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.coding-card .card-title{margin:0;padding:18px 26px;text-align:center;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(20px,2.4vw,34px);line-height:1.15}.coding-card :where(h1:first-child){display:none}.coding-card :where(h2){margin:26px 0 10px;padding-inline:26px;font-size:clamp(20px,2.2vw,28px);color:#264e36}.coding-card :where(h3){margin:18px 0 8px;padding-inline:26px;font-size:1.1rem;color:#264e36}.coding-card :where(p,li){font-size:1.05rem;line-height:1.7;color:#1e2b24}.coding-card :where(p,h2,h3,h4,h5,h6,ul,ol,blockquote,hr){padding-inline:26px}.coding-card :where(p,blockquote){max-width:72ch}.coding-card :where(ul,ol){max-width:none;margin:10px 0 14px;padding-left:calc(26px + 1.2em)}.coding-card :where(strong){font-weight:650}.coding-card :where(a){color:var(--c-accent,#2f7a55);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.coding-card :where(a:hover){text-decoration-thickness:3px}.coding-card :where(hr){margin:18px 0;opacity:.5}.coding-card :where(blockquote){margin:14px 0;padding:12px 14px;border-left:4px solid var(--c-accent,#2f7a55);background:hsla(0,0%,100%,.03);border-radius:12px}.coding-card :where(figure){margin:18px auto 6px;padding-inline:26px;max-width:none;text-align:center}.coding-card :where(img){display:block;margin:12px auto;max-width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.coding-card :where(.profile-image img){border-radius:999px}.coding-card :where(figcaption){margin-top:8px;font-size:.95rem;opacity:.85}.coding-card .content-block--text>ul>li{margin:14px 0}.coding-card .content-block--text li>ul>li{margin:4px 0}.coding-card .content-block--text :where(ul){list-style:disc}.coding-card .content-block--text :where(ul>li)::marker{color:var(--c-accent,#2f7a55);font-size:1.15em}.coding-card .content-block--text :where(ul ul>li)::marker{color:rgba(47,122,85,.75);font-size:1em}@media (max-width:720px){.coding-card{margin:12px 8px;padding:20px 0;border-radius:12px}.coding-card .card-titlebar{margin-top:-20px;border-radius:12px 12px 0 0}.coding-card .card-title{padding:14px 18px}.coding-card :where(h2,h3,p,ul,ol,blockquote,hr,figure){padding-inline:18px}.coding-card :where(ul,ol){padding-left:calc(18px + 1.1em)}.coding-card .content-block--text :where(ul,ol){padding-left:1.2em}}@media (min-width:721px) and (max-width:1024px){.coding-card :where(p,li){font-size:1.2rem;line-height:1.75}.coding-card :where(h2){font-size:clamp(22px,2.4vw,30px)}.coding-card :where(h3){font-size:1.18rem}}@media (min-width:1025px){.coding-card{max-width:900px}.coding-card :where(p,li){font-size:1.12rem;line-height:1.75}}