@import url('https://fonts.kosmoskosmos.systems/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/*
 * help.festiware.eu — Custom Stylesheet (HelpScout Docs, Theme "Launch")
 * Brand-Tokens 1:1 aus festiware.eu (theme-modern).
 *
 * Der Font kommt ueber fonts.kosmoskosmos.systems, den eigenen Google-Fonts-Proxy
 * (DSGVO: keine direkten Besucher-Requests an Google).
 *
 * @gotcha HelpScout rendert einen Inline-<style>-Block im <head> NACH dem
 *         Theme-CSS (Navbar-, Link- und Textfarben aus den Docs-Settings).
 *         Die davon betroffenen Regeln brauchen hier !important.
 * @warn   Keine Selektoren umbenennen — das Markup kommt aus dem HelpScout-Theme
 *         (Bootstrap-2-Grid: .row-fluid / .span3 / .span9).
 * @claude Farben NIE direkt in Regeln schreiben, immer ueber die semantischen
 *         Tokens (--fw-bg, --fw-card, --fw-text, ...). Nur die halten Light und
 *         Dark auseinander. Die Brand-Tokens darunter sind in beiden Modi gleich.
 */

:root {
    /* ---- Brand (modusunabhaengig) ---- */
    --fw-blue-dark:      #001d3b;
    --fw-blue:           #003462;
    --fw-blue-medium:    #01589f;
    --fw-blue-subtle:    #f0f7fd;
    --fw-yellow:         #f8b334;
    --fw-yellow-hover:   #f0a41d;
    --fw-yellow-subtle:  #fef1e6;
    --fw-koralle:        #ff6833;
    --fw-green:          #48c352;
    --fw-azur:           #58aed9;
    --fw-surface:        #eff4f8;

    /* ---- Neutrals ---- */
    --fw-white:   #ffffff;
    --fw-n-50:    #f9f9fa;
    --fw-n-100:   #f5f6f7;
    --fw-n-200:   #edeef0;
    --fw-n-300:   #e2e6e9;
    --fw-n-600:   #9da7af;
    --fw-n-700:   #686e73;
    --fw-n-900:   #282a2d;
    --fw-page:    #f8fafb;

    /* ---- Semantisch: Light ---- */
    color-scheme: light;
    --fw-bg:            var(--fw-page);
    --fw-card:          var(--fw-white);
    --fw-card-hover:    var(--fw-white);
    --fw-border:        var(--fw-n-300);
    --fw-border-soft:   var(--fw-n-200);
    --fw-text:          var(--fw-n-900);
    --fw-text-muted:    var(--fw-n-700);
    --fw-text-faint:    var(--fw-n-600);
    --fw-heading:       var(--fw-blue);
    --fw-link:          var(--fw-blue-medium);
    --fw-link-hover:    var(--fw-blue);
    --fw-link-underline: rgba(1, 88, 159, .35);
    --fw-hover-bg:      var(--fw-blue-subtle);
    --fw-input-bg:      var(--fw-white);
    --fw-input-border:  var(--fw-n-300);
    --fw-table-head:    var(--fw-surface);
    --fw-row-alt:       var(--fw-n-50);
    --fw-code-bg:       var(--fw-n-100);
    --fw-code-border:   var(--fw-n-300);
    --fw-code-text:     var(--fw-blue);
    --fw-pre-bg:        var(--fw-blue-dark);
    --fw-pre-text:      #e6edf3;
    --fw-quote-bg:      var(--fw-yellow-subtle);
    --fw-callout-blue:   var(--fw-blue-subtle);
    --fw-callout-yellow: var(--fw-yellow-subtle);
    --fw-callout-green:  #e3fde4;
    --fw-callout-red:    #ffefee;
    --fw-shadow:        0 1px 2px rgba(0, 29, 59, .04), 0 4px 16px rgba(0, 29, 59, .06);
    --fw-shadow-hover:  0 2px 4px rgba(0, 29, 59, .06), 0 12px 28px rgba(0, 29, 59, .12);

    /* ---- Type & Shape ---- */
    --fw-font:    'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    --fw-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, 'Courier New', monospace;
    --fw-radius:  12px;
    --fw-radius-sm: 8px;
}

/* ---- Semantisch: Dark ----
 * Navbar und Such-Hero bleiben in beiden Modi im dunklen Brand-Blau; sie sind
 * der Anker, an den sich der Rest im Dark Mode anlegt. */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --fw-bg:            #0c1825;
        --fw-card:          #132435;
        --fw-card-hover:    #17293c;
        --fw-border:        #26394d;
        --fw-border-soft:   #1d2f42;
        --fw-text:          #e7edf3;
        --fw-text-muted:    #9fb3c4;
        --fw-text-faint:    #7d93a6;
        --fw-heading:       #d8e8f5;
        --fw-link:          #7cc4e8;
        --fw-link-hover:    #a8d8f0;
        --fw-link-underline: rgba(124, 196, 232, .4);
        --fw-hover-bg:      #1b304a;
        --fw-input-bg:      #0f1e2c;
        --fw-input-border:  #2c4257;
        --fw-table-head:    #17293c;
        --fw-row-alt:       #101f2e;
        --fw-code-bg:       #0a151f;
        --fw-code-border:   #26394d;
        --fw-code-text:     #9ad3f0;
        --fw-pre-bg:        #07111a;
        --fw-quote-bg:      rgba(248, 179, 52, .1);
        --fw-callout-blue:   rgba(88, 174, 217, .12);
        --fw-callout-yellow: rgba(248, 179, 52, .12);
        --fw-callout-green:  rgba(72, 195, 82, .12);
        --fw-callout-red:    rgba(255, 104, 51, .12);
        --fw-shadow:        0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);
        --fw-shadow-hover:  0 2px 4px rgba(0, 0, 0, .35), 0 12px 28px rgba(0, 0, 0, .4);
    }
}

