/******************************************
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/


/******************************************
 Tamil Siragu - TV serial card grid
 Screenshot-style post layout
*******************************************/

/* Keep the warm page background seen in the reference. */
body {
    background: #f8f1e3;
}

/* A slightly tighter content width gives the same compact 3-column feel. */
.inner-wrap,
.home .site-main,
.blog .site-main {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

/* Card grid */
.recent-posts:not(.blog-view) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    text-align: center;
    font-size: 16px;
    align-items: stretch;
}

.recent-posts:not(.blog-view) article,
.recent-posts:not(.blog-view) article:nth-of-type(2n+2),
.recent-posts:not(.blog-view) article:nth-of-type(3n+3) {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* 16:9 featured image with clean edge-to-edge crop */
.recent-posts:not(.blog-view) .post-thumb,
.recent-posts:not(.blog-view) .post .post-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0;
    overflow: hidden;
    background: #ece6da;
}

.recent-posts:not(.blog-view) .post-thumb a {
    display: block;
    width: 100%;
    height: 100%;
}

.recent-posts:not(.blog-view) .post-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

/* White caption panel */
.recent-posts:not(.blog-view) .entry-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 110px;
    padding: 11px 14px 16px;
    overflow: visible;
    background: #fff;
}

.recent-posts:not(.blog-view) .cat-links {
    display: block;
    margin: 0 0 5px;
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: 12px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 400;
    color: #777;
}

.recent-posts:not(.blog-view) .cat-links a {
    color: #777;
    border: 0;
    padding: 0;
    text-decoration: none;
}

.recent-posts:not(.blog-view) .cat-links a:hover {
    color: #333;
    border: 0;
}

.recent-posts:not(.blog-view) .entry-title {
    margin: 0;
    font-family: "Libre Baskerville", Georgia, serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    color: #222;
}

.recent-posts:not(.blog-view) .entry-title a {
    color: #222;
    text-decoration: none;
}

.recent-posts:not(.blog-view) .entry-title a:hover {
    color: #111;
}

/* The reference cards only show category + title. */
.recent-posts:not(.blog-view) .entry-meta,
.recent-posts:not(.blog-view) .entry-content,
.recent-posts:not(.blog-view) .readmore_button {
    display: none !important;
}

/* No extra float-clearing element needed inside flex cards. */
.recent-posts:not(.blog-view) article > .clearfix {
    display: none;
}

/* Tablet: 2 cards per row */
@media screen and (max-width: 979px) {
    .recent-posts:not(.blog-view) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .recent-posts:not(.blog-view) article,
    .recent-posts:not(.blog-view) article:nth-of-type(2n+2),
    .recent-posts:not(.blog-view) article:nth-of-type(3n+3),
    .archive .recent-posts:not(.blog-view) .post,
    .search .recent-posts:not(.blog-view) .post {
        width: 100%;
        margin: 0;
    }
}

