/* OfficeKitHQ. Dùng biến --ast-* của theme cha. */
.site-aside__h { margin: 0 0 .8em; font-weight: 800; font-family: var(--ast-heading-font); }
.site-aside__grid { display: grid; gap: 10px; }
.site-aside__item { display: flex; flex-direction: column; padding: 12px 14px; border: 1px solid var(--ast-line); border-radius: 10px; color: var(--ast-ink); text-decoration: none; background: var(--ast-bg); }
.site-aside__item:hover { border-color: var(--ast-accent); }
.site-aside__item span { color: var(--ast-muted); font-size: .85rem; }
h1, h2, h3, .ast-section__title, .ast-hero__title { font-family: var(--ast-heading-font); letter-spacing: -.01em; }
.okh-safety { margin: 1.6em 0; padding: 14px 18px; border-left: 4px solid var(--ast-highlight); background: var(--ast-soft); border-radius: 0 10px 10px 0; }
.okh-safety p { margin: 0; }
.okh-quickpicks { margin: 1.6em 0; padding: 16px 20px; border: 1px solid var(--ast-line); border-radius: 12px; background: #fff; }
.okh-qp-h { margin: 0 0 .6em; font-weight: 800; font-family: var(--ast-heading-font); }
.okh-quickpicks ul { margin: 0; padding-left: 1.1em; }
.okh-quickpicks li { margin: .45em 0; }
.okh-qp-label { display: inline-block; padding: 1px 8px; margin-right: 4px; border-radius: 999px; background: var(--ast-highlight); color: #161B2E; font-size: .8rem; font-weight: 700; }
.okh-qp-cta { white-space: nowrap; }
.okh-compare td:first-child { position: sticky; left: 0; background: var(--ast-bg); }
.okh-compare th:first-child { position: sticky; left: 0; }