.skill-detail-top,.skill-detail-top nav,.skill-detail-top-actions,.skill-detail-menu,.skill-detail-menu>nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.skill-detail-top{justify-content:space-between;padding:12px}.skill-detail-top nav{color:var(--mu-muted)}.skill-detail-top-actions{margin-left:auto}.skill-detail-top button{border:0;color:inherit;cursor:pointer;font-size:14px}.skill-detail-top .skill-button{gap:6px}
.skill-detail-menu{padding:8px 12px;position:relative;justify-content:space-between}.skill-detail-menu>nav a,.skill-detail-search-toggle{padding:9px 12px;border-radius:3px}.skill-detail-menu>nav a[aria-current]{background:#d6b56820;color:var(--mu-accent)}.skill-detail-menu>nav a:hover{background:var(--skill-soft)}
.skill-detail-search-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;border:0;background:transparent;color:inherit;font-size:14px;margin-left:auto}.skill-detail-search-toggle[aria-expanded="true"] span:last-child{transform:rotate(180deg)}
.skill-detail-search-content{padding:16px;scroll-margin-top:85px}.skill-detail-search-content[hidden]{display:none}.skill-detail-search-content form{margin-top:12px}
.skill-detail-columns{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr);align-items:start;gap:18px}.skill-detail-main,.skill-detail-aside{min-width:0}.skill-detail-page section[id]{scroll-margin-top:85px}
.skill-detail-profile-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.skill-detail-profile .skill-detail-name{margin:0}.skill-detail-profile h1{font-size:22px;margin:0 0 4px}.skill-detail-profile>.skill-muted{margin:8px 0 0 50px}
.skill-detail-page .skill-description .skill-detail-name{display:none}.skill-detail-page .skill-description-text{white-space:pre-line;line-height:1.9;margin:10px 0}.skill-detail-page .skill-learning{line-height:1.9;white-space:pre-line;margin:10px 0}.skill-detail-page .skill-class-full{line-height:1.9;margin-bottom:0}.skill-detail-page .skill-properties dl{margin-bottom:0}.skill-detail-page .skill-properties dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0;padding:0;border-top:1px solid rgba(128,128,128,.16);border-bottom:0;line-height:1.65}.skill-detail-page .skill-properties dt,.skill-detail-page .skill-properties dd{padding:11px 16px;overflow-wrap:anywhere}.skill-detail-page .skill-properties dt{background:rgba(127,127,127,.05);color:var(--mu-muted)}.skill-detail-page .skill-properties dl>div:last-child{border-bottom:0}.skill-detail-page .skill-properties dd{margin:0}
.skill-related-item+ .skill-related-item{margin-top:20px}.skill-related-item header{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:stretch;gap:0;margin:0;border-top:1px solid rgba(128,128,128,.16)}.skill-related-image{display:flex;align-items:center;justify-content:center;background:rgba(127,127,127,.05);padding:16px}.skill-related-item header>div{padding:16px}.skill-related-item header>.skill-button{margin:16px 16px 16px 0}.skill-related-item header img{width:66px;height:82px;object-fit:contain;flex:none}.skill-related-item header>div{flex:1;min-width:0}.skill-related-item h3{font-size:19px;font-weight:600;margin-bottom:8px}.skill-related-item header .skill-button{align-self:flex-start}.skill-related-item .skill-learning-item:hover{color:inherit;text-decoration:underline}
.skill-detail-page .item-data-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;table-layout:fixed}.skill-detail-page .item-data-table th{width:112px;background:rgba(127,127,127,.05);color:var(--mu-muted);font-weight:400;text-align:left;vertical-align:top}.skill-detail-page .item-data-table th,.skill-detail-page .item-data-table td{padding:11px 16px;border-top:1px solid rgba(128,128,128,.16);vertical-align:top;overflow-wrap:anywhere}.skill-detail-page .item-data-table p{margin:0}.skill-detail-page .item-data-table ul{list-style:none;padding:0;margin:0}
.skill-source-list{margin:0}.skill-source-list>div{display:grid;grid-template-columns:112px minmax(0,1fr);border-top:1px solid rgba(128,128,128,.16);padding:0;gap:0}.skill-source-list dt{color:var(--mu-muted);background:rgba(127,127,127,.05);padding:11px 16px}.skill-source-list dd{margin:0;padding:11px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;line-height:1.8}.skill-source-entry p{margin:3px 0;color:var(--mu-muted)}.skill-source-entry a:hover{text-decoration:underline}
.skill-effect-preview{display:block;background:var(--skill-soft);border-radius:3px;overflow:hidden}.skill-effect-preview img{display:block;width:100%;height:auto;min-height:80px;object-fit:contain}.skill-effect-preview>span{display:block;text-align:center;padding:8px;color:var(--mu-muted)}.skill-effect-preview+.skill-effect-preview{margin-top:12px}
.skill-tool-links{display:flex;gap:8px;flex-wrap:wrap}.skill-tool-links a{color:var(--mu-accent);background:#d6b56816}.skill-tool-links+.skill-muted{margin-top:12px}.skill-tool-class{display:flex;align-items:center;gap:12px;position:relative;margin-bottom:12px;color:var(--mu-muted)}.skill-tool-class select{height:36px;flex:1;min-width:0;appearance:none;border:0;border-radius:3px;background:var(--skill-soft);color:var(--mu-body);padding:0 32px 0 10px;font-size:14px}.skill-tool-class>span{position:absolute;right:10px;pointer-events:none}
.skill-detail-page .skill-description-grid{margin-bottom:12px}.skill-detail-page .skill-description-grid .skill-detail-name{display:flex}
@media(max-width:1000px){.skill-detail-columns{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr)}.skill-source-list dd{grid-template-columns:1fr}.skill-detail-profile .skill-tabs{width:100%}}
@media(max-width:760px){.skill-detail-columns{grid-template-columns:minmax(0,1fr)}.skill-detail-search-content{padding:12px}.skill-detail-top nav{gap:7px}.skill-detail-top-actions{width:100%;justify-content:flex-end}.skill-detail-menu>nav{gap:0}.skill-detail-menu>nav a{padding:8px}.skill-detail-menu{gap:0}.skill-related-item header{grid-template-columns:82px minmax(0,1fr)}.skill-related-item header>.skill-button{grid-column:2;justify-self:start;margin:0 12px 12px}.skill-related-image{grid-row:span 2;padding:8px}.skill-related-item header>div{padding:12px}.skill-source-list>div{grid-template-columns:82px minmax(0,1fr)}.skill-detail-page .item-data-table th{width:82px}.skill-detail-profile>.skill-muted{margin-left:0}.skill-detail-page .skill-description-grid{grid-template-columns:1fr}}

