/* Smart print panel (screen only) */
.print-only {
    display: none !important;
}

.share-print-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.print-smart-panel {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1200;
    width: min(300px, 92vw);
    padding: 14px 16px;
    border: 1px solid #d8dee6;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
}

.print-smart-panel__title {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
}

.print-smart-panel__option {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
}

.print-smart-panel__option input {
    width: 16px;
    height: 16px;
    margin: 0;
}

.print-smart-panel__actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

.print-smart-panel__cancel,
.print-smart-panel__go {
    border: 0;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 13px;
    cursor: pointer;
}

.print-smart-panel__cancel {
    background: #eef2f7;
    color: #333;
}

.print-smart-panel__go {
    background: #1a1a1a;
    color: #fff;
}

.print-smart-panel__go i {
    margin-right: 4px;
}

.print-smart-panel__field {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e8edf3;
}

.print-smart-panel__label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #111;
}

.print-smart-panel__cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.print-smart-panel__col-btn {
    position: relative;
    margin: 0;
    cursor: pointer;
}

.print-smart-panel__col-btn input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.print-smart-panel__col-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border: 1px solid #d0d7e2;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: #f8fafc;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.print-smart-panel__col-btn input:checked + span {
    border-color: #1a1a1a;
    background: #1a1a1a;
    color: #fff;
}

.print-smart-panel__col-btn input:focus-visible + span {
    outline: 2px solid #1a1a1a;
    outline-offset: 2px;
}

@media print {
    .no-print,
    .site-header,
    .site-header__top-wrap,
    .site-header__nav-wrap,
    .site-header__nav-placeholder,
    .site-header--mobile,
    .site-breadcrumb,
    .site-footer,
    #techtaranga_backToTop,
    #pcNavbar,
    .share-btn,
    .share-print-wrap,
    .col-lg-4,
    .sidebar-widget,
    .related-posts,
    .related-news,
    .comments-area,
    .comments-section,
    .article-comments-3d,
    .news-ticker-wrap,
    [data-sticky-nav],
    [data-sticky-nav-placeholder] {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    html,
    body {
        overflow: visible !important;
        background: #fff !important;
        color: #000 !important;
        margin: 0;
        padding: 0;
        font-size: 12pt;
        width: auto !important;
    }

    main {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 18mm 15mm 24mm !important;
    }

    section.py-4 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .container,
    .container-fluid {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .row {
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    .col-lg-8 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .single-article {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 0 20pt !important;
        box-sizing: border-box;
    }

    .print-masthead {
        margin: 0 0 14pt !important;
        padding: 0 0 10pt !important;
        border-bottom: 1pt solid #ccc;
    }

    .print-masthead__row {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12pt;
        margin-bottom: 4pt;
    }

    .print-masthead__site {
        font-size: 11pt;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .print-masthead__category {
        font-size: 10pt;
        color: #444;
    }

    .print-masthead__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10pt;
        font-size: 9.5pt;
        color: #444;
    }

    .print-footer {
        position: fixed;
        left: 15mm;
        right: 15mm;
        bottom: 8mm;
        display: flex !important;
        justify-content: space-between;
        gap: 12pt;
        padding: 6pt 0 0;
        border-top: 0.5pt solid #ccc;
        font-size: 8.5pt;
        color: #555;
        box-sizing: border-box;
    }

    .print-footer__url {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 70%;
    }

    .article-title {
        font-size: 22pt !important;
        line-height: 1.35 !important;
        color: #000 !important;
        page-break-after: avoid;
    }

    .article-header .article-meta,
    .category-badge {
        display: none !important;
    }

    .article-header {
        margin-bottom: 10pt !important;
    }

    .article-content,
    .story-details {
        font-size: 12pt !important;
        line-height: 1.65 !important;
        color: #000 !important;
        orphans: 3;
        widows: 3;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        column-count: var(--print-cols, 1);
        column-gap: 14pt;
        column-fill: balance;
        overflow: visible !important;
        box-sizing: border-box;
        text-align: justify;
    }

    .single-article.print-cols-3 .article-content,
    .single-article.print-cols-4 .article-content,
    .single-article.print-cols-3 .story-details,
    .single-article.print-cols-4 .story-details {
        font-size: 11pt !important;
        line-height: 1.55 !important;
    }

    .single-article.print-cols-2 .article-content,
    .single-article.print-cols-2 .story-details {
        column-gap: 16pt;
    }

    .single-article.print-cols-3 .article-content,
    .single-article.print-cols-3 .story-details {
        column-gap: 12pt;
    }

    .single-article.print-cols-4 .article-content,
    .single-article.print-cols-4 .story-details {
        column-gap: 10pt;
    }

    .article-content > *,
    .story-details > * {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }

    .article-content p,
    .story-details p {
        margin: 0 0 8pt !important;
        padding: 0 !important;
        text-align: justify !important;
        break-inside: avoid-column;
    }

    .article-content h1,
    .article-content h2,
    .article-content h3,
    .article-content h4,
    .article-content h5,
    .article-content h6,
    .article-content figure,
    .article-content img,
    .article-content table,
    .article-content blockquote,
    .article-content ul,
    .article-content ol,
    .story-details h1,
    .story-details h2,
    .story-details h3,
    .story-details h4,
    .story-details h5,
    .story-details h6,
    .story-details figure,
    .story-details img,
    .story-details table,
    .story-details blockquote,
    .story-details ul,
    .story-details ol {
        column-span: all;
        break-inside: avoid;
        margin: 10pt 0 6pt !important;
        page-break-after: avoid;
    }

    .article-content p,
    .story-details p {
        column-span: none;
        margin: 0 0 8pt !important;
    }

    .featured-image {
        margin: 0 0 12pt !important;
        padding: 0 !important;
        page-break-inside: avoid;
        overflow: hidden;
    }

    .single-article.print-hide-image .featured-image {
        display: none !important;
    }

    .featured-image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 100mm !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        object-fit: contain !important;
    }

    .article-content img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    .article-tags {
        display: none !important;
        margin-top: 12pt !important;
        page-break-inside: avoid;
    }

    .single-article.print-include-tags .article-tags {
        display: block !important;
    }

    .single-article.print-include-comments .comments-section {
        display: block !important;
        margin-top: 16pt !important;
        page-break-before: auto;
    }

    a {
        color: #000 !important;
        text-decoration: none !important;
    }

    @page {
        size: A4 portrait;
        margin: 0;
    }
}