@font-face {
  font-display: swap;
  font-family: EconomistSerifOsF;
  font-style: normal;
  font-weight: 300 900;
  src: url("../fonts/economist-serif-roman.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: EconomistSerifOsF;
  font-style: italic;
  font-weight: 300 900;
  src: url("../fonts/economist-serif-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: EconomistSerifSC;
  font-style: normal;
  font-weight: 300 900;
  src: url("../fonts/economist-serif-sc-roman.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: EconomistSerifSC;
  font-style: italic;
  font-weight: 300 900;
  src: url("../fonts/economist-serif-sc-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: EconomistSerifLF;
  font-style: normal;
  font-weight: 300 900;
  src: url("../fonts/economist-serif-lf-roman.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: EconomistSerifLF;
  font-style: italic;
  font-weight: 300 900;
  src: url("../fonts/economist-serif-lf-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: TechnoScriptEF;
  font-style: normal;
  font-weight: 400;
  src: local("TechnoScript EF"), local("TechnoScriptEF");
}

:root {
  --bg: #0d2e63;
  --panel: #ffffff;
  --line: #c8ced7;
  --text: #131313;
  --muted: #505a67;
  --accent: #2f67c6;
  --accent-strong: #2f67c6;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: Menlo, "Operator Mono", "SFMono-Regular", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-reading: EconomistSerifOsF, "Hoefler Text", Georgia, serif;
  --font-typewriter: "TechnoScript EF", "TechnoScriptEF", "Hoefler Text", Georgia, serif;
  --font-reading-size: 18px;
  --font-entry-title: Charter, Georgia, serif;
  --entry-width-min: 45;
  --entry-width-max: 100;
  --entry-content-default-width: 70;
  --entry-content-width: 70;
  --entry-text-max: min(calc(var(--entry-content-width) * 1vw), 72rem);
  --shadow: 0 8px 20px rgba(7, 26, 62, 0.18);
  --radius: 4px;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

.journal-archive-shell-root,
.journal-archive-shell-root body.journal-archive-shell {
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: EconomistSerifOsF, "Hoefler Text", Georgia, serif;
  line-height: 1.6;
}

a {
  color: var(--accent-strong);
}

button,
input,
textarea,
select {
  font: inherit;
}

.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;
}

#app-layout {
  display: grid;
  grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 1.5rem;
  height: 100vh;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 3vw, 2.5rem) 2.5rem;
}

#left-pane,
#right-pane {
  min-height: 0;
  min-width: 0;
}

#left-pane {
  align-self: start;
}

.panel,
.viewer-shell {
  background: var(--panel);
  border: 1px solid #e7e7e7;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.panel {
  position: sticky;
  top: 1rem;
  max-height: calc(100vh - 2rem);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1.5rem;
}

.panel-heading {
  margin-bottom: 1rem;
}

.panel-heading-row {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

.panel-heading h1 {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
  /*font-family: var(--font-sans);*/
}

.panel-heading-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.panel-heading-admin-link {
  /*padding: 0.35rem 0.7rem;*/
  /*border: 1px solid var(--line);*/
  /*border-radius: 5px;*/
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.panel-heading-advanced-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.88rem;
  line-height: 1;
  text-decoration: none;
}

.panel-heading-advanced-link svg {
  width: 0.95rem;
  height: 0.95rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.panel-heading-admin-link:hover,
.panel-heading-admin-link:focus-visible,
.panel-heading-advanced-link:hover,
.panel-heading-advanced-link:focus-visible {
  background: #111;
  color: #fff;
}

.viewer-shell {
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(1.25rem, 2vw, 2rem);
}

.calendar-shell {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ededed;
}

.calendar-bar,
.date-form-row,
.search-form-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.calendar-heading,
.date-form label,
.search-form label {
  font-family: var(--font-sans);
}

.calendar-bar {
  justify-content: space-between;
  margin-bottom: 1rem;
}

.calendar-heading {
  text-align: center;
}

.calendar-eyebrow {
  margin: 0 0 0.15rem;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.calendar-month-title {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.1;
}

.calendar-nav-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  border-radius: 999px;
}

.calendar-nav-button:disabled {
  opacity: 0.35;
}

.calendar-weekdays,
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
}

.calendar-weekdays {
  margin-bottom: 0;
}

.calendar-weekdays span {
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
}

.calendar-day,
.calendar-day-placeholder {
  aspect-ratio: 1 / 1;
}

.calendar-day {
  position: relative;
  border: 0;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  background: #ffffff;
  color: var(--muted);
  padding: 0;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease, transform 120ms ease;
}

.calendar-day.is-entry {
  background: #fff;
  border-color: #dedede;
  color: var(--text);
  cursor: pointer;
}

.calendar-day.is-entry:hover,
.calendar-day.is-entry:focus-visible {
  border-color: var(--accent);
  transform: none;
}

.calendar-day.is-selected {
  background: #111111;
  border-color: #111111;
  color: #ffffff;
}

.calendar-day.is-today {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.calendar-day.is-unavailable {
  background: #fafafa;
  border-color: #f0f0f0;
  color: #b0b0b0;
  cursor: default;
}

.calendar-day-placeholder {
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}

.calendar-day-number {
  display: block;
  font-family: var(--font-sans);
}

.calendar-day-number {
  font-size: 0.86rem;
  font-weight: 600;
  text-align: center;
}

.date-form {
  margin-top: 1.2rem;
}

.entry-width-control {
  margin-top: 1rem;
}

.entry-width-slider-shell {
  position: relative;
  padding-top: 0.55rem;
}

.date-form-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 0.55rem;
}

.entry-width-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 0.55rem;
}

.search-form {
  margin: 0 0 1.2rem;
}

.entry-width-control label,
.date-form label,
.search-form label {
  display: block;
  margin-bottom: 0;
  font-size: 0.92rem;
  font-weight: 600;
}

.entry-width-value {
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 600;
}

button,
input[type="date"],
input[type="search"] {
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--text);
  /*min-height: 2.9rem;*/
  padding: 0.25em;
}

button {
  cursor: pointer;
  background: linear-gradient(180deg, #ffffff, #f5f5f5);
}

.date-form-row {
  align-items: stretch;
}

.date-form-row input[type="date"],
.search-form-row input[type="search"] {
  flex: 1 1 auto;
}

button:hover,
button:focus-visible {
  border-color: var(--accent);
}

.entry-width-slider {
  width: 100%;
  margin: 0;
  accent-color: var(--accent);
}

.entry-width-default-marker {
  position: absolute;
  top: 0.02rem;
  left: calc((((var(--entry-content-default-width) - var(--entry-width-min)) / (var(--entry-width-max) - var(--entry-width-min))) * (100% - 1rem)) + 0.5rem);
  width: 0.42rem;
  height: 0.42rem;
  background: var(--muted);
  border-radius: 999px;
  pointer-events: none;
  transform: translateX(-50%);
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.sound-toggle {
  min-height: 0;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.sound-toggle.is-on {
  border-color: #2f8f4e;
  background: #2f8f4e;
  color: #ffffff;
}

.sound-toggle.is-on:hover,
.sound-toggle.is-on:focus-visible {
  border-color: #25713d;
  background: #25713d;
}

.undated-button {
  width: 100%;
  margin-top: 0.9rem;
}

.gallery > :first-child {
  margin-top: 0;
}

.default-screen {
  display: grid;
  min-height: min(34rem, 68vh);
  place-items: center;
}

.default-screen-panel {
  width: min(100%, 42rem);
  padding: clamp(1.75rem, 4vw, 3rem);
  border: 1px solid var(--line);
  border-radius: 2rem;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.default-screen-eyebrow {
  margin: 0 0 0.45rem;
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.default-screen-title {
  margin: 0;
  font-size: clamp(2rem, 6vw, 3.8rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
}

.default-screen-copy {
  max-width: 34rem;
  margin: 1rem 0 0;
  color: #434343;
  font-size: 1.08rem;
}

.default-screen-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.6rem;
}

.default-screen-action {
  min-width: 10rem;
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: 0.92rem;
  font-weight: 600;
}

.default-screen-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 1.8rem 0 0;
}

.default-screen-stats div {
  min-width: 0;
  padding: 0.9rem 1rem;
  border: 1px solid var(--line);
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.72);
}

.default-screen-stats dt {
  margin: 0 0 0.2rem;
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.default-screen-stats dd {
  margin: 0;
  font-size: 1rem;
  line-height: 1.35;
}

.advanced-search-stage {
  position: absolute;
  top: 0;
  left: -200vw;
  width: min(calc(100vw - 3rem), 56rem);
  max-width: 56rem;
  opacity: 0;
  pointer-events: none;
}

.advanced-search-view {
  width: min(100%, 56rem);
  margin: 0 auto;
}

.advanced-search-panel {
  padding: clamp(1.75rem, 4vw, 2.7rem);
  border: 1px solid var(--line);
  border-radius: 2rem;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.advanced-search-eyebrow {
  margin: 0 0 0.45rem;
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.advanced-search-heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.advanced-search-title {
  margin: 0;
  font-size: clamp(2rem, 5vw, 3.3rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
}

.advanced-search-copy {
  max-width: 34rem;
  margin: 0.95rem 0 0;
  color: #434343;
  font-size: 1.04rem;
}

.advanced-search-back-button {
  min-height: 0;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.advanced-search-plugin-shell {
  margin-top: 1.8rem;
}

.advanced-search-disclosure {
  margin-top: 1.25rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--line);
}

.advanced-search-disclosure summary {
  cursor: pointer;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.advanced-search-disclosure summary:focus-visible {
  outline: 2px solid #111;
  outline-offset: 4px;
}

.advanced-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin-top: 1.1rem;
}

.advanced-search-form-title {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.advanced-search-field {
  display: grid;
  gap: 0.35rem;
  color: #565049;
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.advanced-search-field input {
  min-height: 2.6rem;
  border: 1px solid var(--line);
  border-radius: 0.45rem;
  background: #fff;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.advanced-search-field input {
  width: 100%;
  padding: 0.75rem 0.9rem;
}

.advanced-search-date-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.advanced-search-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
}

.advanced-search-submit,
.advanced-search-reset {
  min-height: 2.5rem;
  padding: 0.7rem 1.05rem;
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.advanced-search-reset {
  background: #fff;
}

.advanced-search-plugin-shell .asl_w_container {
  width: 100%;
}

.advanced-search-plugin-shell .asl_w,
.advanced-search-plugin-shell .asl_r.vertical,
.advanced-search-plugin-shell .asl_s.searchsettings {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
}

.advanced-search-plugin-shell .asl_w .probox {
  margin: 0;
  padding: 0.65rem 0.8rem;
  height: auto;
  border: 1px solid var(--line) !important;
  border-radius: 999px;
  background: #fff;
  box-shadow: none;
}

.advanced-search-plugin-shell .asl_w .probox .proinput,
.advanced-search-plugin-shell .asl_w .probox .proinput input,
.advanced-search-plugin-shell .asl_r .results .item .asl_content h3,
.advanced-search-plugin-shell .asl_r .results .item .asl_content h3 a,
.advanced-search-plugin-shell .asl_r .results .item div.etc,
.advanced-search-plugin-shell .asl_r .results .item .etc .asl_author,
.advanced-search-plugin-shell .asl_r .results .item .etc .asl_date,
.advanced-search-plugin-shell .asl_r .results .item p.desc {
  font-family: var(--font-sans) !important;
}

.advanced-search-plugin-shell .asl_w .probox .proinput input {
  color: var(--text) !important;
  font-size: 0.98rem !important;
}

.advanced-search-plugin-shell .asl_w .probox .proinput input::placeholder {
  color: var(--muted) !important;
}

.advanced-search-plugin-shell .asl_w .probox .promagnifier .innericon svg,
.advanced-search-plugin-shell .asl_w .probox .prosettings .innericon svg {
  fill: #111;
}

.advanced-search-plugin-shell .asl_w .probox div.asl_simple-circle {
  border-color: #111;
}

.advanced-search-plugin-shell .asl_r.vertical {
  margin-top: 0.8rem;
  padding: 0.45rem;
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow);
}

.advanced-search-plugin-shell .asl_r .results .item {
  border-radius: 0.85rem;
}

.advanced-search-plugin-shell .asl_r .results .item.hovered {
  background: #eef3fb;
}

.advanced-search-plugin-shell .asl_r .results .item .asl_content h3,
.advanced-search-plugin-shell .asl_r .results .item .asl_content h3 a {
  color: var(--text) !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
}

.advanced-search-plugin-shell .asl_r .results .item div.etc,
.advanced-search-plugin-shell .asl_r .results .item .etc .asl_author,
.advanced-search-plugin-shell .asl_r .results .item .etc .asl_date {
  color: var(--muted) !important;
}

.advanced-search-plugin-shell .asl_r .results .item p.desc {
  color: #3f3f3f !important;
  line-height: 1.5 !important;
}

.advanced-search-plugin-shell .asl_r span.highlighted {
  background: #fff2bf;
  color: #111;
}

.advanced-search-plugin-shell .asl_r p.showmore span {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-family: var(--font-sans);
  font-weight: 600;
}

.loading,
.empty-state {
  margin: 0;
  color: var(--muted);
}

.entry-card {
  padding: 1.35rem 0 1.6rem;
}

.entry-card.is-targeted {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 18px;
  background: var(--panel);
  box-shadow: inset 0 0 0 2px rgba(47, 103, 198, 0.34);
}

.entry-card + .entry-card {
  border-top: 1px solid var(--line);
}

.entry-card-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.6rem;
}

.entry-card-header h3 {
  margin: 0;
  font-family: var(--font-entry-title);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.15;
}

.entry-card-header h3 a,
.entry-card-header h3 a:visited {
  color: inherit;
  text-decoration: none;
}

.entry-card-header h3 a:hover,
.entry-card-header h3 a:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

p.edit {
  display: inline;
  margin: 0;
  font-family: var(--font-sans);
  font-size: 0.85rem;
  line-height: 1.2;
}

p.edit a,
p.edit a:visited {
  color: #aaa;
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 5px;
}

p.edit a:hover,
p.edit a:focus-visible {
  background-color: orange;
  color: #fff;
}

.entry-card-content {
  margin-top: 1.15rem;
  font-family: var(--font-reading);
  overflow-wrap: break-word;
}

.hide {
  display: none;
}

.entry-card-content p,
.entry-card-content blockquote,
.entry-card-content ul,
.entry-card-content ol,
.entry-card-content figure,
.entry-card-content pre,
.entry-card-content table,
.entry-card-content center {
  margin: 0 0 1.1rem;
}

.entry-card-content p {
  font-size: var(--font-reading-size);
}

.entry-card-content blockquote,
.entry-card-content li,
.entry-card-content td,
.entry-card-content aside {
  font-size: var(--font-reading-size);
}

.entry-card-content h3 {
  font-family: var(--font-sans);
  font-weight: 700;
}

.entry-card-content code,
.entry-card-content pre {
  font-family: var(--font-mono);
  color: #1f2328;
}

.entry-card-content code {
  padding: 0.12em 0.4em;
  background: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  font-size: 0.92em;
}

.entry-card-content pre,
.entry-card-content > code,
.entry-card-content :where(p, blockquote, li, div, section, article, aside, details, center) > code:only-child {
  display: block;
  margin: 0 0 1.1rem;
  padding: 0.95rem 1.15rem;
  overflow-x: auto;
  overflow-wrap: normal;
  word-break: normal;
  white-space: pre;
  background: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  line-height: 1.55;
  tab-size: 2;
}

.entry-card-content pre code {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 0.95em;
}

@media (min-width: 900px) {
  #gallery .entry-card-header,
  #gallery .entry-card-content {
    width: calc(var(--entry-content-width) * 1%);
    margin-left: auto;
    margin-right: auto;
  }

  .entry-card-content > :where(p, ul, ol, blockquote, pre, details, table, center, h2, h3, h4, h5, h6, .notecard, .studiolog, .health, .encryptedText) {
    max-width: var(--entry-text-max);
  }
}

.entry-card-content img,
.entry-card-content iframe,
.entry-card-content video {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  margin: 1rem auto;
}

.entry-card-content .journal-s3-video video {
  transition: opacity 140ms ease;
}

.entry-card-content .journal-s3-video.is-pending video {
  opacity: 0;
  pointer-events: none;
}

.entry-card-content .gallery {
  margin: 0 -1.79104477% 1.1rem;
  font-size: 0;
}

.entry-card-content .gallery-item {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  font-size: 1rem;
}

.entry-card-content .gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.entry-card-content .gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.entry-card-content .gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.entry-card-content .gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.entry-card-content .gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.entry-card-content .gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.entry-card-content .gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.entry-card-content .gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.entry-card-content .gallery-icon a {
  display: block;
}

.entry-card-content .gallery img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.entry-card-content .gallery .gallery-caption {
  display: block;
  padding: 0.45rem 0 0;
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.88rem;
  line-height: 1.45;
}

.entry-card-content .gallery-columns-6 .gallery-caption,
.entry-card-content .gallery-columns-7 .gallery-caption,
.entry-card-content .gallery-columns-8 .gallery-caption,
.entry-card-content .gallery-columns-9 .gallery-caption {
  display: none;
}

.entry-card-content blockquote:not(.email):not(.letter):not(.txt):not(.poem):not(.pocketbook):not(.note):not(.notes):not(.sans):not(.typewriter):not(.fr) {
  width: 90%;
  margin: 0 auto 1.9rem 0;
  padding: 0 0 0 10px;
  /*border-left: 5px solid #ccc;*/
  color: inherit;
}

.entry-card-content blockquote:not(.email):not(.letter):not(.txt):not(.poem):not(.pocketbook):not(.note):not(.notes):not(.sans):not(.typewriter):not(.fr) p {
  width: 100%;
  margin-top: 1em;
  /*font-family: "Letter Gothic", monospace;*/
  font-family: var(--font-sans);
  font-size: 0.95em;
  line-height:30px;
}

.entry-card-content blockquote:not(.email):not(.letter):not(.txt):not(.poem):not(.pocketbook):not(.note):not(.notes):not(.sans):not(.typewriter):not(.fr)::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: -15px 7px 0 0;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M96 280C96 213.7 149.7 160 216 160L224 160C241.7 160 256 174.3 256 192C256 209.7 241.7 224 224 224L216 224C185.1 224 160 249.1 160 280L160 288L224 288C259.3 288 288 316.7 288 352L288 416C288 451.3 259.3 480 224 480L160 480C124.7 480 96 451.3 96 416L96 280zM352 280C352 213.7 405.7 160 472 160L480 160C497.7 160 512 174.3 512 192C512 209.7 497.7 224 480 224L472 224C441.1 224 416 249.1 416 280L416 288L480 288C515.3 288 544 316.7 544 352L544 416C544 451.3 515.3 480 480 480L416 480C380.7 480 352 451.3 352 416L352 280z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}



.entry-card-content blockquote:not(.fr) > p:first-of-type {
  display: inline;
  margin: 0;
  padding: 0;
}

.entry-card-content hr {
  border: 0;
  border-top: 1px dashed var(--line);
  margin: 1.5rem 0;
}

.entry-card-content center {
  text-align: center;
}

.entry-card-content book,
.entry-card-content movie,
.entry-card-content tv,
.entry-card-content play,
.entry-card-content cd,
.entry-card-content mag,
.entry-card-content project,
.entry-card-content radio {
  font-style: italic;
  display:inline;
}

.entry-card-content day {
  font-family: var(--font-sans);
  font-size: 0.95em;
  font-weight: 600;
}

.entry-card-content dream {
  border: 2px solid #dccafb;
  background-color: #dccafb;
  color: inherit;
}

.entry-card-content .dream {
  font-style: italic;
  color: #d595a4;
}

.entry-card-content reply {
  color: #ff00cc;
}

.entry-card-content blue {
  color: #0000ff;
}

.entry-card-content highlight,
.entry-card-content ylight,
.entry-card-content .highlight {
  border: 1px solid #ffff99;
  background-color: #ffff99;
}

.entry-card-content plight,
.entry-card-content .plight {
  border: 1px solid #f13c73;
  background-color: #f13c73;
}

.entry-card-content .no-break {
  white-space: nowrap;
  display: inline;
  position: relative;
}

.entry-card-content poem {
  border: 2px solid #feccdb;
  background-color: #feccdb;
  font-family: var(--font-mono);
}

.entry-card-content blockquote.poem {
  display: block;
  margin: 15px 30px 0 10px;
  padding-left: 35px;
  border: 2px solid #feccdb;
  border-left-width: 2px;
  background: #feccdb;
  color: inherit;
  font-family: var(--font-mono);
  font-size: 12px;
}

.entry-card-content p.dot {
  width: 30px;
  margin: -20px auto 0;
  padding: 0;
  text-align: center;
  font-size: 1.6em;
  font-weight: 700;
}

.entry-card-content p.dot-99 {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 auto 20px;
  padding: 0;
  text-align: center;
}

.entry-card-content p.dot-99::before {
  content: "";
  display: block;
  width: 15px;
  height: 30px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='black' d='M208 32c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32l0 140.9 122-70.4c15.3-8.8 34.9-3.6 43.7 11.7l16 27.7c8.8 15.3 3.6 34.9-11.7 43.7L352 256l122 70.4c15.3 8.8 20.6 28.4 11.7 43.7l-16 27.7c-8.8 15.3-28.4 20.6-43.7 11.7L304 339.1 304 480c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-140.9L86 409.6c-15.3 8.8-34.9 3.6-43.7-11.7l-16-27.7c-8.8-15.3-3.6-34.9 11.7-43.7L160 256 38 185.6c-15.3-8.8-20.5-28.4-11.7-43.7l16-27.7C51.1 98.8 70.7 93.6 86 102.4l122 70.4L208 32z'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.entry-card-content button {
  border: 1px solid #aaa;
  border-radius: 5px;
  background: transparent;
}

.entry-card-content button:active {
  background: #ddd;
}

.entry-card-content summary {
  display: inline-block;
  margin: 10px 0;
  padding: 5px 10px;
  border: 1px dashed #000;
  border-radius: 7px;
  font-family: var(--font-mono);
  font-size: 0.9em;
  text-align: left;
  letter-spacing: normal;
  cursor: pointer;
}

.entry-card-content details[open] {
  padding-left: 10px;
  border-left: 1px dashed #000;
}

.entry-card-content details[open] > summary {
  background: #eee;
}

.entry-card-content details[open]:has(blockquote.email),
.entry-card-content details[open]:has(blockquote.letter),
.entry-card-content details[open]:has(blockquote.sans),
.entry-card-content details[open]:has(blockquote.typewriter),
.entry-card-content details.sans[open],
.entry-card-content details.typewriter[open] {
  padding-left: 0;
  border-left: 0;
}

.entry-card-content details.poem[open] {
  margin-bottom: 30px;
  padding: 10px;
  border: 1px dashed #000;
  border-radius: 10px;
}

.entry-card-content details.poem summary {
  width: 100%;
}

.entry-card-content details.poem[open] > summary {
  width: auto;
  background: #a29bfe;
  color: #fff;
}

.entry-card-content details.poem p {
  font-family: var(--font-sans);
  font-size: 1.1em;
}

::backdrop {
  background: rgba(255, 255, 255, 0.52);
}

[popover] {
  padding: 5px 10px;
  border: 1px dashed #000;
  border-radius: 7px;
}

.entry-card-content blockquote.txt {
  width: 55%;
  margin: 0 auto 20px;
  padding: 5px 10px 0;
  border: 1px dashed #000;
  border-left-width: 1px;
  border-radius: 7px;
  font-family: var(--font-mono) !important;
  color: inherit;
}

.entry-card-content blockquote.txt p {
  margin: 0;
  font-size: 12px;
}

.entry-card-content blockquote.email,
.entry-card-content blockquote.letter {
  margin: 20px 0;
  padding: 30px 20px 10px;
  border: 1px solid #ccc;
  border-left-width: 1px;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font-family: var(--font-mono);
  line-height: 1.45;
}

.entry-card-content blockquote.email::before,
.entry-card-content blockquote.letter::before {
  content: "";
  display: inline-block;
  width: 1.75em;
  height: 1.75em;
  margin: 0.15em 7px 0 0;
  vertical-align: top;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

.entry-card-content strong.search-excerpt {
  background: #ff0;
  border: 1px solid #ff0;
}

.entry-card-content label[class],
.entry-card-content holiday,
.entry-card-content klabel,
.entry-card-content gray_label,
.entry-card-content tq_label,
.entry-card-content sun_ylw,
.entry-card-content gold,
.entry-card-content rlabel,
.entry-card-content olabel,
.entry-card-content glabel,
.entry-card-content blabel,
.entry-card-content tan-brown,
.entry-card-content lgblue,
.entry-card-content nbluelabel,
.entry-card-content navyblue,
.entry-card-content navy,
.entry-card-content cogi,
.entry-card-content plabel,
.entry-card-content cross,
.entry-card-content .holiday,
.entry-card-content .glabel,
.entry-card-content .green,
.entry-card-content .klabel,
.entry-card-content .black,
.entry-card-content .gray_label,
.entry-card-content .tq_label,
.entry-card-content .teal,
.entry-card-content .sun_ylw,
.entry-card-content .yellow,
.entry-card-content .gold,
.entry-card-content .cross,
.entry-card-content .church,
.entry-card-content .rlabel,
.entry-card-content .red,
.entry-card-content .reddish,
.entry-card-content .rose,
.entry-card-content .pink,
.entry-card-content .magenta,
.entry-card-content .olabel,
.entry-card-content .orange,
.entry-card-content .coral,
.entry-card-content .amber,
.entry-card-content .honey,
.entry-card-content .marigold,
.entry-card-content .mustard,
.entry-card-content .ochre,
.entry-card-content .burnt-orange,
.entry-card-content .terracotta,
.entry-card-content .rust,
.entry-card-content .copper,
.entry-card-content .bronze,
.entry-card-content .caramel,
.entry-card-content .lime,
.entry-card-content .blabel,
.entry-card-content .blue,
.entry-card-content .mint,
.entry-card-content .cyan,
.entry-card-content .sky,
.entry-card-content .tan-brown,
.entry-card-content .brown,
.entry-card-content .sienna,
.entry-card-content .umber,
.entry-card-content .chocolate,
.entry-card-content .espresso,
.entry-card-content .lgblue,
.entry-card-content .nbluelabel,
.entry-card-content .navyblue,
.entry-card-content .navy,
.entry-card-content .cogi,
.entry-card-content .plabel,
.entry-card-content .indigo,
.entry-card-content .violet,
.entry-card-content .mauve,
.entry-card-content .mpurple,
.entry-card-content .purple,
.entry-card-content .lavender,
.entry-card-content .heat {
  display: inline;
  white-space: nowrap;
  padding: 2px 5px;
  border-radius: 3px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 0.8em;
  font-style: normal;
  line-height: 1.25;
  color:white;
}

.entry-card-content .heat {
  background-color: #f4f7fb;
  color: #1f3658;
}

.entry-card-content holiday,
.entry-card-content .holiday,
.entry-card-content glabel,
.entry-card-content .glabel,
.entry-card-content .green {
  background-color: #2ecc71;
  color: #fff;
}

.entry-card-content klabel,
.entry-card-content .klabel,
.entry-card-content .black {
  background-color: #000;
  color: #fff;
}

.entry-card-content gray_label,
.entry-card-content .gray_label {
  background-color: #7f8c8d;
  color: #fff;
}

.entry-card-content tq_label,
.entry-card-content .tq_label,
.entry-card-content .teal {
  background-color: #1abc9c;
  color: #fff;
}

.entry-card-content sun_ylw,
.entry-card-content .sun_ylw,
.entry-card-content .yellow {
  background-color: #f1c40f;
  color: #111;
}

.entry-card-content gold,
.entry-card-content .gold,
.entry-card-content cross,
.entry-card-content .cross,
.entry-card-content .church {
  background-color: #f6bf25;
  color: #fff;
}

.entry-card-content rlabel,
.entry-card-content .rlabel,
.entry-card-content .red,
.entry-card-content .reddish {
  background-color: #c0392b;
  color: #fff;
}

.entry-card-content .reddish {
  background-color: #ee5253;
}

.entry-card-content .rose {
  background-color: #d81b60;
  color: #fff;
}

.entry-card-content .pink {
  background-color: #ff9ec7;
  color: #111;
}

.entry-card-content .magenta {
  background-color: #c218b8;
  color: #fff;
}

.entry-card-content olabel,
.entry-card-content .olabel,
.entry-card-content .orange {
  background-color: #e67e22;
  color: #fff;
}

.entry-card-content .coral {
  background-color: #ff6b4a;
  color: #111;
}

.entry-card-content .amber {
  background-color: #ffb000;
  color: #111;
}

.entry-card-content .honey {
  background-color: #f6c453;
  color: #111;
}

.entry-card-content .marigold {
  background-color: #f59e0b;
  color: #111;
}

.entry-card-content .mustard {
  background-color: #d4a017;
  color: #111;
}

.entry-card-content .ochre {
  background-color: #c99700;
  color: #111;
}

.entry-card-content .burnt-orange {
  background-color: #cc5500;
  color: #fff;
}

.entry-card-content .terracotta {
  background-color: #c65f43;
  color: #fff;
}

.entry-card-content .rust {
  background-color: #b7410e;
  color: #fff;
}

.entry-card-content .copper {
  background-color: #b87333;
  color: #111;
}

.entry-card-content .bronze {
  background-color: #8c6239;
  color: #fff;
}

.entry-card-content .caramel {
  background-color: #c68a3a;
  color: #111;
}

.entry-card-content .lime {
  background-color: #a3e635;
  color: #111;
}

.entry-card-content blabel,
.entry-card-content .blabel {
  background-color: #3498db;
  color: #fff;
}

.entry-card-content .blue {
  background-color: #3742fa;
  color: #fff;
}

.entry-card-content .mint {
  background-color: #8cecc2;
  color: #083526;
}

.entry-card-content .cyan {
  background-color: #00bcd4;
  color: #062a30;
}

.entry-card-content .sky {
  background-color: #7dc8ff;
  color: #0b2742;
}

.entry-card-content tan-brown,
.entry-card-content .tan-brown {
  background-color: #cd6133;
  color: #fff;
}

.entry-card-content .brown {
  background-color: #795548;
  color: #fff;
}

.entry-card-content .sienna {
  background-color: #a0522d;
  color: #fff;
}

.entry-card-content .umber {
  background-color: #6b3f1f;
  color: #fff;
}

.entry-card-content .chocolate {
  background-color: #5c3317;
  color: #fff;
}

.entry-card-content .espresso {
  background-color: #3b2416;
  color: #fff;
}

.entry-card-content lgblue,
.entry-card-content .lgblue {
  background-color: #9fe1e7;
  color: darkblue;
}

.entry-card-content nbluelabel,
.entry-card-content .nbluelabel,
.entry-card-content navyblue,
.entry-card-content .navyblue,
.entry-card-content navy,
.entry-card-content .navy,
.entry-card-content cogi,
.entry-card-content .cogi {
  background-color: #00008b;
  color: #fff;
}

.entry-card-content cogi,
.entry-card-content .cogi {
  border-radius: 5px;
  font-variant: small-caps;
}

.entry-card-content plabel,
.entry-card-content .plabel {
  background-color: #9b59b6;
  color: #fff;
}

.entry-card-content .indigo {
  background-color: #3f51b5;
  color: #fff;
}

.entry-card-content .violet {
  background-color: #7c3aed;
  color: #fff;
}

.entry-card-content .mauve {
  background-color: #cea0e4;
  color: #fff;
}

.entry-card-content .mpurple {
  background-color: #6d214f;
  color: #fff;
}

.entry-card-content .purple {
  background-color: #5f27cd;
  color: #fff;
}

.entry-card-content .lavender {
  background-color: #d8c7ff;
  color: #21133f;
}

.entry-card-content blog {
  background-color: #ccf;
  border: 1px solid #ccf;
}

.entry-card-content story {
  background-color: #b1f053;
  border: 1px solid #b1f053;
}

.entry-card-content cross::before,
.entry-card-content .cross::before,
.entry-card-content .church::before {
  content: "♱ ";
}

.entry-card-content .heat::before {
  content: "";
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-right: 0.35em;
  vertical-align: -0.16em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122 96'%3E%3Cg fill='none' stroke='black' stroke-width='14' stroke-linecap='round'%3E%3Cpath d='M20 14c-2 20 3 31 15 47 9 12 13 22 12 31'/%3E%3Cpath d='M54 6c-2 24 2 38 15 54 9 12 12 22 11 32'/%3E%3Cpath d='M88 14c-2 20 3 31 15 47 9 12 13 22 12 31'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122 96'%3E%3Cg fill='none' stroke='black' stroke-width='14' stroke-linecap='round'%3E%3Cpath d='M20 14c-2 20 3 31 15 47 9 12 13 22 12 31'/%3E%3Cpath d='M54 6c-2 24 2 38 15 54 9 12 12 22 11 32'/%3E%3Cpath d='M88 14c-2 20 3 31 15 47 9 12 13 22 12 31'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.entry-card-content .studiolog {
  margin: 0 0 20px;
  padding: 0;
  background-color: #ecf7da;
}

.entry-card-content .studiolog h2 {
  margin: 0;
  padding: 2px;
  background-color: #66a5f7;
  color: #fff;
  font-size: 1.5em;
}

.entry-card-content .studiolog-entry {
  padding: 10px;
}

.entry-card-content .notecard {
  display: inline-block;
  margin: 30px 0;
  padding: 10px;
  outline: 1px solid #eee;
  box-shadow: -3px 7px 20px 0 rgb(0 0 0 / 25%);
}

.entry-card-content blockquote.pocketbook {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 25px 0;
  padding: 20px;
  border: 1px dashed #000;
  border-radius:5px;
  /*border-top: 2px solid #000;*/
  /*border-right: 0;*/
  /*border-bottom: 2px solid #000;*/
  /*border-left: 0;*/
}


.entry-card-content blockquote.pocketbook p {
  font-family: var(--font-mono) !important;
  font-size:0.7em !important;;
}


.entry-card-content blockquote.typewriter,
.entry-card-content blockquote.typewriter p {
  font-family: var(--font-typewriter) !important;
}

.entry-card-content details.typewriter blockquote,
.entry-card-content details.typewriter blockquote p {
  font-family: var(--font-typewriter) !important;
}

.entry-card-content blockquote.typewriter::before,
.entry-card-content blockquote.sans::before,
.entry-card-content blockquote.fr::before,
.entry-card-content details.typewriter blockquote::before,
.entry-card-content details.sans blockquote::before {
  content: none;
  display: none;
}

.entry-card-content blockquote.typewriter p {
  font-size:0.7em !important;;
}

.entry-card-content blockquote.sans,
.entry-card-content blockquote.sans p {
  font-family: var(--font-sans) !important;
}

.entry-card-content blockquote.fr {
  width: auto;
  margin: 0;
  padding: 0;
  font-family: var(--font-sans) !important;
  font-size: var(--font-reading-size);
  line-height: 1.45;
}

.entry-card-content blockquote.fr p {
  width: auto;
  margin: 0 0 0.9em;
  padding: 0;
  font-family: var(--font-sans) !important;
  font-size: var(--font-reading-size);
  line-height: 1.45;
}

.entry-card-content blockquote.fr p:last-child {
  margin-bottom: 0;
}

.entry-card-content details.sans blockquote,
.entry-card-content details.sans blockquote p {
  font-family: var(--font-sans) !important;
}

.entry-card-content blockquote.sans p {
  font-size: 0.9em !important;
}

.entry-card-content details.sans blockquote p {
  font-size: 0.9em !important;
}

.entry-card-content blockquote.note {
  width: 90%;
  margin: 0 auto 20px;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #ffffdd;
  font-size: 0.85em;
}

.entry-card-content blockquote.notes {
  width: 90%;
  margin: 0 auto 20px;
  padding: 20px 20px 0;
  border: 1px solid #ddd;
  background: #ffffdd;
  font-size: 0.85em;
}

.entry-card-content blockquote.note > h1,
.entry-card-content blockquote.notes > h1 {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
  background: transparent;
  font-family: var(--font-sans);
  font-size: 0.9em;
}

.entry-card-content blockquote.note > p,
.entry-card-content blockquote.notes > p {
  font-family: var(--font-sans) !important;
}

.entry-card-content phnote {
  padding: 2px;
  border-radius: 3px;
  background-color: #f6e79e;
  color: #000;
  font-family: var(--font-sans);
}

.entry-card-content .health {
  display: block;
  margin: 10px 0;
  padding: 10px 15px;
  border: 1px dashed #aaa;
  background-color: #b0e0e6;
}

.entry-card-content .encryptedText {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px dashed #000;
  border-radius: 10px;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
}

.entry-card-content .encrypted {
  overflow-wrap: break-word;
}

.entry-card-content .ninety-nine {
  list-style: none;
  padding-left: 0;
}

.entry-card-content .ninety-eight {
  list-style: none;
  padding-left: 0;
}

.entry-card-content ul.ninety-nine li {
  padding-left: 0;
}

.entry-card-content ul.ninety-eight li {
  padding-left: 0;
}

.entry-card-content .ninety-nine > li::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 30px;
  margin-right: 0.5em;
  margin-bottom: -10px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 512'><path d='M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l150-150z'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.entry-card-content .ninety-eight > li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 3px;
  margin-right: 0.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='96 288 448 64' preserveAspectRatio='none'><path d='M96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320z'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.entry-card-content .smallcaps {
  font-size: 1.25em;
  font-variant: small-caps;
}

.entry-card-content .smallcaps2 {
  font-size: 1.1em;
  font-variant: small-caps;
}

.entry-card-content table {
  width: 100%;
  border-collapse: collapse;
}

.entry-card-content td,
.entry-card-content th {
  padding: 0.55rem 0.7rem;
  /*border: 1px solid var(--line);*/
  /*text-align: left;*/
}

.entry-card-content div[id="flex-container"],
.entry-card-content .flex-container {
  width: 100%;
}

.entry-card-content .slides,
.entry-card-content .flex-control-nav,
.entry-card-content .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.entry-card-content .flexslider {
  margin: 0 0 2.8rem;
  background: transparent;
  position: relative;
  zoom: 1;
}

.entry-card-content .flexslider .flex-viewport {
  max-height: none;
  overflow: visible;
  transition: height 200ms ease;
}

.entry-card-content .flexslider .slides {
  zoom: 1;
}

.entry-card-content .flexslider .slides::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.entry-card-content .flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.entry-card-content .flexslider .slides > li:first-child {
  display: block;
}

.entry-card-content .flexslider.is-ready .slides {
  position: relative;
}

.entry-card-content .flexslider.is-ready .slides > li {
  display: block;
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  transition: opacity 200ms ease;
}

.entry-card-content .flexslider.is-ready .slides > li.is-active {
  position: relative;
  opacity: 1;
  z-index: 2;
}

.entry-card-content .flexslider .slides > li > p,
.entry-card-content .flexslider .slides > li > figure {
  margin: 0;
}

.entry-card-content .flexslider .slides > li p.caption,
.entry-card-content .flexslider .slides > li figcaption {
  margin: 0.55rem 0 1rem;
  font-family: var(--font-sans);
  font-size: 0.9em;
  line-height: 1.4;
  text-align: center;
}

.entry-card-content .flexslider .slides img,
.entry-card-content .flexslider .slides video {
  width: 100%;
  display: block;
}

.entry-card-content .flexslider .slides a {
  display: block;
}

.entry-card-content .flex-direction-nav {
  pointer-events: none;
}

.entry-card-content .flex-direction-nav a {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -1.125rem;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  cursor: pointer;
  opacity: 0;
  pointer-events: auto;
  text-decoration: none;
  text-indent: -9999px;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.2s ease;
}

.entry-card-content .flex-direction-nav .flex-prev {
  left: -2.25rem;
}

.entry-card-content .flex-direction-nav .flex-next {
  right: -2.25rem;
}

.entry-card-content .flexslider:hover .flex-prev,
.entry-card-content .flexslider:focus-within .flex-prev {
  opacity: 0.82;
  transform: translateX(2rem);
}

.entry-card-content .flexslider:hover .flex-next,
.entry-card-content .flexslider:focus-within .flex-next {
  opacity: 0.82;
  transform: translateX(-2rem);
}

.entry-card-content .flex-direction-nav .flex-prev::before,
.entry-card-content .flex-direction-nav .flex-next::before {
  text-indent: 0;
  font-family: var(--font-sans);
  font-size: 1.55rem;
  line-height: 1;
}

.entry-card-content .flex-direction-nav .flex-prev::before {
  content: "‹";
}

.entry-card-content .flex-direction-nav .flex-next::before {
  content: "›";
}

.entry-card-content .flex-direction-nav a:hover {
  background: #ffffff;
}

.entry-card-content .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -1.85rem;
  text-align: center;
}

.entry-card-content .flex-control-nav li {
  display: inline-block;
  margin: 0 0.35rem;
}

.entry-card-content .flex-control-paging li a {
  width: 0.65rem;
  height: 0.65rem;
  display: block;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.38);
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
}

.entry-card-content .flex-control-paging li a:hover {
  background: rgba(0, 0, 0, 0.62);
}

.entry-card-content .flex-control-paging li a.flex-active {
  background: rgba(0, 0, 0, 0.92);
}

.search-results-header {
  margin-bottom: 1.35rem;
}

.search-results-eyebrow,
.search-results-meta,
.search-result-date,
.search-result-snippet {
  font-family: var(--font-sans);
}

.search-results-eyebrow,
.search-results-meta,
.search-result-date {
  color: var(--muted);
}

.search-results-eyebrow {
  margin: 0 0 0.25rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.search-results-header h2 {
  margin: 0;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.08;
}

.search-results-meta {
  margin: 0.45rem 0 0;
}

.search-results-list {
  border-top: 1px solid var(--line);
}

.search-result-card {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 1rem 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: inherit;
  text-align: left;
  text-decoration: none;
  box-shadow: none;
}

.search-result-card:visited {
  color: inherit;
}

.search-result-card:hover,
.search-result-card:focus-visible {
  border-color: var(--line);
  background: transparent;
}

.search-result-card:hover .search-result-title,
.search-result-card:focus-visible .search-result-title {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.search-results-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin: 0 0 1rem;
  padding: 0.1rem 0;
}

.search-results-pagination-summary {
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.88rem;
}

.search-results-pagination-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.search-results-pagination-link,
.search-results-pagination-disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6.75rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: 0.9rem;
  line-height: 1.2;
}

.search-results-pagination-link,
.search-results-pagination-link:visited {
  color: inherit;
  text-decoration: none;
}

.search-results-pagination-link:hover,
.search-results-pagination-link:focus-visible {
  border-color: #111;
}

.search-results-pagination-disabled {
  color: var(--muted);
  opacity: 0.6;
}

.search-result-date,
.search-result-title,
.search-result-snippet {
  display: block;
}

.search-result-date {
  margin-bottom: 0.22rem;
  font-size: 0.88rem;
}

.search-result-title {
  font-family: var(--font-entry-title);
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.3;
}

.search-result-snippet {
  margin-top: 0.45rem;
  font-family: var(--font-reading);
  line-height: 1.55;
  color: #353535;
}

.search-result-card mark,
.search-results-view mark {
  background: #fff0a8;
  color: inherit;
}

.single-post #breadcrumb {
  width: min(50rem, calc(100% - 2rem));
  margin: 20px auto;
  padding: 14px 0 15px 10px;
  border: 1px dashed #ddd;
  border-radius: 10px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 0.8em;
}

.single-post #breadcrumb a,
.single-post #breadcrumb a:visited {
  color: #000;
  text-decoration: none;
}

.single-post #breadcrumb a:hover,
.single-post #breadcrumb a:focus-visible {
  background-color: #3498db;
  color: #fff;
}

.archive #breadcrumb {
  width: min(50rem, calc(100% - 2rem));
  margin: 20px auto;
  padding: 14px 0 15px 10px;
  border: 1px dashed #ddd;
  border-radius: 10px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 0.8em;
}

.archive #breadcrumb a,
.archive #breadcrumb a:visited {
  color: #000;
  text-decoration: none;
}

.archive #breadcrumb a:hover,
.archive #breadcrumb a:focus-visible {
  background-color: #3498db;
  color: #fff;
}

.archive #content {
  position: relative;
  z-index: 1;
  width: min(55rem, calc(100% - 2rem));
  margin: 20px auto 50px;
  padding: 50px;
  background: var(--panel);
  border: 1px solid #e7e7e7;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.archive #content article {
  padding: 25px 0 10px;
  border-bottom: 1px solid #eee;
}

