/* Theme Tokens */

:root {
    /* Typography */
    --font-family-base: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    --font-family-base-alt: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    --font-family-display: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
    --font-family-heading: Arial, Helvetica, sans-serif;
    --font-family-mono: Consolas, Monaco, 'DejaVu Sans Mono', 'Lucida Console', 'Courier New', monospace;
    --font-family-mono-compact: Monaco, 'Courier New', monospace;
    --font-size-body: 70%;
    --font-size-meta: 1em;
    --font-size-copy: 1.1em;
    --font-size-copy-lg: 1.2em;
    --font-size-body-rich: 1.3em;
    --font-size-math-inline: 1.26em;
    --font-size-forum-link: 1.4em;
    --font-size-topic-link: 1.2em;
    --font-size-heading-1: 1.8em;
    --font-size-heading-2: 1.5em;
    --font-size-heading-3: 1.3em;
    --font-size-heading-4: 1.1em;
    --font-size-supporting: 0.85em;
    --font-size-supporting-sm: 0.8em;
    --font-size-supporting-xs: 0.9em;
    --font-size-icon-membership: 1.33333333em;
    --font-size-code-numbering: 14pt;

    /* Spacing */
    --space-1: 1px;
    --space-2: 2px;
    --space-3: 4px;
    --space-4: 5px;
    --space-5: 6px;
    --space-6: 8px;
    --space-7: 10px;
    --space-8: 12px;
    --space-gutter: 25px;
    --space-gutter-sm: 12px;
    --space-shell-top: 7px;
    --size-touch-target: 40px;
    --size-touch-target-lg: 42px;
    --radius-control: 4px;

    /* Text colors */
    --color-text-default: #000;
    --color-text-strong: #000000;
    --color-text-body: #333333;
    --color-text-header-accent: #FFA34F;
    --color-text-muted: #444;
    --color-text-subheader: #808080;
    --color-text-soft: #5A7080;
    --color-text-soft-strong: #3D5B70;
    --color-text-inverse: #fff;
    --color-text-inverse-soft: #EDEFF4;
    --color-text-link: #006597;
    --color-text-link-visited: #005784;
    --color-text-link-hover: #D46400;
    --color-text-link-topic-visited: #5493B4;
    --color-text-quote: #4B5C77;
    --color-text-code: #006600;
    --color-text-code-muted: #999;
    --color-text-code-inline: #060;
    --color-text-tooltip: Navy;
    --color-text-latex-example: Gray;
    --color-text-danger: red;
    --color-text-success: green;
    --color-text-warning: #FF5061;
    --color-text-accent: #537CCE;
    --color-text-gold: #EAAA41;
    --color-text-disabled: #777777;
    --color-text-online: #30A030;
    --color-text-offline: #CCCCCC;
    --color-text-icon-muted: #748896;
    --color-text-quiet: #757575;

    /* Surfaces */
    --color-surface-page: #FFFFFF;
    --color-surface-nav: #ECECEC;
    --color-surface-header: #D9DFE4;
    --color-surface-panel: #FAFAFA;
    --color-surface-field: #FAFAFA;
    --color-surface-field-strong: #EFEFEF;
    --color-surface-help: #DEE3E7;
    --color-surface-row-1: #ECECEC;
    --color-surface-row-2: #DCE1E5;
    --color-surface-row-3: #C0C8D0;
    --color-surface-section: #C7D0D7;
    --color-surface-section-strong: #A9B8C2;
    --color-surface-spacer: #A1A6AA;
    --color-surface-support: #F0F0F0;
    --color-surface-support-accent: #f0f0ff;
    --color-surface-info: #F2F2F2;
    --color-surface-action: #f8fafb;
    --color-surface-warning: #F9CC79;
    --color-surface-brand: #006699;
    --color-surface-brand-accent: #069;
    --color-surface-code-chrome: #333;
    --color-surface-pm-marked: #000000;
    --color-surface-pm-friend: #007700;
    --color-surface-pm-foe: #DD0000;
    --color-surface-highlight: yellow;

    /* Borders */
    --color-border-default: #A9B8C2;
    --color-border-muted: #D0D0D0;
    --color-border-soft: #D1D7DC;
    --color-border-light: #E0E0E0;
    --color-border-subtle: #DEDEDE;
    --color-border-highlight: #D8D8D8;
    --color-border-action: #c2ccd4;
    --color-border-header: #4787A7;
    --color-border-warning: #BB9860;
    --color-border-support: #CFCFCF;
    --color-border-dark: #333;
    --color-border-contrast: #666666;
    --color-border-code-header: #ccc;
    --color-border-alert: #FF1010;

    /* Shared gradients */
    --gradient-table-header: linear-gradient(
        to bottom,
        #3986AC 0,
        #3D88AE 1px,
        #418AAF 2px,
        #03699C 3px,
        #069 4px,
        #3A95C2 100%
    );
    --gradient-section: linear-gradient(to bottom, #C7D0D7 0%, #E0E5E9 100%);
    --gradient-section-gloss-ltr: linear-gradient(
        to right,
        #ffffff00 0%,
        #ffffff00 8%,
        #ffffff1a 22%,
        #ffffff47 38%,
        #ffffff8c 54%,
        #ffffffd1 66%,
        #ffffffff 73%,
        #ffffffff 100%
    );
    --gradient-section-gloss-rtl: linear-gradient(
        to left,
        #ffffff00 0%,
        #ffffff00 8%,
        #ffffff1a 22%,
        #ffffff47 38%,
        #ffffff8c 54%,
        #ffffffd1 66%,
        #ffffffff 73%,
        #ffffffff 100%
    );
}

/* Base Reset */

html {
    box-sizing: border-box;
    font-size: 100%;
}

*,
*::before,
*::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    font-family: var(--font-family-base);
    color: var(--color-text-default);
    background-color: var(--color-surface-page);
    font-size: var(--font-size-body);
}