/* Mobile: one wide card per row */
@media screen and (max-width: 640px) {
    .recent-posts:not(.blog-view) {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .recent-posts:not(.blog-view) .entry-body {
        min-height: 96px;
        padding: 11px 13px 15px;
    }

    .recent-posts:not(.blog-view) .entry-title {
        font-size: 17px;
    }
}
/* Series name directly below the poster image. */
.recent-posts:not(.blog-view) .cat-links {
    margin: 0 0 7px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #6f6f6f !important;
    text-align: center !important;
}

.recent-posts:not(.blog-view) .cat-links a {
    display: inline-block;
    color: #6f6f6f !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(111, 111, 111, 0.28) !important;
    transition: color .22s ease, border-color .22s ease, transform .22s ease;
}

/* Premium hover interaction for each post card. */
.recent-posts:not(.blog-view) article,
.recent-posts:not(.blog-view) article:nth-of-type(2n+2),
.recent-posts:not(.blog-view) article:nth-of-type(3n+3) {
    position: relative;
    transform: translateY(0);
    transition: transform .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s ease, border-color .32s ease;
    will-change: transform;
}

.recent-posts:not(.blog-view) article:hover {
    transform: translateY(-8px);
    border-color: rgba(198, 132, 51, .25);
    box-shadow: 0 18px 42px rgba(28, 24, 18, .15);
}

.recent-posts:not(.blog-view) .post-thumb img {
    transform: scale(1);
    transition: transform .55s cubic-bezier(.2,.7,.2,1), filter .35s ease;
    will-change: transform;
}

.recent-posts:not(.blog-view) article:hover .post-thumb img {
    transform: scale(1.055);
    filter: saturate(1.04) contrast(1.02);
}

.recent-posts:not(.blog-view) article:hover .cat-links a {
    color: #b66c1d !important;
    border-color: rgba(182, 108, 29, .55) !important;
    transform: translateY(-1px);
}

.recent-posts:not(.blog-view) .entry-title a {
    transition: color .22s ease;
}

.recent-posts:not(.blog-view) article:hover .entry-title a {
    color: #8f5318 !important;
}

/* Respect users who disable motion. */
@media (prefers-reduced-motion: reduce) {
    .recent-posts:not(.blog-view) article,
    .recent-posts:not(.blog-view) .post-thumb img,
    .recent-posts:not(.blog-view) .cat-links a {
        transition: none !important;
        transform: none !important;
    }
}

/******************************************
 Tamil Siragu v6 - COMPACT LIGHT FOOTER
 Groups all footer widgets between About Us / Channels / General markers
 into three true columns and keeps copyright in a separate bottom bar.
*******************************************/

.site-footer {
    clear: both !important;
    width: 100% !important;
    margin-top: 56px !important;
    padding: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(45, 49, 54, .08) !important;
    background: #f8f1e3 !important;
    color: #34383d !important;
}

.site-footer::before,
.site-footer::after {
    content: none !important;
    display: none !important;
}

/* Raw widget sidebars are only data sources. The script moves their widgets into the grid. */
.site-footer .ts-footer-source {
    display: none !important;
}

.ts-footer-layout {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(220px, .9fr) minmax(220px, .9fr) !important;
    align-items: start !important;
    gap: 72px !important;
    width: min(1120px, calc(100% - 56px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 58px 0 48px !important;
}

.ts-footer-layout:empty {
    display: none !important;
}

.ts-footer-group {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.ts-footer-group > .widget {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    border: 0 !important;
    background: transparent !important;
}

/* Force readable dark text; old footer CSS used white text. */
.ts-footer-layout,
.ts-footer-layout .widget,
.ts-footer-layout .widget p,
.ts-footer-layout .widget li,
.ts-footer-layout .widget span,
.ts-footer-layout .widget div,
.ts-footer-layout .widget .textwidget,
.ts-footer-layout .widget .custom-html-widget {
    color: #3d4145 !important;
}

/* Section heading widget */
.ts-footer-layout .ts-section-title .title,
.ts-footer-layout .ts-section-title .widget-title,
.ts-footer-layout .ts-section-title h2,
.ts-footer-layout .ts-section-title h3,
.ts-footer-layout .widget > .title,
.ts-footer-layout .widget > .widget-title {
    position: relative !important;
    margin: 0 0 28px !important;
    padding: 0 0 13px !important;
    color: #262b30 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 21px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.ts-footer-layout .ts-section-title .title::after,
.ts-footer-layout .ts-section-title .widget-title::after,
.ts-footer-layout .ts-section-title h2::after,
.ts-footer-layout .ts-section-title h3::after,
.ts-footer-layout .widget > .title::after,
.ts-footer-layout .widget > .widget-title::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 36px !important;
    height: 2px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
    background: #c98436 !important;
}

.ts-footer-layout p,
.ts-footer-layout .textwidget,
.ts-footer-layout .custom-html-widget {
    margin-top: 0 !important;
    color: #45484d !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
    text-align: center !important;
}

/* ABOUT US */
.ts-footer-about img {
    display: block !important;
    width: auto !important;
    max-width: 108px !important;
    max-height: 88px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ts-footer-about .textwidget,
.ts-footer-about .custom-html-widget,
.ts-footer-about p {
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ts-footer-about p {
    margin-bottom: 22px !important;
}

/* CHANNELS */
.ts-footer-channels img {
    display: block !important;
    box-sizing: border-box !important;
    width: min(100%, 200px) !important;
    height: auto !important;
    max-height: 100px !important;
    object-fit: contain !important;
    margin: 0 auto 18px !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(42, 46, 51, .06) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 9px 24px rgba(52, 44, 33, .09) !important;
    transition: transform .24s ease, box-shadow .24s ease !important;
}

.ts-footer-channels a:hover img {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 30px rgba(52, 44, 33, .13) !important;
}

/* GENERAL - clean premium navigation cards */
.ts-footer-general {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.ts-footer-general ul,
.ts-footer-general ol,
.ts-footer-general .menu,
.ts-footer-general .textwidget,
.ts-footer-general .custom-html-widget {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 245px !important;
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ts-footer-general .widget:not(.ts-section-title) p,
.ts-footer-general .widget:not(.ts-section-title) li,
.ts-footer-general .widget:not(.ts-section-title) div {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 245px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
}

/* Catch every General link regardless of whether WordPress outputs it in a list,
   paragraph, navigation widget or custom HTML widget. */
.ts-footer-general .widget:not(.ts-section-title) a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 245px !important;
    min-height: 50px !important;
    margin: 0 auto 10px !important;
    padding: 12px 15px 12px 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(45, 49, 54, .10) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #2d3237 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: 0 7px 18px rgba(61, 53, 42, .07) !important;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease !important;
}

.ts-footer-general .widget:not(.ts-section-title) a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    bottom: 9px !important;
    width: 3px !important;
    border-radius: 0 99px 99px 0 !important;
    background: #c77a28 !important;
    opacity: .85 !important;
}

.ts-footer-general .widget:not(.ts-section-title) a::after {
    content: "→" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    margin-left: 14px !important;
    border-radius: 50% !important;
    background: #f7ede0 !important;
    color: #bf7121 !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transition: transform .22s ease, background .22s ease, color .22s ease !important;
}

.ts-footer-general .widget:not(.ts-section-title) a:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(199, 122, 40, .34) !important;
    color: #a85f18 !important;
    box-shadow: 0 12px 26px rgba(61, 53, 42, .12) !important;
}

.ts-footer-general .widget:not(.ts-section-title) a:hover::after {
    transform: translateX(3px) !important;
    background: #c77a28 !important;
    color: #fff !important;
}

/* Copyright: dedicated full-width bottom bar, never inside General. */
.site-footer .site-info {
    display: none !important;
}

.ts-footer-copyrightbar {
    display: block !important;
    box-sizing: border-box !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(45, 49, 54, .09) !important;
    background: #f8f1e3 !important;
}

.ts-footer-copyright-inner {
    box-sizing: border-box !important;
    width: min(1120px, calc(100% - 40px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 20px 0 22px !important;
    text-align: center !important;
}

.ts-footer-copyright {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #555a5e !important;
    font-family: "Libre Baskerville", Georgia, serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

/* Premium Jetpack Load More button */
.infinite-scroll #infinite-handle {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 34px auto 8px !important;
    padding: 0 !important;
    text-align: center !important;
}

.infinite-scroll #infinite-handle span {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 170px !important;
    min-height: 50px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(37, 41, 46, .08) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #343a40 0%, #22272c 100%) !important;
    box-shadow: 0 10px 24px rgba(34, 39, 44, .18), inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease !important;
}

.infinite-scroll #infinite-handle span button,
.infinite-scroll #infinite-handle span button:hover,
.infinite-scroll #infinite-handle span button:focus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 28px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .2px !important;
    line-height: 1 !important;
    text-shadow: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.infinite-scroll #infinite-handle span::after {
    content: "↓" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    margin-right: 12px !important;
    border-radius: 50% !important;
    background: #c77a28 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transition: transform .22s ease !important;
    pointer-events: none !important;
}

.infinite-scroll #infinite-handle span:hover {
    transform: translateY(-3px) !important;
    background: linear-gradient(135deg, #2a2f34 0%, #171b1f 100%) !important;
    box-shadow: 0 14px 30px rgba(34, 39, 44, .24), 0 0 0 3px rgba(199, 122, 40, .08) !important;
}

.infinite-scroll #infinite-handle span:hover::after {
    transform: translateY(2px) !important;
}

.infinite-scroll .infinite-loader {
    margin: 30px auto 10px !important;
}

@media screen and (max-width: 900px) {
    .ts-footer-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 44px 38px !important;
        width: min(100% - 42px, 1120px) !important;
        padding: 48px 0 40px !important;
    }

    .ts-footer-general {
        grid-column: 1 / -1 !important;
    }
}

@media screen and (max-width: 640px) {
    .site-footer {
        margin-top: 44px !important;
    }

    .ts-footer-layout {
        grid-template-columns: 1fr !important;
        gap: 38px !important;
        width: calc(100% - 34px) !important;
        padding: 42px 0 34px !important;
    }

    .ts-footer-general {
        grid-column: auto !important;
    }
}

/* Tamil Siragu build: v8-footer-final-copyright-general */

/* =========================================================
   Tamil Siragu v9 - General footer: premium editorial list
   Replaces v8 white cards with a quieter luxury navigation.
   ========================================================= */
.ts-footer-general {
    counter-reset: ts-general-link !important;
    width: 100% !important;
    max-width: 310px !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
}

.ts-footer-general .widget:not(.ts-section-title) {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ts-footer-general ul,
.ts-footer-general ol,
.ts-footer-general .menu,
.ts-footer-general .textwidget,
.ts-footer-general .custom-html-widget,
.ts-footer-general .widget:not(.ts-section-title) p,
.ts-footer-general .widget:not(.ts-section-title) li,
.ts-footer-general .widget:not(.ts-section-title) div {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    list-style: none !important;
}

.ts-footer-general .widget:not(.ts-section-title) a {
    counter-increment: ts-general-link !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) 26px !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    max-width: 280px !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 7px 2px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(44, 48, 53, .13) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #272c31 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    line-height: 1.3 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: color .22s ease, padding-left .22s ease, border-color .22s ease !important;
}

.ts-footer-general .widget:not(.ts-section-title) a::before {
    content: counter(ts-general-link, decimal-leading-zero) !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    color: #c57a2a !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .12em !important;
    line-height: 1 !important;
}

.ts-footer-general .widget:not(.ts-section-title) a::after {
    content: "↗" !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    border: 1px solid rgba(197, 122, 42, .28) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #b8691b !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    transform: none !important;
    transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease !important;
}

.ts-footer-general .widget:not(.ts-section-title):last-child a,
.ts-footer-general .widget:not(.ts-section-title) a:last-child {
    /* Keep the list visually clean; harmless when a widget has one link. */
}

.ts-footer-general .widget:not(.ts-section-title) a:hover {
    padding-left: 6px !important;
    color: #a85f18 !important;
    border-color: rgba(197, 122, 42, .42) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.ts-footer-general .widget:not(.ts-section-title) a:hover::after {
    transform: translate(2px,-2px) !important;
    border-color: #c57a2a !important;
    background: #c57a2a !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    .ts-footer-general {
        max-width: 330px !important;
    }
    .ts-footer-general .widget:not(.ts-section-title),
    .ts-footer-general .widget:not(.ts-section-title) a {
        max-width: 300px !important;
    }
}

/* Tamil Siragu build: v9-premium-editorial-general */

/* ==========================================================
   V10 — Premium Load More replaces numbered pagination
   ========================================================== */
.navigation {
    display: none !important;
}

.ts-load-more-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 34px auto 50px !important;
    padding: 0 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: opacity .28s ease, transform .28s ease !important;
}

.ts-load-more-wrap.is-finished {
    opacity: 0 !important;
    transform: translateY(8px) !important;
}

.ts-load-more-button,
.ts-load-more-button:visited {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    min-width: 190px !important;
    min-height: 52px !important;
    padding: 0 18px 0 26px !important;
    overflow: hidden !important;
    border: 1px solid rgba(26, 30, 34, .08) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #30363c 0%, #1f2429 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(31, 36, 41, .18), inset 0 1px 0 rgba(255,255,255,.08) !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .2px !important;
    text-decoration: none !important;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease !important;
}

.ts-load-more-button::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.11) 48%, transparent 76%) !important;
    transform: translateX(-120%) !important;
    transition: transform .6s ease !important;
    pointer-events: none !important;
}

