Spaces:
Running
Running
| .explore-more-section { | |
| margin: 24px 0 40px; | |
| padding: 24px; | |
| border: 1px solid var(--line); | |
| border-radius: 16px; | |
| background: var(--surface); | |
| box-shadow: var(--shadow); | |
| scroll-margin-top: 20px; | |
| } | |
| .explore-more-header { | |
| padding-bottom: 18px; | |
| display: flex; | |
| align-items: end; | |
| justify-content: space-between; | |
| gap: 24px; | |
| border-bottom: 1px solid var(--line); | |
| } | |
| .explore-more-header .eyebrow { | |
| margin-bottom: 6px; | |
| } | |
| .explore-more-header h2 { | |
| margin: 0; | |
| color: var(--ink); | |
| font-family: var(--serif); | |
| font-size: 27px; | |
| font-weight: 500; | |
| } | |
| .explore-more-description { | |
| margin: 7px 0 0; | |
| color: var(--muted); | |
| font-size: 12px; | |
| } | |
| .explore-more-header-actions { | |
| min-width: 0; | |
| display: flex; | |
| align-items: end; | |
| gap: 10px; | |
| } | |
| .explore-document-select { | |
| min-width: 240px; | |
| display: grid; | |
| gap: 5px; | |
| } | |
| .explore-document-select > span { | |
| color: var(--muted); | |
| font-size: 10px; | |
| font-weight: 650; | |
| text-transform: uppercase; | |
| } | |
| .explore-document-select select, | |
| .explore-topic-search input { | |
| width: 100%; | |
| min-width: 0; | |
| min-height: 40px; | |
| padding: 8px 10px; | |
| border: 1px solid var(--line-strong); | |
| border-radius: 8px; | |
| background: var(--surface); | |
| color: var(--ink); | |
| font: inherit; | |
| font-size: 12px; | |
| } | |
| .explore-document-select select:focus-visible, | |
| .explore-topic-search input:focus-visible { | |
| outline: 3px solid color-mix(in srgb, var(--forest) 24%, transparent); | |
| outline-offset: 1px; | |
| border-color: var(--forest); | |
| } | |
| .explore-more-grid { | |
| margin-top: 16px; | |
| display: grid; | |
| grid-template-columns: minmax(250px, 1.05fr) minmax(280px, 1.15fr) minmax(250px, 1fr); | |
| align-items: start; | |
| gap: 14px; | |
| } | |
| .explore-document-panel, | |
| .explore-topic-panel, | |
| .explore-topic-details { | |
| min-width: 0; | |
| padding: 18px; | |
| border: 1px solid var(--line); | |
| border-radius: 12px; | |
| background: var(--surface); | |
| box-shadow: var(--shadow-soft); | |
| } | |
| .explore-document-panel { | |
| color: var(--ink-soft); | |
| } | |
| .explore-panel-heading { | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| gap: 10px; | |
| } | |
| .explore-panel-heading .eyebrow { | |
| margin: 0; | |
| } | |
| .explore-panel-heading h3 { | |
| margin: 4px 0 0; | |
| color: var(--ink); | |
| font-family: var(--serif); | |
| font-size: 18px; | |
| font-weight: 500; | |
| } | |
| .explore-document-title { | |
| margin: 13px 0 9px; | |
| color: var(--ink); | |
| font-family: var(--serif); | |
| font-size: 21px; | |
| font-weight: 500; | |
| line-height: 1.28; | |
| overflow-wrap: anywhere; | |
| } | |
| .explore-document-facts { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 6px 8px; | |
| color: var(--muted); | |
| font-size: 10px; | |
| line-height: 1.45; | |
| } | |
| .explore-document-facts > * { | |
| padding: 4px 8px; | |
| border: 1px solid var(--line); | |
| border-radius: 7px; | |
| background: var(--surface-muted); | |
| } | |
| .explore-document-number { | |
| color: var(--forest-dark); | |
| font-family: var(--mono); | |
| } | |
| .explore-source-link { | |
| margin-top: 9px; | |
| display: inline-block; | |
| color: var(--forest-dark); | |
| font-size: 11px; | |
| font-weight: 650; | |
| text-underline-offset: 3px; | |
| } | |
| .explore-document-abstract, | |
| .explore-agencies, | |
| .explore-briefs { | |
| margin-top: 16px; | |
| padding-top: 13px; | |
| border-top: 1px solid var(--line); | |
| } | |
| .explore-subheading { | |
| margin: 0 0 8px; | |
| display: flex; | |
| align-items: baseline; | |
| justify-content: space-between; | |
| gap: 8px; | |
| } | |
| .explore-subheading h4 { | |
| margin: 0; | |
| color: var(--ink); | |
| font-size: 12px; | |
| font-weight: 700; | |
| } | |
| .explore-subheading span { | |
| color: var(--muted); | |
| font-family: var(--mono); | |
| font-size: 10px; | |
| } | |
| .explore-document-abstract > p, | |
| .explore-brief-lede, | |
| .explore-executive-brief > p { | |
| margin: 0; | |
| color: var(--ink-soft); | |
| font-size: 12px; | |
| line-height: 1.6; | |
| overflow-wrap: anywhere; | |
| } | |
| .explore-agency-list { | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 7px; | |
| list-style: none; | |
| } | |
| .explore-agency-chip { | |
| max-width: 100%; | |
| padding: 6px 9px; | |
| border: 1px solid transparent; | |
| border-radius: 8px; | |
| font-size: 10px; | |
| line-height: 1.35; | |
| overflow-wrap: anywhere; | |
| } | |
| .explore-agency-chip--0 { background: #e7f1f3; border-color: #c6e0e5; color: #275b69; } | |
| .explore-agency-chip--1 { background: #edf3e9; border-color: #d5e5ca; color: #426443; } | |
| .explore-agency-chip--2 { background: #f8eee8; border-color: #eed8cb; color: #8c4d36; } | |
| .explore-agency-chip--3 { background: #eef0f6; border-color: #d6dbea; color: #485b7b; } | |
| .explore-agency-chip--4 { background: #f4f0e4; border-color: #e6ddc2; color: #75602f; } | |
| .explore-agency-chip--5 { background: #e9f2ef; border-color: #cde2d9; color: #35675b; } | |
| .explore-document-terms { | |
| margin-top: 14px; | |
| } | |
| .explore-document-terms > summary, | |
| .explore-brief-details > summary { | |
| width: fit-content; | |
| color: var(--forest-dark); | |
| font-size: 11px; | |
| font-weight: 650; | |
| cursor: pointer; | |
| } | |
| .explore-topic-panel { | |
| padding: 16px; | |
| } | |
| .explore-topic-search { | |
| margin: 12px 0 8px; | |
| display: block; | |
| } | |
| .explore-topic-search input { | |
| min-height: 38px; | |
| font-size: 11px; | |
| } | |
| .explore-topic-list { | |
| max-height: 650px; | |
| margin: 0; | |
| padding: 0; | |
| overflow: auto; | |
| list-style: none; | |
| scrollbar-color: var(--line-strong) transparent; | |
| scrollbar-width: thin; | |
| } | |
| .explore-topic-list li + li { | |
| border-top: 1px solid var(--line); | |
| } | |
| .explore-topic-option { | |
| width: 100%; | |
| min-width: 0; | |
| padding: 10px 9px; | |
| display: grid; | |
| gap: 5px; | |
| border: 0; | |
| border-left: 3px solid transparent; | |
| border-radius: 7px; | |
| background: transparent; | |
| color: var(--ink-soft); | |
| font: inherit; | |
| text-align: left; | |
| cursor: pointer; | |
| } | |
| .explore-topic-option:hover { | |
| background: var(--surface-muted); | |
| } | |
| .explore-topic-option.is-selected { | |
| border-left-color: var(--forest); | |
| background: #eaf3f3; | |
| color: var(--ink); | |
| } | |
| .explore-topic-option > span { | |
| font-size: 12px; | |
| line-height: 1.45; | |
| overflow-wrap: anywhere; | |
| } | |
| .explore-topic-option small { | |
| color: var(--muted); | |
| font-family: var(--mono); | |
| font-size: 9px; | |
| } | |
| .explore-topic-details { | |
| position: sticky; | |
| top: 18px; | |
| min-height: 260px; | |
| } | |
| .explore-selected-topic-title { | |
| margin: 14px 0 18px; | |
| color: var(--ink); | |
| font-family: var(--serif); | |
| font-size: 20px; | |
| font-weight: 500; | |
| line-height: 1.35; | |
| overflow-wrap: anywhere; | |
| } | |
| .explore-term-group + .explore-term-group { | |
| margin-top: 18px; | |
| } | |
| .explore-term-list { | |
| margin: 0; | |
| padding: 0; | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 6px; | |
| list-style: none; | |
| } | |
| .explore-term-list li { | |
| max-width: 100%; | |
| padding: 6px 8px; | |
| display: inline-flex; | |
| align-items: baseline; | |
| gap: 5px; | |
| border: 1px solid var(--line); | |
| border-radius: 7px; | |
| background: var(--surface-muted); | |
| color: var(--ink-soft); | |
| font-size: 10px; | |
| line-height: 1.4; | |
| overflow-wrap: anywhere; | |
| } | |
| .explore-term-list small { | |
| color: var(--muted); | |
| font-family: var(--mono); | |
| font-size: 8px; | |
| } | |
| .explore-provenance, | |
| .explore-empty { | |
| margin: 6px 0 0; | |
| color: var(--muted); | |
| font-size: 10px; | |
| line-height: 1.45; | |
| } | |
| .explore-brief-details { | |
| margin-top: 10px; | |
| } | |
| .explore-brief-lede, | |
| .explore-executive-brief > p, | |
| .explore-brief-field p, | |
| .explore-ordered-items li p { | |
| margin: 8px 0 0; | |
| color: var(--ink-soft); | |
| font-size: 11px; | |
| line-height: 1.55; | |
| overflow-wrap: anywhere; | |
| } | |
| .explore-brief-field { | |
| margin-top: 12px; | |
| } | |
| .explore-brief-field h5, | |
| .explore-ordered-items h4, | |
| .explore-executive-brief h5 { | |
| margin: 0; | |
| color: var(--ink-soft); | |
| font-size: 10px; | |
| font-weight: 700; | |
| } | |
| .explore-executive-brief h5 { | |
| margin-top: 7px; | |
| font-family: var(--serif); | |
| font-size: 14px; | |
| font-weight: 500; | |
| } | |
| .explore-ordered-items { | |
| margin-top: 14px; | |
| } | |
| .explore-ordered-items ol { | |
| margin: 7px 0 0; | |
| padding-left: 20px; | |
| } | |
| .explore-ordered-items li { | |
| margin-top: 9px; | |
| padding-left: 2px; | |
| color: var(--ink-soft); | |
| font-size: 11px; | |
| line-height: 1.45; | |
| } | |
| .explore-ordered-items li strong { | |
| color: var(--ink); | |
| font-weight: 650; | |
| } | |
| .explore-empty { | |
| padding: 12px 0; | |
| } | |
| .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: 1040px) { | |
| .explore-more-grid { | |
| grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); | |
| } | |
| .explore-topic-details { | |
| position: static; | |
| grid-column: 1 / -1; | |
| } | |
| } | |
| @media (max-width: 700px) { | |
| .explore-more-section { | |
| padding: 16px; | |
| } | |
| .explore-more-header, | |
| .explore-more-header-actions { | |
| align-items: stretch; | |
| flex-direction: column; | |
| } | |
| .explore-more-header-actions { gap: 10px; } | |
| .explore-document-select { min-width: 0; } | |
| .explore-more-grid { | |
| grid-template-columns: minmax(0, 1fr); | |
| } | |
| .explore-document-panel, | |
| .explore-topic-panel, | |
| .explore-topic-details { | |
| grid-column: 1; | |
| position: static; | |
| } | |
| .explore-topic-list { max-height: 420px; } | |
| } |