img {
    border: none;
}

.site-header-logo img,
.forum-image img,
.post-profile-cell img,
.post-content-cell img,
.attachcontent img {
    max-width: 100%;
    height: auto;
}

/* Shared Layout Shell */

#wrapheader {
    min-height: 120px;
    height: auto !important;
    height: 120px;
    padding: 0;
}

#wrapcentre {
    margin: var(--space-shell-top) var(--space-gutter) 0 var(--space-gutter);
}

#wrapfooter {
    text-align: center;
    clear: both;
}

#wrapnav {
    width: 100%;
    margin: 0;
    background-color: var(--color-surface-nav);
    border: 1px solid var(--color-border-default);
}

#logodesc {
    margin-bottom: var(--space-4);
    padding: var(--space-4) var(--space-gutter);
    background: var(--color-surface-header);
    border-bottom: 1px solid var(--color-border-header);
}

#menubar {
    margin: 0 var(--space-gutter);
}

#datebar {
    margin: var(--space-7) var(--space-gutter) 0 var(--space-gutter);
}

#findbar {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.site-header-logo {
    width: 174px;
    min-width: 174px;
    white-space: nowrap;
}

.site-header-logo a {
    display: inline-block;
    width: 174px;
}

.forumrules {
    padding: var(--space-3);
    font-weight: normal;
    font-size: var(--font-size-copy);
    font-family: var(--font-family-base-alt);
    background-color: var(--color-surface-warning);
    border: 1px solid var(--color-border-warning);
}

.forumrules h3 {
    color: var(--color-text-danger);
}

/* Typography */

h1 {
    color: var(--color-text-default);
    font-family: var(--font-family-display);
    font-weight: bold;
    font-size: var(--font-size-heading-1);
    text-decoration: none;
}

h2 {
    font-family: var(--font-family-heading);
    font-weight: bold;
    font-size: var(--font-size-heading-2);
    text-decoration: none;
    line-height: 120%;
}

h3 {
    font-size: var(--font-size-heading-3);
    font-weight: bold;
    font-family: var(--font-family-heading);
    line-height: 120%;
}

h4 {
    margin: 0;
    font-size: var(--font-size-heading-4);
    font-weight: bold;
}

p {
    font-size: var(--font-size-copy);
}

p.moderators {
    margin: 0;
    float: left;
    color: var(--color-text-default);
    font-weight: bold;
}

.rtl p.moderators {
    float: right;
}

p.linkmcp {
    margin: 0;
    float: right;
    white-space: nowrap;
}

.rtl p.linkmcp {
    float: left;
}

p.breadcrumbs {
    margin: 0;
    float: left;
    color: var(--color-text-default);
    font-weight: bold;
    white-space: normal;
    font-size: var(--font-size-meta);
}

.rtl p.breadcrumbs {
    float: right;
}

p.datetime {
    margin: 0;
    float: right;
    white-space: nowrap;
    font-size: var(--font-size-meta);
}

.rtl p.datetime {
    float: left;
}

p.searchbar {
    padding: var(--space-2) 0;
    white-space: nowrap;
}

p.searchbarreg {
    margin: 0;
    float: right;
    white-space: nowrap;
}

.rtl p.searchbarreg {
    float: left;
}

p.forumdesc {
    padding-bottom: var(--space-3);
}

p.topicauthor {
    margin: 1px 0;
}

p.topicdetails {
    margin: 1px 0;
}

.postreported,
.postreported a:visited,
.postreported a:hover,
.postreported a:link,
.postreported a:active {
    margin: 1px 0;
    color: var(--color-text-danger);
    font-weight: bold;
}

.postapprove,
.postapprove a:visited,
.postapprove a:hover,
.postapprove a:link,
.postapprove a:active {
    color: var(--color-text-success);
    font-weight: bold;
}

.postapprove img,
.postreported img {
    vertical-align: bottom;
}

.postauthor {
    color: var(--color-text-strong);
}

.postdetails {
    color: var(--color-text-strong);
}

.postbody {
    font-size: var(--font-size-body-rich);
    line-height: 1.4em;
    font-family: var(--font-family-display);
}

.postbody li,
ol,
ul {
    margin: 0 0 0 1.5em;
}

.rtl .postbody li,
.rtl ol,
.rtl ul {
    margin: 0 1.5em 0 0;
}

.posthilit {
    background-color: var(--color-surface-highlight);
}

.nav {
    margin: 0;
    color: var(--color-text-default);
    font-weight: bold;
}

.pagination {
    padding: var(--space-3);
    color: var(--color-text-default);
    font-size: var(--font-size-meta);
    font-weight: bold;
}

.gen {
    margin: var(--space-1);
    font-size: var(--font-size-copy-lg);
}

.genmed {
    margin: var(--space-1);
    font-size: var(--font-size-copy);
}

.gensmall {
    margin: var(--space-1);
    font-size: var(--font-size-meta);
}

.copyright {
    color: var(--color-text-muted);
    font-weight: normal;
    font-family: var(--font-family-base-alt);
}

.titles {
    font-family: var(--font-family-display);
    font-weight: bold;
    font-size: var(--font-size-heading-3);
    text-decoration: none;
}

.error {
    color: var(--color-text-danger);
}

/* Tables and Shared Chrome */

