/* Independent support pages share the console's surfaces, spacing and buttons. */
.root302-support-page .r3-support-intro { display:flex; align-items:center; gap:14px; padding:20px 22px; margin-bottom:20px; background:#fff; border:1px solid var(--r3-line); border-radius:12px; }
.root302-support-page .r3-support-intro > i { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; border-radius:10px; background:#edf3ff; color:#5278b5; font-size:19px; }
.root302-support-page .r3-support-intro h1 { margin:0 0 4px; color:#304866; font-size:18px; font-weight:600; line-height:1.5; }
.root302-support-page .r3-support-intro p { margin:0; color:#60718a; font-size:13px; line-height:1.8; }
.root302-support-page .card { box-shadow:none; margin-bottom:20px; }
.root302-support-page .r3-support-news { border:1px solid var(--r3-line); border-radius:12px; overflow:hidden; background:#fff; }
.root302-support-page .r3-support-news-item { padding:22px; border-bottom:1px solid var(--r3-line); }
.root302-support-page .r3-support-news-item:last-child { border-bottom:0; }
.root302-support-page .r3-support-news-item h2 { margin:0 0 7px; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
.root302-support-page .r3-support-news-item h2 a { color:#304866; font-weight:600; }
.root302-support-page .r3-support-meta { display:flex; align-items:center; gap:7px; color:#60718a; font-size:12px; margin-bottom:12px; }
.root302-support-page .r3-support-news-item p { color:#60718a; font-size:13px; line-height:1.9; margin:0 0 14px; overflow-wrap:anywhere; }
.root302-support-page .r3-support-read { display:inline-flex; align-items:center; gap:8px; min-height:36px; font-size:13px; color:#315caa; }
.root302-support-page .r3-support-empty { padding:48px 24px; border:1px solid var(--r3-line); border-radius:12px; background:#fff; text-align:center; }
.root302-support-page .r3-support-empty > i { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:12px; color:#7893bc; background:#edf3ff; font-size:21px; margin-bottom:14px; }
.root302-support-page .r3-support-empty h2 { color:#304866; font-size:16px; margin:0 0 8px; }
.root302-support-page .r3-support-empty p { color:#60718a; font-size:13px; line-height:1.8; margin:0 0 20px; }
.root302-support-page .r3-kb-search-form { max-width:none; padding:18px; border:1px solid var(--r3-line); border-radius:12px; background:#fff; margin-bottom:20px; }
.root302-support-page .kb-category .card-body { display:block; min-height:112px; }
.root302-support-page .kb-category .card-body:hover { background:#fbfcfe; }
.root302-support-page .kb-category .badge-info { color:#526d95; background:#edf3ff; font-size:12px; font-weight:400; }
.root302-support-page .r3-kb-articles .kb-article-item { border-color:var(--r3-line); color:#304866; font-size:14px; }
.root302-support-page .r3-kb-articles .kb-article-item small { color:#60718a; font-size:13px; line-height:1.8; }
.root302-support-page .r3-support-article .card-body { padding:28px; }
.root302-support-page .r3-support-article h1 { font-size:24px; line-height:1.5; color:#304866; overflow-wrap:anywhere; }
.root302-support-page .r3-support-article article { max-width:none; color:#526580; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.root302-support-page .r3-support-article article img { max-width:100%; height:auto; }
.root302-support-page .r3-support-article article pre { max-width:100%; overflow:auto; }
.root302-support-page .r3-support-article article table { display:block; max-width:100%; overflow:auto; }
.root302-support-page .r3-support-article h1 .btn { margin-left:16px; }
.root302-support-page .r3-monitor-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:5px; width:fit-content; margin-bottom:20px; border:1px solid var(--r3-line); border-radius:10px; background:#fff; }
.root302-support-page .r3-monitor-tools a { display:inline-flex; align-items:center; min-height:40px; padding:9px 16px; font-size:13px; border-radius:6px; color:#536780; }
.root302-support-page .r3-monitor-tools a.is-active { background:#e4edfc; color:#274e91; box-shadow:inset 0 0 0 1px #ccdcf6; font-weight:600; }
.root302-support-page .r3-monitor-tools a:hover { text-decoration:none; background:#edf3ff; }
.root302-support-page .r3-monitor-issue .card-header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding:16px 20px; }
.root302-support-page .r3-monitor-issue h2 { font-size:15px; margin:0; color:#304866; }
.root302-support-page .r3-monitor-issue .card-body { padding:20px; color:#526580; font-size:13px; line-height:1.9; }
.root302-support-page .r3-monitor-issue .r3-support-meta { flex-wrap:wrap; gap:8px 20px; }
.root302-support-page .r3-monitor-issue .r3-monitor-description { overflow-wrap:anywhere; }
.root302-support-page .r3-monitor-issue img { max-width:100%; height:auto; }
.root302-support-page .r3-support-pagination { display:flex; justify-content:center; margin:20px 0; }
.root302-support-page a:focus-visible,.root302-support-page button:focus-visible { outline:2px solid #d8e7fb; outline-offset:2px; }
@media(max-width:767px) {
 .root302-support-page .r3-support-intro { padding:16px; align-items:flex-start; gap:12px; }
 .root302-support-page .r3-support-news-item { padding:18px 16px; }
 .root302-support-page .r3-kb-search-form { padding:12px; }
 .root302-support-page .r3-support-article .card-body { padding:18px 16px; }
 .root302-support-page .r3-support-article h1 { font-size:20px; }
 .root302-support-page .r3-support-empty { padding:32px 18px; }
 .root302-support-page .r3-monitor-tools { width:100%; }
 .root302-support-page .r3-monitor-tools a { flex:1; justify-content:center; padding:9px 8px; }
 .root302-support-page .r3-support-pagination .page-link { min-height:44px; display:flex; align-items:center; }
}