.top-tabs .page-usage{position:relative;margin-left:14px;font-size:14px;color:#596852;font-weight:400}
.page-usage>summary{display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 8px;border-radius:5px;cursor:pointer;list-style:none;white-space:nowrap}
.page-usage>summary::-webkit-details-marker{display:none}
.page-usage>summary:hover,.page-usage[open]>summary{background:#f1f4ec}
.page-usage>summary:focus-visible{outline:2px solid #526c4c;outline-offset:2px}
.page-usage .page-usage-body{position:absolute;left:0;top:calc(100% + 8px);width:min(500px,calc(100vw - var(--nav) - 36px));max-height:75vh;overflow:auto;background:#fff;border:1px solid #dce1d4;border-radius:10px;box-shadow:0 14px 45px #202b2024;padding:22px;color:#404b3b;font-size:15px;line-height:1.75}
.page-usage-body h2{margin:0 0 14px;font-size:19px;line-height:28px;color:#222c1f}
.page-usage-body p{margin:0 0 14px}.page-usage-body p:last-child{margin-bottom:0}
@media(max-width:650px){.top-tabs .page-usage{margin-left:4px;font-size:12px}.page-usage .page-usage-body{position:fixed;left:12px;right:12px;top:calc(var(--top) + 6px);width:auto;padding:18px}}