.archive #content article h1 {
  display: inline-block;
  margin: 0;
  padding: 0 0 15px;
  font-family: var(--font-entry-title);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}

.archive #content h1 a,
.archive #content h1 a:visited {
  color: #000;
  text-decoration: none;
}

.archive #content > article > a img,
.archive #content img {
  display: block;
  clear: both;
  width: 100%;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
}

.archive #content .entry-card-content p,
.archive #content .entry-card-content blockquote,
.archive #content aside,
.archive #content li,
.archive #content td {
  font-family: var(--font-reading);
  margin-top: 0;
  font-size: var(--font-reading-size);
  font-weight: 400;
  line-height: 1.6;
}

.archive #content .entry-card-content ul li {
  margin-left: 0;
  padding-left: 17px;
}

.single-post #content {
  position: relative;
  z-index: 1;
  width: min(55rem, calc(100% - 2rem));
  margin: 20px auto 50px;
  padding: 50px;
  background: var(--panel);
  border: 1px solid #e7e7e7;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.single-post #content article {
  padding: 25px 0 10px;
  border-bottom: 1px solid #eee;
}

.single-post #content article h1 {
  display: inline-block;
  margin: 0;
  padding: 0 0 15px;
  font-family: var(--font-entry-title);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}

.single-post #content h1 a,
.single-post #content h1 a:visited {
  color: #000;
  text-decoration: none;
}

