.seo-article{max-width:880px;padding-top:54px;overflow-wrap:anywhere}.seo-article h1{font-size:clamp(34px,5vw,58px);max-width:850px}.seo-intro{font-size:21px;color:#555;margin:24px 0}.seo-date{font-size:13px;color:#666}.seo-article h2{font:600 clamp(25px,3vw,34px)/1.25 var(--serif);margin:42px 0 18px;letter-spacing:-.02em}.seo-article p{margin-bottom:18px}.seo-article ol,.seo-article ul{padding-left:24px;margin:20px 0}.seo-article li{margin:10px 0}.seo-article a:not(.button){text-underline-offset:4px}.seo-toc,.seo-note{background:#fff4ef;border:1px solid #eedad2;border-radius:14px;padding:24px;margin:30px 0}.seo-template{background:#f7f7f5;border:1px solid #deded8;border-left:4px solid #e8593c;border-radius:8px;padding:24px;margin:20px 0}.seo-template pre,pre.seo-template{white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.8 var(--sans);user-select:text}.seo-template p{margin-bottom:14px}.seo-article figure{margin:40px 0}.seo-article figure img{border:1px solid #ddd;border-radius:12px}.seo-article figcaption{font-size:12px;color:#666;margin-top:10px}.seo-cta{margin:45px 0;padding:30px;background:#fff0eb;border-radius:16px}.seo-cta h2{margin-top:0}.seo-cta .button{margin-bottom:18px}.seo-related{display:flex;flex-direction:column;gap:13px;border-top:1px solid #ddd;padding-top:20px}.seo-related h2{margin-top:10px}@media(max-width:680px){.seo-article{padding-top:32px}.seo-intro{font-size:18px}.seo-template,.seo-toc,.seo-note,.seo-cta{padding:20px}.seo-template pre,pre.seo-template{font-size:14px}}