/* The list stays compact; opening a record reveals the complete saved review. */
.super-wrap {
  --star-ink: #233342;
  --star-muted: #677789;
  --star-line: #dce5e9;
  --star-green: #1e6659;
  --star-soft: #eef6f2;
  max-width: 1360px;
  margin: 0 auto;
  padding: 28px 32px 64px;
  color: var(--star-ink);
}
.super-wrap :is(a,button,input,select,summary):focus-visible { outline: 3px solid #369886; outline-offset: 3px; }
.super-wrap :is(summary,button,a) { -webkit-tap-highlight-color: rgba(30,102,89,.1); }
.star-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; }
.star-page-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.star-page-heading { display: flex; align-items: center; gap: 13px; min-width: 0; }
.star-page-symbol { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid #d2e5dc; border-radius: 14px; color: var(--star-green); background: var(--star-soft); }
.star-page-symbol svg { width: 30px; height: 30px; }
.star-page-header h1 { margin: 0; font-size: 29px; line-height: 1.3; letter-spacing: -.035em; }
.star-page-header p { margin: 4px 0 0; font-size: 13px; line-height: 1.6; color: var(--star-muted); }
.star-definition { position: relative; flex: 0 0 auto; font-size: 12px; z-index: 5; }
.star-definition>summary { display: flex; align-items: center; gap: 7px; min-height: 40px; padding: 7px 12px; border: 1px solid var(--star-line); border-radius: 8px; background: #fff; color: #536878; cursor: pointer; list-style: none; }
.star-definition>summary::after { content: '?'; display: grid; place-items: center; width: 16px; height: 16px; border: 1px solid #9cacb5; border-radius: 50%; font-size: 10px; }
.star-definition summary::-webkit-details-marker { display: none; }
.star-definition[open]>summary { border-color: #74a898; color: var(--star-green); background: var(--star-soft); }
.star-definition-body { position: absolute; right: 0; top: calc(100% + 8px); width: min(420px,calc(100vw - 32px)); max-height: 70vh; overflow: auto; padding: 18px 20px; border: 1px solid var(--star-line); border-radius: 12px; background: #fff; box-shadow: 0 12px 32px #152d4126; }
.star-definition-body p { margin: 0 0 12px; font-size: 13px; color: #445c6a; }
.star-definition-body p:last-child { margin-bottom: 0; }
.star-definition-body dl { padding: 12px 0; margin: 0 0 12px; border-block: 1px solid #e5ecef; }
.star-definition-body dl div { display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 8px; margin: 4px 0; }
.star-definition-body dt { color: var(--star-green); font-weight: 750; }
.star-definition-body dd { margin: 0; }
.super-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.super-stat { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 65px; border: 1px solid var(--star-line); border-radius: 10px; background: #fff; padding: 13px 20px; transition: background .15s,border-color .15s; }
.super-stat span { color: #5d6f7c; font-size: 13px; font-weight: 650; }
.super-stat strong { font-size: 24px; line-height: 1.3; font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: -.025em; white-space: nowrap; }
.super-stat:hover { border-color: #92b7aa; background: #f6faf8; }
.super-stat.active { color: #164f43; border-color: #79ab99; background: var(--star-soft); box-shadow: inset 0 -3px 0 #257961; }
.super-stat.active span { color: #215c4e; }
.super-toolbar { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
.super-toolbar label { min-width: 0; }
.star-search { position: relative; flex: 1; }
.star-search svg { position: absolute; top: 14px; left: 14px; width: 18px; height: 18px; stroke: #768a98; fill: none; stroke-width: 1.7; pointer-events: none; }
.super-toolbar input,.super-toolbar select { height: 46px; width: 100%; min-width: 0; border: 1px solid #cedbe1; border-radius: 8px; background: #fff; color: var(--star-ink); font-size: 14px; line-height: 1.5; }
.super-toolbar input { padding: 10px 12px 10px 41px; }
.super-toolbar input::placeholder { color: #85929e; }
.super-toolbar select { padding: 9px 32px 9px 12px; }
.star-type-filter { width: 220px; }
.super-toolbar button { min-width: 80px; height: 46px; padding: 8px 20px; border: 1px solid #1e6659; border-radius: 8px; color: #fff; background: #235f54; font-size: 14px; font-weight: 700; }
.super-toolbar button:hover { background: #164f43; }
.star-active-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 10px; font-size: 12px; }
.star-active-filters>span { padding: 3px 9px; background: #e8f1ee; border-radius: 5px; color: #2d6558; overflow-wrap: anywhere; }
.star-active-filters a { padding: 5px; color: #60778b; text-decoration: underline; text-underline-offset: 3px; }
.star-results-bar { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin: 23px 0 10px; }
.star-results-bar h2 { font-size: 15px; line-height: 1.4; margin: 0; font-weight: 750; }
.star-results-bar h2 span { margin-left: 9px; font-size: 12px; color: #6c7d8a; font-weight: 450; font-variant-numeric: tabular-nums; }
.star-results-bar>span { color: #758591; font-size: 11px; }
.star-list-heading,.star-row-main { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.08fr) minmax(0,1.08fr); column-gap: 28px; }
.star-list-heading { padding: 9px 22px; border-block: 1px solid #e0e8ec; font-size: 11px; font-weight: 700; color: #748793; background: #f3f7f8; border-radius: 7px 7px 0 0; }
.super-list { display: grid; gap: 10px; margin-top: 10px; }
.super-card { min-width: 0; border: 1px solid var(--star-line); border-radius: 10px; background: #fff; overflow-wrap: anywhere; transition: border-color .15s; }
.super-card:hover { border-color: #a7bfc3; }
.super-card.top-candidate { border-color: #91bba8; box-shadow: inset 3px 0 0 #338262; }
.star-record-summary { display: block; padding: 19px 22px 12px; cursor: pointer; list-style: none; border-radius: 10px; }
.star-record-summary::-webkit-details-marker { display: none; }
.star-record-summary::marker { content: ''; }
.star-record-summary:hover { background: #f9fcfb; }
.star-record[open]>.star-record-summary { background: #f4f9f6; border-bottom: 1px solid #dce8e2; border-radius: 10px 10px 0 0; }
.star-identity,.star-preview { min-width: 0; }
.star-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; font-size: 10px; line-height: 1.7; }
.super-tier { padding: 2px 7px; font-weight: 750; color: #566579; background: #edf1f5; border-radius: 4px; }
.top-candidate .super-tier { background: #dfefe5; color: #216545; }
.star-review-status { color: #81909c; }
.super-card[data-review-status="reviewed"] .star-review-status { color: #3a776b; }
.star-row-title { display: block; font-size: 16px; font-weight: 750; line-height: 1.55; letter-spacing: -.015em; }
.star-row-title a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.star-row-title a:hover,.star-row-title a:focus-visible { color: var(--star-green); text-decoration-color: #749e91; }
.star-row-meta { display: flex; align-items: center; gap: 8px; min-width: 0; color: #7b8996; font-size: 10px; margin-top: 6px; line-height: 1.6; }
.star-row-meta time { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.star-row-meta>span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.star-types { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.star-types>span { border-radius: 4px; background: #eff4f5; color: #5a7380; font-size: 10px; padding: 2px 6px; line-height: 1.6; }
.star-types .star-more-types { color: #8799a4; }
.star-preview { padding-top: 3px; }
.star-preview-label { display: none; }
.star-preview-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 13px; line-height: 1.85; color: #425b69; }
.star-preview-meaning .star-preview-text { color: #516775; }
.star-row-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 12px; padding-top: 10px; border-top: 1px solid #edf1f2; }
.star-caution { display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 11px; line-height: 1.7; color: #7f7560; }
.star-caution b { flex: 0 0 auto; color: #8c713c; font-size: 10px; font-weight: 650; }
.star-caution>span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.star-expand { display: inline-flex; align-items: center; justify-content: end; gap: 9px; flex: 0 0 auto; margin-left: auto; color: #386b5d; font-weight: 650; font-size: 11px; line-height: 1.8; }
.star-chevron { display: inline-block; width: 7px; height: 7px; margin: -4px 2px 0 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.when-open { display: none; }
.star-record[open] .when-closed { display: none; }
.star-record[open] .when-open { display: inline; }
.star-record[open] .star-chevron { transform: rotate(225deg); margin-top: 3px; }
.star-record-body { padding: 21px 24px 18px; }
.star-review-note { margin: 0 0 12px; font-size: 11px; line-height: 1.8; color: #718493; }
.star-headline { margin: 0 0 22px; font-size: 17px; line-height: 1.75; font-weight: 700; color: #295547; }
.star-detail-grid { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,1fr); gap: 28px; }
.star-reading-section { padding: 0 0 16px; margin-bottom: 16px; border-bottom: 1px solid #e6ecef; }
.star-reading-section:last-child { border-bottom: 0; margin-bottom: 0; }
.star-reading-section h3,.star-review-list h3,.star-source-quotes h3 { margin: 0 0 7px; font-size: 12px; line-height: 1.6; font-weight: 750; color: #3c675a; }
.star-reading-section p { margin: 0; font-size: 14px; line-height: 1.9; white-space: pre-wrap; }
.star-reading-section.missing p { color: #8896a2; font-size: 12px; }
.star-review-list { padding: 13px 16px; margin-bottom: 11px; background: #f6f8fa; border: 1px solid #e7edf0; border-radius: 7px; }
.star-review-list ul { padding-left: 17px; margin: 0; font-size: 13px; line-height: 1.85; color: #4e6677; }
.star-review-list li+li { margin-top: 7px; }
.star-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; color: #728391; font-size: 11px; }
.star-detail-meta .star-types { margin: 0; }
.super-evidence,.super-legacy { margin-top: 16px; border-top: 1px solid var(--star-line); padding-top: 12px; }
.super-evidence>summary,.super-legacy>summary { min-height: 32px; padding: 4px 0; cursor: pointer; color: #426a7c; font-size: 12px; font-weight: 650; }
.star-source-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 26px; margin-top: 12px; }
.super-statement h4 { font-size: 12px; margin: 0 0 9px; color: #3d6375; }
.super-statement ul { padding-left: 19px; font-size: 13px; line-height: 1.9; margin: 0 0 20px; }
.star-source-quotes blockquote { margin: 0 0 12px; padding: 12px 15px; border-left: 3px solid #b6ceca; background: #f4f8f7; font-size: 12px; line-height: 1.85; }
.star-source-quotes blockquote p { margin: 0; white-space: pre-wrap; }
.super-axes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.super-axis { background: #f6f8fb; border: 1px solid #e0e6ed; border-radius: 7px; padding: 13px; }
.super-axis.supported { background: #eff7f2; border-color: #c8e1d3; }
.super-axis header { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.super-axis header>span { font-size: 11px; font-weight: 700; }
.super-axis h3 { font-size: 12px; flex: 1; margin: 0; }
.super-axis header>b { font-size: 10px; color: #72818e; white-space: nowrap; }
.super-axis.supported header>b { color: #297a4e; }
.super-axis ul { padding-left: 17px; margin: 10px 0 0; font-size: 12px; line-height: 1.8; }
.super-axis blockquote { margin: 11px 0 0; border-left: 2px solid #a4c3b0; padding-left: 10px; font-size: 12px; }
.super-card footer { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; border-top: 1px solid var(--star-line); padding-top: 15px; margin-top: 15px; }
.super-card footer>span { font-size: 11px; color: #80909b; flex: 1; }
.super-card footer nav { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 12px; font-weight: 650; color: #3c6d7b; }
.super-card footer a { padding: 7px 10px; border: 1px solid #dfe8ec; border-radius: 6px; }
.super-card footer a:hover { background: #eff5f3; }
.super-pager { display: flex; justify-content: center; gap: 16px; margin-top: 22px; }
.super-pager a { min-height: 44px; padding: 8px 20px; border: 1px solid var(--star-line); border-radius: 7px; background: #fff; color: #3c6373; font-size: 13px; }
.star-list-note { color: #83919d; font-size: 11px; text-align: center; margin: 16px 0 0; }
.super-qualifiers { color: #897348; background: #fcf9f1; border: 1px solid #eadfc6; border-radius: 6px; font-size: 12px; margin-top: 10px; padding: 7px 12px; }
.super-qualifiers summary { cursor: pointer; }
.super-qualifiers p { margin: 8px 0 0; }
.super-doc-filter { padding: 8px 12px; margin: 0 0 12px; background: #edf4fa; color: #4f6b80; font-size: 12px; border-radius: 6px; }
.super-doc-filter a { text-decoration: underline; }
.super-empty { padding: 36px 20px; text-align: center; border: 1px dashed #ccd8df; border-radius: 9px; background: #fff; }
.star-empty-symbol { display: block; font-size: 36px; line-height: 1.2; color: #799792; }
.super-empty h2 { margin: 12px 0 6px; font-size: 17px; }
.super-empty p { margin: 0 0 15px; font-size: 13px; color: #7a8994; }
.super-empty a { display: inline-block; padding: 9px 16px; border: 1px solid #b9d0c6; border-radius: 7px; background: #f0f7f3; color: #316957; font-size: 13px; }
@media (max-width: 1050px) {
  .super-wrap { padding-inline: 22px; }
  .star-list-heading,.star-row-main { column-gap: 20px; grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); }
  .star-row-title { font-size: 15px; }
  .star-preview-text { font-size: 12px; -webkit-line-clamp: 4; }
  .super-card footer { align-items: flex-start; flex-direction: column; gap: 10px; }
}
@media (max-width: 760px) {
  .super-wrap { padding: 18px 12px 40px; }
  .star-page-header { gap: 12px; margin-bottom: 16px; }
  .star-page-heading { gap: 9px; }
  .star-page-header h1 { font-size: 25px; }
  .star-page-header p { font-size: 11px; line-height: 1.6; margin-top: 3px; }
  .star-page-symbol { width: 36px; height: 36px; flex-basis: 36px; border-radius: 10px; }
  .star-page-symbol svg { width: 24px; height: 24px; }
  .star-definition { font-size: 11px; }
  .star-definition>summary { padding: 6px 9px; min-height: 44px; gap: 5px; }
  .super-stats { gap: 6px; margin-bottom: 12px; }
  .super-stat { flex-direction: column; align-items: flex-start; gap: 4px; min-height: 68px; padding: 10px 11px; border-radius: 8px; }
  .super-stat span { font-size: 11px; white-space: nowrap; }
  .super-stat strong { font-size: clamp(17px, 5vw, 22px); letter-spacing: -.04em; }
  .super-toolbar { display: grid; grid-template-columns: minmax(0,1fr) 74px; gap: 7px; }
  .star-search { grid-column: 1/-1; }
  .star-type-filter { width: auto; }
  .super-toolbar button { min-width: 0; padding-inline: 16px; }
  .super-toolbar input,.super-toolbar select { font-size: 16px; height: 44px; }
  .super-toolbar select { font-size: 16px; }
  .super-toolbar button { height: 44px; }
  .star-search svg { top: 13px; }
  .star-results-bar { margin: 17px 1px 10px; }
  .star-results-bar h2 { font-size: 13px; }
  .star-results-bar h2 span { font-size: 11px; margin-left: 6px; }
  .star-results-bar>span { font-size: 10px; }
  .star-list-heading { display: none; }
  .super-list { margin-top: 0; gap: 12px; }
  .star-record-summary { padding: 15px 15px 11px; }
  .star-row-main { grid-template-columns: minmax(0,1fr); gap: 11px; }
  .star-badges { margin-bottom: 6px; font-size: 10px; }
  .star-row-title { font-size: 16px; line-height: 1.55; }
  .star-row-meta { font-size: 10px; margin-top: 4px; }
  .star-types { margin-top: 6px; }
  .star-types>span { font-size: 10px; padding-block: 1px; }
  .star-preview { display: grid; grid-template-columns: 71px minmax(0,1fr); gap: 10px; padding-top: 0; }
  .star-preview-label { display: block; padding-top: 1px; font-size: 11px; color: #638073; font-weight: 650; line-height: 1.8; }
  .star-preview-text { font-size: 13px; line-height: 1.75; -webkit-line-clamp: 2; }
  .star-row-bottom { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 12px; padding-top: 9px; }
  .star-caution { flex-basis: 100%; font-size: 11px; gap: 8px; }
  .star-expand { font-size: 10px; }
  .star-record-body { padding: 16px 15px 18px; }
  .star-headline { font-size: 15px; margin-bottom: 18px; }
  .star-detail-grid,.star-source-grid,.super-axes { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .star-reading-section h3,.star-review-list h3 { font-size: 12px; }
  .star-reading-section p { font-size: 13px; }
  .star-review-list { padding: 12px 13px; }
  .star-review-list ul { font-size: 12px; }
  .star-source-grid { gap: 16px; }
  .super-card footer nav { gap: 6px; }
  .super-card footer a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px; font-size: 12px; }
  .star-list-note { padding: 0 10px; font-size: 10px; }
}
@media (max-width: 360px) {
  .star-page-symbol { display: none; }
  .star-page-header h1 { font-size: 24px; }
  .super-stat { padding: 9px 8px; }
  .super-stat span { font-size: 10px; }
  .star-record-summary { padding-inline: 12px; }
  .star-preview { grid-template-columns: 65px minmax(0,1fr); gap: 7px; }
}
@media (prefers-reduced-motion: reduce) { .super-stat,.super-card { transition: none; } }
.star-inline-evidence { margin-top: 6px; min-width: 0; }
.star-inline-evidence>summary { cursor: pointer; font-size: 11px; color: #608080; }
.star-inline-evidence blockquote { margin: 8px 0; padding: 10px 13px; border-left: 2px solid #b0cdc2; background: #eef5f2; font-size: 12px; line-height: 1.8; color: #45625d; }
.star-inline-evidence blockquote p { margin: 0; font-size: 12px; white-space: pre-wrap; }

@media (max-width: 760px) { .super-evidence>summary,.super-legacy>summary,.star-inline-evidence>summary { min-height: 40px; padding-block: 8px; } }

/* Business direction is separate from the strength of the evidence. */
.star-directions { display: flex; align-items: center; gap: 7px; overflow-x: auto; margin: -4px 0 13px; padding: 2px 1px 6px; scrollbar-width: thin; }
.star-direction-tab { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 7px 13px; border: 1px solid #dce5e9; border-radius: 7px; background: #fff; color: #647789; font-size: 12px; line-height: 1.65; }
.star-direction-tab small { color: #8795a2; font-size: 11px; font-variant-numeric: tabular-nums; }
.star-direction-tab.active { border-color: #536a7b; background: #edf1f5; color: #344c60; font-weight: 750; }
.star-direction-tab.active small { color: inherit; }
.star-direction-tab[data-direction="upside"].active { border-color: #70a28d; background: #eaf5ef; color: #226c51; }
.star-direction-tab[data-direction="downside"].active { border-color: #7497c0; background: #edf3fd; color: #375f95; }
.star-direction-tab[data-direction="mixed"].active { border-color: #bea46b; background: #faf5e9; color: #8b7233; }
.star-direction-badge { padding: 2px 6px; border: 1px solid #e0e6ed; border-radius: 4px; color: #77828f; background: #f5f7f9; font-size: 10px; line-height: 1.65; font-weight: 700; }
.super-card[data-direction="upside"] .star-direction-badge { color: #2c7358; background: #edf8f1; border-color: #d2e9db; }
.super-card[data-direction="downside"] .star-direction-badge { color: #365f97; background: #eff4fd; border-color: #d4e0f1; }
.super-card[data-direction="mixed"] .star-direction-badge { color: #947531; background: #fcf7e9; border-color: #ece2c6; }
.super-card[data-direction="downside"].top-candidate { border-color: #92accd; box-shadow: inset 3px 0 0 #537fb8; }
.super-card[data-direction="mixed"].top-candidate { border-color: #c3b282; box-shadow: inset 3px 0 0 #a38a4a; }
.super-card[data-direction="undetermined"].top-candidate { border-color: #a7b3bf; box-shadow: inset 3px 0 0 #7d8e9f; }
.super-card[data-direction="downside"] .super-tier { color: #3f618f; background: #e8eff9; }
.super-card[data-direction="downside"] .star-record[open]>.star-record-summary { background: #f3f7fc; border-color: #dce5f1; }
.super-card[data-direction="downside"] .star-headline,.super-card[data-direction="downside"] .star-expand { color: #3c6293; }
.super-card[data-direction="downside"] .star-reading-section h3,.super-card[data-direction="downside"] .star-preview-label { color: #5375a0; }
.super-card[data-direction="downside"] .star-inline-evidence blockquote { background: #f1f5fb; border-color: #adc3e0; color: #4a6385; }
.super-wrap[data-direction="downside"] .super-stat.active { background: #eff4fb; color: #355b8e; border-color: #95afcf; box-shadow: inset 0 -3px 0 #5a83b4; }
.super-wrap[data-direction="downside"] .super-stat.active span { color: #456992; }
.super-wrap[data-direction="downside"] .super-toolbar button { background: #456c9e; border-color: #456c9e; }
@media (max-width: 760px) {
  .star-directions { gap: 5px; margin: -3px 0 9px; }
  .star-direction-tab { gap: 6px; padding: 7px 10px; min-height: 42px; font-size: 11px; }
  .star-direction-tab small { font-size: 10px; }
  .star-page-heading { flex: 1; }
  .star-page-header p { max-width: 245px; }
}