/* Skills Elevate shell and listings only: embedded tools and article content retain their styles. */
.account-menu{position:relative;flex-shrink:0}
.account-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.account-menu[open]>summary>span{transform:rotate(180deg)}
.account-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:240px;max-width:calc(100vw - 24px);max-height:65dvh;overflow:auto;padding:8px;background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:14px;box-shadow:0 12px 32px var(--sd);z-index:70}
.account-dropdown a{display:block;padding:11px 12px;border-radius:8px;color:var(--text);line-height:1.5;overflow-wrap:anywhere}
.account-dropdown a:hover,.account-dropdown a:focus-visible{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
.account-dropdown hr{border:0;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent);margin:6px}
.account-name{display:block;padding:8px 12px;color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}
.header-inner{min-width:0;height:auto;min-height:70px;flex-wrap:nowrap;gap:16px;padding-top:8px;padding-bottom:8px}
.header-inner .brand-logo{max-width:240px;object-fit:contain}
.header-inner .brand{min-width:0;max-width:100%}
.header-inner .brand-name{overflow-wrap:anywhere}
.header-actions{min-width:0;flex-shrink:0}
.header-actions .sl-language{position:relative;bottom:auto;inset-inline-end:auto;z-index:71}
.header-actions .sl-language-menu{position:absolute;top:calc(100% + 8px);bottom:auto}
.main-nav{flex-wrap:nowrap;flex-shrink:0}
.main-nav>a,.main-nav>.category-menu>summary{white-space:nowrap;padding-inline:10px}
.account-menu>summary>span{transition:transform .2s ease}
.account-menu[open]>.account-dropdown,.category-menu[open]>.category-menu-links{animation:se-menu-in .2s ease-out both;transform-origin:top right}
.account-dropdown a{transition:background-color .16s ease,color .16s ease;min-height:44px}
@keyframes se-menu-in{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.account-menu[open]>.account-dropdown,.category-menu[open]>.category-menu-links{animation:none}.account-menu>summary>span,.account-dropdown a{transition:none}}
@media(max-width:1600px){.header-search{display:none}}
@media(max-width:1100px){
 .header-inner .brand{flex:1;max-width:none}
 .header-inner .main-nav{display:none;position:absolute;top:100%;left:10px;right:10px;flex-direction:column;align-items:stretch;padding:12px;background:var(--surface);border-radius:14px;box-shadow:0 8px 24px var(--sd);max-height:calc(100dvh - 90px);overflow:auto}
 .header-inner .main-nav.open{display:flex}
 .header-inner .nav-toggle{display:flex;min-width:44px;min-height:44px}
 .main-nav .category-menu-links{position:static;min-width:0;max-width:100%;max-height:45vh;margin-top:4px;box-shadow:none}
}
.grid>.tool-card,.grid>.post-card{min-width:0}
.tool-card h3,.post-card h3{overflow-wrap:anywhere}
.post-card{display:flex;flex-direction:column}
.post-card>img{aspect-ratio:16/9;object-fit:cover;width:100%}
.post-card .body{flex:1;display:flex;flex-direction:column}
.post-card .body>p{flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card .cover,.post-card .cover-ph{aspect-ratio:16/9;height:auto}
.dash-main{min-width:0;overflow-wrap:anywhere}
.dash-main .table{display:block;max-width:100%;overflow:auto}
.dash-side a{min-height:44px}
.dash .stat{min-width:0}
@media(min-width:901px){.dash-side{position:sticky;top:100px}}
@media(max-width:900px){.header-actions{margin-left:auto}.main-nav{align-items:stretch}.main-nav>a{min-height:44px}.dash-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}
@media(max-width:640px){
 .header-inner{gap:8px}
 .header-inner .brand{flex:1 1 0;max-width:none;overflow:hidden}
 .header-inner .brand-logo{max-width:100%;max-height:36px;min-width:0;flex-shrink:1}
 .header-inner .brand-name{font-size:.85rem;line-height:1.2}
 .header-actions{width:auto;gap:6px;justify-content:flex-end}
 .header-actions .sl-language>summary{width:38px;min-width:38px;justify-content:center;padding:6px}
 .header-actions .sl-language>summary>span:nth-child(n+2){display:none}
 .header-actions .sl-language-menu{position:fixed;top:76px;inset-inline-end:12px;bottom:auto}
 .nav-toggle{margin-left:0;min-width:44px;min-height:44px}
 .account-menu>summary{min-height:44px}
 .dash-side{padding:12px}.dash-main{padding:18px 12px}
}
