html{scroll-padding-top:96px;}
body{line-height:1.7;}
.article-wrap{max-width:820px;margin:0 auto;padding:40px 5% 60px;}
.breadcrumb{font-size:0.78rem;color:var(--text-light);margin-bottom:28px;}
.breadcrumb a{color:var(--blue);}.breadcrumb span{margin:0 6px;}
.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.meta-cat{font-size:0.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--blue-light);color:var(--blue);padding:4px 10px;border-radius:4px;}
.meta-date{font-size:0.78rem;color:var(--text-light);}
.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:28px;display:block;}
.article-h1{font-size:2.2rem;color:var(--navy);margin-bottom:20px;line-height:1.25;}
.author-box{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--blue-light);border-left:4px solid var(--blue);border-radius:4px;margin-bottom:32px;}
.author-box img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--blue);flex-shrink:0;}
.author-name{font-weight:700;font-size:0.9rem;color:var(--navy);}
.author-title{font-size:0.75rem;color:var(--blue);margin-top:2px;}
.article-content{font-size:1rem;line-height:1.85;}
.article-content h2{font-size:1.5rem;color:var(--navy);margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--border);}
.article-content h3{font-size:1.15rem;color:var(--navy);margin:24px 0 10px;font-weight:700;}
.article-content p{margin-bottom:16px;}
.article-content ul,.article-content ol{margin:12px 0 16px 24px;}
.article-content li{margin-bottom:6px;}.article-content strong{color:var(--navy);}
.article-content a{color:#007ACC;text-decoration:underline;font-weight:700;}
.article-content blockquote{border-left:4px solid var(--blue);padding:12px 20px;margin:20px 0;background:var(--blue-light);border-radius:0 8px 8px 0;color:var(--text-light);}
.back-link{display:inline-block;margin-bottom:24px;font-size:0.85rem;color:var(--blue);font-weight:700;}
.article-toc{background:var(--gray-bg);border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:8px;padding:20px 24px;margin:28px 0 32px;}
.toc-title{font-weight:700;font-size:0.82rem;text-transform:uppercase;color:var(--navy);margin-bottom:14px;}
.article-toc ul{list-style:none;margin:0;padding:0;counter-reset:toc;}
.article-toc li{counter-increment:toc;padding:4px 0;display:flex;align-items:baseline;gap:6px;}
.article-toc li::before{content:counter(toc)".";color:var(--blue);font-weight:700;font-size:0.78rem;min-width:18px;flex-shrink:0;}
.article-toc a{color:var(--text);text-decoration:none;font-size:0.88rem;}
.article-toc a:hover{color:var(--blue);text-decoration:underline;}
@media(max-width:600px){.article-h1{font-size:1.6rem;}}