.article-page{padding:6rem 0;min-height:80vh;background:var(--md-sys-color-surface)}.container{max-width:720px;margin:0 auto;padding:0 1.5rem}.article-header{margin-bottom:4rem;text-align:center}.article-header h1{font-family:Raleway,sans-serif;font-size:clamp(2rem,4vw,3rem);color:var(--md-sys-color-on-surface);margin-bottom:1rem;line-height:1.2}.subtitle{font-size:1.2rem;color:var(--md-sys-color-on-surface-variant);font-weight:300}.article-content p{font-family:var(--md-sys-typescale-body-large-font);font-size:1.15rem;line-height:1.8;color:var(--md-sys-color-on-surface-variant);margin-bottom:2rem}.article-content h2{font-family:Raleway,sans-serif;font-size:1.8rem;color:var(--md-sys-color-primary);margin-top:3rem;margin-bottom:1.5rem}.article-content h3{font-family:Raleway,sans-serif;font-size:1.4rem;color:var(--md-sys-color-on-surface);margin-top:2.5rem;margin-bottom:1rem}.article-content b,.article-content strong{color:var(--md-sys-color-on-surface);font-weight:600}.article-content a{color:var(--md-sys-color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-content a:hover{border-bottom-color:var(--md-sys-color-primary)}.article-content ul,.article-content ol{font-size:1.15rem;line-height:1.8;color:var(--md-sys-color-on-surface-variant);margin-bottom:2rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{border-left:3px solid var(--md-sys-color-primary);margin:2rem 0;padding:1rem 1.5rem;color:var(--md-sys-color-on-surface-variant);font-style:italic;background:var(--md-sys-color-surface-container);border-radius:0 8px 8px 0}.article-content blockquote p{margin-bottom:0}.article-content code{font-size:.9em;background:var(--md-sys-color-surface-container);padding:.15em .4em;border-radius:4px;color:var(--md-sys-color-on-surface)}.article-content pre{background:var(--md-sys-color-surface-container);border-radius:8px;padding:1.25rem;overflow-x:auto;margin-bottom:2rem;border:1px solid var(--md-sys-color-outline-variant)}.article-content pre code{background:none;padding:0;border-radius:0}.article-content hr{border:none;border-top:1px solid var(--md-sys-color-outline-variant);margin:3rem 0}.article-content img{max-width:100%;height:auto;border-radius:12px;margin:1rem 0}.newsletter-section{margin-top:4rem;padding-top:4rem;border-top:1px solid var(--md-sys-color-outline-variant)}.caveat-container[data-astro-cid-33ey7udt]{position:relative;display:inline-flex;vertical-align:super;line-height:0;margin-left:2px}.caveat-trigger[data-astro-cid-33ey7udt]{background:none;border:none;padding:0;cursor:pointer;color:var(--md-sys-color-primary);opacity:1;transition:all .2s;display:flex;align-items:center;justify-content:center}.caveat-trigger[data-astro-cid-33ey7udt]:hover,.caveat-container[data-astro-cid-33ey7udt].active .caveat-trigger[data-astro-cid-33ey7udt]{opacity:1;transform:scale(1.1)}.caveat-popover[data-astro-cid-33ey7udt]{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:max-content;max-width:280px;padding-bottom:12px;z-index:100}@media(max-width:600px){.caveat-popover[data-astro-cid-33ey7udt]{left:auto;right:-20px;transform:none}}.caveat-container[data-astro-cid-33ey7udt].active .caveat-popover[data-astro-cid-33ey7udt]{display:block;animation:fadeIn .2s ease-out}.caveat-content[data-astro-cid-33ey7udt]{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline);border-radius:12px;padding:1rem;font-size:.9rem;line-height:1.5;color:var(--md-sys-color-on-surface);box-shadow:0 4px 20px #0006;text-align:left;position:relative;display:block}.caveat-content[data-astro-cid-33ey7udt] .par{display:block;margin-top:.75rem}.caveat-content[data-astro-cid-33ey7udt]:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline);border-right:1px solid var(--md-sys-color-outline);rotate:45deg}@media(max-width:600px){.caveat-content[data-astro-cid-33ey7udt]:after{left:auto;right:24px;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@media(max-width:600px){@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}