.skill-index{margin-bottom:32px}
.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.reasoning-skill{padding:20px;border:1px solid #d8e1e8;border-radius:10px;background:#fff;scroll-margin-top:90px}
.reasoning-skill h3{margin:0;font-size:1.125rem;line-height:1.5}
.skill-code{display:inline-block;margin-right:7px;color:#176171}
.reasoning-skill .skill-english{margin:5px 0 14px;color:#586977;font-size:.875rem}
.reasoning-skill p{font-size:1rem;line-height:1.7}
.skill-question{padding-top:12px;border-top:1px solid #e5ebef}
.skill-link{display:inline-block;margin:3px 1px;padding:2px 8px;border:1px solid #bad4d9;border-radius:5px;color:#125261;background:#f0f8fa;text-decoration:none}
.skill-link:hover{background:#dceff2}
.skill-link:focus-visible{outline:3px solid #d69b37;outline-offset:2px}
.reasoning-skill:target{border-color:#176171;box-shadow:0 0 0 2px #c6e3e8}
.skill-return{margin-top:18px}
@media(max-width:1050px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.skills-grid{grid-template-columns:1fr}.reasoning-skill{padding:18px}}
.skill-matrix{margin-bottom:32px}
.matrix-controls{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0}
.matrix-controls label{display:flex;flex-direction:column;gap:7px;font-size:1rem}
.matrix-controls select,.matrix-controls input{min-height:44px;max-width:100%;padding:9px 12px;border:1px solid #a9bdc8;border-radius:6px;background:white;color:#102c3b;font:inherit}
.matrix-controls label:has(input){flex:1;min-width:0}
.matrix-controls #matrix-count{margin:0 0 10px;font-size:.875rem;color:#586977}
.matrix-scroll{max-height:620px;max-width:100%;overflow:auto;border:1px solid #d8e1e8;border-radius:8px}
.matrix-scroll:focus-visible{outline:3px solid #d69b37;outline-offset:3px}
#architect-skill-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0;font-size:.875rem}
#architect-skill-table caption{text-align:left;padding:12px 16px;color:#586977;background:#fff}
#architect-skill-table th,#architect-skill-table td{padding:10px clamp(2px,.5vw,9px);border-right:1px solid #e5ebef;border-bottom:1px solid #e5ebef;vertical-align:middle;line-height:1.5;overflow-wrap:anywhere}
#architect-skill-table thead th:first-child{width:18%}
#architect-skill-table thead th:nth-child(2){width:18%}
#architect-skill-table thead th{position:sticky;top:0;z-index:2;background:#102c3b;color:#fff;text-align:center}
#architect-skill-table thead th:first-child{left:0;z-index:4;text-align:left}
#architect-skill-table thead a{color:#fff;text-decoration:none}
#architect-skill-table .matrix-skill-heading,#architect-skill-table .skill-cell{width:6.4%;min-width:0}
.matrix-skill-heading span{display:block;margin-top:3px;font-size:.875rem;font-weight:normal}
#architect-skill-table tbody th{position:sticky;left:0;z-index:1;min-width:0;background:#fff;text-align:left;font-size:1rem}
#architect-skill-table tbody tr:nth-child(even) td,#architect-skill-table tbody tr:nth-child(even) th{background:#f5f8fa}
.matrix-domain{min-width:0}
.skill-cell{text-align:center}
.skill-cell.associated{color:#125261;font-size:1.125rem;font-weight:700}
.skill-cell.unmarked{color:#758592}
#architect-skill-table td.selected-skill{background:#dceff2!important}
#architect-skill-table th.selected-skill{background:#176171}
#architect-skill-table tr[hidden]{display:none}
#architect-skill-table .matrix-mobile-skills{display:none}
.matrix-skill-tags{display:flex;flex-wrap:wrap;gap:5px}
.matrix-skill-tag{display:inline-block;padding:2px 5px;border:1px solid #bad4d9;border-radius:4px;background:#f0f8fa;color:#125261;text-decoration:none;white-space:nowrap;overflow-wrap:normal}
.matrix-skill-tag.selected-skill{background:#c6e3e8;border-color:#176171;font-weight:700}
@media(max-width:1050px){.matrix-skill-heading span{display:none}}
@media(max-width:680px){
 .matrix-controls{align-items:stretch}
 .matrix-controls label{width:100%;min-width:0}
 .matrix-controls select,.matrix-controls input{width:100%;box-sizing:border-box}
 .matrix-controls #matrix-count{margin:0}
 .matrix-scroll{max-height:520px}
 #architect-skill-table .matrix-skill-heading,#architect-skill-table .skill-cell{display:none}
 #architect-skill-table .matrix-mobile-skills{display:table-cell}
 #architect-skill-table thead th:first-child{width:30%}
 #architect-skill-table thead th:nth-child(2){width:30%}
 #architect-skill-table thead .matrix-mobile-skills{width:40%}
 #architect-skill-table th,#architect-skill-table td{padding:10px 6px}
}