.single-post #content > article > a img,
.single-post #content img {
  display: block;
  clear: both;
  width: 100%;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
}

.single-post #content .entry-card-content p,
.single-post #content .entry-card-content blockquote,
.single-post #content aside,
.single-post #content li,
.single-post #content td {
  font-family: var(--font-reading);
  margin-top: 0;
  font-size: var(--font-reading-size);
  font-weight: 400;
  line-height: 1.6;
}

.single-post #content .entry-card-content ul li {
  margin-left: 0;
  padding-left: 17px;
}

.single-post #content .entry-card-content blockquote:not(.email):not(.letter):not(.txt):not(.poem):not(.pocketbook):not(.note):not(.notes):not(.sans):not(.typewriter):not(.fr) p {
  width: 100%;
  margin-top: 1em;
  font-family: var(--font-sans);
  font-size: 0.95em;
  line-height: 30px;
}

.single-post #content .entry-card-content blockquote:not(.fr) > p:first-of-type {
  display: inline;
  margin: 0;
  padding: 0;
}

.single-post #content .entry-card-content blockquote.fr {
  width: auto;
  margin: 0;
  padding: 0;
  font-family: var(--font-sans) !important;
  font-size: var(--font-reading-size);
  font-weight: 400;
  line-height: 1.45;
}

