.seo-post-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s;position:relative}.seo-post-container:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.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(rgba(255,255,255,0),#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 rgba(0,0,0,.2)}.seo-post-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(246,59,59,.3)}.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%}}