/* Dated product information, participation and a compact professional contact. */
.anchor-alias { display: block; position: relative; top: -110px; visibility: hidden; }
.development-check { color: var(--muted); font-size: .78rem; margin-top: 16px; }
.progress-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 64px; }
.progress-journal > h3 { font-size: .8rem; color: #285b4a; margin-bottom: 8px; }
.progress-journal > p { color: var(--muted); font-size: .81rem; margin-bottom: 25px; }
.progress-entries { list-style: none; padding: 0; margin: 0; }
.progress-entries li { display: grid; grid-template-columns: 65px 1fr; gap: 22px; border-top: 1px solid var(--line); padding: 22px 0; }
.progress-entries time { color: #556879; font-size: .73rem; font-variant-numeric: tabular-nums; padding-top: 3px; }
.progress-entries h4 { font-size: 1.08rem; font-weight: 600; margin: 0 0 8px; line-height: 1.35; letter-spacing: -.02em; }
.progress-entries p { color: var(--muted); font-size: .88rem; line-height: 1.8; }
.progress-context { align-self: start; padding: 29px 32px; border-radius: 10px; background: #eaf0f5; }
.progress-context > div + div { border-top: 1px solid #cbd7e1; margin-top: 22px; padding-top: 22px; }
.progress-context h3 { font-size: .89rem; margin-bottom: 10px; }
.progress-context p { color: #4e6275; font-size: .84rem; line-height: 1.8; }
.progress-context .scope-value { font-size: 2.6rem; color: var(--ink); line-height: 1.3; }
.participation-guide { margin-top: 32px; padding-top: 26px; border-top: 1px solid #c8d5e2; max-width: 370px; }
.participation-guide h3 { font-size: 1.06rem; margin-bottom: 20px; }
.participation-guide ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; }
.participation-guide li { padding-left: 18px; position: relative; font-size: .85rem; line-height: 1.7; color: #526275; }
.participation-guide li::before { content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: .65em; border-radius: 50%; background: #075fcb; }
.beta-intro > .text-link { margin-top: 20px; }
.beta-success .beta-success-next { font-size: 1rem; margin: 27px 0 12px; }
.contact-section { background: #f7f8fa; border-block: 1px solid var(--line); padding-block: 48px; }
.contact-shortcut { margin-top: 12px; display: flex; font-size: .8rem; }
.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 72px; align-items: start; }
.contact-layout h2 { font-size: clamp(1.6rem,2.2vw,2.2rem); line-height: 1.25; margin-bottom: 14px; letter-spacing: -.04em; }
.contact-layout p { color: var(--muted); font-size: .88rem; max-width: 440px; }
.contact-actions { display: flex; flex-wrap: wrap; gap: 5px 22px; align-items: center; }
.contact-address-link { color: var(--blue); font-size: 1.2rem; min-height: 44px; display: inline-flex; align-items: center; text-underline-offset: .2em; overflow-wrap: anywhere; }
.contact-copy { font: inherit; font-size: .8rem; min-height: 44px; padding: 9px 12px; color: var(--blue); border: 1px solid #8192a5; border-radius: 6px; background: transparent; }
.contact-copy:hover { background: #e9f1fa; }
.contact-copy[aria-disabled=true] { cursor: wait; }
.contact-layout .contact-status { font-size: .8rem; color: #324f65; margin-top: 10px; }
.contact-status:empty { margin-top: 0; }
.contact-manual { margin-top: 12px; }
.contact-manual label { display: block; font-size: .78rem; margin-bottom: 8px; color: #4e6275; }
.contact-manual input { width: 100%; max-width: 360px; min-height: 48px; border: 1px solid #7b8da0; border-radius: 6px; padding: 9px 12px; font-size: 1rem; background: #fff; color: var(--ink); }
@media (max-width:900px) {
  .progress-layout { gap: 34px; grid-template-columns: 1.2fr 1fr; }
  .progress-context { padding: 24px; }
  .participation-guide { max-width: 540px; margin-top: 24px; padding-top: 22px; }
  .participation-guide ul { gap: 10px; }
  .contact-layout { gap: 30px; }
}
@media (max-width:760px) {
  .anchor-alias { top: -150px; }
  .progress-layout,.contact-layout { grid-template-columns: 1fr; }
  .progress-entries li { grid-template-columns: 49px 1fr; gap: 14px; padding-block: 20px; }
  .progress-entries h4 { font-size: 1.04rem; }
  .progress-context { padding: 25px; }
  .development-check { font-size: .74rem; }
  .contact-section { padding-block: 34px; }
  .contact-layout { gap: 19px; }
  .contact-actions { gap: 8px 20px; }
  .contact-address-link { font-size: 1.06rem; }
}