/* Editorial search guides: shared Twitch guide layout, scoped to these pages. */
.search-guide .tg-wrap{max-width:1260px}
.search-guide .tg-intro{padding:42px 0 32px}
.search-guide .tg-intro h1{max-width:1060px;font-size:clamp(28px,3.5vw,43px)}
.search-guide .tg-intro>p:not(.tg-eyebrow){max-width:780px}
.search-guide .tg-intro .sg-reviewed{margin-top:16px;color:#686868;font-size:12px}
.search-guide .tg-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}
.search-guide .tg-content{font-size:16px;line-height:1.8}
.search-guide .sg-answer{padding:22px 26px;margin-bottom:20px;background:#edf4ff;border:1px solid #c8d9ee;border-radius:16px}
.search-guide .sg-answer p{margin:0;font-family:Inter,system-ui,sans-serif!important;font-size:16px;line-height:1.8}
.search-guide .tg-section{padding:28px 30px}
.search-guide .tg-section h2{margin-bottom:17px}
.search-guide .tg-section h3{margin:22px 0 8px}
.search-guide .tg-card h3{margin:0 0 8px}
.search-guide .tg-steps p{font-size:15px}
.search-guide .tg-section a{font-weight:600}
.search-guide .sg-tone-mint{background:#edf9f0;border-color:#c8dfce}
.search-guide .sg-tone-lavender{background:#f5efff;border-color:#ddcfec}
.search-guide .sg-tone-cream{background:#fff7e9;border-color:#e7d9be}
.search-guide .sg-tone-blue{background:#edf4ff;border-color:#cbdbee}
.search-guide .sg-tone-pink{background:#fff0f2;border-color:#e6cdd2}
.search-guide .tg-grid{align-items:stretch}
.search-guide .tg-card{background:#ffffffb3}
.search-guide .sg-table-wrap,.search-guide .tg-table-wrap,.search-guide .table-scroll{max-width:100%;overflow-x:auto;border:1px solid #cbd2dc;border-radius:12px;margin:18px 0;background:white}
.search-guide .tg-content table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.6;font-family:Inter,system-ui,sans-serif!important}
.search-guide .tg-content :is(th,td){padding:14px 16px;min-width:145px;vertical-align:top;border-bottom:1px solid #dbe1e7;font-family:Inter,system-ui,sans-serif!important}
.search-guide .tg-content caption{text-align:left;padding:13px 16px;font-weight:700;border-bottom:1px solid #dbe1e7}
.search-guide .tg-content thead th{background:#f4f7fb}
.search-guide .tg-content tr:last-child :is(th,td){border-bottom:0}
.search-guide .sg-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.search-guide .sg-related{display:flex;flex-direction:column;gap:6px;padding:17px;border:1px solid #dedede;border-radius:12px;text-decoration:none;background:#fff}
.search-guide .sg-related:hover{border-color:#7133c3;background:#f5efff}
.search-guide .sg-related strong{font-size:15px}
.search-guide .sg-related span{font-size:13px;color:#555;font-weight:400;font-family:Inter,system-ui,sans-serif!important}
.search-guide .sg-sources{padding:18px 4px 8px}
.search-guide .sg-sources h2{font:14px/1.5 Inter,system-ui,sans-serif!important;font-weight:700!important}
.search-guide .sg-sources ul{padding-left:20px;font-size:13px;line-height:1.8}
.search-guide .sg-sources p{font-size:12px;color:#666}
.search-guide .sg-table-hint{display:none}
.search-guide [role="region"]:focus-visible{outline:3px solid #7133c3;outline-offset:4px}
@media(max-width:860px){.search-guide .tg-layout{grid-template-columns:1fr;gap:16px}.search-guide .tg-intro{padding:28px 0 22px}}
@media(max-width:560px){.search-guide .tg-section{padding:21px}.search-guide .tg-content,.search-guide .sg-answer p{font-size:15px}.search-guide .sg-answer{padding:20px}.search-guide .sg-related-grid{grid-template-columns:1fr}.search-guide .tg-intro h1{font-size:28px}.search-guide .tg-nav{max-width:100%}}
@media(max-width:560px){.search-guide .sg-table-hint{display:block;margin:14px 0 0;font-size:12px;color:#555}}
