/**
 * NoticeH Frontend Stylesheet
 * Responsive, Mobile-First, WCAG AA Compliant
 *
 * @package NoticeH
 */

/* General Container & Layout */
.noticeh-board-wrapper,
.noticeh-single-article,
.noticeh-container {
	font-family: var(--noticeh-font-family);
	color: var(--noticeh-text-main);
	line-height: 1.6;
	box-sizing: border-box;
}

.noticeh-board-wrapper *,
.noticeh-single-article * {
	box-sizing: border-box;
}

/* Accessibility Focus States */
.noticeh-board-wrapper a:focus-visible,
.noticeh-board-wrapper button:focus-visible,
.noticeh-board-wrapper input:focus-visible,
.noticeh-board-wrapper select:focus-visible {
	outline: 2px solid var(--noticeh-primary);
	outline-offset: 2px;
}

/* Filter & Search Bar */
.noticeh-filter-bar {
	background: var(--noticeh-bg-surface);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	padding: 16px;
	margin-bottom: 24px;
	box-shadow: var(--noticeh-shadow-sm);
}

.noticeh-filter-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.noticeh-filter-group {
	flex: 1 1 180px;
	min-width: 150px;
}

.noticeh-search-group {
	flex: 2 1 250px;
}

.noticeh-input-with-icon {
	position: relative;
	width: 100%;
}

.noticeh-input-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--noticeh-text-muted);
}

.noticeh-filter-form input[type="search"],
.noticeh-filter-form select {
	width: 100%;
	padding: 8px 12px 8px 36px;
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius);
	background-color: var(--noticeh-bg-surface);
	color: var(--noticeh-text-main);
	font-size: 14px;
	transition: var(--noticeh-transition);
}

.noticeh-filter-form select {
	padding-left: 12px;
}

.noticeh-filter-actions {
	display: flex;
	gap: 8px;
}

/* Buttons */
.noticeh-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: var(--noticeh-radius);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	transition: var(--noticeh-transition);
}

.noticeh-btn-primary {
	background-color: var(--noticeh-primary);
	color: #ffffff;
}

.noticeh-btn-primary:hover {
	background-color: var(--noticeh-primary-hover);
	color: #ffffff;
}

.noticeh-btn-secondary {
	background-color: var(--noticeh-secondary);
	color: #ffffff;
}

.noticeh-btn-secondary:hover {
	background-color: var(--noticeh-secondary-hover);
	color: #ffffff;
}

.noticeh-btn-outline {
	background-color: transparent;
	border-color: var(--noticeh-border-color);
	color: var(--noticeh-text-main);
}

.noticeh-btn-outline:hover {
	border-color: var(--noticeh-primary);
	color: var(--noticeh-primary);
}

.noticeh-btn-sm {
	padding: 4px 10px;
	font-size: 12px;
}

.noticeh-btn-lg {
	padding: 12px 24px;
	font-size: 16px;
}

/* Badges */
.noticeh-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 8px;
}

.noticeh-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 10px;
	border-radius: var(--noticeh-radius-pill);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.noticeh-badge-sticky {
	background-color: var(--noticeh-sticky-bg);
	color: var(--noticeh-sticky-color);
}

.noticeh-badge-normal {
	background-color: var(--noticeh-priority-normal-bg);
	color: var(--noticeh-priority-normal-color);
}

.noticeh-badge-important {
	background-color: var(--noticeh-priority-important-bg);
	color: var(--noticeh-priority-important-color);
}

.noticeh-badge-urgent {
	background-color: var(--noticeh-priority-urgent-bg);
	color: var(--noticeh-priority-urgent-color);
}

.noticeh-badge-expired {
	background-color: var(--noticeh-expired-bg);
	color: var(--noticeh-expired-color);
}

/* Grid & Cards Layout */
.noticeh-grid-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
}

.noticeh-card {
	background: var(--noticeh-bg-surface);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: var(--noticeh-shadow-sm);
	transition: var(--noticeh-transition);
}

