.hero h1{max-width:1050px;text-wrap:balance}
.article-intro{max-width:820px;padding:26px 30px;border-left:3px solid var(--gold);background:var(--paper);color:#62594d}
.article-intro p+p{margin-top:12px}
.article-step{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start;padding:48px 0;border-bottom:1px solid var(--line)}
.article-step h2{margin-top:0}.article-step p{margin-top:16px;color:var(--muted)}
.article-step ul{margin:17px 0 0 1.25em;color:var(--muted)}.article-step li+li{margin-top:8px}
.article-step figure{margin:0}.article-step figure a{display:block;cursor:zoom-in}.article-step img{width:100%;height:auto;border:1px solid var(--line);background:#ddd1c0}
.article-step figcaption{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}
.article-step a,.article-related a{color:#75511f;text-decoration:underline;text-underline-offset:3px}
.article-related{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin-top:32px}
.article-card{padding:0;overflow:hidden}.article-card img{width:100%;height:225px;object-fit:cover;object-position:center 38%;background:#ddd1c0}
.article-card-copy{display:flex;flex:1;flex-direction:column;padding:22px 26px 26px}.article-card-copy h3{margin-top:8px}.article-card-copy p{margin-top:12px}.article-card-copy .more{padding-top:20px}
.article-toc{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 8px}.article-toc a{padding:8px 12px;border:1px solid var(--line);font-size:13px;color:#75511f}.article-toc a:hover{border-color:var(--gold)}
.article-chapter{padding:46px 0;border-bottom:1px solid var(--line);scroll-margin-top:125px}.article-chapter h2{margin-bottom:20px}
.article-context{padding:18px 22px;margin-bottom:24px;background:var(--paper);border-left:2px solid var(--gold);color:#62594d;font-size:14px}
.article-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-frame{overflow:hidden;border:1px solid var(--line);background:#fffdf8}.article-frame figure{margin:0}.article-frame figure a{display:block;cursor:zoom-in;background:#e5ded2}.article-frame img{width:100%;height:440px;object-fit:contain}.article-frame figcaption{padding:10px 22px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}
.frame-copy{padding:20px 24px 26px}.original-copy{margin:0;color:#51493f;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.article-tail{max-width:720px;margin-top:24px;padding:24px;background:#fffdf8;border:1px solid var(--line)}
@media(max-width:720px){.article-step{grid-template-columns:1fr;gap:24px;padding:38px 0}.article-step figure{max-width:360px}.article-intro{padding:22px}.article-cards{grid-template-columns:1fr}.article-card img{height:210px}}
@media(max-width:720px){.article-frame-grid{grid-template-columns:1fr;gap:20px}.article-frame img{height:auto}.article-chapter{padding:34px 0}.article-context{padding:16px 18px}.frame-copy{padding:18px 20px 22px}.article-toc{gap:8px}.article-toc a{font-size:12px}}