/* KitleBul community/detail design v5 */
.listing-detail-v5{margin-top:24px;margin-bottom:50px}.detail-breadcrumbs{display:flex;align-items:center;gap:8px;color:#7a8498;font-size:13px;margin:0 0 14px;overflow:hidden;white-space:nowrap}.detail-breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}.detail-cover-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#101a3d 0%,#27205d 56%,#126f79 100%);color:#fff;border-radius:28px;padding:28px;box-shadow:0 24px 65px rgba(19,29,74,.22)}.detail-cover-glow{position:absolute;width:340px;height:340px;border-radius:50%;right:-100px;top:-190px;background:radial-gradient(circle,rgba(255,68,166,.35),transparent 65%)}.detail-main-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;position:relative}.detail-logo-v5{width:116px;height:116px;border-radius:27px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#7055e8;font-size:45px;font-weight:900;border:4px solid rgba(255,255,255,.2);box-shadow:0 16px 40px rgba(0,0,0,.22)}.detail-logo-v5 img{width:100%;height:100%;object-fit:cover}.detail-title-area h1{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:5px 0 8px;display:flex;align-items:center;gap:10px}.detail-platform-line{margin:0;color:#b8c6e5;font-weight:750}.detail-bio{margin:0;color:#d9e0f2;line-height:1.55;max-width:680px}.detail-labels{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}.detail-labels .label{font-size:11px;font-weight:850;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.detail-labels .editor{background:rgba(166,114,255,.25)}.detail-labels .premium{background:rgba(255,191,74,.2);color:#ffe3a1}.detail-labels .active{color:#7ff3bf}.verified-v5{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:14px;background:#28a8e8;color:#fff;flex:0 0 auto}.quality-box{width:90px;height:90px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.quality-box small{font-size:10px;text-transform:uppercase;color:#bfc9e3;font-weight:800}.quality-box strong{font-size:39px;line-height:1}.detail-stat-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.detail-stat-grid>div{padding:17px 10px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;border-right:1px solid rgba(255,255,255,.13)}.detail-stat-grid>div:last-child{border-right:0}.detail-stat-grid strong{font-size:20px}.detail-stat-grid small{color:#aab8d5;font-size:10px;font-weight:800}.stat-icon{color:#78ddf0}.detail-primary-actions{display:flex;gap:10px;position:relative;margin-top:20px}.detail-primary-actions a,.detail-primary-actions button{border:0;border-radius:15px;padding:14px 18px;font:inherit;font-weight:850;cursor:pointer}.detail-join-v5{display:flex;justify-content:space-between;align-items:center;min-width:250px;background:linear-gradient(135deg,#2bd576,#18b95d);color:#fff;box-shadow:0 12px 28px rgba(20,194,101,.28)}.detail-join-v5 b{font-size:21px}.detail-favorite-v5,.detail-share-v5{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)!important}.detail-favorite-v5.active{background:#fff;color:#694ce1}.detail-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:18px;margin-top:18px}.detail-content-main,.detail-sidebar-v5{display:grid;gap:18px;align-content:start}.detail-panel{background:#fff;border:1px solid #e3e8f1;border-radius:22px;padding:24px;box-shadow:0 8px 30px rgba(28,42,75,.045)}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.panel-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef1ff;color:#6857e8;font-weight:900}.panel-title small,.vote-panel small,.section-head-v5 small{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:#8a94a9}.panel-title h2,.vote-panel h2{margin:2px 0 0;font-size:23px}.panel-title.compact{margin-bottom:12px}.rich-copy{font-size:16px;line-height:1.8;color:#46516a}.safety-panel{background:linear-gradient(135deg,#f5fff9,#f7fbff)}.safety-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.safety-list li{position:relative;padding-left:29px;color:#42516a;line-height:1.55}.safety-list li:before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dffbee;color:#098257;font-size:11px;font-weight:900}.detail-accordion-panel{padding:0 22px}.detail-accordion-panel details{padding:19px 0;border-bottom:1px solid #e7ebf2}.detail-accordion-panel details:last-child{border-bottom:0}.detail-accordion-panel summary{font-weight:850;cursor:pointer}.detail-accordion-panel p{color:#59657b;line-height:1.7}.detail-tags-v5{display:flex;gap:8px;flex-wrap:wrap}.detail-tags-v5 a{padding:9px 12px;border-radius:999px;background:#f0f2ff;color:#6654d8;font-size:13px;font-weight:800}.vote-panel{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.vote-panel p{color:#778197;margin:7px 0 0}.vote-actions{display:flex;gap:8px}.vote-actions button{border:1px solid #dfe5ee;background:#fafbfe;border-radius:13px;padding:11px 13px;font-weight:800;cursor:pointer}.vote-actions button.selected{background:#e9fff5;color:#078252;border-color:#bdebd9}.trust-meter{grid-column:1/-1;height:7px;background:#edf0f5;border-radius:99px;overflow:hidden}.trust-meter span{display:block;height:100%;background:linear-gradient(90deg,#22c879,#67dfb0);border-radius:99px}.trust-text{grid-column:1/-1}.info-card-v5 h2{margin:0 0 15px;font-size:20px}.info-card-v5 dl{margin:0}.info-card-v5 dl div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf0f5}.info-card-v5 dl div:last-child{border-bottom:0}.info-card-v5 dt{color:#7d8799}.info-card-v5 dd{margin:0;font-weight:800;text-align:right}.active-text{color:#0e9c65}.sponsor-cta{background:linear-gradient(135deg,#f2edff,#edfaff)}.sponsor-cta>span{font-size:10px;font-weight:900;color:#8060e8;letter-spacing:.12em}.sponsor-cta h3{font-size:22px;margin:8px 0}.sponsor-cta p{color:#657188;line-height:1.55}.sponsor-cta a{display:inline-flex;margin-top:5px;font-weight:850;color:#6653db}.report-button-v5{width:100%;border:1px solid #e2e6ee;background:#fff;color:#687287;border-radius:15px;padding:13px;font-weight:800;cursor:pointer}.related-section-v5,.detail-faq-v5{margin-top:28px}.section-head-v5{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-head-v5 h2{margin:3px 0 0;font-size:28px}.section-head-v5>a{color:#6956dc;font-weight:850}.detail-faq-v5{background:#fff;border:1px solid #e3e8f1;border-radius:22px;padding:24px}.detail-faq-v5 details{padding:17px 0;border-top:1px solid #edf0f5}.detail-faq-v5 details:first-of-type{border-top:0}.detail-faq-v5 summary{font-weight:850;cursor:pointer}.detail-faq-v5 p{line-height:1.65;color:#647087}.detail-toast{position:fixed;left:50%;bottom:95px;z-index:100;transform:translate(-50%,20px);opacity:0;background:#111a38;color:#fff;border-radius:999px;padding:11px 17px;font-size:13px;font-weight:800;transition:.2s;pointer-events:none}.detail-toast.show{opacity:1;transform:translate(-50%,0)}
/* upgraded listing cards */.cards-rich{gap:14px}.community-card.rich{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden;padding:18px;border-radius:21px}.community-card.rich .card-top-line{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7952ee,#e741a3)}.card-title-row{display:flex;align-items:center;gap:7px}.card-title-row h3{margin:0}.card-badges,.card-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.card-badges span,.card-badges b{font-size:11px;padding:5px 8px;border-radius:7px;background:#eef1f6;color:#536077}.card-badges b{background:#f0eaff;color:#7147ce}.card-badges .premium{background:#fff3dc;color:#ad6b00}.card-metrics span{font-size:12px;color:#647187;font-weight:750}.community-card.rich p{margin-top:8px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.verified-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#28a8e8;color:#fff;font-size:11px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:190px}.card-actions .join{display:flex;padding:11px 14px}.card-actions .detail{background:#fff;color:#55647c;border:1px solid #dfe5ee}
@media(max-width:760px){.listing-detail-v5{margin-top:12px}.detail-breadcrumbs{font-size:11px}.detail-cover-card{padding:18px;border-radius:22px}.detail-main-row{grid-template-columns:auto 1fr;gap:14px;align-items:start}.detail-logo-v5{width:82px;height:82px;border-radius:20px}.detail-title-area h1{font-size:26px}.detail-bio{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quality-box{position:absolute;right:0;top:0;width:55px;height:55px;border-radius:15px}.quality-box small{display:none}.quality-box strong{font-size:26px}.detail-title-area{padding-right:52px}.detail-labels{margin-bottom:6px}.detail-stat-grid{grid-template-columns:repeat(2,1fr)}.detail-stat-grid>div:nth-child(2){border-right:0}.detail-stat-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.detail-primary-actions{display:grid;grid-template-columns:1fr 1fr}.detail-join-v5{grid-column:1/-1;min-width:0}.detail-primary-actions a,.detail-primary-actions button{padding:13px 11px;font-size:13px}.detail-content-grid{grid-template-columns:1fr}.detail-panel{padding:19px;border-radius:19px}.panel-title h2,.vote-panel h2{font-size:20px}.rich-copy{font-size:15px}.detail-sidebar-v5{grid-row:auto}.vote-panel{grid-template-columns:1fr}.vote-actions{display:grid;grid-template-columns:1fr 1fr}.trust-meter,.trust-text{grid-column:1}.section-head-v5 h2{font-size:24px}.community-card.rich{grid-template-columns:auto minmax(0,1fr);padding:14px}.community-card.rich .community-logo{width:58px;height:58px;flex-basis:58px}.community-card.rich p{grid-column:1/-1}.card-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-width:0;margin-top:11px}.card-actions .join{display:flex}.detail-faq-v5{padding:19px}.detail-toast{bottom:92px;width:max-content;max-width:calc(100% - 32px);text-align:center}}