th {
    color: var(--color-text-header-accent);
    font-size: var(--font-size-copy);
    font-weight: bold;
    background-color: var(--color-surface-brand);
    background-image: var(--gradient-table-header);
    background-repeat: no-repeat;
    background-position: 0 0;
    white-space: nowrap;
    padding: var(--space-shell-top) var(--space-4);
}

td {
    padding: var(--space-2);
}

td.profile {
    padding: var(--space-3);
}

.tablebg {
    background-color: var(--color-surface-section-strong);
}

.catdiv {
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: var(--color-surface-page);
    background-image:
        var(--gradient-section-gloss-ltr),
        var(--gradient-section);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
    background-size: 250px 100%, 250px 100%;
}

.rtl .catdiv {
    background-color: var(--color-surface-page);
    background-image:
        var(--gradient-section-gloss-rtl),
        var(--gradient-section);
    background-repeat: no-repeat;
    background-position: 100% 0, 100% 0;
    background-size: 250px 100%, 250px 100%;
}

.cat {
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: var(--color-surface-section);
    background-image: var(--gradient-section);
    text-indent: var(--space-3);
}

.row1 {
    background-color: var(--color-surface-row-1);
    padding: var(--space-3);
}

.row2 {
    background-color: var(--color-surface-row-2);
    padding: var(--space-3);
}

.row3 {
    background-color: var(--color-surface-row-3);
    padding: var(--space-3);
}

.spacer {
    background-color: var(--color-surface-spacer);
}

hr {
    height: 1px;
    border-width: 0;
    background-color: var(--color-border-soft);
    color: var(--color-border-soft);
}

.legend {
    text-align: center;
    margin: 0 auto;
}

/* Links */

a:link {
    color: var(--color-text-link);
    text-decoration: none;
}

a:active,
a:visited {
    color: var(--color-text-link-visited);
    text-decoration: none;
}

a:hover {
    color: var(--color-text-link-hover);
    text-decoration: underline;
}

a.forumlink {
    color: var(--color-surface-brand-accent);
    font-weight: bold;
    font-family: var(--font-family-display);
    font-size: var(--font-size-forum-link);
}

a.topictitle {
    margin: 1px 0;
    font-family: var(--font-family-display);
    font-weight: bold;
    font-size: var(--font-size-topic-link);
}

a.topictitle:visited {
    color: var(--color-text-link-topic-visited);
    text-decoration: none;
}

th a,
th a:visited {
    color: var(--color-text-header-accent) !important;
    text-decoration: none;
}

th a:hover {
    text-decoration: underline;
}

/* Forms and Controls */

form {
    margin: 0;
    padding: 0;
    border: 0;
}

input,
textarea,
select {
    color: var(--color-text-body);
    font-weight: normal;
    background-color: var(--color-surface-field);
    border: 1px solid var(--color-border-default);
}

input,
select {
    font-family: var(--font-family-base);
    font-size: var(--font-size-copy);
    padding: var(--space-1);
}

textarea {
    font-family: var(--font-family-base);
    font-size: var(--font-size-body-rich);
    line-height: 1.4em;
    padding: var(--space-2);
}

option {
    padding: 0 1em 0 0;
}

option.disabled-option {
    color: graytext;
}

.rtl option {
    padding: 0 0 0 1em;
}

input.radio {
    border: none;
    background-color: transparent;
}

.post {
    background-color: var(--color-surface-page);
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-border-default);
}

.btnbbcode {
    color: var(--color-text-strong);
    font-weight: normal;
    font-size: var(--font-size-copy);
    font-family: var(--font-family-base);
    padding: var(--space-1);
    background-color: var(--color-surface-field-strong);
    border: 1px solid var(--color-border-contrast);
}

.btnmain,
.btnlite,
.btnfile {
    background-color: var(--color-surface-nav);
    border: 1px solid var(--color-border-default);
    padding: var(--space-1) var(--space-4);
    font-size: var(--font-size-copy);
}

.btnmain {
    font-weight: bold;
    cursor: pointer;
}

.btnlite {
    font-weight: normal;
    cursor: pointer;
}

.btnfile {
    font-weight: normal;
}

.helpline {
    background-color: var(--color-surface-help);
    border-style: none;
}

/* Rich Content Blocks */

.quotetitle,
.attachtitle,
.codetitle {
    margin: var(--space-7) var(--space-4) 0 var(--space-4);
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: var(--color-border-default);
    color: var(--color-text-body);
    background-color: var(--color-surface-section-strong);
}

.quotetitle .quotetitle {
    font-size: var(--font-size-meta);
}

.quotetitle,
.attachtitle {
    padding: var(--space-3);
    font-size: var(--font-size-supporting);
}

.codetitle {
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-family-base);
    font-size: var(--font-size-supporting-sm);
}

.quotecontent,
.attachcontent {
    margin: 0 var(--space-4) var(--space-7) var(--space-4);
    padding: var(--space-4);
    border-color: var(--color-border-default);
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    font-size: var(--font-size-meta);
    line-height: 1.4em;
    font-family: var(--font-family-display);
    background-color: var(--color-surface-panel);
    color: var(--color-text-quote);
}

.attachcontent {
    font-size: var(--font-size-supporting);
}

.codecontent {
    direction: ltr;
    margin: 0 var(--space-4) var(--space-7) var(--space-4);
    padding: var(--space-4);
    border-color: var(--color-border-default);
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    color: var(--color-text-code);
    font-size: var(--font-size-supporting);
    font-family: var(--font-family-mono);
    background-color: var(--color-surface-panel);
}

.syntaxbg {
    color: #FFFFFF;
}

.syntaxcomment {
    color: #FF8000;
}

.syntaxdefault {
    color: #0000BB;
}

.syntaxhtml {
    color: #000000;
}

