/* Shared search for the three Extremes and Moderations archives. */
.eas-search,
.eas-search * {
  box-sizing: border-box;
  font-family: "Neutral Sans Variable", sans-serif;
}

.eas-search {
  --eas-ink: var(--extremes-ink, #19191a);
  --eas-paper: var(--extremes-paper, #ffe14d);
  --eas-poets: #ffe14d;
  --eas-journals: #ff8a70;
  --eas-documents: #8acbff;
  --eas-answer: #fff8cf;
  --eas-rule: rgba(25, 25, 26, .72);
  --eas-muted: rgba(25, 25, 26, .68);
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding-inline: clamp(16px, 3.5vw, 40px);
  overflow: hidden;
  color: var(--eas-ink);
  font-weight: 400;
}

.eas-search [hidden] {
  display: none !important;
}

.eas-intro {
  width: 100%;
  max-width: 940px;
  margin: 0 auto clamp(22px, 3vw, 34px);
}

.eas-intro h1 {
  margin: 0;
  color: var(--eas-ink);
  font-size: clamp(40px, 6.2vw, 70px);
  font-weight: 560;
  letter-spacing: -.055em;
  line-height: .94;
}

.eas-lede {
  max-width: 760px;
  margin: 15px 0 0;
  font-size: clamp(17px, 1.8vw, 21px);
  line-height: 1.42;
}

.eas-scholarly-note {
  max-width: 760px;
  margin: 13px 0 0;
  color: var(--eas-muted);
  font-size: 14px;
  line-height: 1.45;
}

.eas-search-form {
  width: 100%;
  max-width: 940px;
  margin-inline: auto;
  padding: clamp(22px, 3.2vw, 34px);
  border: 1px solid var(--eas-rule);
  border-radius: 14px;
  background: rgba(255, 255, 255, .38);
  box-shadow: 0 10px 28px rgba(25, 25, 26, .045);
}

.eas-search-form label:not(.eas-scope) {
  display: block;
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 650;
  letter-spacing: .005em;
  line-height: 1.3;
}

.eas-search-form textarea[name="query"] {
  display: block;
  width: 100%;
  min-height: 138px;
  margin: 0;
  padding: 18px 19px;
  resize: vertical;
  border: 1px solid var(--eas-ink);
  border-radius: 10px;
  background: #fff;
  color: var(--eas-ink);
  font-size: clamp(17px, 2vw, 19px);
  font-weight: 400;
  letter-spacing: -.006em;
  line-height: 1.46;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.eas-search-form textarea[name="query"]::placeholder {
  color: rgba(25, 25, 26, .53);
  opacity: 1;
}

.eas-search-form textarea[name="query"]:focus {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(25, 25, 26, .13);
}

.eas-search-form [name="website"] {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.eas-scopes,
.eas-scope-options,
.eas-modes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  border: 0;
}

.eas-scopes legend,
.eas-scope-options legend,
.eas-modes legend,
.eas-scope-label {
  flex: 0 0 100%;
  margin: 0 0 2px;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1.2;
  text-transform: uppercase;
}

.eas-scope,
.eas-scopes label,
.eas-scope-options label,
.eas-modes label {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  min-height: 38px;
  margin: 0 !important;
  padding: 8px 14px;
  border: 1px solid rgba(25, 25, 26, .68);
  border-radius: 999px;
  background: transparent;
  color: var(--eas-ink);
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, transform .15s ease;
}

.eas-scope:hover,
.eas-scopes label:hover,
.eas-scope-options label:hover,
.eas-modes label:hover {
  transform: translateY(-1px);
}

.eas-scope input,
.eas-scopes label input,
.eas-scope-options label input,
.eas-modes label input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.eas-scope:has(input:checked),
.eas-scopes label:has(input:checked),
.eas-scope-options label:has(input:checked),
.eas-modes label:has(input:checked) {
  background: var(--eas-ink);
  color: #fff;
}

.eas-scope:has(input:focus-visible),
.eas-scopes label:has(input:focus-visible),
.eas-scope-options label:has(input:focus-visible),
.eas-modes label:has(input:focus-visible) {
  outline: 3px solid var(--eas-paper);
  outline-offset: 2px;
}

.eas-search-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 19px;
}

.eas-search button {
  font: inherit;
}

.eas-submit,
.eas-scholarly,
.eas-clear {
  min-height: 46px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.15;
  cursor: pointer;
  transition: transform .15s ease, background-color .15s ease, color .15s ease;
}

.eas-submit,
.eas-scholarly {
  min-width: 166px;
  padding: 12px 20px;
  border: 1px solid var(--eas-ink);
  background: var(--eas-ink);
  color: #fff;
}

.eas-scholarly {
  background: var(--eas-paper);
  color: var(--eas-ink);
}

.eas-clear {
  padding: 12px 18px;
  border: 1px solid var(--eas-ink);
  background: transparent;
  color: var(--eas-ink);
}

.eas-submit:hover,
.eas-submit:focus-visible,
.eas-scholarly:hover,
.eas-scholarly:focus-visible,
.eas-clear:hover,
.eas-clear:focus-visible {
  transform: translateY(-1px);
  background: #fff;
  color: var(--eas-ink);
}

.eas-submit:focus-visible,
.eas-scholarly:focus-visible,
.eas-clear:focus-visible,
.eas-search [data-question]:focus-visible,
.eas-card a:focus-visible,
.eas-web-sources a:focus-visible {
  outline: 3px solid var(--eas-paper);
  outline-offset: 3px;
}

.eas-submit:disabled,
.eas-scholarly:disabled {
  opacity: .52;
  cursor: wait;
  transform: none;
}

.eas-examples,
.eas-search-examples {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 clamp(18px, 3vw, 30px);
  width: 100%;
  max-width: 940px;
  margin: 24px auto 0;
}

.eas-examples-label,
.eas-examples > span,
.eas-search-examples > span {
  grid-column: 1 / -1;
  margin: 0 0 7px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.eas-search [data-question] {
  min-width: 0;
  min-height: 58px;
  max-width: 100%;
  padding: 11px 1px 12px;
  border: 0;
  border-top: 1px solid rgba(25, 25, 26, .48);
  border-radius: 0;
  background: transparent;
  color: var(--eas-ink);
  font-size: 14px;
  font-weight: 550;
  line-height: 1.34;
  text-align: left;
  white-space: normal !important;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal;
  cursor: pointer;
  transition: color .15s ease, transform .15s ease;
}

.eas-search [data-question]:hover,
.eas-search [data-question]:focus-visible {
  transform: translateX(3px);
  background: transparent;
  color: rgba(25, 25, 26, .68);
}

.eas-results {
  width: 100%;
  max-width: 940px;
  margin: clamp(38px, 6vw, 66px) auto 0;
}

.eas-results:focus {
  outline: 0;
}

.eas-status {
  display: inline-flex;
  position: relative;
  align-items: center;
  min-height: 41px;
  margin: 0 0 18px;
  padding: 12px 16px 12px 31px;
  overflow: hidden;
  background: var(--eas-ink);
  color: var(--eas-paper);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.15;
  text-transform: uppercase;
}

.eas-status::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 13px;
  border-radius: 0 7px 7px 0;
  background: var(--eas-paper);
  content: "";
}

.eas-results[data-state="empty"] .eas-status,
.eas-results[data-state="error"] .eas-status {
  display: block;
  max-width: 760px;
  min-height: 0;
  padding: 10px 14px;
  border-left: 3px solid var(--eas-ink);
  background: rgba(255, 255, 255, .42);
  color: var(--eas-ink);
  letter-spacing: .02em;
  line-height: 1.4;
  text-transform: none;
}

.eas-results[data-state="empty"] .eas-status::before,
.eas-results[data-state="error"] .eas-status::before {
  display: none;
}

.eas-results[data-state="error"] .eas-status {
  border-left-color: #8a2f2f;
}

.eas-loading-dots {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 9px;
}

.eas-loading-dots i {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: .25;
  animation: eas-dot-pulse 1.05s infinite ease-in-out;
}

.eas-loading-dots i:nth-child(2) {
  animation-delay: .14s;
}

.eas-loading-dots i:nth-child(3) {
  animation-delay: .28s;
}

@keyframes eas-dot-pulse {
  0%, 65%, 100% { opacity: .24; transform: translateY(0); }
  28% { opacity: 1; transform: translateY(-2px); }
}

.eas-answer {
  position: relative;
  width: 100%;
  max-width: 940px;
  margin: 0;
  padding: 0 0 clamp(23px, 4vw, 30px);
  background: var(--eas-answer);
  color: var(--eas-ink);
  font-size: clamp(17px, 2vw, 19px);
  line-height: 1.56;
}

.eas-answer-heading {
  position: relative;
	display: flex;
  align-items: center;
	min-height: 33px;
	width: 100%;
  margin: 0 0 15px;
  padding: 9px 16px 8px 30px;
  border-radius: 0 0 7px 0;
  background: var(--eas-ink);
  color: var(--eas-paper);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.1;
	text-transform: uppercase;
	justify-content: space-between;
	gap: 16px;
}

.eas-answer-heading::before {
  position: absolute;
  inset: 0 auto auto 0;
  width: 13px;
  height: 33px;
  border-radius: 0 7px 7px 0;
  background: var(--eas-paper);
  content: "";
}

.eas-answer-heading-text {
	align-self: center;
}

.eas-copy-answer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 27px;
	min-height: 27px;
	margin: -6px -9px -5px 0;
	padding: 4px 7px;
	border: 1px solid currentColor;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}

.eas-copy-answer svg {
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
}

.eas-copy-answer:hover,
.eas-copy-answer:focus-visible,
.eas-copy-answer[data-copied="true"] {
	background: var(--eas-paper);
	color: var(--eas-ink);
}

.eas-copy-answer:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

.eas-copy-feedback {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.eas-copy-answer[data-copied="true"] .eas-copy-feedback {
	position: static;
	width: auto;
	height: auto;
	margin-left: 5px;
	overflow: visible;
	clip: auto;
	clip-path: none;
	font-size: 10px;
}

.eas-answer-body {
  padding: 0 clamp(19px, 4vw, 31px);
}

.eas-answer p,
.eas-answer ul,
.eas-answer ol {
  margin: 0 0 .9em;
}

.eas-answer p:last-child,
.eas-answer ul:last-child,
.eas-answer ol:last-child {
  margin-bottom: 0;
}

.eas-answer ul,
.eas-answer ol {
  padding-left: 1.35em;
}

.eas-answer em,
.eas-card em {
  font-style: italic;
}

.eas-web-sources {
  max-width: 940px;
  margin-top: 14px;
  padding: 19px clamp(19px, 4vw, 30px) 21px;
  border: 1px solid rgba(25, 25, 26, .18);
  background: rgba(255, 248, 207, .72);
}

.eas-web-sources-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1.2;
  text-transform: uppercase;
}

.eas-web-sources-list {
  margin: 0;
  padding-left: 1.3em;
  font-size: 14px;
  line-height: 1.45;
}

.eas-web-sources-list li + li {
  margin-top: 4px;
}

.eas-web-sources a {
  display: inline-block;
  max-width: 100%;
  color: inherit;
  overflow-wrap: anywhere;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.eas-source-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(38px, 6vw, 58px) clamp(22px, 4vw, 34px);
  align-items: start;
  margin-top: clamp(34px, 6vw, 58px);
}

.eas-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0 auto;
  border-top: 4px solid var(--eas-paper);
}

