/*
Theme Name: Nanairo Catdays
Template: x-t9
Description: なないろCatdays ポータルサイト用の X-T9 子テーマ
Version: 0.4.22
Text Domain: nanairo-catdays
*/

/* ------------------------------------------------------------------
   Design tokens — warm greige / ivory palette
   ------------------------------------------------------------------ */

:root {
	--nc-bg: #faf8f5;
	--nc-bg-alt: #f3f0eb;
	--nc-bg-soft: #ebe6df;
	--nc-surface: #fffcf8;
	--nc-surface-elevated: #ffffff;

	--nc-text: #2e2a26;
	--nc-text-muted: #4f4943;
	--nc-text-subtle: #5a534d;
	--nc-text-faint: #6b645c;

	--nc-font-size-base: 1rem;
	--nc-font-size-sm: 0.9375rem;
	--nc-line-height-body: 1.55;

	--nc-brand: #8b7e6f;
	--nc-brand-dark: #6f6558;
	--nc-brand-soft: #f0ebe4;
	--nc-brand-muted: #c4b8a8;

	--nc-accent: #c9a88a;
	--nc-accent-soft: #f5ede4;

	--nc-border: rgba(111, 101, 88, 0.14);
	--nc-border-strong: rgba(111, 101, 88, 0.22);

	--nc-footer-bg: #5c544c;
	--nc-footer-text: rgba(255, 252, 248, 0.85);
	--nc-footer-text-muted: rgba(255, 252, 248, 0.55);

	--nc-shadow: 0 2px 8px rgba(74, 69, 64, 0.06), 0 8px 24px rgba(74, 69, 64, 0.05);
	--nc-shadow-hover: 0 8px 20px rgba(74, 69, 64, 0.08), 0 20px 40px rgba(74, 69, 64, 0.06);
	--nc-radius: 16px;
	--nc-radius-sm: 10px;
	--nc-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);

	--nc-font-sans: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;

	/* Cat Manager aliases */
	--cm-brand: var(--nc-brand);
	--cm-brand-dark: var(--nc-brand-dark);
	--cm-brand-soft: var(--nc-brand-soft);
	--cm-accent: var(--nc-accent);
	--cm-accent-soft: var(--nc-accent-soft);
	--cm-text: var(--nc-text);
	--cm-text-muted: var(--nc-text-muted);
	--cm-border: var(--nc-border);
	--cm-radius: var(--nc-radius);
	--cm-radius-sm: var(--nc-radius-sm);
	--cm-shadow: var(--nc-shadow);
	--cm-shadow-hover: var(--nc-shadow-hover);
	--cm-transition: var(--nc-transition);
}

html {
	font-size: 16px;
}

@media (max-width: 767px) {
	html {
		font-size: 15px;
	}
}

body {
	background-color: var(--nc-bg);
	color: var(--nc-text);
	font-family: var(--nc-font-sans);
	font-size: var(--nc-font-size-base);
	font-weight: 400;
	line-height: var(--nc-line-height-body);
	-webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* Body text — headings excluded */
.nc-main :where(p, li, dd, label, select, option, textarea, blockquote),
.nc-entry-content :where(p, li, td, th, dd, blockquote),
.nc-footer__inner :where(p, li) {
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
	color: var(--nc-text);
}

.nc-entry-content :where(h1, h2, h3, h4, h5, h6) {
	line-height: 1.35;
}

/* ------------------------------------------------------------------
   Layout
   ------------------------------------------------------------------ */

.nc-container {
	width: min(1100px, calc(100% - 2rem));
	margin-inline: auto;
}

.nc-main {
	margin-block: 0;
}

/* ------------------------------------------------------------------
   Header
   ------------------------------------------------------------------ */

.nc-header {
	border-bottom: 1px solid var(--nc-border);
	background: var(--nc-surface);
}

.nc-header-top {
	border-bottom: 1px solid var(--nc-border);
	background: var(--nc-brand-soft);
}

.nc-header-top__inner {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: min(1100px, calc(100% - 2rem));
	margin-inline: auto;
	padding-block: 0.45rem;
}

.nc-header-top-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.35rem 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nc-header-top-nav a {
	color: var(--nc-brand-dark);
	font-size: var(--nc-font-size-sm);
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.02em;
}

.nc-header-top-nav a:hover {
	color: var(--nc-brand);
	text-decoration: underline;
}

.nc-header__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 2rem;
	width: min(1100px, calc(100% - 2rem));
	margin-inline: auto;
	padding-block: 1rem;
}

.nc-header__brand {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
}

.nc-header__logo img {
	display: block;
	width: auto;
	max-height: 60px;
}

