body {
            background: #f5f7fa;
            font-family: 'Segoe UI', Verdana, Roboto, Arial, sans-serif;
            margin: 0;
        }
		.header {
			width: 100vw;
			box-sizing: border-box;
			background: #003366;
			color: #fff;
			padding: 24px 0 12px 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 2rem;
			font-weight: 700;
			letter-spacing: 0.12em;
		}
		.header img.logo {
			display: block;
			padding-left: 25px;
			padding-right: 25px;
			width:150px
		}
		.header > div:last-child {
			padding-left: 25px;
			width: 150px; /* matches logo width for symmetry */
			padding-right: 25px;
		}
		.main-container {
			max-width: 1300px;      /* or whatever fits your design */
			width: 100%;
			margin: 32px auto;
			padding: 32px 24px;
			box-sizing: border-box;
			background: #fff;
			border-radius: 18px;
			box-shadow: 0 4px 24px rgba(0,0,0,0.08);
			overflow-x: auto;       /* allows horizontal scroll if needed */
		}
        /*.main-container {
            background: #fff;
            border-radius: 18px;
            box-shadow: 0 4px 24px rgba(0,0,0,0.08);
            max-width: 1100px;
            margin: 32px auto;
            padding: 32px 24px;
        }*/
        h2, .heading {
            font-size: 1.4rem;
            color: #003399;
            font-weight: 600;
            margin-bottom: 16px;
            font-family: inherit;
        }
		h3 {
			color: #003366;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 0;
			margin-right: 0;
			font-weight: 600;
			font-family: inherit;
		}			
        .subheading {
            font-size: 1.1rem;
            font-weight: 600;
            color: #003399;
            text-decoration: underline;
            font-style: italic;
            margin-bottom: 8px;
        }
        .sectionContent {
            font-size: 1rem;
            color: #222;
            margin-bottom: 18px;
        }
        .sectionTitleSmall {
            font-size: 1.1rem;
            font-weight: bold;
            color: #223E6E;
            cursor: pointer;
            margin: 18px 0 8px 0;
            display: flex;
            align-items: center;
        }
        .sectionTitleSmall img {
            margin-right: 8px;
        }
        .liSpacing {
            padding: 6px 0;
            font-size: 1rem;
        }
        .hiddenList {
            display: none;
            margin-bottom: 12px;
        }
        .visibleList {
            display: block;
            margin-bottom: 12px;
        }
        .hand {
            cursor: pointer;
        }
        table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            background: #f9f9fb;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            margin-bottom: 5px;
            overflow: hidden;
        }
		/* Remove box-shadow from deeper nested tables */
		.main-container table table table,
		.main-container table table table table {
			box-shadow: none;
			border-radius: 0;
		}

        td, th {
            padding: 10px 8px;
            font-size: 1rem;
			font-weight:normal;
        }
        tr:nth-child(even) {
            /*background: #f0f4f8;*/
        }
		input[type="text"],
		input[type="email"],
		input[type="number"],
		input[type="datetime-local"],
		select,
		textarea {
			font-size: 1rem;
			padding: 8px;
			/*border: 1px solid #cfd8dc;*/
			border: 1px solid #B8B8B8;
			border-radius: 7px;
			outline: none;
			background: #f9f9fb;
			width: 100%;
			box-sizing: border-box;
			transition: border-color 0.2s, background 0.2s;
		}
        input[type="text"]:focus, 
		input[type="email"]:focus, 
		input[type="number"]:focus,
		select:focus, 
		textarea:focus,
		input[type="datetime-local"]:focus {
            border-color: #003366;
            background: #fff;
        }
		input[type="radio"] {
			margin-right: 10px;
			vertical-align: middle;
			position: relative;
			top: -2px; /* Adjust this value as needed for perfect alignment */
		}		

		input[type="datetime-local"]::-webkit-inner-spin-button,
		input[type="datetime-local"]::-webkit-calendar-picker-indicator {
			filter: invert(0.5);
			opacity: 0.7;
		}	
		
		ul {
			margin: 0 0 12px 0;
			padding-left: 18px;
			font-size: 1.08rem;
		}
		ul ul {
			margin: 6px 0 6px 0;
			padding-left: 18px;
		}
		ul li {
			margin-bottom: 8px;
			line-height: 1.6;
		}
		li.nobullets {
			list-style-type: none;
			padding-left: 0; /* Optional: removes default indentation */
		}
        .genbutton {
            width: 80px;
            height: 28px;
            font-size: 1rem;
            border-radius: 7px;
            background: #003366;
            color: #fff;
            border: none;
            cursor: pointer;
        }
        .genbutton:hover {
            background: #0055a5;
        }
        .smallertext {
            font-size: 0.95rem;
        }
        .required {
            color: #006600;
        }
        .submit-row {
            text-align: center;
            margin-top: 32px;
        }
        .submit-btn {
            padding: 12px 32px;
            font-size: 1.1rem;
            font-weight: 600;
            background: #003366;
            color: #fff;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            margin-right: 16px;
            transition: background 0.2s;
        }
        .submit-btn-small {
            padding: 6px 16px;
            font-size: 1.0rem;
            font-weight: 400;
            background: #003366;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-right: 10px;
            transition: background 0.2s;
        }

        .submit-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
        }
        .submit-btn:hover:not(:disabled) {
            background: #0055a5;
        }
		.menu-bar {
			background: #e3eaf2;
			padding: 12px 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			row-gap: 18px;
			font-size: 1.1rem;
		}
		.menu-bar a {
			color: #003366;
			text-decoration: none;
			margin: 0 18px;
			font-weight: 500;
			padding: 6px 12px;
			border-radius: 6px;
			transition: background 0.2s, color 0.2s;
			white-space: nowrap;
		}
		.menu-bar a:hover {
			background: #003366;
			color: #fff;
			cursor: pointer;
		}
		
		.short-input { max-width: 80px; width: 100%; }
		.medium-input { max-width: 180px; width: 100%; }
		.medium-long-input { max-width: 280px; width: 100%; }
		.long-input { max-width: 400px; width: 100%; }
		.full-input { width: 100%; }

		.form-label {
			font-size: 1.08rem;
			font-family: inherit;
			color: #222;
			line-height: 1.6;
			margin-bottom: 8px;
			display: inline-block;
		}

		.form-textarea {
			font-size: 1.08rem;
			font-family: inherit;
			color: #222;
			line-height: 1.6;
			margin-bottom: 8px;
			display: inline-block;
		}

		/* Desktop/tablet: keep table layout */
		.attendees-table {
			width: 100%;
			border-collapse: separate;
			border-spacing: 0;
		}

		.city-state-zip-row {
			display: flex;
			align-items: center;
			margin-bottom: 8px;
		}
		.city-state-zip-row label {
			min-width: 54px;
			margin-right: 8px;
			color: #003366;
		}
		.city-state-zip-row input,
		.city-state-zip-row select {
			flex: 1 1 auto;
			width: auto;
			min-width: 0;
		}

		.meeting-location-radios {
			display: flex;
			flex-wrap: wrap;
			gap: 24px;
			align-items: center;
		}
		.radio-label {
			display: flex;
			align-items: center;
			margin-bottom: 8px;
			font-size: 1rem;
			white-space: nowrap;
		}
		.radio-label input[type="radio"] {
			margin-right: 8px;
			position: static;  /* Remove top:-2px for better alignment */
    		vertical-align: middle;
		}		

        @media (max-width: 800px) {
			.main-container {
				padding: 12px 4px;
			}

			.header {
				font-size: 1.2rem;
				padding: 16px 0 8px 0;
			}
			.menu-bar {
				font-size: 1rem;
				row-gap: 24px;
			}
			table, td, th {
				font-size: 0.95rem;
			}
			.submit-btn {
				width: 100%;
				margin-bottom: 12px;
			}
			.form-header {
				font-size: 1.08rem;
				font-family: inherit;
				font-weight: 600;
				color: #003366;
			}
		}

		@media (max-width: 700px) {
			input[type="text"],
			input[type="email"],
			input[type="number"],
			select,
			textarea {
				height: 38px;         /* Match your input height */
				font-size: 1rem;
				padding: 6px 8px;
				border-radius: 5px;
				box-sizing: border-box;
			}

			/* Attendees Table */
			.attendees-table td label.mobile-label {
				display: block;
				color: #003366;
				margin-bottom: 4px;
			}
			.attendees-table tr {
				background: #f9f9fb;
				border-radius: 10px;
				box-shadow: 0 2px 8px rgba(0,0,0,0.06);
				margin-bottom: 18px;
				padding: 12px 8px;
				display: block;
			}
			.attendees-table td {
				display: block;
				width: 100%;
				padding: 8px 0;
				border: none;
			}
			.attendees-table tr:first-child {
				display: none;
			}

			/* City/State/Zip */
			.city-state-zip-row {
				display: flex;
				align-items: center;
				margin-bottom: 8px;
			}
			.city-state-zip-row input {
				flex: 1 1 auto;
				width: auto;
				min-width: 0;
			}

			/* Labels */
			.desktop-label {
				display: none;
			}
			.mobile-label {
				display: inline-block;
				color: #003366;
				min-width: 54px;
				margin-bottom: 0;
				margin-right: 8px;
				margin-top: 0;
				vertical-align: middle;
			}

			/* Hide/Show Rows */
			.hide-mobile {
				display: none !important;
			}
			.hide-desktop {
				display: table-row !important;
			}

			/* Meeting Location Radios */
			.meeting-location-radios {
				gap: 16px;
				justify-content: flex-start;
			}
			.radio-label {
				min-width: 48%;
				margin-bottom: 10px;
			}

			/* Header padding */
			.header {
				padding-right: 24px !important;
			}

			.form-header {
				font-size: 0.06rem;
				font-family: inherit;
				color: #003366;
			}			
/* START MeetingRequest Product Table*/
			.products-table table,
			.products-table thead,
			.products-table tbody,
			.products-table tr,
			.products-table th,
			.products-table td {
				display: block;
				width: 100%;
			}
			.products-table thead {
				display: none;
			}
			.products-table tr {
				margin-bottom: 18px;
				background: #fff;
				border-radius: 8px;
				box-shadow: 0 2px 8px rgba(0,0,0,0.04);
				padding: 10px 6px;
			}
			.products-table td {
				border: none;
				border-bottom: 1px solid #eee;
				position: relative;
				padding-left: 50%;
				min-height: 32px;
				box-sizing: border-box;
			}
			.products-table td:before {
				position: absolute;
				left: 8px;
				top: 6px;
				width: 45%;
				white-space: nowrap;
				font-weight: bold;
				color: #003366;
				content: attr(data-label);
			}
/* END MeetingRequest Product Table*/
						
		}

		@media (min-width: 701px) {
			/* Attendees Table */
			.attendees-table td label.mobile-label {
				display: none;
			}

			/* Labels */
			.mobile-label {
				display: none;
			}
			.desktop-label {
				display: inline;
			}

			/* City/State/Zip */
			.city-state-zip-row {
				display: inline;
			}

			/* Hide/Show Rows */
			.hide-desktop {
				display: none !important;
			}
			.hide-mobile {
				display: table-row !important;
			}
			
			.form-header {
				font-size: 1.08rem;
				font-family: inherit;
				font-weight: 600;
				color: #003366;
			}
			.desktop-indent {
				padding-left: 5px;
			}

					
		}