.article-page { padding-top:60px; padding-bottom:80px; }
.article-back { margin-bottom:40px; font-size:14px; }
.article-heading,.article-copy,.article-share,.article-end { max-width:760px; margin-left:auto; margin-right:auto; }
.article-heading h1 { font-size:clamp(38px,5vw,70px); line-height:1.08; margin:20px 0; }
.article-heading time { color:#586b60; font-size:14px; }
.article-heading .article-intro { font-size:21px; line-height:1.65; margin:24px 0 40px; }
.article-photo { max-width:1000px; margin:0 auto 48px; }
.article-photo img { display:block; width:100%; height:auto; max-height:620px; object-fit:cover; border-radius:12px; }
.article-copy { font-size:18px; line-height:1.8; }
.article-share { display:flex; align-items:center; gap:18px; flex-wrap:wrap; border-top:1px solid #d5ddd5; padding-top:28px; margin-top:40px; font-size:14px; }
.article-end { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; padding-top:50px; }
@media(max-width:700px) { .article-page { padding-top:40px; padding-bottom:48px; }.article-back { margin-bottom:28px; }.article-heading .article-intro { font-size:18px; }.article-photo { margin-bottom:28px; } }