/* Daily home only: illustrated guides with native disclosure behavior. */
:root {
  --charm-leaf: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%204C10%202%204%207%205%2014c1%205%207%207%2011%203%203-3%203-8%203-13Z%22%20fill%3D%22%23bcebdd%22%2F%3E%3Cpath%20d%3D%22m4%2021%2011-12m-6%207-1-5m5%201%204%201%22%2F%3E%3C%2Fsvg%3E");
  --charm-camera: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%206%202-3h5l2%203h3a2%202%200%200%201%202%202v11H2V8a2%202%200%200%201%202-2Z%22%20fill%3D%22%23fff5ab%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M18%209h1%22%2F%3E%3C%2Fsvg%3E");
  --charm-bookmark: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v19l-6-4-6%204Z%22%20fill%3D%22%23ffbddc%22%2F%3E%3Cpath%20d%3D%22m12%206%20.9%202.4%202.6.1-2%201.6.7%202.5-2.2-1.4-2.2%201.4.7-2.5-2-1.6%202.6-.1Z%22%20fill%3D%22%23fff5ab%22%20stroke-width%3D%221.3%22%2F%3E%3C%2Fsvg%3E");
  --charm-book: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206C8%203%204%203%202%204v16c4-1%207%200%2010%202%203-2%206-3%2010-2V4c-2-1-6-1-10%202Z%22%20fill%3D%22%23dfd0fc%22%2F%3E%3Cpath%20d%3D%22M12%206v16M5%208l4%201M5%2012l4%201m6-4%204-1m-4%205%204-1%22%2F%3E%3C%2Fsvg%3E");
  --charm-home: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%2011%2010-8%2010%208M5%209v12h14V9%22%20fill%3D%22%23ffdcc8%22%2F%3E%3Cpath%20d%3D%22M9%2021v-7h6v7%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M10%209h4%22%2F%3E%3C%2Fsvg%3E");
  --charm-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M8%202v5m8-5v5%22%2F%3E%3Cpath%20d%3D%22m12%2013%201%202%202%20.3-1.5%201.5.3%202.2-1.8-1-1.8%201%20.3-2.2L9%2015.3l2-.3Z%22%20fill%3D%22%23ffbddc%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E");
  --charm-week: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M8%202v5m8-5v5M7%2014h2m3%200h2m3%200h1M7%2018h2m3%200h2%22%2F%3E%3C%2Fsvg%3E");
  --charm-phone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%223%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M10%205h4m-3%2014h2%22%2F%3E%3C%2Fsvg%3E");
  --charm-desktop: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M8%2022h8m-4-5v5M3%2013h18%22%2F%3E%3C%2Fsvg%3E");
  --charm-instagram: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%20fill%3D%22%23ffbddc%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M17%207h.01%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
  --charm-flower: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%207C7-1%201%206%207%2010c-9%200-6%209%200%207-2%208%208%208%208%201%206%205%2011-3%204-6%208-4%201-11-4-6Z%22%20fill%3D%22%23fff5ab%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20fill%3D%22%23ffbddc%22%2F%3E%3C%2Fsvg%3E");
  --charm-share: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V2m-5%205%205-5%205%205M5%2012H3v10h18V12h-2%22%2F%3E%3C%2Fsvg%3E");
  --charm-sun: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23392447%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%20fill%3D%22%23fff179%22%2F%3E%3Cpath%20d%3D%22M12%201v2m0%2018v2M1%2012h2m18%200h2M4%204l1.5%201.5m13%2013L20%2020M4%2020l1.5-1.5m13-13L20%204M9%2011v1m6-1v1m-6%203c2%202%204%202%206%200%22%2F%3E%3C%2Fsvg%3E");
}
/* The compact reading flow stays intact; decoration belongs to the existing controls. */
#today-action-card > .hint-kicker {display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-size: 1.0625rem; font-weight: 700; line-height: 1.8; color: var(--brand-ink)}
#today-action-card > .hint-kicker::before {content: ''; flex: 0 0 28px; width: 28px; height: 28px; background: var(--charm-flower) center / contain no-repeat; transform: rotate(-10deg)}
main .home-fold,
#today-hint-about {
  --charm-paper: #fff9ef;
  --charm-badge: #ffef89;
  --charm-icon: var(--charm-leaf);
  border: 2px solid var(--brand-ink);
  border-radius: 18px;
  background: var(--charm-paper);
  box-shadow: 3px 4px 0 #cba5d2;
  color: var(--brand-ink);
  padding: 0 16px;
  margin: 16px 0;
  overflow-wrap: anywhere;
}
#today-hint-about {margin: 14px 0 0; font-size: .9375rem; line-height: 1.8; box-shadow: none; border-color: #a78aaa; --charm-badge: #d6eee2}
#daily-save-share {--charm-paper: #fff7cc; --charm-badge: #fff; --charm-icon: var(--charm-camera)}
#save-guide {--charm-paper: #f2e9ff; --charm-badge: #fff; --charm-icon: var(--charm-bookmark)}
#home-evidence {--charm-paper: #edf9f2; --charm-badge: #fff; --charm-icon: var(--charm-book)}
main > .home-fold:has(.home-referral) {--charm-paper: #fff0e4; --charm-badge: #fff; --charm-icon: var(--charm-home)}
main .home-fold > summary,
#today-hint-about > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 12px 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--brand-ink);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.6;
  list-style: none;
  cursor: pointer;
}
main .home-fold > summary::-webkit-details-marker,
#today-hint-about > summary::-webkit-details-marker {display: none}
main .home-fold > summary::before,
#today-hint-about > summary::before {
  content: '';
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 1.5px solid var(--brand-ink);
  border-radius: 12px;
  background: var(--charm-icon) center / 24px 24px no-repeat var(--charm-badge);
  transform: rotate(-6deg);
}
main .home-fold > summary::after,
#today-hint-about > summary::after,
.save-guide-body details > summary::after {
  content: '';
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-left: auto;
  border: 1.5px solid var(--brand-ink);
  border-radius: 50%;
  background: linear-gradient(var(--brand-ink),var(--brand-ink)) center / 10px 2px no-repeat,
    linear-gradient(var(--brand-ink),var(--brand-ink)) center / 2px 10px no-repeat #fff;
}
main .home-fold[open] > summary::after,
#today-hint-about[open] > summary::after,
.save-guide-body details[open] > summary::after {background-size: 10px 2px, 0 0}
main .home-fold[open] > summary {border-bottom: 1px dashed #a78aaa; margin-bottom: 14px}
#today-hint-about[open] {padding-bottom: 14px}
#today-hint-about[open] > summary {border-bottom: 1px dashed #bba6ba; margin-bottom: 12px}
#today-hint-about p {color: #514056; margin: 10px 0 0}

/* Two clear actions in a butter-yellow save panel. */
#daily-save-share .daily-share-controls {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 16px 0 18px}
#daily-save-share .daily-share-controls button {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-width: 0; min-height: 50px; padding: 10px 12px;
  background: #fff; color: var(--brand-ink); border: 2px solid var(--brand-ink);
  border-radius: 15px; box-shadow: 2px 3px 0 #e0bd65; font-weight: 700; font-size: .9375rem;
}
#daily-save-share .daily-share-controls button > svg {flex: 0 0 20px; width: 20px; height: 20px}
#daily-save-share .daily-share-controls button:not(#save-today-image)::before {content: ''; flex: 0 0 20px; width: 20px; height: 20px; background: var(--charm-share) center / contain no-repeat}
#daily-save-share #save-today-image-error {grid-column: 1 / -1; margin: 0}
#daily-save-share #daily-share-status:not(:empty) {padding: 12px; background: #fff; border-radius: 12px}
#daily-save-share #daily-share-manual {margin-bottom: 16px; padding: 10px; border-radius: 12px; border: 1px solid var(--brand-ink)}

