/*
Theme Name: CQ318 Hospital
Author: CQ318 Hospital
Description: 重庆三一八医院官网的原生区块主题基础骨架。
Version: 0.4.0
Requires at least: 7.0
Requires PHP: 7.4
Text Domain: cq318-hospital
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * 全局设计令牌与基础样式优先维护在 theme.json 中。
 * 此文件承载响应式布局及无法由 theme.json 清晰表达的组件表现。
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	text-rendering: optimizeLegibility;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

a,
button,
summary {
	text-underline-offset: 0.16em;
}

:where(a, button, summary, input, textarea, select):focus-visible {
	outline: 3px solid var(--wp--preset--color--secondary);
	outline-offset: 3px;
}

.wp-element-button,
.wp-block-button__link {
	max-width: 100%;
	white-space: normal;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background: transparent;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--primary-dark);
}

/* Header */
.cq318-site-header {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid var(--wp--preset--color--border);
	box-shadow: var(--wp--custom--shadow--soft);
}

.cq318-site-header__inner {
	min-height: 4.75rem;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--20);
}

.cq318-site-header__brand {
	flex: 0 0 auto;
	margin: 0;
}

.cq318-site-header__brand a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}

.cq318-site-header__nav {
	flex: 1 1 auto;
	max-width: 100%;
}

.cq318-site-header__nav .wp-block-navigation__container {
	column-gap: clamp(0.75rem, 1.5vw, 1.35rem);
	row-gap: 0.5rem;
}

.cq318-site-header__nav .wp-block-navigation-item__content {
	padding-block: 0.5rem;
	color: var(--wp--preset--color--ink);
}

.cq318-site-header__nav .wp-block-navigation-item__content:hover,
.cq318-site-header__nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

.cq318-site-header__nav .wp-block-navigation__submenu-container {
	min-width: 10rem;
	padding: 0.5rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--small);
	background: var(--wp--preset--color--white);
	box-shadow: var(--wp--custom--shadow--card);
}

.cq318-site-header__nav .wp-block-navigation__responsive-container-open,
.cq318-site-header__nav .wp-block-navigation__responsive-container-close {
	padding: 0.5rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--small);
	color: var(--wp--preset--color--primary-dark);
}

.cq318-site-header__nav .wp-block-navigation__responsive-container-content {
	padding-block: var(--wp--preset--spacing--30);
}

/* Shared home layout */
.cq318-home {
	margin-top: 0;
}

.cq318-home-section {
	padding-block: var(--wp--preset--spacing--60);
}

.cq318-home-section > .alignwide,
.cq318-home-section > .wp-block-group.alignwide,
.cq318-home-section > .wp-block-columns.alignwide,
.cq318-home-section > .wp-block-query.alignwide,
.cq318-home-section > .wp-block-buttons.alignwide {
	width: 100%;
}

.cq318-eyebrow {
	margin-bottom: var(--wp--preset--spacing--10);
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.08em;
}

.cq318-section-heading,
.cq318-section-panel {
	margin-bottom: var(--wp--preset--spacing--40);
}

.cq318-section-heading h2,
.cq318-section-panel h2 {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--20);
}

.cq318-section-intro {
	max-width: 48rem;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--lead);
}

.cq318-section-heading--row {
	gap: var(--wp--preset--spacing--30);
}

.cq318-text-link {
	margin: 0;
	font-weight: 600;
}

.cq318-button-row {
	gap: var(--wp--preset--spacing--20);
}

/* Hero */
.cq318-hero {
	padding-block: var(--wp--preset--spacing--70);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.cq318-hero__columns {
	gap: clamp(2rem, 6vw, 5rem);
}

.cq318-hero__content h1 {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--20);
	max-width: 10em;
	color: var(--wp--preset--color--primary-dark);
}

.cq318-hero__subtitle {
	margin-block: 0 var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--primary);
	font-weight: 650;
}