.ts-load-more-button:hover,
.ts-load-more-button:focus {
    color: #fff !important;
    background: linear-gradient(135deg, #3a4148 0%, #22282d 100%) !important;
    box-shadow: 0 16px 34px rgba(31, 36, 41, .24), 0 0 0 4px rgba(199, 122, 40, .08) !important;
    transform: translateY(-2px) !important;
    text-decoration: none !important;
    outline: none !important;
}

.ts-load-more-button:hover::before,
.ts-load-more-button:focus::before {
    transform: translateX(120%) !important;
}

.ts-load-more-label {
    position: relative !important;
    z-index: 2 !important;
}

.ts-load-more-icon {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #dc913d 0%, #bd6b1d 100%) !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 10px rgba(180, 97, 20, .22) !important;
    transition: transform .22s ease !important;
}

.ts-load-more-button:hover .ts-load-more-icon {
    transform: translateY(2px) !important;
}

.ts-load-more-button.is-loading {
    pointer-events: none !important;
    opacity: .9 !important;
}

.ts-load-more-button.is-loading .ts-load-more-icon {
    font-size: 0 !important;
    background: transparent !important;
    border: 2px solid rgba(255,255,255,.28) !important;
    border-top-color: #e19a4a !important;
    box-shadow: none !important;
    animation: ts-load-spin .75s linear infinite !important;
}

.ts-load-more-status {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.ts-load-more-enter {
    opacity: 0 !important;
    transform: translateY(18px) scale(.985) !important;
    transition: opacity .45s ease, transform .45s ease !important;
    transition-delay: calc(var(--ts-load-index, 0) * 45ms) !important;
}

.ts-load-more-enter.is-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

@keyframes ts-load-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 767px) {
    .ts-load-more-wrap {
        margin: 28px auto 38px !important;
    }
    .ts-load-more-button,
    .ts-load-more-button:visited {
        min-width: 175px !important;
        min-height: 48px !important;
        font-size: 13px !important;
    }
    .ts-load-more-icon {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }
}

/* ==========================================================
   V11 — Category child-browser panel (TamilDhool-style)
   ========================================================== */
.ts-subcategory-browser {
    width: min(100%, 940px) !important;
    margin: 18px auto 30px !important;
    padding: 18px 26px 20px !important;
    border-top: 1px solid rgba(30, 32, 35, .10) !important;
    border-bottom: 1px solid rgba(30, 32, 35, .10) !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.ts-subcategory-browser__title {
    margin: 0 0 16px !important;
    color: #59606a !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

.ts-subcategory-browser__items {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 9px !important;
    width: 100% !important;
}

.ts-subcategory-browser__item,
.ts-subcategory-browser__item:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
    border: 1px solid rgba(63, 68, 75, .18) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .70) !important;
    color: #272b30 !important;
    box-shadow: 0 1px 2px rgba(20, 24, 28, .03) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.ts-subcategory-browser__item:hover,
.ts-subcategory-browser__item:focus {
    background: #fff !important;
    color: #b96a1c !important;
    border-color: rgba(190, 108, 28, .42) !important;
    box-shadow: 0 6px 16px rgba(39, 43, 48, .08) !important;
    transform: translateY(-2px) !important;
    outline: none !important;
}

@media (max-width: 767px) {
    .ts-subcategory-browser {
        width: calc(100% - 24px) !important;
        margin: 12px auto 24px !important;
        padding: 16px 10px 18px !important;
    }
    .ts-subcategory-browser__title {
        margin-bottom: 13px !important;
        font-size: 18px !important;
    }
    .ts-subcategory-browser__items {
        gap: 7px !important;
    }
    .ts-subcategory-browser__item,
    .ts-subcategory-browser__item:visited {
        min-height: 32px !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}

/* Tamil Siragu build: v11-category-child-browser */

/* ==========================================================
   V12 — Leaf series/show category header (TamilDhool-style)
   ========================================================== */
.ts-series-archive-head {
    width: min(100%, 940px) !important;
    margin: 8px auto 30px !important;
    text-align: center !important;
}

.ts-series-archive-head__title {
    margin: 0 0 7px !important;
    color: #2f3339 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.ts-series-archive-head__crumbs {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 0 20px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.ts-series-archive-head__crumbs a,
.ts-series-archive-head__crumbs a:visited {
    color: #9b7d55 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(155, 125, 85, .24) !important;
}

.ts-series-archive-head__crumbs a:hover,
.ts-series-archive-head__crumbs a:focus {
    color: #bd6b1d !important;
}

.ts-series-archive-head__dot {
    color: rgba(55, 58, 61, .35) !important;
    font-size: 9px !important;
}

.ts-series-summary {
    width: min(100%, 760px) !important;
    margin: 0 auto !important;
    padding: 16px 22px 15px !important;
    border: 1px solid rgba(44, 47, 51, .12) !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, .52) !important;
    box-shadow: 0 1px 2px rgba(32, 36, 40, .02) !important;
    box-sizing: border-box !important;
}

.ts-series-summary p {
    margin: 0 !important;
}

.ts-series-summary__lead {
    color: #5e5a54 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.ts-series-summary__meta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 18px !important;
    margin: 7px 0 6px !important;
    color: #5e5a54 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.ts-series-summary__meta strong,
.ts-series-summary__latest strong {
    color: #66615a !important;
    font-weight: 600 !important;
}

.ts-series-summary__latest {
    color: #5e5a54 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.ts-series-summary__latest a,
.ts-series-summary__latest a:visited {
    color: #6f5436 !important;
    text-decoration: none !important;
}

.ts-series-summary__latest a:hover,
.ts-series-summary__latest a:focus {
    color: #bd6b1d !important;
    text-decoration: underline !important;
}

body.category .ts-series-archive-head + #recent-posts,
body.category .ts-series-archive-head ~ #recent-posts {
    margin-top: 0 !important;
}

@media (max-width: 767px) {
    .ts-series-archive-head {
        width: calc(100% - 24px) !important;
        margin: 4px auto 22px !important;
    }
    .ts-series-archive-head__title {
        font-size: 25px !important;
    }
    .ts-series-archive-head__crumbs {
        margin-bottom: 15px !important;
        font-size: 12px !important;
    }
    .ts-series-summary {
        padding: 14px 14px 13px !important;
    }
    .ts-series-summary__lead {
        font-size: 14px !important;
    }
    .ts-series-summary__meta,
    .ts-series-summary__latest {
        font-size: 12px !important;
    }
}

/* Tamil Siragu build: v12-leaf-category-series-header */

/* ==========================================================
   V13 — Home Latest Episodes heading + channel tabs
   ========================================================== */
.ts-home-latest-head {
    width: min(100%, 760px) !important;
    margin: 34px auto 34px !important;
    text-align: center !important;
}

.ts-home-latest-title.section-title {
    display: block !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #2b2d31 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: .15px !important;
    text-align: center !important;
}

.ts-home-channel-filters {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin: 0 auto !important;
}

.ts-home-filter {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-width: 82px !important;
    height: 38px !important;
    padding: 0 17px !important;
    border: 1px solid rgba(40, 44, 49, .16) !important;
    border-radius: 4px !important;
    background: rgba(255, 255, 255, .82) !important;
    color: #343940 !important;
    box-shadow: 0 2px 5px rgba(26, 30, 34, .025) !important;
    cursor: pointer !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.ts-home-filter:hover,
.ts-home-filter:focus-visible {
    border-color: rgba(48, 53, 59, .32) !important;
    background: #fff !important;
    color: #bd6b1d !important;
    box-shadow: 0 6px 16px rgba(31, 36, 41, .08) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}

.ts-home-filter.is-active {
    border-color: #30363c !important;
    background: #30363c !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(31, 36, 41, .16) !important;
}

#recent-posts article.regular-post.ts-channel-hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .ts-home-latest-head {
        width: calc(100% - 24px) !important;
        margin: 26px auto 26px !important;
    }
    .ts-home-latest-title.section-title {
        margin-bottom: 18px !important;
        font-size: 20px !important;
    }
    .ts-home-channel-filters {
        gap: 7px !important;
    }
    .ts-home-filter {
        min-width: 70px !important;
        height: 36px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
    }
}

/* Tamil Siragu build: v13-home-latest-channel-tabs */

/* v14: homepage channel controls navigate to category pages (not filters) */
.ts-home-channel-filters a.ts-home-filter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}
.ts-home-channel-filters a.ts-home-filter:visited {
    color: #343940 !important;
}
.ts-home-channel-filters a.ts-home-filter.is-active,
.ts-home-channel-filters a.ts-home-filter.is-active:visited {
    color: #fff !important;
}
/* Tamil Siragu build: v14-home-channel-navigation */

/* ==========================================================
   v15 - Homepage featured slider reliability + polish
   ========================================================== */
.ts-home-slider {
    max-width: 1140px;
    margin: 0 auto 42px;
    overflow: hidden;
}
.ts-home-slider .slides,
.ts-home-slider .flickity-viewport {
    border-radius: 10px;
}
.ts-home-slider .slide-background img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
@media (max-width: 768px) {
    .ts-home-slider { margin-bottom: 26px; }
}

/* ==========================================================
   v16 - Homepage Browse by Channel cards above featured slider
   ========================================================== */
.ts-home-browse-channels {
    width: 100%;
    margin: 0;
    padding: 18px 20px 34px;
    border-top: 1px solid rgba(64, 56, 46, .08);
    border-bottom: 1px solid rgba(64, 56, 46, .11);
    background: transparent;
    box-sizing: border-box;
}

.ts-home-browse-channels__inner {
    width: min(100%, 1060px);
    margin: 0 auto;
}

.ts-home-browse-channels__title {
    margin: 0 0 20px;
    color: #34363a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .15px;
    text-align: center;
}

.ts-home-browse-channels__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: min(100%, 700px);
    margin: 0 auto;
}

.ts-home-browse-card,
.ts-home-browse-card:visited {
    position: relative;
    display: flex;
    min-height: 118px;
    padding: 15px 16px 14px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
    border: 1px solid rgba(47, 49, 52, .14);
    border-radius: 6px;
    background: rgba(255, 255, 255, .86);
    color: #2f3338;
    box-shadow: 0 5px 16px rgba(31, 34, 37, .06);
    text-decoration: none;
    box-sizing: border-box;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.ts-home-browse-card::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 2px;
    opacity: 0;
    background: #d57a24;
    transform: scaleX(.45);
    transition: opacity .2s ease, transform .2s ease;
}

.ts-home-browse-card:hover,
.ts-home-browse-card:focus-visible {
    border-color: rgba(213, 122, 36, .32);
    background: #fff;
    box-shadow: 0 12px 28px rgba(31, 34, 37, .11);
    transform: translateY(-3px);
    outline: none;
}

.ts-home-browse-card:hover::after,
.ts-home-browse-card:focus-visible::after {
    opacity: 1;
    transform: scaleX(1);
}

.ts-home-browse-card__logo-wrap {
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: center;
}

.ts-home-browse-card__logo {
    display: block;
    max-width: 118px;
    max-height: 56px;
    width: auto;
    height: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.ts-home-browse-card__meta {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
    line-height: 1.15;
}

.ts-home-browse-card__meta strong {
    color: #22262b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.ts-home-browse-card__meta small {
    color: #8a8279;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 400;
}

.ts-home-browse-card__meta small::before {
    content: "· ";
}

/* keep the slider visually attached to the channel browser, like the reference */
.ts-home-browse-channels + .ts-home-slider,
.ts-home-browse-channels + #slider,
.ts-home-browse-channels + .featured-slider {
    margin-top: 30px !important;
}

@media (max-width: 767px) {
    .ts-home-browse-channels {
        padding: 16px 14px 24px;
    }
    .ts-home-browse-channels__title {
        margin-bottom: 15px;
        font-size: 15px;
    }
    .ts-home-browse-channels__grid {
        grid-template-columns: 1fr;
        gap: 10px;
        width: min(100%, 360px);
    }
    .ts-home-browse-card {
        min-height: 88px;
        padding: 10px 14px;
        flex-direction: row;
        justify-content: flex-start;
        gap: 14px;
    }
    .ts-home-browse-card__logo-wrap {
        width: 100px;
        height: 54px;
        flex: 0 0 100px;
    }
    .ts-home-browse-card__logo {
        max-width: 96px;
        max-height: 50px;
    }
    .ts-home-browse-card__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
        white-space: normal;
    }
    .ts-home-browse-card__meta small::before {
        content: "";
    }
}

/* Tamil Siragu build: v16-home-browse-by-channel */

/* ==========================================================
   v17 - Widget-managed Browse by Channel
   ========================================================== */
.ts-home-browse-channels--widget { margin-top: 0; }
/* Tamil Siragu build: v17-widget-managed-channel-browser */

/* ==========================================================
   v18 - Mobile Browse by Channel: compact 3-card row
   Match the TamilDhool-style mobile layout instead of stacking.
   ========================================================== */
@media (max-width: 767px) {
    .ts-home-browse-channels {
        padding: 14px 10px 20px;
    }

    .ts-home-browse-channels__inner {
        width: 100%;
        max-width: 100%;
    }

    .ts-home-browse-channels__title {
        margin: 0 0 12px;
        font-size: 14px;
        line-height: 1.25;
    }

    .ts-home-browse-channels__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .ts-home-browse-card,
    .ts-home-browse-card:visited {
        min-width: 0;
        min-height: 86px;
        padding: 8px 5px 7px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        border-radius: 5px;
        box-shadow: 0 3px 10px rgba(31, 34, 37, .05);
    }

    .ts-home-browse-card__logo-wrap {
        width: 100%;
        height: 42px;
        flex: 0 0 42px;
    }

    .ts-home-browse-card__logo {
        max-width: 82px;
        max-height: 40px;
        width: auto;
        height: auto;
    }

    .ts-home-browse-card__meta {
        width: 100%;
        display: block;
        text-align: center;
        white-space: normal;
        line-height: 1.1;
    }

    .ts-home-browse-card__meta strong {
        display: block;
        font-size: 10px;
        line-height: 1.15;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Reference mobile design shows only the channel name. */
    .ts-home-browse-card__meta small {
        display: none;
    }

    .ts-home-browse-card::after {
        left: 8px;
        right: 8px;
    }
}

@media (max-width: 390px) {
    .ts-home-browse-channels {
        padding-left: 7px;
        padding-right: 7px;
    }

    .ts-home-browse-channels__grid {
        gap: 5px;
    }

    .ts-home-browse-card,
    .ts-home-browse-card:visited {
        min-height: 80px;
        padding: 7px 3px 6px;
    }

    .ts-home-browse-card__logo-wrap {
        height: 38px;
        flex-basis: 38px;
    }

    .ts-home-browse-card__logo {
        max-width: 70px;
        max-height: 36px;
    }

    .ts-home-browse-card__meta strong {
        font-size: 9px;
    }
}

/* Tamil Siragu build: v18-mobile-channel-row */

/* v19 - widget-managed featured series */
.ts-featured-series-area{max-width:1170px;margin:28px auto 38px;padding:0 20px}.ts-featured-series{background:#fff;border:1px solid rgba(105,75,180,.18);border-radius:18px;padding:18px;box-shadow:0 12px 35px rgba(42,31,70,.06)}.ts-featured-series__head,.ts-featured-series__episodes-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.ts-featured-series__head span{font-size:11px;letter-spacing:1.5px;color:#8358e8;font-weight:700}.ts-featured-series__head h2{margin:2px 0 12px;font-size:27px}.ts-featured-series__head>a,.ts-featured-series__episodes-head>a{border:1px solid #ded3fa;border-radius:10px;padding:8px 14px;text-decoration:none}.ts-featured-series__poster{display:block;overflow:hidden;border-radius:14px;background:#eee}.ts-featured-series__poster img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.ts-featured-series__episodes-head{margin-top:18px}.ts-featured-series__episodes-head h3{margin:0 0 12px;font-size:21px}.ts-featured-series__episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ts-featured-series__episodes article{overflow:hidden;border-radius:13px;background:#fafafa;border:1px solid #eee}.ts-featured-series__episodes article a{text-decoration:none;color:inherit}.ts-featured-series__episodes img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.ts-featured-series__episodes strong{display:block;padding:12px 14px;font-size:16px;line-height:1.3}
@media(max-width:700px){.ts-featured-series-area{margin:18px auto 28px;padding:0 10px}.ts-featured-series{padding:12px;border-radius:14px}.ts-featured-series__head h2{font-size:22px}.ts-featured-series__poster img{max-height:none}.ts-featured-series__episodes{grid-template-columns:1fr}.ts-featured-series__episodes strong{font-size:15px}}

/* v20 - premium live poster + episode rail */
.ts-featured-series-area{max-width:1170px;margin:30px auto 42px;padding:0 18px}
.ts-featured-series-area>.widget{margin:0}
.ts-featured-series{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fff 58%,#fbf9ff 100%);border:1px solid rgba(103,76,188,.18);border-radius:22px;padding:16px;box-shadow:0 18px 55px rgba(44,31,75,.08)}
.ts-featured-series:before{content:"";position:absolute;inset:-120px auto auto -120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(141,91,255,.10),transparent 68%);pointer-events:none}
.ts-featured-series__head,.ts-featured-series__episodes-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ts-featured-series__heading-copy{min-width:0}
.ts-featured-series__eyebrow{display:block;margin:0 0 2px;color:#8756f3;font:700 11px/1.2 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase}
.ts-featured-series__head h2{margin:0 0 10px;color:#251c47;font-size:27px;line-height:1.12}
.ts-featured-series__view-all,.ts-featured-series__view-more{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border:1px solid #ded2ff;border-radius:11px;background:rgba(255,255,255,.85);color:#7450df!important;text-decoration:none!important;font-weight:700;box-shadow:0 4px 16px rgba(80,54,142,.04);transition:.22s ease}
.ts-featured-series__view-all:hover,.ts-featured-series__view-more:hover{transform:translateY(-2px);border-color:#b99cff;background:#fff;box-shadow:0 10px 22px rgba(84,52,154,.10)}
.ts-featured-series__hero{position:relative;overflow:hidden;border-radius:18px;background:#171022;box-shadow:0 13px 30px rgba(25,12,48,.16)}
.ts-featured-series__poster{display:block;position:relative;min-height:360px;background:#211633}
.ts-featured-series__poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,5,20,0) 32%,rgba(18,9,31,.12) 54%,rgba(20,9,31,.58) 100%);pointer-events:none}
.ts-featured-series__poster img{display:block;width:100%;height:min(520px,47vw);min-height:360px;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.ts-featured-series__hero:hover .ts-featured-series__poster img{transform:scale(1.018);filter:saturate(1.04)}
.ts-featured-series__live-card{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;padding:15px 17px 14px;border:1px solid rgba(255,255,255,.38);border-radius:15px;background:linear-gradient(105deg,rgba(70,35,79,.84),rgba(31,31,58,.72));backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 30px rgba(12,6,25,.22);color:#fff}
.ts-featured-series__live-badge{display:flex;align-items:center;gap:7px;margin-bottom:4px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#fff}
.ts-featured-series__live-badge i{width:9px;height:9px;border-radius:50%;background:#ff3c83;box-shadow:0 0 0 5px rgba(255,60,131,.12)}
.ts-featured-series__live-card h3{margin:0 0 9px;color:#fff;font-size:25px;line-height:1.08;text-shadow:0 2px 12px rgba(0,0,0,.22)}
.ts-featured-series__live-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:9px;background:linear-gradient(100deg,#ff3d91,#995cff);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 7px 20px rgba(172,66,230,.30);transition:.2s ease}
.ts-featured-series__live-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 10px 26px rgba(172,66,230,.40)}
.ts-featured-series__episodes-head{margin:15px 0 10px}
.ts-featured-series__episodes-head h3{margin:0;color:#241a46;font-size:21px;line-height:1.2}
.ts-featured-series__episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ts-featured-series__episode-card{margin:0;min-width:0;border:0!important;border-radius:15px;overflow:hidden;background:#1c152c;box-shadow:0 9px 24px rgba(35,22,62,.10);transition:transform .25s ease,box-shadow .25s ease}
.ts-featured-series__episode-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(35,22,62,.16)}
.ts-featured-series__episode-card>a{display:block;color:inherit!important;text-decoration:none!important}
.ts-featured-series__episode-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#241936}
.ts-featured-series__episode-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.ts-featured-series__episode-card:hover .ts-featured-series__episode-media>img{transform:scale(1.04)}
.ts-featured-series__episode-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#2f2144,#171021)}
.ts-featured-series__episode-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(16,9,28,.76) 100%);pointer-events:none}
.ts-featured-series__episode-overlay{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;min-height:76px;padding:10px 40px 10px 11px;border:1px solid rgba(255,255,255,.26);border-radius:12px;background:linear-gradient(100deg,rgba(54,34,62,.76),rgba(72,55,42,.60));backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.14)}
.ts-featured-series__episode-overlay span{display:block;margin-bottom:4px;font:700 10px/1.15 Arial,sans-serif;letter-spacing:1px;color:#f7edf9}
.ts-featured-series__episode-overlay strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0!important;color:#fff;font-size:15px;line-height:1.18;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.ts-featured-series__episode-overlay b{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:rgba(255,255,255,.12);font-size:20px;line-height:1;font-weight:400;color:#fff}
.ts-featured-series__empty{grid-column:1/-1;margin:0;padding:18px;border-radius:12px;background:#faf8ff;text-align:center}
@media (max-width:780px){
  .ts-featured-series-area{margin:20px auto 30px;padding:0 10px}
  .ts-featured-series{padding:10px;border-radius:16px}
  .ts-featured-series__head h2{font-size:22px}
  .ts-featured-series__view-all,.ts-featured-series__view-more{min-height:32px;padding:6px 11px;font-size:13px}
  .ts-featured-series__poster{min-height:0}
  .ts-featured-series__poster img{height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:cover}
  .ts-featured-series__live-card{left:9px;right:9px;bottom:9px;padding:11px 12px;border-radius:12px}
  .ts-featured-series__live-card h3{font-size:18px;margin-bottom:7px}
  .ts-featured-series__live-button{padding:7px 11px;font-size:13px}
  .ts-featured-series__episodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .ts-featured-series__episode-overlay{left:7px;right:7px;bottom:7px;min-height:62px;padding:8px 34px 8px 9px;border-radius:10px}
  .ts-featured-series__episode-overlay strong{font-size:13px}
  .ts-featured-series__episode-overlay span{font-size:9px}
  .ts-featured-series__episode-overlay b{right:7px;bottom:7px;width:23px;height:23px;border-radius:7px}
}
@media (max-width:430px){
  .ts-featured-series__head{align-items:flex-start}
  .ts-featured-series__heading-copy{padding-right:4px}
  .ts-featured-series__head h2{font-size:20px}
  .ts-featured-series__live-badge{font-size:9px}
  .ts-featured-series__live-card h3{font-size:16px;max-width:92%}
  .ts-featured-series__episodes-head h3{font-size:18px}
  .ts-featured-series__episodes{grid-template-columns:1fr 1fr}
}

/* v21 - compact premium live overlay + mobile fit */
.ts-featured-series__live-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:12px 14px!important;
  min-height:0!important;
}
.ts-featured-series__live-copy{min-width:0;flex:1 1 auto}
.ts-featured-series__live-badge{margin:0 0 3px!important}
.ts-featured-series__live-card h3{
  margin:0!important;
  font-size:22px!important;
  line-height:1.08!important;
  white-space:normal;
}
.ts-featured-series__live-button{
  flex:0 0 auto!important;
  min-width:128px;
  min-height:42px;
  padding:10px 16px!important;
  border-radius:12px!important;
  gap:9px;
  font-size:14px!important;
  letter-spacing:.1px;
}
.ts-featured-series__live-button span{font-size:18px;line-height:1;transition:transform .2s ease}
.ts-featured-series__live-button:hover span{transform:translateX(3px)}

@media (max-width:780px){
  .ts-featured-series__hero{border-radius:14px}
  .ts-featured-series__live-card{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:11px!important;
  }
  .ts-featured-series__live-badge{font-size:8px!important;letter-spacing:.75px!important;gap:5px!important}
  .ts-featured-series__live-badge i{width:7px!important;height:7px!important;box-shadow:0 0 0 3px rgba(255,60,131,.12)!important}
  .ts-featured-series__live-card h3{
    font-size:15px!important;
    line-height:1.12!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  .ts-featured-series__live-button{
    min-width:98px!important;
    min-height:36px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  .ts-featured-series__live-button span{font-size:15px}
}

@media (max-width:520px){
  .ts-featured-series-area{padding:0 7px!important}
  .ts-featured-series{padding:8px!important;border-radius:14px!important}
  .ts-featured-series__head{gap:8px!important}
  .ts-featured-series__head h2{font-size:19px!important;line-height:1.08!important;margin-bottom:7px!important}
  .ts-featured-series__eyebrow{font-size:9px!important;letter-spacing:1.2px!important}
  .ts-featured-series__view-all,.ts-featured-series__view-more{padding:5px 9px!important;min-height:30px!important;font-size:12px!important}
  .ts-featured-series__poster img{aspect-ratio:16/10!important;object-fit:cover!important}
  .ts-featured-series__live-card{
    position:absolute!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 9px!important;
  }
  .ts-featured-series__live-card h3{font-size:13px!important;-webkit-line-clamp:2}
  .ts-featured-series__live-button{min-width:86px!important;min-height:32px!important;padding:7px 8px!important;font-size:11px!important}
  .ts-featured-series__episodes-head{margin:12px 0 8px!important}
  .ts-featured-series__episodes-head h3{font-size:17px!important}
  .ts-featured-series__episodes{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .ts-featured-series__episode-overlay{min-height:56px!important;padding:7px 30px 7px 8px!important}
  .ts-featured-series__episode-overlay strong{font-size:11px!important;line-height:1.12!important}
  .ts-featured-series__episode-overlay span{font-size:8px!important}
  .ts-featured-series__episode-overlay b{width:21px!important;height:21px!important;font-size:17px!important}
}

@media (max-width:360px){
  .ts-featured-series__live-card{gap:6px!important}
  .ts-featured-series__live-card h3{font-size:12px!important}
  .ts-featured-series__live-button{min-width:78px!important;padding:6px 7px!important;font-size:10px!important}
}

/* Tamil Siragu v23: unobtrusive internal SEO navigation on auto-posted episodes. */
.ts-v23-episode-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 8px;
  padding:16px 18px;
  border:1px solid rgba(183,122,31,.18);
  border-radius:14px;
  background:rgba(255,255,255,.48);
}
.ts-v23-episode-links a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(31,35,40,.12);
  border-radius:999px;
  background:#fff;
  color:#242424;
  text-decoration:none;
  font-weight:600;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ts-v23-episode-links a:hover{
  transform:translateY(-2px);
  border-color:rgba(214,130,26,.42);
  box-shadow:0 8px 22px rgba(58,43,19,.08);
}
@media (max-width:640px){
  .ts-v23-episode-links{padding:12px;gap:8px}
  .ts-v23-episode-links a{width:100%;justify-content:center;font-size:13px}
}

/* ============================================================
   Screenshot-inspired white editorial footer (Tamil Siragu)
   Scoped under #colophon.ts-screenshot-footer to override the
   earlier widget-footer styles without changing other sections.
   ============================================================ */
#colophon.ts-screenshot-footer {
    box-sizing: border-box !important;
    clear: both !important;
    position: relative !important;
    width: 100% !important;
    margin: 56px 0 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #171a29 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    font-family: Georgia, "Times New Roman", serif !important;
}

#colophon.ts-screenshot-footer .tsf-gradient-rule {
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #db915c 0%, #c88f99 55%, #8a7fc2 100%);
}

#colophon.ts-screenshot-footer .tsf-shell {
    box-sizing: border-box;
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
}

#colophon.ts-screenshot-footer .tsf-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 1.11fr) minmax(0, 1fr);
    gap: clamp(36px, 4vw, 76px);
    align-items: start;
    padding: 55px 0 46px;
}

#colophon.ts-screenshot-footer .tsf-grid > section { min-width: 0; margin: 0; padding: 0; }
#colophon.ts-screenshot-footer .tsf-grid p,
#colophon.ts-screenshot-footer .tsf-bottom p {
    font-family: Georgia, "Times New Roman", serif !important;
    text-transform: none;
}

#colophon.ts-screenshot-footer .tsf-brand-lockup {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    min-width: 0;
}

#colophon.ts-screenshot-footer .tsf-brand-mark {
    box-sizing: border-box;
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #ece3da;
    border-radius: 18px;
    background: #fff;
    text-decoration: none !important;
    box-shadow: 0 3px 14px rgba(86, 65, 51, .045);
}

#colophon.ts-screenshot-footer .tsf-brand-mark img {
    display: block;
    width: 65px !important;
    max-width: 65px !important;
    height: 65px !important;
    max-height: 65px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    object-fit: contain;
    box-shadow: none !important;
}

#colophon.ts-screenshot-footer .tsf-logo-ring {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    border: 6px solid #57933e;
    border-bottom-color: transparent;
    border-radius: 50%;
    color: #92621e;
}
#colophon.ts-screenshot-footer .tsf-logo-ring span {
    position: relative;
    top: 4px;
    font-family: Georgia, serif;
    font-weight: 700;
    font-size: 49px;
    line-height: 1;
}

#colophon.ts-screenshot-footer .tsf-brand-heading { flex: 1 1 auto; min-width: 0; padding-top: 3px; }
#colophon.ts-screenshot-footer .tsf-eyebrow {
    margin: 0 0 3px !important;
    padding: 0 !important;
    color: #a65c32 !important;
    font: 500 12px/1.23 Georgia, "Times New Roman", serif !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    text-align: left !important;
}
#colophon.ts-screenshot-footer .tsf-site-name {
    margin: 0 !important;
    padding: 0 !important;
    font: 400 36px/1.12 Georgia, "Times New Roman", serif !important;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
    text-align: left !important;
}
#colophon.ts-screenshot-footer .tsf-site-name a,
#colophon.ts-screenshot-footer .tsf-site-name a:visited {
    color: #101424 !important;
    text-decoration: none !important;
}
#colophon.ts-screenshot-footer .tsf-site-name a:hover { color: #a65c32 !important; }