.nc-header__site-title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
}

.nc-header__site-title a {
	color: inherit;
	text-decoration: none;
}

.nc-header__tagline {
	margin: 0.15rem 0 0;
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
	color: var(--nc-text);
}

.nc-nav,
.nc-footer-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nc-nav a,
.nc-footer-nav a {
	color: var(--nc-brand-dark);
	font-size: var(--nc-font-size-base);
	font-weight: 600;
	text-decoration: none;
}

.nc-nav a:hover,
.nc-footer-nav a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------ */

.nc-footer {
	margin-top: 3rem;
	border-top: 2px solid var(--nc-brand-muted);
	background: var(--nc-footer-bg);
	color: var(--nc-footer-text);
}

.nc-footer__inner {
	width: min(1100px, calc(100% - 2rem));
	margin-inline: auto;
	padding: 2.5rem 0 2rem;
}

.nc-footer__site-title {
	margin: 0;
	font-size: 1.1rem;
}

.nc-footer__site-title a {
	color: var(--nc-surface-elevated);
	text-decoration: none;
}

.nc-footer__tagline {
	margin: 0.5rem 0 0;
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
}

.nc-footer__nav {
	margin-top: 1.5rem;
}

.nc-footer-nav a {
	color: var(--nc-footer-text);
}

.nc-footer__copy {
	margin: 2rem 0 0;
	font-size: var(--nc-font-size-sm);
	line-height: var(--nc-line-height-body);
	color: var(--nc-footer-text);
}

/* ------------------------------------------------------------------
   Front page
   ------------------------------------------------------------------ */

.nc-front-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(22rem, 72svh, 36rem);
	padding: clamp(3rem, 8vw, 5rem) 1rem;
	overflow: hidden;
	background-color: var(--nc-brand-dark);
}

.nc-front-hero__slides {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.nc-front-hero__slide {
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: center 45%;
	background-size: cover;
	opacity: 0;
	transition: opacity 2.5s ease-in-out;
	will-change: opacity;
}

.nc-front-hero__slide.is-active {
	opacity: 1;
}

.nc-front-hero__inner {
	position: relative;
	z-index: 1;
	width: min(760px, 100%);
	margin-inline: auto;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	border-radius: var(--nc-radius);
	background: rgba(255, 252, 248, 0.12);
	backdrop-filter: blur(2px);
	text-align: center;
}

.nc-front-hero__title {
	margin: 0;
	color: var(--nc-surface-elevated);
	font-size: clamp(1.85rem, 5vw, 3rem);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-shadow: 0 2px 16px rgba(74, 69, 64, 0.35);
}

.nc-front-hero__lead {
	max-width: 36em;
	margin: clamp(0.75rem, 2vw, 1.25rem) auto 0;
	color: rgba(255, 252, 248, 0.92);
	font-size: clamp(0.95rem, 2.2vw, 1.15rem);
	line-height: 1.7;
	text-shadow: 0 1px 10px rgba(74, 69, 64, 0.3);
}

@media (min-width: 768px) {
	.nc-front-hero {
		min-height: clamp(28rem, 78svh, 42rem);
	}

	.nc-front-hero__slide {
		background-position: center 40%;
	}
}

@media (max-width: 480px) {
	.nc-front-hero {
		min-height: clamp(20rem, 68svh, 30rem);
	}

	.nc-front-hero__slide {
		background-position: 68% center;
	}

	.nc-front-hero__inner {
		padding: 1.25rem 1rem;
		background: rgba(74, 69, 64, 0.28);
	}
}

@media (prefers-reduced-motion: reduce) {
	.nc-front-hero__slide {
		transition: none;
	}
}

.nc-front-section {
	padding: 3rem 0;
}

.nc-front-section--alt {
	background: var(--nc-bg-alt);
}

.nc-section-title {
	margin: 0 0 1.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--nc-brand);
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--nc-text);
}

.nc-front-section--news {
	padding-block: 2rem 2.5rem;
}

.nc-recent-posts__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nc-recent-posts__item {
	display: grid;
	grid-template-columns: 5.5rem minmax(0, 1fr);
	gap: 0.75rem 1rem;
	align-items: baseline;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--nc-border);
}

.nc-recent-posts__item:first-child {
	padding-top: 0;
}

.nc-recent-posts__item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.nc-recent-posts__date {
	color: var(--nc-text);
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
	white-space: nowrap;
}

.nc-recent-posts__link {
	color: var(--nc-text);
	font-weight: 600;
	text-decoration: none;
	line-height: var(--nc-line-height-body);
}

