/* News list page refinement v1 */
body.news-list-experience {
    --news-shell-width: 1440px;
    --news-shell-gutter: 36px;
    --news-text: #102f4d;
    --news-muted: #63788d;
    --news-line: #dce5ec;
    --news-line-soft: #eaf0f4;
    --news-soft: #f5f8fa;
    --news-warm: #fff8f2;
    --news-accent: #ad5524;
    --news-link: #176b87;
    --news-radius: 16px;
    margin: 0;
    background: #f7f9fb;
    color: var(--news-text);
}

body.news-list-experience .nav-container,
body.news-list-experience .breadcrumb-container,
body.news-list-experience .page-shell,
body.news-list-experience .footer-container {
    box-sizing: border-box;
    width: min(100%, var(--news-shell-width));
    max-width: var(--news-shell-width);
    margin-inline: auto;
    padding-inline: var(--news-shell-gutter);
}

body.news-list-experience .main-navigation .nav-container {
    width: min(100%, var(--news-shell-width)) !important;
    max-width: var(--news-shell-width) !important;
    padding-inline: var(--news-shell-gutter) !important;
}

body.news-list-experience .breadcrumb-container {
    padding-top: 14px;
}

body.news-list-experience .page-shell {
    padding-top: 14px;
    padding-bottom: 32px;
}

body.news-list-experience .page-header {
    gap: 8px;
    margin-bottom: 12px;
    padding: 17px 20px;
    border-color: var(--news-line);
    border-radius: var(--news-radius);
    background: #fff;
}

body.news-list-experience .header-kicker,
body.news-list-experience .library-tabs-label,
body.news-list-experience .section-kicker {
    color: var(--news-accent);
}

body.news-list-experience .header-kicker::before,
body.news-list-experience .library-tabs-label::before,
body.news-list-experience .section-kicker::before {
    background: #df7b3f;
}

body.news-list-experience .header-title {
    color: var(--news-text);
    font-size: clamp(25px, 2.2vw, 32px);
    letter-spacing: -0.02em;
}

body.news-list-experience .header-subtitle,
body.news-list-experience .header-usage {
    color: var(--news-muted);
    line-height: 1.6;
}

body.news-list-experience .header-guide-row {
    gap: 6px;
}

body.news-list-experience .header-guide-chip {
    padding: 5px 10px;
    border-color: #ead8ca;
    background: var(--news-warm);
    color: #8d4b25;
}

body.news-list-experience .library-tabs-wrap {
    margin-bottom: 10px;
    padding: 11px 12px;
    border-color: var(--news-line);
    border-radius: var(--news-radius);
    background: #fff;
    box-shadow: none;
}

body.news-list-experience .library-tabs-label {
    margin-bottom: 9px;
}

body.news-list-experience .library-tabs {
    gap: 8px;
}

body.news-list-experience .library-tab {
    min-height: 68px;
    gap: 5px;
    padding: 10px 12px;
    border-color: var(--news-line);
    border-radius: 13px;
    background: #fff;
    color: var(--news-text);
}

body.news-list-experience .library-tab:hover {
    border-color: #c8d7e1;
    box-shadow: 0 8px 20px rgba(26, 64, 94, 0.08);
}

body.news-list-experience .library-tab.active {
    border-color: #d6b79f;
    background: var(--news-warm);
    box-shadow: none;
}

body.news-list-experience .library-tab-state {
    padding: 3px 8px;
    background: var(--news-soft);
    color: var(--news-muted);
}

body.news-list-experience .library-tab.active .library-tab-state {
    background: var(--news-accent);
    color: #fff;
}

body.news-list-experience .library-tab-title {
    color: var(--news-text);
    font-size: 16px;
}

body.news-list-experience .library-tab-desc {
    color: var(--news-muted);
    line-height: 1.45;
}

body.news-list-experience .tabs {
    margin-bottom: 10px;
}

body.news-list-experience .tab-btn {
    padding: 7px 13px;
    border-color: var(--news-line);
    color: var(--news-muted);
}

body.news-list-experience .tab-btn.active {
    border-color: #315f7c;
    background: #315f7c;
    color: #fff;
}

body.news-list-experience .filter-section {
    margin-bottom: 12px;
    padding: 12px 14px;
    border-color: var(--news-line);
    border-radius: var(--news-radius);
}

body.news-list-experience .filter-form {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) auto;
    gap: 10px;
    align-items: end;
}

