/* Compact navigation cards; descriptions are shown by an accessible floating tooltip. */
.tree-content .resource-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 12px;}
.tree-content .resource-card{height:60px;border-radius:10px;}
.tree-content .resource-card>a{padding:10px 12px;height:100%;}
.tree-content .resource-card .site-logo{width:32px;height:32px;flex-basis:32px;margin-right:10px;border-radius:8px;}
.tree-content .resource-card .site-copy b{font-size:12.5px;line-height:1.5;padding-right:12px;}
.tree-content .resource-card .site-copy p,.tree-content .resource-card .open-mark{display:none;}
.tree-content .resource-card .card-pencil{width:21px;height:21px;right:4px;top:4px;font-size:11px;}
.tree-content .resource-card:focus-within .card-pencil{opacity:1;}
.tree-content .resource-card>a:focus-visible{outline:2px solid #0891b2;outline-offset:2px;border-radius:10px;}
.tree-content .empty-add{height:60px;border-radius:10px;}
.tree-content .portal-group{margin-bottom:24px;}
.nav-card-tooltip{position:fixed;z-index:10000;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:14px 16px;background:#132338;color:#dce8f4;border:1px solid #35506b;border-radius:10px;box-shadow:0 12px 36px #10263b30;font:12px/1.8 "Microsoft YaHei","PingFang SC",Arial,sans-serif;overflow-wrap:anywhere;}
.nav-card-tooltip[hidden]{display:none!important;}
.nav-card-tooltip strong{display:block;color:#eff7ff;font-size:13px;font-weight:650;margin-bottom:5px;}
.nav-card-tooltip p{margin:0;white-space:pre-wrap;max-height:min(320px,50vh);overflow:auto;}
@media(max-width:480px){.tree-content .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.tree-content .resource-card{height:56px;}.tree-content .resource-card>a{padding:9px;}.tree-content .resource-card .site-logo{width:28px;height:28px;flex-basis:28px;margin-right:8px;}.tree-content .resource-card .site-copy b{font-size:12px;}}
@media(max-width:720px){.tree-top{height:auto;min-height:66px;flex-wrap:wrap;gap:10px;padding:12px;}.tree-top>div:first-child{min-width:0;flex:1;}.tree-top>div:first-child>span{display:none;}.tree-top b{font-size:14px;}.tree-top .top-actions{gap:8px;font-size:11px;flex-wrap:wrap;}.tree-top .tree-search{order:3;flex:0 0 100%;min-width:0;max-width:none;}.tree-top .tree-search input{min-width:0;width:100%;}.tree-content{padding:14px 12px 40px;}.tree-content .sub-tabs{max-width:100%;min-width:0;}.tree-content .panel-admin{gap:8px;}}