.syntaxkeyword {
    color: #007700;
}

.syntaxstring {
    color: #DD0000;
}

.pm_marked_colour {
    background-color: var(--color-surface-pm-marked);
}

.pm_replied_colour {
    background-color: var(--color-surface-section-strong);
}

.pm_friend_colour {
    background-color: var(--color-surface-pm-friend);
}

.pm_foe_colour {
    background-color: var(--color-surface-pm-foe);
}

/* Utilities and Feature Surfaces */

.dxdy-fa-icon--nav {
    margin-right: var(--space-1);
}

.dxdy-fa-icon--muted {
    color: var(--color-text-disabled);
}

.dxdy-fa-icon--attention,
.dxdy-fa-icon--danger {
    color: var(--color-text-danger);
}

.dxdy-fa-icon--warning {
    color: var(--color-text-warning);
}

.dxdy-fa-icon--accent {
    color: var(--color-text-accent);
}

.dxdy-fa-icon--gold {
    color: var(--color-text-gold);
}

.dxdy-fa-icon--status {
    font-size: 80%;
}

.dxdy-fa-icon--status-online {
    color: var(--color-text-online);
}

.dxdy-fa-icon--status-offline {
    color: var(--color-text-offline);
}

.dxdy-fa-icon--membership {
    font-size: var(--font-size-icon-membership);
    line-height: 1;
}

.dxdy-fa-icon--interactive {
    cursor: pointer;
}

.sep {
    color: var(--color-text-default);
    background-color: var(--color-text-header-accent);
}

table.colortable td {
    padding: 0;
}

pre {
    font-size: var(--font-size-copy);
    font-family: var(--font-family-mono-compact);
}

.nowrap {
    white-space: nowrap;
}

.username-coloured {
    font-weight: bold;
}

div.gymsublist {
    display: block;
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 0;
    margin: 0;
}

div.gymsublist ul {
    display: block;
    position: relative;
    height: 1%;
    padding-left: 30px;
}

div.gymsublist ul li {
    display: block;
    position: relative;
    line-height: 18px;
    font-size: 11px;
}

.mod {
    line-height: 125%;
}

.exclamation {
    font-weight: bold;
    font-family: Times New Roman, Verdana;
    font-size: 45px;
    color: var(--color-text-inverse);
    line-height: 45px;
}

td.ModTable {
    background-color: #ff6060;
}

td.InfoTable {
    background-color: #3366FF;
}

.forum-image {
    width: 35px;
    float: left;
    text-align: center;
    padding-top: 5px;
    margin-right: 5px;
}

.subforum {
    line-height: 1.8em;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
}

.imgmiddle {
    border: 0;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 3px;
}

.subforum.unread {
    font-weight: bold;
}

p.forumdesc.forumicon {
    padding-left: 40px;
}

p.offtop_toggle {
    color: var(--color-text-link);
    text-decoration: none;
    cursor: pointer;
    font-size: 60%;
}

p.offtop_toggle:hover {
    color: var(--color-text-link-hover);
    text-decoration: underline;
}

.offtop {
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-border-default);
}

div#headerMessage {
    width: 50%;
    text-align: center;
    font-size: var(--font-size-body-rich);
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-border-support);
    background-color: var(--color-surface-support);
    margin-left: auto;
    margin-right: auto;
}

div#headerMessage div {
    display: none;
}

.clickable {
    cursor: pointer;
}

#container.loading {
    background: url('/images/ajax-loader.gif') no-repeat center center;
}

/* Syntax and Embedded Tools */

.CodeMirror-line-numbers {
    width: 2.2em;
    color: var(--color-text-code-muted);
    background-color: var(--color-surface-code-chrome);
    text-align: right;
    padding: .4em;
    margin: 0;
    font-size: var(--font-size-code-numbering);
    line-height: 1.1em;
    font-family: var(--font-family-mono);
}

.latex-example {
    font-size: var(--font-size-meta);
    font-family: var(--font-family-mono);
    color: var(--color-text-latex-example);
    border-bottom: 1px dashed;
}

#tooltip {
    position: absolute;
    border: 1px solid var(--color-border-dark);
    background: var(--color-surface-page);
    padding: var(--space-2) var(--space-4);
    color: var(--color-text-tooltip);
    display: none;
    max-width: 600px;
}

.incode {
    font-family: var(--font-family-mono);
    color: var(--color-text-code-inline);
}

a.postlink .incode {
    color: inherit;
}
/*
	SubSilver 2
	XS Syntax Highlighter CSS
*/
/* Overall Container */

.postbody .syntax {
    color: var(--color-text-muted);
    display: block;
    margin: 0px auto;
    width: 99%;
    border: solid 1px var(--color-border-muted);
    background-color: var(--color-surface-panel);
    font-size: var(--font-size-meta);
    font-family: var(--font-family-base);
    line-height: 1.2em;
}
/* Main Header */

.postbody .syntax-header {
    margin: 0;
    padding: var(--space-3) 0 var(--space-3) var(--space-3);
    border-bottom: solid 1px var(--color-border-code-header);
    font-size: var(--font-size-supporting-sm);
    line-height: 1.2em;
    font-family: var(--font-family-base);
    font-weight: normal;
    background-color: var(--color-surface-section-strong);
    color: var(--color-text-default);
}

.syntax-header a:link,
.syntax-header a:visited {
    color: var(--color-text-inverse);
    text-decoration: none;
    font-weight: bold;
    border-bottom: dotted 1px var(--color-border-contrast);
}

.syntax-header a:hover,
.syntax-header a:active {
    color: var(--color-border-alert);
    text-decoration: none;
    border-bottom: dotted 1px var(--color-border-alert);
}
/* Sub Header */

