/* Additive milestone and shared disclosure styles. No scroll-linked effects. */
#iam-site .skip-link { position: fixed; top: 10px; left: 16px; z-index: 1000; padding: 12px 18px; border-radius: 8px; background: #f5ede1; color: #17191d; transform: translateY(-150%); }
#iam-site .skip-link:focus { transform: none; }
#iam-site #primary-navigation { max-height: calc(100svh - 90px); overflow-y: auto; overscroll-behavior: contain; }
#iam-site main:focus { outline: none; }
#iam-site a:focus-visible, #iam-site button:focus-visible, #iam-site summary:focus-visible { outline: 2px solid #e2bd89; outline-offset: 5px; }
#iam-site #current-status { scroll-margin-top: 90px; }
#iam-site .milestone-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(36px, 6vw, 86px); }
#iam-site .milestone-photo { margin: 0; min-width: 0; }
#iam-site .ceremony-photo { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 43%; border-radius: 26px; border: 1px solid rgba(226,189,137,.25); }
#iam-site .ceremony-photo-full { aspect-ratio: 3401 / 6046; object-fit: contain; }
#iam-site .milestone-photo figcaption { margin-top: 15px; color: #a9a39b; font-size: .78rem; line-height: 1.55; }
#iam-site .milestone-copy { min-width: 0; }
#iam-site .milestone-copy h2 { max-width: 650px; margin: 0 0 25px; font-size: clamp(2rem, 3.8vw, 3.6rem); line-height: 1.08; letter-spacing: -.045em; }
#iam-site .milestone-copy p { color: #bcb6af; line-height: 1.75; }
#iam-site .milestone-copy .milestone-lead { color: #f0e9df; font-size: clamp(1.15rem, 1.7vw, 1.4rem); line-height: 1.55; }
#iam-site .milestone-copy .button { margin-top: 12px; }
#iam-site .status-note { padding-left: 18px; border-left: 2px solid #bd965f; font-size: .93rem; line-height: 1.7; color: #c8c0b6; }
#iam-site .status-note a, #iam-site .recording-note a, #iam-site #instagram .section-lead a { color: #e2bd89; text-underline-offset: 4px; }
#iam-site .admission-documents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 42px; }
#iam-site .admission-document { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(226,189,137,.18); border-radius: 26px; background: linear-gradient(145deg,#24252a,#17191e); }
#iam-site .document-copy { padding: clamp(24px, 3vw, 40px); flex: 1; }
#iam-site .document-copy h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); margin: 0 0 20px; }
#iam-site .document-copy > p { color: #bcb6af; line-height: 1.65; }
#iam-site .document-copy .eyebrow { color: #e2bd89; }
#iam-site .score-line { display: flex; align-items: center; gap: 22px; margin: 26px 0; }
#iam-site .score-line strong { font-size: clamp(3.4rem, 5vw, 5rem); letter-spacing: -.06em; font-weight: 600; color: #f4eee6; line-height: 1; }
#iam-site .score-line span { font-size: .86rem; line-height: 1.6; }
#iam-site .document-date { color: #f4eee6 !important; font-size: 1.2rem; }
#iam-site .document-preview { display: block; padding: 0 clamp(20px, 3vw, 32px) 28px; text-decoration: none; }
#iam-site .document-preview img { width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: contain; background: #e7e3dc; border-radius: 8px; }
#iam-site .document-preview span { display: block; padding-top: 18px; color: #e2bd89; font-size: .9rem; font-weight: 600; }
#iam-site .document-preview b { margin-left: 8px; }
#iam-site[data-route="admission"] .button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: 12px; padding: 12px 24px; border-radius: 999px; border: 1px solid #dfb980; background: linear-gradient(120deg,#e2bd89,#a8773f); color: #191714; font-size: .88rem; font-weight: 650; text-decoration: none; }
#iam-site[data-route="admission"] .text-link { color: #e2bd89; font-weight: 600; text-underline-offset: 4px; }
#iam-site .article-copy > h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.2; margin: 48px 0 22px; }
#iam-site .article-copy > h2:first-child { margin-top: 0; }
#iam-site .article-copy .recording-note { font-size: .85rem; margin-top: 30px; }
#iam-site .site-footer { padding: 36px 0 40px; text-align: center; }
#iam-site .site-footer > .wrap { display: grid; gap: 14px; width: min(calc(100% - 48px), 850px); margin-inline: auto; }
#iam-site .site-footer p { max-width: none; margin: 0; line-height: 1.7; font-size: .875rem; color: #a9a39b; text-wrap: balance; }
#iam-site .site-footer a { color: #e2bd89; text-underline-offset: 4px; white-space: nowrap; }
/* Leave room below the copy for the existing floating back-to-top control. */
@media (max-width: 1100px) {
  #iam-site .site-footer { padding-bottom: calc(148px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 760px) {
  #iam-site .milestone-grid, #iam-site .admission-documents { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  #iam-site .milestone-photo { width: 100%; max-width: 520px; margin-inline: auto; }
}