/* Modal Path Ethics — Second Battle for Hoover Dam field portfolio skin.
   Scoped to preview + final URL via html.mpe-hoover-dam-page.
   The article remains the article: CSS/JS may arrange surfaces and fasteners, but does not add prose. */

html.mpe-hoover-dam-page {
    --hd-ink: #271506;
    --hd-ink-soft: rgba(39, 21, 6, .82);
    --hd-ink-faint: rgba(39, 21, 6, .58);
    --hd-paper: #e1c287;
    --hd-paper-2: #d1aa69;
    --hd-paper-3: #f0daa3;
    --hd-line: rgba(80, 43, 17, .19);
    --hd-line-strong: rgba(80, 43, 17, .30);
    --hd-news-shadow: rgba(8, 5, 3, .68);
    --hd-gold: #d7a238;
    --hd-mint: #73d28d;
    --hd-river: #54bfc0;
    --hd-cover: #0a0806;
    --color-background: #0a0806;
    background: var(--hd-cover) !important;
    overflow-x: hidden;
}

html.mpe-hoover-dam-page,
html.mpe-hoover-dam-page body {
    min-height: 100%;
}

html.mpe-hoover-dam-page body {
    color: var(--hd-ink);
    background:
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.38)),
        url("hoover-leather-dark-v3.jpg") center / cover fixed #080706 !important;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] {
    --hd-cover: #65371d;
    --hd-news-shadow: rgba(73, 38, 17, .34);
    background: #65371d !important;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] body {
    background:
        linear-gradient(180deg, rgba(92,49,22,.08), rgba(68,33,14,.32)),
        url("hoover-leather-light-v3.jpg") center / cover fixed #6a3a1d !important;
}

html.mpe-hoover-dam-page body::before,
html.mpe-hoover-dam-page body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
}

html.mpe-hoover-dam-page body::before {
    z-index: -3;
    background: transparent;
}

html.mpe-hoover-dam-page body::after {
    z-index: -1;
    box-shadow: inset 0 0 13vw rgba(0,0,0,.72), inset 0 0 0 1px rgba(204, 130, 48, .08);
}

html.mpe-hoover-dam-page .gh-site,
html.mpe-hoover-dam-page .gh-article {
    background: transparent !important;
    overflow-x: clip;
}

/* Top and bottom stay portfolio-cover leather. */
html.mpe-hoover-dam-page #gh-head,
html.mpe-hoover-dam-page .gh-foot {
    background:
        linear-gradient(180deg, rgba(50, 26, 11, .91), rgba(16, 10, 7, .95)),
        url("hoover-leather-dark-v3.jpg") center / cover #0a0705 !important;
    border-color: rgba(199, 128, 52, .38) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,225,160,.04);
}

html.mpe-hoover-dam-page[data-color-scheme="light"] #gh-head,
html.mpe-hoover-dam-page[data-color-scheme="light"] .gh-foot {
    background:
        linear-gradient(180deg, rgba(119, 66, 30, .88), rgba(75, 39, 18, .94)),
        url("hoover-leather-light-v3.jpg") center / cover #6b3b1e !important;
    border-color: rgba(125, 67, 27, .46) !important;
}

html.mpe-hoover-dam-page #gh-head::after {
    display: none !important;
}

/* Event banner sits directly on cover leather; no extra backing slab. */
html.mpe-hoover-dam-page .edw-banner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.mpe-hoover-dam-page .edw-banner__inner {
    background:
        linear-gradient(180deg, rgba(27, 20, 13, .90), rgba(9, 8, 7, .92)),
        repeating-linear-gradient(120deg, rgba(255,255,255,.035) 0 1px, transparent 1px 12px) !important;
    border-color: rgba(213, 148, 67, .56) !important;
    box-shadow: 0 9px 22px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,237,177,.08) !important;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] .edw-banner__inner {
    background:
        linear-gradient(180deg, rgba(78, 42, 21, .86), rgba(41, 25, 15, .88)),
        repeating-linear-gradient(120deg, rgba(255,255,255,.04) 0 1px, transparent 1px 12px) !important;
}

/* The article area is the scrapbook/newspaper substrate. */
html.mpe-hoover-dam-page .gh-main {
    position: relative;
    padding-top: clamp(2.1rem, 4.5vw, 4.4rem);
    padding-bottom: clamp(4rem, 9vw, 8rem);
    background:
        linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.18) 13%, rgba(0,0,0,.12) 50%, rgba(0,0,0,.18) 87%, rgba(0,0,0,.64)),
        linear-gradient(180deg, rgba(15, 9, 5, .32), rgba(13, 8, 5, .40)),
        url("hoover-news-dark.jpg") center top / 1200px auto repeat #1b1714 !important;
    box-shadow: inset 0 48px 75px rgba(0,0,0,.42), inset 0 -60px 85px rgba(0,0,0,.46);
    overflow-x: clip;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] .gh-main {
    background:
        linear-gradient(90deg, rgba(119, 67, 30, .34), rgba(255, 241, 204, .18) 13%, rgba(255, 250, 230, .12) 50%, rgba(255, 241, 204, .18) 87%, rgba(119, 67, 30, .36)),
        linear-gradient(180deg, rgba(255, 244, 209, .28), rgba(161, 100, 46, .20)),
        url("hoover-news-light.jpg") center top / 1200px auto repeat #e1d2b0 !important;
    box-shadow: inset 0 42px 68px rgba(72,35,12,.16), inset 0 -60px 80px rgba(70,32,12,.22);
}

html.mpe-hoover-dam-page .gh-main::before,
html.mpe-hoover-dam-page .gh-main::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

html.mpe-hoover-dam-page .gh-main::before {
    inset: 0;
    background:
        radial-gradient(circle at 17% 18%, rgba(175, 119, 56, .13), transparent 24%),
        radial-gradient(circle at 78% 72%, rgba(0,0,0,.18), transparent 30%),
        linear-gradient(90deg, rgba(0,0,0,.30), transparent 20%, transparent 80%, rgba(0,0,0,.34));
    mix-blend-mode: multiply;
}

html.mpe-hoover-dam-page .gh-main::after {
    inset: 0;
    box-shadow: inset 0 0 9vw rgba(0,0,0,.45);
}

html.mpe-hoover-dam-page .gh-article,
html.mpe-hoover-dam-page .mpe-post-routes,
html.mpe-hoover-dam-page .gh-readmore,
html.mpe-hoover-dam-page .mpe-article-tags-panel,
html.mpe-hoover-dam-page .gh-comments,
html.mpe-hoover-dam-page .mpe-book-widget {
    position: relative;
    z-index: 1;
}

/* Dossier cover page: one actual article header, no invented body copy. */
html.mpe-hoover-dam-page .gh-article-header {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    max-width: min(1120px, calc(100vw - 48px));
    margin: 0 auto clamp(2rem, 3vw, 3rem) !important;
    padding: clamp(1.55rem, 3vw, 2.6rem) clamp(1.3rem, 4vw, 3.6rem) clamp(1.45rem, 3vw, 2.4rem);
    border-radius: 16px 21px 12px 17px;
    color: var(--hd-ink) !important;
    background:
        linear-gradient(90deg, rgba(126, 63, 24, .14), transparent 12%, transparent 88%, rgba(126, 63, 24, .16)),
        repeating-linear-gradient(0deg, transparent 0 31px, var(--hd-line) 31px 32px),
        linear-gradient(180deg, rgba(255, 239, 190, .72), rgba(226, 192, 126, .92)),
        #e4c384;
    border: 1px solid rgba(79, 44, 17, .42);
    box-shadow:
        0 22px 54px rgba(0,0,0,.40),
        0 0 0 1px rgba(255, 244, 203, .22) inset,
        26px 0 55px rgba(78, 40, 16, .08) inset,
        -30px 0 60px rgba(53, 27, 12, .11) inset;
    overflow: visible;
}

html.mpe-hoover-dam-page .gh-article-header::before {
    content: "MPE Field Portfolio  ›  Hoover Dam / Route Audit";
    position: absolute;
    top: .72rem;
    right: clamp(.75rem, 2.6vw, 1.8rem);
    max-width: calc(100% - 2rem);
    padding: .32rem .55rem .28rem;
    transform: rotate(.35deg);
    font: 800 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .11em;
    color: rgba(65, 31, 12, .72);
    border: 1px solid rgba(88, 45, 17, .20);
    border-radius: 3px;
    background: rgba(246, 224, 165, .28);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.mpe-hoover-dam-page .gh-article-header::after {
    content: "Modal Path Ethics / Wasteland Continuance Project";
    position: absolute;
    left: clamp(.8rem, 2.5vw, 1.4rem);
    bottom: -.7rem;
    padding: .25rem .55rem .22rem;
    transform: rotate(-.55deg);
    font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .1em;
    color: rgba(36, 22, 12, .78);
    background: rgba(222, 199, 144, .90);
    border: 1px solid rgba(83, 48, 22, .32);
    box-shadow: 0 5px 10px rgba(0,0,0,.18);
}

html.mpe-hoover-dam-page .gh-article-tag {
    display: inline-block;
    width: fit-content;
    margin: .65rem 0 .9rem;
    padding: .35rem .55rem .28rem;
    color: #5c2c12 !important;
    background: rgba(255, 229, 163, .54);
    border: 1px solid rgba(97, 48, 17, .24);
    border-radius: 3px;
    font: 800 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .12em;
    text-transform: uppercase;
}

html.mpe-hoover-dam-page .gh-article-title {
    max-width: 880px;
    color: #2d1809 !important;
    text-shadow: 0 1px 0 rgba(255, 238, 190, .36);
    letter-spacing: -.012em;
}

html.mpe-hoover-dam-page .gh-article-excerpt {
    max-width: 54rem;
    margin-top: .9rem;
    color: rgba(49, 27, 13, .84) !important;
    font-style: italic;
}

html.mpe-hoover-dam-page .gh-article-sidebar {
    position: static !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .68rem 1rem;
    width: 100%;
    max-width: 780px;
    margin: 1.1rem 0 1.35rem !important;
    padding: 0 !important;
    color: var(--hd-ink) !important;
}

html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-image-list {
    grid-row: 1 / 3;
    margin: 0 !important;
}

html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-image,
html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-image-list .gh-author-image:only-child {
    width: 46px;
    height: 46px;
    margin: 0 !important;
    border: 2px solid rgba(36, 22, 12, .75) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.20);
}

html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-name-list,
html.mpe-hoover-dam-page .gh-article-sidebar .gh-article-meta,
html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-name,
html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-name a {
    color: rgba(37, 20, 9, .88) !important;
}

html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-name,
html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-name a {
    font-weight: 800;
}

html.mpe-hoover-dam-page .gh-article-sidebar .gh-button-share {
    grid-column: 3;
    grid-row: 1 / 3;
    justify-self: end;
    align-self: center;
    margin: 0 !important;
    color: #2b1708 !important;
    background: rgba(255, 230, 166, .18);
    border: 1px solid rgba(75, 41, 18, .25);
}

/* Feature and body images become physical prints. */
html.mpe-hoover-dam-page .gh-article-header .gh-article-image {
    position: relative;
    max-width: 880px;
    margin: 1.1rem auto 0 !important;
    padding: .75rem .75rem 1.1rem;
    background: linear-gradient(180deg, rgba(248,238,203,.98), rgba(216,196,150,.98));
    border: 1px solid rgba(73, 42, 18, .34);
    border-radius: 4px 9px 6px 7px;
    box-shadow: 0 16px 32px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.38);
    transform: rotate(.15deg);
    overflow: visible;
}

html.mpe-hoover-dam-page .gh-article-header .gh-article-image::before {
    content: "";
    position: absolute;
    top: -.75rem;
    left: 1rem;
    width: 5.2rem;
    height: 1.25rem;
    background: url("hoover-tape-cream-wide.png") center / contain no-repeat;
    transform: rotate(-5deg);
    z-index: 5;
}

html.mpe-hoover-dam-page .gh-article-header .gh-article-image::after {
    content: "";
    position: absolute;
    top: -.84rem;
    right: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url("hoover-pin-green.png") center / contain no-repeat;
    z-index: 5;
}

html.mpe-hoover-dam-page .gh-article-header img,
html.mpe-hoover-dam-page .gh-feature-image img,
html.mpe-hoover-dam-page .gh-article-header .gh-article-image img {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 0;
    filter: sepia(.35) saturate(.78) contrast(1.06) brightness(.94);
    box-shadow: 0 0 0 1px rgba(65, 35, 17, .30) inset;
}

html.mpe-hoover-dam-page .gh-content {
    max-width: min(1060px, calc(100vw - 48px));
    margin-left: auto;
    margin-right: auto;
    color: var(--hd-ink) !important;
    font-size: clamp(1.76rem, 1.0vw + 1.15rem, 2.04rem);
    line-height: 1.76;
}

