/* ============================================================
   Matthew's Shark Tank — Preservation CSS
   Goal: stabilize rendering across modern browsers WITHOUT
   altering the look, feel, spacing, or layout intended in 2004.
   ============================================================ */

/* Lock viewport width to approximate a 1024×768 CRT experience */
body {
    max-width: 960px;    /* Ensures tables/images don’t explode wide */
    margin: 0 auto;      /* Center content like a monitor frame */
    padding: 0;
    background-attachment: fixed; /* Prevent modern scroll jank */
}

/* Simulate older font rendering without changing visible style */
body, td, th, p, font {
    font-family: "Verdana", "Arial", sans-serif;
    font-size: 100%;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Prevent modern browsers from collapsing legacy table spacing */
table {
    border-collapse: separate !important;
    border-spacing: 0px !important;
}

/* Maintain image crispness — closer to pre-retina display look */
img {
    image-rendering: auto; /* Not pixelated — preserves photo intent */
}

/* Keep link colors stable and authentic */
a {
    text-decoration: none;
}

/* Ensure the FP background texture repeats as intended */
body {
    background-repeat: repeat;
}

/* Keep FP theme buttons aligned — browsers sometimes add spacing */
img[align] {
    vertical-align: middle;
}

/* Maintain spacing quirks that FrontPage relied on implicitly */
br {
    line-height: normal;
}

/* Prevent modern CSS overrides from resizing form elements */
input, select, option, textarea {
    font-family: inherit;
    font-size: 100%;
}

/* Optional: Subtle CRT feel (no scanlines, no glow; historically safe)
   Remove this block if you want zero visual tampering.
*/
body {
    filter: contrast(1.02) brightness(0.97);
}