/* A calm reading layout for name decisions; scoped to this page type only. */
body.name-decision-page {
  --decision-ink: #40334e;
  --decision-muted: #6a5b72;
  --decision-line: #e6dce8;
  --decision-lilac: #eee6f5;
  --decision-cream: #fffaf3;
  --decision-coral: #ba4f5e;
  background: #fffdf9;
  color: var(--decision-ink);
}
body.name-decision-page .detail-layout {
  display: block;
  width: 100%;
  max-width: 860px;
  margin-inline: auto;
  min-width: 0;
}
body.name-decision-page .detail-layout > * { min-width: 0; max-width: 100%; }
body.name-decision-page .detail-layout :is(p, li, dd, summary, a) { overflow-wrap: anywhere; }
body.name-decision-page .detail-layout :is(h2, h3) { color: var(--decision-ink); line-height: 1.4; }
body.name-decision-page .detail-layout h2 { font-size: clamp(1.25rem, 3.8vw, 1.65rem); margin-block: 0 .7rem; }
body.name-decision-page .detail-layout h3 { font-size: 1.05rem; margin-block: 1rem .4rem; }
body.name-decision-page .detail-layout .prose { color: var(--decision-ink); font-size: 1.05rem; line-height: 1.85; }
body.name-decision-page .detail-layout p { max-width: 68ch; margin-block: 0 .85rem; line-height: 1.85; }
body.name-decision-page .detail-layout .detail-aside { margin-block-start: 1.5rem; }
body.name-decision-page .name-heading { background: var(--decision-cream); padding-block: 1.75rem; }
body.name-decision-page .name-heading h1 { color: var(--decision-ink); font-size: clamp(2.3rem, 8vw, 3.4rem); margin-block-end: .4rem; }
body.name-decision-page .name-heading .latin { color: var(--decision-muted); font-size: 1.05rem; letter-spacing: .05em; margin-block-end: .8rem; }
body.name-decision-page .name-heading .meaning { max-width: 38ch; margin-inline: auto; font-size: 1.15rem !important; line-height: 1.75; }
body.name-decision-page .name-decision-lead {
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 1px solid var(--decision-line);
  border-radius: 1rem;
  background: var(--decision-cream);
  margin-block-end: 1.25rem;
}
body.name-decision-page .name-decision-lead p:last-child { margin-block-end: 0; }
body.name-decision-page .name-decision-section { margin-block: 1.8rem; padding-block-start: 1.1rem; border-top: 1px solid var(--decision-line); }
body.name-decision-page .name-decision-section p { color: var(--decision-ink); }
body.name-decision-page .name-decision-quick-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 1rem 0 0; }
body.name-decision-page .name-decision-quick-facts > div { min-width: 0; padding: .75rem .8rem; background: #fffdf9; border: 1px solid var(--decision-line); border-radius: .65rem; }
body.name-decision-page .name-decision-quick-facts dt { color: var(--decision-muted); font-size: .8rem; line-height: 1.5; }
body.name-decision-page .name-decision-quick-facts dd { margin: .25rem 0 0; color: var(--decision-ink); font-size: .95rem; line-height: 1.6; font-weight: 600; }
body.name-decision-page .name-decision-number { padding: clamp(.85rem, 2.5vw, 1.4rem); background: #f5effa; border: 1px solid var(--decision-line); border-radius: 1rem; }
body.name-decision-page .name-decision-number .number-panel-heading { align-items: flex-start; gap: .85rem; margin-block-end: 1rem; }
body.name-decision-page .name-decision-number .number-panel-heading > div { min-width: 0; }
body.name-decision-page .name-decision-number .number-orb { width: 64px; height: 64px; font-size: 2.2rem; background: var(--decision-lilac); border-color: #c8b5dc; color: #624176; box-shadow: none; }
body.name-decision-page .name-decision-number .number-interpretations { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
body.name-decision-page .name-decision-number .number-interpretations > div { min-width: 0; padding: .85rem; background: #fffdf9; border-color: var(--decision-line); }
body.name-decision-page .name-decision-number .number-note { color: var(--decision-muted); font-size: .85rem !important; }
body.name-decision-page .name-decision-choice ul { margin: .75rem 0 0; padding-inline-start: 1.25rem; list-style: disc; }
body.name-decision-page .name-decision-choice li { max-width: 65ch; margin-block: .75rem; padding-inline-start: .2rem; line-height: 1.85; }
body.name-decision-page .name-decision-choice li::marker { color: var(--decision-coral); }
body.name-decision-page .name-decision-profile { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; margin-block: 1rem; }
body.name-decision-page .name-decision-profile > :is(h2, h3) { grid-column: 1 / -1; }
body.name-decision-page .name-decision-profile-card,
body.name-decision-page .name-decision-profile > article { min-width: 0; padding: 1rem; border: 1px solid var(--decision-line); border-radius: .8rem; background: var(--decision-cream); }
body.name-decision-page .name-decision-profile-card :is(h3, h4) { margin-block: 0 .5rem; font-size: 1.05rem; color: #704c85; }
body.name-decision-page .name-decision-profile-card p:last-child { margin-block-end: 0; }
body.name-decision-page .name-decision-personal { padding: clamp(.9rem, 2.5vw, 1.4rem); background: #f5effa; border: 1px solid var(--decision-line); border-radius: 1rem; }
body.name-decision-page .name-decision-personal form,
body.name-decision-page .name-decision-personal-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: .9rem; min-width: 0; }
body.name-decision-page .name-decision-personal label { display: grid; gap: .4rem; min-width: 0; font-size: .95rem; font-weight: 600; }
body.name-decision-page .name-decision-personal :is(input, select) { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height: 46px; padding: .65rem .75rem; border: 1px solid #b7a4c7; border-radius: .6rem; background: #fffdf9; color: var(--decision-ink); font: inherit; font-size: 16px; }
body.name-decision-page .name-decision-personal input[type="date"] { direction: ltr; text-align: start; }
body.name-decision-page .name-decision-personal button,
body.name-decision-page .name-decision-personal-button { box-sizing: border-box; width: fit-content; max-width: 100%; min-height: 46px; padding: .7rem 1.1rem; border: 0; border-radius: .65rem; background: var(--decision-coral); color: #fff; font: inherit; font-weight: 700; white-space: normal; cursor: pointer; }
body.name-decision-page .name-decision-personal button:disabled { opacity: .65; cursor: default; }
body.name-decision-page .name-decision-personal-result { display: block; margin-block-start: 1rem; padding: 1rem; border: 1px solid #d3c1de; border-radius: .75rem; background: #fffdf9; line-height: 1.8; overflow-wrap: anywhere; }
body.name-decision-page .name-decision-personal-result[hidden] { display: none; }
body.name-decision-page .name-decision-personal small { display: block; color: var(--decision-muted); font-size: .8rem; line-height: 1.7; }
body.name-decision-page .name-decision-statistics { margin-block: 1.6rem 1rem; padding: .75rem .9rem; border: 1px solid var(--decision-line); border-radius: .8rem; background: #fffdf9; }
body.name-decision-page .name-decision-statistics summary { min-height: 2rem; cursor: pointer; line-height: 1.7; font-size: .95rem; font-weight: 600; }
body.name-decision-page .name-decision-statistics[open] > summary { margin-block-end: .75rem; }
body.name-decision-page .name-decision-statistics .cbs-statistics { margin-block: .75rem 0; border: 0; padding: 0; background: transparent; }
body.name-decision-page .name-decision-sources { margin-block: 2rem 1rem; color: var(--decision-muted); font-size: .85rem; }
body.name-decision-page .name-decision-sources details { padding-block: .8rem; border-top: 1px solid var(--decision-line); }
body.name-decision-page .name-decision-sources summary { cursor: pointer; min-height: 2rem; line-height: 1.7; font-weight: 600; }
body.name-decision-page .name-decision-sources details[open] summary { margin-block-end: .65rem; }
body.name-decision-page .name-decision-sources :is(p, li) { line-height: 1.8; }
body.name-decision-page .name-decision-sources a { color: #794562; text-decoration: underline; text-underline-offset: .15em; }
body.name-decision-page .detail-layout :focus-visible { outline: 3px solid #8860ac; outline-offset: 3px; }
body.name-decision-page .detail-layout * { animation: none; transition: none; }
@media (min-width: 680px) {
  body.name-decision-page .name-decision-quick-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.name-decision-page .name-decision-profile { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.name-decision-page .name-decision-personal-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  body.name-decision-page .section { padding-block: 1.6rem; }
  body.name-decision-page .name-decision-lead { padding: 1rem .85rem; }
  body.name-decision-page .detail-layout .prose { font-size: 1rem; }
  body.name-decision-page .name-decision-quick-facts { gap: .55rem; }
  body.name-decision-page .name-decision-quick-facts > div { padding: .65rem .6rem; }
  body.name-decision-page .name-decision-number .number-orb { width: 54px; height: 54px; font-size: 1.9rem; }
  body.name-decision-page .name-decision-section { margin-block: 1.5rem; }
}