#colophon.ts-screenshot-footer .tsf-intro {
    max-width: 375px;
    margin: 20px 0 21px !important;
    padding: 0 !important;
    color: #56545c !important;
    font: 400 17px/1.55 Georgia, "Times New Roman", serif !important;
    text-align: left !important;
}
#colophon.ts-screenshot-footer .tsf-topics {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
#colophon.ts-screenshot-footer .tsf-topics a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 29px;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 11px;
    border: 1px solid #ece3db;
    border-radius: 100px;
    background: #fbf8f6;
    color: #252136 !important;
    font: 400 13px/1.4 Georgia, "Times New Roman", serif !important;
    white-space: nowrap;
    text-decoration: none !important;
    transition: border-color .2s, color .2s, background .2s;
}
#colophon.ts-screenshot-footer .tsf-topics a:hover,
#colophon.ts-screenshot-footer .tsf-topics a:focus-visible {
    border-color: #c98c70;
    color: #a65c32 !important;
    background: #fff;
}

#colophon.ts-screenshot-footer .tsf-section-heading {
    margin: 0 !important;
    padding: 0 !important;
    color: #151321 !important;
    font: 400 23px/1.26 Georgia, "Times New Roman", serif !important;
    letter-spacing: -.025em;
    text-align: left !important;
}
#colophon.ts-screenshot-footer .tsf-channel-list {
    display: flex;
    justify-content: space-between;
    gap: 0;
    align-items: center;
    flex-wrap: wrap;
    max-width: 348px;
    margin: 24px 0 0;
    padding: 0;
}
#colophon.ts-screenshot-footer .tsf-channel {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 54px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 5px;
    text-decoration: none !important;
    transition: transform .2s ease;
}
#colophon.ts-screenshot-footer .tsf-channel:hover,
#colophon.ts-screenshot-footer .tsf-channel:focus-visible { transform: translateY(-4px); }
#colophon.ts-screenshot-footer .tsf-channel img {
    display: block !important;
    box-sizing: border-box;
    width: auto !important;
    max-width: 75px !important;
    height: auto !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px;
    background: transparent !important;
    object-fit: contain;
    box-shadow: none !important;
}

