/* 1. Reset & HTML5 Fix: Force old browsers to see new tags as blocks */
header, footer, section, article, nav, main { 
    display: block; 
}

body { 
    background: #ffffff; 
    color: #000000; 
    /* Generic fallbacks for font stacks */
    font-family: "Courier New", Courier, monospace; 
    font-size: 14px; 
    line-height: 1.4; 
    margin: 0; 
    padding: 20px; /* Replaced 2rem */
    /* Flexbox alternative for centering */
    text-align: center; 
}

.container { 
    /* IE5/6 Hack: text-align center on body + margin auto here centers the box */
    margin: 0 auto;
    text-align: left; /* Reset text alignment for content */
    width: 600px; /* 'ch' units aren't supported; fixed width is safer */
}

/* 2. Typography & Spacing */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, section, article, header, footer, div, nav { 
    margin: 0; 
    padding: 0; 
}

section { margin-bottom: 20px; }
h2, h3 { margin-top: 20px; }

/* 3. Header/Footer (Flexbox Replacement) */
.man-header, .man-footer { 
    font-weight: bold; 
    margin-bottom: 25px; 
    text-transform: uppercase;
    width: 100%;
    /* Simple float-based layout since justify-content doesn't exist */
    overflow: hidden; 
}

/* You would need to wrap your header text in spans/divs to float them */
.man-header-left { float: left; width: 33%; text-align: left; }
.man-header-right { float: right; width: 33%; text-align: right;}
.man-header-center {text-align: center; position: absolute; left: 33%; width: 34%;}

footer { margin-top: 40px; margin-bottom: 0; }

h1, h2, h3 { 
    font-size: 14px; 
    text-transform: uppercase; 
}

.section-content { 
    margin-left: 30px; /* Replaced 4ch */
}

/* 4. Links */
a { color: #000000; text-decoration: underline; display: inline-block; }

a:hover { background-color: #000000; color: #ffffff; text-decoration: none; }

/* 5. Components */
.synopsis-box { 
    background: #f4f4f4; 
    padding: 15px; 
    border-left: 3px solid #cccccc; 
}

table { border-collapse: collapse; width: 100%; }
td { padding-right: 20px; vertical-align: top; }

.nav-links { border-bottom: 1px solid #dddddd; padding-bottom: 10px; }
.nav-links a { text-decoration: none; margin-right: 15px; font-weight: bold; }

code { 
    display: block; 
    margin-left: 15px;
    font-family: monospace;
    /* white-space: pre-wrap is buggy in IE5, pre is safer */
    /*white-space: pre;*/
}

/* 6. Advanced Selector Fallback */
/* p + p is not supported in IE6. Use a class like .indent instead. */
.article-text p { margin-top: 15px; } 

.sr-only { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    overflow: hidden; 
}

ul {
    list-style-type: square; /* Custom string bullets like "- " won't work */
    padding-left: 20px; 
}