/*
        <link rel="stylesheet" href="station174.css">
                 1         2         3         4         5         6         7         8         9                   0         1         2         3
        12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
    <div class="footer-nav"><a href="index2.htm">Letters</a> | <a href="AprilStaffing_*.htm">Back</a> | <a href="AprilStaffing_1.htm">top</a> | <a href="AprilStaffing_*.htm">Next</a></div>
    <div class="copyright">Copyright &copy; 1998-2026, 486th Bomb Group Association, Inc.</div>
        */
/* ==========================================
   SHARED WARTIME TYPEWRITER BRANDING
   Dedicated to the 486th Bomb Group Archive
   ========================================== */

/* Main Page Wrapper replicating a sheet of paper */
body {
	background: #00DCFF url("https://www.486th.org/images/bg_fade.jpg") fixed;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    padding: 20px;
    margin: 0;
}

/* Document Container */
.so-container, .macr-container, .report-container {
    background-color: #fff;
    width: 800px;
    padding: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    font-family: 'Courier New', Courier, monospace;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    color: #111;
    position: relative;
}

/* Headings & Typographic Accents */
.hq-header {
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

.g-g-1 {
    float: right;
    font-weight: bold;
}

.center { text-align: center; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.clear { clear: both; }

/* Structural Paragraph Spacing */
.paragraph {
    margin-bottom: 15px;
    text-align: justify;
    text-indent: -25px;
    padding-left: 25px;
}

.section-title {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.note-box {
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 1.4;
    max-width: 90%;
}

/* Form Fill-ins (For MACR / Form Reports) */
.form-line {
    margin-bottom: 8px;
    white-space: pre-wrap;
}

.typed-fill {
    font-weight: bold;
    text-decoration: underline;
}

/* Unified Tabular Layouts for Personnel Lists */
.roster-table, .crew-table, .target-table, .lost-table, .data-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 12px;
}

.roster-table th, .data-table th {
    text-align: left;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 5px;
}

.roster-table td, .crew-table td, .target-table td, .lost-table td, .data-table td {
    padding: 2px 0;
    vertical-align: top;
}

/* Fixed column layout variables */
.name-col, .col-officer-name { width: 45%; }
.rank-col, .col-officer-reld { width: 25%; }
.date-col, .col-officer-pdy  { width: 30%; }

/* Multi-column Grid structures for attached units */
.attached-grid, .columns-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.attached-col, .column {
    width: 48%;
    line-height: 1.5;
    font-size: 12px;
}

/* Narrative / Block Blocks */
.narrative-box {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.instructional-text {
    font-style: italic;
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 1.3;
}

.narrative-text {
    text-indent: 30px;
    text-align: justify;
    line-height: 1.5;
}

/* Formal Verification & Signatures */
.signature-block {
    margin-top: 40px;
    width: 100%;
}

.sig-right {
    float: right;
    width: 45%;
    text-align: left;
    line-height: 1.3;
}

.sig-left {
    float: left;
    width: 45%;
    text-align: left;
    line-height: 1.3;
    margin-top: 40px;
}

.page-break-indicator {
    border-top: 1px dashed #ccc;
    margin: 40px 0;
    text-align: center;
    font-size: 11px;
    color: #888;
}
.footer-nav {
    text-align: center;
    border-top: 1px dashed #d3cbb8;
    padding-top: 12px;
    margin-top: 30px;
    font-size: 0.95em;
}
.footer-nav a {
    color: blue;
    text-decoration: none;
    margin: 0 10px;
}
.footer-nav a:visited {
    color: purple;
    text-decoration: none;
    margin: 0 10px;
}
.footer-nav a:hover {
    text-decoration: underline;
}
.copyright {
	clear: both;
    text-align: center;
    font-size: 0.85em;
    font-style: italic;
}