.skill-heading,.skill-detail-hero,.skill-effect-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.skill-total,.skill-effect-heading>span{color:var(--accent-gold);white-space:nowrap;background:#eda84a14;border:1px solid #eda84a6b;border-radius:999px;padding:8px 14px;font-size:13px}.skill-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.skill-card{border:1px solid var(--line);min-height:112px;color:var(--text-main);background:var(--surface);border-radius:9px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;padding:16px;text-decoration:none;display:grid}.skill-card[hidden]{display:none}.skill-card:hover,.skill-card:focus-visible{border-color:var(--accent-gold);background:#17242a;outline:none;transform:translateY(-1px)}.skill-card img,.skill-detail-hero img{object-fit:contain;background:#213239;border:1px solid #eda84a4d;border-radius:10px}.skill-card small,.skill-card strong,.skill-card em{display:block}.skill-card small{color:var(--text-dim);font-size:11px}.skill-card strong{margin-top:5px;font-size:17px}.skill-card em{color:var(--accent-gold);margin-top:8px;font-size:12px;font-style:normal}.skill-detail-page{width:min(980px,100vw - 48px)}.skill-detail-hero{justify-content:flex-start;margin:24px 0}.skill-detail-hero h1,.skill-detail-hero p{margin:0}.skill-detail-hero h1{margin-bottom:8px}.skill-detail-hero a{color:var(--accent-gold)}.skill-effect-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:28px;padding:24px}.skill-effect-heading h2{margin:0}.skill-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.skill-effect-grid.is-normal-only{grid-template-columns:1fr}.skill-effect-grid article{border:1px solid var(--line);background:var(--bg-deep);border-radius:8px;min-height:150px;padding:18px}.skill-effect-grid small{color:var(--text-dim);font-weight:800}.skill-effect-grid p{white-space:pre-line;margin:12px 0 0;line-height:1.8}.flash-effect-card{background:linear-gradient(145deg, #eda84a1a, var(--bg-deep))!important;border-color:#eda84a6b!important}.flash-effect-card strong{color:var(--accent-gold);margin-top:12px;font-size:13px;display:block}.skill-effect-panel input[type=range]{width:100%;height:28px;accent-color:var(--accent-gold);cursor:pointer;margin-top:18px}.skill-effect-note{color:var(--text-dim);margin:14px 0 0;font-size:12px}.skill-career-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill-career-links a{border:1px solid var(--line);color:var(--text-main);background:var(--surface);border-radius:8px;padding:14px;text-decoration:none}.skill-career-links a:hover{border-color:var(--accent-gold)}.skill-career-links small,.skill-career-links strong{display:block}.skill-career-links small{color:var(--text-dim);margin-bottom:5px}.skill-related-grid,.skill-resource-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill-related-card{border:1px solid var(--line);color:var(--text-main);background:var(--surface);border-radius:8px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid}.skill-related-card:hover,.skill-related-card:focus-visible,.skill-resource-links a:hover,.skill-resource-links a:focus-visible{border-color:var(--accent-gold);outline:none}.skill-related-card img{object-fit:contain;background:#213239;border-radius:7px}.skill-related-card small,.skill-related-card strong,.skill-resource-links strong,.skill-resource-links span{display:block}.skill-related-card small,.skill-resource-links span{color:var(--text-dim);font-size:11px}.skill-related-card strong{margin-top:4px}.skill-resource-links{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-resource-links a{border:1px solid var(--line);color:var(--text-main);background:var(--surface);border-radius:8px;padding:16px;text-decoration:none}.skill-resource-links span{margin-top:7px;line-height:1.55}@media (width<=980px){.skill-card-grid,.skill-career-links,.skill-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.skill-heading,.skill-effect-heading{flex-direction:column;align-items:flex-start}.skill-card-grid,.skill-effect-grid,.skill-career-links,.skill-related-grid,.skill-resource-links{grid-template-columns:1fr}.skill-detail-page{width:min(100% - 24px,980px)}.skill-effect-panel{padding:18px}}