/* Reuse the home page's Open Sans body and Roboto headings. */
.qaskme-blue-pages {
    --qaskme-brand: #2d6ff7;
    --qaskme-link: #2368cf;
    --qaskme-link-hover: #194fa8;
    --qaskme-surface: #fff;
    --qaskme-surface-soft: #f3f7fd;
    --qaskme-text: #26354b;
    --qaskme-muted: #64748b;
    --qaskme-border: #dfe6ef;
}
.dark-skin .qaskme-blue-pages {
    --qaskme-link: #91b9ff;
    --qaskme-link-hover: #c0d7ff;
    --qaskme-surface: #30343f;
    --qaskme-surface-soft: #272b35;
    --qaskme-text: #f0f2f6;
    --qaskme-muted: #b6bfce;
    --qaskme-border: #4a505d;
}
.qaskme-blue-pages :is(.qeh-wrap, .qjh-wrap) {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.75;
    min-width: 0;
}
.qaskme-blue-pages :is(.qeh-wrap, .qjh-wrap) * { box-sizing: border-box; }
.qaskme-blue-pages :is(.qeh-wrap, .qjh-wrap) > h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 14px;
    color: inherit;
}
.qaskme-blue-pages :is(.qeh-intro, .qjh-intro, .qjh-status, .qeh-weekly p) {
    color: var(--qaskme-muted);
    font-size: 15px;
    line-height: 1.75;
    margin: 0 0 16px;
}
.qaskme-blue-pages .qjh-status { font-size: 13px; }
.qaskme-blue-pages :is(.qeh-grid, .qjh-grid) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
    align-items: start;
}
.qaskme-blue-pages :is(.qeh-card, .qjh-card) {
    min-width: 0;
    background: var(--qaskme-surface);
    color: var(--qaskme-text);
    border: 1px solid var(--qaskme-border);
    border-radius: 8px;
    overflow: hidden;
}
.qaskme-blue-pages :is(.qeh-card, .qjh-card) h2 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    padding: 14px 18px;
    text-align: left;
    color: #fff;
    background: var(--qaskme-brand);
}
.qaskme-blue-pages :is(.qeh-card, .qjh-card) ul {
    list-style: none;
    padding: 0 18px;
    margin: 0;
    min-height: 0;
}
.qaskme-blue-pages :is(.qeh-card, .qjh-card) li {
    padding: 14px 0;
    margin: 0;
    line-height: 1.6;
    border-bottom: 1px solid var(--qaskme-border);
    overflow-wrap: break-word;
}
.qaskme-blue-pages :is(.qeh-card, .qjh-card) li:last-child { border-bottom: 0; }
.qaskme-blue-pages :is(.qeh-card, .qjh-card) li a,
.qaskme-blue-pages :is(.qeh-weekly, .qjh-latest) li a {
    color: var(--qaskme-link);
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
    text-decoration: none;
}
.qaskme-blue-pages :is(.qeh-card, .qjh-card) a:hover,
.qaskme-blue-pages :is(.qeh-weekly, .qjh-latest) a:hover {
    color: var(--qaskme-link-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.qaskme-blue-pages :is(.qeh-updated, .qjh-date) {
    display: block;
    margin: 5px 0 0;
    color: var(--qaskme-muted);
    font-size: 12px;
    line-height: 1.5;
}
.qaskme-blue-pages :is(.qeh-empty, .qjh-empty) {
    color: var(--qaskme-muted);
    margin: 0;
    padding: 18px;
    font-size: 14px;
}
.qaskme-blue-pages .qeh-card li.qeh-empty { padding: 18px 0; }
.qaskme-blue-pages .qjh-links {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 18px 18px;
    border-top: 1px solid var(--qaskme-border);
}
.qaskme-blue-pages .qjh-links a,
.qaskme-blue-pages .qeh-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 11px;
    border: 1px solid var(--qaskme-border);
    border-radius: 6px;
    background: var(--qaskme-surface-soft);
    color: var(--qaskme-link);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
}
.qaskme-blue-pages .qeh-more { margin: 10px 18px 18px; }
.qaskme-blue-pages :is(.qeh-weekly, .qjh-latest) {
    margin-top: 28px;
    border-top: 1px solid var(--qaskme-border);
    padding-top: 24px;
    color: inherit;
}
.qaskme-blue-pages :is(.qeh-weekly, .qjh-latest) h2 { font-size: 22px; line-height: 1.4; }
.qaskme-blue-pages :is(.qeh-weekly, .qjh-latest) ul { list-style: none; margin: 0; padding: 0; }
.qaskme-blue-pages :is(.qeh-weekly, .qjh-latest) li { padding: 14px 0; border-bottom: 1px solid var(--qaskme-border); }
.qaskme-blue-pages :is(.qeh-wrap, .qjh-wrap) a:focus-visible {
    outline: 2px solid var(--qaskme-link);
    outline-offset: 4px;
}
/* Keep category covers, member controls and floating actions in the blue palette. */
.qaskme-blue-pages .wpqa-cat-cover { background: #2368cf !important; }
.qaskme-blue-pages .ask-button.wpqa-question,
.qaskme-blue-pages .qca-bell-count { background: #2368cf; color: #fff; }
.qaskme-blue-pages .post-title a:hover { color: var(--qaskme-link); }
.qaskme-blue-pages .qme-widget {
    background: var(--qaskme-surface);
    color: var(--qaskme-text);
    border-color: var(--qaskme-border);
}
.qaskme-blue-pages .qme-widget h2 { color: var(--qaskme-text); }
.qaskme-blue-pages .qme-link-list a { color: var(--qaskme-text) !important; }
.qaskme-blue-pages .qme-link-list a:hover { color: var(--qaskme-link) !important; }
.qaskme-blue-pages .qme-link-list li,
.qaskme-blue-pages .qme-widget-tabs { border-color: var(--qaskme-border); }
.qaskme-blue-pages .qme-widget-tabs button { color: var(--qaskme-muted); }
.qaskme-blue-pages .qme-widget-tabs button[aria-selected=true] { color: var(--qaskme-link); border-color: var(--qaskme-link); }
.qaskme-blue-pages .qme-topic-tags a {
    background: var(--qaskme-surface-soft);
    color: var(--qaskme-link) !important;
    border-color: var(--qaskme-border);
}
/* Third-party assets must not leave the page hidden beneath a loading screen. */
.qaskme-blue-pages .loader { display: none; }
@media (max-width: 700px) {
    .qaskme-blue-pages :is(.qeh-grid, .qjh-grid) { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .qaskme-blue-pages :is(.qeh-wrap, .qjh-wrap) { padding: 0; }
    .qaskme-blue-pages :is(.qeh-wrap, .qjh-wrap) > h2 { font-size: 23px; }
}
/* The cover's background is a full-width block, not a row alongside ads. */
.qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-background {
    display: block !important;
    background: #2368cf !important;
    opacity: 1 !important;
    min-width: 0;
}
.qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-inner {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 32px);
}
.qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-content { align-items: flex-start; }
.qaskme-blue-pages .wpqa-cat-cover .cat-cover-left { min-width: 0; }
.qaskme-blue-pages .wpqa-cat-cover .cover-cat-desc { max-width: 760px; }
.qaskme-blue-pages .wpqa-cat-cover .cover-cat-desc p { color: #fff; font-size: 15px; line-height: 1.75; }
.qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-right { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 700px) {
    .qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-content { display: block; }
    .qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-right { margin-top: 18px; }
}

/* Contain the theme's floated share links before category statistics wrap. */
.qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-content { margin: 0 !important; width: 100% !important; box-sizing: border-box; }
.qaskme-blue-pages .wpqa-cat-cover .cat-cover-left,
.qaskme-blue-pages .wpqa-cat-cover .post-share { display: flow-root; }
.qaskme-blue-pages .wpqa-cat-cover .post-share { float: none; }
.qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-buttons {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    float: none;
    margin: 0;
    padding: 9px 11px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
}
@media (max-width: 700px) {
    .qaskme-blue-pages .wpqa-cat-cover .wpqa-cover-right { clear: both; width: 100% !important; margin-top: 18px; }
}

/* Stop elastic scrolling from exposing empty space below the Education footer. */
html:has(body.qaskme-blue-pages.term-education),
body.qaskme-blue-pages.term-education { overscroll-behavior-y: none; }
.qaskme-blue-pages .qeh-weekly > a {
    display: inline-block;
    margin-top: 14px;
    color: var(--qaskme-link);
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55;
}
.qaskme-blue-pages .qeh-weekly > a:hover { color: var(--qaskme-link-hover); }

/* A growing sidebar must contribute to the row height before the footer. */
body.qaskme-blue-pages.term-education .qaskme-sidebar-flow {
    height: auto !important;
    min-height: 0 !important;
}
body.qaskme-blue-pages.term-education .qaskme-sidebar-flow > .theiaStickySidebar {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    transform: none !important;
}