@charset "utf-8";
/* CSS doc */

@font-face {
    font-family: "SimianDisplay-Gorilla";
    src: url('/fonts/SimianDisplay-Gorilla.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SimianDisplay-Chimpanzee";
    src: url('/fonts/SimianDisplay-Chimpanzee.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SimianDisplay-Orangutan";
    src: url('/fonts/SimianDisplay-Orangutan.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SimianText-Chimpanzee";
    src: url('/fonts/SimianText-Chimpanzee.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SimianText-Orangutan";
    src: url('/fonts/SimianText-Orangutan.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* Raleway-Black is fall back for no .OTF SimianDisplay-Gorilla headlines */
@font-face {
    font-family: "Raleway-Black";
    src: url('/fonts/Raleway-Black.woff2') format('woff2'),
         url('/fonts/Raleway-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Raleway-Regular is fall back for no SimianDisplay-Orangutan headlines 
but not body text (causten is fallback for Orangutan body text) */
@font-face {
    font-family: "Raleway-Regular";
    src: url('/fonts/Raleway-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/Raleway-Regular.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: normal;
    font-style: normal;
} 
/* CaustenRound-SemiBold is fall back for no .OTF SimianText-Chimpanzee bold-bodytext */
@font-face {
    font-family: "CaustenRound-SemiBold";
    src: url('/fonts/CaustenRound-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('/fonts/CaustenRound-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/CaustenRound-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/fonts/CaustenRound-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/CaustenRound-SemiBold.svg#CaustenRound-SemiBold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* CaustenRound-Regular is fall back for no SimianText-Orangutan regular-bodytext */
@font-face {
    font-family: "CaustenRound-Regular";
    src: url('/fonts/CaustenRound-Regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/CaustenRound-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/CaustenRound-Regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('/fonts/CaustenRound-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/CaustenRound-Regular.svg') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* PublicaSansRound-XBd is fall back for no .WOFF Raleway-Black headlines */
@font-face {
    font-family: "PublicaSansRound-XBd";
    src: url('/fonts/PublicaSansRound-XBd.eot'); /* IE9 Compat Modes */
    src: url('/fonts/PublicaSansRound-XBd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          /* woff goes here - Pretty Modern Browsers */
         url('/fonts/PublicaSansRound-XBd.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/PublicaSansRound-XBd.svg#CaustenRound-SemiBold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
/* PublicaSansRound-Rg is fall back for no Raleway-Regular headlines */
@font-face {
    font-family: "PublicaSansRound-Rg";
    src: url('/fonts/PublicaSansRound-RG.eot'); /* IE9 Compat Modes */
    src: url('/fonts/PublicaSansRound-RG.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          /* woff goes here - Pretty Modern Browsers */
         url('/fonts/PublicaSansRound-RG.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/PublicaSansRound-RG.svg#CaustenRound-SemiBold') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

        body {
            font-family: "SimianText-Orangutan", "CaustenRound-Regular", Verdana, Helvetica, Arial, sans-serif; /* daniel added fonts */
            background-color: #121212;
            color: #e0e0e0;
            /* (previous font code:)font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; */
            margin: 0;
            padding: 40px 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .container {
            width: 100%;
            max-width: 800px;
        }

        /* Metadata Header for Copyright Tracking */
        header {
            font-family: "SimianDisplay-Chimpanzee", "Raleway-Black", "PublicaSansRound-XBd", Roboto, Helvetica, Arial, sans-serif ;
            text-align: center;
            margin-bottom: 40px;
            border-bottom: 1px solid #333333;
            padding-bottom: 20px;
        }

        h1 {
            font-size: 2rem;
            color: #ffffff;
            margin: 0 0 10px 0;
        }

        .record-details {
            font-family: "SimianDisplay-Orangutan", "Raleway-Regular", "PublicaSansRound-Rg", Roboto, Helvetica, Arial, sans-serif ;
            font-size: 0.9rem;
            color: #aaaaaa;
            line-height: 1.6;
        }

        .record-details-item {
            font-family: "SimianDisplay-Chimpanzee", "Raleway-Regular", "PublicaSansRound-Rg", Roboto, Helvetica, Arial, sans-serif ;
            font-size: 0.9rem;
            color: #aaaaaa;
            line-height: 1.6;
        }

        /* The Sequential Zine Page Stream */
        .document-stream {
            display: flex;
            flex-direction: column;
            gap: 30px;
            width: 100%;
        }

        .document-page {
            width: 100%;
            height: auto;
            display: block;
            box-shadow: 0 4px 20px rgba(0,0,0,0.7);
            background-color: #1a1a1a;
            /* Keeps fine line work crisp when scaled down on phone screens */
            image-rendering: -webkit-optimize-contrast;
        }

        /* Formal Legal Copyright Box */
        footer {
            margin-top: 50px;
            background-color: #1a1a1a;
            border: 1px solid #333333;
            padding: 25px;
            border-radius: 4px;
            text-align: center;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        footer strong {
            color: #ffffff;
            font-size: 1rem;
        }