.explore-page { --explore-ink: #18382e; --explore-paper: #fffefb; --explore-muted: #52625b; --explore-line: #cdd6d0; --explore-accent: #daed7d; }
.explore-page [hidden] { display: none !important; }
.explore-main { padding-bottom: 4rem; }
.explore-welcome { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; background: #edf3e6; border-left: 3px solid #54742c; padding: .9rem 1.2rem; margin-top: 1.5rem; }
.explore-welcome p { margin: 0; font-size: .9375rem; }
.explore-hero { display: grid; grid-template-columns: minmax(0, 1fr) 255px; gap: 4rem; align-items: end; padding: 4.6rem 0 4rem; }
.explore-hero .eyebrow { margin-bottom: 1.5rem; }
.explore-hero h1 { margin: 0; font-size: clamp(3.7rem, 7.7vw, 6.7rem); line-height: 1.02; letter-spacing: -.055em; }
.explore-hero h1 em { font-weight: 400; }
.explore-lead { color: #344a40; font-size: 1.125rem; line-height: 1.7; margin: 1.7rem 0 0; }
.explore-aside { position: relative; border-left: 1px solid var(--explore-line); padding: 0 0 .4rem 1.7rem; }
.explore-aside p { margin: 1rem 0 1.4rem; font-family: Georgia, serif; font-size: 1.3rem; line-height: 1.55; }
.explore-flower { display: inline-flex; width: 66px; height: 66px; align-items: center; justify-content: center; background: var(--explore-accent); color: var(--explore-ink); border-radius: 50%; font-size: 2.9rem; line-height: 1; transform: rotate(-9deg); }
.explore-aside-note { color: var(--explore-muted); font-size: .8125rem; line-height: 1.6; }
.explore-tools { padding: 2rem 2.2rem 1.8rem; margin-bottom: 3.8rem; background: #f1f3ec; border-radius: 4px; }
.explore-search-form > label { font-family: Georgia, serif; font-size: 1.7rem; font-weight: 400; letter-spacing: -.025em; margin-bottom: .9rem; }
.explore-search-line { display: flex; align-items: stretch; gap: .7rem; }
.explore-search-line input { flex: 1; min-width: 0; min-height: 56px; border-color: #899b8b; font-size: 1rem; }
.explore-search-button { flex: 0 0 auto; gap: 1rem; padding-inline: 1.35rem; }
.explore-topics { margin-top: 1.7rem; }
.explore-filter-label { font-size: .8125rem; font-weight: 600; margin: 0 0 .65rem; color: var(--explore-muted); }
.explore-topic-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.explore-topic { min-height: 38px; max-width: 100%; border: 1px solid #b9c8b7; border-radius: 999px; padding: .4rem .85rem; color: var(--explore-ink); background: transparent; font-size: .8125rem; font-weight: 400; overflow-wrap: anywhere; }
.explore-topic:hover { background: #e3ebd8; }
.explore-topic[aria-pressed="true"] { border-color: var(--explore-ink); background: var(--explore-ink); color: var(--explore-paper); }
.explore-options { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.3rem; border-top: 1px solid #d3dcce; margin-top: 1.6rem; padding-top: 1.1rem; }
.explore-sort { display: flex; align-items: center; gap: .7rem; }
.explore-sort label { margin: 0; color: var(--explore-muted); font-size: .8125rem; font-weight: 400; }
.explore-sort select { width: auto; min-height: 40px; padding: .45rem .6rem; border-color: #b6c5b3; background: transparent; font-size: .875rem; }
.explore-text-button { min-height: 40px; padding: .35rem 0; border: 0; border-radius: 0; background: transparent; color: var(--explore-ink); font-size: .8125rem; font-weight: 500; text-decoration: underline; text-underline-offset: .25em; }
.explore-text-button:hover { background: transparent; color: #43622d; }
.explore-surprise-button { display: flex; align-items: center; gap: .6rem; min-height: 42px; margin-left: auto; padding: .55rem 1rem; border-color: #b5c46d; background: var(--explore-accent); color: var(--explore-ink); font-size: .875rem; }
.explore-surprise-button:hover { background: #cddd68; }
.explore-surprise-button span { font-size: 1.2rem; line-height: 1; }
.explore-surprise-button:disabled { cursor: default; opacity: .45; }
.explore-discovery { margin-top: 1.5rem; padding: 1.6rem; border-left: 3px solid var(--explore-ink); background: var(--explore-paper); }
.explore-discovery .eyebrow { margin: 0 0 .7rem; font-size: .7rem; }
.explore-discovery h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin: 0 0 .8rem; }
.explore-discovery p:not(.eyebrow) { max-width: 68ch; margin: 0 0 1rem; color: var(--explore-muted); font-size: .9375rem; line-height: 1.7; }
.explore-discovery > a { font-size: .9375rem; font-weight: 600; }
.explore-announcement { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.explore-collection { margin-bottom: 4.5rem; }
.explore-collection-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .7rem 1rem; margin-bottom: 1.7rem; }
.explore-collection-heading h2 { margin: 0; font-size: clamp(2.3rem, 4vw, 3.3rem); }
.explore-result-count, .briefings-count { margin: 0; color: var(--explore-muted); font-size: .875rem; }
.explore-load-status:empty, .explore-metrics-status:empty { display: none; }
.explore-metrics-status { margin-bottom: 0; }
.explore-load-status { color: #75503a; background: #faf0e7; border-left: 3px solid #a66c3f; padding: .8rem 1rem; font-size: .9rem; }
.explore-page .briefings-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2.8rem; list-style: none; margin: 0; padding: 0; }
.explore-page .briefings-count { margin-bottom: 1.2rem; }
.explore-page .briefing-card { height: 100%; border-top: 1px solid var(--explore-line); padding: 1.45rem 0 1.1rem; overflow-wrap: anywhere; }
.explore-page .briefing-card h2, .explore-page .briefing-card h3 { font-family: Georgia, serif; font-size: 1.95rem; font-weight: 400; line-height: 1.23; letter-spacing: -.025em; margin: .75rem 0; }
.explore-page .briefing-card h2 a, .explore-page .briefing-card h3 a { text-decoration: none; }
.explore-page .briefing-card h2 a:hover, .explore-page .briefing-card h3 a:hover { text-decoration: underline; text-underline-offset: .15em; text-decoration-thickness: 1px; }
.explore-page .briefing-card time, .explore-page .briefing-meta, .explore-page .reading-time { color: var(--explore-muted); font-size: .8rem; }
.explore-page .briefing-card p { color: var(--explore-muted); font-size: .9375rem; line-height: 1.75; margin: .7rem 0 1rem; }
.explore-page .briefing-card .briefing-metrics { color: var(--explore-ink); font-size: .8125rem; font-variant-numeric: tabular-nums; }
.explore-page .briefing-tags { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0; margin: 0 0 1.2rem; list-style: none; }
.explore-page .briefing-tags a, .explore-page .briefing-tag { display: inline-block; max-width: 100%; border: 1px solid #d2dbcd; border-radius: 999px; padding: .2rem .6rem; color: #4a614d; font-size: .75rem; text-decoration: none; overflow-wrap: anywhere; }
.explore-page .briefing-tags a:hover { background: #f1f3ec; }
.explore-page .briefing-read-link { font-size: .875rem; font-weight: 500; }
.explore-empty, .explore-page .briefings-empty { border-top: 1px solid var(--explore-line); padding: 1.7rem 0 0; max-width: 62ch; color: var(--explore-muted); font-size: 1.125rem; line-height: 1.8; }
.explore-signup { display: flex; align-items: center; justify-content: space-between; gap: 3rem; padding: 2.8rem 3rem; background: var(--explore-accent); }
.explore-signup h2 { margin: 0 0 1.1rem; font-size: clamp(2rem, 3.5vw, 3rem); }
.explore-signup .eyebrow { font-size: .75rem; margin-bottom: .9rem; }
.explore-signup p:not(.eyebrow) { max-width: 48ch; margin: 0; color: #344a40; font-size: .9375rem; line-height: 1.75; }
.explore-signup .button { flex-shrink: 0; gap: 1.2rem; }
@media (max-width: 800px) { .explore-hero { grid-template-columns: minmax(0, 1fr) 195px; gap: 2rem; padding: 3.5rem 0; } .explore-aside { padding-left: 1.2rem; } .explore-aside p { font-size: 1.1rem; } .explore-tools { padding: 1.6rem; } .explore-signup { padding: 2rem; gap: 2rem; } }
@media (max-width: 600px) { .explore-hero { grid-template-columns: 1fr; padding: 3rem 0; gap: 1.8rem; } .explore-hero h1 { font-size: clamp(3.7rem, 14vw, 5rem); } .explore-aside { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 1rem; padding: 0; border: 0; } .explore-flower { width: 52px; height: 52px; font-size: 2.35rem; } .explore-aside p { margin: 0; font-family: inherit; font-size: .875rem; line-height: 1.6; } .explore-aside p br { display: none; } .explore-aside-note { display: none; } .explore-search-line { flex-direction: column; gap: .6rem; } .explore-search-button { align-self: flex-start; min-height: 44px; } .explore-options { gap: .7rem; } .explore-sort { width: 100%; justify-content: space-between; } .explore-surprise-button { margin-left: auto; } .explore-page .briefings-index { grid-template-columns: 1fr; gap: .6rem; } .explore-page .briefing-card h2, .explore-page .briefing-card h3 { font-size: 1.8rem; } .explore-signup { flex-direction: column; align-items: flex-start; gap: 1.5rem; } .explore-welcome { align-items: flex-start; gap: .8rem; } .explore-welcome .explore-text-button { flex-shrink: 0; } }
@media (prefers-reduced-motion: reduce) { .explore-page { scroll-behavior: auto; } }