/* support.gliros.com, on top of /gl.css (the portal theme) */
.langs { display: flex; gap: 10px; font-size: var(--text-sm); }
.langs b { color: var(--text); }
.hero { text-align: center; padding: var(--space-6) var(--space-5); }
.hero h1 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
.searchbox { display: flex; gap: var(--space-2); max-width: 640px; margin: var(--space-4) auto 0; }
.searchbox input { flex: 1; }
main > .searchbox { margin: 0 0 var(--space-5); }
.groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-5); }
.group h3 { margin-bottom: var(--space-2); }
.group ul { list-style: none; padding: 0; margin: 0; }
.group li { padding: 5px 0; border-bottom: 1px solid var(--border); }
.group li:last-child { border-bottom: 0; }
.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-5); }
.tile { display: block; color: var(--text); margin: 0; }
.tile:hover { text-decoration: none; border-color: var(--user-border); }
.tile h3 { margin-bottom: 6px; }
.tile p { margin: 0; font-size: var(--text-sm); }
.row.start { justify-content: flex-start; }
.links { margin-bottom: var(--space-5); }
.crumbs { font-size: var(--text-sm); margin-bottom: var(--space-3); }
.doc { max-width: 820px; }
.doc h1 { font-size: 1.7rem; }
.doc h1 .pill { vertical-align: middle; }
.doc h2 { font-size: 1.2rem; margin-top: var(--space-5); }
.doc p, .doc li { color: var(--text-dim); line-height: 1.65; }
.doc strong { color: var(--text); }
.doc .lead { font-size: 1.05rem; color: var(--text); }
.doc pre { background: var(--inset); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: var(--space-3); overflow-x: auto; }
.note { padding: 8px 12px; border-radius: var(--radius-sm); background: rgba(226,179,94,0.10); border: 1px solid rgba(226,179,94,0.3); color: var(--warn); font-size: var(--text-sm); }
.shot { margin: var(--space-4) 0; }
.shot img { max-width: 100%; height: auto; border-radius: var(--radius); border: 1px solid var(--border); }
.faq details { border-bottom: 1px solid var(--border); padding: var(--space-3) 0; }
.faq details:last-child { border-bottom: 0; }
.faq summary { cursor: pointer; font-weight: 600; }
.faq .answer { color: var(--text-dim); padding-top: var(--space-2); }
.results { list-style: none; padding: 0; }
.results li { margin-bottom: var(--space-3); }
.results p { margin: 6px 0 0; font-size: var(--text-sm); }
.form { max-width: 720px; }
textarea { width: 100%; padding: 10px 12px; color: var(--text); background: var(--inset); border: 1px solid var(--border); border-radius: var(--radius-sm); font: inherit; resize: vertical; }
.more { margin-top: var(--space-5); }
@media (max-width: 640px) { .searchbox { flex-direction: column; } .hero { padding: var(--space-5) var(--space-3); } }