.nf-tool-mobile,.nf-tool-mobile-result,.nf-tool-mobile-description{display:none}
@media(max-width:768px){
 #sidebar.side{display:none!important}
 #contentArea.content{display:flex!important;flex-direction:column;width:100%!important;margin:0!important;min-width:0}
 #contentArea>.topbar{display:contents!important}
 #contentArea .search-row{order:0;margin:0;padding:14px 16px 10px;display:flex;flex-wrap:nowrap}
 #contentArea .search-box{width:100%;min-height:46px;padding:9px 12px;box-sizing:border-box;flex:1;border-radius:11px}
 #searchInput{font-size:16px!important;min-width:0;min-height:26px}
 #searchInput::placeholder{font-size:13px}
 #contentArea .stat-pill,#contentArea .tool-scope,#contentArea .tool-filter-help{display:none}
 .nf-tool-mobile{display:block;order:1;position:sticky;top:calc(var(--nf-entry-height,0px) + var(--nf-primary-height,60px));z-index:35;background:var(--bg);border-bottom:1px solid var(--border)}
 .nf-tool-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 10px;border-bottom:1px solid var(--border)}
 .nf-tool-categories button{position:relative;min-width:0;min-height:46px;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:14px;padding:10px 2px;white-space:nowrap;cursor:pointer}
 .nf-tool-categories button[aria-pressed="true"]{color:var(--accent);font-weight:700}
 .nf-tool-categories button[aria-pressed="true"]:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:3px;border-radius:3px;background:var(--accent)}
 .nf-tool-subcategories{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:7px 16px}
 .nf-tool-subcategories::-webkit-scrollbar{display:none}
 .nf-tool-subcategories[hidden]{display:none}
 .nf-tool-subcategories button{flex:none;min-height:40px;padding:8px 11px;border:1px solid transparent;border-radius:8px;font:inherit;font-size:12px;color:var(--text-muted);background:transparent;white-space:nowrap;cursor:pointer}
 .nf-tool-subcategories button[aria-pressed="true"]{color:var(--accent);border-color:var(--border-hover);background:var(--accent-dim,rgba(224,175,70,.09));font-weight:600}
 #contentArea .filter-row{order:2;display:flex;flex-wrap:nowrap;padding:8px 16px 0;margin:0;gap:8px}
 #contentArea .filter-row .ftag{min-height:38px;font-size:12px;padding:7px 10px;margin:0}
 #contentArea #tool-context{order:3;margin:10px 16px 0;padding:10px 12px;font-size:11px;line-height:1.7}
 .nf-tool-mobile-result{display:flex;order:4;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 0;font-size:14px;font-weight:700;color:var(--text)}
 .nf-tool-mobile-result span{font-size:12px;font-weight:400;color:var(--text-muted);white-space:nowrap}
 #cardsArea.cards-area{order:5;padding:12px 16px 20px!important;min-width:0;scroll-margin-top:calc(var(--nf-entry-height,0px) + var(--nf-primary-height,60px) + 108px)}
 #contentArea[data-nf-single-group="true"] #cardsArea .sec-head{display:none}
 #contentArea .grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 #contentArea .pc{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:'head head' 'code code' 'desc desc' 'open source' 'details details';padding:15px;gap:10px;min-width:0}
 #contentArea .pc-top{grid-area:head;min-height:0;align-items:center;gap:11px}
 #contentArea .pc-logo{width:38px;height:38px;flex:none;font-size:14px}
 #contentArea .pc-info{min-width:0}
 #contentArea .pc-name{font-size:16px;line-height:1.5}
 #contentArea .pc-tag{font-size:11px;line-height:1.6}
 #contentArea .pc-code{grid-area:code;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-height:48px;margin:0;padding:7px 10px;min-width:0;border-radius:8px}
 #contentArea .pc-code-label{font-size:11px;flex:none}
 #contentArea .pc-code-val{font-size:15px;font-weight:700;line-height:1.6;flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal;user-select:all}
 #contentArea .pc-code-val.none{font-size:12px;font-weight:400;line-height:1.7}
 #contentArea .copy-btn{min-width:44px;min-height:38px;flex:none;font-size:12px;padding:6px 8px}
 #contentArea .copy-btn:not(.ok){color:var(--accent);border-color:var(--border-hover);background:var(--accent-dim,rgba(224,175,70,.09));font-weight:600}
 #contentArea .pc-desc{grid-area:desc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;margin:0;font-size:12px;line-height:1.8}
 #contentArea .pc-open{grid-area:open;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:9px 7px;box-sizing:border-box;font-size:13px;line-height:1.5;border-radius:8px}
 #contentArea .pc-source{grid-area:source;display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:9px 7px;border:1px solid var(--border);border-radius:8px;font-size:12px;line-height:1.5;text-decoration:none}
 #contentArea .pc-details{grid-area:details;margin:0;padding-top:3px;font-size:12px}
 #contentArea .pc-details>summary{min-height:36px;font-size:12px}
 .nf-tool-mobile-description{display:block;margin:8px 0 12px;font-size:12px;line-height:1.85}
 .nf-tool-search-all{display:block;min-height:44px;padding:10px 16px;margin:16px auto 0;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--accent);font:inherit;font-size:13px;cursor:pointer}
}