/* ==========================================================================
   1. Basis
   ========================================================================== */

body {
    background: var(--fw-bg) !important;
    font-family: var(--fw-font);
    color: var(--fw-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, input, button, select, textarea,
h1, h2, h3, h4, h5, h6, p, li, td, th, blockquote {
    font-family: var(--fw-font);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--fw-heading);
    font-weight: 600;
    letter-spacing: 0;
}

a {
    color: var(--fw-link);
    transition: color .15s ease;
}

a:hover, a:focus {
    color: var(--fw-link-hover);
}

:focus-visible {
    outline: 2px solid var(--fw-azur);
    outline-offset: 2px;
    border-radius: 4px;
}

/* ==========================================================================
   2. Navbar
   ========================================================================== */

.navbar {
    margin-bottom: 0;
}

.navbar .navbar-inner {
    background: var(--fw-blue-dark) !important;
    border: 0;
    box-shadow: none;
    min-height: 74px;
}

.navbar .brand {
    padding: 14px 0;
    color: var(--fw-white) !important;
}

.navbar .brand img {
    max-height: 46px;
    width: auto;
    height: auto;
}

.navbar .nav li a {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 15px;
    font-weight: 500;
    border-radius: var(--fw-radius-sm);
    transition: background .15s ease, color .15s ease;
}

.navbar .nav li a:hover,
.navbar .nav li a:focus,
.navbar .nav .active a,
.navbar .nav .active a:hover,
.navbar .nav .active a:focus {
    color: var(--fw-yellow) !important;
    background: rgba(255, 255, 255, .07) !important;
    text-shadow: none;
}

.navbar .btn-navbar {
    background: rgba(255, 255, 255, .1);
    border: 0;
    box-shadow: none;
    border-radius: var(--fw-radius-sm);
}

.navbar .btn-navbar .icon-bar {
    background: var(--fw-white);
    box-shadow: none;
}

/* ==========================================================================
   3. Such-Hero (Startseite)
   ========================================================================== */

#docsSearch {
    background: linear-gradient(160deg, var(--fw-blue) 0%, var(--fw-blue-dark) 100%);
    border-bottom: 3px solid var(--fw-yellow);
    padding: 3.5em 0 3.25em;
    margin-bottom: 3.5em;
}

