.tvp-section{--tvp-bg:#f9fafb;--tvp-border:#e5e7eb;--tvp-title-color:#111827;--tvp-text-color:#1f2937;--tvp-meta-color:#6b7280;--tvp-accent:#4f46e5;--tvp-hover-bg:#eef2ff;--tvp-featured-bg:#fffbeb;--tvp-featured-border:#f59e0b;--tvp-radius:8px;--tvp-columns:3}.tvp-section{margin:1.5em 0;padding:1em;background:var(--tvp-bg);border:1px solid var(--tvp-border);border-radius:var(--tvp-radius);box-sizing:border-box;width:100%}.tvp-section-title{font-size:1.15em;font-weight:700;margin:0 0 .75em;padding-bottom:.5em;border-bottom:2px solid var(--tvp-border);color:var(--tvp-title-color);line-height:1.3}.tvp-post-list{list-style:none;margin:0;padding:0}.tvp-post-item{margin-bottom:0}.tvp-post-featured{border-inline-start:3px solid var(--tvp-featured-border)}.tvp-post-featured .tvp-post-link{background-color:var(--tvp-featured-bg)}.tvp-post-link{display:flex;align-items:center;gap:.75em;padding:.75em .5em;min-height:44px;text-decoration:none;color:inherit;transition:background-color 0.2s ease,box-shadow 0.2s ease;border-radius:6px;box-sizing:border-box;flex-wrap:wrap}.tvp-post-link:hover,.tvp-post-link:focus-visible{background-color:var(--tvp-hover-bg);text-decoration:none;color:inherit;outline:none;box-shadow:0 0 0 2px var(--tvp-accent)}.tvp-rank-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--tvp-border);color:var(--tvp-meta-color);font-size:.75em;font-weight:700;line-height:1}.tvp-post-thumb{flex-shrink:0;width:48px;height:48px;border-radius:6px;overflow:hidden}.tvp-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tvp-post-title{font-weight:600;font-size:.9em;color:var(--tvp-text-color);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 1 100%;min-width:0}.tvp-post-excerpt{font-size:.8em;color:var(--tvp-meta-color);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 1 100%}.tvp-post-excerpt--preserve-breaks{display:block;white-space:pre-line;-webkit-line-clamp:none}.tvp-post-date,.tvp-post-views{font-size:.78em;color:var(--tvp-meta-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tvp-post-views strong{color:var(--tvp-accent);font-weight:600}.tvp-layout-list .tvp-post-item{border-bottom:1px solid var(--tvp-border)}.tvp-layout-list .tvp-post-item:last-child{border-bottom:none}.tvp-layout-list .tvp-post-excerpt{display:none}.tvp-layout-grid .tvp-post-list{display:grid;grid-template-columns:1fr;gap:.75em}.tvp-layout-grid .tvp-post-item{border:1px solid var(--tvp-border);border-radius:var(--tvp-radius);background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column}.tvp-layout-grid .tvp-post-link{flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0;gap:0}.tvp-layout-grid .tvp-rank-badge{position:absolute;top:.5em;inset-inline-start:.5em;z-index:1;width:26px;height:26px;font-size:.7em;box-shadow:0 1px 3px rgb(0 0 0 / .15)}.tvp-layout-grid .tvp-post-thumb{width:100%;height:0;padding-bottom:56.25%;border-radius:0;position:relative}.tvp-layout-grid .tvp-post-thumb img{position:absolute;top:0;left:0;width:100%;height:100%}.tvp-layout-grid .tvp-post-title,.tvp-layout-grid .tvp-post-excerpt,.tvp-layout-grid .tvp-post-date,.tvp-layout-grid .tvp-post-views{padding:.25em .75em;flex:0 0 auto}.tvp-layout-grid .tvp-post-title{padding-top:.75em}.tvp-layout-grid .tvp-post-link>.tvp-rank-badge+.tvp-post-title{padding-inline-start:2.75em}.tvp-layout-grid .tvp-post-excerpt{display:-webkit-box}.tvp-scroll-highlight{animation:tvp-highlight-pulse 2s ease-out}@keyframes tvp-highlight-pulse{0%{background-color:#fef3c7;box-shadow:0 0 0 4px rgb(251 191 36 / .3)}100%{background-color:#fff0;box-shadow:0 0 0 0 #fff0}}@media (min-width:480px){.tvp-section{padding:1.25em}.tvp-section-title{font-size:1.25em}.tvp-post-thumb{width:56px;height:56px}.tvp-post-title{font-size:.95em}.tvp-layout-grid .tvp-post-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.tvp-section{padding:1.5em;margin:2em 0}.tvp-section-title{font-size:1.35em;margin-bottom:1em}.tvp-post-link{gap:1em;padding:.85em .75em}.tvp-rank-badge{width:32px;height:32px;font-size:.8em}.tvp-post-thumb{width:64px;height:64px}.tvp-post-title{font-size:1em}.tvp-post-excerpt{font-size:.85em}.tvp-post-date,.tvp-post-views{font-size:.82em}.tvp-layout-list .tvp-post-excerpt{display:-webkit-box}.tvp-layout-grid .tvp-post-list{grid-template-columns:repeat(2,1fr);gap:1em}}@media (min-width:1024px){.tvp-section{padding:2em;border-radius:12px}.tvp-section-title{font-size:1.4em}.tvp-post-thumb{width:72px;height:72px;border-radius:8px}.tvp-post-link{gap:1.15em;padding:1em .85em}.tvp-layout-grid .tvp-post-list{grid-template-columns:repeat(var(--tvp-columns),1fr);gap:1.25em}.tvp-layout-grid .tvp-rank-badge{width:30px;height:30px;font-size:.75em}}@media (min-width:1280px){.tvp-post-title{font-size:1.05em}.tvp-post-link{gap:1.25em}.tvp-layout-grid .tvp-post-thumb{padding-bottom:60%}}@media print{.tvp-section{border:1px solid #ccc;box-shadow:none;background:#fff}.tvp-post-link:hover,.tvp-post-link:focus-visible{background:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.tvp-scroll-highlight{animation:none}.tvp-post-link{transition:none}}@media (prefers-color-scheme:dark){.tvp-section{--tvp-bg:#1f2937;--tvp-border:#374151;--tvp-title-color:#f3f4f6;--tvp-text-color:#e5e7eb;--tvp-meta-color:#9ca3af;--tvp-accent:#818cf8;--tvp-hover-bg:#374151;--tvp-featured-bg:#292524;--tvp-featured-border:#d97706}.tvp-layout-grid .tvp-post-item{background:#111827}}[dir="rtl"] .tvp-section,.tvp-section[dir="rtl"]{text-align:right}[dir="rtl"] .tvp-post-link,.tvp-section[dir="rtl"] .tvp-post-link{flex-direction:row-reverse}[dir="rtl"] .tvp-layout-grid .tvp-post-link,.tvp-section[dir="rtl"] .tvp-layout-grid .tvp-post-link{flex-direction:column;align-items:stretch}[dir="rtl"] .tvp-post-title,[dir="rtl"] .tvp-post-excerpt,.tvp-section[dir="rtl"] .tvp-post-title,.tvp-section[dir="rtl"] .tvp-post-excerpt{text-align:right}[dir="rtl"] .tvp-post-date,[dir="rtl"] .tvp-post-views,.tvp-section[dir="rtl"] .tvp-post-date,.tvp-section[dir="rtl"] .tvp-post-views{text-align:right;direction:rtl}