.eas-card[data-site="poets"] { --eas-card-site: var(--eas-poets); }
.eas-card[data-site="journals"] { --eas-card-site: var(--eas-journals); }
.eas-card[data-site="documents"] { --eas-card-site: var(--eas-documents); }
.eas-card[data-site="archive"] { --eas-card-site: var(--eas-paper); }

.eas-card {
  border-top-color: var(--eas-card-site);
}

.eas-card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2 / 3;
  margin-top: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, .3);
  color: inherit;
  text-decoration: none;
}

.eas-card-media:focus-visible {
  outline: 3px solid var(--eas-card-site);
  outline-offset: 4px;
}

.eas-card-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .08), 0 7px 18px rgba(0, 0, 0, .13);
}

.eas-card-cover-placeholder {
  display: grid;
  place-items: center;
  background: var(--eas-card-site);
  box-shadow: none;
  color: var(--eas-ink);
  font-size: clamp(58px, 8vw, 92px);
  font-weight: 600;
}

.eas-card-content {
  padding-top: 16px;
}

.eas-site-badge {
  display: inline-block;
  margin: 0 0 10px;
  padding: 6px 10px 5px;
  border-radius: 999px;
  background: var(--eas-card-site);
  color: var(--eas-ink);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1;
  text-transform: uppercase;
}

