.topic-hero{padding:38px max(24px,calc((100vw - 1180px)/2)) 48px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;background:linear-gradient(120deg,#f3f8f9,white)}.topic-hero .lead{font-size:19px;line-height:1.65}.topic-art{margin:0}.topic-art svg{display:block;width:100%;height:auto}.topic-hero h1{font-size:clamp(34px,3.6vw,50px)}.year-path{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c6dfd9;border-radius:16px;overflow:hidden;margin:35px 0}.year-path article{padding:28px;background:#edf6f3;border-right:1px solid #c6dfd9}.year-path article:nth-child(2){background:#dcedE7}.year-path article:last-child{background:#184d56;color:white;border:0}.year-path span,.relay-caption>span{font-size:12px;text-transform:uppercase;letter-spacing:1px}.year-path h3{font-size:23px;margin:12px 0}.year-path p{margin:0}.review-pair{display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center;margin:30px 0}.review-pair article{border:1px solid #cfe1e7;border-radius:18px;padding:30px;background:#f5f9fa}.review-pair h3{font-size:24px;margin:12px 0}.review-arrow{text-align:center;font-size:38px;color:#268784}.relay-board{display:grid;grid-template-columns:1fr 1.1fr;gap:0;border-radius:18px;overflow:hidden;background:white;border:1px solid #d1e1e8}.relay-caption{background:#173f57;color:white;padding:32px}.relay-caption>span{color:#a7dcd8}.relay-caption h3{font-size:29px;line-height:1.2}.relay-stages{padding:15px 30px;display:grid}.relay-stages article{padding:15px 0;border-bottom:1px solid #dde8eb}.relay-stages article:last-child{border:0}.relay-stages b{color:#167c7c;font-size:20px}.relay-stages p{margin:6px 0}.meaning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.meaning-grid article{background:#f2f7f9;border:1px solid #d3e3e9;padding:25px;border-radius:14px}.meaning-grid span{color:#217e83;font-size:13px;font-weight:800}.meaning-grid h3{font-size:21px}.meaning-grid p{margin:0}@media(max-width:800px){.topic-hero,.year-path,.review-pair,.relay-board{grid-template-columns:1fr}.topic-art{max-width:450px;width:100%;margin:0 auto}.topic-hero{gap:12px;padding-bottom:30px}.year-path article{border-right:0;border-bottom:1px solid #c6dfd9}.review-arrow{font-size:28px;line-height:1}.meaning-grid{grid-template-columns:1fr 1fr}.topic-hero .lead{font-size:17px}}@media(max-width:480px){.meaning-grid{grid-template-columns:1fr}.meaning-grid article{padding:20px}.meaning-grid h3{margin:8px 0}.topic-art{max-width:330px}}