/*
  pathway-assessment.css
  版本: v1.0.5
  變更紀錄:
  - v1.0.4 -> v1.0.5: 新增 .pathway-card-case 案例備註專屬間距樣式，並強化手機單欄 RWD 排版。
  - v1.0.3 -> v1.0.4: 新增第 5 順位樣式 (.pathway-rank-5) 並將 .pathway-grid 設為自適應網格以支援 5 種轉型路徑並列。
*/
.pathway-context { color: #d9f4e9 !important; font-weight: 800; }
.pathway-notice { margin: 1rem 0 0; color: #bdd0c9; font-size: .78rem; }
.pathway-grid { align-items: stretch; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.pathway-card { position: relative; order: 10; overflow: hidden; background: linear-gradient(145deg, #285a55 0%, #173d40 52%, #102c32 100%); border: 1px solid #75a79b; color: #f4fffa; box-shadow: inset 0 1px #ffffff20; }
.pathway-card:nth-child(3) { background: linear-gradient(145deg, #285a55 0%, #173d40 52%, #102c32 100%); color: #f4fffa; }
.pathway-rank { display: block; color: #b9ddd1; font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.pathway-card small { color: #cce0d8; }
.pathway-card-case { display: block; margin-top: .75rem; padding-top: .5rem; border-top: 1px dotted #ffffff30; color: #d6ede4 !important; font-size: .75rem; }
.ai-writing-note { display: block; margin-top: 1rem; padding-top: .7rem; border-top: 1px dashed #ffffff42; color: #bdd5cc !important; font-size: .72rem; line-height: 1.55; }
.pathway-card dl { margin: 1rem 0 0; border-top: 1px solid #ffffff32; padding-top: .7rem; }
.pathway-card dt { color: #dcff74; font-size: .7rem; font-weight: 900; letter-spacing: .08em; margin-top: .65rem; }
.pathway-card dd { margin: .15rem 0 0; color: #eefaf5; font-size: .84rem; }
.pathway-status { display: inline-block; border-radius: 999px; background: #f1ffb3; color: #173c39; padding: .22rem .5rem; font-size: .68rem; font-weight: 900; }
.pathway-rank-1 { order: 1; background: linear-gradient(145deg, #3b8070 0%, #205a52 48%, #143b3e 100%); border: 2px solid #e0ff6b; box-shadow: 0 0 0 3px #dfff6740, inset 0 1px #ffffff35; }
.pathway-rank-1 .pathway-rank { color: #f1ffb3; }
.pathway-rank-1 .pathway-status { background: #e0ff6b; color: #123532; }
.pathway-rank-2 { order: 2; }
.pathway-rank-3 { order: 3; }
.pathway-rank-4 { order: 4; opacity: .86; }
.pathway-rank-5 { order: 5; opacity: .86; }
@media (max-width: 800px) { .pathway-card dl { font-size: .9rem; } }
@media (max-width: 480px) { .pathway-grid { grid-template-columns: 1fr !important; } }