.skill-effect-preview img[hidden]{display:none}

/* Match the new item detail's edge-to-edge label cells and content rhythm. */
.skill-detail-page .skill-properties,.skill-detail-page .skill-related-items,.skill-detail-page #skill-sources{padding:0;overflow:hidden}
.skill-detail-page .skill-properties>h2,.skill-detail-page .skill-related-items>.skill-section-heading,.skill-detail-page #skill-sources>.skill-section-heading{padding:14px 16px;margin:0}
.skill-detail-page .skill-section-heading h2{margin:0}
.skill-detail-page .item-data-table .mu-item-tip__classes,.skill-detail-page .item-data-table .mu-item-tip__section{margin:0;padding:0;border:0;font-size:14px;text-align:left}
.skill-detail-page .skill-properties>.skill-muted,.skill-detail-page .skill-related-items>.skill-muted,.skill-detail-page #skill-sources>p{padding:12px 16px}
@media(max-width:480px){.skill-detail-page .skill-properties dl>div{grid-template-columns:82px minmax(0,1fr)}.skill-detail-page .skill-properties dt,.skill-detail-page .skill-properties dd,.skill-detail-page .item-data-table th,.skill-detail-page .item-data-table td,.skill-source-list dt,.skill-source-list dd{padding:10px}}

/* Fluent shortcut navigation, matching the item detail controls. */
.skill-detail-menu{gap:8px;padding:6px 12px;border-radius:5px}
.skill-detail-menu>nav{gap:8px}
.skill-detail-menu>nav a,.skill-detail-search-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:6px 12px;border-radius:4px;font-size:14px;line-height:24px;white-space:nowrap;color:var(--mu-muted)}
.skill-detail-menu>nav a[aria-current]{background:#b9994c30;color:#d6b568}
.skill-detail-menu>nav a:hover,.skill-detail-search-toggle:hover{background:#b9994c15;color:var(--mu-body)}
.skill-detail-menu svg{width:17px;height:17px;flex:none;fill:currentColor}
.skill-shortcuts-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:36px;color:var(--mu-muted);margin-right:2px}
.skill-detail-search-toggle{color:var(--mu-body)}
.skill-detail-search-toggle[aria-expanded="true"]{background:#b9994c30;color:#d6b568}
.skill-comment-count{min-width:20px;padding:0 5px;border-radius:4px;background:#b9994c20;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
.skill-detail-menu :is(a,button):focus-visible{outline:2px solid #b7985380;outline-offset:2px}
.skill-detail-page .detail-comments-layout{margin-top:12px}
html:not(.dark) .skill-detail-menu>nav a[aria-current]{color:#806020}
@media(max-width:760px){.skill-detail-menu>nav{gap:4px}.skill-detail-menu>nav a{padding:6px 9px}.skill-shortcuts-icon{display:none}}