/* Follow the Connections — historical evidence companion; independent of Story prose. */
.connections-page{background:#faf8f3;color:#263d50}
.connections-page .connections-wrap{width:min(1080px,calc(100% - 2.4rem));margin-inline:auto}
.connections-page .connect-hero{padding:clamp(3.5rem,7vw,6rem) 0 clamp(2.5rem,5vw,4.3rem);background:linear-gradient(150deg,#f2ece0 0%,#faf8f3 75%);border-bottom:1px solid #ddd6c8}
.connections-page .connect-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;color:#89633e;margin:0 0 1.2rem}
.connections-page h1,.connections-page h2,.connections-page h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:#243c53}
.connections-page h1{font-size:clamp(2.55rem,5.6vw,4.7rem);line-height:1.12;max-width:17ch;margin:0 0 1.4rem}
.connections-page .connect-lead{font:clamp(1.13rem,2vw,1.42rem)/1.64 Georgia,"Times New Roman",serif;max-width:67ch;color:#455c70;margin:0}
.connections-page .connect-hero-actions,.connections-page .connect-links{display:flex;gap:.7rem 1.1rem;flex-wrap:wrap;align-items:center}
.connections-page .connect-hero-actions{margin-top:2rem}
.connections-page .connect-button{display:inline-flex;align-items:center;min-height:43px;padding:.7rem 1.2rem;border:1px solid #315473;border-radius:6px;font-size:.92rem;font-weight:750;text-decoration:none;background:transparent;color:#23445f}
.connections-page .connect-button.primary{background:#24435e;color:#fff}
.connections-page .connect-button:hover{background:#e7eeef}
.connections-page .connect-button.primary:hover{background:#355978;color:#fff}
.connections-page .connect-guide{background:#fff;border-bottom:1px solid #e4ded2;padding:1.5rem 0}
.connections-page .connect-guide p{margin:0;color:#566b79;line-height:1.7}
.connections-page .connect-guide strong{color:#263d50}
.connections-page .connect-section{padding:clamp(3rem,5vw,4.7rem) 0}
.connections-page .connect-section.alt{background:#f3f0e9}
.connections-page .connect-section h2{font-size:clamp(1.8rem,3.2vw,2.65rem);line-height:1.22;margin:0 0 .75rem}
.connections-page .connect-intro{max-width:75ch;color:#4d6373;line-height:1.75;margin:0 0 2rem}
.connections-page .connect-timeline{list-style:none;position:relative;margin:0;padding:0 0 0 2.1rem}
.connections-page .connect-timeline:before{content:"";position:absolute;top:1.4rem;bottom:1.2rem;left:.53rem;width:2px;background:#cabba7}
.connections-page .connect-era{position:relative;background:#fff;border:1px solid #dfd9cc;border-radius:12px;padding:1.4rem 1.7rem;margin:0 0 1.15rem;box-shadow:0 5px 16px rgba(28,49,69,.035)}
.connections-page .connect-era:before{content:"";position:absolute;left:-2.02rem;top:1.7rem;width:.95rem;height:.95rem;border-radius:50%;background:#345b77;border:3px solid #faf8f3;box-sizing:border-box}
.connections-page .connect-era time{display:block;color:#926a43;font-size:.82rem;letter-spacing:.08em;font-weight:800;margin:0 0 .4rem}
.connections-page .connect-era h3{font-size:clamp(1.35rem,2.4vw,1.8rem);margin:0 0 .7rem}
.connections-page .connect-era p{max-width:75ch;line-height:1.75;color:#44596a;margin:.65rem 0}
.connections-page .connect-era .connect-meaning{background:#f5f3ec;border-left:3px solid #b4946e;padding:.7rem .9rem}
.connections-page .connect-links{border-top:1px solid #e8e1d6;padding-top:1rem;margin-top:1.15rem;font-size:.92rem}
.connections-page a{color:#1e5578}
.connections-page .connect-links a{font-weight:700;text-underline-offset:3px}
.connections-page .connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.connections-page .connect-card{background:#fff;border:1px solid #dfd9cc;border-radius:10px;padding:1.5rem}
.connections-page .connect-card h3{font-size:1.38rem;margin:0 0 .6rem}
.connections-page .connect-card p{color:#4b6070;line-height:1.7;margin:.45rem 0 1rem}
.connections-page .connect-card a{font-weight:750}
.connections-page .connect-standards{border-left:4px solid #9e805b;background:#f8f6f0;padding:1.25rem 1.5rem;margin-top:1rem}
.connections-page .connect-standards p{margin:.4rem 0;color:#465b6b;line-height:1.7}
.connections-page .connect-next{display:flex;flex-wrap:wrap;gap:.9rem}
.connections-page a:focus-visible{outline:3px solid #a97742;outline-offset:3px}
@media(max-width:720px){.connections-page .connect-grid{grid-template-columns:1fr}.connections-page .connect-era{padding:1.1rem 1.15rem}.connections-page .connect-timeline{padding-left:1.5rem}.connections-page .connect-timeline:before{left:.34rem}.connections-page .connect-era:before{left:-1.7rem}.connections-page .connect-hero-actions .connect-button{width:100%;justify-content:center}}

/* Plain-language reading flow: each step sits in one column. */
.connections-page .connect-hero{padding:clamp(2.3rem,5vw,4.3rem) 0}
.connections-page .connect-section{padding:clamp(2rem,4vw,3.4rem) 0}
.connections-page .connect-era h2{font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.25;margin:0 0 .65rem}
.connections-page .connect-grid{grid-template-columns:1fr}
.connections-page .connect-subtle{margin:1.2rem 0 0;font-size:.94rem;color:#586a77}
.connections-page .connect-timeline{max-width:850px}
.connections-page .connect-card{max-width:840px}
.connections-page .connect-card p{margin-bottom:.55rem}