.eas-card-title {
  margin: 0;
  color: var(--eas-ink);
  font-size: clamp(22px, 2.6vw, 27px);
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.08;
}

.eas-card-title em {
  font-style: italic;
}

.eas-card-title a {
  color: inherit;
  text-decoration: none;
}

.eas-card-title a:hover,
.eas-card-title a:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.eas-card-primary,
.eas-card-secondary,
.eas-card-excerpt {
  margin: 10px 0 0;
}

.eas-card-primary {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.3;
}

.eas-card-secondary {
  color: var(--eas-muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.eas-card-excerpt {
  color: #222;
  font-size: 15px;
  line-height: 1.48;
}

.eas-card-actions {
  margin-top: 14px;
}

.eas-card-pdf {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  color: var(--eas-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .035em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
}

.eas-card-pdf:hover,
.eas-card-pdf:focus-visible {
  border-bottom-width: 2px;
}

@media (max-width: 900px) {
  .eas-source-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .eas-search {
    overflow: visible;
  }

  .eas-intro h1 {
    font-size: clamp(40px, 13vw, 54px);
    line-height: .98;
  }

  .eas-search-form {
    padding: 18px 16px;
    border-radius: 12px;
  }

  .eas-search-form textarea[name="query"] {
    min-height: 154px;
    padding: 15px;
    font-size: 17px;
  }

  .eas-search-actions > button {
    flex: 1 1 100%;
    width: 100%;
    min-height: 48px;
  }

  .eas-examples,
  .eas-search-examples {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .eas-examples-label,
  .eas-examples > span,
  .eas-search-examples > span,
  .eas-search [data-question] {
    width: 100%;
    min-height: 52px;
    border-radius: 0;
  }

  .eas-status {
    max-width: 100%;
    font-size: 12px;
    line-height: 1.25;
  }

  .eas-source-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .eas-card {
    max-width: 320px;
  }

  .eas-web-sources {
    padding-inline: 16px;
  }

  .eas-web-sources-list {
    padding-left: 1.1em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eas-search *,
  .eas-search *::before,
  .eas-search *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }

  .eas-loading-dots i {
    opacity: 1;
  }
}

/* Poetry quotations retain supplied line and stanza breaks. */
html body .eas-search .eas-answer-body blockquote.eas-poetry-quote{margin:1.25em 0!important;padding:0 0 0 1em!important;border:0!important;border-left:3px solid currentColor!important;background:transparent!important;color:inherit!important;quotes:none!important;text-align:left!important}
html body .eas-search .eas-answer-body blockquote.eas-poetry-quote::before,html body .eas-search .eas-answer-body blockquote.eas-poetry-quote::after{content:none!important}
html body .eas-search .eas-answer-body .eas-poetry-quote .eas-verse{margin:0!important;padding:0!important;font-family:inherit!important;font-size:inherit!important;font-weight:400!important;font-style:normal!important;line-height:1.55!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-align:left!important}

/* Keep answer conclusions flush with the prose; distinguish research notes. */
html body .eas-search .eas-answer-body > p {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
}
html body .eas-search .eas-answer-body .eas-reading-coverage {
  margin: 1.4rem 0 0 !important;
  padding: .85rem 0 0 !important;
  border-top: 1px solid rgba(25,25,26,.25);
  font-family: 'Barlow', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  text-indent: 0 !important;
}
html body .eas-search .eas-answer-body .eas-reading-coverage * {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
html body .eas-search .eas-answer-body .eas-reading-coverage p {
  margin: .25rem 0 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  text-indent: 0 !important;
}
html body .eas-search .eas-answer-body .eas-reading-label {
  display: block;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
}
/* List prose uses the same face as the opening and closing paragraphs. */
html body .eas-search .eas-answer-body > ul,
html body .eas-search .eas-answer-body > ol,
html body .eas-search .eas-answer-body > ul *,
html body .eas-search .eas-answer-body > ol * {
  font-family: Georgia, 'Times New Roman', serif !important;
}