/* Compact, semantic usage information; inherits both existing themes. */
.usage-modes{padding-block:24px;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}
.guide-page .usage-modes{margin-block:24px}.usage-modes>p{margin-top:10px;max-width:78ch}
.usage-modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
.usage-mode{min-width:0}.usage-mode header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sc-site .usage-icon{width:22px;height:22px;flex-shrink:0;color:var(--sc-accent)}
.usage-mode p{font-size:.9375rem;line-height:1.65}.usage-mode a{display:inline-flex;align-items:center;min-height:40px;font-size:.875rem}
.usage-permissions{margin-top:20px;padding-top:16px;border-top:1px solid var(--sc-line);max-width:90ch}
.usage-permissions p{font-size:.875rem;line-height:1.65}.usage-permissions a{text-decoration:underline;text-underline-offset:3px}
.usage-home{padding-block:24px}.usage-home-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-block:20px;border-block:1px solid var(--sc-line)}
html:root body.sc-site .usage-home h2{font-size:1.25rem;line-height:1.4;max-width:24ch}
.usage-home-intro{flex:0 1 270px}.usage-home-intro>a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:.875rem}
.usage-home-links{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sc-site .usage-home-link{display:block;min-height:44px;text-decoration:none;color:var(--sc-ink)}
.usage-home-link:hover strong{text-decoration:underline}.usage-home-link>span{display:flex;align-items:center;gap:8px;font-size:1rem}
.usage-home-link small{display:block;color:var(--sc-muted);font-size:.875rem;line-height:1.5;margin-top:8px}
@media(max-width:1000px){.usage-home-inner{display:block}.usage-home-links{margin-top:16px}.usage-home-intro h2{max-width:none!important}}
@media(max-width:760px){.usage-modes-grid{grid-template-columns:1fr;gap:18px}.usage-mode+.usage-mode{padding-top:16px;border-top:1px solid var(--sc-line)}.usage-home-links{grid-template-columns:1fr;gap:14px}.usage-home-link{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.usage-home-link small{margin-top:0}.usage-modes{padding-block:20px}.usage-home{padding-block:16px}}
@media(max-width:380px){.usage-home-link{grid-template-columns:1fr;gap:4px}.usage-home-link small{margin-left:30px}}