.skill-page{--skill-soft:#f4f4f3;--skill-line:#e5e5e2;--skill-gold:#d6b568;color:var(--mu-body);padding-top:20px;padding-bottom:24px;font-size:14px}
.dark .skill-page,.tw-dark .skill-page{--skill-soft:#2a2a29;--skill-line:#ffffff0d}
.skill-page *{box-sizing:border-box}.skill-page a{color:inherit;text-decoration:none}.skill-page a:hover{color:var(--mu-accent)}
.skill-panel{padding:16px;background:var(--mu-card);border-radius:3px;margin-bottom:12px}
.skill-hero,.skill-toolbar,.skill-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-hero{padding:20px}
.skill-page h1{font-size:24px;line-height:1.4;margin:2px 0 7px;font-weight:600}.skill-page h2{font-size:16px;margin:0 0 12px;font-weight:600}.skill-page h3{font-size:14px;margin:0;font-weight:500}
.skill-eyebrow{font-size:14px;color:var(--mu-muted);letter-spacing:.08em}.skill-muted,.skill-footnote{color:var(--mu-muted);line-height:1.8}.skill-muted{margin:0}.skill-footnote{font-size:14px;margin:12px 0}
.skill-overview{display:flex;gap:8px;flex:none}.skill-overview a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 12px;background:var(--skill-soft);border-radius:3px}.skill-overview span{color:var(--mu-muted);font-size:14px}.skill-overview strong{color:var(--skill-gold);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.skill-panel.skill-filters{padding:9px 12px}.skill-filter-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--skill-line)}.skill-filter-row:last-child{border-bottom:0}.skill-filter-label{display:flex;align-items:center;justify-content:center;width:100px;height:30px;flex:none;color:#292313;background:var(--skill-gold);border-radius:4px;line-height:1.5}.skill-filter-row nav{min-width:0;flex:1}.skill-filter-row nav,.skill-tabs{display:flex;flex-wrap:wrap;gap:4px}.skill-filter-row a,.skill-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:0 11px;min-height:36px;border-radius:3px;white-space:nowrap}
.skill-filter-row a{height:30px;min-height:30px;padding:3px 8px;font-size:14px;line-height:1.5;background:var(--skill-soft)}
.skill-filter-row a:hover,.skill-tabs a:hover{background:var(--skill-soft)}.skill-page a[aria-current]{background:var(--skill-gold);color:#292313}
.skill-toolbar{flex-wrap:wrap}.skill-search{display:flex;gap:8px;flex:1;max-width:none;min-width:0}.skill-search input{flex:1;width:100%;min-width:0;height:36px;border:1px solid var(--skill-line);background:var(--skill-soft);color:var(--mu-body);border-radius:3px;padding:0 12px;font-size:14px}.skill-search button{cursor:pointer;height:36px;border:0;border-radius:3px;padding:0 14px;background:var(--skill-gold);color:#292313;font-size:14px;white-space:nowrap}
.skill-button,.skill-pages a{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;background:var(--skill-soft);border-radius:3px;white-space:nowrap}.skill-list-count{display:flex;align-items:center;gap:18px;color:var(--mu-muted)}.skill-list-count strong{font-weight:500;color:var(--mu-body)}.skill-pages{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0;color:var(--mu-muted)}.skill-list-count .skill-pages{margin:0}
.skill-table-wrap{background:var(--mu-card);border-radius:3px;overflow:hidden}.skill-table{width:100%;table-layout:fixed;border-collapse:collapse}.skill-table th{text-align:left;font-weight:400;padding:10px 16px;background:var(--skill-soft);color:var(--mu-muted)}.skill-table td{padding:8px 16px;border-bottom:1px solid var(--skill-line);vertical-align:middle}.skill-table tbody tr:last-child td{border-bottom:0}.skill-table tbody tr:hover{background:#d6b56809}
.skill-table th:first-child{width:33%}.skill-table th:nth-child(2){width:25%}.skill-table th:nth-child(3){width:15%}.skill-table th:nth-child(4){width:12%}.skill-table th:last-child{width:15%}
.skill-product{display:flex;align-items:center;gap:12px;min-height:42px}.skill-product strong{font-weight:500;line-height:1.5;display:block}.skill-product:hover strong{text-decoration:underline}.skill-product small{display:block;color:var(--mu-muted);font-size:14px;margin-top:3px}.skill-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:50px;background:transparent;border-radius:3px}.skill-icon img{object-fit:contain;width:30px;height:42px;border-radius:4px;image-rendering:crisp-edges;image-rendering:pixelated}.skill-icon>span{width:22px;height:22px;color:var(--skill-gold)}
.skill-class-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8;font-size:14px;color:var(--mu-muted)}.skill-numbers{font-variant-numeric:tabular-nums;white-space:nowrap}.skill-numbers span{color:var(--mu-muted)}.skill-region-tags{display:flex;flex-wrap:wrap;gap:4px}.skill-region-tags a{padding:3px 6px;font-size:14px;border-radius:3px;background:var(--skill-soft);color:var(--mu-muted)}
.skill-empty{text-align:center;padding:50px 16px}.skill-empty a{color:var(--mu-accent)}.skill-breadcrumb{display:flex;gap:10px;margin-bottom:12px;color:var(--mu-muted);line-height:1.8;flex-wrap:wrap}.skill-breadcrumb a{color:var(--mu-accent)}
.skill-detail-actions{flex:none}.skill-tabs{background:var(--skill-soft);padding:4px;border-radius:3px}.skill-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;align-items:start}.skill-description-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.skill-detail-grid>.skill-panel,.skill-description-grid>.skill-panel{margin:0}
.skill-detail-name{display:flex;gap:12px;align-items:center;margin-bottom:16px}.skill-detail-name h3{font-size:18px;margin-bottom:3px}.skill-class-full{font-size:14px;color:var(--mu-muted);line-height:1.9;padding:10px 12px;background:var(--skill-soft);border-radius:3px}.skill-class-full span{display:block;margin-bottom:2px;color:var(--mu-body)}
.skill-description-text{white-space:pre-line;line-height:1.9;margin:14px 0;overflow-wrap:anywhere}.skill-learning{background:var(--skill-soft);border-radius:3px;padding:12px;margin:16px 0}.skill-learning h3{color:var(--mu-muted);font-size:14px}.skill-learning p{line-height:1.9;margin:6px 0 0;white-space:pre-line}.skill-description>small{display:block;margin-top:16px;font-size:14px}
.skill-properties dl{margin:0}.skill-properties dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--skill-line)}.skill-properties dl>div:last-child{border:0}.skill-properties dt{color:var(--mu-muted)}.skill-properties dd{margin:0;font-variant-numeric:tabular-nums}
.skill-section-heading{margin-bottom:12px}.skill-section-heading h2{margin:0}.skill-compare-scroll{overflow-x:auto;margin-top:12px}.skill-compare-table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:440px}.skill-compare-table th,.skill-compare-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--skill-line);vertical-align:top;line-height:1.8;overflow-wrap:anywhere}.skill-compare-table thead{background:var(--skill-soft)}.skill-compare-table th{font-weight:400;color:var(--mu-muted)}.skill-compare-table th:first-child{width:24%}.skill-compare-table tr.skill-difference{background:#d6b56812}.skill-difference td{color:var(--mu-accent)}
.skill-page :is(a,button,input):focus-visible{outline:2px solid var(--skill-gold);outline-offset:2px}
.skill-review-note{padding:10px 12px;background:#d6b56812;color:var(--mu-muted);font-size:14px;line-height:1.8;border-radius:3px}
.skill-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.skill-card{display:flex;flex-direction:column;min-width:0;background:var(--mu-card);border-radius:4px;overflow:hidden}
.skill-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--skill-soft)}
.skill-card-header .skill-product{min-width:0;gap:9px}.skill-card-header .skill-product>span:last-child{min-width:0}.skill-card-header .skill-product strong{font-size:15px;overflow-wrap:anywhere}.skill-card-header .skill-icon{background:transparent}
.skill-card-kind{flex:none;max-width:90px;padding:3px 6px;border-radius:3px;background:#d6b56816;color:var(--mu-accent);font-size:14px;line-height:1.6;text-align:center}
.skill-card-body{padding:10px 12px;flex:1}.skill-card-intro{font-size:14px;line-height:1.75;min-height:42px;margin-bottom:10px;overflow-wrap:anywhere}.skill-card-intro p{margin:0 0 5px;white-space:pre-line}.skill-card-intro p:last-child{margin-bottom:0}
.skill-card-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:0;margin:0;padding:5px 9px;background:var(--skill-soft);border-radius:3px}
.skill-card-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-height:26px;padding:4px 0;font-size:14px;line-height:1.5}.skill-card-stats dt{color:var(--mu-muted)}.skill-card-stats dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.skill-card-stats>div:nth-child(-n+4) dd{color:var(--mu-accent)}
.skill-card-learning,.skill-card-jobs{font-size:14px;line-height:1.75;margin:9px 0 0;overflow-wrap:anywhere}.skill-card-learning>span,.skill-card-jobs>span{color:var(--mu-muted);margin-right:8px}.skill-card-jobs{color:var(--mu-muted);font-size:14px}
.skill-card-footer{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--skill-soft);font-size:14px;min-height:40px}.skill-card-footer .skill-region-tags{margin-right:auto}.skill-card-footer>a{white-space:nowrap;color:var(--mu-muted)}.skill-card-footer>a:hover{color:var(--mu-accent);text-decoration:underline}.skill-card-footer .skill-region-tags a{background:var(--mu-card);font-size:14px}
@media(max-width:1100px){.skill-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.skill-card-grid{grid-template-columns:minmax(0,1fr)}.skill-card-header .skill-product strong{font-size:15px}}
@media(max-width:600px){.skill-compare-table{min-width:0}.skill-compare-table th:first-child{width:32%}}
@media(max-width:900px){.skill-hero{flex-wrap:wrap}.skill-detail-actions{width:100%}.skill-table th:nth-child(3),.skill-table td:nth-child(3){display:none}.skill-table th:first-child{width:40%}.skill-table th:nth-child(2){width:25%}.skill-table th:last-child{width:22%}.skill-table th:nth-child(4){width:13%}}
@media(max-width:600px){.skill-page{padding-top:12px}.skill-panel,.skill-hero{padding:12px}.skill-page h1{font-size:21px}.skill-overview{width:100%}.skill-overview a{flex:1;min-width:0;padding:0 8px}.skill-overview strong{font-size:14px}.skill-filter-row{gap:8px}.skill-filter-label{width:76px}.skill-filter-row a{padding:0 8px}.skill-search{min-width:0;flex-basis:100%;max-width:none}.skill-list-count{width:100%;justify-content:space-between}.skill-table th,.skill-table td{padding:8px 10px}.skill-table th:nth-child(2),.skill-table td:nth-child(2),.skill-table th:nth-child(4),.skill-table td:nth-child(4){display:none}.skill-table th:first-child{width:68%}.skill-table th:last-child{width:32%}.skill-product{gap:8px}.skill-product strong{font-size:14px}.skill-icon{width:38px;height:50px}.skill-region-tags{gap:3px}.skill-region-tags a{font-size:14px;padding:3px 4px}.skill-detail-grid,.skill-description-grid{grid-template-columns:minmax(0,1fr)}.skill-tabs{width:100%;gap:2px}.skill-tabs a{padding:0 8px;flex:1;font-size:14px}.skill-compare-table th,.skill-compare-table td{padding:8px}.skill-section-heading h2{font-size:14px}.skill-description-text{font-size:14px}}
#skill-results{scroll-margin-top:80px}.skill-page[aria-busy="true"] .skill-card-grid{opacity:.45}.skill-load-error{padding:12px;background:var(--skill-soft);margin-bottom:12px}.skill-load-error button{margin-left:12px;color:var(--skill-gold);cursor:pointer}

