/* Shared public content surfaces: Tools, Guides and Our Software. */
:root {
    --content-page-bg: #fff;
    --content-panel-border: #e5e5e5;
    --content-header-gradient: linear-gradient(to right, #4568dc, #b06ab3);
}

#toolslib, .gb--page, .sw--page {
    background: var(--content-page-bg);
}
#toolslib { --bg: var(--content-page-bg); --border: var(--content-panel-border); }

/* White panels keep a visible edge against the white page. */
.gb--board, .gb--article, .gb--sidebox, .gb--sheet {
    border: 1px solid var(--content-panel-border);
    box-shadow: 0 2px 7px rgba(0,0,0,.04);
}
.gb--row { border-bottom-color: var(--content-panel-border); }
#toolslib .card, #toolslib .box, #toolslib .helpCard,
#toolslib .controls, #toolslib .toolHero__right,
.sw--card, .wt--card {
    border-color: var(--content-panel-border);
    box-shadow: 0 2px 7px rgba(0,0,0,.05);
}

.gb--hero, .gb--board-header, .gb--sidebox-h,
.sw--banner, .sw--modal .modal-header,
#toolslib .tool3col .box__titleRow,
#toolslib .tool3col .box--guides .box__titleRow,
#toolslib .tool3col .box--videos .box__titleRow {
    background: var(--content-header-gradient);
}
/* Paint a single gradient across each table header, rather than each cell. */
.gb--article table thead { background: var(--content-header-gradient); }
.gb--article table thead th { background: transparent; }