#docsSearch h1 {
    color: var(--fw-white);
    font-size: clamp(1.75rem, 4.5vw, 2.5rem);
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 1em;
    padding: 0 20px;
}

#docsSearch #searchBar {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

#docsSearch .search-query {
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    padding: 0 130px 0 20px;
    font-size: 16px;
    color: var(--fw-n-900);
    background: var(--fw-white);
    border: 1px solid transparent;
    border-radius: var(--fw-radius);
    box-shadow: 0 6px 20px rgba(0, 29, 59, .18);
    transition: box-shadow .15s ease, border-color .15s ease;
}

#docsSearch .search-query:focus {
    border-color: var(--fw-yellow);
    box-shadow: 0 6px 20px rgba(0, 29, 59, .18), 0 0 0 3px rgba(248, 179, 52, .3);
    outline: 0;
}

#docsSearch .search-query::placeholder {
    color: var(--fw-n-600);
}

/* @gotcha Das Theme positioniert den Suchbutton absolut mit top:24px, passend
   zum Theme-eigenen #searchBar-Padding (2em). Da wir das Padding hier ersetzen,
   muss die Position des Buttons explizit mitgezogen werden. */
#docsSearch #searchBar button {
    position: absolute;
    top: 0;
    right: 20px;
    height: 56px;
    padding: 0 1.75em;
    background: var(--fw-yellow);
    border: 0;
    border-radius: 0 var(--fw-radius) var(--fw-radius) 0;
    color: var(--fw-blue-dark);
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
    transition: background .15s ease;
}

#docsSearch #searchBar button:hover,
#docsSearch #searchBar button:focus {
    background: var(--fw-yellow-hover);
}

#docsSearch #searchBar button .icon-search {
    color: var(--fw-blue-dark);
}

/* Autocomplete-Dropdown */
#serp-dd {
    background: var(--fw-card);
    border: 1px solid var(--fw-border);
    border-radius: var(--fw-radius-sm);
    box-shadow: var(--fw-shadow-hover);
    overflow: hidden;
    text-align: left;
}

#serp-dd .result a {
    color: var(--fw-link) !important;
}

#serp-dd .result > li.active,
#serp-dd .result a:hover {
    background: var(--fw-hover-bg);
    color: var(--fw-link-hover) !important;
}

/* ==========================================================================
   4. Kategorie-Kacheln (Startseite)
   ========================================================================== */

.category-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto 3em;
}

.category-list .category {
    width: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    background: var(--fw-card);
    border: 1px solid var(--fw-border);
    border-radius: var(--fw-radius);
    box-shadow: var(--fw-shadow);
    padding: 1.75em 1.5em 1.5em;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.category-list .category:hover,
.category-list .category:focus {
    background: var(--fw-card-hover);
    border-color: var(--fw-azur);
    box-shadow: var(--fw-shadow-hover);
    transform: translateY(-2px);
    text-decoration: none;
}

.category-list .category h3 {
    color: var(--fw-heading);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 .5em;
}

.category-list .category p {
    color: var(--fw-text-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.category-list .category .article-count {
    color: var(--fw-text-muted) !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: auto;
    padding-top: 1.25em;
}

.category-list .category:hover .article-count {
    color: var(--fw-link) !important;
}

/* ==========================================================================
   5. Sidebar (Kategorie- und Artikelseiten)
   ========================================================================== */

#sidebar {
    margin-top: 40px;
}

#sidebar form .search-query {
    height: 44px;
    border: 1px solid var(--fw-input-border);
    border-radius: var(--fw-radius-sm);
    color: var(--fw-text);
    background: var(--fw-input-bg);
}

#sidebar form .search-query:focus {
    border-color: var(--fw-azur);
    box-shadow: 0 0 0 3px rgba(88, 174, 217, .25);
}

