.c-writing-effect{background:linear-gradient(135deg,#f0faf5 0%,#f8fffc 100%);border:1px solid #d4edd9;border-radius:16px;margin-bottom:.5rem;padding:1.75rem 1.5rem 1.25rem;display:none}.c-writing-effect__header{flex-wrap:wrap;align-items:baseline;gap:.625rem;margin-bottom:1rem;display:flex}.c-writing-effect__title-row{align-items:center;gap:.5rem;display:flex}.c-writing-effect__title{color:#1a1a1a;letter-spacing:-.3px;white-space:nowrap;font-size:20px;font-weight:700}.c-writing-effect__live-badge{color:#3cb46e;letter-spacing:.5px;background:#fff;border:1px solid #3cb46e;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:10px;font-weight:700;display:inline-flex}.c-writing-effect__live-dot{background:#3cb46e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.6s ease-in-out infinite we-pulse}@keyframes we-pulse{0%,to{opacity:1}50%{opacity:.35}}.c-writing-effect__proof-banner{background:#fff;border:1px solid #c8e8d5;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:.875rem;padding:.625rem .875rem;display:flex}.c-writing-effect__proof-icon{flex-shrink:0;font-size:15px;line-height:1}.c-writing-effect__proof-text{color:#555;word-break:keep-all;font-size:13px;font-weight:400;line-height:1.5}.c-writing-effect__proof-text strong{color:#3cb46e;font-weight:700}.c-writing-effect__list{flex-direction:column;display:flex}.c-writing-effect__scroller{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:flex-start;display:flex;overflow:auto hidden}@media (hover:hover) and (pointer:fine){.c-writing-effect__scroller--multi{cursor:grab}}.c-writing-effect__scroller.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.c-writing-effect__scroller::-webkit-scrollbar{display:none}.c-writing-effect__slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0}.c-writing-effect__item{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.c-writing-effect__item--divider{border-top:1px solid #e4f2ea}.c-writing-effect__left{flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.c-writing-effect__avatar-wrap{background:#eee;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden;box-shadow:0 0 0 2px #d4edd9}.c-writing-effect__avatar{object-fit:cover;width:100%;height:100%}.c-writing-effect__info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.c-writing-effect__meta{flex-wrap:wrap;align-items:center;gap:.3rem;line-height:1.4;display:flex}.c-writing-effect__dates{align-items:center;gap:.3rem;display:inline-flex}.c-writing-effect__blog-name{color:#555;font-size:13px;font-weight:600}.c-writing-effect__meta-sep{color:#ccc;font-size:12px}.c-writing-effect__meta-pipe{color:#ddd;margin:0 .1rem;font-size:12px}.c-writing-effect__date{color:#aaa;font-size:12px;font-weight:400}.c-writing-effect__date-value{white-space:nowrap}.c-writing-effect__post-title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.45;overflow:hidden}.c-writing-effect__post-link{color:inherit;text-decoration:none}.c-writing-effect__post-link:hover{text-underline-offset:3px;text-decoration:underline}.c-writing-effect__post-link:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #3cb46e}.c-writing-effect__keyword{color:#3cb46e;font-weight:700}.c-writing-effect__middle{flex-shrink:0;justify-content:center;align-items:center;display:flex}.c-writing-effect__menu-tag{color:#3cb46e;white-space:nowrap;letter-spacing:-.2px;background:#f0faf5;border:1px solid #3cb46e;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:12px;font-weight:600;display:inline-flex}.c-writing-effect__menu-tag--mobile{display:none}.c-writing-effect__right{flex-direction:column;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.c-writing-effect__ranks{background:#fff;border:1px solid #d4edd9;border-radius:10px;flex-shrink:0;align-items:center;gap:.875rem;padding:.5rem .75rem;display:flex}.c-writing-effect__rank-group{flex-direction:column;align-items:center;gap:.25rem;display:flex}.c-writing-effect__rank-label{color:#bbb;font-size:11px;font-weight:500;line-height:1}.c-writing-effect__rank-value{color:#555;white-space:nowrap;font-size:16px;font-weight:800;line-height:1}.c-writing-effect__rank-divider{background:#e8e8e8;flex-shrink:0;width:1px;height:28px}.c-writing-effect__rank-badge{color:#fff;white-space:nowrap;background:#3cb46e;border-radius:4px;justify-content:center;align-items:center;padding:.15rem .45rem;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.c-writing-effect__rank-actual{color:#3cb46e;white-space:nowrap;font-size:18px;font-weight:800;line-height:1}.c-writing-effect__dots{justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.c-writing-effect__dot{cursor:pointer;background:#c8e8d5;border:none;border-radius:999px;width:24px;height:8px;padding:0;transition:background .2s,width .2s}.c-writing-effect__dot--active{background:#3cb46e;width:28px}@media (max-width:768px){.c-writing-effect{border-radius:12px;padding:1.25rem 1rem 1rem}.c-writing-effect__proof-banner{padding:.5rem .75rem}.c-writing-effect__proof-text{font-size:12px}.c-writing-effect__meta{flex-direction:column;align-items:flex-start;gap:.2rem}.c-writing-effect__meta-sep{display:none}.c-writing-effect__dates{align-items:center;gap:.3rem;display:inline-flex}.c-writing-effect__header{gap:.4rem;margin-bottom:.75rem}.c-writing-effect__item{align-items:flex-start;gap:.75rem;padding:.875rem 0}.c-writing-effect__avatar-wrap{width:34px;height:34px;margin-top:.15rem}.c-writing-effect__post-title{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.c-writing-effect__blog-name{font-size:12px}.c-writing-effect__date{font-size:11px}.c-writing-effect__date-value{display:block}.c-writing-effect__ranks{gap:.5rem;margin-top:.1rem;padding:.4rem .55rem}.c-writing-effect__rank-value{font-size:14px}.c-writing-effect__rank-actual{font-size:15px}.c-writing-effect__rank-badge{padding:.1rem .35rem;font-size:10px}.c-writing-effect__left{flex:1;min-width:0}.c-writing-effect__middle{display:none}.c-writing-effect__menu-tag--mobile{padding:.2rem .55rem;font-size:11px;display:inline-flex}}