/* ==========================================================
   Responsive refinements.
========================================================== */

@media (min-width: 560px) {
	:root {
		--dw-container: min(1180px, calc(100% - 48px));
	}

	.dw-search-box {
		grid-template-columns: 1fr auto;
	}

	.dw-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-auth-field-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-profile-field-grid,
	.dw-profile-summary-grid,
	.dw-profile-link-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-rail {
		grid-auto-columns: minmax(300px, 56vw);
	}

	.dw-recordings-hero__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-recordings-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-assignment-grid,
	.dw-resource-grid,
	.dw-announcement-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-dashboard-stat-grid,
	.dw-dashboard-content-grid,
	.dw-dashboard-progress-grid,
	.dw-dashboard-action-grid,
	.dw-admin-stat-grid,
	.dw-admin-action-grid,
	.dw-admin-alert-grid,
	.dw-learning-progress-grid,
	.dw-bookmark-summary-grid,
	.dw-saved-bookmarks-list,
	.dw-instructor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-icon-card-grid,
	.dw-contact-card-grid,
	.dw-feature-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-lesson-meta,
	.dw-lesson-actions,
	.dw-lesson-nav,
	.dw-related-grid,
	.dw-assignment-actions--detail,
	.dw-resource-actions--detail,
	.dw-resource-cta-actions,
	.dw-announcement-actions--detail {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 782px) {
	.dw-section-heading--split {
		align-items: end;
		grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
	}

	.dw-section-heading--split .dw-section-subtitle {
		margin-top: 0;
	}

	.dw-hero__showcase {
		display: block;
		max-width: 560px;
	}

	.dw-rail {
		grid-auto-columns: minmax(320px, 42vw);
	}

	.dw-rail--compact {
		grid-auto-columns: minmax(250px, 30vw);
	}

	.dw-footer-cta__panel {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.dw-recordings-tools__panel {
		grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1.2fr);
	}

	.dw-recordings-tools__panel .dw-categories--archive {
		grid-column: 1 / -1;
	}

	.dw-archive-featured-card {
		grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
	}

	.dw-split-panels,
	.dw-page-hero__grid,
	.dw-contact-layout,
	.dw-community-panel,
	.dw-auth-layout {
		grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.72fr);
	}

	.dw-contact-layout {
		align-items: start;
	}

	.dw-profile-layout {
		align-items: start;
		grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
	}

	.dw-community-panel {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.dw-timeline li {
		grid-template-columns: 5rem minmax(0, 1fr);
	}

	.dw-lesson-shell {
		align-items: start;
		grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	}

	.dw-assignment-detail-shell,
	.dw-resource-detail-shell,
	.dw-announcement-detail-shell {
		align-items: start;
		grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	}

	.dw-quiz-workspace__layout {
		align-items: start;
		grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	}

	.dw-quiz-question-nav {
		position: sticky;
		top: 8rem;
	}

	.admin-bar .dw-quiz-question-nav {
		top: 10rem;
	}

	.dw-instructor-profile-shell {
		align-items: center;
		grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
	}

	.dw-admin-hero__grid,
	.dw-admin-two-column {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
	}

	.dw-admin-content-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-lesson-sidebar {
		position: sticky;
		top: 7rem;
	}

	.dw-assignment-detail-sidebar,
	.dw-resource-detail-sidebar,
	.dw-announcement-detail-sidebar {
		position: sticky;
		top: 7rem;
	}
}

@media (min-width: 1024px) {
	.dw-hero__grid {
		align-items: center;
		grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
	}

	.dw-hero__showcase {
		justify-self: end;
	}

	.dw-rail {
		grid-auto-columns: minmax(340px, 31.5%);
	}

	.dw-rail--compact {
		grid-auto-columns: minmax(260px, 23.5%);
	}

	.dw-watch-layout {
		align-items: start;
		grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
	}

	.dw-sidebar {
		position: sticky;
		top: 7rem;
	}

	.dw-recordings-hero__grid {
		align-items: end;
		grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
	}

	.dw-recordings-hero__stats {
		grid-template-columns: 1fr;
	}

	.dw-recordings-hero__stats div {
		align-items: center;
		display: grid;
		gap: var(--dw-space-3);
		grid-template-columns: minmax(6.5rem, auto) 1fr;
		padding: var(--dw-space-3) var(--dw-space-4);
	}

	.dw-recordings-hero__stats strong {
		font-size: clamp(1.75rem, 3vw, 2.2rem);
		white-space: nowrap;
	}

	.dw-recordings-hero__stats span {
		margin-top: 0;
	}

	.dw-recordings-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-icon-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-contact-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-related-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-assignment-grid,
	.dw-resource-grid,
	.dw-announcement-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-assignments-overview-grid,
	.dw-resources-overview-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dw-dashboard-stat-grid,
	.dw-dashboard-action-grid,
	.dw-admin-stat-grid,
	.dw-admin-action-grid,
	.dw-admin-alert-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dw-dashboard-content-grid,
	.dw-dashboard-progress-grid,
	.dw-learning-progress-grid,
	.dw-bookmark-summary-grid,
	.dw-saved-bookmarks-list,
	.dw-profile-summary-grid,
	.dw-profile-link-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-instructor-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-dashboard-quiz-layout {
		align-items: start;
		grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
	}
}

@media (max-width: 1023px) {
	.dw-admin-stat-grid,
	.dw-admin-action-grid,
	.dw-admin-alert-grid,
	.dw-admin-notification-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-admin-hero__grid,
	.dw-admin-two-column,
	.dw-admin-content-grid {
		grid-template-columns: 1fr;
	}

	.dw-report-filter-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-report-stat-grid,
	.dw-report-engagement-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dw-report-cohort-grid,
	.dw-report-quality-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.admin-bar .dw-dashboard-nav {
		top: 46px;
	}

	.dw-platform-page {
		inline-size: 100%;
		margin-inline: 0;
		max-inline-size: 100%;
	}

	.dw-notification-menu-item {
		display: block;
	}

	.dw-notification-dropdown {
		left: 0;
		right: auto;
	}

	.dw-notification-filter-actions,
	.dw-notification-card__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.dw-notification-filter-actions .dw-btn,
	.dw-notification-card__actions .dw-btn,
	.dw-notification-hero-card .dw-btn {
		width: 100%;
	}

	.dw-notification-hero-card .dw-btn {
		justify-self: stretch;
	}

	.dw-notification-card,
	.dw-dashboard-notification-item {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.dw-dashboard-notification-item time {
		grid-column: 2;
	}

	.dw-admin-notification-grid,
	.dw-notification-preference-grid {
		grid-template-columns: 1fr;
	}

	.admin-bar .dw-quiz-workspace__header {
		top: 46px;
	}

	.dw-quiz-workspace__header .dw-container {
		align-items: flex-start;
	}

	.dw-quiz-question-nav {
		overflow-x: auto;
	}

	.dw-quiz-question-nav > div {
		display: flex;
	}

	.dw-quiz-question-nav button {
		flex: 0 0 42px;
	}

	.dw-quiz-question__actions,
	.dw-quiz-submit-dialog > div {
		align-items: stretch;
		flex-direction: column;
	}

	.dw-quiz-question__actions .dw-btn,
	.dw-quiz-submit-dialog .dw-btn {
		width: 100%;
	}

	.dw-quiz-attempt-list article {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.dw-page-hero,
	.dw-recordings-hero {
		padding-top: 2rem;
	}

	.dw-lesson-hero {
		padding-top: 1.25rem;
	}

	.dw-hero__actions .dw-btn,
	.dw-footer-cta__panel .dw-btn,
	.dw-video-buttons .dw-btn,
	.dw-video-buttons > a {
		width: 100%;
	}

	.dw-hero__stats {
		grid-template-columns: 1fr;
	}

	.dw-hero__stats div {
		border-left: 0;
		border-top: 1px solid var(--dw-border);
		padding-left: 0;
		padding-top: var(--dw-space-3);
	}

	.dw-categories {
		flex-wrap: nowrap;
		margin-inline: -16px;
		overflow-x: auto;
		padding-inline: 16px;
		scroll-padding-inline: 16px;
	}

	.dw-category-chip {
		white-space: nowrap;
	}

	.dw-recordings-pagination .nav-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-recordings-pagination .page-numbers {
		width: 100%;
	}

	.dw-video-meta,
	.dw-video-buttons {
		flex-direction: column;
	}

	.dw-page-hero__actions .dw-btn,
	.dw-auth-form .dw-btn,
	.dw-profile-form .dw-btn,
	.dw-admin-hero__panel .dw-btn,
	.dw-community-panel .dw-btn,
	.dw-lesson-actions .dw-btn,
	.dw-lesson-details-card .dw-btn,
	.dw-assignment-actions .dw-btn,
	.dw-resource-actions .dw-btn,
	.dw-resource-cta-actions .dw-btn,
	.dw-announcement-actions .dw-btn,
	.dw-submission-form .dw-btn,
	.dw-feedback-notice-card .dw-btn,
	.dw-feedback-spotlight-card .dw-btn,
	.dw-progress-empty-actions .dw-btn {
		width: 100%;
	}

	.dw-submission-form .dw-btn,
	.dw-feedback-notice-card .dw-btn,
	.dw-feedback-spotlight-card .dw-btn {
		justify-self: stretch;
	}

	.dw-submission-card__header,
	.dw-feedback-notice-card__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.dw-feedback-spotlight-card {
		grid-template-columns: 1fr;
	}

	.dw-faq-item summary {
		padding-right: 3.5rem;
	}

	.dw-cohort-card-grid {
		grid-template-columns: 1fr;
	}

	.dw-access-denied-panel {
		text-align: left;
	}

	.dw-admin-hero {
		padding-top: 2rem;
	}

	.dw-admin-stat-grid,
	.dw-admin-action-grid,
	.dw-admin-alert-grid,
	.dw-review-filter-grid {
		grid-template-columns: 1fr;
	}

	.dw-review-detail-grid {
		grid-template-columns: 1fr;
	}

	.dw-review-sidebar {
		position: static;
	}

	.dw-admin-nav {
		position: static;
	}

	.dw-admin-list-item {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.dw-admin-list-item .dw-btn {
		width: 100%;
	}

	.dw-admin-panel__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.dw-admin-panel__actions .dw-btn {
		width: 100%;
	}

	.dw-admin-table {
		min-width: 0;
	}

	.dw-review-table {
		min-width: 0;
	}

	.dw-admin-table thead,
	.dw-review-table thead {
		display: none;
	}

	.dw-admin-table,
	.dw-admin-table tbody,
	.dw-admin-table tr,
	.dw-admin-table td,
	.dw-review-table,
	.dw-review-table tbody,
	.dw-review-table tr,
	.dw-review-table td {
		display: block;
		width: 100%;
	}

	.dw-admin-table tr,
	.dw-review-table tr {
		border-bottom: 1px solid var(--dw-border);
		padding: var(--dw-space-3);
	}

	.dw-admin-table td,
	.dw-review-table td {
		border-bottom: 0;
		padding: 0.35rem 0;
	}

	.dw-admin-table td::before,
	.dw-review-table td::before {
		color: var(--dw-muted);
		content: attr(data-label);
		display: block;
		font-size: 0.72rem;
		font-weight: 850;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.dw-reports-hero {
		padding-top: 2rem;
	}

	.dw-reports-hero__grid,
	.dw-report-rank-grid {
		grid-template-columns: 1fr;
	}

	.dw-reports-hero__actions .dw-btn,
	.dw-report-filter-actions .dw-btn,
	.dw-report-export-grid .dw-btn {
		width: 100%;
	}

	.dw-report-filter-grid,
	.dw-report-stat-grid,
	.dw-report-engagement-grid,
	.dw-report-cohort-grid,
	.dw-report-quality-grid {
		grid-template-columns: 1fr;
	}

	.dw-report-chart {
		grid-template-columns: repeat(8, minmax(50px, 1fr));
	}

	.dw-report-table {
		min-width: 0;
	}

	.dw-report-table thead {
		display: none;
	}

	.dw-report-table,
	.dw-report-table tbody,
	.dw-report-table tr,
	.dw-report-table td {
		display: block;
		width: 100%;
	}

	.dw-report-table tr {
		border-bottom: 1px solid var(--dw-border);
		padding: var(--dw-space-3);
	}

	.dw-report-table td {
		border: 0;
		padding: 0.4rem 0;
	}

	.dw-report-table td::before {
		color: var(--dw-muted);
		content: attr(data-label);
		display: block;
		font-size: 0.68rem;
		font-weight: 850;
		letter-spacing: 0.08em;
		margin-bottom: 0.15rem;
		text-transform: uppercase;
	}

	.dw-report-activity-list article {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.dw-lesson-header h1,
	.dw-assignment-detail-card h1,
	.dw-resource-detail-card h1,
	.dw-announcement-detail-card h1,
	.dw-instructor-profile-content h1 {
		font-size: clamp(1.85rem, 9vw, 2.55rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}
@media (max-width: 1024px) {
	.dw-live-class-filters,
	.dw-live-class-detail-grid {
		grid-template-columns: 1fr;
	}

	.dw-live-class-grid,
	.dw-live-class-grid--compact {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dw-live-class-sidebar-card {
		position: static;
	}
}

@media (max-width: 700px) {
	.dw-live-class-grid,
	.dw-live-class-grid--compact {
		grid-template-columns: 1fr;
	}

	.dw-live-class-filters {
		padding: 1rem;
	}

	.dw-live-class-card__actions,
	.dw-live-class-card__actions .dw-btn {
		width: 100%;
	}

	.dw-live-class-card__actions .dw-btn {
		justify-content: center;
	}

	.dw-live-class-hero-panel {
		min-height: 190px;
	}

	.dw-submission-list {
		grid-template-columns: 1fr;
	}

	.dw-submission-actions,
	.dw-submission-actions .dw-btn {
		width: 100%;
	}

	.dw-submission-actions .dw-btn {
		justify-content: center;
	}
}