.btn-sculk-gold, .rank-buy-btn, .custom-buy-btn, .crate-buy-btn, .big-shop-card {
    transition: transform 180ms cubic-bezier(.16, 1, .3, 1), background-color 180ms ease, border-color 180ms ease;
}
button:not(:disabled):active, .big-shop-card:active { transform: translateY(1px); }
button:disabled { cursor: not-allowed; }
a { text-underline-offset: .2em; }
::selection { background: #ffd479; color: #201624; }
input { caret-color: var(--gold-light); }
html { scrollbar-color: #695474 #17131e; }

.documentation-page .clean-page-desc,
.documentation-page .clean-item-body { font-size: 1rem; }
.documentation-page .clean-item-title { font-weight: 650; font-size: 1.35rem; }
.documentation-contents a[aria-current="location"] {
    background: rgba(245, 158, 11, .12);
    color: var(--gold-light);
    box-shadow: inset 2px 0 var(--gold-light);
}
.documentation-search { display: block; margin-top: 22px; max-width: 540px; }
.documentation-search span { display: block; font-size: .875rem; font-weight: 500; margin-bottom: 8px; color: #d1c9db; }
.documentation-search input {
    width: 100%; border: 1px solid #695474; background: #141217; color: #f3f0f7;
    border-radius: 8px; min-height: 48px; padding: 10px 14px;
}
.documentation-search input::placeholder { color: #b9afc5; }
.documentation-search input:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 3px; }
.documentation-search-status { margin-top: 10px; color: #d1c9db; font-size: .9rem; }
.documentation-page .clean-item-card[hidden] { display: none; }
.documentation-page button.cmd-pill { cursor: pointer; text-align: left; }
.documentation-page button.cmd-pill:hover { border-color: var(--gold-light); color: var(--gold-light); }
.documentation-page button.cmd-pill.is-copied { border-color: #65d999; color: #65d999; }
.command-copy-icon { font-size: .75em; opacity: .7; margin-left: 4px; }
.documentation-page .clean-items-grid.is-empty::after {
    content: 'No matching sections. Try another word or clear the search.';
    color: #d1c9db; padding: 24px 0; display: block;
}
.interaction-announcement {
    position: fixed; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
}

@media (hover: hover) {
    .big-shop-card:hover { transform: translateY(-4px); border-color: var(--gold-light); }
    .rank-buy-btn:hover, .crate-buy-btn:hover, .custom-buy-btn:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
    button:not(:disabled):active, .big-shop-card:active,
    .big-shop-card:hover, .rank-buy-btn:hover, .crate-buy-btn:hover, .custom-buy-btn:hover { transform: none; }
}