/* Scoped to the knowledge homepage entry cards. */
.knowledge-visual-grid { align-items: stretch; }
.knowledge-visual-grid .knowledge-visual-card { display: flex; flex-direction: column; min-width: 0; height: 380px; box-sizing: border-box; border: 1px solid #ddd2c2; border-radius: 10px; overflow: hidden; background: #faf6ed; text-decoration: none; box-shadow: 0 5px 20px #3c342a08; transition: transform 240ms ease, box-shadow 240ms ease; }
.knowledge-card-art { display: grid; place-items: center; height: 140px; flex: 0 0 140px; background: transparent; }
.knowledge-visual-grid .knowledge-visual-card.theme-sand { background: linear-gradient(180deg, #EADCC6 0%, #F1E8D9 38%, #FAF7F1 100%); }
.knowledge-visual-grid .knowledge-visual-card.theme-morning-blue { background: linear-gradient(180deg, #DFE9E9 0%, #ECF1EF 38%, #FAF7F1 100%); }
.knowledge-visual-grid .knowledge-visual-card.theme-warm-lotus { background: linear-gradient(180deg, #E8DAD7 0%, #F0E6E1 38%, #FAF7F1 100%); }
.knowledge-card-art svg { width: 160px; height: 120px; max-width: 85%; fill: none; stroke: #b1976c; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
.knowledge-card-art .visual-sphere { fill: #fbf6e8; fill-opacity: .24; }
.knowledge-card-art .visual-dot { fill: #b1976c; stroke: none; }
.knowledge-card-copy { display: flex; flex-direction: column; flex: 1; min-height: 0; padding: 12px 25px 25px; box-sizing: border-box; background: transparent; }
.knowledge-card-copy small { font: 11px Arial, sans-serif; color: #876c49; letter-spacing: .16em; }
.knowledge-card-copy h3 { font: 500 21px "Noto Serif TC", "Microsoft JhengHei", serif; color: #293750; letter-spacing: .08em; margin: 16px 0 10px; }
.knowledge-card-copy p { font-size: 14px; line-height: 1.95; color: #5c667a; margin: 0 0 21px; }
.knowledge-card-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; font-size: 12px; color: #89683f; }
.knowledge-card-arrow { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid #c4ac85; border-radius: 50%; font-size: 15px; }
.knowledge-visual-grid .knowledge-visual-card:hover { transform: translateY(-3px); box-shadow: 0 11px 26px #3c342a12; }
.knowledge-visual-card:focus-visible { outline: 2px solid #b1976c; outline-offset: 4px; }
@media (max-width: 760px) { .knowledge-card-copy { min-height: 0; padding: 12px 22px 24px; } }
@media (prefers-reduced-motion: reduce) { .knowledge-visual-grid .knowledge-visual-card { transition: none; } .knowledge-visual-grid .knowledge-visual-card:hover { transform: none; } }