.single-post #content .entry-card-content blockquote.fr p {
  width: auto;
  margin: 0 0 0.9em;
  padding: 0;
  font-family: var(--font-sans) !important;
  font-size: var(--font-reading-size);
  font-weight: 400;
  line-height: 1.45;
}

.single-post #content .entry-card-content blockquote.fr p:last-child {
  margin-bottom: 0;
}

.entry-card-content blockquote.email,
.entry-card-content blockquote.letter,
#content .entry-card-content blockquote.email,
#content .entry-card-content blockquote.letter {
  font-family: var(--font-mono);
  line-height: 1.45;
}

.entry-card-content blockquote.email p,
.entry-card-content blockquote.letter p,
#content .entry-card-content blockquote.email p,
#content .entry-card-content blockquote.letter p {
  margin: 0 0 0.95rem;
  font-family: inherit;
  font-size: 0.9em;
  line-height: 1.45;
}

.entry-card-content blockquote.email > p:first-of-type,
.entry-card-content blockquote.letter > p:first-of-type,
#content .entry-card-content blockquote.email > p:first-of-type,
#content .entry-card-content blockquote.letter > p:first-of-type {
  display: inline-block;
  margin: 0 0 1rem;
  vertical-align: top;
}

.entry-card-content blockquote.email p:last-child,
.entry-card-content blockquote.letter p:last-child,
#content .entry-card-content blockquote.email p:last-child,
#content .entry-card-content blockquote.letter p:last-child {
  margin-bottom: 0;
}

