/* ShelfAnswers. Dùng biến --ast-* của theme cha, không hardcode màu rời. */
.site-aside__h { margin: 0 0 .8em; font-weight: 700; 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-left: 4px solid var(--ast-accent); border-radius: 4px 10px 10px 4px; 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: -.005em; font-weight: 700; }
.shelf-note { margin: 1.6em 0; padding: 14px 18px; border-left: 4px solid var(--ast-highlight); background: var(--ast-soft); border-radius: 0 10px 10px 0; }
.shelf-note p { margin: 0; }
.shelf-quickpicks { margin: 1.6em 0; padding: 16px 20px; border: 1px solid var(--ast-line); border-radius: 12px; background: #fff; }
.shelf-qp-h { margin: 0 0 .6em; font-weight: 700; font-family: var(--ast-heading-font); }
.shelf-quickpicks ul { margin: 0; padding-left: 1.1em; }
.shelf-quickpicks li { margin: .45em 0; }
.shelf-qp-label { display: inline-block; padding: 1px 8px; margin-right: 4px; border-radius: 999px; background: var(--ast-highlight); color: #1B2230; font-size: .8rem; font-weight: 700; }
.shelf-qp-cta { white-space: nowrap; }
.shelf-compare td:first-child { position: sticky; left: 0; background: var(--ast-bg); }
.shelf-compare th:first-child { position: sticky; left: 0; }
.shelf-answer { margin: 1.2em 0 1.6em; padding: 14px 18px; border: 1px solid var(--ast-accent); border-radius: 10px; background: var(--ast-soft); }
.shelf-answer p { margin: 0; }