/* A calmer overview, an editorial blog, and browser-owned experiments. */
:root {
  --page-gutter: clamp(18px, 3vw, 64px);
}
/* The workspace uses the viewport; prose and game boards keep their own limits. */
main,
.footer {
  width: 100%;
  max-width: none;
}
.sidebar,
.topbar,
main,
.footer {
  padding-inline: var(--page-gutter);
}
[data-theme="plain-light"] {
  --bg: #f7f8fa;
  --surface: #fff;
  --surface-solid: #fff;
  --sidebar: #fff;
  --text: #202832;
  --muted: #586574;
  --line: #d4dbe4;
  --green: #235baf;
  --green-soft: #eaf0f8;
  --lime: #235baf;
  --orange: #235baf;
  --secondary: #975712;
  --game-empty: #edf0f4;
  --danger: #ae2333;
  --shadow: none;
  color-scheme: light;
}
[data-theme="plain-dark"] {
  --bg: #11151c;
  --surface: #191f29;
  --surface-solid: #191f29;
  --sidebar: #161c25;
  --text: #e8edf4;
  --muted: #a5b2c2;
  --line: #394556;
  --green: #a9c9ff;
  --green-soft: #263447;
  --lime: #a9c9ff;
  --orange: #a9c9ff;
  --secondary: #ecc083;
  --game-empty: #232d3b;
  --danger: #ffabab;
  --shadow: none;
  color-scheme: dark;
}
[data-appearance="plain"] {
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  scroll-behavior: auto;
}
[data-appearance="plain"] #matrix-rain,
[data-appearance="plain"] .matrix-vignette,
[data-appearance="plain"] body::after {
  display: none;
}
[data-appearance="plain"] *,
[data-appearance="plain"] *::before,
[data-appearance="plain"] *::after {
  animation: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: none !important;
}
[data-appearance="plain"] body {
  font-size: 14px;
}
[data-appearance="plain"] .terminal-cursor {
  display: none;
}
[data-appearance="plain"] .sidebar,
[data-appearance="plain"] .topbar {
  backdrop-filter: none;
  background: var(--sidebar);
}
[data-appearance="plain"] .brand-mark {
  background: var(--green-soft);
  border-color: var(--line);
}
[data-appearance="plain"] .blog-art,
[data-appearance="plain"] .lab-art,
[data-appearance="plain"] .project-art {
  filter: saturate(0.35);
}
.theme-preview.preview-plain-light {
  background: #f7f8fa;
  color: #235baf;
}
.theme-preview.preview-plain-dark {
  background: #11151c;
  color: #a9c9ff;
}
.theme-preview.preview-plain-light i,
.theme-preview.preview-plain-dark i {
  display: none;
}
.terminal-trigger {
  border: 1px solid var(--line);
  font: 600 14px monospace;
  min-width: 32px;
}
.overview-intro {
  margin-bottom: 32px;
}
.overview-intro h1 {
  font-size: 25px;
}
.overview-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 40px;
}
.overview-copy h2 {
  font-size: clamp(34px, 3.7vw, 50px);
  line-height: 1.22;
  margin: 16px 0 23px;
  letter-spacing: -1.4px;
}
.overview-copy h2 em {
  font-style: normal;
  color: var(--green);
}
.overview-copy > p {
  max-width: 530px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.9;
}
.overview-copy .hero-actions {
  margin: 25px 0;
}
.overview-meta.stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  border: 0;
  background: none;
  margin: 0;
  font-size: 11px;
  color: var(--muted);
}
.overview-meta a:hover {
  color: var(--green);
}
.overview-playground {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 8px;
}
.preview-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.preview-tabs {
  display: flex;
  gap: 4px;
}
.preview-tabs button {
  background: none;
  border: 0;
  padding: 5px 8px;
  font-size: 11px;
  color: var(--muted);
  border-radius: 3px;
}
.preview-tabs button.active {
  background: var(--green-soft);
  color: var(--green);
}
.overview-playground canvas {
  display: block;
  width: 100%;
  aspect-ratio: 8/5;
  max-height: 285px;
  object-fit: contain;
  background: var(--surface-solid);
}
.preview-controls {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 12px 0;
}
.preview-controls label {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  color: var(--muted);
  font-size: 11px;
}
.preview-controls input {
  min-width: 50px;
  flex: 1;
  accent-color: var(--green);
}
.preview-description {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.8;
  margin-bottom: 10px;
}
.preview-full {
  font-size: 11px;
}
.overview-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 14px;
}
.overview-section-head h2 {
  font-size: 18px;
}
.overview-projects .project-art {
  height: 100px;
}
.overview-projects .project-body {
  padding: 18px;
}
.overview-projects .project-body > p {
  min-height: 0;
  margin-bottom: 12px;
}
.overview-projects .tags {
  display: none;
}
.overview-projects .project-bottom {
  margin-top: 15px;
}
.overview-explore {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 34px;
  border-top: 1px solid var(--line);
  gap: 30px;
  padding-top: 23px;
}
.overview-explore a {
  display: grid;
  gap: 7px;
  min-width: 0;
}
.overview-explore strong {
  font-size: 12px;
  font-weight: 500;
}
.overview-explore a > span:last-child {
  font-size: 11px;
  color: var(--muted);
}
.overview-explore a:hover strong {
  color: var(--green);
}
.blog-masthead {
  padding: 20px 0 32px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 25px;
}
.blog-masthead h1 {
  font:
    500 clamp(45px, 5vw, 66px)/1.1 Georgia,
    serif;
  letter-spacing: -2px;
  margin: 14px 0;
}
.blog-masthead > p {
  color: var(--muted);
  font-size: 16px;
}
.blog-byline {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  color: var(--muted);
  font-size: 11px;
}
.blog-byline img,
.blog-article-byline img {
  border-radius: 50%;
}
.blog-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.blog-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.blog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}
.blog-card {
  border: 1px solid var(--line);
  background: var(--surface);
  overflow: hidden;
  border-radius: 6px;
}
.blog-cover {
  display: block;
  overflow: hidden;
}
.blog-cover img {
  display: block;
  width: 100%;
  height: 240px;
}
.blog-card-copy {
  padding: 26px;
}
.blog-card h2 {
  font:
    500 27px/1.25 Georgia,
    serif;
  letter-spacing: -0.5px;
  margin: 12px 0;
}
.blog-card h2 a:hover {
  color: var(--green);
}
.blog-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.85;
}
.blog-card-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-top: 22px;
  font-size: 10px;
  color: var(--muted);
  flex-wrap: wrap;
}
.blog-card-meta .btn-text {
  font-size: 11px;
}
.blog-feature {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  margin-bottom: 25px;
}
.blog-feature .blog-card-copy {
  align-self: center;
  padding: 32px;
}
.blog-feature h2 {
  font-size: 35px;
}
.blog-feature .blog-cover img {
  height: 100%;
  min-height: 320px;
}
.blog-art {
  height: 220px;
  position: relative;
  background: var(--green-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--green);
  overflow: hidden;
}
.blog-feature .blog-art {
  height: 100%;
  min-height: 320px;
}
.blog-art-network > span {
  font-size: 165px;
  opacity: 0.65;
}
.blog-art-network i {
  position: absolute;
  width: 135px;
  height: 135px;
  border: 1px solid var(--green);
  border-radius: 50%;
  opacity: 0.25;
}
.blog-art-network i:nth-of-type(1) {
  transform: translate(75px, -20px);
}
.blog-art-network i:nth-of-type(2) {
  transform: translate(-75px, -20px);
}
.blog-art-network i:nth-of-type(3) {
  transform: translate(0, 55px);
}
.blog-art-terminal {
  flex-direction: column;
  gap: 25px;
}
.blog-art-terminal > span {
  font: 60px monospace;
}
.blog-art-terminal > small {
  font: 10px monospace;
  letter-spacing: 2px;
}
.blog-art-statistics {
  gap: 13px;
  align-items: flex-end;
  padding: 50px;
}
.blog-art-statistics i {
  width: 28px;
  height: 65%;
  background: var(--green);
  opacity: 0.5;
}
.blog-art-statistics i:nth-child(2) {
  height: 35%;
}
.blog-art-statistics i:nth-child(3) {
  height: 80%;
}
.blog-art-statistics i:nth-child(4) {
  height: 55%;
}
.blog-art-statistics i:nth-child(5) {
  height: 95%;
}
.blog-art-statistics i:nth-child(6) {
  height: 45%;
}
.blog-article {
  max-width: 1000px;
  margin: auto;
}
.blog-article-header {
  max-width: 780px;
  margin: 25px auto 32px;
}
.blog-article-header h1 {
  font:
    500 clamp(34px, 4vw, 55px)/1.18 Georgia,
    serif;
  letter-spacing: -1px;
  margin: 15px 0 20px;
}
.blog-article-excerpt {
  font-size: 18px;
  line-height: 1.7;
  color: var(--muted);
}
.blog-article-byline {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 25px;
  font-size: 12px;
}
.blog-article-byline span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 3px;
}
.blog-reading-tools {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  max-width: 780px;
  margin: 0 auto 22px;
  font-size: 11px;
  align-items: center;
}
.blog-reading-tools label {
  display: flex;
  align-items: center;
  gap: 12px;
}
.blog-reading-tools select {
  padding: 6px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text);
}
.reading-progress {
  height: 2px;
  background: var(--line);
  margin-bottom: 30px;
}
.reading-progress i {
  display: block;
  width: 0;
  height: 2px;
  background: var(--green);
}
.blog-reading-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.blog-reading-layout:has(.article-contents:not([hidden])) {
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 35px;
}
.article-contents {
  position: sticky;
  top: 80px;
  align-self: start;
  font-size: 11px;
  color: var(--muted);
}
.article-contents nav {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}
.article-contents button {
  text-align: left;
  font-size: 11px;
  line-height: 1.5;
}
.blog-article .article-prose {
  font:
    18px/1.9 Georgia,
    serif;
  max-width: 68ch;
  margin: 0 auto;
  color: var(--text);
}
.blog-article[data-reading-size="large"] .article-prose {
  font-size: 21px;
}
.article-prose h2,
.article-prose h3 {
  font-family: system-ui, sans-serif;
  line-height: 1.3;
  scroll-margin-top: 90px;
  margin-top: 35px;
}
.article-prose h2 {
  font-size: 26px;
}
.article-prose h3 {
  font-size: 21px;
}
.article-prose code {
  font: 14px/1.6 monospace;
}
.article-prose pre {
  overflow: auto;
  max-width: 100%;
  font: 14px/1.6 monospace;
  padding: 20px;
  background: var(--green-soft);
}
.blog-reading-layout > div {
  min-width: 0;
}
.blog-article .comments {
  max-width: 780px;
  margin: 40px auto 0;
}
.lab-notebook-save {
  padding: 18px;
  background: var(--green-soft);
  border: 1px solid var(--line);
  margin-top: 12px;
  display: grid;
  gap: 12px;
}
.lab-notebook-save[hidden] {
  display: none;
}
.lab-notebook-save label,
.notebook-note {
  display: grid;
  gap: 7px;
  font-size: 12px;
  color: var(--muted);
}
.lab-notebook-save input,
.lab-notebook-save textarea,
.notebook-note textarea,
.daily-date input {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--line);
  background: var(--surface-solid);
  color: var(--text);
  border-radius: 3px;
}
.notebook-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--muted);
  align-items: center;
  font-size: 12px;
}
.notebook-entries {
  display: grid;
  gap: 20px;
}
.notebook-entry {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 24px;
  border: 1px solid var(--line);
  padding: 20px;
  background: var(--surface);
}
.notebook-entry:not(:has(img)) {
  grid-template-columns: 1fr;
}
.notebook-entry img {
  width: 100%;
  height: auto;
  align-self: start;
}
.notebook-entry h2 {
  font-size: 19px;
  margin: 9px 0;
}
.snapshot-readouts {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 15px;
}
.notebook-note {
  margin-bottom: 12px;
}
.check-label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}
.notebook-comparison {
  border: 1px solid var(--line);
  padding: 24px;
  background: var(--surface);
  margin-bottom: 25px;
  scroll-margin-top: 90px;
}
.notebook-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.notebook-compare-grid > section {
  min-width: 0;
  overflow-wrap: anywhere;
}
.notebook-compare-grid dl {
  margin: 20px 0;
}
.notebook-compare-grid dd {
  margin: 5px 0;
  font-size: 12px;
}
.notebook-compare-grid pre {
  overflow: auto;
  background: var(--green-soft);
  padding: 15px;
  font-size: 11px;
  max-height: 230px;
}
.notebook-observation {
  white-space: pre-wrap;
  font-size: 13px;
  margin: 20px 0;
  color: var(--muted);
}
.digit-examples {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  margin: 10px 0 20px;
}
.digit-examples .btn {
  justify-content: center;
  padding: 7px;
}
.lab-control-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.component-list {
  display: grid;
  gap: 7px;
  margin-top: 15px;
}
.component-list button {
  padding: 9px;
  background: var(--surface);
  border: 1px solid var(--line);
  text-align: left;
  font-size: 11px;
}
.component-list button.active {
  color: var(--green);
  background: var(--green-soft);
}
.lab-toolbar {
  flex-wrap: wrap;
}
.daily-date {
  display: grid;
  gap: 4px;
  max-width: 200px;
  font-size: 11px;
  color: var(--muted);
}
.daily-banner {
  padding: 30px 0;
  margin-bottom: 25px;
  border-block: 1px solid var(--line);
}
.daily-banner h2 {
  font-size: 35px;
  margin: 12px 0;
}
.daily-banner p {
  color: var(--muted);
  font-size: 13px;
}
.daily-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.daily-card {
  padding: 24px;
  border: 1px solid var(--line);
  background: var(--surface);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.daily-glyph {
  font: 35px monospace;
  color: var(--green);
}
.daily-card h2 {
  font-size: 22px;
}
.daily-card p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.8;
}
.daily-card .game-actions {
  margin-top: auto;
}
.daily-card .daily-best {
  color: var(--green);
}
.daily-result-card {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 13px/1.9 monospace;
  padding: 25px;
  border: 1px solid var(--line);
  background: var(--green-soft);
}
.daily-arcade-link {
  margin-bottom: 20px;
}
#terminal-dialog,
#daily-share-dialog {
  width: min(680px, calc(100vw - 24px));
  padding: 25px;
  border: 1px solid var(--line);
  background: var(--surface-solid);
  color: var(--text);
  max-height: 85dvh;
  overflow: auto;
}
#terminal-dialog .skill-dialog-head,
#daily-share-dialog .skill-dialog-head {
  margin-bottom: 20px;
}
.terminal-output {
  font: 12px/1.9 monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  height: 250px;
  overflow: auto;
  background: var(--green-soft);
  border: 1px solid var(--line);
  padding: 16px;
}
.terminal-output p + p {
  margin-top: 10px;
}
.terminal-input {
  display: flex;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  margin-top: 12px;
  padding: 10px;
  font: 12px monospace;
}
.terminal-input label {
  color: var(--green);
}
.terminal-input input {
  width: 100%;
  min-width: 0;
  flex: 1;
  background: transparent;
  color: var(--text);
  border: 0;
  outline-offset: 2px;
}
.project-demo {
  margin: 35px 0;
  border: 1px solid var(--line);
  padding: 24px;
  background: var(--surface);
}
.project-demo h2 {
  margin-top: 8px;
}
.project-demo-host {
  margin-top: 20px;
}
.demo-controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin-top: 20px;
}
.project-demo-host .game-actions {
  margin: 18px 0;
}
.project-demo-host .lab-status {
  padding: 12px 0;
}
.project-demo-host [data-demo-result],
.project-demo-host [data-qubit-result] {
  font-size: 12px;
  color: var(--green);
}
@media (max-width: 1000px) {
  .overview-hero {
    gap: 25px;
  }
  .overview-copy h2 {
    font-size: 36px;
  }
  .preview-heading {
    flex-wrap: wrap;
  }
  .daily-cards {
    grid-template-columns: 1fr 1fr;
  }
  .notebook-entry {
    grid-template-columns: 180px minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  .overview-hero {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .overview-copy h2 {
    font-size: 39px;
  }
  .overview-copy > p {
    font-size: 13px;
  }
  .overview-explore {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .overview-intro .pill {
    font-size: 9px;
  }
  .preview-heading {
    flex-wrap: nowrap;
  }
  .blog-grid,
  .blog-feature,
  .daily-cards,
  .notebook-compare-grid,
  .notebook-entry {
    grid-template-columns: 1fr;
  }
  .blog-feature .blog-art {
    min-height: 220px;
  }
  .blog-feature .blog-card-copy,
  .blog-card-copy {
    padding: 23px;
  }
  .blog-feature h2 {
    font-size: 29px;
  }
  .blog-toolbar .search-input {
    width: 100%;
  }
  .blog-reading-layout:has(.article-contents:not([hidden])) {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .article-contents {
    position: static;
  }
  .blog-article-header h1 {
    font-size: 36px;
  }
  .blog-article-excerpt {
    font-size: 16px;
  }
  .blog-article .article-prose {
    font-size: 17px;
  }
  .blog-article[data-reading-size="large"] .article-prose {
    font-size: 20px;
  }
  .blog-article-byline span {
    font-size: 10px;
  }
  .notebook-entry img {
    max-width: 320px;
  }
  .notebook-toolbar {
    flex-wrap: wrap;
  }
  .daily-card {
    gap: 12px;
  }
  .project-demo {
    padding: 15px;
  }
  .project-demo .section-heading {
    flex-wrap: wrap;
    gap: 15px;
  }
  .demo-controls {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .notebook-comparison {
    padding: 16px;
  }
  .topbar-actions {
    gap: 6px;
  }
  .topbar .terminal-trigger {
    min-width: 30px;
  }
  .terminal-input {
    gap: 6px;
  }
  #terminal-dialog,
  #daily-share-dialog {
    padding: 18px;
  }
  .terminal-input label {
    font-size: 10px;
  }
  .overview-projects .project-art {
    height: 95px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .article-contents * {
    scroll-behavior: auto;
  }
}
[hidden] {
  display: none !important;
}
[data-appearance="plain"] .filter,
[data-appearance="plain"] .notice,
[data-appearance="plain"] .empty-state,
[data-appearance="plain"] .search-input,
[data-appearance="plain"] .studio-item,
[data-appearance="plain"] .markdown-preview,
[data-appearance="plain"] .toolbar {
  background: var(--surface);
  color: var(--muted);
  border-color: var(--line);
}
[data-appearance="plain"] .filter.active,
[data-appearance="plain"] .filter:hover,
[data-appearance="plain"] .studio-item.selected {
  background: var(--green-soft);
  color: var(--green);
  border-color: var(--line);
}
[data-appearance="plain"] .form label {
  color: var(--text);
}
[data-appearance="plain"] .form input,
[data-appearance="plain"] .form textarea,
[data-appearance="plain"] .form select {
  background: var(--surface-solid);
  border-color: var(--line);
  color: var(--text);
}
[data-appearance="plain"] input::placeholder,
[data-appearance="plain"] textarea::placeholder {
  color: var(--muted);
}
[data-appearance="plain"] .error {
  color: var(--danger) !important;
}
[data-appearance="plain"] .prose pre,
[data-appearance="plain"] .prose code {
  background: var(--green-soft);
  color: var(--text);
}
.blog-article .article-prose p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.circuit-components > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
@media (max-width: 860px) {
  .topbar .breadcrumb {
    min-width: 0;
    flex: 1;
  }
  .breadcrumb strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .topbar-actions {
    flex-shrink: 0;
  }
  .topbar .terminal-trigger {
    min-width: 24px;
    width: 24px;
  }
}

.home-daily {
  margin: 0 0 34px;
}
.home-daily-date {
  font-size: 10px;
  color: var(--muted);
  margin-top: 6px;
}
.home-daily-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.home-daily-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--surface);
}
.home-daily-card:hover {
  border-color: var(--green);
  background: var(--green-soft);
}
.home-daily-glyph {
  color: var(--green);
  font: 23px monospace;
  min-width: 37px;
  text-align: center;
}
.home-daily-card > div {
  min-width: 0;
  flex: 1;
}
.home-daily-card h3 {
  font-size: 13px;
  margin-bottom: 4px;
}
.home-daily-card p {
  font-size: 10px;
  color: var(--muted);
  line-height: 1.7;
}
.home-daily-result {
  display: block;
  font-size: 9px;
  color: var(--green);
  margin-top: 7px;
}
.home-daily-start {
  color: var(--green);
  font-size: 10px;
  white-space: nowrap;
}
@media (max-width: 1080px) and (min-width: 721px) {
  .home-daily-card {
    gap: 9px;
    padding: 15px;
  }
  .home-daily-start {
    display: none;
  }
  .home-daily-glyph {
    min-width: 28px;
  }
}
@media (max-width: 720px) {
  .home-daily-cards {
    grid-template-columns: 1fr;
  }
  .home-daily-card {
    padding: 15px;
  }
  .home-daily .overview-section-head {
    align-items: flex-start;
    gap: 14px;
  }
  .home-daily .overview-section-head > a {
    font-size: 10px;
  }
}