.article-home{background:linear-gradient(180deg,#eef4f1 0%,#f5f2eb 100%)}
.article-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:34px}
.article-home-head .section-heading{max-width:680px;margin-bottom:0}
.article-library-button{background:#fff;border:1px solid #9bb9b8;color:#234f5f;box-shadow:none;white-space:nowrap}
.article-home-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}
.article-home-card{min-height:285px;padding:30px;border-radius:18px;background:#fff;border:1px solid rgba(55,105,123,.12);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
a.article-home-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(35,79,95,.09);border-color:#9bb9b8}
.article-home-card.knee{background:linear-gradient(145deg,#315f6f 0%,#244c59 100%);color:#fff;border:0}
.article-home-card.bone{background:#fff9f1}
.article-home-card.coming{background:#e7efeb}
.article-card-index{font-size:11px;font-weight:700;letter-spacing:.1em;color:#ae6847}
.knee .article-card-index{color:#f4c19d}
.article-home-card h3{font-family:'Noto Serif TC',serif;font-size:clamp(21px,2vw,27px);line-height:1.48;margin:17px 0 12px}
.article-home-card p{font-size:13px;line-height:1.85;color:#5e7278;margin:0 0 22px}
.article-home-card.knee p{color:#dbe9e8}
.article-card-action{margin-top:auto;color:#2e6876;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.knee .article-card-action{color:#fff}
@media(max-width:900px){.article-home-grid{grid-template-columns:1fr 1fr}.article-home-card.knee{grid-column:1/-1}.article-home-head{align-items:flex-start;flex-direction:column}.article-library-button{align-self:flex-start}}
@media(max-width:600px){.article-home-grid{grid-template-columns:1fr}.article-home-card.knee{grid-column:auto}.article-home-card{min-height:0;padding:25px}.article-home-head{margin-bottom:26px}}