/* Small calendar tickets lead naturally to another day. */
.daily-home .daily-next-actions {
  position: relative; margin: 20px 0 0; padding: 18px;
  border: 2px solid var(--brand-ink); border-radius: 20px;
  background: #fffdf7; box-shadow: 3px 4px 0 #cba5d2;
}
.daily-home .daily-next-group h2 {display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 1rem; color: var(--brand-ink)}
.daily-home .daily-next-group h2::before {content: ''; flex: 0 0 30px; height: 30px; background: var(--charm-calendar) center / contain no-repeat; transform: rotate(-8deg)}
.daily-home .daily-journal-links {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px}
.daily-home .daily-journal-links a {
  position: relative; display: block; min-width: 0; padding: 44px 10px 12px;
  border: 2px solid var(--brand-ink); border-radius: 16px;
  background: #ffe3ef; box-shadow: 2px 3px 0 var(--brand-ink);
  color: var(--brand-ink); font-size: .9375rem; line-height: 1.7; text-align: center;
}
.daily-home .daily-journal-links a::before {content: ''; position: absolute; width: 28px; height: 28px; top: 10px; left: calc(50% - 14px); background: var(--charm-calendar) center / contain no-repeat}
.daily-home .daily-journal-links a + a {background: #d9f1e9}
.daily-home .daily-journal-links a + a::before {background-image: var(--charm-week)}
#daily-tomorrow-date {display: inline-block; white-space: nowrap; font-size: .875rem}

/* Device instructions become little how-to cards, with numbered steps. */
#save-guide .save-guide-body {margin: 0 0 16px; font-size: .9375rem; line-height: 1.85}
#save-guide .save-guide-body > p:first-child {margin: 0 0 14px; color: #514056}
#save-guide .save-guide-body details {margin: 12px 0; border: 1.5px solid #947d9e; border-radius: 14px; background: #fff}
#save-guide .save-guide-body details > summary {display: flex; align-items: center; gap: 8px; padding: 12px; font-size: .9375rem; line-height: 1.6; list-style: none}
#save-guide .save-guide-body details > summary::-webkit-details-marker {display: none}
#save-guide .save-guide-body details > summary::before {content: ''; flex: 0 0 22px; height: 26px; background: var(--charm-phone) center / contain no-repeat}
#save-guide [data-save-device="desktop"] > summary::before {background-image: var(--charm-desktop)}
#save-guide .save-guide-body details[open] > summary {border-bottom: 1px dashed #cfbedb}
#save-guide .save-guide-body ol {list-style: none; counter-reset: guide-step; padding: 0; margin: 16px 12px}
#save-guide .save-guide-body li {counter-increment: guide-step; position: relative; padding-left: 36px; min-height: 28px; margin-top: 12px}
#save-guide .save-guide-body li::before {content: counter(guide-step) / ''; position: absolute; left: 0; top: 1px; display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--brand-ink); border-radius: 50%; background: #ffef89; font: 800 .875rem/1 var(--body-font)}
#save-guide .save-guide-body details > p {padding: 12px; background: #faf6ff; border-radius: 10px}
#save-guide .save-guide-body details > a {display: block; width: fit-content; padding: 8px 2px; font-weight: 700; color: #703658; text-underline-offset: 4px; font-size: .875rem}
#save-guide kbd {display: inline-block; padding: 0 6px; border: 1px solid #947d9e; border-bottom-width: 3px; border-radius: 5px; background: #fff}
#save-guide .save-guide-note {padding: 12px; margin: 16px 0 0; border-radius: 12px; background: #fff9ef; font-size: .875rem; color: #514056}

/* Keep source material legible inside a soft green reading panel. */
#home-evidence #today-more {border: 0; margin: 0; padding: 0; background: none; box-shadow: none}
#home-evidence #today-more > summary {padding: 10px 0; min-height: 44px; font-size: 1rem}
#home-evidence .today-text {padding: 16px; border-radius: 14px; background: #fff}
#home-evidence .today-text p {font-size: 1rem; line-height: 1.95}
#home-evidence .today-text p:first-child {font-size: 1.0625rem; font-weight: 700}
#home-evidence .choku-advise-card {margin: 16px 0; padding: 16px; border: 1px solid #b4c7bb; border-radius: 14px; background: #fff; box-shadow: none}
#home-evidence .today-events-card {padding: 16px; margin: 16px 0; background: #fff5d9; border: 1.5px solid var(--brand-ink); box-shadow: 2px 3px 0 #c0d7c7}
#home-evidence .detail-close-btn {border-radius: 99px; background: #e4f3ea; border: 1px solid #9db5a7; padding: 8px 14px; min-height: 44px}
#home-evidence a {text-underline-offset: 4px}

/* Social and about links look like small stickers, rather than bare text. */
.home-links {display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; margin: 20px 0}
.home-links a {display: flex; justify-content: center; gap: 10px; padding: 11px 14px; min-height: 50px; border: 2px solid var(--brand-ink); border-radius: 99px; background: #fff2f8; color: var(--brand-ink); box-shadow: 2px 3px 0 #cba5d2; font-size: .9375rem; font-weight: 700; text-decoration: none; text-align: center}
.home-links a::before {content: ''; flex: 0 0 25px; height: 25px; background: var(--charm-instagram) center / contain no-repeat}
.home-links a + a {background: #fff9dc}
.home-links a + a::before {background-image: var(--charm-flower)}
main > .home-fold .home-referral {padding: 0 0 16px; margin: 0; border: 0; box-shadow: none; background: transparent}
main > .home-fold .home-referral-label {transform: none; background: #fff; border-width: 1px; font-size: .75rem}
main > .home-fold .home-referral h2 {font-size: 1.125rem}
main > .home-fold .home-referral-button {font-size: .9375rem}

/* A cream scalloped edge and a smiling sun finish the page. */
.site-footer {position: relative; margin-top: 22px; padding: 26px 0; border-top: 2px solid var(--brand-ink); background: #fff9ed; color: var(--brand-ink); text-align: center}
.site-footer::before {content: ''; position: absolute; height: 10px; left: 0; right: 0; top: -10px; background: radial-gradient(circle at 10px 10px,#fff9ed 9px,transparent 9.5px) 0 0 / 20px 10px repeat-x}
.footer-inner {max-width: 600px; gap: 12px}
.footer-name {display: inline-flex; align-items: center; color: var(--brand-ink)}
.footer-name::before {content: ''; width: 40px; height: 40px; margin-right: 10px; background: var(--charm-sun) center / contain no-repeat; transform: rotate(-10deg)}
.footer-name span {padding: 3px 7px; border: 1px solid var(--brand-ink); border-radius: 5px; background: #ffef89; transform: rotate(-5deg)}
.footer-inner > div > p {color: #514056; font-size: .875rem}
.footer-disclaimer {border-top: 1px dashed #bda5bc; padding-top: 12px; color: #514056 !important; font-size: .8125rem; line-height: 1.85}

main .home-fold > summary:focus-visible,
#today-hint-about > summary:focus-visible,
.daily-home a:focus-visible,
.daily-home button:focus-visible,
.home-links a:focus-visible {outline: 3px solid #7041a0; outline-offset: 5px}
@media (hover: hover) {
  main .home-fold > summary:hover, #today-hint-about > summary:hover {color: #922d67}
  #daily-save-share .daily-share-controls button:hover, .daily-home .daily-journal-links a:hover, .home-links a:hover {background-color: #fff3a8}
}
@media (min-width: 540px) {.home-links {grid-template-columns: 1.35fr 1fr}}
@media (max-width: 420px) {
  main .home-fold, #today-hint-about {padding-left: 12px; padding-right: 12px}
  main .home-fold > summary, #today-hint-about > summary {gap: 8px; font-size: .9375rem}
  main .home-fold > summary::before, #today-hint-about > summary::before {flex-basis: 32px; width: 32px; height: 32px; background-size: 22px}
  #daily-save-share .daily-share-controls {grid-template-columns: minmax(0,1fr)}
  .daily-home .daily-next-actions {padding: 16px 12px}
  .daily-home .daily-journal-links {gap: 10px}
  .daily-home .daily-journal-links a {font-size: .875rem; padding-left: 6px; padding-right: 6px}
  #home-evidence .today-text, #home-evidence .choku-advise-card, #home-evidence .today-events-card {padding: 12px}
}

/* The daily headline uses the same yellow marker as the opening question. */
.today-card .today-headline > span {
  padding: .03em .16em .08em;
  color: var(--ink);
  background: linear-gradient(
    transparent 10%,
    var(--brand-yellow) 10%,
    var(--brand-yellow) 90%,
    transparent 90%
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Keep the daily choice area easy to scan on every screen width. */
#today-theme-chips {
  justify-content: center;
}

#today-hint-output .hint-output-label {
  font-size: 1rem;
  line-height: 1.65;
  font-weight: 800;
}

#today-hint-output .hint-main {
  font-size: 1.125rem;
  line-height: 1.9;
}

#today-hint-extra > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35em;
  min-height: 48px;
  text-align: center;
  font-size: 1rem;
  font-weight: 800;
}