/* v77 final visual polish and defensive layout rules */

/* Keep the methodology page scannable rather than a long undifferentiated article. */
.method77-summary{background:#eef7f8;border-top:1px solid #dbe6e8;border-bottom:1px solid #dbe6e8}
.method77-rail{display:grid;grid-template-columns:repeat(5,1fr);min-height:92px}
.method77-rail a{position:relative;display:flex;align-items:center;gap:11px;padding:22px 18px;color:#24313d;border-right:1px solid #d6e2e5;font-size:14px}
.method77-rail a:first-child{border-left:1px solid #d6e2e5}
.method77-rail span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #bfd4da;color:#18844a;font-size:11px;font-weight:800;letter-spacing:.06em;flex:0 0 auto}
.method77-rail b{font-size:14px;letter-spacing:.01em}
.method77-rail a:hover{background:#fff}
.method77 .article-layout{align-items:start}
.method77-steps{max-width:none}
.method77-step{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:30px 0;border-top:1px solid #dce5e9;scroll-margin-top:115px}
.method77-step:first-child{border-top:0;padding-top:0}
.method77-num{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#173244;color:#84e2a5;font-weight:800;font-size:13px;letter-spacing:.08em}
.method77-step h2{margin:0 0 10px;font-size:clamp(26px,2.4vw,34px)}
.method77-step p{margin:0;color:#465768;max-width:68ch}
.method77-brief{margin-top:24px;padding:30px 32px;border-radius:10px;background:linear-gradient(135deg,#f0f8f5 0%,#eef6fb 100%);border:1px solid #d6e6e2}
.method77-brief h2{margin:10px 0 18px}
.method77-brief ul{display:grid;gap:8px;padding-left:20px}
.method77-aside{position:sticky;top:112px}

/* eDataXchange reveal motion must never put copy outside a tablet/mobile viewport. */
@media (max-width:1024px){
  .edx55 .chapter-copy.edx-reveal,.edx55 .chapter-grid.reverse .chapter-copy.edx-reveal{transform:none!important}
}

/* Slightly reduce footer density after removing secondary attribution links. */
.site-footer .footer-grid{grid-template-columns:1.35fr .8fr .72fr 1fr}
.site-footer .footer-grid a{margin:8px 0}

@media (max-width:760px){
  .method77-rail{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  .method77-rail a{min-width:0;padding:14px 10px;gap:7px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #d6e2e5}
  .method77-rail a:nth-child(3){border-right:0}
  .method77-rail a:nth-child(n+4){border-bottom:0}
  .method77-rail span{width:28px;height:28px;font-size:10px}
  .method77-rail b{font-size:12px;line-height:1.25}
  .method77-step{grid-template-columns:42px 1fr;gap:14px;padding:24px 0}
  .method77-num{width:38px;height:38px;font-size:11px}
  .method77-brief{padding:24px 22px}
  .method77-aside{position:static}
  .site-footer .footer-grid{grid-template-columns:1fr}
}