/* AS Lab Studio｜共用「帳號連接教學／AI 使用與設定教學／自行取得授權教學」連結樣式（由教學安裝程式注入各工具）
   2026-10-23 改為黑白灰銀 v2 中性灰：無框、無底色、零綠色（禁 hue 60–170°）。
   深色（預設，或 :root[data-theme="dark"]）：文字 #A1A1AA；淺色（:root[data-theme="light"]）：文字 #52525B。
   顏色優先讀 --lb- tokens（有載入 liubai-tokens.css 的工具），沒有就用後面的備援值。
   版面（尺寸、間距、44px 點擊區、手機斷點）與原版相同；border 保留 1px 透明，避免版面位移。 */
a.lb-tutorial-link,
a.lb-tutorial-link:link,
a.lb-tutorial-link:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  max-width: 100%;
  padding: 8px 12px;
  margin: 6px 4px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: var(--lb-text-secondary, #a1a1aa);
  font: 500 14px/1.5 system-ui, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-color: var(--lb-icon, #a1a1aa);
  text-underline-offset: 3px;
  vertical-align: middle;
  flex-shrink: 1;
}
a.lb-tutorial-link:hover,
a.lb-tutorial-link:active {
  background: var(--lb-ghost-hover, #232326);
  border-color: transparent;
  color: var(--lb-text, #f4f4f5);
}
a.lb-tutorial-link:focus {
  outline: none;
}
a.lb-tutorial-link:focus-visible {
  outline: 3px solid var(--lb-focus, #e3e6ea);
  outline-offset: 3px;
  color: var(--lb-text, #f4f4f5);
}

/* 淺色模式 */
:root[data-theme="light"] a.lb-tutorial-link,
:root[data-theme="light"] a.lb-tutorial-link:link,
:root[data-theme="light"] a.lb-tutorial-link:visited {
  color: var(--lb-text-secondary, #52525b);
  text-decoration-color: var(--lb-icon, #6b7079);
}
:root[data-theme="light"] a.lb-tutorial-link:hover,
:root[data-theme="light"] a.lb-tutorial-link:active {
  background: var(--lb-ghost-hover, #f4f4f5);
  color: var(--lb-text, #18181b);
}
:root[data-theme="light"] a.lb-tutorial-link:focus-visible {
  outline-color: var(--lb-focus, #18181b);
  color: var(--lb-text, #18181b);
}

@media (forced-colors: active) {
  a.lb-tutorial-link { border-color: LinkText; color: LinkText; }
  a.lb-tutorial-link:focus-visible { outline-color: Highlight; }
}

@media (max-width: 600px) {
  a.lb-tutorial-link {
    font-size: 14px;
    padding: 10px;
    min-height: 44px;
  }
  header:has(#accountButton) {
    flex-wrap: wrap;
    min-width: 0;
  }
}