.sub-header {
    background-color: var(--color-surface-support-accent);
    border-bottom: 1px var(--color-border-muted) solid;
    /*	margin-top: -5px;*/

    padding: var(--space-2);
    width: auto;
    font-family: var(--font-family-base);
    font-size: var(--font-size-supporting-xs);
    font-weight: bold;
    color: var(--color-text-subheader);
    text-align: center;
}

.sub-header-syntax {
    color: #900;
}
/* Version Footer */

.version-footer {
    background-color: var(--color-surface-support-accent);
    border-top: 1px var(--color-border-muted) solid;
    width: auto;
    margin: 0 calc(var(--space-4) * -1) calc(var(--space-3) * -1) calc(var(--space-4) * -1);
    padding: var(--space-2);
    padding-left: var(--space-3);
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: var(--font-size-supporting-xs);
    font-weight: bold;
    color: var(--color-text-default);
}
/* The Content */

.syntax-content {
    padding: 0;
}
/* List settings */

.syntax-list {
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 3px;
}

li.syntax-row {
    margin-left: var(--space-8);
    white-space: normal;
    border-top: 1px var(--color-border-light) solid;
    color: #BBB;
    wrap-option: emergency;
}

.syntax-row-text {
    color: var(--color-text-muted);
}

div.syntax li.syntax-row-highlight {
    color: var(--color-border-alert);
    border-color: var(--color-border-highlight);
}

div.syntax li.syntax-row-highlight .syntax-row-text,
span.syntax-row-highlight {
    color: var(--color-border-alert);
}

li.syntax-row-first {
    border-top: none;
}
/* Mini Table */

.minitable {
    color: var(--color-text-muted);
    display: block;
    margin: var(--space-4) 20px;
    border: solid 1px var(--color-border-muted);
    background-color: var(--color-surface-page);
    font-size: 12px;
}

.minitable-header {
    background-color: var(--color-surface-brand-accent);
    background-image: var(--gradient-table-header);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 0;
    margin-bottom: var(--space-4);
    padding-left: var(--space-4);
    padding-top: var(--space-shell-top);
    padding-right: var(--space-4);
    border-bottom: solid 1px var(--color-border-muted);
    font-size: 12px;
    line-height: 1.2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: var(--color-text-inverse-soft);
    height: 21px;
}

.minitable-hideme {
    font-size: 10px;
    line-height: 1.2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #EEE;
    float: right;
}

.minitable-hideme a,
.minitable-hideme a:visited {
    color: #eee;
    text-decoration: none;
}

.minitable-hideme a:hover {
    color: var(--color-text-inverse);
    text-decoration: none;
}

.minitable-contents {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: 1.5;
    text-align: left;
}
/* Hide content */

.hide-contents,
.hide-contents .quote-message {
    color: var(--color-text-quiet);
    background-color: var(--color-surface-info);
    border: 2px dotted var(--color-border-subtle);
    text-align: left;
    padding: var(--space-4);
}
/* .postlink {
	background:url(window.gif) no-repeat right center;
	padding-right:16px;
}

.postlink:hover {
	background-image:url(window_a.gif);
}
*/

.pdf-link,
.pdf-link:hover {
    background: url('prime_links/pdf.gif') no-repeat right center;
    padding-right: 14px;
}

.zip-link,
.zip-link:hover {
    background: url('prime_links/zip.gif') no-repeat right center;
    padding-right: 14px;
}

.img-link,
.img-link:hover {
    background: url('prime_links/img.png') no-repeat right center;
    padding-right: 14px;
}

.word-link,
.word-link:hover {
    background: url('prime_links/word.png') no-repeat right center;
    padding-right: 14px;
}

.djvu-link,
.djvu-link:hover {
    background: url('prime_links/djvu.gif') no-repeat right center;
    padding-right: 14px;
}
/* LX Validator */

.lxvta {
    width: 98%;
    font-weight: bold;
    font-family: var(--font-family-mono);
    font-size: var(--font-size-body-rich);
    line-height: 1.3em;
    border: 0px;
    overflow: auto;
    background-color: inherit;
}

/* Shared Components and Layout Enhancements */

.pagination-inline,
.searchbox-form,
.jumpbox-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-5);
}

.pagination-inline {
    justify-content: flex-end;
}

.pagination-pages {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--space-3);
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    vertical-align: middle;
    line-height: var(--size-touch-target);
}

.searchbox-form .post,
.jumpbox-form select {
    min-width: 0;
    max-width: 100%;
}

.searchbox-form .post {
    flex: 1 1 220px;
}

.jumpbox-form select {
    flex: 1 1 240px;
}

.page-tools {
    width: 100%;
}

.topic-recommendations {
    margin: var(--space-8) 0 16px;
}

.topic-recommendations__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    padding: var(--space-1);
    background-color: var(--color-surface-section-strong);
}

.topic-recommendations__item {
    box-sizing: border-box;
    flex: 1 1 180px;
    min-width: 0;
    padding: var(--space-7) var(--space-8);
}

.topic-recommendations__topic,
.topic-recommendations__forum {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.topic-recommendations__topic {
    display: block;
}

.topic-recommendations__forum {
    margin-top: var(--space-5);
}

.topic-recommendations__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    margin-top: var(--space-6);
    color: var(--color-text-soft);
}

.topic-recommendations__stat {
    display: inline-flex;
    align-items: center;
    gap: var(--space-4);
    white-space: nowrap;
}

.topic-recommendations__icon {
    width: 12px;
    color: var(--color-text-icon-muted);
    text-align: center;
}

.posting-subject-input,
.posting-textarea {
    max-width: 100%;
}

