/* Compact directory: all features visible in a landscape screen. */
.hub-page{height:100dvh;display:flex;flex-direction:column;gap:12px;padding:16px 20px;overflow:auto;background:var(--background)}
.hub-header{width:100%;min-height:44px;margin:0;grid-template-columns:150px minmax(0,1fr) 64px;gap:16px;flex-shrink:0}
.hub-brand img{width:30px;height:30px}
.hub-header h1{font-size:20px;line-height:1.3;margin:0}
.hub-header>div:nth-child(2)>span,.hub-header p{display:none}
.hub-grid{width:100%;flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;margin:0}
.hub-panel{min-height:0;padding:12px;border:1px solid var(--border);border-radius:7px;box-shadow:none;gap:10px;background:#fff}
.hub-panel:hover,.hub-panel:active{transform:none;box-shadow:none;border-color:var(--border)}
.hub-panel-heading{grid-template-columns:24px minmax(0,1fr);gap:8px;flex-shrink:0}
.hub-panel-heading>div{display:flex;align-items:baseline;gap:8px}
.hub-panel-heading h2{font-size:16px;line-height:24px;margin:0;font-weight:700}
.hub-panel-heading small{font-size:10px;color:var(--muted);font-weight:600}
.hub-panel-icon{width:24px;height:24px;border-radius:5px;background:var(--panel-soft)}
.hub-panel-icon svg{width:15px;height:15px}
.hub-panel-arrow,.hub-panel>p{display:none}
.hub-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;margin:0;min-height:0;overflow:visible;align-content:start}
.hub-feature-list>a{display:flex;align-items:center;gap:5px;min-width:0;min-height:28px;padding:4px 5px;border:0;border-radius:4px;text-decoration:none;color:var(--foreground);background:#f7f7f5;transition:background .15s}
.hub-feature-list>a:hover{background:var(--panel-soft)}
.hub-feature-list>a:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}
.hub-feature-list b{flex-shrink:0;min-width:22px;font-size:9px;font-weight:500;color:var(--muted)}
.hub-feature-list span{display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:18px}
@media(min-width:901px) and (max-width:1179px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.hub-panel{padding:9px;gap:6px}.hub-feature-list>a{min-height:24px;padding:3px 5px}.hub-feature-list span{font-size:11px;line-height:17px}.hub-page{padding:12px;gap:8px}}
@media(max-width:900px){.hub-page{height:100dvh;padding:14px;gap:12px}.hub-grid{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;align-items:start}.hub-panel{min-height:160px}.hub-header{grid-template-columns:38px minmax(0,1fr) 50px;gap:10px}.hub-brand>span{display:none}.hub-header h1{font-size:18px}}
@media(max-width:540px){.hub-grid{grid-template-columns:1fr}.hub-panel{min-height:0;padding:14px}.hub-feature-list>a{min-height:32px}.hub-header h1{font-size:17px}}