#sidebar form button {
    top: 12px;
    color: var(--fw-text-muted);
}

#sidebar .nav-list > li > a {
    color: var(--fw-text-muted);
    font-size: 14px;
    line-height: 1.5;
    padding: 9px 12px;
    border-radius: var(--fw-radius-sm);
    border-left: 3px solid transparent;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

#sidebar .nav-list > li > a:hover,
#sidebar .nav-list > li > a:focus {
    background: var(--fw-hover-bg);
    color: var(--fw-link-hover) !important;
    text-shadow: none;
}

#sidebar .nav-list > li.active > a,
#sidebar .nav-list > li.active > a:hover {
    background: var(--fw-hover-bg);
    color: var(--fw-heading) !important;
    border-left-color: var(--fw-yellow);
    font-weight: 600;
    text-shadow: none;
}

#sidebar h3, #sidebar h4 {
    color: var(--fw-text-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* ==========================================================================
   6. Content-Wrapper / Kategorie-Kopf / Artikelliste
   ========================================================================== */

.contentWrapper {
    background: var(--fw-card);
    color: var(--fw-text);
    border: 1px solid var(--fw-border);
    border-radius: var(--fw-radius);
    box-shadow: var(--fw-shadow);
    padding: 2.5em 3em;
    margin-bottom: 3em;
}

.contentWrapper a {
    color: var(--fw-link) !important;
}

.contentWrapper a:hover {
    color: var(--fw-link-hover) !important;
}

#categoryHead h1 {
    color: var(--fw-heading);
    font-size: clamp(1.6rem, 3.5vw, 2.15rem);
    font-weight: 600;
    line-height: 1.3;
}

#categoryHead .descrip {
    color: var(--fw-text-muted);
    font-size: 16px;
    line-height: 1.6;
}

.articleList li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid var(--fw-border-soft);
}

.articleList li:last-child {
    border-bottom: 0;
}

.articleList a {
    display: block;
    margin-left: 0;
    padding: 16px 12px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: var(--fw-radius-sm);
    transition: background .15s ease;
}

.articleList a:hover {
    background: var(--fw-hover-bg);
}

.articleList a:hover span {
    text-decoration: none;
}

.articleList .icon-article-doc,
.articleList .icon-arrow {
    color: var(--fw-text-faint);
}

/* Sortierung / Pagination */
.sort, #sortBy {
    color: var(--fw-text-muted);
    font-size: 14px;
}

.pagination a,
.pagination span {
    border-radius: var(--fw-radius-sm);
}

.pagination ul > li > a,
.pagination ul > li > span {
    background-color: var(--fw-card);
    border-color: var(--fw-border);
    color: var(--fw-link);
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: var(--fw-hover-bg);
    color: var(--fw-text-muted);
}

/* ==========================================================================
   7. Artikel
   ========================================================================== */

#fullArticle {
    font-size: 16px;
    line-height: 1.7;
    color: var(--fw-text) !important;
    max-width: 780px;
}

#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle dd {
    color: var(--fw-text) !important;
    font-size: 16px;
    line-height: 1.7;
}

#fullArticle .title {
    color: var(--fw-heading);
    font-size: clamp(1.7rem, 4vw, 2.25rem);
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: .75em;
}

/* @gotcha Das Theme setzt #fullArticle h1..h5{color:#222} — ID-Spezifitaet,
   die eine generische h1..h6-Regel nicht schlaegt. Ohne diese Regel bleiben
   Artikel-Ueberschriften im Dark Mode dunkel auf dunkel. */
#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5 {
    color: var(--fw-heading);
}