.posting-toolbar-row .nowrap {
    white-space: normal;
}

/* Math Rendering */
img.latex {
    border: 0;
    display: inline;
    max-width: 100%;
    height: auto;
}

img.latexcenter {
    border: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}

.latexcenter-wrap {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 1em 0;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.latexcenter-wrap img.latexcenter {
    display: inline-block;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0.5em 0;
}

.dxdy-math {
    max-width: 100%;
}

.dxdy-math-output {
    display: none;
}

.dxdy-math.is-rendered > img.latex,
.dxdy-math.is-rendered > img.latexcenter {
    display: none;
}

.dxdy-math.is-rendered .dxdy-math-output {
    max-width: 100%;
}

.dxdy-math-inline {
    display: inline;
}

.dxdy-math-inline .dxdy-math-output .katex-display {
    margin: 0.5em 0;
}

.dxdy-math-inline.is-rendered .dxdy-math-output {
    display: inline;
}

.dxdy-math-inline.is-rendered .dxdy-math-output .katex {
    font-size: var(--font-size-math-inline);
    max-width: 100%;
    vertical-align: baseline;
}

.dxdy-math-display.is-rendered .dxdy-math-output {
    display: block;
}

.dxdy-math-display.is-rendered .dxdy-math-output .katex-display {
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.5em 0;
    -webkit-overflow-scrolling: touch;
}

.dxdy-math-display.is-rendered .dxdy-math-output .katex {
    white-space: nowrap;
}

.codecontent,
.attachcontent,
.postbody .syntax,
.minitable,
.mcp-whois-output-table pre {
    overflow-x: auto;
}

.codecontent,
.mcp-whois-output-table pre {
    -webkit-overflow-scrolling: touch;
}

.postbody,
.postbody a,
.quotecontent,
.quotecontent a,
.attachcontent,
.attachcontent a,
.search-post-content-cell,
.mcp-ip-info-table span.gen,
.mcp-whois-users-table .gen {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.post-contact-actions,
.post-admin-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-5);
}

.post-contact-actions a,
.post-admin-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.control-panel-layout {
    width: 100%;
}

.tdnowrap {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Responsive Overrides */

@media screen and (max-width: 920px) {
    body {
        font-size: 78%;
    }

    .viewtopic-sort-tools .cat {
        height: auto;
        min-height: 28px;
        text-indent: 0;
        padding: var(--space-5) var(--space-6);
    }

    .viewtopic-sort-tools form {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-5) var(--space-6);
    }

    .viewtopic-sort-tools select,
    .viewtopic-sort-tools .btnlite {
        max-width: 100%;
    }

    #wrapheader {
        min-height: 0;
        height: auto !important;
    }

    #logodesc,
    #menubar,
    #datebar {
        margin-left: var(--space-gutter-sm);
        margin-right: var(--space-gutter-sm);
    }

    #logodesc {
        padding: var(--space-7) var(--space-gutter-sm);
    }

    #wrapcentre {
        margin: var(--space-shell-top) var(--space-gutter-sm) 0 var(--space-gutter-sm);
    }

    .site-header-layout,
    .site-header-layout tbody,
    .site-header-layout tr,
    .menu-bar-layout,
    .menu-bar-layout tbody,
    .menu-bar-layout tr,
    .control-panel-layout,
    .control-panel-layout tbody,
    .control-panel-layout tr {
        display: block;
        width: 100%;
    }

    .site-header-layout td,
    .menu-bar-layout td,
    .control-panel-layout td {
        display: block;
        width: auto !important;
    }

    .site-header-logo,
    .site-header-title {
        text-align: center !important;
    }

    .site-header-title {
        padding-top: var(--space-6);
    }

    .menu-bar-primary,
    .menu-bar-secondary {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-5) var(--space-7);
    }

    .menu-bar-secondary {
        justify-content: flex-start;
        padding-top: var(--space-5);
    }

    .menu-bar-primary a,
    .menu-bar-secondary a,
    p.searchbar a,
    .page-tools a,
    .viewtopic-topic-tools a,
    .searchbox-form .btnlite,
    .jumpbox-form .btnlite,
    .btnmain,
    .btnlite,
    .btnbbcode {
        min-height: var(--size-touch-target);
        padding-top: var(--space-3);
        padding-bottom: var(--space-3);
    }

    .pagination-inline > a {
        min-height: var(--size-touch-target);
        line-height: var(--size-touch-target);
        padding-top: 0;
        padding-bottom: 0;
    }

    .pagination-pages a,
    .pagination-pages strong {
        display: inline-block;
        min-height: 0;
        line-height: inherit;
        padding-top: 0;
        padding-bottom: 0;
        vertical-align: middle;
    }

    .pagination-pages .page-sep {
        display: none;
    }

    p.searchbar,
    p.moderators,
    p.linkmcp,
    p.searchbarreg,
    p.datetime {
        float: none;
        white-space: normal;
    }

    p.searchbar {
        display: flex;
        flex-direction: column;
        gap: var(--space-5);
        padding: var(--space-5) 0;
    }

    .searchbar__primary,
    .searchbar__secondary {
        float: none !important;
        display: block;
    }

    .breadcrumbs-table,
    .breadcrumbs-table tbody,
    .breadcrumbs-table tr,
    .breadcrumbs-table td {
        display: block;
        width: 100%;
    }

    .breadcrumbs-table td {
        padding: var(--space-6);
    }

    .breadcrumbs-table p.breadcrumbs,
    .breadcrumbs-table p.datetime {
        float: none;
        display: block;
    }

    .control-panel-sidebar,
    .control-panel-content {
        width: auto !important;
    }

    .control-panel-gutter {
        display: none !important;
    }
}

