.leap-month-field { margin: -7px 0 22px; }
.form-error { margin: 14px 0; padding: 12px 0; color: #ffd0cd; font-size: 13px; line-height: 1.7; }
.report-jump { display: inline-block; margin: 8px 0 18px; color: #dbc7b3; font-size: 12px; text-underline-offset: 5px; }
.calculated-report { margin-top: 0; padding-top: 50px; background: linear-gradient(#131c2b, #171e2b 450px); scroll-margin-top: 72px; }
.calculated-report #profile-caption { font-size: 12px; line-height: 1.8; color: #c8bccb; }
.report-nav { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 25px 0 34px; }
.report-nav a { color: #dbc7b3; font-size: 13px; text-underline-offset: 6px; padding: 8px 0; }
#yeoun-report { overflow-wrap: anywhere; }
#yeoun-report p { font-size: 14px; line-height: 1.95; white-space: pre-line; margin: 12px 0 20px; }
#yeoun-report h4 { font-size: 15px; line-height: 1.7; font-weight: 600; margin: 24px 0 8px; }
#yeoun-report .reading-eyebrow { color: #af9daf; font-size: 11px; letter-spacing: .4px; }
.report-headline { padding: 5px 0 28px; }
.report-headline h3 { font-size: 25px; color: #f4e1d3; }
.report-chapter { padding-top: 22px; scroll-margin-top: 72px; }
.report-chapter > h3 { color: #ead8c5; }
.report-fold { border-top: 1px solid #ffffff1b; padding-bottom: 0; }
.report-fold > summary { padding: 21px 24px 21px 0; cursor: pointer; list-style: none; position: relative; }
.report-fold > summary::-webkit-details-marker { display: none; }
.report-fold > summary::after { content: '+'; position: absolute; right: 0; top: 21px; color: #c2a99a; font-size: 20px; }
.report-fold[open] > summary::after { content: '−'; }
.fold-title { font-size: 15px; line-height: 1.6; display: block; }
.fold-subtitle { font-size: 12px; line-height: 1.8; display: block; color: #a99dad; margin-top: 6px; }
.report-fold[open] { padding-bottom: 22px; }
.report-fold[open] > summary { color: #f5d9c3; }
.pillar-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 8px 0 25px; gap: 7px; }
.pillar { display: flex; align-items: center; flex-direction: column; border: 1px solid #e5d1b82d; padding: 16px 4px; border-radius: 3px; gap: 10px; }
.pillar span { font-size: 11px; color: #c2b4c8; }
.pillar strong { font-family: serif; font-size: 29px; color: #f5e4d1; font-weight: 400; letter-spacing: 2px; writing-mode: vertical-lr; line-height: 1.5; }
.element-bars { display: grid; gap: 16px; margin: 10px 0 26px; }
.element-row { --element: #aac0af; display: grid; grid-template-columns: 43px 1fr 47px; gap: 12px; align-items: center; font-size: 12px; }
.element-row > span:last-child { text-align: right; color: #d6cddc; }
.element-fire { --element: #d5989a; }.element-earth { --element: #c8b08c; }.element-metal { --element: #cdc6dd; }.element-water { --element: #91aaca; }
.element-bar { background: #ffffff09; height: 5px; border-radius: 5px; overflow: hidden; }
.element-bar i { display: block; height: 100%; background: var(--element); border-radius: inherit; }
.reading-facts { margin: 6px 0 24px; font-size: 12px; line-height: 1.9; }
.reading-facts > div { display: flex; gap: 14px; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid #ffffff0a; }
.reading-facts dt { color: #bbaebe; flex: 0 0 90px; }.reading-facts dd { margin: 0; text-align: right; }
.reading-basis { margin: -4px 0 24px; color: #ada0b7; font-size: 11px; }
.reading-basis summary { cursor: pointer; padding: 6px 0; }
#yeoun-report .reading-basis p, #yeoun-report .report-footnote { font-size: 11px; line-height: 1.9; color: #ad9fb2; }
#yeoun-report .flow-marker { color: #e0bf87; font-size: 11px; margin-top: 0; }
.flow-month { padding: 2px 0 16px; border-bottom: 1px solid #ffffff12; }
.flow-month[data-current='true'] > h4 { color: #ead0ad; }
.flow-timeline { list-style: none; padding: 0 0 0 14px; border-left: 1px solid #c3a9873b; }
.flow-timeline li { display: grid; gap: 8px; padding: 12px 0; font-size: 12px; line-height: 1.7; }
.flow-timeline strong { font-weight: 500; }.flow-timeline span { color: #b2a4b9; }
.flow-timeline [data-golden='true'] strong { color: #e0bf87; }