.single-post .hide {
  display: none;
}

.single-post .wp-caption {
  margin: 10px;
  padding: 4px;
  background-color: #f3f3f3;
  text-align: center;
  font-family: var(--font-sans);
}

.single-post .wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.single-post .wp-caption p.wp-caption-text {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

.entry-card-content p.caption,
.entry-card-content figcaption,
.single-post #content p.caption,
.single-post figcaption {
  margin: 10px;
  font-family: var(--font-sans);
  font-size: 0.9em;
  line-height: 1.4;
  text-align: center;
}

.single-post #content p.caption {
  margin: -10px 20px 20px;
}

.search {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
}

.search-input {
  flex: 1 1 auto;
}

.search-submit {
  min-height: 2.9rem;
}

.sidebar .widget,
.sidebar-widget {
  margin: 0 0 1rem;
}

.sidebar .widget:last-child,
.sidebar-widget:last-child {
  margin-bottom: 0;
}

.widget-title,
.sidebar-widget h3 {
  margin: 0 0 0.75rem;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 700;
}

.sidebar .r34otd {
  margin: 0;
}

.sidebar .r34otd-headline {
  line-height: 1.35;
}

.sidebar .r34otd-headline a,
.sidebar .r34otd-headline a:visited {
  color: var(--text);
  text-decoration: none;
}

