.post-article>header.article-head{padding-bottom:28px}.post-article .article-cover-zone{background:linear-gradient(var(--soft) 50%, var(--page-bg) 50%);justify-content:center;padding:0 24px 8px;display:flex}.article-cover-button{cursor:zoom-in;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;min-width:0;max-width:360px;padding:0;display:flex;position:relative}.article-cover-button img{object-fit:contain;border-radius:12px;width:auto;max-width:360px;height:auto;max-height:280px}.article-cover-zoom{border:1px solid var(--line);width:30px;height:30px;color:var(--ink);background:var(--surface);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.post-content .prose{padding-top:32px;display:flow-root}.post-content .prose a{overflow-wrap:anywhere}.post-content .prose img{object-fit:contain;vertical-align:middle;border-radius:12px;width:auto;max-width:min(100%,300px);height:auto;max-height:240px;margin:16px 0;display:inline-block}.post-content .prose [data-post-image-index]{cursor:zoom-in}.post-content .prose [data-post-image-index]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.post-content .article-inline-figure{float:left;width:fit-content;max-width:240px;margin:6px 28px 18px 0}.post-content .article-inline-figure img{max-width:100%;margin:0;display:block}.post-content .article-inline-figure figcaption{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.4}.post-content .article-portrait-figure{width:135px}.post-content .article-portrait-figure img{aspect-ratio:9/16;width:100%}.post-content .article-image-set{clear:both;margin:24px 0}.post-content .article-image-set .post-gallery{justify-content:center;gap:18px;margin:0 0 10px;display:flex}.post-content .article-image-set .post-gallery img{width:auto;height:200px;max-height:200px}.post-content .article-image-set>figcaption{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.4}.post-content .article-square-figure{width:240px}.post-content .article-square-figure img{aspect-ratio:1;width:100%}.post-content .prose :is(h2,h3,h4,.post-gallery,.article-subheading,hr,blockquote,pre){clear:both}.post-content .post-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));align-items:center;gap:14px;margin-block:24px}.post-content .post-gallery img{aspect-ratio:auto;object-fit:contain;width:100%;max-width:100%;height:160px;max-height:160px;margin:0;display:block}@media (width<=700px){.post-article>header.article-head{padding-bottom:24px}.article-cover-button img{max-width:240px;max-height:200px}.post-content .prose{padding-top:28px}.post-content .prose img{max-width:min(100%,220px);max-height:200px}.post-content .article-inline-figure{float:none;max-width:220px;margin:18px 0}.post-content .article-portrait-figure{width:112px}.post-content .post-gallery img{max-width:100%;height:148px;max-height:148px}.post-content .article-image-set .post-gallery{gap:14px}.post-content .article-image-set .post-gallery img{height:clamp(112px,38vw,148px);max-height:148px}}@media print{.article-cover-zoom{display:none}}.post-course-banner{border:1px solid var(--line);background:radial-gradient(ellipse at 0 0, #0683ff14, transparent 72%), var(--surface);border-radius:28px;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:28px;margin:36px auto 0;padding:28px;display:grid}.post-course-banner-image{object-fit:contain;width:140px;height:160px}.post-course-banner-content{min-width:0}.post-course-banner-content>.post-course-banner-course{color:var(--link);margin:0 0 8px;font-size:13px;font-weight:600}.post-course-banner h2{letter-spacing:-.025em;margin:0;font-size:27px;line-height:1.2}.post-course-banner-content>p{color:var(--muted);margin:12px 0 20px;font-size:16px;line-height:1.5}.post-course-banner .button-glow{max-width:100%}.post-course-banner .button{white-space:normal;text-align:center}@media (width<=700px){.post-course-banner{grid-template-columns:80px minmax(0,1fr);gap:16px;width:calc(100% - 36px);padding:22px}.post-course-banner-image{align-self:start;width:80px;height:100px}.post-course-banner h2{font-size:23px}.post-course-banner-content>p{font-size:15px}}@media (width<=420px){.post-course-banner{grid-template-columns:minmax(0,1fr)}.post-course-banner-image{display:none}.post-course-banner .button-glow,.post-course-banner .button{width:100%}}