/* Research list page refinement v1 */
body.research-list-experience {
    --research-shell-max: 1440px;
    --research-shell-gutter: 36px;
    --research-section-gap: 18px;
    --research-card-radius: 10px;
    --research-line: #e4ebf1;
    --research-line-soft: #edf2f6;
    --research-text: #123554;
    --research-muted: #6e8194;
    --research-soft: #f7f9fb;
}

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

body.research-list-experience .nav-container {
    box-sizing: border-box;
    width: min(100%, var(--research-shell-max));
    max-width: var(--research-shell-max) !important;
    padding-inline: var(--research-shell-gutter) !important;
}

body.research-list-experience .page-header {
    margin-bottom: var(--research-section-gap);
    padding: 30px 34px 26px !important;
    border-radius: var(--research-card-radius) !important;
}

body.research-list-experience .header-title {
    margin-block: 4px 0 !important;
}

body.research-list-experience .header-subtitle,
body.research-list-experience .header-usage {
    margin-block: 0;
}

body.research-list-experience .header-guide-row {
    margin-block: 2px 0;
}

body.research-list-experience .header-answer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 2px;
    overflow: hidden;
    border: 1px solid var(--research-line);
    border-radius: var(--research-card-radius);
    background: var(--research-line);
}

body.research-list-experience .header-answer-card {
    min-height: 0;
    padding: 15px 17px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
}

body.research-list-experience .ai-citation-summary {
    margin-top: 4px;
    padding: 11px 14px;
}

body.research-list-experience .library-tabs-wrap {
    margin-bottom: 12px;
    padding: 13px 16px !important;
    border-color: var(--research-line) !important;
    border-radius: var(--research-card-radius) !important;
    background: #fff !important;
    box-shadow: none;
}

body.research-list-experience .library-tabs-label {
    margin-bottom: 10px;
}

body.research-list-experience .library-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px !important;
    overflow: hidden;
    border: 1px solid var(--research-line);
    border-radius: 8px;
    background: var(--research-line);
}

body.research-list-experience .library-tab {
    min-height: 0 !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none;
}

body.research-list-experience .library-tab:hover {
    border-color: transparent !important;
    background: #fbfcfe !important;
}

body.research-list-experience .library-tab.active {
    border-color: transparent !important;
    background: #eef5f8 !important;
}

body.research-list-experience .filter-panel {
    margin-bottom: 0;
    padding: 15px 18px 10px !important;
    border-color: var(--research-line) !important;
    border-radius: var(--research-card-radius) var(--research-card-radius) 0 0 !important;
    background: var(--research-soft) !important;
    box-shadow: none;
}

body.research-list-experience .filter-form {
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.35fr) auto;
    gap: 12px;
    align-items: end;
    margin-top: 10px;
}

body.research-list-experience .filter-field {
    gap: 4px;
}

body.research-list-experience .filter-field select {
    min-height: 44px;
    padding-block: 9px;
}

body.research-list-experience .filter-actions {
    flex-wrap: nowrap;
    gap: 8px;
}

body.research-list-experience .filter-btn,
body.research-list-experience .filter-reset {
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 8px;
    white-space: nowrap;
}

body.research-list-experience .tabs {
    margin-bottom: 14px !important;
    padding: 0 18px 14px;
    border: 1px solid var(--research-line);
    border-top: 0;
    border-radius: 0 0 var(--research-card-radius) var(--research-card-radius);
    background: var(--research-soft);
}

body.research-list-experience .tab-btn {
    min-height: 36px;
    border-color: var(--research-line) !important;
    background: #fff !important;
    color: var(--research-muted) !important;
}

body.research-list-experience .tab-btn.active {
    border-color: var(--research-text) !important;
    background: var(--research-text) !important;
    color: #fff !important;
}

body.research-list-experience .ai-advisor-banner {
    min-height: 0;
    margin-bottom: var(--research-section-gap);
    padding: 18px 22px;
    border: 1px solid var(--research-line);
    border-radius: var(--research-card-radius);
    box-shadow: none;
}

body.research-list-experience .ai-advisor-banner strong {
    margin-top: 8px;
}

body.research-list-experience .ai-advisor-banner p {
    margin-top: 5px;
}

body.research-list-experience .reader-steps {
    margin-top: 0;
    margin-bottom: var(--research-section-gap);
    padding: 16px 18px;
    border-color: var(--research-line);
    border-radius: var(--research-card-radius);
    box-shadow: none;
}

body.research-list-experience .reader-steps-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--research-line);
    border-radius: 8px;
    background: var(--research-line);
}

body.research-list-experience .reader-step-card {
    padding: 12px 14px;
    border: 0;
    border-radius: 0;
    background: #fff;
}

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

body.research-list-experience .list-header,
body.research-list-experience .list-row {
    grid-template-columns: 112px minmax(430px, 1fr) minmax(150px, 0.25fr) minmax(150px, 0.25fr) 112px;
}

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

body.research-list-experience .list-row {
    padding: 17px 16px;
    border-bottom: 1px solid var(--research-line-soft);
    background: #fff;
}

body.research-list-experience .list-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 8px;
    min-width: 0;
}

body.research-list-experience .list-title-main {
    flex-basis: 100%;
    min-width: 0;
    color: var(--research-text);
    font-size: 17px;
    line-height: 1.5;
}

body.research-list-experience .source-badge {
    order: 1;
    margin: 0;
}

body.research-list-experience .list-submeta {
    order: 2;
    margin: 0;
    min-width: 0;
    line-height: 1.45;
}

body.research-list-experience .semantic-row {
    order: 3;
    margin: 0;
    gap: 6px;
}

body.research-list-experience .list-title-main:hover,
body.research-list-experience .topic-link:hover,
body.research-list-experience .list-link:hover {
    color: #176b87;
}