.sidebar .r34otd-headline a:hover,
.sidebar .r34otd-headline a:focus-visible {
  text-decoration: underline;
}

.sidebar .r34otd-excerpt {
  margin-top: 0.4rem;
}

.sidebar .r34otd-dateline,
.sidebar .r34otd-entry-meta {
  color: var(--muted);
}

.single-post .sidebar {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}

.single-post .sidebar-widget + .sidebar-widget {
  margin-top: 1rem;
}

.noscript-note {
  padding: 0 2rem 2rem;
  color: var(--muted);
}


.embed-container {
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  margin:30px 0px;
  } 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  }

@media (max-width: 900px) {
  .journal-archive-shell-root,
  .journal-archive-shell-root body.journal-archive-shell {
    height: auto;
    overflow: visible;
    overscroll-behavior: auto;
  }

  #app-layout {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
    overflow: visible;
  }

  .panel {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .viewer-shell {
    height: auto;
    min-height: 70vh;
    overflow: visible;
  }

  .entry-card-content .flex-direction-nav .flex-prev,
  .entry-card-content .flexslider:hover .flex-prev,
  .entry-card-content .flexslider:focus-within .flex-prev {
    opacity: 1;
    left: 0.5rem;
    transform: none;
  }

  .entry-card-content .flex-direction-nav .flex-next,
  .entry-card-content .flexslider:hover .flex-next,
  .entry-card-content .flexslider:focus-within .flex-next {
    opacity: 1;
    right: 0.5rem;
    transform: none;
  }
}

