/* Product instructions: visible, compact, and independent of tool controls. */
.seo-usage-guide { max-width: 960px; margin-top: 52px; margin-bottom: 64px; padding-top: 36px; border-top: 1px solid #28374c; }
.seo-usage-guide h2, .seo-faq h2, .seo-gts-channels h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(1.6rem, 2.5vw, 2.1rem); line-height: 1.3; text-wrap: balance; }
.seo-usage-guide p, .seo-faq p, .seo-gts-channels p, .seo-btgo-walkthrough p { color: #b6c3d5; font-size: .98rem; line-height: 1.8; }
.seo-guide-steps { margin: 24px 0; padding-left: 25px; }
.seo-guide-steps li { padding-left: 9px; margin: 15px 0; }
.seo-guide-steps li::marker { color: #83cffa; font-weight: 700; }
.seo-guide-steps h3 { margin: 0 0 5px; font: 600 1.05rem/1.5 var(--font); }
.seo-guide-steps p { margin: 0; }
.seo-guide-note { padding: 16px 20px; border-left: 3px solid #80c9ed; background: #101a28; border-radius: 0 12px 12px 0; }
.seo-guide-links { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 26px; }
.seo-guide-links h3 { flex-basis: 100%; font: 600 1rem/1.5 var(--font); margin-bottom: 0; }
.seo-guide-links a, .seo-guide-channels a { color: #a6dcff; text-decoration: underline; text-underline-offset: 5px; line-height: 1.6; padding-block: 7px; }
.seo-faq details { border-bottom: 1px solid #29384c; }
.seo-faq summary { min-height: 48px; padding: 18px 6px; cursor: pointer; color: #e9effb; font-weight: 600; line-height: 1.6; }
.seo-faq summary::marker { color: #85d3ff; }
.seo-faq details > p { margin: 0; padding: 0 8px 22px; max-width: 900px; }
.seo-faq summary:focus-visible, .seo-guide-links a:focus-visible { outline: 2px solid #89d5ff; outline-offset: 4px; border-radius: 5px; }
.seo-guide-channels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; margin-top: 26px; }
.seo-guide-channels h3 { color: #e5eefb; font: 600 1.12rem/1.5 var(--font); }
.gift-rules-page > article > section.seo-gts-channels, .gift-rules-page > article > section.seo-faq { display: block; }
@media(max-width:640px) { .seo-usage-guide { margin-top: 32px; margin-bottom: 44px; padding-top: 28px; } .seo-guide-channels { grid-template-columns: 1fr; gap: 14px; } }