/* A quiet notebook timeline within the research section. */
.rda-progress { padding-top: 44px; }
.rda-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.rda-heading .eyebrow { font-size: 9px; }
.rda-heading h3 { display: flex; align-items: center; gap: 18px; margin-top: 14px; font: 400 36px/1.2 var(--serif); letter-spacing: -.03em; }
.rda-heading h3 > span { padding: 4px 9px; border: 1px solid #68725b; border-radius: 2px; font: 10px/1.5 var(--sans); letter-spacing: .04em; color: #c2caae; }
.rda-intro { margin-top: 15px; max-width: 580px; font-size: 12px; line-height: 1.95; color: #b4bda9; }
.rda-heading > .detail-link { flex-shrink: 0; margin-top: 37px; }
.rda-timeline-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-top: 35px; padding-bottom: 20px; border-bottom: 1px solid #4c5545; }
.rda-timeline-heading h4 { font-size: 13px; font-weight: 400; color: #e8e9de; letter-spacing: .06em; }
.rda-timeline-heading > span { font-size: 8px; color: #929d86; }
.rda-timeline { list-style: none; margin: 27px 0 0; padding: 0; }
.rda-entry { display: grid; grid-template-columns: 155px 1fr; column-gap: 36px; position: relative; padding-bottom: 28px; }
.rda-entry::before { content: ''; position: absolute; left: 172px; top: 9px; bottom: -9px; width: 1px; background: #536047; }
.rda-entry::after { content: ''; position: absolute; left: 169px; top: 7px; width: 7px; height: 7px; border-radius: 50%; background: #78866a; box-shadow: 0 0 0 5px #292e28; }
.rda-entry:last-child::before { display: none; }
.rda-entry-latest::after { background: #e1b58c; }
.rda-date { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 0 8px; padding-top: 3px; font-size: 10px; color: #c4cbb9; line-height: 1.6; }
.rda-date small { display: block; width: 100%; font: 9px/1.6 var(--sans); color: #929e86; margin-top: 7px; }
.rda-update { min-width: 0; border-bottom: 1px solid #46503f; padding-bottom: 24px; }
.rda-update summary { position: relative; list-style: none; cursor: pointer; padding-right: 38px; }
.rda-update summary::-webkit-details-marker { display: none; }
.rda-update summary:focus-visible { outline: 1px solid #e1b58c; outline-offset: 7px; }
.rda-entry-meta { display: block; font-size: 9px; color: #9eaa91; letter-spacing: .06em; margin-bottom: 10px; }
.rda-entry-latest .rda-entry-meta { color: #d9b694; }
.rda-entry-title, .rda-origin h5 { display: block; font-size: 18px; line-height: 1.55; font-weight: 400; color: #eeeae0; letter-spacing: -.02em; }
.rda-entry-summary, .rda-origin p { display: block; margin-top: 9px; font-size: 11px; line-height: 1.9; color: #b2bca5; }
.rda-disclosure { position: absolute; right: 1px; top: 24px; width: 24px; height: 24px; border: 1px solid #616c55; border-radius: 50%; }
.rda-disclosure::before, .rda-disclosure::after { content: ''; position: absolute; background: #c5cdb9; left: 7px; top: 10px; width: 8px; height: 1px; }
.rda-disclosure::after { transform: rotate(90deg); }
.rda-update[open] .rda-disclosure::after { display: none; }
.rda-update-body { display: grid; gap: 10px; margin-top: 18px; padding: 17px 20px; background: #32392d; border-left: 2px solid #677459; }
.rda-update-body p { display: grid; grid-template-columns: 60px 1fr; gap: 10px; color: #bac3ae; font-size: 11px; line-height: 1.9; }
.rda-update-body b { color: #d8ddcd; font-size: 10px; font-weight: 400; padding-top: 1px; }
.rda-origin { padding-top: 0; min-width: 0; }
.rda-origin h5 { font-size: 15px; }
.rda-entry-origin { padding-bottom: 0; }
.rda-progress-note { margin: 28px 0 0 191px; font-size: 9px; line-height: 1.9; color: #929e86; }
@media(max-width:800px) {
 .rda-entry { grid-template-columns: 125px 1fr; gap: 28px; }
 .rda-entry::before { left: 136px; }
 .rda-entry::after { left: 133px; }
 .rda-progress-note { margin-left: 153px; }
 .rda-entry-title { font-size: 16px; }
}
@media(max-width:600px) {
 .rda-progress { padding-top: 32px; }
 .rda-heading { display: block; }
 .rda-heading h3 { font-size: 32px; gap: 15px; }
 .rda-heading h3 > span { font-size: 9px; }
 .rda-intro { font-size: 11px; }
 .rda-heading > .detail-link { margin-top: 19px; }
 .rda-timeline-heading { margin-top: 30px; padding-bottom: 17px; }
 .rda-timeline-heading > span { font-size: 7px; }
 .rda-timeline { margin-top: 24px; }
 .rda-entry { display: block; padding-left: 24px; padding-bottom: 27px; }
 .rda-entry::before { left: 3px; top: 8px; bottom: -8px; }
 .rda-entry::after { left: 0; top: 5px; }
 .rda-date { padding-top: 0; margin-bottom: 17px; font-size: 9px; align-items: baseline; }
 .rda-date small { width: auto; font-size: 8px; margin: 0 0 0 5px; }
 .rda-entry-meta { font-size: 8px; margin-bottom: 8px; }
 .rda-entry-title { font-size: 16px; }
 .rda-update summary { padding-right: 27px; }
 .rda-entry-summary, .rda-origin p { font-size: 11px; }
 .rda-disclosure { width: 21px; height: 21px; top: 22px; right: 0; }
 .rda-disclosure::before, .rda-disclosure::after { left: 5px; top: 9px; width: 9px; }
 .rda-update-body { padding: 14px; gap: 12px; }
 .rda-update-body p { display: block; font-size: 11px; }
 .rda-update-body b { display: block; font-size: 10px; margin-bottom: 3px; }
 .rda-origin h5 { font-size: 15px; }
 .rda-entry-origin { padding-bottom: 0; }
 .rda-progress-note { margin: 25px 0 0 24px; font-size: 9px; }
}
