/* Shared "網站使用說明" entry, prepended to each product's main area. Same contract as tutorial-links.css:
   cascade layer, zero specificity, tokens with neutral fallbacks. */
@layer liubai.shared {
  :where(.lb-usage-nav) { margin: var(--lb-space-3, 12px) 0; display: flex; flex-wrap: wrap; gap: var(--lb-space-2, 8px); }
  :where(.lb-usage-help) {
    display: inline-flex; align-items: center; box-sizing: border-box; min-height: var(--lb-touch, 44px); max-width: 100%;
    padding: 0 var(--lb-space-3, 12px); border: 1px solid transparent; border-radius: var(--lb-radius-md, 8px); background: transparent;
    color: var(--lb-text-secondary, #A1A1AA); font: var(--lb-weight-medium, 500) var(--lb-text-ui, 14px)/1.4 var(--lb-font-sans, system-ui, sans-serif);
    text-decoration: underline; text-decoration-color: var(--lb-icon, #A1A1AA); text-underline-offset: 3px; white-space: normal;
  }
  :where(.lb-usage-help):hover { background: var(--lb-ghost-hover, rgb(128 128 128 / .14)); color: var(--lb-text, currentColor); }
  :where(.lb-usage-help):focus-visible { outline: 2px solid var(--lb-focus, currentColor); outline-offset: 2px; }
}