#gwt_casualinteractive {
			max-width: 790px;
		}
		@media screen and (max-width: 790px) {
			/*
				Even though the engine will auto resize, we are still providing
				a baseline here for google's mobile usability check.
			*/
			#gwt_casualinteractive {
				max-width: 100vw;
			}
		}
        /* Prevent horizontal scrolling by hiding the left bar if engine + left bar is wider than the viewport. */
		@media screen and (max-width: 1000px) /* Breakpoint: PUZZLE_LEFTBAR */ {
			#leftbar {
				display: none;
			}
		}

		#bc-banner-page_top {
			display: none;
		}
	

		/* The day's puzzle list: one pill per puzzle, the loaded one filled. em units, per the
		   gwt-ui-styling convention. The difficulty dots carry their own colors: the site's named
		   text colors (.green is an olive, .orange a burnt one) read dull at dot size. */
		.bc-day-puzzles {
			margin: 0.2em 0 0.75em;
		}
		.bc-day-puzzles h2 {
			margin: 0 0 0.5em;
		}
		.bc-day-puzzles ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			gap: 0.4em;
		}
		.bc-day-puzzle {
			display: inline-flex;
			align-items: center;
			gap: 0.4em;
			padding: 0.3em 0.65em 0.3em 0.55em;
			border: 1px solid #c9d3d9;
			border-radius: 999em;
			background: #fff;
			text-decoration: none;
			font-size: 0.9em;
			line-height: 1;
			white-space: nowrap;
		}
		.bc-day-puzzle:hover {
			border-color: #027497;
			color: #027497;
		}
		.bc-day-puzzle:focus-visible {
			outline: 0.15em solid #027497;
			outline-offset: 0.15em;
		}
		.bc-day-puzzle-current, .bc-day-puzzle-current:hover {
			background: #027497;
			border-color: #027497;
			color: #fff;
		}
		.bc-day-number {
			font-weight: 600;
			font-variant-numeric: tabular-nums;
		}
		.bc-day-dot {
			width: 0.55em;
			height: 0.55em;
			border-radius: 50%;
		}
		.bc-day-dot-easy {
			background-color: #3f9a55;
		}
		.bc-day-dot-moderate {
			background-color: #d08a1c;
		}
		.bc-day-dot-hard {
			background-color: #c23f3f;
		}
		.bc-day-puzzle-current .bc-day-dot {
			box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.55);
		}
		.bc-day-difficulty {
			font-size: 0.78em;
			letter-spacing: 0.02em;
			text-transform: uppercase;
		}
		/* The seven pills must stay on one row: with the difficulty word they need ~675px, which
		   the content column gives down to a 700px viewport; the dot alone needs ~380px, fitting
		   down to 390px. Both breakpoints sit ~40px above those edges: a desktop scrollbar takes
		   ~17px off the column and font metrics vary by device. Narrowest: the number alone. */
		@media screen and (max-width: 739px) {
			.bc-day-difficulty {
				display: none;
			}
		}
		@media screen and (max-width: 429px) {
			.bc-day-dot {
				display: none;
			}
		}