/* Mailing-list dossier: stamp, clipped photo stack, paper grain, and file marks.
   A separate object key so a cached copy of style-20260801-menu-center.css
   cannot leave the clip and polaroid on the old folder-level rules. */

#mailing-list-page .dossier-stamp-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

#mailing-list-page .dossier {
    background-color: #d2bb89;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.28'/%3E%3C/svg%3E");
    background-blend-mode: multiply;
}

#mailing-list-page .top-secret {
    margin: 2px 0 16px;
    padding: 5px;
    color: rgba(148, 26, 31, 0.9);
    font-family: "Oswald", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
    border: 3px solid currentColor;
    border-radius: 3px;
    background: transparent;
    transform: rotate(-8deg);
    transform-origin: left center;
    filter: url("#dossier-stamp-roughen");
}

#mailing-list-page .top-secret span {
    display: block;
    padding: 5px 12px 4px;
    border: 2px solid currentColor;
    border-radius: 1px;
}

#mailing-list-page .dossier-marks {
    margin: 16px 0 0;
    color: rgba(42, 36, 28, 0.9);
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 1.4;
    transform: rotate(-0.6deg);
    transform-origin: left center;
}

#mailing-list-page .dossier-marks p {
    margin: 0 0 4px;
}

#mailing-list-page .dossier-redaction {
    display: inline-block;
    margin: 0 1px;
    padding: 0 10px 1px;
    background: #1c1c1c;
    color: transparent;
    line-height: 0.85;
    user-select: none;
    vertical-align: baseline;
}

#mailing-list-page .dossier-stack {
    position: relative;
    flex: 0 0 320px;
    width: 320px;
    height: 360px;
    margin: 8px 0 0;
}

#mailing-list-page .dossier-stack .dossier-photo {
    position: absolute;
    top: 36px;
    left: 60px;
    display: block;
    flex: none;
    width: 200px;
    max-width: none;
    height: 230px;
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
    background: #f6f1e6;
    border: 10px solid #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

#mailing-list-page .dossier-stack .dossier-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#mailing-list-page .dossier-stack .dossier-photo--back:nth-child(1) {
    z-index: 1;
    transform: rotate(-12deg) translate(-34px, 18px);
}

#mailing-list-page .dossier-stack .dossier-photo--back:nth-child(2) {
    z-index: 2;
    transform: rotate(11deg) translate(32px, 16px);
}

#mailing-list-page .dossier-stack .dossier-photo--front {
    z-index: 3;
    background: #fff;
    transform: rotate(1.5deg);
}

#mailing-list-page .dossier-stack .dossier-photo--front img {
    object-fit: contain;
}

#mailing-list-page .dossier-stack .paperclip {
    position: absolute;
    top: 6px;
    left: 145px;
    right: auto;
    z-index: 4;
    width: 30px;
    pointer-events: none;
}

#mailing-list-page .dossier-stack .paperclip img {
    display: block;
    width: 30px;
    height: 108px;
}

#mailing-list-page .dossier-stack .feature-photo-credit {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    text-align: center;
}

#mailing-list-page .dossier-stack .feature-photo-credit a {
    color: #3a3428;
}

#mailing-list-page .dossier-stack .feature-photo-credit a:hover,
#mailing-list-page .dossier-stack .feature-photo-credit a:focus {
    color: #303b77;
}

@media screen and (max-width: 720px) {
    #mailing-list-page .top-secret {
        font-size: 20px;
        letter-spacing: 0.08em;
    }

    #mailing-list-page .dossier-stack {
        flex: none;
        width: 270px;
        height: 320px;
        margin: 28px auto 4px;
    }

    #mailing-list-page .dossier-stack .dossier-photo,
    #mailing-list-page .dossier-stack .paperclip {
        display: block;
    }

    #mailing-list-page .dossier-stack .dossier-photo {
        top: 22px;
        left: 50px;
        width: 170px;
        height: 196px;
    }

    #mailing-list-page .dossier-stack .dossier-photo--back:nth-child(1) {
        transform: rotate(-11deg) translate(-26px, 14px);
    }

    #mailing-list-page .dossier-stack .dossier-photo--back:nth-child(2) {
        transform: rotate(10deg) translate(24px, 12px);
    }

    #mailing-list-page .dossier-stack .paperclip {
        top: -8px;
        left: 120px;
    }
}