.cq318-hero__description {
	max-width: 38rem;
	margin-bottom: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--lead);
}

.cq318-hero__visual {
	position: relative;
	padding: clamp(2rem, 5vw, 3.5rem);
	border-radius: var(--wp--custom--radius--large);
	background: var(--wp--preset--color--primary-dark);
	box-shadow: var(--wp--custom--shadow--card);
	color: var(--wp--preset--color--white);
}

.cq318-hero__visual::before {
	content: "";
	position: absolute;
	inset: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: calc(var(--wp--custom--radius--large) - 0.35rem);
	pointer-events: none;
}

.cq318-hero__visual-label,
.cq318-hero__visual-list {
	position: relative;
}

.cq318-hero__visual-label {
	margin-top: 0;
	color: var(--wp--preset--color--secondary-soft);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.08em;
}

.cq318-hero__visual-list {
	margin-bottom: 0;
	padding-inline-start: 1.25rem;
	font-size: var(--wp--preset--font-size--lead);
}

.cq318-hero__visual-list li + li {
	margin-top: var(--wp--preset--spacing--20);
}

/* Section cards */
.cq318-section-panel {
	padding: clamp(1.5rem, 4vw, 3rem);
	border: 1px solid var(--wp--preset--color--border);
	border-inline-start: 0.35rem solid var(--wp--preset--color--secondary);
	border-radius: var(--wp--custom--radius--medium);
	box-shadow: var(--wp--custom--shadow--soft);
}

.cq318-topic-grid,
.cq318-entry-grid,
.cq318-trust-grid {
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.cq318-topic-grid {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
	margin-bottom: var(--wp--preset--spacing--40);
}

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

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

.cq318-topic-card,
.cq318-entry-card,
.cq318-trust-card,
.cq318-post-card {
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--medium);
	background: var(--wp--preset--color--white);
	box-shadow: var(--wp--custom--shadow--soft);
}

.cq318-topic-card {
	border-top: 0.25rem solid var(--wp--preset--color--secondary);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
	.cq318-topic-card:hover {
		transform: translateY(-4px);
		border-color: var(--wp--preset--color--secondary);
		box-shadow:
			var(--wp--custom--shadow--card),
			inset 0 0.125rem 0 var(--wp--preset--color--secondary);
		color: var(--wp--preset--color--primary-dark);
	}
}

@media (prefers-reduced-motion: reduce) {
	.cq318-topic-card {
		transition: none;
	}

	.cq318-topic-card:hover {
		transform: none;
	}
}

.cq318-topic-card h3,
.cq318-entry-card h3,
.cq318-trust-card h3,
.cq318-post-card .wp-block-post-title {
	margin-top: 0;
	font-size: 1.125rem;
}

.cq318-topic-card h3 {
	margin-bottom: 0;
}

.cq318-entry-card h3 a,
.cq318-post-card .wp-block-post-title a {
	color: var(--wp--preset--color--ink);
}

.cq318-entry-card h3 a:hover,
.cq318-post-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

.cq318-entry-card p,
.cq318-trust-card p {
	margin-bottom: 0;
	color: var(--wp--preset--color--muted);
}

/* Query loop */
.cq318-home-query__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--30);
}

.cq318-home-query__grid > li {
	display: flex;
	margin: 0;
}

.cq318-post-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.cq318-post-card .wp-block-post-date {
	margin-top: 0;
}

.cq318-post-card .wp-block-post-excerpt {
	margin-bottom: 0;
}

.cq318-post-card .wp-block-post-excerpt__more-text {
	margin-top: auto;
	padding-top: var(--wp--preset--spacing--20);
}

.cq318-post-card .wp-block-post-excerpt__more-link {
	font-weight: 600;
}

.cq318-query-empty {
	padding: var(--wp--preset--spacing--40);
	border: 1px dashed var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--medium);
	color: var(--wp--preset--color--muted);
	background: var(--wp--preset--color--canvas);
}

