.hp-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.hp-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .15s}.hp-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.hp-card-img-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f3f4f6}.hp-card-img{object-fit:cover}.hp-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.hp-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hp-card-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fc5736;font-family:var(--page-sub-title)}.hp-card-tag-tool{color:#7c3aed}.hp-card-tag-state{color:#2563eb}.hp-card-tag-country{color:#059669}.hp-card-read,.hp-card-views{font-size:.72rem;color:#9ca3af;font-family:var(--body-text)}.hp-card-title{font-size:.95rem;font-weight:700;color:#1f2937;line-height:1.35;font-family:var(--page-title);-webkit-line-clamp:2}.hp-card-excerpt,.hp-card-title{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.hp-card-excerpt{font-size:.82rem;color:#4b5563;line-height:1.5;font-family:var(--body-text);-webkit-line-clamp:3}.hp-card-author{font-size:.75rem;color:#fc5736;font-weight:600;margin-top:auto;font-family:var(--page-sub-title)}.hp-card-tag-live{color:#dc2626;animation:hp-live-pulse 1.8s ease-in-out infinite}@keyframes hp-live-pulse{0%,to{opacity:1}50%{opacity:.45}}.hp-card-live-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16/10;overflow:hidden;border-radius:10px 10px 0 0}.hp-card-live-tile{position:relative;background-size:cover;background-position:50%;display:flex;align-items:flex-end;padding:8px 10px;overflow:hidden}.hp-card-live-tile-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,0,0,.55),rgba(0,0,0,.25))}.hp-card-live-tile-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1px}.hp-card-live-tile-value{font-size:.88rem;font-weight:700;color:#fff;font-family:var(--page-title);line-height:1.15;white-space:nowrap}.hp-card-live-tile-label{font-size:.6rem;font-weight:600;color:rgba(255,255,255,.82);font-family:var(--page-sub-title);text-transform:uppercase;letter-spacing:.06em}.hp-card-topic{align-self:start}.hp-card-btp{padding:16px;gap:12px}.hp-card-btp-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hp-card-btp-brand{display:flex;align-items:center;gap:10px;min-width:0}.hp-card-btp-icon{flex-shrink:0;font-size:26px;line-height:1}.hp-card-btp-icon,.hp-card-btp-icon-emoji{display:inline-flex;align-items:center;justify-content:center}.hp-card-btp-brand-text{display:flex;flex-direction:column;min-width:0}.hp-card-btp-title{font-family:var(--page-title);font-size:.95rem;font-weight:700;color:#1f2937;line-height:1.2;margin:0}.hp-card-btp-subtitle{font-family:var(--body-text);font-size:.72rem;color:#6b7280;line-height:1.25;margin-top:1px}.hp-card-btp-live{display:inline-flex;align-items:center;gap:6px;background:rgba(252,87,54,.08);color:#c44824;font-family:var(--page-sub-title);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;flex-shrink:0}.hp-card-btp-live-dot{width:6px;height:6px;border-radius:50%;background:#fc5736;animation:hp-live-pulse 1.8s ease-in-out infinite}.hp-card-btp-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hp-card-btp-stat{background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;padding:10px 12px;min-width:0}.hp-card-btp-stat-label{display:flex;align-items:center;gap:5px;font-family:var(--page-sub-title);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:4px}.hp-card-btp-stat-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-card-btp-stat-value{font-family:var(--page-title);font-size:1.35rem;font-weight:700;color:#1f2937;font-variant-numeric:tabular-nums;line-height:1.1}.hp-card-btp-pages{background:#fafafa;border:1px solid #f3f4f6;border-radius:8px;padding:10px 12px;flex:1;min-height:0}.hp-card-btp-pages-label{font-family:var(--page-sub-title);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:8px}.hp-card-btp-pages-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.hp-card-btp-page-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hp-card-btp-page-rank{font-family:var(--body-text);font-size:.68rem;color:#9ca3af;font-variant-numeric:tabular-nums;width:12px;text-align:right;flex-shrink:0}.hp-card-btp-page-name{font-family:var(--body-text);font-size:.8rem;color:#1f2937;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hp-card-btp-page-views{font-family:var(--body-text);font-variant-numeric:tabular-nums;font-size:.72rem;color:#fc5736;font-weight:700;flex-shrink:0}.hp-card-btp-empty{font-family:var(--body-text);font-size:.78rem;color:#9ca3af;margin:0}.hp-card-btp-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:2px}.hp-card-btp-updated{font-family:var(--body-text);font-size:.7rem;color:#9ca3af}.hp-card-btp-cta{display:inline-flex;align-items:center;gap:4px;font-family:var(--page-sub-title);font-size:.72rem;font-weight:700;color:#fc5736;letter-spacing:.02em;transition:gap .2s ease}.hp-card-btp:hover .hp-card-btp-cta{gap:8px;color:#e64b32}.hp-card-btp-skel{display:block;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;border-radius:4px;animation:hp-btp-shimmer 1.5s ease-in-out infinite}@keyframes hp-btp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:380px){.hp-card-btp-stats{grid-template-columns:1fr}}@media (max-width:640px){.hp-content-grid{grid-template-columns:1fr;gap:16px}.hp-card-live-tile-value{font-size:.75rem}.hp-card-live-tile-label{font-size:.52rem}.hp-card-live-tile{padding:6px 8px}}