body.news-list-experience .filter-field select,
body.news-list-experience .filter-btn,
body.news-list-experience .filter-reset {
    min-height: 42px;
    border-radius: 10px;
    font-family: inherit;
    font-size: 14px;
}

body.news-list-experience .filter-field select {
    border-color: var(--news-line);
    background: #fff;
    color: var(--news-text);
}

body.news-list-experience .filter-btn {
    border-color: #315f7c;
    background: #315f7c;
}

body.news-list-experience .filter-reset {
    border-color: var(--news-line);
    color: var(--news-muted);
}

body.news-list-experience .filter-result-note {
    margin-top: 8px;
    color: var(--news-muted);
}

body.news-list-experience .reader-steps {
    margin-bottom: 12px;
    padding: 14px 16px;
    border-color: var(--news-line);
    border-radius: var(--news-radius);
    background: #fff;
}

body.news-list-experience .reader-steps-grid {
    gap: 8px;
}

body.news-list-experience .reader-step-card {
    padding: 10px 12px;
    border-color: var(--news-line-soft);
    border-radius: 12px;
    background: var(--news-soft);
}

body.news-list-experience .reader-step-card p {
    color: var(--news-muted);
    line-height: 1.5;
}

body.news-list-experience .list-view {
    border-color: var(--news-line);
    border-radius: var(--news-radius);
    box-shadow: none;
}

body.news-list-experience .list-header,
body.news-list-experience .list-row {
    grid-template-columns: 116px 150px minmax(360px, 1fr) minmax(220px, 0.58fr) 112px;
    gap: 12px;
}

body.news-list-experience .list-header {
    padding: 11px 16px;
    border-color: var(--news-line);
    background: var(--news-soft);
    color: var(--news-muted);
}

body.news-list-experience .list-row {
    padding: 15px 16px;
    border-color: var(--news-line-soft);
    background: #fff;
}

body.news-list-experience .list-time {
    color: var(--news-muted);
    line-height: 1.45;
}

body.news-list-experience .list-company {
    align-items: flex-start;
    text-align: left;
}

body.news-list-experience .company-name,
body.news-list-experience .list-title {
    color: var(--news-text);
}

body.news-list-experience .company-code {
    color: var(--news-muted);
}

body.news-list-experience .list-title {
    font-size: 16px;
    line-height: 1.55;
}

body.news-list-experience .list-title a:hover,
body.news-list-experience .view-btn:hover {
    color: var(--news-link);
}

body.news-list-experience .source-badge,
body.news-list-experience .semantic-chip {
    border-color: var(--news-line);
    background: var(--news-soft);
    color: var(--news-muted);
}

body.news-list-experience .semantic-row {
    gap: 6px;
    margin-top: 7px;
}

body.news-list-experience .semantic-chip.impact {
    border-color: #ead8ca;
    background: var(--news-warm);
    color: #965024;
}

body.news-list-experience .semantic-chip.risk {
    border-color: #efcaca;
    background: #fff5f5;
    color: #a43b3b;
}

body.news-list-experience .list-use-case {
    margin-top: 7px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--news-muted);
    font-weight: 500;
    line-height: 1.5;
}

body.news-list-experience .list-highlight {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    -webkit-box-orient: initial;
    color: var(--news-muted);
    font-size: 12.5px;
    line-height: 1.55;
}

body.news-list-experience .list-highlight strong {
    font-weight: 500;
}

body.news-list-experience .view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 12px;
    border-color: #bfd1dc;
    border-radius: 10px;
    background: #fff;
    color: var(--news-link);
    text-decoration: none;
}

body.news-list-experience .card-view {
    margin-top: 0;
}

body.news-list-experience .date-group {
    margin-top: 12px;
}

body.news-list-experience .date-title {
    color: var(--news-muted);
}

body.news-list-experience .featured-grid {
    gap: 10px;
}

body.news-list-experience .news-card {
    border-color: var(--news-line);
    border-radius: var(--news-radius);
    background: #fff;
    box-shadow: none;
}

body.news-list-experience .news-card:hover {
    border-color: #c8d7e1;
    box-shadow: 0 8px 20px rgba(26, 64, 94, 0.08);
}

body.news-list-experience .news-title,
body.news-list-experience .value-text {
    overflow: visible;
    -webkit-line-clamp: unset;
}

body.news-list-experience .news-footer-meta,
body.news-list-experience .value-text {
    color: var(--news-muted);
}