@media (min-width: 901px) {
  .journal-archive-shell-root,
  .journal-archive-shell-root body.journal-archive-shell {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
  }
}

@media (max-width: 560px) {
  .entry-width-heading,
  .date-form-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .default-screen {
    min-height: auto;
  }

  .default-screen-panel {
    padding: 1.4rem;
    border-radius: 1.5rem;
  }

  .advanced-search-panel {
    padding: 1.4rem;
    border-radius: 1.5rem;
  }

  .advanced-search-heading-row {
    flex-direction: column;
  }

  .advanced-search-back-button {
    align-self: flex-start;
  }

  .advanced-search-date-fields {
    grid-template-columns: 1fr;
  }

  .default-screen-stats {
    grid-template-columns: 1fr;
  }

  .calendar-bar,
  .date-form-row,
  .search-form-row {
    flex-direction: column;
    align-items: stretch;
  }

  #app-layout {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .single-post #content {
    padding: 1.4rem;
  }

  .archive #content {
    padding: 1.4rem;
  }
}

.archive-disclosure {
  border-top: 1px solid var(--line);
  margin-top: 1rem;
  padding-top: 0.78rem;
}

.archive-disclosure summary {
  cursor: pointer;
  list-style: none;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.archive-disclosure summary::-webkit-details-marker {
  display: none;
}

.archive-disclosure summary::before {
  display: inline-block;
  width: 1rem;
  color: var(--accent);
  content: "▸";
}

.archive-disclosure[open] summary::before {
  content: "▾";
}

.archive-disclosure > .calendar-shell,
.archive-disclosure > #theme-panel {
  margin-top: 0.78rem;
}