.nc-recent-posts__link:hover {
	color: var(--nc-brand);
	text-decoration: underline;
}

@media (max-width: 640px) {
	.nc-recent-posts__item {
		grid-template-columns: 1fr;
		gap: 0.25rem;
	}
}

/* ------------------------------------------------------------------
   Page / Post content (block editor)
   ------------------------------------------------------------------ */

.nc-page-header {
	padding: 2.5rem 0 1.5rem;
	background: var(--nc-bg-soft);
}

.nc-page-title {
	margin: 0;
	font-size: clamp(1.5rem, 3vw, 2rem);
	line-height: 1.3;
}

.nc-post-meta {
	margin: 0.5rem 0 0;
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
	color: var(--nc-text);
}

/* ------------------------------------------------------------------
   Two-column layout (page / post)
   ------------------------------------------------------------------ */

.nc-layout {
	padding-block: 2.5rem 3rem;
}

.nc-layout--with-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 2.5rem;
	align-items: start;
}

.nc-layout__main {
	min-width: 0;
}

.nc-sidebar {
	font-size: var(--nc-font-size-base);
	color: var(--nc-text);
}

.nc-widget + .nc-widget {
	margin-top: 1.75rem;
	padding-top: 1.75rem;
	border-top: 1px solid var(--nc-border);
}

.nc-widget__title {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	line-height: 1.3;
}

.nc-widget ul {
	margin: 0;
	padding-left: 1.1rem;
}

.nc-widget li + li {
	margin-top: 0.35rem;
}

.nc-page-header--inset {
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--nc-border);
}

.nc-entry-content {
	padding-block: 0;
}

.nc-entry-content > *:first-child {
	margin-top: 0;
}

.nc-entry-content > *:last-child {
	margin-bottom: 0;
}

.nc-entry-content a {
	color: var(--nc-brand-dark);
	text-decoration-color: rgba(139, 126, 111, 0.35);
}

.nc-entry-content a:hover {
	color: var(--nc-brand);
	text-decoration-color: var(--nc-brand);
}

/* ------------------------------------------------------------------
   Archive fallback
   ------------------------------------------------------------------ */

.nc-post-list {
	display: grid;
	gap: 1.5rem;
	padding-block: 2rem 3rem;
}

.nc-post-list__title {
	margin: 0;
	font-size: 1.25rem;
}

.nc-post-list__title a {
	color: inherit;
	text-decoration: none;
}

.nc-post-list__title a:hover {
	text-decoration: underline;
}

.nc-post-list__excerpt {
	margin-top: 0.5rem;
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
	color: var(--nc-text);
}

@media (max-width: 767px) {
	.nc-header__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.nc-nav {
		width: 100%;
	}

	.nc-layout--with-sidebar {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

/* ------------------------------------------------------------------
   Cat Manager — archive cards & detail pages
   (uses --cm-* tokens defined in :root above)
   ------------------------------------------------------------------ */

/* Archive wrapper */
.nc-main .cat-manager-archive {
	margin-block: 0.5rem 2rem;
}

.nc-main .cat-manager-empty {
	margin: 2rem 0;
	padding: 2rem;
	border-radius: var(--cm-radius);
	background: var(--cm-brand-soft);
	color: var(--nc-text);
	text-align: center;
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
}

/* Prefecture filter */
.nc-main .cat-manager-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem 1rem;
	margin-bottom: 1.75rem;
	padding: 0.85rem 1.1rem;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius-sm);
	background: var(--nc-surface-elevated);
	box-shadow: var(--cm-shadow);
}

.nc-main .cat-manager-filter label {
	margin: 0;
	font-size: var(--nc-font-size-sm);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--cm-brand-dark);
}

.nc-main .cat-manager-filter select {
	min-width: 10rem;
	padding: 0.55rem 2.25rem 0.55rem 0.85rem;
	border: 1px solid var(--cm-border);
	border-radius: 999px;
	background-color: var(--cm-brand-soft);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23233a73' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.85rem center;
	color: var(--nc-text);
	font-size: var(--nc-font-size-base);
	font-weight: 600;
	cursor: pointer;
	appearance: none;
	transition: border-color var(--cm-transition), box-shadow var(--cm-transition);
}

.nc-main .cat-manager-filter select:hover {
	border-color: var(--nc-border-strong);
}

.nc-main .cat-manager-filter select:focus {
	outline: none;
	border-color: var(--cm-brand);
	box-shadow: 0 0 0 3px rgba(139, 126, 111, 0.15);
}