/* Home CTA */
.cq318-home-cta__inner {
	gap: var(--wp--preset--spacing--40);
}

.cq318-home-cta h2 {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--10);
}

.cq318-home-cta__text {
	margin-bottom: 0;
	color: var(--wp--preset--color--surface);
}

.cq318-home-cta .wp-block-button.is-style-outline > .wp-block-button__link {
	border-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--white);
}

.cq318-home-cta .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	color: var(--wp--preset--color--primary-dark);
	background: var(--wp--preset--color--white);
}

/* Footer */
.cq318-site-footer {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
}

.cq318-site-footer__columns {
	gap: clamp(2rem, 6vw, 5rem);
}

.cq318-site-footer__brand {
	margin-top: 0;
}

.cq318-site-footer__brand a,
.cq318-site-footer__nav .wp-block-navigation-item__content {
	color: var(--wp--preset--color--white);
}

.cq318-site-footer__intro,
.cq318-site-footer__placeholder,
.cq318-site-footer__boundary {
	color: var(--wp--preset--color--border);
}

.cq318-site-footer__heading {
	margin-top: 0;
	color: var(--wp--preset--color--white);
	font-size: 1rem;
	letter-spacing: 0;
}

.cq318-site-footer__nav .wp-block-navigation__container {
	align-items: flex-start;
	gap: 0.35rem;
}

.cq318-site-footer__nav .wp-block-navigation-item__content {
	padding-block: 0.2rem;
}

.cq318-site-footer__nav .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--secondary-soft);
	text-decoration: underline;
}

