/* Android help composition. Colors and controls come from the website's tokens. */
.android-help-page .android-help-header .tf-header-inner { grid-template-columns: minmax(0, 1fr) auto; }
.android-help-page .android-help-languages { margin-bottom: var(--tf-space-6); }
.android-help-page .android-help-languages > summary { display: flex; justify-content: space-between; gap: var(--tf-space-4); text-align: start; }
@media (max-width: 780px) {
  .android-help-page .android-help-nav .tf-button { padding-inline: var(--tf-space-3); font-size: var(--tf-text-sm); }
}
@layer android-help {
  .android-help-page { margin: 0; background: var(--tf-bg); color: var(--tf-text); font: 400 var(--tf-text-base)/var(--tf-leading) var(--tf-font); }
  .android-help-page *, .android-help-page *::before, .android-help-page *::after { box-sizing: border-box; }
  .android-help-page a { color: var(--tf-link); text-underline-offset: .2em; }
  .android-help-page a:focus-visible { outline: var(--tf-focus-ring); outline-offset: 4px; }
  .android-help-languages { max-width: 42rem; }
  .android-help-languages > summary { width: fit-content; max-width: 100%; white-space: normal; }
  .android-help-languages > summary::-webkit-details-marker { display: none; }
  .android-help-languages > summary::marker { content: ''; }
  .android-help-languages > summary > span:first-child { min-width: 0; overflow-wrap: anywhere; }
  .android-help-language-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: var(--tf-space-1); max-height: min(60dvh, 28rem); overflow: auto; margin-top: var(--tf-space-3); padding: var(--tf-space-2); border: 1px solid var(--tf-border); border-radius: var(--tf-radius-sm); background: var(--tf-surface); }
  .android-help-language-list a { display: flex; align-items: center; min-height: var(--tf-control-height); padding: var(--tf-space-2) var(--tf-space-3); border-radius: var(--tf-radius-sm); text-decoration: none; overflow-wrap: anywhere; }
  .android-help-language-list a:hover { background: var(--tf-surface-raised); text-decoration: underline; }
  .android-help-language-list a[aria-current='page'] { background: var(--tf-accent); color: var(--tf-on-accent); font-weight: var(--tf-weight-bold); }
  .android-help-nav { display: flex; gap: var(--tf-space-2); flex-wrap: wrap; margin-bottom: var(--tf-space-12); }
  .android-help-nav .tf-button { font-size: var(--tf-text-sm); }
  .android-help-intro { margin-bottom: var(--tf-space-12); }
  .android-help-date { color: var(--tf-subtle); font-size: var(--tf-text-sm); margin: var(--tf-space-6) 0 0; }
  .android-help-layout { display: grid; grid-template-columns: minmax(180px, 245px) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
  .android-help-toc { position: sticky; top: calc(var(--tf-header-height) + var(--tf-space-6)); max-height: calc(100dvh - var(--tf-header-height) - var(--tf-space-12)); overflow: auto; font-size: var(--tf-text-sm); }
  .android-help-toc h2 { margin: 0 0 var(--tf-space-3); font-size: var(--tf-text-xs); font-weight: var(--tf-weight-bold); text-transform: uppercase; letter-spacing: .08em; color: var(--tf-subtle); }
  .android-help-toc ul { margin: 0; padding: 0; list-style: none; }
  .android-help-toc li + li { margin-top: var(--tf-space-1); }
  .android-help-toc a { display: block; padding-block: .4rem; text-decoration: none; }
  .android-help-toc a:hover { text-decoration: underline; }
  .android-help-article { max-width: var(--tf-reading-width); min-width: 0; }
  .android-help-section { padding-bottom: var(--tf-space-8); margin-bottom: var(--tf-space-8); border-bottom: 1px solid var(--tf-border); }
  .android-help-section:last-child { margin-bottom: 0; border-bottom: 0; }
  .android-help-section h2 { margin: 0 0 var(--tf-space-4); font-size: clamp(1.3rem, 2.2vw, 1.6rem); font-weight: var(--tf-weight-medium); line-height: 1.3; letter-spacing: -.02em; scroll-margin-top: calc(var(--tf-header-height) + var(--tf-space-6)); }
  .android-help-section p { margin: 0; overflow-wrap: anywhere; }
  .android-help-section p + p { margin-top: var(--tf-space-4); }
  .android-help-section a { overflow-wrap: anywhere; }
  @media (max-width: 780px) {
    .android-help-page .android-help-header .tf-header-inner { gap: var(--tf-space-3); }
    .android-help-page .android-help-header .tf-header-actions { gap: var(--tf-space-2); }
    .android-help-nav { margin-bottom: var(--tf-space-8); gap: var(--tf-space-1); }
    .android-help-nav .tf-button { padding-inline: var(--tf-space-3); font-size: var(--tf-text-xs); }
    .android-help-layout { grid-template-columns: minmax(0, 1fr); gap: var(--tf-space-8); }
    .android-help-toc { position: static; max-height: none; overflow: visible; padding-bottom: var(--tf-space-6); border-bottom: 1px solid var(--tf-border); }
    .android-help-toc ul { columns: 2; column-gap: var(--tf-space-6); }
    .android-help-toc li { break-inside: avoid; }
    .android-help-toc a { min-height: var(--tf-control-height); padding-block: .5rem; }
  }
  @media (max-width: 560px) { .android-help-toc ul { columns: 1; } }
  @media print {
    .android-help-header, .android-help-languages, .android-help-nav, .android-help-toc, footer[data-site-footer] { display: none; }
    .android-help-layout { display: block; }
    .android-help-page { background: white; color: black; }
    .android-help-page .tf-page-shell { width: 100%; margin: 0; }
    .android-help-page a { color: inherit; }
    .android-help-section h2 { break-after: avoid; }
  }
}