.noticeh-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--noticeh-shadow-md);
}

.noticeh-card.is-sticky {
	border-left: 4px solid var(--noticeh-primary);
}

.noticeh-card-media {
	margin: -20px -20px 16px -20px;
	overflow: hidden;
	border-top-left-radius: var(--noticeh-radius-lg);
	border-top-right-radius: var(--noticeh-radius-lg);
}

.noticeh-card-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	transition: var(--noticeh-transition);
}

.noticeh-card:hover .noticeh-card-img {
	transform: scale(1.03);
}

.noticeh-card-title {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: 700;
}

.noticeh-card-title a {
	color: var(--noticeh-text-main);
	text-decoration: none;
}

.noticeh-card-title a:hover {
	color: var(--noticeh-primary);
}

.noticeh-card-meta {
	font-size: 13px;
	color: var(--noticeh-text-muted);
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 12px;
}

.noticeh-card-excerpt {
	font-size: 14px;
	color: var(--noticeh-text-muted);
	margin-bottom: 16px;
}

.noticeh-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 12px;
	border-top: 1px solid var(--noticeh-border-color);
}

/* Data Table Layout */
.noticeh-table-responsive {
	overflow-x: auto;
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	box-shadow: var(--noticeh-shadow-sm);
}

.noticeh-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--noticeh-bg-surface);
	text-align: left;
}

.noticeh-table th,
.noticeh-table td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--noticeh-border-color);
}

.noticeh-table th {
	background: var(--noticeh-bg-alt);
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--noticeh-text-muted);
}

.noticeh-table tr:hover {
	background-color: var(--noticeh-bg-hover);
}

.noticeh-table tr.is-sticky-row {
	background-color: rgba(37, 99, 235, 0.04);
}

/* Classic List Layout */
.noticeh-list-container {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.noticeh-list-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: var(--noticeh-bg-surface);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	padding: 16px;
	box-shadow: var(--noticeh-shadow-sm);
}

.noticeh-list-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--noticeh-bg-alt);
	color: var(--noticeh-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}

.noticeh-list-content {
	flex: 1;
}

.noticeh-list-title {
	margin: 4px 0;
	font-size: 16px;
}

.noticeh-list-title a {
	color: var(--noticeh-text-main);
	text-decoration: none;
}

.noticeh-list-title a:hover {
	color: var(--noticeh-primary);
}

/* Timeline Layout */
.noticeh-timeline {
	position: relative;
	padding-left: 30px;
	border-left: 2px dashed var(--noticeh-border-color);
	margin-left: 15px;
}

.noticeh-timeline-item {
	position: relative;
	margin-bottom: 24px;
}

.noticeh-timeline-marker {
	position: absolute;
	left: -41px;
	top: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--noticeh-primary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
}

.noticeh-timeline-content {
	background: var(--noticeh-bg-surface);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	padding: 16px;
	box-shadow: var(--noticeh-shadow-sm);
}

/* Pagination */
.noticeh-pagination {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.noticeh-pagination-list {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 6px;
}

.noticeh-page-item a,
.noticeh-page-item span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius);
	color: var(--noticeh-text-main);
	text-decoration: none;
	font-size: 14px;
}

.noticeh-page-item.is-active a,
.noticeh-page-item.is-active span {
	background-color: var(--noticeh-primary);
	color: #ffffff;
	border-color: var(--noticeh-primary);
}

/* Breadcrumbs Navigation */
.noticeh-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--noticeh-text-muted);
	margin-bottom: 20px;
}

.noticeh-breadcrumbs a {
	color: var(--noticeh-primary);
	text-decoration: none;
	transition: var(--noticeh-transition);
}

.noticeh-breadcrumbs a:hover {
	text-decoration: underline;
}

.noticeh-breadcrumb-sep {
	font-size: 10px;
	opacity: 0.6;
}