#fullArticle h2 {
    font-size: 26px;
    margin: 2em 0 .6em;
    padding-bottom: .35em;
    border-bottom: 1px solid var(--fw-border-soft);
}

#fullArticle h3 {
    font-size: 20px;
    margin: 1.75em 0 .5em;
}

#fullArticle h4 {
    font-size: 17px;
    margin: 1.5em 0 .4em;
}

#fullArticle a,
#fullArticle strong a,
#fullArticle a strong {
    color: var(--fw-link) !important;
    text-decoration: underline;
    text-decoration-color: var(--fw-link-underline);
    text-underline-offset: 2px;
}

#fullArticle a:hover,
#fullArticle strong a:hover {
    color: var(--fw-link-hover) !important;
    text-decoration-color: currentColor;
}

#fullArticle strong {
    color: var(--fw-text);
}

#fullArticle .image-caption,
#fullArticle figcaption {
    color: var(--fw-text-muted);
}

#fullArticle ul,
#fullArticle ol {
    margin-bottom: 1.4em;
}

#fullArticle li {
    margin-bottom: .4em;
}

#fullArticle img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--fw-border);
    border-radius: var(--fw-radius-sm);
}

#fullArticle blockquote {
    border-left: 3px solid var(--fw-yellow);
    background: var(--fw-quote-bg);
    color: var(--fw-text) !important;
    border-radius: 0 var(--fw-radius-sm) var(--fw-radius-sm) 0;
    margin: 1.75em 0;
    padding: 1em 1.4em;
}

#fullArticle code,
#fullArticle kbd {
    font-family: var(--fw-mono);
    font-size: .875em;
    background: var(--fw-code-bg);
    border: 1px solid var(--fw-code-border);
    border-radius: 5px;
    padding: .15em .4em;
    color: var(--fw-code-text);
}

#fullArticle pre {
    font-family: var(--fw-mono);
    font-size: 14px;
    line-height: 1.6;
    background: var(--fw-pre-bg);
    color: var(--fw-pre-text);
    border: 0;
    border-radius: var(--fw-radius-sm);
    padding: 1.1em 1.3em;
    overflow-x: auto;
}

#fullArticle pre code {
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0;
}

#fullArticle table {
    width: 100%;
    border-collapse: collapse;
    color: var(--fw-text) !important;
    font-size: 15px;
    margin: 1.75em 0;
}

#fullArticle table thead {
    color: var(--fw-heading);
}

#fullArticle table th {
    background: var(--fw-table-head);
    color: var(--fw-heading);
    font-weight: 600;
    text-align: left;
}

#fullArticle table th,
#fullArticle table td {
    border: 1px solid var(--fw-border);
    padding: 10px 14px;
    vertical-align: top;
}

#fullArticle table tr:nth-child(even) td {
    background: var(--fw-row-alt);
}

#fullArticle hr {
    border: 0;
    border-top: 1px solid var(--fw-border);
    margin: 2.5em 0;
}

#fullArticle .video-responsive,
#fullArticle iframe {
    border-radius: var(--fw-radius-sm);
    max-width: 100%;
}

#fullArticle .printArticle {
    color: var(--fw-text-faint);
}

/* Anker-Links auf Ueberschriften (via Headers-Snippet ergaenzt) */
#fullArticle .fw-anchor {
    color: var(--fw-text-faint);
    text-decoration: none !important;
    font-weight: 400;
    margin-left: .4em;
    opacity: 0;
    transition: opacity .15s ease, color .15s ease;
}

#fullArticle h2:hover .fw-anchor,
#fullArticle h3:hover .fw-anchor,
#fullArticle h4:hover .fw-anchor,
#fullArticle .fw-anchor:focus {
    opacity: 1;
}

#fullArticle .fw-anchor:hover,
#fullArticle .fw-anchor:focus {
    color: var(--fw-link) !important;
}