.cq318-site-footer__boundary {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.cq318-site-footer__boundary p {
	margin-bottom: 0;
}

/* Tablet */
@media (max-width: 1024px) {
	.cq318-site-header__inner {
		column-gap: var(--wp--preset--spacing--30);
	}

	.cq318-home-query__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.cq318-site-header__nav {
		flex-basis: 100%;
	}

	.cq318-site-header__nav .wp-block-navigation__container {
		justify-content: flex-start;
	}

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

@media (max-width: 781px) {
	.cq318-hero__columns {
		gap: var(--wp--preset--spacing--50);
	}

	.cq318-hero__content,
	.cq318-hero__content h1 {
		max-width: none;
	}

	.cq318-entry-grid,
	.cq318-trust-grid {
		grid-template-columns: 1fr;
	}

	.cq318-site-footer__columns {
		gap: var(--wp--preset--spacing--40);
	}
}

/* Mobile */
@media (max-width: 600px) {
	.cq318-site-header__inner {
		min-height: 4rem;
		flex-wrap: nowrap;
	}

	.cq318-site-header__nav {
		flex: 0 0 auto;
		margin-inline-start: auto;
	}

	.cq318-site-header__nav .wp-block-navigation__responsive-container.is-menu-open {
		padding: var(--wp--custom--layout--gutter);
	}

	.cq318-home-section {
		padding-block: var(--wp--preset--spacing--50);
	}

	.cq318-hero {
		padding-block: var(--wp--preset--spacing--60);
	}

	.cq318-button-row,
	.cq318-button-row .wp-block-button,
	.cq318-button-row .wp-block-button__link {
		width: 100%;
	}

	.cq318-button-row .wp-block-button__link {
		text-align: center;
	}

	.cq318-home-query__grid {
		grid-template-columns: 1fr;
	}

	.cq318-topic-card,
	.cq318-entry-card,
	.cq318-trust-card,
	.cq318-post-card,
	.cq318-section-panel {
		padding: var(--wp--preset--spacing--30);
	}
}

/* Inner page foundations */
.cq318-page-hero,
.cq318-article-header {
	padding-block: var(--wp--preset--spacing--60);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.cq318-page-title,
.cq318-article-title {
	margin-top: var(--wp--preset--spacing--20);
	margin-bottom: 0;
	max-width: 22em;
	overflow-wrap: anywhere;
	color: var(--wp--preset--color--primary-dark);
}

.cq318-page-lead {
	max-width: 48rem;
	margin-top: var(--wp--preset--spacing--20);
	margin-bottom: 0;
	color: var(--wp--preset--color--muted);
}

.cq318-breadcrumb {
	gap: 0.4rem;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

.cq318-breadcrumb p,
.cq318-breadcrumb__current {
	margin: 0;
}

.cq318-breadcrumb p {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.cq318-breadcrumb a {
	color: var(--wp--preset--color--muted);
}

.cq318-breadcrumb a:hover {
	color: var(--wp--preset--color--primary);
}

.cq318-breadcrumb__current {
	max-width: min(34rem, 100%);
	overflow-wrap: anywhere;
	color: var(--wp--preset--color--ink);
}

.cq318-breadcrumb.wp-block-breadcrumbs li:last-child {
	max-width: min(34rem, 100%);
	overflow-wrap: anywhere;
	color: var(--wp--preset--color--ink);
}

.cq318-page-body,
.cq318-article-body,
.cq318-specialty-content,
.cq318-listing-section,
.cq318-specialty-section {
	padding-block: var(--wp--preset--spacing--60);
}

.cq318-page-featured-image,
.cq318-article-featured-image {
	margin-bottom: var(--wp--preset--spacing--50);
}

.cq318-page-featured-image img,
.cq318-article-featured-image img,
.cq318-reading-content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--wp--custom--radius--medium);
}

/* Chinese long-form reading */
.cq318-reading-content {
	font-size: 1.0625rem;
	line-height: 1.85;
}

.cq318-reading-content > * + * {
	margin-top: 1.25em;
}

.cq318-reading-content :where(h2, h3, h4) {
	scroll-margin-top: 2rem;
	overflow-wrap: anywhere;
}

.cq318-reading-content h2 {
	margin-top: 2.25em;
	margin-bottom: 0.75em;
	font-size: clamp(1.5rem, 3vw, 1.875rem);
}

.cq318-reading-content h3 {
	margin-top: 1.8em;
	margin-bottom: 0.65em;
	font-size: clamp(1.25rem, 2.3vw, 1.5rem);
}

.cq318-reading-content :where(ul, ol) {
	padding-inline-start: 1.5em;
}

.cq318-reading-content li + li {
	margin-top: 0.45em;
}

.cq318-reading-content blockquote {
	margin-inline: 0;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border-inline-start: 0.3rem solid var(--wp--preset--color--secondary);
	background: var(--wp--preset--color--canvas);
	color: var(--wp--preset--color--ink);
}

.cq318-reading-content a {
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
}

.cq318-reading-content :where(.wp-block-table, table) {
	max-width: 100%;
}

.cq318-reading-content .wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.cq318-reading-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.cq318-reading-content :where(th, td) {
	padding: 0.65rem 0.75rem;
	border: 1px solid var(--wp--preset--color--border);
	text-align: start;
	vertical-align: top;
}

.cq318-reading-content th {
	background: var(--wp--preset--color--surface);
}

/* Health index */
.cq318-health-query {
	max-width: 58rem;
}

.cq318-health-query__list {
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

.cq318-archive-card {
	padding: clamp(1.5rem, 4vw, 2.5rem);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--medium);
	background: var(--wp--preset--color--white);
	box-shadow: var(--wp--custom--shadow--soft);
}

.cq318-archive-card .wp-block-post-date,
.cq318-archive-card .wp-block-post-title,
.cq318-archive-card .wp-block-post-excerpt,
.cq318-archive-card .cq318-post-topics {
	margin-top: 0;
}

.cq318-archive-card .wp-block-post-title {
	margin-bottom: var(--wp--preset--spacing--20);
	overflow-wrap: anywhere;
}

.cq318-archive-card .wp-block-post-title a {
	color: var(--wp--preset--color--ink);
}

.cq318-archive-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

.cq318-post-topics {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.cq318-pagination {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--border);
}

.cq318-pagination a,
.cq318-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0.35rem 0.65rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--small);
	background: var(--wp--preset--color--white);
}

.cq318-empty-state {
	padding: var(--wp--preset--spacing--40);
	border: 1px dashed var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--medium);
	background: var(--wp--preset--color--canvas);
	color: var(--wp--preset--color--muted);
}