/* Archive Banner Header Card */
.noticeh-archive-header-card {
	background: linear-gradient(135deg, #ffffff 0%, var(--noticeh-bg-alt) 100%);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	box-shadow: var(--noticeh-shadow-sm);
	padding: 24px 28px;
	margin-bottom: 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.noticeh-archive-header-content {
	flex: 1;
	min-width: 280px;
}

.noticeh-archive-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(37, 99, 235, 0.1);
	color: var(--noticeh-primary);
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: var(--noticeh-radius-pill);
	margin-bottom: 8px;
}

.noticeh-archive-title {
	margin: 0 0 6px 0;
	font-size: 26px;
	font-weight: 800;
	color: var(--noticeh-text-main);
	line-height: 1.3;
}

.noticeh-archive-subtext {
	margin: 0;
	font-size: 14px;
	color: var(--noticeh-text-muted);
}

/* Single Notice Details Page */
.noticeh-single-article {
	max-width: 860px;
	margin: 0 auto;
	padding: 20px 0;
}

.noticeh-single-title {
	font-size: 32px;
	font-weight: 800;
	margin: 12px 0;
}

.noticeh-single-meta-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	padding: 12px 16px;
	background: var(--noticeh-bg-alt);
	border-radius: var(--noticeh-radius);
	font-size: 14px;
	margin-bottom: 24px;
}

.noticeh-print-btn {
	margin-left: auto;
	background: transparent;
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius);
	padding: 4px 10px;
	cursor: pointer;
}

.noticeh-single-featured-img img {
	width: 100%;
	max-height: 450px;
	object-fit: cover;
	border-radius: var(--noticeh-radius-lg);
	margin-bottom: 24px;
}

.noticeh-attachments-section {
	background: var(--noticeh-bg-alt);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	padding: 20px;
	margin: 30px 0;
}

.noticeh-attachments-title {
	margin-top: 0;
	margin-bottom: 14px;
}

.noticeh-attachments-list {
	list-style: none;
	padding: 0;
	margin: 0;

}

.noticeh-attachment-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--noticeh-bg-surface);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius);
	padding: 10px 14px;
	margin-bottom: 8px;
}

.noticeh-file-ext {
	display: inline-block;
	padding: 4px 8px;
	background: var(--noticeh-primary);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	border-radius: 4px;
	margin-right: 10px;
}

/* Social Share Buttons */
.noticeh-social-share {
	margin: 30px 0;
	padding-top: 20px;
	border-top: 1px solid var(--noticeh-border-color);
}

.noticeh-share-buttons {
	display: flex;
	gap: 10px;
}

.noticeh-share-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	text-decoration: none;
	border: none;
	cursor: pointer;
	font-size: 15px;
	transition: var(--noticeh-transition);
}

