/* v44 — 学习路径末尾的「学习资料」卡片。
   放在两栏学习布局的下方并横跨整行；深色卡片 + 白色标签与左边条，避免大片白色刺眼。 */

.kw-resources{grid-column:1/-1;background:#151515;border:1px solid #333;border-left:3px solid #f4f4f0;padding:26px 30px 22px;margin-top:38px}
.kw-resources-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid #2e2e2e}
.kw-resources-tag{background:#f4f4f0;color:#101010;font:700 11px/1 Consolas,"Microsoft YaHei",monospace;letter-spacing:.22em;padding:7px 12px}
.kw-resources-head strong{font-size:17px;font-weight:700;color:#f4f4f0;line-height:1.6}
.kw-resources-list{list-style:none;margin:0;padding:0}
.kw-resources-list li+li{border-top:1px solid #2c2c2c}
.kw-resources-list li>a,.kw-resources-list li>.kw-resource-static{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title arrow" "note arrow";gap:5px 16px;align-items:start;padding:15px 12px;color:#e7e7e3;transition:background .16s ease,padding-left .16s ease}
.kw-resources-list li>a:hover{background:#1e1e1e;padding-left:18px}
.kw-site .kw-copy .kw-resources-list li>a{text-decoration:none}
.kw-site .kw-copy .kw-resources-list li>a:hover{text-decoration:none}
.kw-site .kw-copy .kw-resources-list li>a:hover .kw-resource-title{text-decoration:underline;text-underline-offset:3px}
.kw-resources-list li>b,.kw-resources-list b{grid-area:arrow;font-size:15px;font-weight:400;color:#f4f4f0;line-height:1.3}
.kw-resource-title{grid-area:title;font-size:15px;font-weight:600;color:#f4f4f0;line-height:1.6}
.kw-resource-note{grid-area:note;font-size:12px;line-height:1.75;color:#a5a5a5}
.kw-resource-static{cursor:default}
.kw-resource-static .kw-resource-title{color:#c6c6c6}
.kw-resource-static .kw-resource-note{color:#8f8f8f}
.kw-resource-static:after{content:"队内";grid-area:arrow;font:10px/1.4 Consolas,"Microsoft YaHei",monospace;letter-spacing:.1em;color:#8f8f8f;border:1px dashed #4a4a4a;padding:4px 7px}

@media(max-width:1000px){
  .kw-resources{padding:22px 20px 18px}
  .kw-resources-head strong{font-size:16px}
}
@media(max-width:700px){
  .kw-resources{margin-top:28px;padding:18px 15px 14px}
  .kw-resources-head{gap:10px;margin-bottom:13px;padding-bottom:12px}
  .kw-resources-head strong{font-size:15px}
  .kw-resources-tag{font-size:10px;padding:6px 10px}
  .kw-resources-list li>a,.kw-resources-list li>.kw-resource-static{padding:13px 8px;gap:4px 10px}
  .kw-resource-title{font-size:14px}
  .kw-resource-note{font-size:11px}
}