/* Model comparison directory: neutral surfaces and one indigo accent. */
.atlas-home .comparison-directory {padding:72px 0 32px;background:#fff;border-bottom:1px solid var(--home-line);overflow:visible}
.atlas-home .comparison-directory>.site-container {max-width:1440px;width:calc(100% - 80px)}
.comparison-directory .directory-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.comparison-directory .directory-heading h2 {margin:8px 0 0;font-size:28px;line-height:1.4;letter-spacing:-.04em;color:var(--home-ink)}
.comparison-directory .directory-heading .eyebrow {font-size:12px;letter-spacing:.12em;color:var(--home-muted)}
.comparison-toolbar {display:flex;align-items:center;justify-content:space-between;gap:24px}
.directory-view-switch {display:flex;align-items:center;padding:4px;border:1px solid var(--home-line);border-radius:12px;background:var(--home-paper)}
.directory-view-switch button {display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 26px;border:0;border-radius:8px;background:transparent;color:var(--home-muted);font-size:14px;font-weight:600;white-space:nowrap;transition:background .16s,color .16s}
.directory-view-switch button[aria-pressed=true] {background:var(--home-iris);color:#fff}
.directory-view-switch button:hover:not([aria-pressed=true]) {background:#eae9ef;color:var(--home-ink)}
.atlas-home .comparison-directory .directory-search {width:340px;max-width:100%;min-height:46px;flex:none;gap:10px;margin:0;padding:0 14px;background:#fff;border:1px solid var(--home-line);border-radius:10px;box-shadow:none;color:var(--home-muted)}
.comparison-directory .directory-search input {width:100%;min-width:0;font-size:13px}
.comparison-filters {display:flex;align-items:center;gap:12px;min-height:66px;padding:9px 0;border-bottom:1px solid var(--home-line)}
.comparison-protocols {display:flex;align-items:center;gap:5px;min-width:0}
.comparison-protocols button {display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--home-muted);font-size:12px;white-space:nowrap;transition:background .16s,color .16s}
.comparison-protocols button[aria-pressed=true] {color:var(--home-iris-deep);background:var(--home-iris-soft)}
.comparison-protocols button:hover {background:var(--home-paper)}
.comparison-protocols [data-saved-only] {margin-left:7px;border-left:1px solid var(--home-line);border-radius:0 7px 7px 0}
.comparison-count {margin-left:auto;color:var(--home-muted);font-size:12px;white-space:nowrap}
.comparison-count strong {font-weight:600;color:var(--home-ink)}
.directory-model-index {position:sticky;top:84px;z-index:40;padding:12px 0;background:#fff;border-bottom:1px solid var(--home-line)}
.directory-model-index.is-stuck {box-shadow:0 7px 14px -14px rgba(35,34,40,.4)}
.directory-index-scroll {display:flex;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d8d7e3 transparent;padding:2px 0}
.directory-index-scroll a {display:inline-flex;align-items:center;gap:9px;min-height:36px;flex:none;padding:0 14px;border-radius:7px;color:var(--home-muted);font-size:13px;font-weight:600;white-space:nowrap;transition:background .16s,color .16s}
.directory-index-scroll a:hover {background:var(--home-paper);color:var(--home-ink)}
.directory-index-scroll a[aria-current=true] {background:var(--home-iris-soft);color:var(--home-iris-deep)}
.directory-index-scroll small {font-size:12px;font-weight:500;opacity:.8}
.comparison-section {padding:0 0 24px;scroll-margin-top:52px}
.comparison-section+.comparison-section {padding-top:8px}
.comparison-section-head {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:16px 0}
.comparison-model-title {display:flex;align-items:center;gap:10px;min-width:0;color:var(--home-ink);flex-wrap:wrap}
.comparison-model-title>svg {flex:none;color:var(--home-iris)}
.comparison-model-title h3 {margin:0;font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}
.comparison-all {display:inline-flex;align-items:center;gap:4px;color:var(--home-muted);font-size:12px;white-space:nowrap}
.comparison-all:hover {color:var(--home-iris)}
.comparison-section-count {padding-left:10px;border-left:1px solid var(--home-line);color:var(--home-muted);font-size:12px;white-space:nowrap}
.comparison-sort {display:inline-flex;align-items:center;gap:7px;position:relative;min-height:40px;flex:none;padding:0 12px;border:1px solid var(--home-line);border-radius:8px;color:var(--home-muted);background:#fff;font-size:12px;white-space:nowrap}
.comparison-sort select {appearance:none;border:0;background:transparent;padding:8px 18px 8px 0;color:var(--home-ink);font:inherit;cursor:pointer;max-width:155px}
.comparison-sort>svg {position:absolute;right:10px;transform:rotate(90deg);pointer-events:none}
.comparison-scroll {overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d8d7e3 #f8f8fa;border-bottom:1px solid var(--home-line)}
.comparison-table {width:100%;min-width:940px;border-collapse:collapse;table-layout:fixed;text-align:left;color:var(--home-ink);font-size:13px}
.comparison-table th {height:45px;background:#f7f7f9;color:var(--home-muted);font-size:12px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--home-line)}
.comparison-table td {height:72px;border-bottom:1px solid var(--home-line);background:#fff}
.comparison-table tbody tr:last-child td {border-bottom:0}
.comparison-table th,.comparison-table td {padding:10px 18px;vertical-align:middle}
.comparison-table th:first-child {width:27%}
.comparison-table th:nth-child(2) {width:13%}
.comparison-table th:nth-child(3) {width:11%}
.comparison-table th:nth-child(4) {width:17%}
.comparison-table th:nth-child(5),.comparison-table th:nth-child(6) {width:9%}
.comparison-table th:last-child {width:14%}
.comparison-table th>span {display:inline-flex;vertical-align:middle;color:#85848e;cursor:help}
.comparison-table tbody tr:hover td {background:#fafafd}
.comparison-identity {display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.comparison-station {display:flex;align-items:center;gap:12px;min-width:0}
.comparison-logo {display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:1px solid #e4e2f7;border-radius:9px;background:var(--home-iris-soft);color:var(--home-iris);font-size:15px;font-weight:600}
.comparison-station-copy {display:flex;flex-direction:column;min-width:0;gap:3px}
.comparison-station-copy strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:var(--home-ink)}
.comparison-station:hover strong {color:var(--home-iris)}
.comparison-station-copy small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--home-muted)}
.comparison-identity .favorite {width:34px;height:36px;min-width:34px;flex:none;color:#8b8997}
.comparison-identity .favorite[aria-pressed=true] {color:var(--home-iris);background:var(--home-iris-soft)}
.comparison-number {font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}
.comparison-number small {color:var(--home-muted);font-size:12px;font-weight:400}
.comparison-credit {font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}
.comparison-credit i {margin:0 3px;color:#85848e;font-style:normal}
.comparison-sub {display:block;margin-top:4px;color:var(--home-muted);font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap}
.comparison-group {font-size:13px}
.comparison-missing {color:#92919a;font-weight:400}
.comparison-table .status-pill {font-size:12px;white-space:nowrap}
.comparison-more {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border:0;border-bottom:1px solid var(--home-line);background:#fff;color:var(--home-muted);font-size:12px}
.comparison-more>svg {transform:rotate(90deg)}
.comparison-more[aria-expanded=true]>svg {transform:rotate(-90deg)}
.comparison-more:hover {background:#fafafd;color:var(--home-iris)}
.comparison-unassigned-note {margin:-8px 0 16px;font-size:12px;color:var(--home-muted)}
.comparison-station-options {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;font-size:12px;color:var(--home-muted)}
.comparison-data-note {display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:17px 0 0;border-top:1px solid var(--home-line);color:var(--home-muted);font-size:12px;line-height:1.8}
.comparison-data-note>svg {flex:none;margin-top:3px}
.comparison-data-note p {margin:0}
.comparison-data-note a {display:inline-flex;align-items:center;gap:5px;flex:none;margin-left:auto;color:var(--home-iris)}
.comparison-directory .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1024px) {
  .atlas-home .comparison-directory>.site-container {width:calc(100% - 48px)}
  .comparison-table th,.comparison-table td {padding-left:14px;padding-right:14px}
}
@media(max-width:760px) {
  .atlas-home .comparison-directory {padding-top:48px}
  .atlas-home .comparison-directory>.site-container {width:calc(100% - 32px)}
  .comparison-directory .directory-heading {gap:12px;margin-bottom:24px}
  .comparison-directory .directory-heading h2 {font-size:23px}
  .comparison-directory .directory-heading .text-link {font-size:12px;white-space:nowrap}
  .comparison-toolbar {align-items:stretch;flex-direction:column;gap:12px}
  .directory-view-switch button {flex:1;padding:0 16px}
  .atlas-home .comparison-directory .directory-search {width:100%;min-height:44px}
  .comparison-filters {flex-wrap:wrap;gap:4px 8px;padding:12px 0}
  .comparison-protocols {width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
  .comparison-protocols button {min-height:44px;padding:0 11px}
  .comparison-count {margin-left:0;margin-right:auto;min-height:28px;display:flex;align-items:center;gap:4px}
  .directory-model-index {top:72px;padding:8px 0}
  .directory-index-scroll a {min-height:40px;font-size:12px;padding:0 12px}
  .comparison-section {scroll-margin-top:54px;padding-bottom:16px}
  .comparison-section-head {flex-wrap:wrap;gap:10px;min-height:90px;padding:18px 0 12px}
  .comparison-model-title {gap:8px;flex:1 0 100%}
  .comparison-model-title h3 {font-size:17px}
  .comparison-section-count {margin-left:auto;font-size:12px}
  .comparison-sort {min-height:38px;padding-left:10px}
  .comparison-scroll {border:1px solid var(--home-line);border-radius:8px}
  .comparison-table {min-width:900px}
  .comparison-table th:first-child {width:180px}
  .comparison-table th:nth-child(2) {width:130px}
  .comparison-table th:nth-child(3) {width:110px}
  .comparison-table th:nth-child(4) {width:160px}
  .comparison-table th:nth-child(5) {width:90px}
  .comparison-table th:nth-child(6) {width:100px}
  .comparison-table th:last-child {width:130px}
  .comparison-table th:first-child,.comparison-table td:first-child {position:sticky;left:0;z-index:2;border-right:1px solid var(--home-line)}
  .comparison-table th:first-child {z-index:3}
  .comparison-table th,.comparison-table td {padding-left:12px;padding-right:12px}
  .comparison-identity {gap:4px}
  .comparison-station {gap:8px}
  .comparison-logo {width:27px;height:27px;border-radius:7px;font-size:13px}
  .comparison-station-copy strong {font-size:13px}
  .comparison-station-copy small {font-size:12px}
  .comparison-identity .favorite {min-width:30px;width:30px;height:44px}
  .comparison-more {min-height:48px}
  .comparison-data-note {flex-wrap:wrap;font-size:12px}
  .comparison-data-note p {flex:1}
  .comparison-data-note a {margin-left:24px;width:100%}
  .comparison-station-options {align-items:flex-start;padding:18px 0;flex-direction:column;gap:10px}
}
@media(max-width:380px) {
  .comparison-directory .directory-heading h2 {font-size:20px}
  .comparison-directory .directory-heading .eyebrow {font-size:12px}
  .comparison-directory .directory-heading .text-link {gap:3px}
  .comparison-model-title {gap:6px}
  .comparison-section-count {padding-left:6px}
}
@media(prefers-reduced-motion:reduce) {.comparison-directory * {scroll-behavior:auto;transition:none}}

/* Summary layer: the detailed table stays available on demand. */
.comparison-detail-toggle { display:none; }
.comparison-directory .comparison-number,.comparison-directory .comparison-credit { font-variant-numeric:tabular-nums; }
.history-empty { font-size:12px; color:#6f6e78; margin-top:8px; }
.history-empty summary { cursor:pointer; line-height:1.6; }
.comparison-directory [hidden] { display:none !important; }
@media(max-width:760px) {
 .comparison-detail-toggle { display:block; margin:12px 16px; padding:8px 12px; border:1px solid #e6e6ea; border-radius:8px; background:#fff; color:#4a44b8; font-size:12px; cursor:pointer; }
 .comparison-scroll:not(.show-full-comparison) .comparison-table { display:block; min-width:0; width:100%; }
 .comparison-scroll:not(.show-full-comparison) :is(thead,colgroup) { display:none; }
 .comparison-scroll:not(.show-full-comparison) tbody { display:block; }
 .comparison-scroll:not(.show-full-comparison) tr { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:16px; gap:12px; border-top:1px solid #e6e6ea; }
 .comparison-scroll:not(.show-full-comparison) td { display:none; height:auto; width:auto; min-width:0; padding:0; border:0; position:static; background:transparent; }
 .comparison-scroll:not(.show-full-comparison) td:first-child { display:block; width:auto; min-width:0; }
 .comparison-scroll:not(.show-full-comparison) td:nth-child(3) { display:block; text-align:right; font-size:16px; }
 .comparison-scroll:not(.show-full-comparison) td:nth-child(3)::before { content:'参考倍率'; display:block; font-size:12px; color:#6f6e78; }
 .comparison-scroll:not(.show-full-comparison) td:last-child { display:block; grid-column:1/-1; }
 .comparison-scroll:not(.show-full-comparison) .comparison-station { min-width:0; }
 .comparison-directory :is(.comparison-sub,.comparison-station-copy small,.comparison-section-count,.directory-index-scroll small) { font-size:12px; }
 .comparison-section-head { flex-wrap:wrap; gap:12px; }
 .comparison-model-title { min-width:0; flex-wrap:wrap; }
 .comparison-model-title h3 { overflow-wrap:anywhere; }
}