@media screen and (max-width: 760px) {
    #wrapcentre,
    #logodesc,
    #menubar,
    #datebar {
        margin-left: var(--space-6);
        margin-right: var(--space-6);
    }

    #logodesc {
        padding: var(--space-6);
    }

    .forum-image {
        float: none;
        margin-right: 0;
        margin-bottom: var(--space-6);
        padding-top: 0;
    }

    p.forumdesc.forumicon {
        padding-left: 0;
    }

    .your-rights {
        display: none;
    }

    .page-tools,
    .page-tools tbody,
    .page-tools tr,
    .page-tools td {
        display: block;
        width: 100%;
    }

    .page-tools td {
        padding: var(--space-3) 0;
        text-align: left !important;
        white-space: normal !important;
    }

    .topic-recommendations__item {
        flex-basis: 220px;
    }

    .page-primary-actions {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-6);
    }

    .page-primary-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: var(--size-touch-target);
        min-width: var(--size-touch-target);
    }

    .page-primary-action img {
        display: block;
    }

    .jumpbox-form table,
    .jumpbox-form tbody,
    .jumpbox-form tr {
        display: block;
        width: 100%;
    }

    .jumpbox-form td {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-5);
        width: 100%;
        padding: var(--space-3) 0;
        white-space: normal !important;
    }

    .jumpbox-form .gensmall {
        display: block;
    }

    .search-pagination-summary,
    .search-pagination-controls {
        float: none !important;
        display: block;
        width: 100%;
    }

    .search-pagination-controls {
        margin-top: var(--space-5);
    }

    .page-tools .pagination-inline {
        justify-content: flex-start;
    }

    .forum-legend-layout,
    .forum-legend-layout tbody,
    .forum-legend-layout tr,
    .forum-legend-layout td {
        display: block;
        width: 100%;
    }

    .forum-legend-layout td {
        text-align: left !important;
        white-space: normal !important;
    }

    .legend,
    .legend tbody {
        display: block;
        width: 100%;
    }

    .legend tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-5) var(--space-8);
    }

    .legend td {
        display: inline-flex;
        align-items: center;
        width: auto !important;
        padding: 0;
    }

    .legend .legend-label {
        margin-inline-end: var(--space-6);
    }

    .legend .legend-spacer {
        display: none;
    }

    .responsive-table,
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table td,
    .responsive-detail-table,
    .responsive-detail-table tbody,
    .responsive-detail-table tr,
    .responsive-detail-table td,
    .posting-form-table,
    .posting-form-table tbody,
    .posting-form-table tr,
    .posting-form-table td,
    .viewtopic-post-table,
    .viewtopic-post-table tbody,
    .viewtopic-post-table tr,
    .viewtopic-post-table td,
    .post-header-layout,
    .post-header-layout tbody,
    .post-header-layout tr,
    .post-header-layout td,
    .posting-editor-layout,
    .posting-editor-layout tbody,
    .posting-editor-layout tr,
    .posting-editor-layout td {
        display: block;
        width: 100%;
    }

    .responsive-table th {
        display: none;
    }

    .viewtopic-topic-tools,
    .responsive-topic-table .cat table,
    .responsive-topic-table .cat tbody,
    .responsive-topic-table .cat tr,
    .responsive-topic-table .cat td,
    .viewtopic-topic-tools table,
    .viewtopic-topic-tools tbody,
    .viewtopic-topic-tools tr,
    .viewtopic-topic-tools td {
        display: block;
        width: 100%;
    }

    .viewtopic-topic-tools td,
    .responsive-topic-table .cat td {
        text-align: left !important;
        white-space: normal !important;
    }

    .viewtopic-topic-tools .cat,
    .responsive-topic-table .cat {
        height: auto;
        min-height: 28px;
    }

    .responsive-row {
        margin-top: var(--space-6);
    }

    .responsive-row td,
    .responsive-detail-table td,
    .posting-form-table td,
    .viewtopic-post-table td {
        width: auto !important;
        text-align: left !important;
        white-space: normal !important;
    }

    .responsive-table,
    .responsive-table td,
    .responsive-detail-table,
    .responsive-detail-table td,
    .posting-form-table,
    .posting-form-table td,
    .viewtopic-post-table,
    .viewtopic-post-table td {
        box-sizing: border-box;
    }

    .responsive-row td[data-title]:before,
    .responsive-detail-table td[data-title]:before {
        content: attr(data-title);
        display: block;
        margin-bottom: var(--space-2);
        font-weight: bold;
        color: var(--color-text-soft-strong);
    }

    .forum-status-cell,
    .topic-status-cell,
    .topic-icon-cell,
    .pm-status-cell,
    .pm-icon-cell {
        width: auto !important;
        text-align: center !important;
    }

    .forum-main-cell,
    .topic-main-cell,
    .pm-subject-cell,
    .mcp-queue-subject-cell,
    .member-name-cell {
        padding-top: var(--space-6);
    }

    .topic-main-cell .topictitle {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .forum-lastpost-cell,
    .topic-lastpost-cell,
    .pm-time-cell,
    .mcp-queue-time-cell,
    .mcp-log-time-cell {
        padding-bottom: var(--space-6);
    }

    .member-action-cell a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: var(--size-touch-target);
        min-height: var(--size-touch-target);
    }

    .viewtopic-post-table {
        margin-bottom: var(--space-7);
    }

    .post-author-cell,
    .post-profile-cell,
    .post-actions-spacer {
        text-align: left !important;
    }

    .post-author-cell {
        overflow: visible !important;
    }

    .post-profile-cell {
        padding-bottom: 0;
    }

    .post-profile-cell table {
        width: 100%;
        max-width: none;
    }

    .post-subject-line,
    .post-date-line {
        float: none !important;
        display: block;
    }

    .post-header-cell {
        height: auto !important;
        min-height: 25px;
    }

    .post-date-line {
        margin-top: var(--space-3);
    }

    .post-actions-cell {
        padding-top: var(--space-5);
    }

    .post-contact-actions,
    .post-admin-actions {
        float: none !important;
        justify-content: flex-start;
    }

    .post-admin-actions {
        margin-top: var(--space-6);
    }

    .post-contact-actions a,
    .post-admin-actions a {
        min-width: var(--size-touch-target);
        min-height: var(--size-touch-target);
        padding: var(--space-3) var(--space-5);
        border: 1px solid var(--color-border-action);
        border-radius: var(--radius-control);
        background-color: var(--color-surface-action);
    }

    .post-content-layout,
    .post-content-layout tbody,
    .post-content-layout tr,
    .post-content-layout td {
        display: block;
        width: 100%;
    }

    .posting-form-table th {
        display: block;
        width: auto !important;
        height: auto;
        white-space: normal;
        line-height: 1.35;
        padding: var(--space-6);
    }

    .posting-form-table th,
    .posting-form-table .cat {
        text-align: center;
    }

    .posting-form-table .cat {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: var(--space-5) var(--space-6);
        height: auto;
        min-height: 28px;
        line-height: 1.35;
        padding: var(--space-6);
        text-indent: 0;
    }

    .posting-form-table .cat .btnmain,
    .posting-form-table .cat .btnlite,
    .posting-form-table .cat .btnbbcode {
        margin: 0;
    }

    .posting-form-table td {
        padding: var(--space-6);
    }

    .responsive-login-table,
    .responsive-login-table tbody,
    .responsive-login-table tr,
    .responsive-login-table td,
    .responsive-login-table th,
    .responsive-login-fields,
    .responsive-login-fields tbody,
    .responsive-login-fields tr,
    .responsive-login-fields td {
        display: block;
        width: 100%;
    }

    .responsive-login-table th {
        width: auto !important;
        height: auto;
        white-space: normal;
        line-height: 1.35;
        padding: var(--space-6);
    }

    .responsive-login-table td,
    .responsive-login-fields td {
        width: auto !important;
        white-space: normal !important;
        text-align: left !important;
    }

    .responsive-login-fields td {
        padding: var(--space-3) 0;
    }

    .responsive-login-fields td:first-child {
        padding-bottom: 0;
    }

    .responsive-login-fields .post,
    .responsive-login-fields input[type="password"],
    .responsive-login-fields input[type="text"] {
        width: 100% !important;
        max-width: 100%;
    }

    .responsive-login-fields .gensmall,
    .responsive-login-fields a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .responsive-login-table .login-submit-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: var(--space-5) var(--space-6);
        height: auto;
        min-height: 28px;
        line-height: 1.35;
        padding: var(--space-6);
        text-indent: 0;
        background-color: var(--color-surface-section);
        background-image: var(--gradient-section);
        text-align: center !important;
    }

    .posting-topic-review-shell,
    .posting-topic-review-shell tbody,
    .posting-topic-review-shell tr,
    .posting-topic-review-shell td,
    .posting-topic-review-shell th {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .posting-topic-review-shell th {
        width: auto !important;
        height: auto;
        white-space: normal;
        line-height: 1.35;
        padding: var(--space-6);
    }

    .posting-topic-review-cell {
        padding: var(--space-6);
    }

    .posting-topic-review-scroll {
        width: 100%;
        max-width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .posting-sidebar-cell ul {
        margin-left: 1.2rem;
    }

    .posting-editor-layout {
        margin-top: var(--space-6);
    }

    .posting-toolbar-row {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-3);
    }

    .posting-toolbar-row .btnbbcode,
    .posting-toolbar-row select,
    .posting-toolbar-row input {
        max-width: 100%;
    }

    .posting-help-row {
        padding-top: var(--space-5);
    }

    .posting-subject-input,
    .posting-textarea,
    input.post,
    textarea,
    select {
        width: 100% !important;
        max-width: 100%;
    }

    .posting-textarea {
        min-height: 16rem;
    }

    .posting-helper-pane {
        padding-top: var(--space-7);
    }

    #lxtoolbar {
        max-width: none;
        max-height: none;
    }

    #lxtoolbar button {
        min-width: var(--size-touch-target);
        min-height: var(--size-touch-target);
        margin: var(--space-3);
    }

    .responsive-detail-table td:first-child {
        padding-bottom: var(--space-2);
    }

    .mcp-post-detail-table .cat,
    .mcp-report-detail-table .cat,
    .mcp-ip-info-table .cat,
    .mcp-mod-options-table .cat {
        text-align: left;
    }
}

@media screen and (max-width: 560px) {
    h1 {
        font-size: 1.55em;
    }

    h2 {
        font-size: 1.35em;
    }

    a.forumlink {
        font-size: 1.25em;
    }

    .btnmain,
    .btnlite,
    .btnbbcode,
    input.post,
    select {
        min-height: var(--size-touch-target-lg);
    }

    .menu-bar-primary,
    .menu-bar-secondary,
    .post-contact-actions,
    .post-admin-actions,
    .posting-toolbar-row {
        gap: var(--space-5);
    }

    .site-header-logo img {
        width: min(174px, 100%);
    }

    .searchbox-form,
    .jumpbox-form {
        align-items: stretch;
    }

    .pagination-inline {
        gap: var(--space-6);
    }

    .topic-recommendations__item {
        flex-basis: 100%;
    }
}