#colophon.ts-screenshot-footer .tsf-info-nav { margin: 7px 0 0; }
#colophon.ts-screenshot-footer .tsf-info-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
}
#colophon.ts-screenshot-footer .tsf-info-list {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#colophon.ts-screenshot-footer .tsf-info-list > li {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #e9e4df;
}
#colophon.ts-screenshot-footer .tsf-info-list > li > a,
#colophon.ts-screenshot-footer .tsf-info-list > li > .tsf-unlinked {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 52px;
    padding: 9px 3px;
    color: #262135 !important;
    font: 400 15px/1.25 Georgia, "Times New Roman", serif !important;
    text-align: left;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color .2s;
}
#colophon.ts-screenshot-footer .tsf-info-list > li > a::after,
#colophon.ts-screenshot-footer .tsf-info-list > li > .tsf-unlinked::after {
    content: "›";
    flex: 0 0 auto;
    color: #b66a43;
    font: 400 21px/1 Georgia, serif;
    transition: transform .2s;
}
#colophon.ts-screenshot-footer .tsf-info-list > li > a:hover,
#colophon.ts-screenshot-footer .tsf-info-list > li > a:focus-visible { color: #a65c32 !important; }
#colophon.ts-screenshot-footer .tsf-info-list > li > a:hover::after { transform: translateX(3px); }
#colophon.ts-screenshot-footer .tsf-info-list .tsf-unlinked { cursor: default; }