.noticeh-share-twitter { background-color: #000000; }
.noticeh-share-facebook { background-color: #1877f2; }
.noticeh-share-linkedin { background-color: #0a66c2; }
.noticeh-share-whatsapp { background-color: #25d366; }
.noticeh-share-email { background-color: #64748b; }

/* External File Link Attachment Card Styling */
.noticeh-external-attachment-card {
	border-color: var(--noticeh-primary) !important;
	background: var(--noticeh-bg-alt) !important;
}

.noticeh-ext-cloud {
	background-color: #0284c7 !important;
	color: #ffffff !important;
	font-size: 16px;
}

.noticeh-external-file-btn {
	background-color: #0284c7 !important;
}

.noticeh-external-file-btn:hover {
	background-color: #0369a1 !important;
}

.noticeh-copy-link { background-color: #475569; }

/* Empty Description Fallback Box Styling */
.noticeh-single-no-description-box {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: var(--noticeh-bg-alt);
	border: 1px solid var(--noticeh-border-color);
	border-left: 4px solid var(--noticeh-primary);
	border-radius: var(--noticeh-radius-lg);
	padding: 20px;
	margin: 24px 0;
}

.noticeh-no-desc-icon {
	font-size: 24px;
	color: var(--noticeh-primary);
	flex-shrink: 0;
	margin-top: 2px;
}

.noticeh-no-desc-details h3 {
	margin: 0 0 6px 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--noticeh-text-main);
}

.noticeh-no-desc-details p {
	margin: 0;
	font-size: 15px;
	color: var(--noticeh-text-muted);
}

.noticeh-file-hint {
	margin-top: 10px !important;
	font-size: 13px !important;
	color: var(--noticeh-primary) !important;
	font-weight: 500;
}


/* Native Animation Engine Styles (GPU Accelerated) */
.noticeh-animate {
	opacity: 0;
	will-change: transform, opacity;
	transition-property: transform, opacity;
	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

.noticeh-animate-fade-up {
	transform: translate3d(0, 30px, 0);
}

.noticeh-animate-zoom-in {
	transform: scale3d(0.92, 0.92, 1);
}

.noticeh-animate-slide-left {
	transform: translate3d(40px, 0, 0);
}

.noticeh-animate-flip {
	transform: perspective(600px) rotateX(-20deg);
}

/* Triggered State when in Viewport */
.noticeh-animate.is-in-view {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0deg);
}

/* Cubed Box Vertical Ticker Architecture (Desktop 150px Height) */
.noticeh-cubed-ticker-box {
	display: flex;
	background: var(--noticeh-bg-surface);
	border: 1px solid var(--noticeh-border-color);
	border-radius: var(--noticeh-radius-lg);
	box-shadow: var(--noticeh-shadow-md);
	overflow: hidden;
	height: 150px;
	position: relative;
	margin: 24px 0;
	transition: var(--noticeh-transition);
}

.noticeh-cubed-ticker-box:hover {
	border-color: var(--noticeh-primary);
	box-shadow: var(--noticeh-shadow-lg);
}

/* Left Cubed Badge Header */
.noticeh-ticker-header-cube {
	width: 180px;
	flex-shrink: 0;
	background: linear-gradient(135deg, var(--noticeh-primary) 0%, #1d4ed8 100%);
	color: #ffffff;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	overflow: hidden;
}

.noticeh-ticker-header-cube::after {
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	width: 20px;
	background: var(--noticeh-bg-surface);
	transform: skewX(-12deg);
}

.noticeh-cube-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

.noticeh-cube-title-group {
	display: flex;
	flex-direction: column;
}

.noticeh-cube-tag {
	font-size: 10px;
	letter-spacing: 1px;
	opacity: 0.85;
	font-weight: 700;
}

.noticeh-cube-title {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.2;
}

/* Right Viewport & Infinite Track */
.noticeh-ticker-viewport {
	flex: 1;
	height: 150px;
	overflow-y: scroll; /* Always show scrollbar — do not change to auto */
	scroll-behavior: smooth;
	position: relative;
	padding: 0 16px;
}

.noticeh-ticker-viewport::-webkit-scrollbar {
	width: 4px;
}

.noticeh-ticker-viewport::-webkit-scrollbar-track {
	background: transparent;
}

.noticeh-ticker-viewport::-webkit-scrollbar-thumb {
	background: var(--noticeh-border-color);
	border-radius: 4px;
}

.noticeh-ticker-scroll-track {
	display: flex;
	flex-direction: column;
	animation: noticeh-vertical-ticker 18s linear infinite;
}

/* Pause Vertical Animation on Hover */
.noticeh-cubed-ticker-box:hover .noticeh-ticker-scroll-track,
.noticeh-ticker-viewport:hover .noticeh-ticker-scroll-track {
	animation-play-state: paused !important;
}

@keyframes noticeh-vertical-ticker {
	0% { transform: translateY(0); }
	100% { transform: translateY(-50%); }
}

.noticeh-ticker-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 12px;
	border-bottom: 1px dashed var(--noticeh-border-color);
	transition: var(--noticeh-transition);
	cursor: pointer;
	border-radius: var(--noticeh-radius);
	margin: 4px 0;
}

.noticeh-ticker-item:hover {
	background: var(--noticeh-bg-hover);
	transform: translateX(4px);
}

.noticeh-ticker-item-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.noticeh-ticker-date {
	font-size: 12px;
	color: var(--noticeh-text-muted);
}

.noticeh-ticker-title-link {
	color: var(--noticeh-text-main);
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.noticeh-ticker-title-link:hover {
	color: var(--noticeh-primary);
}

.noticeh-ticker-icon {
	color: var(--noticeh-primary);
	margin-right: 6px;
}

.noticeh-ticker-hover-hint {
	font-size: 11px;
	color: var(--noticeh-text-muted);
	opacity: 0;
	transition: var(--noticeh-transition);
	white-space: nowrap;
}

.noticeh-ticker-item:hover .noticeh-ticker-hover-hint {
	opacity: 1;
}

/* Hover Popup Preview Modal Card */
.noticeh-hover-popup-modal {
	position: fixed;
	z-index: 999999;
	width: 340px;
	max-width: 90vw;
	background: var(--noticeh-bg-surface);
	border: 1px solid var(--noticeh-primary);
	border-radius: var(--noticeh-radius-lg);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
	padding: 18px;
	animation: noticeh-popup-fade-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: auto;
}

@keyframes noticeh-popup-fade-in {
	from { opacity: 0; transform: scale(0.95) translateY(10px); }
	to { opacity: 1; transform: scale(1) translateY(0); }
}

.noticeh-popup-close-btn {
	position: absolute;
	top: 8px;
	right: 12px;
	background: transparent;
	border: none;
	font-size: 20px;
	color: var(--noticeh-text-muted);
	cursor: pointer;
}

.noticeh-popup-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.noticeh-popup-title {
	margin: 6px 0 8px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--noticeh-text-main);
}

.noticeh-popup-excerpt {
	font-size: 13px;
	color: var(--noticeh-text-muted);
	margin-bottom: 14px;
	line-height: 1.5;
}

.noticeh-popup-footer {
	text-align: right;
}

/* Comprehensive Responsive Breakpoints (iPad Mini, Tablets & Mobile) */
@media (max-width: 1024px) {
	.noticeh-cubed-ticker-box {
		flex-direction: column !important;
		height: auto !important;
		min-height: 180px;
		max-height: none !important;
		border-radius: var(--noticeh-radius);
	}

	.noticeh-ticker-header-cube {
		width: 100% !important;
		padding: 12px 16px !important;
		justify-content: flex-start;
		border-bottom: 1px solid var(--noticeh-border-color);
	}

	.noticeh-ticker-header-cube::after {
		display: none !important;
	}

	.noticeh-ticker-viewport {
		height: 180px !important;
		width: 100% !important;
		padding: 8px 10px 0 !important; /* top gap so first item clears the header cube */
	}

	.noticeh-ticker-item {
		flex-wrap: wrap !important;
		gap: 6px !important;
		padding: 10px 8px !important;
	}

	.noticeh-ticker-item:first-child {
		margin-top: 4px !important;
	}

	.noticeh-ticker-item-meta {
		width: 100%;
		justify-content: space-between;
	}

	.noticeh-ticker-title-link {
		white-space: normal !important;
		word-break: break-word !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	.noticeh-ticker-hover-hint {
		display: none !important;
	}

	/* Responsive Popup Card Centering for Tablets & Mobile */
	.noticeh-hover-popup-modal {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: 90vw !important;
		max-width: 360px !important;
		margin: 0 auto;
	}
}

@media (max-width: 640px) {
	.noticeh-grid-cards {
		grid-template-columns: 1fr !important;
	}
	.noticeh-filter-form {
		flex-direction: column;
		align-items: stretch;
	}
	.noticeh-filter-group {
		width: 100%;
	}
	.noticeh-single-title {
		font-size: 24px !important;
	}
}