body.research-list-experience .list-center,
body.research-list-experience .list-submeta,
body.research-list-experience .list-topic-cell,
body.research-list-experience .list-role-cell {
    color: var(--research-muted);
}

body.research-list-experience .topic-link {
    color: #49677f;
    text-decoration: underline;
    text-decoration-color: #c8d5df;
    text-underline-offset: 3px;
}

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

body.research-list-experience .list-link {
    color: #176b87;
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.research-list-experience #list-loading,
body.research-list-experience #list-empty {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: var(--research-section-gap);
    padding: 20px 16px !important;
    border: 1px solid var(--research-line);
    border-radius: var(--research-card-radius);
    background: #fff;
}

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

body.research-list-experience .post-list-guide,
body.research-list-experience .continue-reading,
body.research-list-experience .access-guide-card,
body.research-list-experience .research-faq,
body.research-list-experience .topic-exposure-strip {
    border: 1px solid var(--research-line) !important;
    border-radius: var(--research-card-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.research-list-experience .post-list-guide,
body.research-list-experience .continue-reading,
body.research-list-experience .research-faq,
body.research-list-experience .topic-exposure-strip {
    margin-top: var(--research-section-gap);
    padding: 16px 18px;
}

body.research-list-experience .access-guide-card {
    margin-top: var(--research-section-gap);
    margin-bottom: 0;
    padding: 16px 18px;
}

body.research-list-experience .guide-grid,
body.research-list-experience .continue-reading-links,
body.research-list-experience .research-faq-list {
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--research-line);
    border-radius: 8px;
    background: var(--research-line);
}

body.research-list-experience .guide-card,
body.research-list-experience .continue-reading-link,
body.research-list-experience .research-faq-item {
    padding: 13px 14px;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.research-list-experience .continue-reading-link:hover {
    transform: none;
    border-color: transparent;
    background: #fbfcfe !important;
    box-shadow: none;
}

body.research-list-experience .classroom-bridge-link {
    border-color: transparent !important;
    background: #f5f9fb !important;
}

@media (max-width: 1050px) {
    body.research-list-experience { --research-shell-gutter: 24px; }
    body.research-list-experience .header-answer-grid,
    body.research-list-experience .reader-steps-grid { grid-template-columns: 1fr; }
    body.research-list-experience .list-header,
    body.research-list-experience .list-row {
        grid-template-columns: 96px minmax(320px, 1fr) minmax(130px, 0.28fr) minmax(130px, 0.28fr) 96px;
    }
}

@media (max-width: 700px) {
    body.research-list-experience { --research-shell-gutter: 14px; }
    body.research-list-experience .page-shell { padding-top: 14px; padding-bottom: 48px; }
    body.research-list-experience .page-header { gap: 5px; padding: 21px 18px 19px; }
    body.research-list-experience .header-title { font-size: 30px; line-height: 1.22; }
    body.research-list-experience .header-subtitle,
    body.research-list-experience .header-usage { line-height: 1.55 !important; }
    body.research-list-experience .header-guide-chip,
    body.research-list-experience .header-stat { padding: 4px 8px; }
    body.research-list-experience .header-answer-card { padding: 10px 12px; }
    body.research-list-experience .header-answer-card strong { margin-bottom: 3px; }
    body.research-list-experience .header-answer-card p { line-height: 1.55; }
    body.research-list-experience .ai-citation-summary { padding-block: 8px; line-height: 1.55; }
    body.research-list-experience .reader-steps { margin-bottom: 8px; padding-block: 10px; }
    body.research-list-experience .reader-steps-grid { margin-top: 8px; }
    body.research-list-experience .reader-step-card { padding: 9px 11px; }
    body.research-list-experience .reader-step-card p { line-height: 1.5; }
    body.research-list-experience .header-answer-grid,
    body.research-list-experience .reader-steps-grid,
    body.research-list-experience .guide-grid,
    body.research-list-experience .continue-reading-links,
    body.research-list-experience .research-faq-list { grid-template-columns: 1fr; }
    body.research-list-experience .library-tabs { grid-template-columns: 1fr !important; }
    body.research-list-experience .library-tab {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr);
        gap: 6px;
        align-items: center;
        padding: 8px 10px !important;
    }
    body.research-list-experience .library-tab-desc { font-size: 11px; line-height: 1.45; }
    body.research-list-experience .filter-form { grid-template-columns: 1fr; }
    body.research-list-experience .filter-field,
    body.research-list-experience .filter-actions { width: 100%; }
}

@media (max-width: 901px) {
    body.research-list-experience .list-header { position: absolute; width: 1px; height: 1px; overflow: clip; clip-path: inset(50%); }
    body.research-list-experience .list-row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 9px 10px;
        padding: 17px 15px;
        border: 1px solid var(--research-line);
        border-radius: var(--research-card-radius);
    }
    body.research-list-experience .list-row + .list-row { margin-top: 10px; }
    body.research-list-experience .list-title { grid-column: 1 / -1; grid-row: 1; }
    body.research-list-experience .list-row > .list-center:first-child { grid-column: 1 / -1; grid-row: 2; justify-self: start; text-align: left; }
    body.research-list-experience .list-topic-cell { grid-column: 1 / 3; grid-row: 3; text-align: left; }
    body.research-list-experience .list-role-cell { grid-column: 3; grid-row: 3; text-align: right; }
    body.research-list-experience .list-row > .list-center:last-child { grid-column: 1 / -1; grid-row: 4; }
    body.research-list-experience .list-link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; }
    body.research-list-experience .list-title:not(:has(.list-title-main)) { display: block; grid-column: 1 / -1; }
}
/* End research list page refinement v1 */
