@charset "utf-8";
/* Dakota Valley Symphony – Optimized 960 Grid (2026)
   Float-based grid preserving existing layout exactly
   Modernized: no IE hacks, no clearfix hacks, no redundant rules
   (Created 10/14/2026 by CoPilot)
*/

/* ============================================================
   Containers
   ============================================================ */

.container_12,
.container_16 {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}

/* ============================================================
   Base Grid Columns
   ============================================================ */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

/* ============================================================
   12‑Column Layout Widths
   ============================================================ */

.container_12 .grid_1  { width: 6.333%; }
.container_12 .grid_2  { width: 14.666%; }
.container_12 .grid_3  { width: 23%; }
.container_12 .grid_4  { width: 31.333%; }
.container_12 .grid_5  { width: 39.666%; }
.container_12 .grid_6  { width: 48%; }
.container_12 .grid_7  { width: 56.333%; }
.container_12 .grid_8  { width: 64.666%; }
.container_12 .grid_9  { width: 73%; }
.container_12 .grid_10 { width: 81.333%; }
.container_12 .grid_11 { width: 89.666%; }
.container_12 .grid_12 { width: 98%; }

/* ============================================================
   16‑Column Layout Widths
   ============================================================ */

.container_16 .grid_1  { width: 4.25%; }
.container_16 .grid_2  { width: 10.5%; }
.container_16 .grid_3  { width: 16.75%; }
.container_16 .grid_4  { width: 23%; }
.container_16 .grid_5  { width: 29.25%; }
.container_16 .grid_6  { width: 35.5%; }
.container_16 .grid_7  { width: 41.75%; }
.container_16 .grid_8  { width: 48%; }
.container_16 .grid_9  { width: 54.25%; }
.container_16 .grid_10 { width: 60.5%; }
.container_16 .grid_11 { width: 66.75%; }
.container_16 .grid_12 { width: 73%; }
.container_16 .grid_13 { width: 79.25%; }
.container_16 .grid_14 { width: 85.5%; }
.container_16 .grid_15 { width: 91.75%; }
.container_16 .grid_16 { width: 98%; }

/* ============================================================
   Alpha / Omega (first / last columns)
   ============================================================ */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* ============================================================
   Prefix (left padding)
   ============================================================ */

.container_12 .prefix_1  { padding-left: 8.333%; }
.container_12 .prefix_2  { padding-left: 16.666%; }
.container_12 .prefix_3  { padding-left: 25%; }
.container_12 .prefix_4  { padding-left: 33.333%; }
.container_12 .prefix_5  { padding-left: 41.666%; }
.container_12 .prefix_6  { padding-left: 50%; }
.container_12 .prefix_7  { padding-left: 58.333%; }
.container_12 .prefix_8  { padding-left: 66.666%; }
.container_12 .prefix_9  { padding-left: 75%; }
.container_12 .prefix_10 { padding-left: 83.333%; }
.container_12 .prefix_11 { padding-left: 91.666%; }

.container_16 .prefix_1  { padding-left: 6.25%; }
.container_16 .prefix_2  { padding-left: 12.5%; }
.container_16 .prefix_3  { padding-left: 18.75%; }
.container_16 .prefix_4  { padding-left: 25%; }
.container_16 .prefix_5  { padding-left: 31.25%; }
.container_16 .prefix_6  { padding-left: 37.5%; }
.container_16 .prefix_7  { padding-left: 43.75%; }
.container_16 .prefix_8  { padding-left: 50%; }
.container_16 .prefix_9  { padding-left: 56.25%; }