html[lang="ko"] .l-en{display:none}
html[lang="en"] .l-ko{display:none}
.article{max-width:820px;padding-top:32px;padding-bottom:72px}
.back{margin:0 0 24px;font-weight:700}
.art-head h1{font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.25;margin:0}
.pub{color:var(--muted);margin:14px 0 0;font-weight:600}
.callout{margin:20px 0 0;padding:14px 18px;border-left:4px solid var(--accent-2);background:var(--bg-alt);border-radius:8px;color:var(--text)}
.cover-fig{margin:32px 0;max-width:420px}
.cover-fig img,.pages-grid img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:var(--bg-alt)}
.cover-fig figcaption,.pages-grid figcaption{font-size:13.5px;color:var(--muted);margin-top:6px}
.art-sec{margin:36px 0}
.art-sec h2,.notice h2{font-size:1.3rem;margin:0 0 10px;line-height:1.4}
.art-sec p{margin:0;max-width:68ch}
.notice{margin:40px 0;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt)}
.notice p{margin:0;color:var(--muted);font-size:15.5px}
.pages{border:1px solid var(--line);border-radius:var(--radius);padding:8px 20px 20px;background:var(--surface)}
.pages>summary{cursor:pointer;font-weight:700;padding:12px 0;min-height:44px}
.pages-hint{color:var(--muted);font-size:14px;margin:0 0 16px}
.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.pages-grid figure{margin:0}
.pages-grid a{display:block}
@media (max-width:420px){.pages{padding:4px 12px 14px}.pages-grid{grid-template-columns:1fr}}