/* Original extension of the approved FastAgents / Livepeer-inspired theme. */
.brief-page button, .brief-page input, .brief-page select { font: inherit; }
.brief-page button { cursor: pointer; }
.brief-page button:disabled { cursor: not-allowed; opacity: .5; }
.brief-page button:focus-visible, .brief-page input:focus-visible, .brief-page select:focus-visible, .brief-page summary:focus-visible, .brief-page [tabindex="-1"]:focus-visible { outline: 2px solid #8dd69b; outline-offset: 5px; }
.brief-page main { overflow: clip; }
.brief-page h1 { font-size: clamp(44px, 5.5vw, 68px); line-height: 1.05; letter-spacing: -2.5px; }
.brief-page h1 span { color: #7bc58a; }
.brief-page .page-lead { color: #bec7bf; font-size: 17px; line-height: 1.75; max-width: 540px; }
.brief-page .eyebrow { font-size: 10px; color: #abc6af; letter-spacing: 1.5px; }
.sr-only { position: absolute; height: 1px; width: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.back-link { display: inline-block; font-size: 12px; color: #b2beb5; margin-bottom: 36px; }
.back-link:hover { color: #8dd69b; }
.status-tag { display: inline-block; color: #b4d6bb; border: 1px solid #48624f; border-radius: 99px; padding: 4px 9px; font-size: 10px; line-height: 1.5; }
.subscription-privacy { margin-block: 20px 25px; padding: 17px; border: 1px solid #4a6752; border-radius: 9px; background: #25392b55; }
.subscription-privacy > div { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; }
.subscription-privacy strong { color: #e4eee6; font-size: 13px; line-height: 1.6; }
.subscription-privacy p { color: #c1d0c5; font-size: 12px; line-height: 1.8; margin: 13px 0; }
.subscription-privacy > a { color: #addcb9; font-size: 11px; line-height: 1.8; text-decoration: underline; text-underline-offset: 3px; }
.bot-protection-plan { margin: 18px 0; padding: 14px; border: 1px solid #415647; border-radius: 9px; background: #19251b; }
.bot-protection-plan > div { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 12px; }
.bot-protection-plan p { margin: 10px 0 0; color: #b9c9bc; font-size: 11px; line-height: 1.75; }
.signup-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 76px; padding-block: 62px 70px; align-items: start; }
.signup-story { padding-top: 12px; min-width: 0; }
.signup-story h1 { margin-bottom: 24px; }
.benefit-list { margin: 32px 0; }
.benefit-list > div { display: flex; gap: 18px; align-items: baseline; padding: 18px 0; border-top: 1px solid #303831; }
.benefit-list > div > span { font-size: 11px; color: #8abd97; flex-shrink: 0; }
.benefit-list p { color: #b2b9b3; font-size: 13px; line-height: 1.8; margin: 0; }
.benefit-list strong { color: #e4eee6; font-size: 14px; font-weight: 600; }
.story-bottom { display: flex; align-items: center; gap: 16px; margin: 25px 0; }
.brief-monogram { font-size: 33px; font-weight: 750; letter-spacing: -2px; line-height: 1; color: #83c995; background: #233128; border: 1px solid #48624f; border-radius: 12px; padding: 14px 20px; }
.story-bottom p { color: #e4eee6; font-size: 12px; margin: 0; line-height: 1.8; }
.story-bottom p span { font-size: 11px; color: #b2b9b3; }
.story-bottom strong { font-weight: 400; }
.signup-panel { border: 1px solid #3a4f3f; border-radius: 18px; padding: 32px; min-width: 0; background: radial-gradient(ellipse at 100% 0, #2d503338, transparent 50%), #1a201b; box-shadow: 0 18px 60px #0002; }
.panel-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 24px; }
.panel-top .eyebrow { margin: 0; }
.signup-panel h2 { font-size: 31px; line-height: 1.16; letter-spacing: -.9px; margin-bottom: 16px; }
.panel-description { font-size: 13px; color: #b7c2b9; line-height: 1.75; margin-bottom: 24px; }
.form-controls { border: 0; padding: 0; margin: 0; min-width: 0; }
.field-label, .topic-fields legend, .frequency-fields legend { font-size: 12px; font-weight: 600; color: #e4eee6; margin-bottom: 10px; }
.field-label { display: block; }
.brief-page input[type="email"], .brief-page select { display: block; width: 100%; border: 1px solid #506658; border-radius: 8px; background: #111712; color: #fff; padding: 14px; font-size: 15px; min-height: 48px; }
.brief-page input[type="email"]::placeholder { color: #89978e; }
.brief-page input[aria-invalid="true"] { border-color: #f7b3a0; }
.field-help { color: #aeb8b0; font-size: 11px; line-height: 1.65; margin: 9px 0 20px; }
.topic-fields, .frequency-fields { border: 0; padding: 0; margin: 25px 0; min-width: 0; }
.topic-fields legend, .frequency-fields legend { padding: 0; margin-bottom: 12px; }
.choice-row { display: flex; gap: 12px; align-items: flex-start; padding: 12px 13px; margin-bottom: 8px; background: #ffffff03; border: 1px solid #354b3c; border-radius: 8px; cursor: pointer; min-height: 64px; }
.choice-row:has(input:checked) { background: #73bd890b; border-color: #679774; }
.choice-row input, .frequency-choice input, .consent-row input { accent-color: #82c891; width: 17px; height: 17px; flex-shrink: 0; margin: 2px 0 0; }
.choice-row strong { display: block; font-size: 12px; font-weight: 600; color: #e4eee6; line-height: 1.55; }
.choice-row small { display: block; font-size: 11px; color: #b0bbb2; margin-top: 3px; line-height: 1.6; }
.frequency-choice { display: flex; align-items: flex-start; gap: 12px; font-size: 12px; color: #cbd7cd; min-height: 44px; padding-block: 10px; cursor: pointer; }
.consent-row { display: flex; gap: 12px; color: #c0cec3; font-size: 11px; line-height: 1.8; cursor: pointer; }
.consent-row a { color: #addcb9; text-decoration: underline; text-underline-offset: 3px; }
.form-error { color: #f6bda9; font-size: 12px; margin: 12px 0; min-height: 18px; }
.full-width { width: 100%; min-height: 48px; text-align: center; }
.form-footer { display: flex; gap: 13px; align-items: flex-start; border-top: 1px solid #35463a; margin-top: 24px; padding-top: 18px; }
.form-footer > span { color: #9acfaa; font-size: 19px; line-height: 1; }
.form-footer p { font-size: 11px; line-height: 1.8; color: #b0bcb3; margin: 0; }
.flow-result { padding-block: 16px; }
.flow-result h3 { font-size: 26px; line-height: 1.2; letter-spacing: -.6px; margin-top: 18px; }
.flow-result > p { font-size: 14px; color: #c1cfc4; line-height: 1.8; }
.result-mark { display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; width: 56px; height: 56px; border: 1px solid #608b6b; background: #325c3c33; color: #a0dfaf; font-size: 26px; }
.preview-caveat { background: #8dcc9d0c; border-left: 2px solid #81b990; padding: 13px 15px; font-size: 12px !important; margin-block: 22px; }
.quiet-button { background: none; border: 0; color: #afcbb5; font-size: 12px !important; display: block; padding: 14px; margin: 4px auto 0; min-height: 44px; }
.journey-strip { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-block: 28px 40px; border-top: 1px solid #303831; color: #bbcabf; font-size: 12px; }
.journey-strip > div { display: flex; gap: 13px; align-items: center; }
.journey-strip span { display: inline-flex; border: 1px solid #4c6b54; border-radius: 50%; color: #9fd4ac; width: 26px; height: 26px; justify-content: center; align-items: center; flex-shrink: 0; }
.journey-strip b { color: #699672; font-weight: 400; }
.journal-header { display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; padding-block: 65px 46px; align-items: end; }
.journal-header-aside { padding-bottom: 16px; justify-self: end; }
.journal-header-aside p { color: #c2cfc5; font-size: 15px; line-height: 1.8; margin-block: 20px; }
.featured-brief { display: grid; grid-template-columns: .72fr 1.28fr; gap: 0; margin-bottom: 56px; }
.featured-art { position: relative; overflow: hidden; background: #264d34; border: 1px solid #527b5e; border-radius: 16px 0 0 16px; display: flex; align-items: center; justify-content: center; min-height: 340px; }
.brief-grid { position: absolute; inset: 0; background-image: linear-gradient(#b7e8c526 1px,transparent 1px),linear-gradient(90deg,#b7e8c526 1px,transparent 1px),radial-gradient(ellipse at 50% 70%,#55926b55,transparent); background-size: 32px 32px,32px 32px,100% 100%; }
.brief-mark { position: relative; font-size: 162px; letter-spacing: -15px; font-weight: 750; color: #cfebd5; line-height: 1; transform: translateY(-8px); }
.brief-mark span { color: #82bd90; }
.art-caption { position: absolute; bottom: 25px; left: 25px; font-size: 8px; letter-spacing: 2px; color: #b6d2bd; }
.featured-copy { border: 1px solid #3b5142; border-left: 0; border-radius: 0 16px 16px 0; padding: 32px 38px; background: #1b251e; }
.journal-meta { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; }
.journal-meta .eyebrow { margin: 0; }
.featured-copy h2 { font-size: 36px; line-height: 1.15; letter-spacing: -1.2px; margin: 30px 0 20px; }
.featured-copy > p { font-size: 14px; color: #becdc2; max-width: 520px; line-height: 1.8; }
.featured-links { display: flex; justify-content: space-between; gap: 20px; align-items: center; flex-wrap: wrap; margin-top: 28px; }
.featured-links > span { font-size: 10px; color: #aebeb2; }
.archive-section { padding-bottom: 50px; }
.archive-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 25px; }
.archive-heading h2 { font-size: 28px; letter-spacing: -.75px; margin-bottom: 25px; }
.archive-heading > span { font-size: 11px; }
.filter-list { display: flex; flex-wrap: wrap; gap: 10px; }
.filter-list button { color: #b6c1b9; border: 1px solid #384b3e; background: #19211c; border-radius: 99px; padding: 11px 17px; font-size: 12px; min-height: 44px; }
.filter-list button[aria-pressed="true"] { color: #17251c; background: #97cc9f; border-color: #97cc9f; }
.archive-status { color: #adbcb1; font-size: 11px; margin: 22px 0; }
.journal-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.journal-card { border: 1px solid #36473c; background: #1a211c; border-radius: 13px; padding: 25px; display: flex; flex-direction: column; min-width: 0; }
.journal-card .journal-meta { align-items: flex-start; flex-direction: column; gap: 10px; }
.journal-card h3 { font-size: 24px; font-weight: 600; letter-spacing: -.6px; line-height: 1.25; margin: 24px 0 15px; }
.journal-card h3 a:hover { color: #a0d8ac; }
.journal-summary { font-size: 13px; color: #b9c6bd; line-height: 1.8; }
.journal-impact { font-size: 11px; color: #b8d1bf; border-top: 1px solid #38483d; padding-top: 16px; margin-top: auto; line-height: 1.7; }
.journal-card .text-link { align-self: flex-start; margin-top: 12px; }
.journal-cta { display: flex; justify-content: space-between; align-items: center; gap: 35px; background: linear-gradient(120deg,#24432e,#19231c); border: 1px solid #47634e; border-radius: 14px; padding: 35px; margin-block: 25px 55px; max-width: 1096px; }
.journal-cta .eyebrow { margin-bottom: 12px; }
.journal-cta h2 { font-size: 30px; letter-spacing: -.8px; margin-bottom: 12px; }
.journal-cta p:not(.eyebrow) { font-size: 13px; color: #c0cec4; margin: 0; }
.journal-cta > div { flex: 1; min-width: 0; }
.journal-cta .button { flex-shrink: 0; width: auto; max-width: 100%; }
.update-detail { padding-block: 24px 60px; max-width: 840px; }
.update-detail > h1 { margin-top: 28px; font-size: 48px; letter-spacing: -1.6px; }
.detail-date { font-size: 11px; color: #aabbb0; margin-top: 25px; }
.impact-note { border-left: 3px solid #86c596; padding: 22px 24px; background: #273d2f55; border-radius: 0 9px 9px 0; margin-block: 30px; }
.impact-note .eyebrow { margin-bottom: 10px; font-size: 9px; }
.impact-note p { color: #d0dfd4; font-size: 14px; line-height: 1.85; margin: 0; }
.article-body p { color: #c0cec5; font-size: 15px; line-height: 1.9; margin-bottom: 26px; }
.article-body h2 { font-size: 25px; letter-spacing: -.6px; margin: 34px 0 15px; }
.article-verify { width: auto; margin-top: 8px; min-height: 48px; }
.preferences-layout { padding-block: 66px 75px; }
.preference-explainer { border-top: 1px solid #38473c; padding-top: 24px; margin-top: 34px; margin-bottom: 30px; }
.preference-explainer p { font-size: 13px; color: #b7c5bd; line-height: 1.8; }
.preference-explainer strong { color: #e0eee5; }
.preference-result { color: #c6e1ce; font-size: 12px; line-height: 1.8; min-height: 22px; margin: 15px 0; }
.unsubscribe-panel { border-top: 1px solid #405145; padding-top: 24px; margin-top: 24px; }
.unsubscribe-panel h3 { font-size: 18px; margin-bottom: 12px; }
.unsubscribe-panel > p { font-size: 12px; color: #b8c6bd; line-height: 1.8; }
.cancel-button { border: 1px solid #859c8b; color: #dde8e1; background: transparent; }
.cancel-button:hover { background: #ffffff08; }
.center-flow { max-width: 610px; padding-block: 50px 80px; }
.center-flow .signup-panel { padding: 36px; }
.center-flow h1 { font-size: 45px; line-height: 1.1; margin-top: 25px; }
.center-flow .flow-result { padding-bottom: 0; }
.center-flow .flow-result .text-link { margin-top: 20px; }
.privacy-article { max-width: 820px; padding-block: 55px 70px; }
.privacy-article h1 { font-size: 53px; }
.email-preview-heading { display: grid; grid-template-columns: 1.3fr 1fr; gap: 70px; align-items: end; padding-block: 45px 40px; }
.email-preview-heading h1 { font-size: 56px; }
.email-preview-heading .back-link { margin-bottom: 28px; }
.email-preview-controls { max-width: 310px; width: 100%; justify-self: end; }
.email-preview-controls > p { font-size: 12px; line-height: 1.9; color: #c6d4cc; margin-top: 20px; }
.email-preview-controls strong { font-weight: 500; }
.email-workspace { display: grid; grid-template-columns: .65fr 1.35fr; gap: 30px; align-items: start; padding-bottom: 60px; }
.email-preview-notes { border-top: 1px solid #3c4d41; padding-top: 26px; padding-right: 20px; min-width: 0; }
.email-preview-notes h2 { font-size: 27px; line-height: 1.2; letter-spacing: -.6px; margin: 24px 0; }
.email-preview-notes > div { display: flex; align-items: baseline; gap: 14px; border-top: 1px solid #303e34; padding-top: 20px; }
.email-preview-notes > div > span { font-size: 10px; color: #86b793; flex-shrink: 0; }
.email-preview-notes p { font-size: 12px; line-height: 1.9; color: #b6c6bd; margin: 0 0 22px; }
.plain-text-preview { margin-top: 30px; color: #a4d4b1; font-size: 12px; }
.plain-text-preview summary { cursor: pointer; padding-block: 14px; }
.plain-text-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; color: #c4d1c9; font-size: 11px; line-height: 1.8; max-width: 100%; }
.email-canvas { background: #dce4de; border: 1px solid #829788; border-radius: 13px; padding: 16px; min-width: 0; }
.email-envelope { color: #1d3226; padding: 6px 6px 20px; display: flex; gap: 18px; font-size: 12px; line-height: 1.7; }
.email-envelope > span { color: #476652; flex-shrink: 0; }
.email-envelope strong { font-weight: 500; }
.preview-email-frame { width: 100%; display: block; border: 0; background: #e8ede9; height: 1340px; }
.email-canvas[data-message="confirmation"] .preview-email-frame { height: 1000px; }
.email-canvas[data-message="welcome"] .preview-email-frame { height: 1130px; }
.email-canvas[data-message="unsubscribe"] .preview-email-frame { height: 910px; }
.email-load-status { font-size: 11px; color: #2b4435; line-height: 1.8; text-align: center; margin: 18px 5px 5px; }
.digest-teaser { display: flex; justify-content: space-between; align-items: center; gap: 24px; background: #26362a; border: 1px solid #4d6755; padding: 25px; border-radius: 10px; margin-top: 25px; }
.digest-teaser .eyebrow { margin-bottom: 10px; font-size: 9px; }
.digest-teaser h3 { font-size: 21px; letter-spacing: -.6px; margin-bottom: 8px; }
.digest-teaser p { font-size: 12px; color: #c0cfc4; margin: 0; line-height: 1.8; max-width: 550px; }
.digest-teaser .text-link { white-space: nowrap; flex-shrink: 0; }
.live-channel-link { display: block; font-size: 10px; color: #a4b5a9; margin-top: 12px; text-align: center; }
.live-channel-link[aria-disabled="true"] { pointer-events: none; cursor: not-allowed; }
.channel-info { margin-top: 16px; }
.upcoming-channel { border-top: 1px solid #35463a; padding-block: 22px 6px; }
.upcoming-channel > div { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.upcoming-channel h3 { font-size: 18px; margin: 0; }
.upcoming-channel p { color: #bac8be; font-size: 14px; line-height: 1.8; margin-top: 15px; }
.upcoming-panel .subscription-privacy { margin-bottom: 0; }
@media (max-width: 1000px) {
  .signup-layout { gap: 34px; }
  .signup-panel { padding: 25px; }
  .brief-page h1 { font-size: 50px; letter-spacing: -1.8px; }
  .journal-list { gap: 12px; }
  .journal-card { padding: 20px; }
  .journal-card h3 { font-size: 21px; }
  .featured-copy { padding: 28px; }
  .featured-copy h2 { font-size: 29px; }
  .journal-header { gap: 30px; }
  .email-workspace { grid-template-columns: .6fr 1.4fr; gap: 20px; }
}
@media (max-width: 760px) {
  .signup-layout { grid-template-columns: 1fr; gap: 35px; padding-block: 36px 45px; }
  .signup-story { padding-top: 0; }
  .back-link { margin-bottom: 30px; }
  .brief-page h1 { font-size: clamp(38px, 10.5vw, 52px); letter-spacing: -1.4px; }
  .brief-page .page-lead { font-size: 15px; }
  .benefit-list { margin-block: 25px; }
  /* On phones, get to the actual signup controls without a long benefits wall. */
  .signup-layout:not(.preferences-layout) .benefit-list,
  .signup-layout:not(.preferences-layout) .story-bottom { display: none; }
  .signup-panel { padding: 25px; border-radius: 13px; }
  .signup-panel h2 { font-size: 29px; }
  .panel-top { gap: 10px; }
  .panel-top .eyebrow { font-size: 8px; }
  .status-tag { font-size: 9px; padding-inline: 8px; }
  .journey-strip { flex-direction: column; align-items: flex-start; gap: 12px; font-size: 12px; }
  .journey-strip b { margin-left: 9px; transform: rotate(90deg); }
  .journal-header { grid-template-columns: 1fr; gap: 18px; padding-block: 40px 35px; }
  .journal-header-aside { justify-self: start; display: flex; flex-wrap: wrap; align-items: center; gap: 15px; padding: 0; }
  .journal-header-aside > p { width: 100%; margin: 0; font-size: 13px; }
  .featured-brief { grid-template-columns: 1fr; margin-bottom: 35px; }
  .featured-art { min-height: 190px; border-radius: 12px 12px 0 0; }
  .brief-mark { font-size: 105px; letter-spacing: -9px; transform: translateY(-10px); }
  .art-caption { bottom: 18px; left: 20px; font-size: 7px; letter-spacing: 1.4px; }
  .featured-copy { border: 1px solid #3b5142; border-top: 0; border-radius: 0 0 12px 12px; padding: 26px; }
  .featured-copy h2 { font-size: 29px; margin-top: 24px; }
  .featured-copy > p { font-size: 13px; }
  .archive-heading { display: block; }
  .archive-heading h2 { margin-bottom: 12px; }
  .archive-heading > span { display: block; margin-bottom: 20px; }
  .filter-list { gap: 7px; }
  .filter-list button { padding: 10px 12px; font-size: 11px; }
  .journal-list { grid-template-columns: 1fr; gap: 16px; }
  .journal-card { padding: 25px; }
  .journal-card h3 { font-size: 25px; }
  .journal-card .journal-meta { flex-direction: row; }
  .journal-cta { flex-direction: column; align-items: flex-start; padding: 26px; margin: 15px 24px 35px; gap: 22px; }
  .journal-cta h2 { font-size: 27px; }
  .journal-cta .button { width: 100%; }
  .update-detail { padding-top: 18px; }
  .update-detail > h1 { font-size: 37px; }
  .impact-note { padding: 18px 20px; }
  .article-body p { font-size: 14px; }
  .article-verify { width: 100%; font-size: 11px; }
  .preferences-layout { padding-top: 36px; }
  .center-flow { padding-block: 30px 55px; }
  .center-flow .signup-panel { padding: 27px; }
  .center-flow h1 { font-size: 39px; }
  .privacy-article { padding-block: 35px 50px; }
  .email-preview-heading { grid-template-columns: 1fr; gap: 20px; padding-block: 32px; }
  .email-preview-controls { justify-self: start; max-width: 100%; }
  .email-preview-controls > p { font-size: 11px; }
  .email-workspace { grid-template-columns: 1fr; gap: 26px; }
  .email-canvas { order: 1; }
  .email-preview-notes { order: 2; }
  .email-preview-notes { padding-right: 0; }
  .email-preview-notes h2 { font-size: 26px; }
  .email-canvas { padding: 7px; border-radius: 9px; }
  .email-envelope { padding: 10px 7px 16px; font-size: 11px; gap: 12px; }
  .preview-email-frame { height: 1640px; }
  .email-canvas[data-message="confirmation"] .preview-email-frame { height: 1210px; }
  .email-canvas[data-message="welcome"] .preview-email-frame { height: 1370px; }
  .email-canvas[data-message="unsubscribe"] .preview-email-frame { height: 1130px; }
  .digest-teaser { flex-direction: column; align-items: flex-start; padding: 23px; gap: 20px; }
}
@media (max-width: 380px) {
  .signup-panel { padding: 20px; }
  .panel-top { align-items: flex-start; }
  .panel-top .eyebrow { max-width: 95px; }
  .brief-page h1 { font-size: 36px; }
  .signup-panel h2 { font-size: 27px; }
  .choice-row { padding-inline: 10px; gap: 9px; }
  .form-footer { gap: 8px; }
  .email-preview-notes { padding-right: 0; }
}