/* Maultaschenfabrikle: original site background, parchment cream and copper. */
html.archive-2023 {
    --archive-ink: #192224;
    --archive-surface: #203129;
    --archive-border: #49624a;
    --archive-cream: #ffe4b5;
    --archive-copper: #dda26f;
    --pico-background-color: var(--archive-ink);
    --pico-color: #e4d8c0;
    --pico-muted-color: #b7b89a;
    --pico-muted-border-color: #364a3e;
    --pico-h1-color: var(--archive-cream);
    --pico-h2-color: var(--archive-cream);
    --pico-h3-color: var(--archive-cream);
    --pico-h4-color: var(--archive-cream);
    --pico-h5-color: var(--archive-cream);
    --pico-h6-color: var(--archive-cream);
    --pico-primary: #e7b684;
    --pico-primary-hover: var(--archive-cream);
    --pico-primary-underline: #dda26f80;
    --pico-primary-hover-underline: #ffe4b580;
    --pico-primary-background: #507144;
    --pico-primary-border: #698958;
    --pico-primary-hover-background: #5e8150;
    --pico-primary-hover-border: #83a56d;
    --pico-primary-inverse: #fff3dd;
    --pico-primary-focus: #dda26f40;
    --pico-secondary: #b7b89a;
    --pico-secondary-hover: var(--archive-cream);
    --pico-secondary-underline: #b7b89a80;
    --pico-secondary-hover-underline: #ffe4b580;
    --pico-secondary-background: #304735;
    --pico-secondary-border: var(--archive-border);
    --pico-secondary-hover-background: #3a5440;
    --pico-secondary-hover-border: #698958;
    --pico-secondary-inverse: var(--archive-cream);
    --pico-secondary-focus: #b7b89a40;
    --pico-contrast: var(--archive-cream);
    --pico-contrast-hover: #f5c997;
    --pico-contrast-underline: #ffe4b580;
    --pico-contrast-hover-underline: #f5c99780;
    --pico-card-background-color: var(--archive-surface);
    --pico-card-border-color: var(--archive-border);
    --pico-card-sectioning-background-color: #19271f;
    --pico-dropdown-background-color: var(--archive-surface);
    --pico-dropdown-border-color: var(--archive-border);
    --pico-dropdown-color: var(--pico-color);
    --pico-dropdown-hover-background-color: #304735;
    --pico-blockquote-border-color: #98734f;
    --pico-table-border-color: var(--archive-border);
    --pico-table-row-stripped-background-color: #203129;
    --pico-tooltip-background-color: var(--archive-cream);
    --pico-tooltip-color: var(--archive-ink);
    --pico-modal-overlay-background-color: #0b1612d9;
    --pico-text-selection-color: #dda26f66;
    --archive-chart-text: #e4d8c0;
    --archive-chart-grid: #69895855;
    --archive-chart-line: #e6cfaa;
    --archive-chart-fill: #50714440;
    --archive-chart-1: #dda26f;
    --archive-chart-2: #88a970;
    --archive-chart-3: #ffe4b5;
    --archive-chart-4: #b8c48d;
    --archive-chart-5: #c78f69;
    --archive-chart-6: #a9c7ac;
    --archive-chart-7: #d7c386;
    --archive-chart-8: #86aaa0;
    --archive-chart-first-blood: #e88968;
    background: var(--archive-ink);
}

.archive-2023 h1 {
    --pico-color: var(--archive-cream);
}

.archive-2023 .navbar {
    background: var(--archive-ink);
    box-shadow: 0 1px 10px #08120d80;
}

.archive-2023 .archive-nav a[aria-current="page"] {
    --pico-color: var(--archive-copper);
}

.archive-2023 details.dropdown > summary:not([role]) {
    background: #2031299a;
}

.archive-2023 hr {
    border-color: var(--pico-muted-border-color);
}

.archive-2023 body > main > .challenges > .grid article,
.archive-2023 body > main > :is(.text, .introduction, .walkthrough) article,
.archive-2023 dialog article {
    background-color: var(--archive-surface);
    border-color: var(--archive-border);
}

.archive-2023 .badges .badge {
    color: var(--archive-cream);
    background-color: #243b2a;
    border-color: #627847;
}

.archive-2023 .badges .badge.initial-access {
    background-color: #24332c;
    border-color: #768568;
}

.archive-2023 .badges .badge.post-exploitation {
    background-color: #373229;
    border-color: #99704d;
}

.archive-2023 body > main > .challenges > .grid blockquote,
.archive-2023 dialog article blockquote {
    border-left-color: #98734f;
}

.archive-2023 dialog article header {
    background: #19271f;
}

.archive-2023 dialog button {
    background-color: #304735;
    border-color: var(--archive-border);
    color: var(--archive-cream);
}

.archive-2023 table.striped tbody tr:nth-child(odd) {
    background-color: #17251d;
}

.archive-2023 pre,
.archive-2023 code {
    background-color: #101b14;
    color: var(--archive-cream);
}

.archive-2023 .mtf {
    filter: none;
}

.archive-2023 .archive-intro > img {
    width: 800px;
    aspect-ratio: 1;
    height: auto;
    object-fit: contain;
    box-sizing: border-box;
    /* Match the current intro logo's 10% transparent margin on each side. */
    padding: min(10%, 80px);
}

/* Keep the original mail's line breaks while wrapping it on narrow screens. */
.archive-2023 .archive-story-markdown pre code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}