.nc-main .cat-manager-filter button[type="submit"] {
	padding: 0.5rem 1rem;
	border: 0;
	border-radius: 999px;
	background: var(--cm-brand);
	color: #fff;
	font-size: var(--nc-font-size-sm);
	font-weight: 600;
	cursor: pointer;
}

/* Card grid */
.nc-main .cat-manager-cards {
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.5rem;
}

.nc-main .cat-manager-card {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius);
	background: var(--nc-surface-elevated);
	box-shadow: var(--cm-shadow);
	transition: transform var(--cm-transition), box-shadow var(--cm-transition), border-color var(--cm-transition);
}

.nc-main .cat-manager-card:hover {
	transform: translateY(-4px);
	border-color: var(--nc-border-strong);
	box-shadow: var(--cm-shadow-hover);
}

.nc-main .cat-manager-card > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.nc-main .cat-manager-card-cover {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.nc-main .cat-manager-card-image {
	position: relative;
	aspect-ratio: 4 / 3;
	background: linear-gradient(145deg, var(--cm-brand-soft) 0%, var(--nc-bg) 100%);
}

.nc-main .cat-manager-card-image img,
.nc-main .cat-manager-card-image .cat-manager-noimage {
	transition: transform var(--cm-transition);
}

/* Prefecture & status badges (overlay on thumbnail) */
.nc-main .cat-manager-image-badges {
	position: absolute;
	top: 0.6rem;
	left: 0.6rem;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.35rem;
	max-width: calc(100% - 1.2rem);
	pointer-events: none;
}

.nc-main .cat-manager-pref-badge {
	--pref-badge-color: var(--cm-brand);
	display: inline-block;
	position: relative;
	max-width: 100%;
	padding: 0.35rem 0.7rem;
	border-radius: 8px;
	background: var(--pref-badge-color);
	color: #fff;
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.01em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.nc-main .cat-manager-pref-badge::after {
	content: "";
	position: absolute;
	left: 0.85rem;
	bottom: -4px;
	width: 8px;
	height: 8px;
	background: var(--pref-badge-color);
	transform: rotate(45deg);
}

/* 47 prefectures — regional color groups */
.nc-main .cat-manager-pref-badge--hokkaido { --pref-badge-color: #3b82a0; }
.nc-main .cat-manager-pref-badge--aomori { --pref-badge-color: #4a7c59; }
.nc-main .cat-manager-pref-badge--iwate { --pref-badge-color: #52846b; }
.nc-main .cat-manager-pref-badge--miyagi { --pref-badge-color: #5a8c7d; }
.nc-main .cat-manager-pref-badge--akita { --pref-badge-color: #62948f; }
.nc-main .cat-manager-pref-badge--yamagata { --pref-badge-color: #6a9ca1; }
.nc-main .cat-manager-pref-badge--fukushima { --pref-badge-color: #72a4b3; }
.nc-main .cat-manager-pref-badge--ibaraki { --pref-badge-color: #c45c26; }
.nc-main .cat-manager-pref-badge--tochigi { --pref-badge-color: #ce6a2e; }
.nc-main .cat-manager-pref-badge--gunma { --pref-badge-color: #d87836; }
.nc-main .cat-manager-pref-badge--saitama { --pref-badge-color: #e2863e; }
.nc-main .cat-manager-pref-badge--chiba { --pref-badge-color: #ec9446; }
.nc-main .cat-manager-pref-badge--tokyo { --pref-badge-color: #e03c3c; }
.nc-main .cat-manager-pref-badge--kanagawa { --pref-badge-color: #f0a24e; }
.nc-main .cat-manager-pref-badge--niigata { --pref-badge-color: #6b5b95; }
.nc-main .cat-manager-pref-badge--toyama { --pref-badge-color: #7566a0; }
.nc-main .cat-manager-pref-badge--ishikawa { --pref-badge-color: #7f71ab; }
.nc-main .cat-manager-pref-badge--fukui { --pref-badge-color: #897cb6; }
.nc-main .cat-manager-pref-badge--yamanashi { --pref-badge-color: #9387c1; }
.nc-main .cat-manager-pref-badge--nagano { --pref-badge-color: #9d92cc; }
.nc-main .cat-manager-pref-badge--gifu { --pref-badge-color: #7a5590; }
.nc-main .cat-manager-pref-badge--shizuoka { --pref-badge-color: #845f9b; }
.nc-main .cat-manager-pref-badge--aichi { --pref-badge-color: #8e69a6; }
.nc-main .cat-manager-pref-badge--mie { --pref-badge-color: #b83d6d; }
.nc-main .cat-manager-pref-badge--shiga { --pref-badge-color: #c24777; }
.nc-main .cat-manager-pref-badge--kyoto { --pref-badge-color: #9b2d5e; }
.nc-main .cat-manager-pref-badge--osaka { --pref-badge-color: #d65181; }
.nc-main .cat-manager-pref-badge--hyogo { --pref-badge-color: #e05b8b; }
.nc-main .cat-manager-pref-badge--nara { --pref-badge-color: #ea6595; }
.nc-main .cat-manager-pref-badge--wakayama { --pref-badge-color: #f46f9f; }
.nc-main .cat-manager-pref-badge--tottori { --pref-badge-color: #a0714f; }
.nc-main .cat-manager-pref-badge--shimane { --pref-badge-color: #aa7b59; }
.nc-main .cat-manager-pref-badge--okayama { --pref-badge-color: #b48563; }
.nc-main .cat-manager-pref-badge--hiroshima { --pref-badge-color: #be8f6d; }
.nc-main .cat-manager-pref-badge--yamaguchi { --pref-badge-color: #c89977; }
.nc-main .cat-manager-pref-badge--tokushima { --pref-badge-color: #7a9e3a; }
.nc-main .cat-manager-pref-badge--kagawa { --pref-badge-color: #84a844; }
.nc-main .cat-manager-pref-badge--ehime { --pref-badge-color: #8eb24e; }
.nc-main .cat-manager-pref-badge--kochi { --pref-badge-color: #98bc58; }
.nc-main .cat-manager-pref-badge--fukuoka { --pref-badge-color: #c0392b; }
.nc-main .cat-manager-pref-badge--saga { --pref-badge-color: #ca4335; }
.nc-main .cat-manager-pref-badge--nagasaki { --pref-badge-color: #d44d3f; }
.nc-main .cat-manager-pref-badge--kumamoto { --pref-badge-color: #de5749; }
.nc-main .cat-manager-pref-badge--oita { --pref-badge-color: #e86153; }
.nc-main .cat-manager-pref-badge--miyazaki { --pref-badge-color: #f26b5d; }
.nc-main .cat-manager-pref-badge--kagoshima { --pref-badge-color: #fc7567; }
.nc-main .cat-manager-pref-badge--okinawa { --pref-badge-color: #00a896; }

.nc-main .cat-manager-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.02em;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.nc-main .cat-manager-status-badge--active {
	border: 2px solid #22c55e;
	background: var(--nc-surface-elevated);
	color: #15803d;
}

.nc-main .cat-manager-status-badge--ended {
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(92, 84, 76, 0.82);
	color: #fff;
}

.nc-main .cat-manager-card:hover .nc-main .cat-manager-card-image img {
	transform: scale(1.04);
}

.nc-main .cat-manager-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.45rem;
	padding: 1.1rem 1.15rem 1.25rem;
}

.nc-main .cat-manager-card-body h3 {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.45;
	color: var(--cm-text);
	transition: color var(--cm-transition);
}

.nc-main .cat-manager-event-dates {
	margin: 0.4rem 0 0.75rem;
	color: var(--cm-brand);
	font-size: 1.02rem;
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: 0.01em;
}

.nc-main .cat-manager-single .cat-manager-event-dates {
	margin: 0.5rem 0 1rem;
	font-size: clamp(1.15rem, 2.8vw, 1.45rem);
}

.nc-main .cat-manager-card--event .cat-manager-event-dates {
	margin-bottom: 0.65rem;
}

/* Event card table */
.nc-main .cat-manager-card-table {
	width: 100%;
	margin-top: 0.65rem;
	border-collapse: collapse;
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
}

.nc-main .cat-manager-card-table th,
.nc-main .cat-manager-card-table td {
	padding: 0.45rem;
	border-bottom: 1px solid var(--cm-border);
	vertical-align: top;
	text-align: left;
}

.nc-main .cat-manager-card-table tr:last-child th,
.nc-main .cat-manager-card-table tr:last-child td {
	border-bottom: 0;
}

.nc-main .cat-manager-card-table th {
	width: 5.5rem;
	padding-right: 0.65rem;
	color: var(--cm-brand-dark);
	font-size: var(--nc-font-size-sm);
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
	background: var(--nc-bg-alt);
}

.nc-main .cat-manager-card-table td {
	color: var(--nc-text);
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
	word-break: break-word;
}

.nc-main .cat-manager-card--event .cat-manager-excerpt,
.nc-main .cat-manager-card--cafe .cat-manager-excerpt {
	margin-top: 0.85rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--cm-border);
}

.nc-main .cat-manager-card-sns {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
	margin: 0.75rem 0 0;
}

.nc-main .cat-manager-sns-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.1rem;
	height: 2.1rem;
	border: 1px solid var(--cm-border);
	border-radius: 999px;
	background: var(--nc-surface-elevated);
	color: var(--cm-brand) !important;
	text-decoration: none;
	box-shadow: var(--cm-shadow);
	transition: background var(--cm-transition), border-color var(--cm-transition), color var(--cm-transition), transform var(--cm-transition);
}

.nc-main .cat-manager-sns-link:hover {
	border-color: var(--cm-brand);
	background: var(--cm-brand);
	color: #fff !important;
	transform: translateY(-1px);
}

.nc-main .cat-manager-sns-icon {
	display: block;
}

.nc-main .cat-manager-card:hover .nc-main .cat-manager-card-body h3 {
	color: var(--cm-brand);
}

/* Meta badges (venue etc.) */
.nc-main .cat-manager-card .nc-main .cat-manager-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	font-size: var(--nc-font-size-sm);
	line-height: 1.5;
	color: var(--nc-text-muted);
}

.nc-main .cat-manager-card .nc-main .cat-manager-meta--venue::before {
	content: "📍";
	font-size: 0.75rem;
}

.nc-main .cat-manager-card .nc-main .cat-manager-date {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 0.3rem;
	margin: 0;
	padding: 0.28rem 0.65rem;
	border-radius: 999px;
	background: var(--cm-accent-soft);
	color: #b45309;
	font-size: var(--nc-font-size-sm);
	font-weight: 700;
}

.nc-main .cat-manager-card .nc-main .cat-manager-date::before {
	content: "📅";
	font-size: 0.72rem;
}

.nc-main .cat-manager-card .nc-main .cat-manager-org {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 0.3rem;
	margin: 0;
	padding: 0.22rem 0.6rem;
	border-radius: 999px;
	background: var(--cm-brand-soft);
	color: var(--cm-brand-dark);
	font-size: var(--nc-font-size-sm);
	font-weight: 600;
}

.nc-main .cat-manager-card .nc-main .cat-manager-org::before {
	content: "🏠";
	font-size: 0.7rem;
}

.nc-main .cat-manager-card .nc-main .cat-manager-excerpt {
	display: -webkit-box;
	margin: 0.15rem 0 0;
	overflow: hidden;
	color: var(--nc-text);
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Pagination */
.nc-main .cat-manager-pagination {
	margin-top: 2rem;
}

.nc-main .cat-manager-pagination .page-numbers {
	justify-content: center;
	gap: 0.35rem;
}

.nc-main .cat-manager-pagination .page-numbers li {
	list-style: none;
}

.nc-main .cat-manager-pagination .page-numbers a,
.nc-main .cat-manager-pagination .page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.35rem;
	height: 2.35rem;
	padding: 0 0.5rem;
	border: 1px solid var(--cm-border);
	border-radius: 999px;
	background: var(--nc-surface-elevated);
	color: var(--cm-brand-dark);
	font-size: var(--nc-font-size-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background var(--cm-transition), color var(--cm-transition), border-color var(--cm-transition);
}

.nc-main .cat-manager-pagination .page-numbers a:hover {
	border-color: var(--cm-brand);
	background: var(--cm-brand-soft);
}

.nc-main .cat-manager-pagination .page-numbers .current {
	border-color: var(--cm-brand);
	background: var(--cm-brand);
	color: #fff;
}

/* Teaser mode (front page) */
.nc-main .cat-manager-archive--teaser {
	margin-block-end: 0;
}

.nc-main .cat-manager-more {
	margin: 2rem 0 0;
	text-align: center;
}

.nc-main .cat-manager-more__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 12rem;
	padding: 0.85rem 1.75rem;
	border: 1px solid var(--cm-brand);
	border-radius: 999px;
	background: var(--cm-brand);
	color: #fff;
	font-size: var(--nc-font-size-base);
	font-weight: 700;
	text-decoration: none;
	box-shadow: var(--cm-shadow);
	transition: background var(--cm-transition), border-color var(--cm-transition), transform var(--cm-transition);
}

.nc-main .cat-manager-more__link:hover {
	border-color: var(--cm-brand-dark);
	background: var(--cm-brand-dark);
	color: #fff;
	transform: translateY(-1px);
}

/* Detail page */
.nc-main .cat-manager-single {
	width: 100%;
}

.nc-main .cat-manager-single--organization,
.nc-main .cat-manager-single--event,
.nc-main .cat-manager-single--cafe {
	max-width: none;
	margin-inline: 0;
}

.nc-main .cat-manager-back {
	margin: 0 0 1.25rem;
}

.nc-main .cat-manager-back a {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.45rem 0.95rem;
	border: 1px solid var(--cm-border);
	border-radius: 999px;
	background: var(--nc-surface-elevated);
	color: var(--cm-brand-dark);
	font-size: var(--nc-font-size-sm);
	font-weight: 600;
	text-decoration: none;
	box-shadow: var(--cm-shadow);
	transition: background var(--cm-transition), border-color var(--cm-transition);
}

.nc-main .cat-manager-back a:hover {
	border-color: var(--cm-brand);
	background: var(--cm-brand-soft);
}

.nc-main .cat-manager-title {
	margin: 0 0 0.5rem;
	font-size: clamp(1.5rem, 3.5vw, 2rem);
	font-weight: 800;
	line-height: 1.35;
	color: var(--cm-text);
	letter-spacing: -0.02em;
}

.nc-main .cat-manager-single > .nc-main .cat-manager-meta {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0 0 1.5rem;
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	background: var(--cm-brand-soft);
	color: var(--cm-brand-dark);
	font-size: var(--nc-font-size-base);
	font-weight: 700;
	line-height: 1.5;
}

.nc-main .cat-manager-single > .nc-main .cat-manager-meta::before {
	content: "📍";
}

.nc-main .cat-manager-single-image {
	position: relative;
	margin-bottom: 1.75rem;
	overflow: hidden;
	border-radius: var(--cm-radius);
	box-shadow: var(--cm-shadow);
}

.nc-main .cat-manager-single-image:not(.cat-manager-slider) {
	aspect-ratio: 16 / 9;
	background: var(--nc-bg-alt);
}

.nc-main .cat-manager-single-image.cat-manager-slider {
	overflow: visible;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

.nc-main .cat-manager-single-image:not(.cat-manager-slider) img,
.nc-main .cat-manager-single-image:not(.cat-manager-slider) .cat-manager-noimage {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nc-main .cat-manager-slider-viewport {
	position: relative;
	overflow: hidden;
	border-radius: var(--cm-radius);
	background: var(--nc-bg-alt);
	box-shadow: var(--cm-shadow);
	aspect-ratio: 16 / 9;
}

.nc-main .cat-manager-single-image .cat-manager-image-badges {
	z-index: 3;
}

.nc-main .cat-manager-slider-slide img {
	height: 100%;
	object-fit: cover;
}

.nc-main .cat-manager-slider-prev,
.nc-main .cat-manager-slider-next {
	background: rgba(255, 252, 248, 0.92);
	color: var(--nc-text);
	box-shadow: var(--nc-shadow);
}

.nc-main .cat-manager-slider-dots {
	margin-top: 0.85rem;
}

.nc-main .cat-manager-slider-dot,
.nc-main .cat-manager-slider-dot:hover,
.nc-main .cat-manager-slider-dot:focus,
.nc-main .cat-manager-slider-dot:focus-visible {
	appearance: none;
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	min-width: 0.6rem;
	min-height: 0.6rem;
	max-width: 0.6rem;
	max-height: 0.6rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	background: var(--nc-brand-muted);
	font-size: 0;
	line-height: 0;
}

.nc-main .cat-manager-slider-dot.is-active {
	background: var(--nc-brand);
}

/* Facts table (definition list) */
.nc-main .cat-manager-facts {
	gap: 0;
	margin: 0 0 2rem;
	padding: 0;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius);
	background: var(--nc-surface-elevated);
	box-shadow: var(--cm-shadow);
	overflow: hidden;
}

.nc-main .cat-manager-facts div {
	display: grid;
	grid-template-columns: 9rem 1fr;
	gap: 0;
	border-bottom: 1px solid var(--cm-border);
}

.nc-main .cat-manager-facts div:last-child {
	border-bottom: 0;
}

.nc-main .cat-manager-facts dt {
	margin: 0;
	padding: 0.85rem 1rem;
	background: var(--cm-brand-soft);
	color: var(--cm-brand-dark);
	font-size: var(--nc-font-size-sm);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.nc-main .cat-manager-facts dd {
	margin: 0;
	padding: 0.85rem 1rem;
	color: var(--nc-text);
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
}

.nc-main .cat-manager-facts dd a {
	color: var(--cm-brand);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(139, 126, 111, 0.35);
	text-underline-offset: 0.15em;
}

.nc-main .cat-manager-facts dd a:hover {
	text-decoration-color: var(--cm-brand);
}

/* Body sections */
.nc-main .cat-manager-body {
	margin-bottom: 1.75rem;
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius-sm);
	background: var(--nc-surface-elevated);
	box-shadow: var(--cm-shadow);
}

.nc-main .cat-manager-body h3 {
	margin: 0 0 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--cm-brand-soft);
	color: var(--cm-brand);
	font-size: 1rem;
	font-weight: 700;
}

.nc-main .cat-manager-body p {
	margin: 0;
	color: var(--nc-text);
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
}

/* External link buttons */
.nc-main .cat-manager-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 2rem 0 0;
	padding-top: 1.5rem;
	border-top: 1px solid var(--cm-border);
}

.nc-main .cat-manager-links a:not(.cat-manager-sns-link) {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 1.1rem;
	border: 1px solid var(--cm-border);
	border-radius: 999px;
	background: var(--nc-surface-elevated);
	color: var(--cm-brand-dark) !important;
	font-size: var(--nc-font-size-sm);
	font-weight: 700;
	text-decoration: none;
	box-shadow: var(--cm-shadow);
	transition: background var(--cm-transition), border-color var(--cm-transition), transform var(--cm-transition);
}

.nc-main .cat-manager-links a:not(.cat-manager-sns-link):hover {
	border-color: var(--cm-brand);
	background: var(--cm-brand);
	color: #fff !important;
	transform: translateY(-1px);
}

.nc-main .cat-manager-links .cat-manager-sns-link {
	width: 2.35rem;
	height: 2.35rem;
}

/* Auth / account forms (shared polish) */
.nc-main .cat-manager-button {
	padding: 0.65rem 1.35rem;
	border-radius: 999px;
	background: var(--cm-brand);
	font-size: var(--nc-font-size-base);
	font-weight: 700;
	box-shadow: var(--cm-shadow);
	transition: background var(--cm-transition), transform var(--cm-transition), box-shadow var(--cm-transition);
}

.nc-main .cat-manager-button:hover {
	background: var(--cm-brand-dark);
	transform: translateY(-1px);
	box-shadow: var(--cm-shadow-hover);
}

.nc-main .cat-manager-form input[type="text"],
.nc-main .cat-manager-form input[type="password"],
.nc-main .cat-manager-form input[type="date"],
.nc-main .cat-manager-form input[type="time"],
.nc-main .cat-manager-form input[type="file"],
.nc-main .cat-manager-form select,
.nc-main .cat-manager-form textarea {
	padding: 0.6rem 0.85rem;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius-sm);
	background: var(--nc-surface-elevated);
	transition: border-color var(--cm-transition), box-shadow var(--cm-transition);
}

.nc-main .cat-manager-form input:focus,
.nc-main .cat-manager-form select:focus,
.nc-main .cat-manager-form textarea:focus {
	outline: none;
	border-color: var(--cm-brand);
	box-shadow: 0 0 0 3px rgba(139, 126, 111, 0.12);
}

.nc-main .cat-manager-fieldset {
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius);
	box-shadow: var(--cm-shadow);
}

.nc-main .cat-manager-notice {
	border-left: 4px solid transparent;
	border-radius: var(--cm-radius-sm);
}

.nc-main .cat-manager-notice-success {
	border-left-color: #2d8a4e;
}

.nc-main .cat-manager-notice-error {
	border-left-color: #c0392b;
}

.nc-main .cat-manager-account-table {
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius-sm);
	overflow: hidden;
	box-shadow: var(--cm-shadow);
}

.nc-main .cat-manager-account-table th {
	background: var(--cm-brand-soft);
	color: var(--cm-brand-dark);
	font-size: var(--nc-font-size-sm);
	font-weight: 700;
	line-height: 1.5;
}

.nc-main .cat-manager-account-table td {
	color: var(--nc-text);
	font-size: var(--nc-font-size-base);
	line-height: var(--nc-line-height-body);
}

.nc-main .cat-manager-account-table th,
.nc-main .cat-manager-account-table td {
	padding: 0.75rem 0.85rem;
	border-bottom: 1px solid var(--cm-border);
}

.nc-main .cat-manager-account-table tr:last-child td {
	border-bottom: 0;
}

@media (max-width: 640px) {
	.nc-main .cat-manager-facts div {
		grid-template-columns: 1fr;
	}

	.nc-main .cat-manager-facts dt {
		padding-bottom: 0.35rem;
		border-bottom: 1px solid var(--cm-border);
	}

	.nc-main .cat-manager-cards {
		grid-template-columns: 1fr;
	}

	.nc-main .cat-manager-filter {
		flex-direction: column;
		align-items: stretch;
	}

	.nc-main .cat-manager-filter select {
		width: 100%;
	}
}