.skill-page small{font-size:14px}.skill-card-kind{max-width:120px}.skill-editorial-links{margin-top:12px;font-size:14px;line-height:1.7}.skill-editorial-links>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;margin-top:6px}.skill-editorial-links>div>span:first-child{color:var(--mu-muted)}.skill-editorial-links a{display:inline-block;margin-right:10px}.skill-editorial-links a:hover{text-decoration:underline}.skill-page .skill-effect-link{color:var(--mu-accent)}
.skill-effect-dialog{padding:16px;border:1px solid var(--mu-border);border-radius:6px;background:var(--mu-card);color:var(--mu-body);max-width:min(90vw,900px);max-height:90vh;margin:auto;font-size:14px}.skill-effect-dialog::backdrop{background:#000b}.skill-effect-dialog header{display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;gap:12px;margin-bottom:12px}.skill-effect-dialog header strong{justify-self:start}.skill-effect-dialog header button{justify-self:end}.skill-effect-dialog button{cursor:pointer;padding:4px 10px;background:var(--skill-soft,#292929);border-radius:3px}.skill-effect-dialog img{max-width:100%;max-height:70vh;object-fit:contain;margin:auto}.skill-effect-dialog header p{margin:0;text-align:center;color:var(--mu-muted);font-size:14px;line-height:1.5}

.skill-card-meta{margin-top:12px;padding:8px 10px;background:var(--skill-soft);border-radius:3px;display:grid;gap:6px}.skill-card-meta .skill-editorial-links{display:contents}.skill-card-meta .skill-card-learning,.skill-card-meta .skill-card-jobs,.skill-card-meta .skill-editorial-links>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;margin:0;padding:2px 0;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.skill-card-meta .skill-card-learning>span,.skill-card-meta .skill-card-jobs>span{margin:0;color:inherit}.skill-card-meta .skill-card-learning>span:first-child,.skill-card-meta .skill-card-jobs>span:first-child{color:var(--mu-muted)}.skill-card-meta .skill-card-jobs{color:var(--mu-body)}.skill-card-meta .skill-editorial-links a{margin:0 8px 0 0}.skill-card-meta>p>span:last-child{min-width:0}

.skill-overview a[aria-current] span,.skill-overview a[aria-current] strong{color:#292313}.skill-overview a:hover{background:#d6b56826}.skill-overview a[aria-current]:hover{background:var(--skill-gold)}
.skill-search .skill-search-clear{background:var(--skill-soft);color:var(--mu-muted)}.skill-search .skill-search-clear[hidden]{display:none}

.skill-search-field{position:relative;flex:1;min-width:0}.skill-search-field input{display:block;padding-right:38px}.skill-search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.skill-search .skill-search-clear{position:absolute;right:3px;top:3px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;color:var(--mu-muted)}.skill-search .skill-search-clear:hover{background:var(--skill-soft);color:var(--mu-body)}.skill-search-clear span{width:20px;height:20px}.skill-search .skill-search-clear[hidden]{display:none}