/* Single article */
.cq318-article-header {
	padding-bottom: var(--wp--preset--spacing--50);
}

.cq318-article-title {
	font-size: clamp(2rem, 5vw, 3.25rem);
}

.cq318-article-meta {
	gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.cq318-article-meta > * {
	margin: 0;
}

.cq318-article-summary {
	max-width: 48rem;
	margin-top: var(--wp--preset--spacing--30);
	margin-bottom: 0;
	padding-inline-start: var(--wp--preset--spacing--30);
	border-inline-start: 0.25rem solid var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--lead);
}

.cq318-article-navigation {
	gap: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--border);
}

.cq318-article-navigation .wp-block-post-navigation-link {
	flex: 1 1 18rem;
	overflow-wrap: anywhere;
}

.cq318-article-navigation a {
	font-weight: 600;
}

/* Slug-specific specialty pages */
.cq318-hub-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
	gap: var(--wp--preset--spacing--30);
}

.cq318-hub-card {
	padding: clamp(1.5rem, 4vw, 2.5rem);
	border: 1px solid var(--wp--preset--color--border);
	border-top: 0.25rem solid var(--wp--preset--color--secondary);
	border-radius: var(--wp--custom--radius--medium);
	background: var(--wp--preset--color--white);
	box-shadow: var(--wp--custom--shadow--soft);
}

.cq318-hub-card h3 {
	margin-top: 0;
	overflow-wrap: anywhere;
}

.cq318-hub-card p:last-child {
	margin-bottom: 0;
	color: var(--wp--preset--color--muted);
}

.cq318-direction-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--30);
}

.cq318-direction-card {
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--border);
	border-top: 0.25rem solid var(--wp--preset--color--secondary);
	border-radius: var(--wp--custom--radius--medium);
	background: var(--wp--preset--color--white);
	box-shadow: var(--wp--custom--shadow--soft);
}

.cq318-direction-card h3 {
	margin: 0;
	font-size: 1.125rem;
	overflow-wrap: anywhere;
}

.cq318-direction-card h3 a {
	color: var(--wp--preset--color--ink);
}

.cq318-department-visit__inner {
	gap: var(--wp--preset--spacing--40);
}

.cq318-department-visit h2 {
	margin: 0;
}

.cq318-department-visit .wp-block-button.is-style-outline > .wp-block-button__link {
	border-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--white);
}

.cq318-department-visit .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	color: var(--wp--preset--color--primary-dark);
	background: var(--wp--preset--color--white);
}

@media (max-width: 1024px) {
	.cq318-direction-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	.cq318-page-hero,
	.cq318-article-header,
	.cq318-page-body,
	.cq318-article-body,
	.cq318-specialty-content,
	.cq318-listing-section,
	.cq318-specialty-section {
		padding-block: var(--wp--preset--spacing--50);
	}

	.cq318-reading-content {
		font-size: 1rem;
		line-height: 1.8;
	}
}

@media (max-width: 600px) {
	.cq318-breadcrumb {
		column-gap: 0.3rem;
		font-size: 0.8125rem;
	}

	.cq318-archive-card,
	.cq318-direction-card {
		padding: var(--wp--preset--spacing--30);
	}

	.cq318-direction-grid {
		grid-template-columns: 1fr;
	}

	.cq318-article-meta,
	.cq318-article-navigation,
	.cq318-department-visit__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.cq318-article-navigation .wp-block-post-navigation-link {
		flex-basis: auto;
		width: 100%;
	}
}