html.mpe-hoover-dam-page .gh-content a {
    color: #743012;
    text-decoration-color: rgba(116, 48, 18, .45);
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

html.mpe-hoover-dam-page .gh-content strong,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page strong {
    color: #1f1005 !important;
}

html.mpe-hoover-dam-page .gh-content em,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page em {
    color: #633012 !important;
}

/* Ledger pages: wider paper pages pasted onto the newspaper substrate. */
html.mpe-hoover-dam-page .mpe-hoover-ledger-page {
    position: relative;
    width: 100%;
    max-width: min(1040px, calc(100vw - 48px));
    margin: clamp(2.35rem, 4vw, 3.8rem) auto;
    padding: clamp(1.75rem, 3.7vw, 3.35rem) clamp(1.35rem, 4.1vw, 3.65rem);
    border-radius: 8px 18px 15px 7px;
    color: var(--hd-ink) !important;
    background:
        linear-gradient(90deg, rgba(135, 66, 26, .13) 0 1px, transparent 1px 100%),
        repeating-linear-gradient(0deg, transparent 0 31px, var(--hd-line) 31px 32px),
        linear-gradient(180deg, rgba(255,239,190,.46), rgba(205,161,94,.30)),
        #dfbd7e;
    border: 1px solid rgba(93, 50, 20, .40);
    box-shadow:
        0 24px 55px rgba(0,0,0,.36),
        inset 0 0 0 1px rgba(255, 241, 198, .25),
        inset 22px 0 46px rgba(100, 51, 20, .06),
        inset -28px 0 56px rgba(50, 26, 12, .10);
    transform: rotate(var(--mpe-page-tilt, 0deg));
    transform-origin: 50% 8%;
    overflow: visible;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page::before,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page::before {
    inset: .58rem;
    border: 1px solid rgba(72, 37, 15, .07);
    box-shadow: inset 0 0 46px rgba(93, 47, 18, .07);
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page::after {
    background:
        repeating-linear-gradient(96deg, rgba(255,255,255,.024) 0 1px, transparent 1px 12px),
        radial-gradient(circle at 12% 24%, rgba(255,255,255,.13), transparent 24%),
        radial-gradient(circle at 90% 80%, rgba(62,32,13,.10), transparent 26%);
    opacity: .58;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page > * {
    position: relative;
    z-index: 1;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page p,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page li,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page blockquote,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h2,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h3,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h4 {
    color: var(--hd-ink) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page p {
    margin: 0 0 1.18em !important;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page p:last-child {
    margin-bottom: 0 !important;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page h2,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h3,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h4 {
    margin: .25em 0 .8em;
    color: #2a1506 !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: -.035em;
    text-shadow: 0 1px rgba(255, 232, 178, .35);
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page h2::before,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h3::before,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page::marker {
    content: none !important;
    display: none !important;
}

html.mpe-hoover-dam-page .gh-content hr {
    display: none !important;
}

/* Blockquotes: a different paper slip, taped once over the top. */
html.mpe-hoover-dam-page .gh-content blockquote {
    position: relative;
    width: min(760px, 100%);
    margin: 2.35rem auto;
    padding: 1.28rem 1.45rem 1.18rem;
    color: #211307 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.35), rgba(213,196,146,.16)),
        repeating-linear-gradient(0deg, transparent 0 28px, rgba(80,100,125,.17) 28px 29px),
        url("hoover-quote-paper.jpg") center / cover no-repeat,
        #e9dcbb;
    border: 1px solid rgba(87, 47, 20, .24);
    box-shadow: 0 15px 28px rgba(0,0,0,.22);
    border-radius: 5px 10px 6px 12px;
    font-size: .98em;
    font-style: normal;
    text-align: center;
    transform: rotate(-.28deg);
    overflow: visible;
}

html.mpe-hoover-dam-page .gh-content blockquote:nth-of-type(even) {
    transform: rotate(.26deg);
}

html.mpe-hoover-dam-page .gh-content blockquote p {
    margin: 0 !important;
    color: #211307 !important;
}

html.mpe-hoover-dam-page .gh-content blockquote .mpe-hoover-fastener {
    position: absolute;
    left: 50%;
    top: -1.05rem;
    width: 7.2rem;
    height: 1.65rem;
    transform: translateX(-50%) rotate(var(--hd-tape-rot, -2.5deg));
    background: var(--hd-fastener-img) center / contain no-repeat;
    z-index: 6;
    pointer-events: none;
    filter: drop-shadow(0 5px 6px rgba(0,0,0,.25));
}

/* Photos as paper prints; attachment variety is handled by JS-inserted spans. */
html.mpe-hoover-dam-page .gh-content .kg-image-card,
html.mpe-hoover-dam-page .gh-content .kg-gallery-card,
html.mpe-hoover-dam-page .gh-content figure:not(.kg-bookmark-card) {
    position: relative;
    width: fit-content;
    max-width: min(100%, 880px);
    margin: 2.45rem auto;
    padding: .75rem .75rem 1.45rem;
    background: linear-gradient(180deg, rgba(249, 240, 211, .98), rgba(217, 198, 153, .98));
    border: 1px solid rgba(73, 42, 18, .32);
    border-radius: 3px 8px 5px 6px;
    box-shadow: 0 17px 32px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.38);
    transform: translateX(var(--mpe-photo-x, 0)) rotate(var(--mpe-photo-tilt, .2deg)) scale(var(--mpe-photo-lift, 1));
    overflow: visible !important;
}

html.mpe-hoover-dam-page .gh-content .kg-image-card img,
html.mpe-hoover-dam-page .gh-content .kg-gallery-card img,
html.mpe-hoover-dam-page .gh-content figure:not(.kg-bookmark-card) img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto !important;
    border-radius: 2px;
    filter: sepia(.32) saturate(.76) contrast(1.08) brightness(.95);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.28);
}

html.mpe-hoover-dam-page .gh-content figcaption {
    margin: .68rem auto -.78rem;
    color: rgba(49, 26, 10, .70) !important;
    font: 700 11px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .04em;
    text-align: center;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener {
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: 7;
    background: var(--hd-fastener-img) center / contain no-repeat;
    filter: drop-shadow(0 5px 7px rgba(0,0,0,.28));
    transform-origin: 50% 50%;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    width: var(--hd-fastener-w, 5.7rem);
    height: var(--hd-fastener-h, 1.55rem);
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    width: var(--hd-fastener-w, 1.35rem);
    height: var(--hd-fastener-h, 1.35rem);
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--staple {
    width: 2.05rem;
    height: .42rem;
    border-radius: 2px;
    background: linear-gradient(180deg, #ded4c0, #776e62);
    box-shadow: 0 3px 8px rgba(0,0,0,.25);
}

html.mpe-hoover-dam-page .hd-tape-yellow { --hd-fastener-img: url("hoover-tape-yellow-long.png"); }
html.mpe-hoover-dam-page .hd-tape-yellow-short { --hd-fastener-img: url("hoover-tape-yellow-short.png"); }
html.mpe-hoover-dam-page .hd-tape-green { --hd-fastener-img: url("hoover-tape-green-long.png"); }
html.mpe-hoover-dam-page .hd-tape-green-short { --hd-fastener-img: url("hoover-tape-green-short.png"); }
html.mpe-hoover-dam-page .hd-tape-white { --hd-fastener-img: url("hoover-tape-white-strip.png"); }
html.mpe-hoover-dam-page .hd-tape-white-2 { --hd-fastener-img: url("hoover-tape-white-2.png"); }
html.mpe-hoover-dam-page .hd-tape-cream { --hd-fastener-img: url("hoover-tape-cream-wide.png"); }
html.mpe-hoover-dam-page .hd-tape-cream-folded { --hd-fastener-img: url("hoover-tape-cream-folded.png"); }
html.mpe-hoover-dam-page .hd-tape-black { --hd-fastener-img: url("hoover-tape-black-long.png"); }
html.mpe-hoover-dam-page .hd-tape-black-short { --hd-fastener-img: url("hoover-tape-black-short.png"); }
html.mpe-hoover-dam-page .hd-tape-brown { --hd-fastener-img: url("hoover-tape-brown-rag.png"); }
html.mpe-hoover-dam-page .hd-tape-paper { --hd-fastener-img: url("hoover-quote-fiber.png"); }
html.mpe-hoover-dam-page .hd-pin-blue { --hd-fastener-img: url("hoover-pin-blue.png"); }
html.mpe-hoover-dam-page .hd-pin-green { --hd-fastener-img: url("hoover-pin-green.png"); }
html.mpe-hoover-dam-page .hd-pin-flag { --hd-fastener-img: url("hoover-pin-flag-red.png"); --hd-fastener-w: 2.2rem; --hd-fastener-h: 2.2rem; }

html.mpe-hoover-dam-page .hd-pos-tl { top: -.82rem; left: .95rem; transform: rotate(var(--hd-rot, -7deg)); }
html.mpe-hoover-dam-page .hd-pos-tc { top: -1.05rem; left: 50%; transform: translateX(-50%) rotate(var(--hd-rot, 1deg)); }
html.mpe-hoover-dam-page .hd-pos-tr { top: -.82rem; right: .95rem; transform: rotate(var(--hd-rot, 6deg)); }
html.mpe-hoover-dam-page .hd-pos-bl { bottom: -.62rem; left: 1.1rem; transform: rotate(var(--hd-rot, 4deg)); }
html.mpe-hoover-dam-page .hd-pos-bc { bottom: -.65rem; left: 50%; transform: translateX(-50%) rotate(var(--hd-rot, -1deg)); }
html.mpe-hoover-dam-page .hd-pos-br { bottom: -.62rem; right: 1.1rem; transform: rotate(var(--hd-rot, -4deg)); }
html.mpe-hoover-dam-page .hd-pos-left { top: 40%; left: -.95rem; transform: translateY(-50%) rotate(var(--hd-rot, -84deg)); }
html.mpe-hoover-dam-page .hd-pos-right { top: 40%; right: -.95rem; transform: translateY(-50%) rotate(var(--hd-rot, 84deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-tl { top: -.94rem; left: -.7rem; transform: rotate(var(--hd-rot, -31deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-tr { top: -.94rem; right: -.7rem; transform: rotate(var(--hd-rot, 31deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-bl { bottom: -.82rem; left: -.7rem; transform: rotate(var(--hd-rot, 28deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-br { bottom: -.82rem; right: -.7rem; transform: rotate(var(--hd-rot, -28deg)); }

/* Lists retain actual article hierarchy, but markers feel like route notes. */
html.mpe-hoover-dam-page .gh-content ul,
html.mpe-hoover-dam-page .gh-content ol {
    padding-left: 1.35em;
    margin-top: .7em;
    margin-bottom: 1.25em;
}

html.mpe-hoover-dam-page .gh-content li {
    margin: .38rem 0 .55rem;
    padding-left: .1em;
}

html.mpe-hoover-dam-page .gh-content li::marker {
    color: #723111;
    font-weight: 800;
}

html.mpe-hoover-dam-page .gh-content ol li::marker { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

html.mpe-hoover-dam-page .kg-bookmark-card,
html.mpe-hoover-dam-page .kg-card.kg-bookmark-card {
    border-radius: 6px !important;
    border: 1px solid rgba(82, 44, 19, .38) !important;
    background: rgba(229, 203, 141, .94) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.28) !important;
    overflow: hidden;
}

html.mpe-hoover-dam-page .kg-bookmark-title,
html.mpe-hoover-dam-page .kg-bookmark-description,
html.mpe-hoover-dam-page .kg-bookmark-metadata,
html.mpe-hoover-dam-page .kg-bookmark-card * {
    color: #2a170b !important;
}

/* Route/footer panels: compact pasted cards, not viewport bands. */
html.mpe-hoover-dam-page .mpe-post-routes,
html.mpe-hoover-dam-page .mpe-article-tags-panel,
html.mpe-hoover-dam-page .gh-readmore,
html.mpe-hoover-dam-page .mpe-book-widget,
html.mpe-hoover-dam-page .gh-comments,
html.mpe-hoover-dam-page .mpe-related-posts,
html.mpe-hoover-dam-page .gh-topic-minimal,
html.mpe-hoover-dam-page .gh-read-next {
    max-width: min(1040px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html.mpe-hoover-dam-page .mpe-article-tags-inner,
html.mpe-hoover-dam-page .mpe-book-widget,
html.mpe-hoover-dam-page .gh-comments,
html.mpe-hoover-dam-page .gh-readmore,
html.mpe-hoover-dam-page .mpe-related-posts {
    background:
        linear-gradient(180deg, rgba(54, 32, 17, .84), rgba(18, 13, 9, .88)) !important;
    border-color: rgba(207, 150, 64, .34) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.32) !important;
}

html.mpe-hoover-dam-page .mpe-print-panel {
    background: rgba(45, 28, 14, .74) !important;
    border-color: rgba(207, 150, 64, .38) !important;
    color: #ead4a3 !important;
}

@media (max-width: 760px) {
    html.mpe-hoover-dam-page,
    html.mpe-hoover-dam-page body {
        max-width: 100vw;
        overflow-x: clip !important;
    }

    html.mpe-hoover-dam-page body {
        background-attachment: scroll !important;
    }

    html.mpe-hoover-dam-page .gh-main {
        padding-top: 1.15rem;
        background-size: auto 100%, auto 100%, 980px auto !important;
    }

    html.mpe-hoover-dam-page .gh-article-header,
    html.mpe-hoover-dam-page .gh-content,
    html.mpe-hoover-dam-page .mpe-hoover-ledger-page,
    html.mpe-hoover-dam-page .mpe-post-routes,
    html.mpe-hoover-dam-page .mpe-article-tags-panel,
    html.mpe-hoover-dam-page .gh-readmore,
    html.mpe-hoover-dam-page .mpe-book-widget,
    html.mpe-hoover-dam-page .gh-comments,
    html.mpe-hoover-dam-page .mpe-related-posts,
    html.mpe-hoover-dam-page .gh-topic-minimal,
    html.mpe-hoover-dam-page .gh-read-next {
        max-width: calc(100vw - 18px) !important;
    }

    html.mpe-hoover-dam-page .gh-article-header {
        margin-top: .45rem !important;
        padding: 1.35rem .95rem 1.1rem;
        border-radius: 13px;
    }

    html.mpe-hoover-dam-page .gh-article-header::before {
        position: static;
        display: inline-block;
        width: fit-content;
        max-width: 100%;
        margin: 0 0 .75rem;
        transform: rotate(-.35deg);
        font-size: 8.5px;
    }

    html.mpe-hoover-dam-page .gh-article-header::after {
        left: .7rem;
        bottom: -.55rem;
        max-width: calc(100% - 1.4rem);
        font-size: 8px;
        white-space: normal;
    }

    html.mpe-hoover-dam-page .gh-article-title {
        font-size: clamp(3.0rem, 10vw, 4.5rem);
        line-height: 1.02;
    }

    html.mpe-hoover-dam-page .gh-article-sidebar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        max-width: 100%;
        margin: .95rem 0 1.1rem !important;
    }

    html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-image,
    html.mpe-hoover-dam-page .gh-article-sidebar .gh-author-image-list .gh-author-image:only-child {
        width: 40px;
        height: 40px;
    }

    html.mpe-hoover-dam-page .gh-content {
        font-size: 1.72rem;
        line-height: 1.72;
    }

    html.mpe-hoover-dam-page .mpe-hoover-ledger-page {
        margin: 1.35rem auto;
        padding: 1.45rem 1.05rem 1.45rem;
        border-radius: 8px 14px 14px 8px;
        transform: none !important;
    }

    html.mpe-hoover-dam-page .mpe-hoover-ledger-page p {
        margin-bottom: 1.15em !important;
    }

    html.mpe-hoover-dam-page .gh-content .kg-image-card,
    html.mpe-hoover-dam-page .gh-content .kg-gallery-card,
    html.mpe-hoover-dam-page .gh-content figure:not(.kg-bookmark-card) {
        width: auto;
        max-width: 100%;
        margin: 1.75rem auto;
        padding: .56rem .56rem 1.25rem;
        transform: rotate(var(--mpe-photo-tilt, 0deg));
    }

    html.mpe-hoover-dam-page .gh-content blockquote {
        width: auto;
        max-width: 100%;
        padding: 1.1rem .95rem 1rem;
        transform: none !important;
    }

    html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
        width: calc(var(--hd-fastener-w, 5.7rem) * .82);
        height: calc(var(--hd-fastener-h, 1.55rem) * .82);
    }

    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
        width: calc(var(--hd-fastener-w, 1.35rem) * .82);
        height: calc(var(--hd-fastener-h, 1.35rem) * .82);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.mpe-hoover-dam-page .mpe-hoover-ledger-page,
    html.mpe-hoover-dam-page .kg-card {
        transition: none !important;
    }
}


/* --- Hoover Dam field portfolio fix 4: leather covers, newspaper substrate, real paper fasteners. --- */
html.mpe-hoover-dam-page,
html.mpe-hoover-dam-page body {
    background-color: #070605 !important;
}

html.mpe-hoover-dam-page body {
    background:
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.34)),
        url("hoover-cover-dark-v4.jpg") center center / cover fixed no-repeat #070605 !important;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] body {
    background:
        linear-gradient(180deg, rgba(104,55,24,.10), rgba(70,34,16,.24)),
        url("hoover-cover-light-v4.jpg") center center / cover fixed no-repeat #70401f !important;
}

html.mpe-hoover-dam-page #gh-head,
html.mpe-hoover-dam-page .gh-foot {
    background:
        linear-gradient(180deg, rgba(34,19,10,.92), rgba(9,7,5,.96)),
        url("hoover-cover-dark-v4.jpg") center center / cover no-repeat #090706 !important;
    border-color: rgba(180, 108, 44, .42) !important;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] #gh-head,
html.mpe-hoover-dam-page[data-color-scheme="light"] .gh-foot {
    background:
        linear-gradient(180deg, rgba(126,71,33,.88), rgba(80,43,21,.94)),
        url("hoover-cover-light-v4.jpg") center center / cover no-repeat #6e3e20 !important;
    border-color: rgba(116, 62, 28, .52) !important;
}

/* The temporary Entropy Debt strip should sit on the leather, without a site-frame slab behind it. */
html.mpe-hoover-dam-page .edw-event,
html.mpe-hoover-dam-page .edw-event.gh-outer {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.mpe-hoover-dam-page .edw-event::before,
html.mpe-hoover-dam-page .edw-event::after {
    display: none !important;
}

html.mpe-hoover-dam-page .edw-event__panel {
    border-color: rgba(213, 148, 67, .58) !important;
    background:
        linear-gradient(180deg, rgba(31, 24, 17, .92), rgba(10, 9, 8, .94)),
        repeating-linear-gradient(120deg, rgba(255,255,255,.035) 0 1px, transparent 1px 12px) !important;
    box-shadow: 0 9px 22px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,237,177,.08) !important;
}

/* The article field is a fixed newspaper/collage board, not a repeating wallpaper. */
html.mpe-hoover-dam-page .gh-main {
    background-image:
        linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.13) 16%, rgba(0,0,0,.10) 50%, rgba(0,0,0,.13) 84%, rgba(0,0,0,.50)),
        linear-gradient(180deg, rgba(12, 8, 5, .28), rgba(14, 9, 6, .34)),
        url("hoover-news-dark-v4.jpg") !important;
    background-position: center center, center center, center center !important;
    background-size: 100% 100%, 100% 100%, cover !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-attachment: scroll, scroll, fixed !important;
    background-color: #1a1613 !important;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] .gh-main {
    background-image:
        linear-gradient(90deg, rgba(121,69,31,.28), rgba(255,245,217,.11) 16%, rgba(255,249,231,.08) 50%, rgba(255,245,217,.11) 84%, rgba(121,69,31,.30)),
        linear-gradient(180deg, rgba(255,243,205,.20), rgba(161,97,43,.16)),
        url("hoover-news-light-v4.jpg") !important;
    background-position: center center, center center, center center !important;
    background-size: 100% 100%, 100% 100%, cover !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-attachment: scroll, scroll, fixed !important;
    background-color: #d8c4a0 !important;
}

html.mpe-hoover-dam-page .gh-main::before {
    background: linear-gradient(90deg, rgba(0,0,0,.28), transparent 18%, transparent 82%, rgba(0,0,0,.32)) !important;
    mix-blend-mode: multiply;
}

html.mpe-hoover-dam-page .gh-main::after {
    box-shadow: inset 0 0 6.5vw rgba(0,0,0,.34) !important;
}

html.mpe-hoover-dam-page .gh-content,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page,
html.mpe-hoover-dam-page .gh-article-header,
html.mpe-hoover-dam-page .mpe-post-routes,
html.mpe-hoover-dam-page .mpe-article-tags-panel,
html.mpe-hoover-dam-page .gh-readmore,
html.mpe-hoover-dam-page .mpe-book-widget,
html.mpe-hoover-dam-page .gh-comments,
html.mpe-hoover-dam-page .mpe-related-posts,
html.mpe-hoover-dam-page .gh-topic-minimal,
html.mpe-hoover-dam-page .gh-read-next {
    max-width: min(1160px, calc(100vw - 64px)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page {
    max-width: min(1160px, calc(100vw - 64px)) !important;
    padding-left: clamp(2.2rem, 5.2vw, 5.0rem) !important;
    padding-right: clamp(2.2rem, 5.2vw, 5.0rem) !important;
    color: #211307 !important;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page p {
    margin: 0 0 1.32em !important;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page li {
    margin-bottom: .72em !important;
}

html.mpe-hoover-dam-page .mpe-hoover-ledger-page p,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page li,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page blockquote,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h2,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h3,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h4,
html.mpe-hoover-dam-page .gh-content p,
html.mpe-hoover-dam-page .gh-content li {
    color: #211307 !important;
}

html.mpe-hoover-dam-page .gh-content a {
    color: #6d2c11 !important;
}

/* Restore normal list markers; no added route glyphs. */
html.mpe-hoover-dam-page .gh-content ul li::marker,
html.mpe-hoover-dam-page .gh-content ul ul li::marker {
    content: normal !important;
    color: #5b2c12 !important;
}

html.mpe-hoover-dam-page .gh-content ol li::marker {
    color: #5b2c12 !important;
}

/* Quote slips: distinct paper, top-taped only. */
html.mpe-hoover-dam-page .gh-content blockquote {
    background:
        linear-gradient(180deg, rgba(255,255,255,.44), rgba(206,184,139,.12)),
        repeating-linear-gradient(0deg, transparent 0 28px, rgba(75,91,116,.13) 28px 29px),
        url("hoover-quote-paper-v4.webp") center / cover no-repeat,
        #ede1c5 !important;
    color: #211307 !important;
    border-color: rgba(83, 44, 18, .26) !important;
}
html.mpe-hoover-dam-page .gh-content blockquote:nth-of-type(even) {
    background:
        linear-gradient(180deg, rgba(255,255,255,.38), rgba(204,183,134,.10)),
        repeating-linear-gradient(0deg, transparent 0 28px, rgba(75,91,116,.12) 28px 29px),
        url("hoover-quote-paper-v5.webp") center / cover no-repeat,
        #e8d6ae !important;
}

/* New fastener library. */
html.mpe-hoover-dam-page .hd-tape-cloth-white { --hd-fastener-img: url("hoover-tape-cloth-white.webp"); }
html.mpe-hoover-dam-page .hd-tape-green-skinny { --hd-fastener-img: url("hoover-tape-green-skinny.webp"); }
html.mpe-hoover-dam-page .hd-tape-black-small-v2 { --hd-fastener-img: url("hoover-tape-black-small.webp"); }
html.mpe-hoover-dam-page .hd-tape-yellow-block { --hd-fastener-img: url("hoover-tape-yellow-block.webp"); }
html.mpe-hoover-dam-page .hd-tape-black-diag { --hd-fastener-img: url("hoover-tape-black-diag.webp"); }
html.mpe-hoover-dam-page .hd-tape-white-ripped { --hd-fastener-img: url("hoover-tape-white-ripped.webp"); }
html.mpe-hoover-dam-page .hd-tape-cream-wide-v2 { --hd-fastener-img: url("hoover-tape-cream-wide-v2.webp"); }
html.mpe-hoover-dam-page .hd-tape-brown-rag-v2 { --hd-fastener-img: url("hoover-tape-brown-rag-v2.webp"); }
html.mpe-hoover-dam-page .hd-tape-yellow-fabric { --hd-fastener-img: url("hoover-tape-yellow-fabric.webp"); }
html.mpe-hoover-dam-page .hd-tape-green-long-v2 { --hd-fastener-img: url("hoover-tape-green-long-v2.webp"); }
html.mpe-hoover-dam-page .hd-tape-cream-folded-v2 { --hd-fastener-img: url("hoover-tape-cream-folded-v2.webp"); }
html.mpe-hoover-dam-page .hd-tape-paper-leaf { --hd-fastener-img: url("hoover-tape-paper-leaf.webp"); }
html.mpe-hoover-dam-page .hd-tape-yellow-flat { --hd-fastener-img: url("hoover-tape-yellow-flat.webp"); }
html.mpe-hoover-dam-page .hd-tape-black-ragged { --hd-fastener-img: url("hoover-tape-black-ragged.webp"); }
html.mpe-hoover-dam-page .hd-tape-white-black { --hd-fastener-img: url("hoover-tape-white-black.webp"); }
html.mpe-hoover-dam-page .hd-tape-rainbow { --hd-fastener-img: url("hoover-tape-rainbow.webp"); }
html.mpe-hoover-dam-page .hd-tape-rainbow-long { --hd-fastener-img: url("hoover-tape-rainbow-long.webp"); }
html.mpe-hoover-dam-page .hd-tape-paper-beige { --hd-fastener-img: url("hoover-tape-paper-beige.webp"); }
html.mpe-hoover-dam-page .hd-tape-dark-brown { --hd-fastener-img: url("hoover-tape-dark-brown.webp"); }
html.mpe-hoover-dam-page .hd-tape-yellow-old { --hd-fastener-img: url("hoover-tape-yellow-old.webp"); }
html.mpe-hoover-dam-page .hd-tape-paper-flower { --hd-fastener-img: url("hoover-tape-paper-flower.webp"); }

html.mpe-hoover-dam-page .hd-pin-blue-v2 { --hd-fastener-img: url("hoover-pin-blue-v2.webp"); }
html.mpe-hoover-dam-page .hd-pin-flag-red-v2 { --hd-fastener-img: url("hoover-pin-flag-red-v2.webp"); }
html.mpe-hoover-dam-page .hd-pin-green-round { --hd-fastener-img: url("hoover-pin-green-round.webp"); }
html.mpe-hoover-dam-page .hd-pin-holo { --hd-fastener-img: url("hoover-pin-holo.webp"); }
html.mpe-hoover-dam-page .hd-pin-holo2 { --hd-fastener-img: url("hoover-pin-holo2.webp"); }
html.mpe-hoover-dam-page .hd-pin-yellow { --hd-fastener-img: url("hoover-pin-yellow.webp"); }
html.mpe-hoover-dam-page .hd-pin-yellow2 { --hd-fastener-img: url("hoover-pin-yellow2.webp"); }
html.mpe-hoover-dam-page .hd-pin-green-label { --hd-fastener-img: url("hoover-pin-green-label.webp"); }
html.mpe-hoover-dam-page .hd-pin-green-label2 { --hd-fastener-img: url("hoover-pin-green-label2.webp"); }

html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    width: var(--hd-fastener-w, 8.4rem);
    height: var(--hd-fastener-h, 2.15rem);
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    width: var(--hd-fastener-w, 2.05rem);
    height: var(--hd-fastener-h, 2.05rem);
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--staple {
    width: var(--hd-fastener-w, 2.6rem);
    height: var(--hd-fastener-h, .55rem);
}

html.mpe-hoover-dam-page .hd-pos-tl { top: -1.35rem; left: -1.1rem; transform: rotate(var(--hd-rot, -7deg)); }
html.mpe-hoover-dam-page .hd-pos-tc { top: -1.42rem; left: 50%; transform: translateX(-50%) rotate(var(--hd-rot, 1deg)); }
html.mpe-hoover-dam-page .hd-pos-tr { top: -1.35rem; right: -1.1rem; transform: rotate(var(--hd-rot, 6deg)); }
html.mpe-hoover-dam-page .hd-pos-bl { bottom: -1.0rem; left: -1.0rem; transform: rotate(var(--hd-rot, 4deg)); }
html.mpe-hoover-dam-page .hd-pos-bc { bottom: -1.08rem; left: 50%; transform: translateX(-50%) rotate(var(--hd-rot, -1deg)); }
html.mpe-hoover-dam-page .hd-pos-br { bottom: -1.0rem; right: -1.0rem; transform: rotate(var(--hd-rot, -4deg)); }
html.mpe-hoover-dam-page .hd-pos-left { top: 43%; left: -3.3rem; transform: translateY(-50%) rotate(var(--hd-rot, -84deg)); }
html.mpe-hoover-dam-page .hd-pos-right { top: 43%; right: -3.3rem; transform: translateY(-50%) rotate(var(--hd-rot, 84deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-tl { top: -1.48rem; left: -2.1rem; transform: rotate(var(--hd-rot, -31deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-tr { top: -1.48rem; right: -2.1rem; transform: rotate(var(--hd-rot, 31deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-bl { bottom: -1.35rem; left: -2.1rem; transform: rotate(var(--hd-rot, 28deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-br { bottom: -1.35rem; right: -2.1rem; transform: rotate(var(--hd-rot, -28deg)); }
html.mpe-hoover-dam-page .hd-pos-paperclip-tl { top: -1.7rem; left: 1.1rem; transform: rotate(var(--hd-rot, -4deg)); }
html.mpe-hoover-dam-page .hd-pos-paperclip-tr { top: -1.7rem; right: 1.1rem; transform: rotate(var(--hd-rot, 4deg)); }

html.mpe-hoover-dam-page .gh-content blockquote .mpe-hoover-fastener {
    top: -1.35rem;
    height: var(--hd-fastener-h, 2rem);
    width: var(--hd-fastener-w, 8.8rem);
}

@media (max-width: 760px) {
    html.mpe-hoover-dam-page body { background-attachment: scroll !important; }
    html.mpe-hoover-dam-page .gh-main {
        background-attachment: scroll, scroll, scroll !important;
        background-size: 100% 100%, 100% 100%, cover !important;
    }
    html.mpe-hoover-dam-page .gh-content,
    html.mpe-hoover-dam-page .mpe-hoover-ledger-page,
    html.mpe-hoover-dam-page .gh-article-header,
    html.mpe-hoover-dam-page .mpe-post-routes,
    html.mpe-hoover-dam-page .mpe-article-tags-panel,
    html.mpe-hoover-dam-page .gh-readmore,
    html.mpe-hoover-dam-page .mpe-book-widget,
    html.mpe-hoover-dam-page .gh-comments,
    html.mpe-hoover-dam-page .mpe-related-posts,
    html.mpe-hoover-dam-page .gh-topic-minimal,
    html.mpe-hoover-dam-page .gh-read-next {
        max-width: calc(100vw - 18px) !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-ledger-page {
        padding-left: 1.18rem !important;
        padding-right: 1.18rem !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
        width: calc(var(--hd-fastener-w, 8.4rem) * .72);
        height: calc(var(--hd-fastener-h, 2.15rem) * .72);
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
        width: calc(var(--hd-fastener-w, 2.05rem) * .78);
        height: calc(var(--hd-fastener-h, 2.05rem) * .78);
    }
}


/* --- Hoover Dam field portfolio fix 5: controlled leather header, no invented tags, bigger reliable fasteners. --- */
html.mpe-hoover-dam-page body {
    background:
        linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.28)),
        url("hoover-cover-dark-v5.jpg") center center / cover fixed no-repeat #070605 !important;
}
html.mpe-hoover-dam-page[data-color-scheme="light"] body {
    background:
        linear-gradient(180deg, rgba(104,55,24,.06), rgba(70,34,16,.18)),
        url("hoover-cover-light-v5.jpg") center center / cover fixed no-repeat #70401f !important;
}
html.mpe-hoover-dam-page #gh-head,
html.mpe-hoover-dam-page .gh-foot {
    background:
        linear-gradient(180deg, rgba(34,19,10,.94), rgba(9,7,5,.97)),
        url("hoover-cover-dark-v5.jpg") center center / cover no-repeat #090706 !important;
    border-color: rgba(180, 108, 44, .42) !important;
}
html.mpe-hoover-dam-page[data-color-scheme="light"] #gh-head,
html.mpe-hoover-dam-page[data-color-scheme="light"] .gh-foot {
    background:
        linear-gradient(180deg, rgba(126,71,33,.88), rgba(80,43,21,.94)),
        url("hoover-cover-light-v5.jpg") center center / cover no-repeat #6e3e20 !important;
    border-color: rgba(116, 62, 28, .52) !important;
}
html.mpe-hoover-dam-page .edw-event,
html.mpe-hoover-dam-page .edw-event.gh-outer {
    position: relative;
    z-index: 6;
    background:
        linear-gradient(180deg, rgba(31,18,10,.96), rgba(10,7,5,.98)),
        url("hoover-cover-dark-v5.jpg") center center / cover no-repeat #0b0806 !important;
    border-top: 1px solid rgba(185, 116, 50, .18) !important;
    border-bottom: 1px solid rgba(185, 116, 50, .36) !important;
    box-shadow: inset 0 18px 42px rgba(0,0,0,.22), 0 12px 26px rgba(0,0,0,.25) !important;
    padding-top: 1.65rem !important;
    padding-bottom: 1.65rem !important;
}
html.mpe-hoover-dam-page[data-color-scheme="light"] .edw-event,
html.mpe-hoover-dam-page[data-color-scheme="light"] .edw-event.gh-outer {
    background:
        linear-gradient(180deg, rgba(117,63,30,.92), rgba(80,41,20,.96)),
        url("hoover-cover-light-v5.jpg") center center / cover no-repeat #6b3b1e !important;
}
html.mpe-hoover-dam-page .edw-event::before,
html.mpe-hoover-dam-page .edw-event::after {
    display: none !important;
}
html.mpe-hoover-dam-page .edw-event__panel {
    border-color: rgba(213, 148, 67, .58) !important;
    background:
        linear-gradient(180deg, rgba(31, 24, 17, .92), rgba(10, 9, 8, .94)),
        repeating-linear-gradient(120deg, rgba(255,255,255,.035) 0 1px, transparent 1px 12px) !important;
    box-shadow: 0 9px 22px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,237,177,.08) !important;
}
html.mpe-hoover-dam-page .gh-main {
    background-image:
        linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.13) 16%, rgba(0,0,0,.09) 50%, rgba(0,0,0,.13) 84%, rgba(0,0,0,.50)),
        linear-gradient(180deg, rgba(12, 8, 5, .26), rgba(14, 9, 6, .30)),
        url("hoover-news-dark-v5.jpg") !important;
    background-position: center center, center center, center center !important;
    background-size: 100% 100%, 100% 100%, cover !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-attachment: scroll, scroll, fixed !important;
}
html.mpe-hoover-dam-page[data-color-scheme="light"] .gh-main {
    background-image:
        linear-gradient(90deg, rgba(121,69,31,.28), rgba(255,245,217,.11) 16%, rgba(255,249,231,.08) 50%, rgba(255,245,217,.11) 84%, rgba(121,69,31,.30)),
        linear-gradient(180deg, rgba(255,243,205,.18), rgba(161,97,43,.14)),
        url("hoover-news-light-v5.jpg") !important;
    background-position: center center, center center, center center !important;
    background-size: 100% 100%, 100% 100%, cover !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-attachment: scroll, scroll, fixed !important;
}
html.mpe-hoover-dam-page .gh-article-header::before {
    content: none !important;
    display: none !important;
}
html.mpe-hoover-dam-page .gh-article-header {
    padding-top: clamp(1.55rem, 3vw, 2.6rem) !important;
}
html.mpe-hoover-dam-page .gh-article-header .gh-article-image::before,
html.mpe-hoover-dam-page .gh-article-header .gh-article-image::after {
    content: none !important;
    display: none !important;
}
html.mpe-hoover-dam-page .hd-fx-flag-red { --hd-fastener-img: url("hoover-fx-flag-red.webp"); }
html.mpe-hoover-dam-page .hd-fx-pin-green-round { --hd-fastener-img: url("hoover-fx-pin-green-round.webp"); }
html.mpe-hoover-dam-page .hd-fx-pin-blue { --hd-fastener-img: url("hoover-fx-pin-blue.webp"); }
html.mpe-hoover-dam-page .hd-fx-pin-holo { --hd-fastener-img: url("hoover-fx-pin-holo.webp"); }
html.mpe-hoover-dam-page .hd-fx-pin-holo2 { --hd-fastener-img: url("hoover-fx-pin-holo2.webp"); }
html.mpe-hoover-dam-page .hd-fx-disc-gold { --hd-fastener-img: url("hoover-fx-disc-gold.webp"); }
html.mpe-hoover-dam-page .hd-fx-disc-gold2 { --hd-fastener-img: url("hoover-fx-disc-gold2.webp"); }
html.mpe-hoover-dam-page .hd-fx-tab-green { --hd-fastener-img: url("hoover-fx-tab-green.webp"); }
html.mpe-hoover-dam-page .hd-fx-tab-green2 { --hd-fastener-img: url("hoover-fx-tab-green2.webp"); }
html.mpe-hoover-dam-page .hd-fx-gold-label { --hd-fastener-img: url("hoover-fx-gold-label.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-yellow-soft { --hd-fastener-img: url("hoover-fx-tape-yellow-soft.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-yellow-long { --hd-fastener-img: url("hoover-fx-tape-yellow-long.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-green-long { --hd-fastener-img: url("hoover-fx-tape-green-long.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-green-small { --hd-fastener-img: url("hoover-fx-tape-green-small.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-black-long { --hd-fastener-img: url("hoover-fx-tape-black-long.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-black-rag { --hd-fastener-img: url("hoover-fx-tape-black-rag.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-white-double { --hd-fastener-img: url("hoover-fx-tape-white-double.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-white-strip { --hd-fastener-img: url("hoover-fx-tape-white-strip.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-cloth-blackwhite { --hd-fastener-img: url("hoover-fx-tape-cloth-blackwhite.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-brown-old { --hd-fastener-img: url("hoover-fx-tape-brown-old.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-rainbow-twist { --hd-fastener-img: url("hoover-fx-tape-rainbow-twist.webp"); }
html.mpe-hoover-dam-page .hd-fx-paper-leaf { --hd-fastener-img: url("hoover-fx-paper-leaf.webp"); }
html.mpe-hoover-dam-page .hd-fx-paper-flower { --hd-fastener-img: url("hoover-fx-paper-flower.webp"); }
html.mpe-hoover-dam-page .hd-fx-paper-leaf2 { --hd-fastener-img: url("hoover-fx-paper-leaf2.webp"); }
html.mpe-hoover-dam-page .hd-fx-cream-paper { --hd-fastener-img: url("hoover-fx-cream-paper.webp"); }
html.mpe-hoover-dam-page .hd-fx-cream-paper2 { --hd-fastener-img: url("hoover-fx-cream-paper2.webp"); }
html.mpe-hoover-dam-page .hd-fx-tape-brown-stars { --hd-fastener-img: url("hoover-fx-tape-brown-stars.webp"); }
html.mpe-hoover-dam-page .mpe-hoover-fastener {
    z-index: 16 !important;
    pointer-events: none !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 8px 7px rgba(0,0,0,.28)) !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    width: var(--hd-fastener-w, 11rem) !important;
    height: var(--hd-fastener-h, 2.8rem) !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    width: var(--hd-fastener-w, 3.05rem) !important;
    height: var(--hd-fastener-h, 3.05rem) !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--staple {
    width: var(--hd-fastener-w, 3.4rem) !important;
    height: var(--hd-fastener-h, .76rem) !important;
}
html.mpe-hoover-dam-page .hd-pos-tl { top: -1.05rem !important; left: -1.05rem !important; transform: rotate(var(--hd-rot, -7deg)); }
html.mpe-hoover-dam-page .hd-pos-tc { top: -1.45rem !important; left: 50% !important; transform: translateX(-50%) rotate(var(--hd-rot, 1deg)); }
html.mpe-hoover-dam-page .hd-pos-tr { top: -1.05rem !important; right: -1.05rem !important; transform: rotate(var(--hd-rot, 6deg)); }
html.mpe-hoover-dam-page .hd-pos-bl { bottom: -1.0rem !important; left: -1.0rem !important; transform: rotate(var(--hd-rot, 4deg)); }
html.mpe-hoover-dam-page .hd-pos-bc { bottom: -1.15rem !important; left: 50% !important; transform: translateX(-50%) rotate(var(--hd-rot, -1deg)); }
html.mpe-hoover-dam-page .hd-pos-br { bottom: -1.0rem !important; right: -1.0rem !important; transform: rotate(var(--hd-rot, -4deg)); }
html.mpe-hoover-dam-page .hd-pos-left { top: 48% !important; left: -4.1rem !important; transform: translateY(-50%) rotate(var(--hd-rot, -84deg)); }
html.mpe-hoover-dam-page .hd-pos-right { top: 48% !important; right: -4.1rem !important; transform: translateY(-50%) rotate(var(--hd-rot, 84deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-tl { top: -1.75rem !important; left: -2.3rem !important; transform: rotate(var(--hd-rot, -31deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-tr { top: -1.75rem !important; right: -2.3rem !important; transform: rotate(var(--hd-rot, 31deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-bl { bottom: -1.55rem !important; left: -2.3rem !important; transform: rotate(var(--hd-rot, 28deg)); }
html.mpe-hoover-dam-page .hd-pos-cross-br { bottom: -1.55rem !important; right: -2.3rem !important; transform: rotate(var(--hd-rot, -28deg)); }
html.mpe-hoover-dam-page .hd-pos-paperclip-tl { top: -1.55rem !important; left: 1.0rem !important; transform: rotate(var(--hd-rot, -4deg)); }
html.mpe-hoover-dam-page .hd-pos-paperclip-tr { top: -1.55rem !important; right: 1.0rem !important; transform: rotate(var(--hd-rot, 4deg)); }
html.mpe-hoover-dam-page .hd-pos-inset-tl { top: -.58rem !important; left: .55rem !important; transform: rotate(var(--hd-rot, -7deg)); }
html.mpe-hoover-dam-page .hd-pos-inset-tr { top: -.58rem !important; right: .55rem !important; transform: rotate(var(--hd-rot, 7deg)); }
html.mpe-hoover-dam-page .hd-pos-inset-bl { bottom: -.50rem !important; left: .55rem !important; transform: rotate(var(--hd-rot, 6deg)); }
html.mpe-hoover-dam-page .hd-pos-inset-br { bottom: -.50rem !important; right: .55rem !important; transform: rotate(var(--hd-rot, -6deg)); }
html.mpe-hoover-dam-page .gh-content blockquote .mpe-hoover-fastener {
    top: -1.55rem !important;
    width: var(--hd-fastener-w, 10.8rem) !important;
    height: var(--hd-fastener-h, 2.55rem) !important;
    z-index: 18 !important;
}
html.mpe-hoover-dam-page .gh-content blockquote { overflow: visible !important; }
@media (max-width: 760px) {
    html.mpe-hoover-dam-page .edw-event,
    html.mpe-hoover-dam-page .edw-event.gh-outer {
        padding-top: 1.15rem !important;
        padding-bottom: 1.15rem !important;
        background-attachment: scroll !important;
    }
    html.mpe-hoover-dam-page .gh-main {
        background-attachment: scroll, scroll, scroll !important;
        background-size: 100% 100%, 100% 100%, cover !important;
    }
    html.mpe-hoover-dam-page .gh-article-header::before { display: none !important; }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
        width: calc(var(--hd-fastener-w, 11rem) * .70) !important;
        height: calc(var(--hd-fastener-h, 2.8rem) * .70) !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
        width: calc(var(--hd-fastener-w, 3.05rem) * .72) !important;
        height: calc(var(--hd-fastener-h, 3.05rem) * .72) !important;
    }
    html.mpe-hoover-dam-page .hd-pos-left { left: -2.9rem !important; }
    html.mpe-hoover-dam-page .hd-pos-right { right: -2.9rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tl { left: -1.5rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tr { right: -1.5rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-bl { left: -1.5rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-br { right: -1.5rem !important; }
}

/* --- Hoover Dam journal fix 6: deterministic, same-scale attachments pinned to photo frames. --- */
html.mpe-hoover-dam-page .hd-tape-yellow-long { --hd-fastener-img: url("hoover-tape-yellow-long.png"); }

html.mpe-hoover-dam-page .mpe-hoover-photo,
html.mpe-hoover-dam-page .gh-article-header .gh-article-image {
    overflow: visible !important;
    isolation: isolate;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener {
    z-index: 30 !important;
    pointer-events: none !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 7px 8px rgba(0,0,0,.32)) !important;
    opacity: 1 !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    width: var(--hd-fastener-w, 8.8rem) !important;
    height: var(--hd-fastener-h, 2.15rem) !important;
    min-width: 7.35rem !important;
    min-height: 1.75rem !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    width: var(--hd-fastener-w, 2.85rem) !important;
    height: var(--hd-fastener-h, 2.85rem) !important;
    min-width: 2.65rem !important;
    min-height: 2.35rem !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--staple {
    display: none !important;
}

/* Keep all fasteners on the paper/photo frame, not floating inside the image or far off the card. */
html.mpe-hoover-dam-page .hd-pos-tl {
    top: -1.18rem !important;
    left: -1.08rem !important;
    transform: rotate(var(--hd-rot, -7deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-tr {
    top: -1.18rem !important;
    right: -1.08rem !important;
    transform: rotate(var(--hd-rot, 6deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-bl {
    bottom: -1.05rem !important;
    left: -1.05rem !important;
    transform: rotate(var(--hd-rot, 4deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-br {
    bottom: -1.05rem !important;
    right: -1.05rem !important;
    transform: rotate(var(--hd-rot, -4deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-tc {
    top: -1.36rem !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(var(--hd-rot, 0deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-bc {
    bottom: -1.22rem !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(var(--hd-rot, 0deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-left {
    top: 50% !important;
    left: -4.15rem !important;
    transform: translateY(-50%) rotate(var(--hd-rot, -88deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-right {
    top: 50% !important;
    right: -4.15rem !important;
    transform: translateY(-50%) rotate(var(--hd-rot, 88deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-tl {
    top: -1.28rem !important;
    left: -2.05rem !important;
    transform: rotate(var(--hd-rot, -28deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-tr {
    top: -1.28rem !important;
    right: -2.05rem !important;
    transform: rotate(var(--hd-rot, 28deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-bl {
    bottom: -1.2rem !important;
    left: -2.05rem !important;
    transform: rotate(var(--hd-rot, 25deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-br {
    bottom: -1.2rem !important;
    right: -2.05rem !important;
    transform: rotate(var(--hd-rot, -25deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-paperclip-tl,
html.mpe-hoover-dam-page .hd-pos-paperclip-tr {
    display: none !important;
}
html.mpe-hoover-dam-page .hd-pos-inset-tl,
html.mpe-hoover-dam-page .hd-pos-inset-tr,
html.mpe-hoover-dam-page .hd-pos-inset-bl,
html.mpe-hoover-dam-page .hd-pos-inset-br {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}

/* Quote slips get one big top tape only. */
html.mpe-hoover-dam-page .hd-pos-quote-top {
    top: -1.38rem !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(var(--hd-rot, -2deg)) !important;
}
html.mpe-hoover-dam-page .gh-content blockquote .mpe-hoover-fastener,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page blockquote .mpe-hoover-fastener {
    width: var(--hd-fastener-w, 11.2rem) !important;
    height: var(--hd-fastener-h, 2.35rem) !important;
    min-width: 9.6rem !important;
    min-height: 2.0rem !important;
    z-index: 31 !important;
}

/* Give photo frames a little more air so large physical fasteners can sit on the border. */
html.mpe-hoover-dam-page .gh-content .kg-image-card,
html.mpe-hoover-dam-page .gh-content .kg-gallery-card,
html.mpe-hoover-dam-page .gh-content figure:not(.kg-bookmark-card),
html.mpe-hoover-dam-page .gh-article-header .gh-article-image {
    padding: .84rem .84rem 1.25rem !important;
    border-radius: 5px 10px 7px 8px !important;
    overflow: visible !important;
    transform: translateX(0) rotate(var(--mpe-photo-tilt, 0deg)) scale(1) !important;
}

/* The newspaper substrate is a single pasted surface, not a visible repeat. */
html.mpe-hoover-dam-page .gh-main {
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-size: 100% 100%, 100% 100%, cover !important;
    background-position: center center, center center, center center !important;
}

@media (max-width: 760px) {
    html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
        width: calc(var(--hd-fastener-w, 8.8rem) * .74) !important;
        height: calc(var(--hd-fastener-h, 2.15rem) * .74) !important;
        min-width: 5.85rem !important;
        min-height: 1.45rem !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
        width: calc(var(--hd-fastener-w, 2.85rem) * .76) !important;
        height: calc(var(--hd-fastener-h, 2.85rem) * .76) !important;
        min-width: 2.1rem !important;
        min-height: 1.95rem !important;
    }
    html.mpe-hoover-dam-page .hd-pos-left { left: -3.08rem !important; }
    html.mpe-hoover-dam-page .hd-pos-right { right: -3.08rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tl { left: -1.55rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tr { right: -1.55rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-bl { left: -1.55rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-br { right: -1.55rem !important; }
}

/* --- Hoover Dam journal fix 7: life-sized fasteners, no tiny/cut pins. --- */
html.mpe-hoover-dam-page .hd-pin-gold-new,
html.mpe-hoover-dam-page .hd-pin-blue,
html.mpe-hoover-dam-page .hd-pin-blue-v2,
html.mpe-hoover-dam-page .hd-pin-flag,
html.mpe-hoover-dam-page .hd-pin-flag-red-v2,
html.mpe-hoover-dam-page .hd-fx-flag-red,
html.mpe-hoover-dam-page .hd-fx-pin-blue {
    --hd-fastener-img: url("hoover-pin-gold-new.png") !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener {
    opacity: 1 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: drop-shadow(0 9px 10px rgba(0,0,0,.34)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    width: var(--hd-fastener-w, 14rem) !important;
    height: var(--hd-fastener-h, 3.25rem) !important;
    min-width: 11.5rem !important;
    min-height: 2.65rem !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    width: var(--hd-fastener-w, 4.65rem) !important;
    height: var(--hd-fastener-h, 4.65rem) !important;
    min-width: 4.05rem !important;
    min-height: 4.05rem !important;
}

html.mpe-hoover-dam-page .mpe-hoover-photo,
html.mpe-hoover-dam-page .gh-article-header .gh-article-image,
html.mpe-hoover-dam-page .gh-content .kg-image-card,
html.mpe-hoover-dam-page .gh-content .kg-gallery-card,
html.mpe-hoover-dam-page .gh-content figure:not(.kg-bookmark-card) {
    overflow: visible !important;
}

/* Frame-edge placements: large enough to read as physical tape/pins, but attached to the photo frame. */
html.mpe-hoover-dam-page .hd-pos-tl {
    top: -2.15rem !important;
    left: -2.0rem !important;
    transform: rotate(var(--hd-rot, -7deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-tr {
    top: -2.15rem !important;
    right: -2.0rem !important;
    transform: rotate(var(--hd-rot, 6deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-bl {
    bottom: -2.05rem !important;
    left: -2.0rem !important;
    transform: rotate(var(--hd-rot, 4deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-br {
    bottom: -2.05rem !important;
    right: -2.0rem !important;
    transform: rotate(var(--hd-rot, -4deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-tc {
    top: -2.35rem !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(var(--hd-rot, 0deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-bc {
    bottom: -2.22rem !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(var(--hd-rot, 0deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-left {
    top: 50% !important;
    left: -6.5rem !important;
    transform: translateY(-50%) rotate(var(--hd-rot, -88deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-right {
    top: 50% !important;
    right: -6.5rem !important;
    transform: translateY(-50%) rotate(var(--hd-rot, 88deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-tl {
    top: -2.55rem !important;
    left: -4.15rem !important;
    transform: rotate(var(--hd-rot, -28deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-tr {
    top: -2.55rem !important;
    right: -4.15rem !important;
    transform: rotate(var(--hd-rot, 28deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-bl {
    bottom: -2.35rem !important;
    left: -4.15rem !important;
    transform: rotate(var(--hd-rot, 25deg)) !important;
}
html.mpe-hoover-dam-page .hd-pos-cross-br {
    bottom: -2.35rem !important;
    right: -4.15rem !important;
    transform: rotate(var(--hd-rot, -25deg)) !important;
}

/* Quote tape stays large and centered, never pinned. */
html.mpe-hoover-dam-page .hd-pos-quote-top {
    top: -2.05rem !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(var(--hd-rot, -2deg)) !important;
}
html.mpe-hoover-dam-page .gh-content blockquote .mpe-hoover-fastener,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page blockquote .mpe-hoover-fastener {
    width: var(--hd-fastener-w, 14.4rem) !important;
    height: var(--hd-fastener-h, 3.15rem) !important;
    min-width: 12rem !important;
    min-height: 2.65rem !important;
}

@media (max-width: 760px) {
    html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
        width: calc(var(--hd-fastener-w, 14rem) * .86) !important;
        height: calc(var(--hd-fastener-h, 3.25rem) * .86) !important;
        min-width: 9.6rem !important;
        min-height: 2.25rem !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
        width: calc(var(--hd-fastener-w, 4.65rem) * .82) !important;
        height: calc(var(--hd-fastener-h, 4.65rem) * .82) !important;
        min-width: 3.45rem !important;
        min-height: 3.45rem !important;
    }
    html.mpe-hoover-dam-page .hd-pos-tl { top: -1.72rem !important; left: -1.62rem !important; }
    html.mpe-hoover-dam-page .hd-pos-tr { top: -1.72rem !important; right: -1.62rem !important; }
    html.mpe-hoover-dam-page .hd-pos-bl { bottom: -1.62rem !important; left: -1.55rem !important; }
    html.mpe-hoover-dam-page .hd-pos-br { bottom: -1.62rem !important; right: -1.55rem !important; }
    html.mpe-hoover-dam-page .hd-pos-tc { top: -1.9rem !important; }
    html.mpe-hoover-dam-page .hd-pos-bc { bottom: -1.82rem !important; }
    html.mpe-hoover-dam-page .hd-pos-left { left: -5.1rem !important; }
    html.mpe-hoover-dam-page .hd-pos-right { right: -5.1rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tl { top: -2.05rem !important; left: -3.2rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tr { top: -2.05rem !important; right: -3.2rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-bl { bottom: -1.9rem !important; left: -3.2rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-br { bottom: -1.9rem !important; right: -3.2rem !important; }
}


/* --- Hoover Dam journal fix 8: weighted random fasteners, no rainbow/double assets, rough unlined pages. --- */
html.mpe-hoover-dam-page .hd-tape-rainbow,
html.mpe-hoover-dam-page .hd-tape-rainbow-long,
html.mpe-hoover-dam-page .hd-fx-tape-rainbow-twist,
html.mpe-hoover-dam-page .hd-fx-tape-white-double {
    display: none !important;
    background-image: none !important;
}
html.mpe-hoover-dam-page .hd-tape-black-ragged-crop { --hd-fastener-img: url("hoover-tape-black-ragged-crop.webp"); }
html.mpe-hoover-dam-page .hd-tape-cloth-white-crop { --hd-fastener-img: url("hoover-tape-cloth-white-crop.webp"); }
html.mpe-hoover-dam-page .hd-tape-yellow-fabric-crop { --hd-fastener-img: url("hoover-tape-yellow-fabric-crop.webp"); }
html.mpe-hoover-dam-page .hd-tape-green-skinny-crop { --hd-fastener-img: url("hoover-tape-green-skinny-crop.webp"); }

/* Revert article/section heading font to theme default; keep only diegetic color. */
html.mpe-hoover-dam-page .gh-article-title,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h2,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h3,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page h4 {
    font-family: inherit !important;
    letter-spacing: normal !important;
}

/* Section paper: unlined, wider, rough-edged pages. */
html.mpe-hoover-dam-page .mpe-hoover-ledger-page {
    isolation: isolate !important;
    background:
        radial-gradient(circle at 18% 12%, rgba(255,248,217,.36), transparent 26%),
        radial-gradient(circle at 82% 82%, rgba(120,64,24,.12), transparent 28%),
        linear-gradient(90deg, rgba(132,66,24,.10), transparent 10%, transparent 90%, rgba(98,49,20,.13)),
        linear-gradient(180deg, #ecd09a 0%, #dfbd7f 55%, #d4ad6f 100%) !important;
    border: 0 !important;
    border-radius: 10px 19px 14px 8px !important;
    box-shadow:
        0 22px 50px rgba(0,0,0,.34),
        0 0 0 1px rgba(92,50,20,.25) inset,
        inset 22px 0 46px rgba(100,51,20,.055),
        inset -28px 0 56px rgba(50,26,12,.09) !important;
    overflow: visible !important;
}
html.mpe-hoover-dam-page .mpe-hoover-ledger-page::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: -9px -10px -10px -8px !important;
    pointer-events: none !important;
    border-radius: 16px 24px 18px 14px !important;
    background:
        linear-gradient(180deg, rgba(238,205,144,.98), rgba(202,155,86,.98)),
        #d8b679 !important;
    clip-path: polygon(0.3% 1.2%, 4% 0.3%, 8% 1.1%, 12% .2%, 18% .9%, 24% .3%, 31% 1.1%, 37% .4%, 44% 1.0%, 52% .2%, 60% .9%, 68% .35%, 75% 1.2%, 82% .25%, 89% .85%, 96% .3%, 99.4% 1.4%, 99.2% 9%, 99.8% 15%, 99.1% 23%, 99.7% 31%, 99.3% 42%, 99.9% 50%, 99.1% 59%, 99.8% 68%, 99.2% 78%, 99.9% 88%, 99.1% 98.4%, 92% 99.6%, 85% 98.9%, 78% 99.7%, 70% 98.9%, 63% 99.5%, 55% 98.8%, 48% 99.6%, 39% 98.9%, 31% 99.5%, 22% 98.7%, 15% 99.6%, 7% 98.8%, .8% 99.4%, .2% 91%, .9% 84%, .2% 75%, .8% 66%, .2% 58%, .9% 49%, .3% 40%, .8% 30%, .2% 20%, .9% 10%) !important;
    filter: drop-shadow(0 12px 18px rgba(0,0,0,.18)) !important;
}
html.mpe-hoover-dam-page .mpe-hoover-ledger-page::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,.18), transparent 22%),
        radial-gradient(circle at 88% 78%, rgba(71,36,15,.12), transparent 26%),
        repeating-linear-gradient(97deg, rgba(255,255,255,.026) 0 1px, transparent 1px 13px) !important;
    opacity: .62 !important;
}
html.mpe-hoover-dam-page .mpe-hoover-ledger-page > * {
    position: relative !important;
    z-index: 2 !important;
}
html.mpe-hoover-dam-page .mpe-hoover-ledger-page p {
    margin: 0 0 1.28em !important;
}

/* Tape/fasteners should read as physical objects and can overlap neighboring text when the artifact demands it. */
html.mpe-hoover-dam-page .mpe-hoover-photo,
html.mpe-hoover-dam-page .gh-content blockquote {
    position: relative !important;
    z-index: 8 !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener {
    z-index: 120 !important;
    pointer-events: none !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 10px 12px rgba(0,0,0,.38)) !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    width: var(--hd-fastener-w, 15.6rem) !important;
    height: var(--hd-fastener-h, 3.55rem) !important;
    min-width: 13.3rem !important;
    min-height: 3.0rem !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    width: var(--hd-fastener-w, 5.05rem) !important;
    height: var(--hd-fastener-h, 5.05rem) !important;
    min-width: 4.6rem !important;
    min-height: 4.6rem !important;
}
/* Keep placements attached to the frame while making them life-sized. */
html.mpe-hoover-dam-page .hd-pos-tl { top: -2.1rem !important; left: -2.0rem !important; }
html.mpe-hoover-dam-page .hd-pos-tr { top: -2.1rem !important; right: -2.0rem !important; }
html.mpe-hoover-dam-page .hd-pos-bl { bottom: -2.0rem !important; left: -1.95rem !important; }
html.mpe-hoover-dam-page .hd-pos-br { bottom: -2.0rem !important; right: -1.95rem !important; }
html.mpe-hoover-dam-page .hd-pos-tc { top: -2.1rem !important; }
html.mpe-hoover-dam-page .hd-pos-bc { bottom: -2.1rem !important; }
html.mpe-hoover-dam-page .hd-pos-left { left: -6.15rem !important; }
html.mpe-hoover-dam-page .hd-pos-right { right: -6.15rem !important; }
html.mpe-hoover-dam-page .hd-pos-cross-tl { top: -2.35rem !important; left: -3.55rem !important; }
html.mpe-hoover-dam-page .hd-pos-cross-tr { top: -2.35rem !important; right: -3.55rem !important; }
html.mpe-hoover-dam-page .hd-pos-cross-bl { bottom: -2.2rem !important; left: -3.55rem !important; }
html.mpe-hoover-dam-page .hd-pos-cross-br { bottom: -2.2rem !important; right: -3.55rem !important; }
html.mpe-hoover-dam-page .gh-content blockquote .mpe-hoover-fastener,
html.mpe-hoover-dam-page .mpe-hoover-ledger-page blockquote .mpe-hoover-fastener {
    z-index: 140 !important;
    width: var(--hd-fastener-w, 15.7rem) !important;
    height: var(--hd-fastener-h, 3.25rem) !important;
    min-width: 13.2rem !important;
    min-height: 2.85rem !important;
}
html.mpe-hoover-dam-page .hd-pos-quote-top { top: -2.1rem !important; }
@media (max-width: 760px) {
    html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
        width: calc(var(--hd-fastener-w, 15.6rem) * .92) !important;
        height: calc(var(--hd-fastener-h, 3.55rem) * .92) !important;
        min-width: 11.8rem !important;
        min-height: 2.65rem !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
        width: calc(var(--hd-fastener-w, 5.05rem) * .88) !important;
        height: calc(var(--hd-fastener-h, 5.05rem) * .88) !important;
        min-width: 3.9rem !important;
        min-height: 3.9rem !important;
    }
    html.mpe-hoover-dam-page .hd-pos-left { left: -5.3rem !important; }
    html.mpe-hoover-dam-page .hd-pos-right { right: -5.3rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tl { left: -2.75rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-tr { right: -2.75rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-bl { left: -2.75rem !important; }
    html.mpe-hoover-dam-page .hd-pos-cross-br { right: -2.75rem !important; }
}


/* --- Hoover Dam journal fix 9: rarer gold pin, unique stamps, safety pins, ED-E plate hook. --- */
html.mpe-hoover-dam-page .hd-pin-blue { --hd-fastener-img: url("hoover-pin-blue.png") !important; }
html.mpe-hoover-dam-page .hd-pin-green { --hd-fastener-img: url("hoover-pin-green.png") !important; }
html.mpe-hoover-dam-page .hd-pin-yellow { --hd-fastener-img: url("hoover-pin-yellow.webp") !important; }
html.mpe-hoover-dam-page .hd-pin-gold-new { --hd-fastener-img: url("hoover-pin-gold-new.png") !important; }
html.mpe-hoover-dam-page .hd-pin-red-round { --hd-fastener-img: url("hoover-pin-red-round.png") !important; }
html.mpe-hoover-dam-page .hd-pin-white-round { --hd-fastener-img: url("hoover-pin-white-round.png") !important; }
html.mpe-hoover-dam-page .hd-safety-pin-gold { --hd-fastener-img: url("hoover-safety-pin-gold.png") !important; }
html.mpe-hoover-dam-page .hd-safety-pin-silver { --hd-fastener-img: url("hoover-safety-pin-silver.png") !important; }
html.mpe-hoover-dam-page .hd-safety-pin-open { --hd-fastener-img: url("hoover-safety-pin-silver-open.png") !important; }
html.mpe-hoover-dam-page .hd-stamp-smithsonian { --hd-fastener-img: url("hoover-stamp-smithsonian.png") !important; --hd-fastener-w: 4.7rem; --hd-fastener-h: 6.75rem; }
html.mpe-hoover-dam-page .hd-stamp-stlawrence { --hd-fastener-img: url("hoover-stamp-stlawrence.png") !important; --hd-fastener-w: 6.4rem; --hd-fastener-h: 4.5rem; }
html.mpe-hoover-dam-page .hd-stamp-rabbit { --hd-fastener-img: url("hoover-stamp-rabbit.png") !important; --hd-fastener-w: 5.5rem; --hd-fastener-h: 5.5rem; }
html.mpe-hoover-dam-page .hd-stamp-education { --hd-fastener-img: url("hoover-stamp-education.png") !important; --hd-fastener-w: 6.25rem; --hd-fastener-h: 4.4rem; }
html.mpe-hoover-dam-page .hd-stamp-tiger { --hd-fastener-img: url("hoover-stamp-tiger.png") !important; --hd-fastener-w: 5.5rem; --hd-fastener-h: 5.5rem; }
html.mpe-hoover-dam-page .hd-stamp-apprenticeship { --hd-fastener-img: url("hoover-stamp-apprenticeship.png") !important; --hd-fastener-w: 6.2rem; --hd-fastener-h: 4.5rem; }
html.mpe-hoover-dam-page .hd-stamp-petroleum { --hd-fastener-img: url("hoover-stamp-petroleum.png") !important; --hd-fastener-w: 4.7rem; --hd-fastener-h: 6.65rem; }
html.mpe-hoover-dam-page .hd-license-plate { --hd-fastener-img: url("hoover-license-plate-ede.png") !important; }

html.mpe-hoover-dam-page .mpe-hoover-fastener--stamp,
html.mpe-hoover-dam-page .mpe-hoover-fastener--safety,
html.mpe-hoover-dam-page .mpe-hoover-fastener--plate {
    display: block !important;
    position: absolute !important;
    z-index: 124 !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 10px 12px rgba(0,0,0,.38)) !important;
    transform-origin: 50% 50% !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--stamp {
    width: var(--hd-fastener-w, 5.3rem) !important;
    height: var(--hd-fastener-h, 4.35rem) !important;
    min-width: 4.6rem !important;
    min-height: 4.0rem !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--safety {
    width: var(--hd-fastener-w, 9.15rem) !important;
    height: var(--hd-fastener-h, 2.45rem) !important;
    min-width: 8.35rem !important;
    min-height: 2.1rem !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--plate {
    width: var(--hd-fastener-w, 10.4rem) !important;
    height: var(--hd-fastener-h, 4.55rem) !important;
    min-width: 9.2rem !important;
    min-height: 4.0rem !important;
    z-index: 145 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    border: 0 !important;
    outline: none !important;
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
html.mpe-hoover-dam-page .hd-pos-ede-plate {
    top: -2.7rem !important;
    left: 50% !important;
    transform: translateX(-50%) rotate(var(--hd-rot, -1deg)) !important;
}
html.mpe-hoover-dam-page .mpe-hoover-fastener--plate.is-shaking {
    animation: hdEdePlateShake .45s ease-in-out;
}
@keyframes hdEdePlateShake {
    0% { transform: translateX(-50%) rotate(-1deg) translateY(0); }
    18% { transform: translateX(-50%) rotate(-3deg) translateY(-1px); }
    36% { transform: translateX(-50%) rotate(2deg) translateY(0); }
    54% { transform: translateX(-50%) rotate(-2deg) translateY(-1px); }
    72% { transform: translateX(-50%) rotate(1deg) translateY(0); }
    100% { transform: translateX(-50%) rotate(-1deg) translateY(0); }
}
html.mpe-hoover-dam-page .mpe-hoover-photo--ede .mpe-hoover-fastener--pin {
    z-index: 142 !important;
}

@media (max-width: 760px) {
    html.mpe-hoover-dam-page .mpe-hoover-fastener--stamp {
        width: calc(var(--hd-fastener-w, 5.3rem) * .86) !important;
        height: calc(var(--hd-fastener-h, 4.35rem) * .86) !important;
        min-width: 3.95rem !important;
        min-height: 3.55rem !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--safety {
        width: calc(var(--hd-fastener-w, 9.15rem) * .84) !important;
        height: calc(var(--hd-fastener-h, 2.45rem) * .84) !important;
        min-width: 6.95rem !important;
        min-height: 1.75rem !important;
    }
    html.mpe-hoover-dam-page .mpe-hoover-fastener--plate {
        width: calc(var(--hd-fastener-w, 10.4rem) * .82) !important;
        height: calc(var(--hd-fastener-h, 4.55rem) * .82) !important;
        min-width: 7.55rem !important;
        min-height: 3.25rem !important;
    }
    html.mpe-hoover-dam-page .hd-pos-ede-plate {
        top: -2.35rem !important;
    }
}

/* --- Hoover Dam journal fix 10: final fastener normalization and Eyebot event. --- */
html.mpe-hoover-dam-page .hd-pin-blue,
html.mpe-hoover-dam-page .hd-pin-blue-v2,
html.mpe-hoover-dam-page .hd-fx-pin-blue {
    display: none !important;
    background-image: none !important;
    --hd-fastener-img: none !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener {
    z-index: 120 !important;
    pointer-events: none !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 9px 10px rgba(0,0,0,.35)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    width: var(--hd-fastener-w, 15.2rem) !important;
    height: var(--hd-fastener-h, 3.4rem) !important;
    min-width: 12.8rem !important;
    min-height: 2.85rem !important;
    background-size: var(--hd-tape-fit, 100%) auto !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    width: var(--hd-fastener-w, 4.9rem) !important;
    height: var(--hd-fastener-h, 4.9rem) !important;
    min-width: 4.45rem !important;
    min-height: 4.45rem !important;
    background-size: var(--hd-pin-fit, 100%) auto !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-red-round { --hd-pin-fit: 312%; }
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-white-round { --hd-pin-fit: 132%; }
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-green { --hd-pin-fit: 158%; }
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-yellow { --hd-pin-fit: 132%; }
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-green-round,
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-holo,
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-holo2,
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pin-gold-new {
    --hd-pin-fit: 100%;
}

html.mpe-hoover-dam-page .hd-tape-brown,
html.mpe-hoover-dam-page .hd-tape-brown-rag { --hd-tape-fit: 138%; }
html.mpe-hoover-dam-page .hd-tape-white,
html.mpe-hoover-dam-page .hd-tape-white-strip { --hd-tape-fit: 130%; }
html.mpe-hoover-dam-page .hd-tape-black,
html.mpe-hoover-dam-page .hd-tape-black-long { --hd-tape-fit: 126%; }

html.mpe-hoover-dam-page .mpe-hoover-fastener--page-stamp {
    z-index: 3 !important;
    opacity: .76 !important;
    mix-blend-mode: multiply;
    filter: drop-shadow(0 4px 5px rgba(0,0,0,.18)) !important;
}

html.mpe-hoover-dam-page .hd-pos-page-stamp-right {
    top: .95rem !important;
    right: 1.1rem !important;
    transform: rotate(var(--hd-rot, 3deg)) !important;
}

html.mpe-hoover-dam-page .hd-pos-page-stamp-left {
    top: 1.05rem !important;
    left: 1.05rem !important;
    transform: rotate(var(--hd-rot, -3deg)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--safety {
    display: none !important;
}

@media (max-width: 760px) {
    html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
        width: calc(var(--hd-fastener-w, 15.2rem) * .86) !important;
        height: calc(var(--hd-fastener-h, 3.4rem) * .86) !important;
        min-width: 10.8rem !important;
        min-height: 2.42rem !important;
    }

    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
        width: calc(var(--hd-fastener-w, 4.9rem) * .76) !important;
        height: calc(var(--hd-fastener-h, 4.9rem) * .76) !important;
        min-width: 3.35rem !important;
        min-height: 3.35rem !important;
    }

    html.mpe-hoover-dam-page .mpe-hoover-fastener--page-stamp {
        opacity: .48 !important;
    }
}

.mpe-hoover-eyebot-runner {
    position: fixed;
    inset: 0;
    z-index: 64;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    opacity: 0;
    transition: opacity .28s ease;
}

html[data-hoover-eyebot-active="true"] .mpe-hoover-eyebot-runner,
html[data-hoover-eyebot-breaking="true"] .mpe-hoover-eyebot-runner {
    opacity: 1;
}

.mpe-hoover-eyebot-dragger {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 65;
    width: 76px;
    height: 76px;
    border-radius: 999px;
    background: transparent;
    cursor: grab;
    pointer-events: auto;
    touch-action: none;
}

.mpe-hoover-eyebot-dragger:active,
html[data-hoover-eyebot-dragging="true"] .mpe-hoover-eyebot-dragger {
    cursor: grabbing;
}

.mpe-badge--hoover-eyebot {
    border-color: rgba(238, 198, 67, .34);
    background:
        radial-gradient(circle at 50% 50%, rgba(8, 10, 9, .22), rgba(8, 10, 9, .42)),
        rgba(127, 127, 127, .08);
    overflow: hidden;
}

.mpe-badge--hoover-eyebot::before {
    content: "";
    width: 3.05rem;
    height: 3.05rem;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 64%, rgba(89, 226, 198, .64) 0 10%, transparent 11%),
        radial-gradient(circle at 50% 50%, #d7d0b8 0 56%, #161410 58% 63%, transparent 64%);
    filter: drop-shadow(0 0 6px rgba(238, 198, 67, .18));
}

.mpe-badge--hoover-eyebot::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.55rem;
    height: .82rem;
    border: 1px solid rgba(4, 9, 8, .82);
    border-radius: 999px;
    transform: translate(-34%, -52%);
    background:
        linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.34)),
        url("hoover-eyebot-visor-pattern.svg") center / 10rem auto;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

html[data-hoover-eyebot-active="true"] .mpe-badge--hoover-eyebot {
    border-color: rgba(88, 255, 220, .50);
    box-shadow: 0 0 0 1px rgba(88, 255, 220, .16), 0 0 25px rgba(88, 255, 220, .16);
}

html[data-hoover-eyebot-broken="true"] .mpe-badge--hoover-eyebot {
    border-color: rgba(255, 118, 86, .48);
    filter: saturate(.72);
}

html[data-hoover-eyebot-broken="true"] .mpe-badge--hoover-eyebot::after {
    background:
        linear-gradient(132deg, transparent 0 43%, rgba(255,255,255,.76) 44% 48%, transparent 49%),
        linear-gradient(38deg, transparent 0 50%, rgba(255,255,255,.64) 51% 54%, transparent 55%),
        url("hoover-eyebot-visor-pattern.svg") center / 10rem auto;
}

.gh-foot .gh-foot-inner {
    position: relative;
}

.mpe-hoover-eyebot-heap {
    position: absolute;
    top: -.9rem;
    right: clamp(1rem, 7vw, 7rem);
    z-index: 4;
    width: 8.2rem;
    height: 4.6rem;
    pointer-events: none;
    transform: rotate(-7deg);
    filter: drop-shadow(0 8px 9px rgba(0,0,0,.42));
}

.mpe-hoover-eyebot-heap__body,
.mpe-hoover-eyebot-heap__visor,
.mpe-hoover-eyebot-heap__antenna,
.mpe-hoover-eyebot-heap__spark {
    position: absolute;
    display: block;
}

.mpe-hoover-eyebot-heap__body {
    left: 1.55rem;
    bottom: .25rem;
    width: 3.6rem;
    height: 3.1rem;
    border: 2px solid rgba(10, 9, 7, .86);
    border-radius: 50%;
    background: radial-gradient(circle at 42% 34%, #ded8c3, #8d8775 70%);
}

.mpe-hoover-eyebot-heap__visor {
    left: 2.35rem;
    bottom: 1.35rem;
    width: 2rem;
    height: .95rem;
    border: 1px solid rgba(4, 9, 8, .86);
    border-radius: 999px;
    background:
        linear-gradient(128deg, transparent 0 44%, rgba(255,255,255,.78) 45% 49%, transparent 50%),
        url("hoover-eyebot-visor-pattern.svg") center / 11rem auto;
}

.mpe-hoover-eyebot-heap__antenna {
    width: 3.5rem;
    height: .22rem;
    border-radius: 999px;
    background: rgba(13, 12, 10, .88);
    transform-origin: 0 50%;
}

.mpe-hoover-eyebot-heap__antenna--one {
    left: .55rem;
    bottom: 2.95rem;
    transform: rotate(-31deg);
}

.mpe-hoover-eyebot-heap__antenna--two {
    left: 4.7rem;
    bottom: 2.15rem;
    transform: rotate(14deg);
}

.mpe-hoover-eyebot-heap__spark {
    left: 5.1rem;
    bottom: .9rem;
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: rgba(88, 255, 220, .72);
    box-shadow: .8rem -.35rem 0 rgba(238,198,67,.48), 1.15rem .28rem 0 rgba(255,118,86,.34);
    animation: mpeHooverEyebotHeapSpark 1.4s steps(2, end) infinite;
}

@keyframes mpeHooverEyebotHeapSpark {
    0%, 100% { opacity: .35; }
    50% { opacity: .85; }
}

/* --- Hoover Dam journal fix 11: comments, footer join, plate target, calmer fasteners. --- */
html.mpe-hoover-dam-page .gh-main {
    padding-bottom: 0 !important;
}

html.mpe-hoover-dam-page .gh-comments.gh-canvas {
    display: block !important;
}

html.mpe-hoover-dam-page .gh-comments {
    box-sizing: border-box !important;
    width: min(900px, calc(100vw - 48px)) !important;
    max-width: min(900px, calc(100vw - 48px)) !important;
    margin: clamp(2.8rem, 5vw, 4.8rem) auto 0 !important;
    padding: clamp(1.45rem, 3vw, 2.7rem) !important;
    color: #261609 !important;
    border: 0 !important;
    border-radius: 13px 18px 12px 16px !important;
    background:
        radial-gradient(circle at 16% 12%, rgba(255, 249, 218, .34), transparent 28%),
        radial-gradient(circle at 88% 84%, rgba(88, 45, 17, .12), transparent 30%),
        linear-gradient(90deg, rgba(120, 61, 22, .10), transparent 12%, transparent 88%, rgba(86, 44, 19, .12)),
        linear-gradient(180deg, rgba(238, 210, 151, .96), rgba(209, 168, 102, .97)) !important;
    box-shadow:
        0 20px 42px rgba(0,0,0,.28),
        0 0 0 1px rgba(92,50,20,.22) inset,
        inset 18px 0 42px rgba(100,51,20,.05),
        inset -22px 0 50px rgba(50,26,12,.08) !important;
}

html.mpe-hoover-dam-page .gh-comments .gh-pagehead {
    margin: 0 0 1.45rem !important;
    padding: 0 !important;
}

html.mpe-hoover-dam-page .gh-comments .gh-pagehead-title {
    color: #2b1708 !important;
    text-shadow: none !important;
}

html.mpe-hoover-dam-page .gh-comments iframe,
html.mpe-hoover-dam-page .gh-comments [data-ghost-comments] {
    max-width: 100% !important;
    border-radius: 9px !important;
    background: rgba(244, 228, 190, .72) !important;
}

html.mpe-hoover-dam-page .mpe-book-widget-panel {
    width: 100% !important;
    max-width: none !important;
    margin: clamp(2.6rem, 5vw, 4.6rem) 0 0 !important;
    padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(3.6rem, 8vw, 6.8rem) !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.14) 14%, rgba(0,0,0,.10) 50%, rgba(0,0,0,.15) 86%, rgba(0,0,0,.58)),
        linear-gradient(180deg, rgba(17, 10, 6, .12), rgba(12, 8, 5, .38)),
        url("hoover-news-dark.jpg") center top / 1200px auto repeat #1b1714 !important;
    box-shadow: inset 0 34px 56px rgba(0,0,0,.22), inset 0 -42px 60px rgba(0,0,0,.34) !important;
}

html.mpe-hoover-dam-page[data-color-scheme="light"] .mpe-book-widget-panel {
    background:
        linear-gradient(90deg, rgba(119, 67, 30, .30), rgba(255, 241, 204, .14) 14%, rgba(255, 250, 230, .10) 50%, rgba(255, 241, 204, .14) 86%, rgba(119, 67, 30, .30)),
        linear-gradient(180deg, rgba(255, 244, 209, .20), rgba(161, 100, 46, .18)),
        url("hoover-news-light.jpg") center top / 1200px auto repeat #e1d2b0 !important;
    box-shadow: inset 0 30px 50px rgba(72,35,12,.12), inset 0 -42px 58px rgba(70,32,12,.18) !important;
}

html.mpe-hoover-dam-page .mpe-book-widget-inner {
    border-top: 0 !important;
    padding-top: 0 !important;
}

html.mpe-hoover-dam-page .gh-foot {
    margin-top: 0 !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener {
    opacity: .82 !important;
    filter: saturate(.58) sepia(.07) contrast(.94) drop-shadow(0 8px 9px rgba(0,0,0,.30)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--tape {
    opacity: .88 !important;
    filter: saturate(.52) sepia(.09) contrast(.94) drop-shadow(0 8px 8px rgba(0,0,0,.25)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--pin {
    opacity: .56 !important;
    filter: saturate(.42) sepia(.13) contrast(.90) drop-shadow(0 6px 7px rgba(0,0,0,.23)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--stamp,
html.mpe-hoover-dam-page .mpe-hoover-fastener--page-stamp {
    opacity: .68 !important;
    mix-blend-mode: multiply !important;
    filter: saturate(.66) sepia(.04) contrast(.94) drop-shadow(0 4px 5px rgba(0,0,0,.16)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--plate {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    position: absolute !important;
    z-index: 260 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    border: 0 !important;
    padding: 0 !important;
    opacity: .96 !important;
    background-color: transparent !important;
    filter: saturate(.72) sepia(.04) contrast(.95) drop-shadow(0 10px 10px rgba(0,0,0,.32)) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener--plate:focus-visible {
    outline: 2px solid rgba(88, 255, 220, .76) !important;
    outline-offset: 3px !important;
}

html.mpe-hoover-dam-page .hd-stamp-bastionland { --hd-fastener-img: url("hoover-stamp-bastionland.png") !important; --hd-fastener-w: 5.5rem; --hd-fastener-h: 5.0rem; }
html.mpe-hoover-dam-page .hd-stamp-aviation-diamond { --hd-fastener-img: url("hoover-stamp-aviation-diamond.png") !important; --hd-fastener-w: 7.4rem; --hd-fastener-h: 3.9rem; }
html.mpe-hoover-dam-page .hd-stamp-red-queen { --hd-fastener-img: url("hoover-stamp-red-queen.png") !important; --hd-fastener-w: 5.35rem; --hd-fastener-h: 5.35rem; }
html.mpe-hoover-dam-page .hd-stamp-cuba-landscape { --hd-fastener-img: url("hoover-stamp-cuba-landscape.png") !important; --hd-fastener-w: 5.35rem; --hd-fastener-h: 5.35rem; }
html.mpe-hoover-dam-page .hd-stamp-rose { --hd-fastener-img: url("hoover-stamp-rose.png") !important; --hd-fastener-w: 5.2rem; --hd-fastener-h: 5.2rem; }
html.mpe-hoover-dam-page .hd-stamp-peony { --hd-fastener-img: url("hoover-stamp-peony.png") !important; --hd-fastener-w: 5.25rem; --hd-fastener-h: 5.25rem; }
html.mpe-hoover-dam-page .hd-stamp-hongkong { --hd-fastener-img: url("hoover-stamp-hongkong.png") !important; --hd-fastener-w: 4.35rem; --hd-fastener-h: 5.65rem; }
html.mpe-hoover-dam-page .hd-stamp-ussr { --hd-fastener-img: url("hoover-stamp-ussr.png") !important; --hd-fastener-w: 4.2rem; --hd-fastener-h: 5.95rem; }
html.mpe-hoover-dam-page .hd-stamp-mcdowell { --hd-fastener-img: url("hoover-stamp-mcdowell.png") !important; --hd-fastener-w: 5.25rem; --hd-fastener-h: 5.25rem; }
html.mpe-hoover-dam-page .hd-stamp-new-zealand { --hd-fastener-img: url("hoover-stamp-new-zealand.png") !important; --hd-fastener-w: 5.4rem; --hd-fastener-h: 5.4rem; }
html.mpe-hoover-dam-page .hd-stamp-papua-bird { --hd-fastener-img: url("hoover-stamp-papua-bird.png") !important; --hd-fastener-w: 5.35rem; --hd-fastener-h: 5.35rem; }
html.mpe-hoover-dam-page .hd-stamp-argentina { --hd-fastener-img: url("hoover-stamp-argentina.png") !important; --hd-fastener-w: 4.8rem; --hd-fastener-h: 5.95rem; }

@media (max-width: 760px) {
    html.mpe-hoover-dam-page .gh-comments {
        width: min(100% - 28px, 900px) !important;
        max-width: min(100% - 28px, 900px) !important;
        padding: 1.35rem !important;
    }

    html.mpe-hoover-dam-page .mpe-book-widget-panel {
        padding-bottom: 4.7rem !important;
    }
}

/* --- Hoover Dam journal fix 12: full-opacity fasteners, stamped background, Eyebot impact effects. --- */
html.mpe-hoover-dam-page .edw-event__copy strong,
html.mpe-hoover-dam-page .edw-event__cta {
    color: #eec643 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.52), 0 0 12px rgba(238,198,67,.18) !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fastener,
html.mpe-hoover-dam-page .mpe-hoover-fastener--tape,
html.mpe-hoover-dam-page .mpe-hoover-fastener--pin,
html.mpe-hoover-dam-page .mpe-hoover-fastener--stamp,
html.mpe-hoover-dam-page .mpe-hoover-fastener--page-stamp,
html.mpe-hoover-dam-page .mpe-hoover-fastener--plate {
    opacity: 1 !important;
}

html.mpe-hoover-dam-page .mpe-hoover-fallout-stamp-field {
    position: absolute;
    z-index: 0;
    inset: 0 0 auto 0;
    height: var(--hd-fallout-field-h, 100%);
    pointer-events: none;
    overflow: hidden;
    opacity: .82;
    mix-blend-mode: multiply;
}

html.mpe-hoover-dam-page .mpe-hoover-fallout-stamp {
    position: absolute;
    display: block;
    width: 7.1rem;
    height: 7.1rem;
    margin: -3.55rem 0 0 -3.55rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(var(--hd-fallout-rot, 0deg));
    filter: saturate(.54) sepia(.12) contrast(.88);
}

html.mpe-hoover-dam-page .hd-stamp-fo76-collections { --hd-fastener-img: url("hoover-stamp-fo76-collections.png") !important; --hd-fastener-w: 4.95rem; --hd-fastener-h: 4.95rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-01 { --hd-fastener-img: url("hoover-stamp-free-pack-01.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-02 { --hd-fastener-img: url("hoover-stamp-free-pack-02.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-03 { --hd-fastener-img: url("hoover-stamp-free-pack-03.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-04 { --hd-fastener-img: url("hoover-stamp-free-pack-04.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-05 { --hd-fastener-img: url("hoover-stamp-free-pack-05.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-06 { --hd-fastener-img: url("hoover-stamp-free-pack-06.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-07 { --hd-fastener-img: url("hoover-stamp-free-pack-07.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-08 { --hd-fastener-img: url("hoover-stamp-free-pack-08.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-09 { --hd-fastener-img: url("hoover-stamp-free-pack-09.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }
html.mpe-hoover-dam-page .hd-stamp-free-pack-10 { --hd-fastener-img: url("hoover-stamp-free-pack-10.png") !important; --hd-fastener-w: 5.3rem; --hd-fastener-h: 5.3rem; }

.mpe-hoover-eyebot-heap {
    position: absolute;
    top: var(--mpe-eyebot-heap-y, 0);
    left: var(--mpe-eyebot-heap-x, 50vw);
    right: auto;
    z-index: 500;
    transform: translate(-50%, -78%) rotate(-7deg);
}

.mpe-hoover-eyebot-heap--impact::before,
.mpe-hoover-eyebot-heap--impact::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
}

.mpe-hoover-eyebot-heap--impact::before {
    left: -.9rem;
    bottom: -.25rem;
    width: 9.4rem;
    height: 3rem;
    background:
        radial-gradient(circle at 18% 52%, rgba(190,166,119,.45), transparent 34%),
        radial-gradient(circle at 50% 52%, rgba(117,92,62,.42), transparent 42%),
        radial-gradient(circle at 82% 54%, rgba(214,188,132,.34), transparent 36%);
    animation: mpeHooverEyebotDust 900ms ease-out both;
}

.mpe-hoover-eyebot-heap--impact::after {
    left: 1.1rem;
    bottom: 1.25rem;
    width: 6rem;
    height: 3.6rem;
    background:
        radial-gradient(circle at 20% 40%, rgba(88,255,220,.72) 0 .14rem, transparent .16rem),
        radial-gradient(circle at 44% 18%, rgba(238,198,67,.82) 0 .13rem, transparent .15rem),
        radial-gradient(circle at 72% 56%, rgba(255,118,86,.62) 0 .12rem, transparent .14rem);
    animation: mpeHooverEyebotImpactSparks 700ms steps(3, end) both;
}

.mpe-hoover-eyebot-heap--repairing {
    filter: drop-shadow(0 0 16px rgba(88,255,220,.44)) drop-shadow(0 8px 9px rgba(0,0,0,.42));
}

.mpe-hoover-eyebot-repair-burst {
    position: absolute;
    top: var(--mpe-eyebot-heap-y, 0);
    left: var(--mpe-eyebot-heap-x, 50vw);
    z-index: 501;
    width: 12rem;
    height: 12rem;
    margin: -7rem 0 0 -6rem;
    pointer-events: none;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(245,255,235,.84) 0 10%, rgba(88,255,220,.44) 11% 23%, transparent 44%),
        conic-gradient(from 20deg, transparent 0 8%, rgba(238,198,67,.62) 9% 11%, transparent 12% 23%, rgba(88,255,220,.54) 24% 26%, transparent 27% 44%, rgba(255,118,86,.44) 45% 47%, transparent 48% 100%);
    animation: mpeHooverEyebotRepairBurst 820ms ease-out both;
    mix-blend-mode: screen;
}

@keyframes mpeHooverEyebotDust {
    0% { opacity: 0; transform: scale(.35) translateY(.8rem); filter: blur(.2px); }
    32% { opacity: .92; }
    100% { opacity: 0; transform: scale(1.3) translateY(-.55rem); filter: blur(2.8px); }
}

@keyframes mpeHooverEyebotImpactSparks {
    0% { opacity: 0; transform: scale(.45) rotate(0deg); }
    18% { opacity: .95; }
    100% { opacity: 0; transform: scale(1.55) rotate(24deg); }
}

@keyframes mpeHooverEyebotRepairBurst {
    0% { opacity: 0; transform: scale(.28) rotate(0deg); filter: blur(.3px); }
    28% { opacity: .98; }
    100% { opacity: 0; transform: scale(1.32) rotate(95deg); filter: blur(2px); }
}

@media (max-width: 760px) {
    html.mpe-hoover-dam-page .mpe-hoover-fallout-stamp {
        width: 5.7rem;
        height: 5.7rem;
        margin: -2.85rem 0 0 -2.85rem;
    }
}

/* --- Hoover Dam journal fix 13: mobile pin anchoring and dark-shell cleanup. --- */
@media (max-width: 760px) {
    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pos-tl {
        top: -1.02rem !important;
        left: -1.02rem !important;
    }

    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pos-tr {
        top: -1.02rem !important;
        right: -1.02rem !important;
    }

    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pos-bl {
        bottom: -.96rem !important;
        left: -1rem !important;
    }

    html.mpe-hoover-dam-page .mpe-hoover-fastener--pin.hd-pos-br {
        right: -1rem !important;
        bottom: -.96rem !important;
    }

    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) body,
    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .gh-site,
    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .gh-article,
    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .gh-content,
    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .mpe-post-routes,
    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .mpe-article-tags-panel {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .gh-main {
        background:
            linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.16) 14%, rgba(0,0,0,.10) 50%, rgba(0,0,0,.16) 86%, rgba(0,0,0,.58)),
            linear-gradient(180deg, rgba(15, 9, 5, .25), rgba(13, 8, 5, .34)),
            url("hoover-news-dark.jpg") center top / 980px auto repeat #1b1714 !important;
        box-shadow: inset 0 38px 62px rgba(0,0,0,.34), inset 0 -42px 62px rgba(0,0,0,.34) !important;
    }
}

/* --- Hoover Dam journal fix 14: preserve Vault Boy stamp field on mobile dark mode. --- */
@media (max-width: 760px) {
    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .mpe-hoover-fallout-stamp-field {
        display: block !important;
        opacity: .9 !important;
        mix-blend-mode: screen !important;
        z-index: 0 !important;
    }

    html.mpe-hoover-dam-page:not([data-color-scheme="light"]) .mpe-hoover-fallout-stamp {
        opacity: 1 !important;
        filter: sepia(.16) saturate(.62) brightness(1.18) contrast(.86) drop-shadow(0 1px 1px rgba(0,0,0,.22)) !important;
    }
}