.seo-post-container{background:#fff;transition:all .3s;position:relative}.seo-post-container:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.seo-post-wrapper{position:relative}.seo-post-content{line-height:2;transition:max-height .4s;position:relative;overflow:hidden}.seo-post-content.collapsed{max-height:160px;margin-bottom:40px}.seo-post-content.collapsed:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);height:80px;position:absolute;bottom:0;left:0;right:0}.seo-post-content:not(.collapsed){max-height:none}.seo-post-toggle{color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0003}.seo-post-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f63b3b4d}.toggle-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.toggle-icon.rotated{transform:rotate(180deg)}.seo-post-container .prose{color:#374151;max-width:none}.seo-post-container .prose h1,.seo-post-container .prose h2,.seo-post-container .prose h3{color:#111827;font-weight:700}.seo-post-container .prose h1{margin-top:0;font-size:2em}.seo-post-container .prose h2{font-size:1.5em}.seo-post-container .prose a{color:#3b82f6;text-decoration:none}.seo-post-container .prose a:hover{text-decoration:underline}.seo-post-container .prose code{background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.875em}.seo-post-container .prose pre{color:#f9fafb;background-color:#1f2937;border-radius:8px;padding:16px;overflow-x:auto}@media (max-width:768px){.seo-post-container{padding:16px}.seo-post-content.collapsed{max-height:150px}.seo-post-toggle{justify-content:center;width:100%}}