#colophon.ts-screenshot-footer .tsf-bottom {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-top: 1px solid #ebe7e2;
    padding: 18px 0 21px;
}
#colophon.ts-screenshot-footer .tsf-bottom p,
#colophon.ts-screenshot-footer .tsf-bottom a {
    margin: 0 !important;
    padding: 0 !important;
    color: #766b79 !important;
    font: 400 13px/1.6 Georgia, "Times New Roman", serif !important;
    text-align: left !important;
    text-decoration: none !important;
}
#colophon.ts-screenshot-footer .tsf-bottom a { color: #36253c !important; white-space: nowrap; }
#colophon.ts-screenshot-footer .tsf-bottom a:hover { color: #a65c32 !important; }
#colophon.ts-screenshot-footer .tsf-bottom a span { padding-left: 2px; color: #a65c32; }

@media (min-width: 1200px) {
    #colophon.ts-screenshot-footer .tsf-channels { margin-left: 17px !important; }
    #colophon.ts-screenshot-footer .tsf-information { margin-left: 40px !important; }
}
@media (max-width: 1100px) {
    #colophon.ts-screenshot-footer .tsf-grid { gap: 34px; }
    #colophon.ts-screenshot-footer .tsf-channel-list { max-width: 340px; }
    #colophon.ts-screenshot-footer .tsf-info-columns { gap: 14px; }
}
@media (max-width: 930px) {
    #colophon.ts-screenshot-footer .tsf-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        gap: 46px 38px;
        padding: 48px 0 41px;
    }
    #colophon.ts-screenshot-footer .tsf-information { grid-column: 1 / -1; max-width: 550px; }
}
@media (max-width: 600px) {
    #colophon.ts-screenshot-footer { margin-top: 42px !important; }
    #colophon.ts-screenshot-footer .tsf-shell { width: calc(100% - 36px); }
    #colophon.ts-screenshot-footer .tsf-grid {
        display: block !important;
        grid-template-columns: none !important;
        padding: 39px 0 34px;
    }
    #colophon.ts-screenshot-footer .tsf-grid > section {
        display: block !important;
        width: 100% !important;
        margin: 0 0 39px !important;
    }
    #colophon.ts-screenshot-footer .tsf-grid > section:last-child { margin-bottom: 0 !important; }
    #colophon.ts-screenshot-footer .tsf-information { grid-column: auto; }
    #colophon.ts-screenshot-footer .tsf-site-name { font-size: 30px !important; }
    #colophon.ts-screenshot-footer .tsf-brand-mark { flex-basis: 66px; width: 66px; height: 66px; border-radius: 14px; }
    #colophon.ts-screenshot-footer .tsf-brand-mark img { width: 58px !important; max-width: 58px !important; height: 58px !important; max-height: 58px !important; }
    #colophon.ts-screenshot-footer .tsf-logo-ring { transform: scale(.84); }
    #colophon.ts-screenshot-footer .tsf-brand-lockup { gap: 12px; }
    #colophon.ts-screenshot-footer .tsf-intro { margin: 19px 0 19px !important; font-size: 16px !important; }
    #colophon.ts-screenshot-footer .tsf-channel-list { margin-top: 23px; max-width: 348px; }
    #colophon.ts-screenshot-footer .tsf-bottom { flex-wrap: wrap; align-items: flex-start; padding: 15px 0 21px; gap: 6px; }
    #colophon.ts-screenshot-footer .tsf-bottom p,
    #colophon.ts-screenshot-footer .tsf-bottom a { width: 100%; font-size: 12px !important; }
}
@media (max-width: 350px) {
    #colophon.ts-screenshot-footer .tsf-info-columns { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    #colophon.ts-screenshot-footer a { transition: none !important; }
}