.column-section,
.article-section{
    padding:80px 28px;
    background:#fffaf4;
}

.column-inner,
.article-inner{
    max-width:1120px;
    margin:0 auto;
}

.article-inner{
    max-width:880px;
}

.column-intro{
    margin-bottom:34px;
}

.column-intro span,
.article-author-head span{
    color:var(--green);
    font-size:12px;
    font-weight:700;
    letter-spacing:.16em;
}

.column-intro h2,
.article-author-head h2{
    margin:8px 0 14px;
    font-size:32px;
}

.column-intro p{
    color:var(--muted);
    max-width:720px;
}

.column-filter{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:34px;
}

.column-filter button{
    border:1px solid var(--line);
    background:#fff;
    padding:10px 18px;
    font-weight:700;
    cursor:pointer;
}

.column-filter button.is-active{
    background:var(--green);
    color:#fff;
}

.column-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.column-card{
    background:#fff;
    border:1px solid var(--line);
}

.column-card a{
    display:block;
    color:inherit;
    text-decoration:none;
}

.column-thumb{
    height:180px;
    background:
        linear-gradient(135deg,rgba(248,184,174,.35),rgba(156,195,165,.35)),
        #fff;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding:18px;
}

.column-thumb span,
.article-category{
    display:inline-block;
    background:var(--green);
    color:#fff;
    padding:5px 12px;
    font-size:12px;
    font-weight:700;
}

.column-card-body{
    padding:24px;
}

.column-date{
    color:var(--muted);
    font-size:13px;
}

.column-card h3{
    font-size:20px;
    line-height:1.7;
}

.column-card p{
    color:var(--muted);
}

.read-more{
    display:inline-block;
    margin-top:12px;
    color:var(--green);
    font-weight:700;
}

.article-meta{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:24px;
}

.article-meta time{
    color:var(--muted);
}

.article-lead,
.article-toc,
.article-alert,
.article-cta,
.article-author{
    background:#fff;
    border:1px solid var(--line);
    padding:30px;
    margin:30px 0;
}

.article-toc p{
    margin-top:0;
    font-weight:700;
    color:var(--green);
}

.article-toc ol{
    margin-bottom:0;
}

.article-inner h2{
    margin-top:56px;
    padding-bottom:12px;
    border-bottom:1px solid var(--line);
    font-size:30px;
}

.article-inner p{
    line-height:2.1;
}

.article-alert{
    border-left:5px solid #d86c1c;
    background:#fff7ee;
}

.article-alert strong{
    color:#b94b3f;
}

.article-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:30px 0;
}

.article-links a{
    display:block;
    background:#fff;
    border:1px solid var(--line);
    padding:18px;
    font-weight:700;
    color:var(--green);
    text-decoration:none;
}

.article-cta{
    text-align:center;
    background:#fff7ee;
}

.article-cta .btn-orange{
    background:linear-gradient(145deg,#f29a38,#d86c1c);
    color:#fff;
}

.article-cta div{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.article-author-box{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:28px;
    align-items:center;
}

.article-author-photo{
    width:180px;
    height:220px;
    background:#eee;
    background-image:url('../img/doctor.jpg');
    background-size:cover;
    background-position:center;
}

.author-clinic,
.author-position{
    margin:0 0 4px;
    color:var(--muted);
}

.author-name{
    margin:0 0 16px;
    font-size:28px;
    font-weight:700;
}

.article-author a{
    color:var(--green);
    font-weight:700;
}

@media(max-width:900px){
    .column-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .column-section,
    .article-section{
        padding:52px 18px;
    }

    .column-grid{
        grid-template-columns:1fr;
    }

    .article-inner h2{
        font-size:24px;
    }

    .article-links{
        grid-template-columns:1fr;
    }

    .article-author-box{
        grid-template-columns:1fr;
    }

    .article-author-photo{
        width:100%;
        height:260px;
    }
}