.article-page{--article-w:720px;font-family:var(--kr);background:var(--paper);color:var(--ink);font-size:17px;line-height:1.75;padding-top:clamp(72px,11vh,110px)}.article-page a{color:inherit}.article{max-width:var(--article-w);margin:0 auto;padding:clamp(40px,7vh,80px) clamp(20px,5vw,24px) clamp(40px,6vh,72px)}.article__date{display:block;text-align:center;font-family:var(--latin);font-size:14px;color:var(--gray-500);letter-spacing:.01em;margin-bottom:clamp(20px,3vh,28px)}.article__title{text-align:center;font-size:clamp(28px,4.2vw,40px);font-weight:750;letter-spacing:-.02em;line-height:1.3;margin-bottom:clamp(48px,7vh,80px);word-break:keep-all}.article__cover{margin:0 0 clamp(48px,7vh,80px);border-radius:16px;overflow:hidden;background:var(--paper-2);aspect-ratio:16/10}.article__cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.article__body{display:flex;flex-direction:column;gap:clamp(20px,2.6vh,28px)}.article__p{font-size:17px;line-height:1.85;color:var(--gray-700);word-break:keep-all}.article__h1{font-size:clamp(22px,2.8vw,26px);font-weight:750;letter-spacing:-.015em;margin-top:clamp(20px,3vh,32px);line-height:1.35}.article__h2{font-size:clamp(19px,2.4vw,22px);font-weight:750;letter-spacing:-.012em;margin-top:clamp(16px,2.4vh,24px);line-height:1.4}.article__h3{font-size:18px;font-weight:700;margin-top:clamp(12px,2vh,18px);line-height:1.45}.article__callout,.article__quote{background:var(--paper-2);border-radius:14px;padding:clamp(20px,3vh,28px) clamp(20px,4vw,32px);color:var(--gray-700);font-size:16px;line-height:1.8}.article__quote{border-left:3px solid var(--coral);border-radius:4px 14px 14px 4px}.article__ol,.article__ul{padding-left:1.4em;margin:0;display:flex;flex-direction:column;gap:8px;color:var(--gray-700)}.article__ol li,.article__ul li{font-size:17px;line-height:1.8;word-break:keep-all}.article__divider{border:0;border-top:1px solid var(--line);margin:clamp(20px,3vh,32px) 0}.article__figure{margin:clamp(12px,2vh,24px) 0}.article__figure img{width:100%;border-radius:12px}.article__figure figcaption{margin-top:10px;text-align:center;font-size:14px;color:var(--gray-500)}.article a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}.article a:hover{color:var(--ink)}.article__source{display:flex;justify-content:center;margin-top:clamp(48px,7vh,72px)}.article__source-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;background:var(--paper-2);border-radius:999px;font-size:15px;color:var(--gray-700);text-decoration:none;transition:background .25s var(--ease),transform .25s var(--ease)}.article__source-btn:hover{background:var(--paper-3);color:var(--ink)}.article__source-btn span{font-family:var(--latin);font-size:14px}.article-foot{max-width:var(--article-w);margin:0 auto;padding:clamp(28px,4vh,48px) clamp(20px,5vw,24px) clamp(64px,8vh,96px);display:grid;grid-template-columns:1fr auto 1fr;grid-gap:16px;gap:16px;align-items:center;border-top:1px solid var(--line)}.article-foot__side{display:flex;align-items:center}.article-foot__side--prev{justify-content:flex-start}.article-foot__side--list{justify-content:center}.article-foot__side--next{justify-content:flex-end}.article-foot__btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--gray-500);text-decoration:none;padding:10px 14px;border-radius:999px;transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}.article-foot__btn:hover{color:var(--ink);background:var(--paper-2)}.article-foot__btn span{font-family:var(--latin);font-size:18px;line-height:1}.article-foot__btn--prev:hover{transform:translateX(-3px)}.article-foot__btn--next:hover{transform:translateX(3px)}.article-foot__btn--list{color:var(--ink);background:var(--paper-2)}.article-foot__btn--list:hover{background:var(--paper-3);transform:none}@media (max-width:640px){.article-page{font-size:16px}.article__cover,.article__title{margin-bottom:40px}.article__cover{border-radius:12px}.article-foot{grid-template-columns:1fr 1fr;gap:10px}.article-foot__side--list{grid-column:1/-1;order:-1;justify-content:center}}