body.news-list-experience .value-cta-line {
    border-color: var(--news-line-soft);
}

body.news-list-experience .cta-pointer {
    color: var(--news-link);
}

body.news-list-experience .pagination-row {
    margin-top: 14px;
}

body.news-list-experience .post-list-guide,
body.news-list-experience .continue-reading,
body.news-list-experience .news-faq,
body.news-list-experience .topic-exposure-strip {
    border-color: var(--news-line);
    border-radius: var(--news-radius);
    background: #fff;
    box-shadow: none;
}

body.news-list-experience .continue-reading-link,
body.news-list-experience .guide-card,
body.news-list-experience .news-faq-item {
    border-color: var(--news-line-soft);
    background: var(--news-soft);
}

@media (max-width: 1050px) {
    body.news-list-experience {
        --news-shell-gutter: 24px;
    }

    body.news-list-experience .filter-form {
        grid-template-columns: 1fr 1fr;
    }

    body.news-list-experience .filter-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 901px) {
    body.news-list-experience .page-header {
        padding: 15px 16px;
    }

    body.news-list-experience .library-tabs-wrap {
        padding: 10px;
    }

    body.news-list-experience .library-tabs {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    body.news-list-experience .library-tab {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        align-items: center;
        min-height: 0;
        gap: 6px;
        padding: 8px 10px;
    }

    body.news-list-experience .library-tab-desc {
        font-size: 11px;
    }

    body.news-list-experience .filter-form {
        grid-template-columns: 1fr;
    }

    body.news-list-experience .filter-actions {
        grid-column: auto;
    }

    body.news-list-experience .reader-steps {
        padding: 12px;
    }

    body.news-list-experience .reader-steps-grid {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    body.news-list-experience .reader-step-card {
        padding: 8px 10px;
    }

    body.news-list-experience .reader-step-card p {
        margin-top: 3px;
    }

    body.news-list-experience .list-row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 9px 10px;
        margin-top: 10px;
        padding: 15px;
        border: 1px solid var(--news-line);
        border-radius: var(--news-radius);
    }

    body.news-list-experience .list-row > .list-title {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    body.news-list-experience .list-row > .list-company {
        grid-column: 1 / 3;
        grid-row: 2;
        align-self: center;
    }

    body.news-list-experience .list-row > .list-time {
        grid-column: 3;
        grid-row: 2;
        align-self: center;
        text-align: right;
    }

    body.news-list-experience .list-row > .list-highlight {
        grid-column: 1 / -1;
        grid-row: 3;
        padding-top: 8px;
        border-top: 1px solid var(--news-line-soft);
    }

    body.news-list-experience .list-row > .list-center:last-child {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    body.news-list-experience .view-btn {
        display: flex;
        width: 100%;
        min-height: 44px;
        box-sizing: border-box;
    }
}

@media (max-width: 700px) {
    body.news-list-experience {
        --news-shell-gutter: 14px;
    }

    body.news-list-experience .breadcrumb-container {
        padding-top: 10px;
    }

    body.news-list-experience .page-shell {
        padding-top: 10px;
    }

    body.news-list-experience .page-header {
        gap: 7px;
        margin-bottom: 10px;
        padding: 14px;
    }

    body.news-list-experience .header-title {
        font-size: 24px;
    }

    body.news-list-experience .header-guide-chip {
        padding: 4px 8px;
        font-size: 11px;
    }

    body.news-list-experience .library-tab-title {
        font-size: 14px;
    }

    body.news-list-experience .filter-section {
        padding: 11px 12px;
    }

    body.news-list-experience .section-title {
        font-size: 19px;
    }

    body.news-list-experience .section-desc {
        line-height: 1.5;
    }

    body.news-list-experience .reader-step-card {
        display: grid;
        grid-template-columns: 108px minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        padding: 7px 9px;
    }

    body.news-list-experience .reader-step-card p {
        margin-top: 0;
        font-size: 12px;
        line-height: 1.4;
    }

    body.news-list-experience .list-row {
        margin-top: 9px;
        padding: 14px;
    }

    body.news-list-experience .list-title {
        font-size: 16px;
        line-height: 1.5;
    }

    body.news-list-experience .featured-grid {
        grid-template-columns: 1fr;
    }

    body.news-list-experience .news-card {
        padding: 14px;
    }
}
/* End news list page refinement v1 */