/**
 * Insights Styles
 */

:root{
    --ln-height:52px;
}

/* Archive */
#insights-contents .entries .entry-item .entry{ display:flex; flex-direction:column; height:100%; }
#insights-contents .entries .entry-item .entry .entry-thumbnail{ display:block; aspect-ratio:16/9; width:100%; background-origin:border-box; box-sizing:border-box; border:1px solid rgba(0,0,0,.1); background-position:center center; background-size:cover; background-repeat:no-repeat; }
#insights-contents .entries a:hover,
#insights-contents .entries a:focus,
#insights-contents .entries a:active{ text-decoration:none; }
#insights-contents .entries .entry-content{ padding:18px 0 0; }
#insights-contents .entries .entry-content .entry-title{ color:var(--nx-grayscale-color-100); font-size:1.143em; font-weight:500; line-height:1.4; margin-bottom:8px; }
#insights-contents .entries .entry-content .entry-meta{ width:100%; display:flex; align-items:center; }
#insights-contents .entries .entry-content .entry-meta .posted-on{ font-size:0.857em; color:rgba(0,0,0,.54); }

/* Category List */
.insight-category-list .category-link{ transition:color 0.15s; }
.insight-category-list .category-link:hover{ color:var(--nx-primary-color); }

/* Single */
.single-insights .col-toc{ position:sticky; top:6rem; align-self:start; max-height:calc(100vh - 6rem); overflow-y:auto; }
.single-insights .col-toc .toc-list{ position:relative; }
.single-insights .col-toc .toc-list::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:#e5e5e5; }
.single-insights .toc-list .toc-indicator{ position:absolute; left:0; top:0; width:2px; background:#000; transition:transform 0.2s ease-out, height 0.2s ease-out, opacity 0.2s; opacity:0; pointer-events:none; }
.single-insights .toc-list li a{ font-size:0.875rem; display:block; line-height:1.45; padding:6px 18px; color:#666; transition:color 0.15s; }
.single-insights .toc-list li a:hover{ color:#000; }
.single-insights .toc-list li.toc-h3 a{ font-size:0.8125rem; padding-left:2rem; }
.single-insights .toc-list li a.active{ color:#000; }

/* Single Content */
#single .entry-container .entry-thumbnail{ aspect-ratio:16/9; background-position:center center; background-size:cover; background-repeat:no-repeat; margin-bottom:48px; }
#single .entry-content h1,
#single .entry-content h2,
#single .entry-content h3,
#single .entry-content h4,
#single .entry-content h5,
#single .entry-content h6,
#single .entry-content table,
#single .entry-content p,
#single .entry-content pre,
#single .entry-content ul,
#single .entry-content ol,
#single .entry-content blockquote,
#single .entry-content .wp-block-image,
#single .entry-content .wp-block-columns,
#single .entry-content .wp-block-separator{ width:640px; margin-left:auto; margin-right:auto; }
#single .entry-content p{ line-height:1.8; margin-bottom:1.5em; }
#single .entry-content h2{ font-size:1.5em; font-weight:600; margin-top:2em; margin-bottom:1em; padding-bottom:0.5em; border-bottom:1px solid #e5e5e5; }
#single .entry-content h3{ font-size:1.25em; font-weight:600; margin-top:1.5em; margin-bottom:0.75em; }
#single .entry-content ul,
#single .entry-content ol{ margin-bottom:1.5em; padding-left:1.5em; }
#single .entry-content li{ line-height:1.8; margin-bottom:0.5em; }
#single .entry-content a{ color:var(--nx-primary-color); text-decoration:underline; }
#single .entry-content a:hover{ text-decoration:none; }

/* Tags */
.tags ul{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.tags ul li a{ display:inline-block; padding:6px 12px; background:#f5f5f5; border-radius:4px; font-size:0.875rem; color:#666; transition:background 0.15s, color 0.15s; }
.tags ul li a:hover{ background:#e5e5e5; color:#000; text-decoration:none; }

/* Author */
#author{ gap:12px; }
#author-avatar img{ width:48px; height:48px; border-radius:50%; }
#author-description .fn a{ font-weight:500; color:var(--nx-grayscale-color-100); }

/* Pagination */
.pagination{ display:flex; justify-content:center; align-items:center; gap:12px; }
.pagination .pager-current{ font-size:0.875rem; color:#666; }
.btn-pager{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #e5e5e5; border-radius:4px; transition:border-color 0.15s, background 0.15s; }
.btn-pager:hover{ border-color:#000; background:#f5f5f5; }
.pager a.disabled .btn-pager{ opacity:0.3; pointer-events:none; }

/* Responsive */
@media only screen and (max-width:1023px) {
    #single .entry-content h1,
    #single .entry-content h2,
    #single .entry-content h3,
    #single .entry-content h4,
    #single .entry-content h5,
    #single .entry-content h6,
    #single .entry-content table,
    #single .entry-content p,
    #single .entry-content pre,
    #single .entry-content ul,
    #single .entry-content ol,
    #single .entry-content blockquote,
    #single .entry-content .wp-block-image,
    #single .entry-content .wp-block-columns,
    #single .entry-content .wp-block-separator{ width:100%; }

    #single .entry-container .entry-thumbnail{ margin-left:-1rem; margin-right:-1rem; width:calc(100% + 2rem); border-radius:0; }

    .single-insights .col-toc{ display:none; }
}