/* Agent overview action buttons: 8px radius, no floating shadow. */
.lib .btn,.lib #more{border-radius:8px;box-shadow:none;min-height:48px;font-weight:500;letter-spacing:-.01em}
.lib .btn:hover{transform:none}
/* Inherit the shared marketing shell; match the homepage symbol-only phone header. */
@media(max-width:400px){.site-chrome .nav .brand-logo{display:none}}
.lib-card .lib-cardmeta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;margin-top:0;min-height:24px}
.lib-cardmeta>.lib-badge{flex:0 1 auto;max-width:100%;overflow-wrap:anywhere;line-height:1.45}
.lib-cardmeta>.catalog-palette{display:flex;flex:0 0 auto;align-items:center;gap:4px;margin:0;padding:2px 0;line-height:1}
.lib-cardmeta>.catalog-palette i{display:block;width:15px;height:15px;margin:0;border-radius:50%;border:1px solid #0002;box-shadow:none;flex:none}
@media(max-width:600px){.lib-cardmeta>.catalog-palette i{width:16px;height:16px}.lib-card .lib-cardmeta{gap:10px 16px}}

/* Compact detail outline: keep major chapters in order; nested guide links stay in the desktop rail. */
@media(max-width:800px){
 .lib .lib-toc{width:100%;min-width:0;padding:0 0 20px;border-bottom:1px solid var(--line)}
 .lib .lib-toc nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;align-items:stretch}
 .lib .lib-toc nav>a:not(.lib-toc-sub){display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:baseline;min-width:0;min-height:44px;padding:12px 10px;box-sizing:border-box;line-height:1.5;overflow-wrap:anywhere}
 .lib .lib-toc nav>a.lib-toc-sub{display:none}
 .lib .lib-toc nav>a>span:last-child{min-width:0}
}
@media(max-width:600px){.lib .lib-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}}

/* Official marketing navigation is fixed; reserve its height above page content. */
.design-systems-main>.lib{padding-top:134px}
@media(max-width:1100px){.design-systems-main>.lib{padding-top:120px}}
@media(max-width:600px){.design-systems-main>.lib{padding-top:100px}}