/* 首頁精選沿用牙科知識列表的首圖、內距與閱讀操作，整張卡片只有一個連結。 */
#dental-journal .knowledge-grid > article { display:flex; min-width:0; padding:0; border:0; background:transparent; }
#dental-journal .home-knowledge-link {
  --card-pad-x:28px;
  --card-pad-y:30px;
  --cover-gap:26px;
  display:flex; flex:1; flex-direction:column; align-items:flex-start; min-width:0;
  overflow:hidden; padding:var(--card-pad-y) var(--card-pad-x); border:1px solid transparent; border-radius:16px;
  background:#f3f8ef; color:#284f45; text-decoration:none;
  transition:background .2s,border-color .2s;
}
#dental-journal .home-knowledge-image {
  display:block; width:calc(100% + 2 * var(--card-pad-x)); max-width:none; height:auto; aspect-ratio:16/9;
  object-fit:cover; object-position:center; flex-shrink:0;
  margin:calc(-1 * var(--card-pad-y)) calc(-1 * var(--card-pad-x)) var(--cover-gap);
  background:#e9eee5;
}
#dental-journal .home-knowledge-read {
  display:inline-flex; align-items:center; justify-content:center; margin-top:auto;
  min-width:128px; min-height:44px; padding:10px 22px; border:1px solid #5daa96;
  border-radius:50px; background:#fff; color:#284f45;
  font-size:15px; font-weight:400; line-height:1.5; transition:background .18s,color .18s;
}
/* 標籤與操作維持內容寬度；文字欄寬及換行統一由 knowledge-system.css 管理。 */
#dental-journal .home-knowledge-link > small,
#dental-journal .home-knowledge-read { align-self:center; }
#dental-journal .home-knowledge-link:focus-visible { outline:2px solid #284f45; outline-offset:4px; border-color:#5daa96; }
#dental-journal .home-knowledge-link:focus-visible .home-knowledge-read,
#dental-journal .home-knowledge-link:active .home-knowledge-read { background:#284f45; border-color:#284f45; color:#fff; }
/* 進場只改封面透明度，讓讀者停下時文字仍在原位。 */
@media (prefers-reduced-motion:no-preference) {
  #dental-journal [data-journal-arrival="waiting"] .home-knowledge-image { opacity:.68; }
  #dental-journal [data-journal-arrival="shown"] .home-knowledge-image {
    transition:opacity 1.2s cubic-bezier(.32,.06,.24,1) var(--journal-delay,0ms);
  }
}
@media (min-width:768px) {
  #dental-journal .knowledge-grid > :nth-child(2) { --journal-delay:70ms; }
  #dental-journal .knowledge-grid > :nth-child(3) { --journal-delay:140ms; }
}
@media(hover:hover) {
  #dental-journal .home-knowledge-link:hover { background:#eff6e9; border-color:#5daa96; }
  #dental-journal .home-knowledge-link:hover .home-knowledge-read { background:#284f45; border-color:#284f45; color:#fff; }
}
@media(max-width:767px) {
  #dental-journal .home-knowledge-link { --card-pad-y:26px; --card-pad-x:24px; --cover-gap:24px; }
}
@media(max-width:359px) {
  #dental-journal .home-knowledge-link { --card-pad-y:24px; --card-pad-x:20px; --cover-gap:22px; }
}
/* 手機橫向時讓圖片與文字並排，一張卡的高度取決於正文。 */
@media (min-width:576px) and (max-width:767px) and (orientation:landscape),
       (min-width:768px) and (max-width:940px) and (max-height:500px) and (orientation:landscape) {
  #dental-journal .knowledge-grid { grid-template-columns:minmax(0, 1fr); }
  #dental-journal .knowledge-grid > article:nth-child(n) { --journal-delay:0ms; }
  #dental-journal .home-knowledge-link {
    display:grid;
    grid-template-columns:minmax(0, 2fr) minmax(0, 3fr);
    column-gap:20px;
    align-items:center;
    justify-items:center;
    padding:18px;
  }
  #dental-journal .home-knowledge-image { grid-row:1 / span 4; width:100%; margin:0; }
  #dental-journal .home-knowledge-link > :not(img) { grid-column:2; }
  #dental-journal .knowledge-grid .home-knowledge-link h3 { min-height:0; margin-block:10px 6px; }
  #dental-journal .knowledge-grid .home-knowledge-link p { display:block; min-height:0; max-height:none; margin-bottom:12px; }
}
/* 平板維持三欄，優先把橫向空間留給標題。 */
@media (min-width:768px) and (max-width:1100px) {
  #dental-journal { padding-inline:clamp(44px, 6vw, 66px); }
  #dental-journal .knowledge-grid { gap:clamp(12px, 1.6vw, 18px); }
  #dental-journal .home-knowledge-link {
    --card-pad-x:clamp(14px, 2vw, 20px);
    --card-pad-y:24px;
    --cover-gap:22px;
  }
}