/* Shared tablet instructions on the download and setup pages. */
[hidden] { display: none !important; }
.steps { padding: 0; margin: 0; list-style: none; counter-reset: step; display: grid; gap: 18px; }
.steps li { counter-increment: step; display: flex; gap: 16px; align-items: flex-start; line-height: 1.4; min-width: 0; }
.steps li::before { content: counter(step) / ""; width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border: 1.5px solid var(--glass-label); border-radius: 50%; font-size: 15px; font-weight: 500; }
.steps li span { padding-top: 2px; min-width: 0; }
.tablet-prep { background: var(--glass-canvas); border-radius: 28px; padding: 40px; display: grid; gap: 22px; min-width: 0; }
.tablet-prep > h2 { font: 400 46px/1.04 var(--glass-font-web-display), Georgia, serif; letter-spacing: -.003em; }
.prep-intro { color: var(--glass-label2); font-size: 17px; }
.brand-picker { display: flex; flex-wrap: wrap; gap: 10px; }
.brand-picker button { background: var(--glass-card); color: var(--glass-label2); border: 1px solid var(--glass-separator); border-radius: 26px; min-height: var(--glass-web-target); padding: 10px 18px; font-size: 16px; display: inline-flex; gap: 8px; align-items: center; }
.brand-picker button[aria-pressed=true] { border: 2px solid var(--glass-label); padding: 9px 17px; color: var(--glass-label); font-weight: 600; }
.brand-guide { padding: 22px 24px 24px; background: var(--glass-card); border-radius: 20px; }
.brand-guide h3 { font-size: 14px; color: var(--glass-label2); text-transform: uppercase; letter-spacing: .02em; margin-bottom: 16px; }
.brand-guide .steps { gap: 16px; font-size: 17px; }
.brand-guide .steps li { gap: 14px; }
.brand-guide .steps li::before { width: 28px; height: 28px; flex-basis: 28px; font-size: 13px; }
.brand-guide .note { margin-top: 16px; font-size: 14px; }
.cable-note { font-size: 15px; color: var(--glass-label2); display: flex; align-items: flex-start; gap: 10px; }
.asset { display: inline-block; flex-shrink: 0; }
.asset img { display: block; transform: scale(1.111111); transform-origin: top left; }
.asset-mail { width: 18px; height: 18px; }.asset-check { width: 16px; height: 16px; }.asset-cable { width: 20px; height: 20px; }.asset-download { width: 22px; height: 22px; }

.tablet-prep .note { color: var(--glass-label2); line-height: 1.45; }
[data-glass-theme=dark] .asset img { filter: invert(1); }