.theme-explorer-copy {
  margin: 0 0 0.78rem;
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  line-height: 1.45;
}

.theme-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.theme-pill {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.42rem 0.62rem;
  background: #f8f9fb;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.15;
  text-align: left;
}

.theme-pill:hover,
.theme-pill:focus-visible {
  border-color: var(--accent);
  color: var(--accent);
}

.theme-pill[aria-pressed="true"] {
  border-color: var(--accent);
  background: var(--accent);
  box-shadow: 0 0 0 3px rgba(45, 101, 192, 0.18);
  color: #fff;
}

.theme-status {
  margin: 0.72rem 0 0;
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.74rem;
  line-height: 1.35;
}

.single-site-header {
  width: min(55rem, calc(100% - 2rem));
  margin: 0.8rem auto 0;
  padding: 10px 26px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.single-site-brand {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.65rem;
  color: var(--text);
  text-decoration: none;
}

.single-site-logo {
  display: block;
  width: 85px;
  height: 85px;
  flex: 0 0 85px;
  object-fit: contain;
}

.single-site-brand-copy {
  display: flex;
  flex-direction: column;
  padding-top: 0.4rem;
}

.single-site-eyebrow {
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.single-site-title {
  margin-top: 0.18rem;
  color: var(--text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 5vw, 2.8rem);
  font-weight: 700;
  line-height: 1;
}

.single-site-brand:hover .single-site-title,
.single-site-brand:focus-visible .single-site-title {
  color: var(--accent);
}

.single-post #breadcrumb {
  width: min(55rem, calc(100% - 2rem));
  margin: 0 auto 1rem;
  padding: 0.7rem 1rem;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 0 0 4px 4px;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  text-align: left;
}

.single-post #breadcrumb a,
.single-post #breadcrumb a:visited {
  color: var(--accent);
}

@media (max-width: 560px) {
  .single-site-header {
    width: 100%;
    margin-top: 0;
    padding: 0.85rem 1rem;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  .single-site-logo {
    width: 72px;
    height: 72px;
    flex-basis: 72px;
  }

  .single-site-eyebrow {
    font-size: 0.6rem;
  }

  .single-site-title {
    font-size: 2.2rem;
  }

  .single-post #breadcrumb {
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
}

/* The archive keeps the earlier blog's quiet navy, blue, and paper palette. */
:root {
  --bg: #0d2e63;
  --panel: #fff;
  --line: #c8ced7;
  --text: #131313;
  --muted: #505a67;
  --accent: #2f67c6;
  --accent-strong: #2f67c6;
  --shadow: 0 8px 20px rgba(7, 26, 62, 0.18);
  --radius: 4px;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
}

.panel,
.viewer-shell,
.default-screen-panel,
.advanced-search-panel {
  border-color: var(--line);
  box-shadow: var(--shadow);
}

.panel-heading h1,
.entry-card-header h3,
.default-screen-panel h2 {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: normal;
}

.panel-heading-admin-link,
.panel-heading-advanced-link,
.calendar-nav-button,
.calendar-today-button,
.advanced-search-back-button {
  color: var(--accent);
}

button,
input,
select,
textarea {
  border-color: var(--line);
}

button:hover,
button:focus-visible,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(47, 103, 198, 0.18);
}

.calendar-day.is-entry {
  color: var(--text);
  border-color: var(--line);
}

.calendar-day.is-entry:hover,
.calendar-day.is-entry:focus-visible {
  background: #eef3fb;
  border-color: var(--accent);
}

.calendar-day.is-selected {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

.entry-card-meta {
  flex: 0 0 100%;
  margin: 0.28rem 0 0;
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  line-height: 1.35;
  letter-spacing: 0.01em;
}

.entry-card-meta time {
  white-space: nowrap;
}

.entry-card-permalink {
  color: var(--accent);
  text-decoration: none;
}

.entry-card-permalink:hover,
.entry-card-permalink:focus-visible {
  text-decoration: underline;
}

.entry-card-meta-separator {
  padding: 0 0.35rem;
  color: var(--line);
}

.entry-card-content a {
  color: #ff6600;
}

.panel-heading-row {
  align-items: flex-start;
}

.panel-heading-brand {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
  color: var(--text);
  text-decoration: none;
}

.panel-heading-logo {
  display: block;
  width: 85px;
  height: 85px;
  flex: 0 0 85px;
  object-fit: contain;
}

.panel-heading-brand-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding-top: 0.4rem;
}

.panel-heading-eyebrow {
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.panel-heading-title {
  margin: 0.18rem 0 0;
  color: var(--text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 5vw, 2.8rem);
  letter-spacing: normal;
  line-height: 1;
}

.panel-heading-brand:hover .panel-heading-title,
.panel-heading-brand:focus-visible .panel-heading-title {
  color: var(--accent);
}

/* Keep fallback screens aligned with the archive's white-and-blue palette. */
.default-screen-panel,
.advanced-search-panel {
  background: var(--panel);
  box-shadow: var(--shadow);
}

@media (max-width: 560px) {
  .panel-heading-logo {
    width: 72px;
    height: 72px;
    flex-basis: 72px;
  }

  .panel-heading-eyebrow {
    font-size: 0.6rem;
  }

  .panel-heading-title {
    font-size: 2.2rem;
  }
}