/* Small readability overrides kept separate from the base theme. */
body{font-size:17px}
.lead{font-size:17px}
table{font-size:14px}
pre{font-size:14px}
.steps p,.card p,.hero p,.callout,details{font-size:15px}
.card h3,ul,ol{font-size:16px}
th,p code,li code,td code{font-size:13px}
.hero-link,.header-actions,.search-trigger{font-size:14px}
@media(max-width:480px){body{font-size:16px}.lead{font-size:16px}pre{font-size:13px}.hero p{font-size:14px}}

.nav-group:first-child{margin-top:0}
html{scroll-padding-top:0}
.nav-group h2{font-size:12px}
.nav-group a{font-size:14px}
.group-title{margin-bottom:30px}
.doc-subsection{margin:0;padding:0;display:flow-root}
.doc-subsection + .doc-subsection{border-top:1px solid var(--line);margin-top:48px;padding-top:36px}
.doc-subsection > .subsection-title{font-family:Rajdhani,sans-serif;font-size:32px;font-weight:600;margin:0 0 10px;letter-spacing:-.4px}
.doc-subsection > .lead{font-size:16px;margin-bottom:18px}
.doc-subsection section > h3{font-size:19px;margin:28px 0 12px}
.toc{overflow-y:auto;scrollbar-width:thin;padding-bottom:24px}
.toc nav{font-size:12px}
.toc-group{margin-bottom:8px}
.toc .toc-subsection{font-weight:600;color:var(--muted)}
.toc .toc-details{padding-left:10px}
.toc .toc-details a{font-size:11px;line-height:1.6}
.toc .active-group > .toc-subsection,.toc nav a.active{color:var(--purple)}
.toc nav a.active{font-weight:600}
.next-page{font-size:15px}
.next-page small{font-size:12px;margin-bottom:3px}
#search-results a.selected{background:var(--tint);outline:1px solid #d7c5ed}
#search-results a{font-size:15px}
#search-results small{font-size:13px}
#all-commands + .table-wrap td:first-child{width:40%}
@media(max-width:820px){h1,h2,h3{scroll-margin-top:92px}}
@media(max-width:480px){.doc-subsection > .subsection-title{font-size:29px}.doc-subsection + .doc-subsection{margin-top:32px;padding-top:28px}}

/* Keep mobile controls at least 16px to prevent iOS focus zoom. */
.search-head input{font-size:16px}
.search-trigger>span:first-child{font-size:30px}
.hero img{height:auto;aspect-ratio:1;object-fit:contain;transform:none}
.brand img,.page-footer img{height:auto;aspect-ratio:1;object-fit:contain}
.card{position:relative;padding-right:44px}
.card .arrow{float:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;line-height:1;font-size:23px}
.callout p strong{display:inline;font-size:inherit}
.callout p>strong:first-child{display:block;margin-bottom:3px}
@media(max-width:820px){.sidebar{display:block;visibility:hidden;transform:translateX(-100%);transition:transform 160ms ease,visibility 160ms;pointer-events:none}.sidebar.open{visibility:visible;transform:translateX(0);pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* Vector controls avoid font-dependent alignment and pixelated glyphs. */
.search-icon{display:block;width:24px;height:24px;flex:0 0 24px;align-self:center}
.note-icon{display:block;width:20px;height:20px;flex:0 0 20px;color:var(--purple);margin-top:3px}
.footer-mobile-logo{display:none}
@media(max-width:480px){
  .page-footer{align-items:flex-start;justify-content:flex-start}
  .page-footer .footer-brand{display:none}
  .footer-twitch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
  .footer-mobile-logo{display:block;flex:0 0 20px;width:20px;height:20px;object-fit:contain}
}

/* Keep both text rows beside the icon, including when descriptions wrap. */
@media(max-width:480px){
  .card-grid .card{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:15px;row-gap:5px;padding-right:44px;align-items:start}
  .card-grid .card-icon{float:none;grid-column:1;grid-row:1 / span 2;margin:0;align-self:center;line-height:1}
  .card-grid .card h3{grid-column:2;grid-row:1;margin:0}
  .card-grid .card p{grid-column:2;grid-row:2;margin:0}
}

/* Block examples must not inherit inline-code padding from list items. */
.command-block pre{padding-left:20px}
.command-block pre code{display:block;padding:0;margin:0;border:0;background:transparent;font:inherit;color:inherit}