/* Sprungziel nicht unter der Navbar verstecken */
#fullArticle h2[id],
#fullArticle h3[id],
#fullArticle h4[id] {
    scroll-margin-top: 90px;
}

/* Callouts */
#fullArticle .callout,
#fullArticle .callout-blue,
#fullArticle .callout-green,
#fullArticle .callout-red,
#fullArticle .callout-yellow,
#fullArticle .private-note {
    font-size: 15px;
    color: var(--fw-text) !important;
    border-left-width: 4px;
    border-radius: 0 var(--fw-radius-sm) var(--fw-radius-sm) 0;
    padding: 1.1em 1.4em;
}

#fullArticle .callout-blue {
    background: var(--fw-callout-blue);
    border-color: var(--fw-azur);
}

#fullArticle .callout-yellow,
#fullArticle .callout {
    background: var(--fw-callout-yellow);
    border-color: var(--fw-yellow);
}

#fullArticle .callout-green {
    background: var(--fw-callout-green);
    border-color: var(--fw-green);
}

#fullArticle .callout-red {
    background: var(--fw-callout-red);
    border-color: var(--fw-koralle);
}

#fullArticle .callout p,
#fullArticle .callout-blue p,
#fullArticle .callout-green p,
#fullArticle .callout-red p,
#fullArticle .callout-yellow p {
    font-size: 15px;
}

/* ==========================================================================
   8. Artikel-Fuss / Bewertung
   ========================================================================== */

.articleFoot {
    border-top: 1px solid var(--fw-border-soft);
    margin-top: 3em;
    padding-top: 1.5em;
    color: var(--fw-text-muted);
    font-size: 14px;
}

.articleRatings {
    background: var(--fw-table-head);
    border: 1px solid var(--fw-border);
    border-radius: var(--fw-radius);
    padding: 1.5em;
    margin-top: 2.5em;
}

.articleRatings-question {
    color: var(--fw-heading);
    font-weight: 600;
}

.rateAction {
    border-radius: var(--fw-radius-sm);
}

.articleRatings-feedback-tick {
    color: var(--fw-green);
}

/* ==========================================================================
   9. Footer
   ========================================================================== */

#contentArea > footer.center,
footer.center {
    color: var(--fw-text-muted);
    font-size: 13px;
    border-top: 1px solid var(--fw-border);
    margin-top: 4em;
    padding: 2em 0 3em;
}

footer.center a {
    color: var(--fw-text-muted);
    text-decoration: underline;
    text-underline-offset: 2px;
}

footer.center a:hover {
    color: var(--fw-link);
}

/* ==========================================================================
   10. Responsive
   ========================================================================== */

@media (max-width: 979px) {
    .contentWrapper {
        padding: 2em;
    }
}

@media (max-width: 767px) {
    #docsSearch {
        padding: 2.25em 0 2em;
        margin: 0 -20px 2.5em;
    }

    #docsSearch .search-query {
        height: 50px;
        padding-right: 64px;
    }

    #docsSearch #searchBar button {
        height: 50px;
        padding: 0 1.1em;
    }

    .category-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .contentWrapper {
        padding: 1.5em 1.25em;
        border-radius: var(--fw-radius-sm);
    }

    #fullArticle,
    #fullArticle p,
    #fullArticle li {
        font-size: 15px;
    }

    .navbar .brand img {
        max-height: 38px;
    }
}

/* ==========================================================================
   11. Print
   ========================================================================== */

@media print {
    body { background: #fff !important; color: #282a2d !important; }
    #mainNav, #sidebar, #docsSearch, .articleRatings, .printArticle, .fw-anchor { display: none !important; }
    .contentWrapper { border: 0; box-shadow: none; padding: 0; background: #fff !important; }
    #fullArticle, #fullArticle p, #fullArticle li, #fullArticle td { color: #282a2d !important; }
    #fullArticle pre { background: #f5f6f7; color: #282a2d; border: 1px solid #e2e6e9; }
}
