/*
 * ISC2 Switzerland: theme styles (child of Twenty Ten).
 *
 * Twenty Ten's style.css is not loaded; this file styles the new header, homepage and footer and
 * Twenty Ten's own template markup (pages, posts, archives, comments, widgets), plus the event pages
 * of MW Event Sync and the MembershipWorks widget. Rules that must beat the plugin's
 * "#content .mw-es-…" selectors are prefixed with the body class ".isc2ch".
 *
 *  1. Tokens and font
 *  2. Base
 *  3. Buttons and links
 *  4. Header and main menu
 *  5. Homepage
 *  6. Event rows (homepage and /event/)
 *  7. Footer
 *  8. Inner pages (Twenty Ten templates)
 *  9. Forms, comments, widgets
 * 10. Blocks
 * 11. MW Event Sync pages
 * 12. MembershipWorks widget (profile, event registration)
 * 13. Motion and print
 */

/* 1. Tokens and font ------------------------------------------------------------------------ */

@font-face {
	font-family: "Schibsted Grotesk";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--ink: #18224d;
	--ink-2: #24306a;
	--ink-deep: #101735;
	--glacier: #f4f7fa;
	--white: #fff;
	--green: #99c23d;
	--green-2: #abd257;
	--blue: #5467af;
	--green-text: #2e6b35;
	--slate: #4a5578;
	--link: #3f4f9a;
	--line: #dce3ec;
	--mist: #e3e9f1;
	--chip-green: #eef5e0;
	--chip-blue: #e9ecf7;
	--on-dark: #b9c3e6;
	--on-dark-line: #34407a;
	--footer-line: #2a335c;
	--footer-small: #a9b3d6;
	--danger: #8a1c1c;

	--font: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--max: 1280px;
	--gutter: clamp(16px, 2.5vw, 32px);
	--radius: 20px;
	--shadow: 0 18px 40px rgba(24, 34, 77, 0.16);
	--header-offset: 0px;
}

/* 2. Base ------------------------------------------------------------------------------------ */

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-top: calc(var(--header-offset) + 88px);
}

body {
	margin: 0;
	background: var(--glacier);
	color: var(--ink);
	font-family: var(--font);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

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

img {
	height: auto;
}

a {
	color: var(--link);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

a:hover {
	color: var(--ink);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
	outline: 3px solid var(--blue);
	outline-offset: 3px;
	border-radius: 4px;
}

.on-dark a:focus-visible,
.on-dark button:focus-visible {
	outline-color: var(--green);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--ink);
	font-family: var(--font);
	line-height: 1.15;
}

::selection {
	background: var(--green);
	color: var(--ink);
}

.screen-reader-text,
.mw-es-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	word-wrap: normal !important;
}

.skip-link:focus {
	position: fixed !important;
	top: 12px;
	left: 12px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 20px;
	clip: auto;
	border-radius: 999px;
	background: var(--ink);
	color: var(--white);
	font-weight: 700;
	text-decoration: none;
}

.wrap {
	width: 100%;
	max-width: var(--max);
	margin: 0 auto;
	padding: 0 var(--gutter);
}

.icon {
	flex: 0 0 auto;
	vertical-align: middle;
}

/* 3. Buttons and links ------------------------------------------------------------------------ */

.btn,
.isc2ch #content .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 0 24px;
	border: 1.5px solid transparent;
	border-radius: 999px;
	font-family: var(--font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.btn--sm,
.isc2ch #content .btn--sm {
	min-height: 44px;
	padding: 0 20px;
	font-size: 15px;
}

.btn--lg,
.isc2ch #content .btn--lg {
	min-height: 52px;
	padding: 0 28px;
}

.btn--ink,
.isc2ch #content .btn--ink {
	background: var(--ink);
	color: var(--white);
}

.btn--ink:hover,
.isc2ch #content .btn--ink:hover {
	background: var(--ink-2);
	color: var(--white);
}

.btn--outline,
.isc2ch #content .btn--outline {
	border-color: var(--ink);
	background: transparent;
	color: var(--ink);
	font-weight: 600;
}

.btn--outline:hover,
.isc2ch #content .btn--outline:hover {
	background: var(--ink);
	color: var(--white);
}

.btn--green,
.isc2ch #content .btn--green {
	background: var(--green);
	color: var(--ink);
}

.btn--green:hover,
.isc2ch #content .btn--green:hover {
	background: var(--green-2);
	color: var(--ink);
}

.on-dark .btn--outline {
	border-color: var(--white);
	color: var(--white);
}

.on-dark .btn--outline:hover {
	background: var(--white);
	color: var(--ink);
}

.link-strong {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--link);
	font-weight: 700;
}

.link-strong .icon {
	transition: transform 0.15s ease;
}

.link-strong:hover .icon {
	transform: translateX(3px);
}

/* 4. Header and main menu ------------------------------------------------------------------- */

.site-header {
	position: sticky;
	top: var(--header-offset);
	z-index: 50;
	border-bottom: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	backdrop-filter: saturate(1.4) blur(10px);
}

body.admin-bar {
	--header-offset: 32px;
}

@media (max-width: 782px) {
	body.admin-bar {
		--header-offset: 46px;
	}
}

@media (max-width: 600px) {
	body.admin-bar {
		--header-offset: 0px;
	}
}

.site-header__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 24px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.site-logo {
	display: block;
	flex: 0 0 auto;
	border-radius: 6px;
}

.site-logo__img {
	display: block;
	width: auto;
	height: clamp(38px, 3.8vw, 52px);
}

.site-nav {
	display: flex;
	flex: 1 1 0;
	align-items: center;
	min-width: 0;
	margin-left: 16px;
}

.site-nav__menu,
.site-nav__menu .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 28px;
}

.site-nav__menu > li {
	position: relative;
	display: flex;
	align-items: center;
}

.site-nav__menu a {
	display: block;
	padding: 10px 0;
	color: var(--ink);
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}

.site-nav__menu > li > a {
	text-decoration-line: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 2px;
	text-underline-offset: 8px;
	transition: text-decoration-color 0.15s ease;
}

.site-nav__menu > li > a:hover,
.site-nav__menu > .current-menu-item > a,
.site-nav__menu > .current-menu-ancestor > a,
.site-nav__menu > .current_page_item > a,
.site-nav__menu > .current_page_ancestor > a {
	text-decoration-color: var(--green);
}

.submenu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin-left: 2px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--ink);
	cursor: pointer;
}

.submenu-toggle:hover {
	background: var(--glacier);
}

.submenu-toggle .icon {
	transition: transform 0.15s ease;
}

.submenu-toggle[aria-expanded="true"] .icon {
	transform: rotate(180deg);
}

.site-nav__menu .sub-menu {
	position: absolute;
	top: calc(100% + 4px);
	left: -16px;
	z-index: 60;
	display: none;
	min-width: 240px;
	padding: 8px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--white);
	box-shadow: var(--shadow);
}

.site-nav__menu .sub-menu::before {
	position: absolute;
	top: -8px;
	right: 0;
	left: 0;
	height: 8px;
	content: "";
}

.site-nav__menu .sub-menu a {
	padding: 10px 14px;
	border-radius: 10px;
	font-size: 15px;
}

.site-nav__menu .sub-menu a:hover,
.site-nav__menu .sub-menu .current-menu-item > a {
	background: var(--glacier);
}

@media (min-width: 1200px) and (hover: hover) {
	.site-nav__menu > li:hover > .sub-menu {
		display: block;
	}
}

.site-nav__menu > li:focus-within > .sub-menu,
.site-nav__menu > li.is-open > .sub-menu {
	display: block;
}

.site-nav__extra {
	display: none;
	margin: 0;
}

.site-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.join-short {
	display: none;
}

.menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1.5px solid var(--ink);
	border-radius: 50%;
	background: var(--white);
	color: var(--ink);
	cursor: pointer;
}

.menu-toggle .icon--close,
.menu-toggle[aria-expanded="true"] .icon--menu {
	display: none;
}

.menu-toggle[aria-expanded="true"] .icon--close {
	display: block;
}

@media (max-width: 1199px) {
	.site-header__login {
		display: none;
	}

	.menu-toggle {
		display: inline-flex;
	}

	.site-nav {
		display: none;
		order: 3;
		flex: 1 0 100%;
		flex-direction: column;
		align-items: stretch;
		max-height: calc(100vh - 80px - var(--header-offset));
		margin: 0;
		padding: 4px 0 20px;
		overflow-y: auto;
		border-top: 1px solid var(--line);
	}

	.is-menu-open .site-nav {
		display: flex;
	}

	.site-nav__menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.site-nav__menu > li {
		flex-wrap: wrap;
		border-bottom: 1px solid var(--line);
	}

	.site-nav__menu > li > a {
		flex: 1 1 auto;
		padding: 14px 0;
		font-size: 18px;
		text-decoration: none;
	}

	.site-nav__menu > .current-menu-item > a,
	.site-nav__menu > .current_page_item > a {
		color: var(--green-text);
		font-weight: 700;
	}

	.submenu-toggle {
		width: 44px;
		height: 44px;
	}

	.site-nav__menu .sub-menu,
	.site-nav__menu > li:focus-within > .sub-menu {
		position: static;
		display: none;
		flex: 1 0 100%;
		min-width: 0;
		margin: 0 0 12px;
		padding: 0 0 0 12px;
		border: 0;
		border-left: 2px solid var(--green);
		border-radius: 0;
		box-shadow: none;
	}

	.site-nav__menu > li.is-open > .sub-menu {
		display: block;
	}

	.site-nav__extra {
		display: block;
		margin-top: 20px;
	}

	.site-nav__extra .btn {
		width: 100%;
	}

	.site-nav__extra .btn + .btn {
		margin-top: 10px;
	}
}

@media (max-width: 560px) {
	.join-long {
		display: none;
	}

	.join-short {
		display: inline;
	}

	.site-header__inner {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.site-logo__img {
		height: 38px;
	}

	.site-header__actions {
		gap: 8px;
	}

	.site-header__join {
		padding: 0 16px;
	}
}

@media (max-width: 359px) {
	.site-header__join {
		display: none;
	}
}

/* 5. Homepage --------------------------------------------------------------------------------- */

.isc2ch-front .site-main {
	padding: 0;
}

.section {
	padding: clamp(56px, 7vw, 96px) 0;
}

.section--compact {
	padding: clamp(48px, 6vw, 80px) 0;
}

.section--white {
	background: var(--white);
}

.section--ruled {
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.section--ink {
	background: var(--ink);
	color: var(--white);
}

.section-title {
	margin: 0;
	font-size: clamp(32px, 3.4vw, 44px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

.section-title--xl {
	font-size: clamp(34px, 3.6vw, 48px);
	line-height: 1.04;
}

.section-title--sm {
	font-size: clamp(26px, 2.6vw, 32px);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.section-text {
	margin: 20px 0 0;
	color: var(--slate);
	font-size: 17px;
	line-height: 1.6;
}

.section-text--lg {
	font-size: 18px;
}

.on-dark .section-title {
	color: var(--white);
}

.on-dark .section-text {
	color: var(--on-dark);
}

/* Hero */

.hero__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 56px;
	padding-top: clamp(40px, 6vw, 80px);
	padding-bottom: clamp(48px, 6vw, 88px);
}

.hero__text {
	flex: 1 1 440px;
	min-width: 0;
	max-width: 620px;
}

.hero__inner--text-only .hero__text {
	max-width: 820px;
}

.hero__title {
	margin: 0;
	font-size: clamp(38px, 4.4vw, 60px);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.hero__lead {
	max-width: 32em;
	margin: 28px 0 0;
	color: var(--slate);
	font-size: 19px;
	line-height: 1.55;
}

.hero__lead + .hero__lead {
	margin-top: 14px;
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 36px;
}

.hero__visual {
	position: relative;
	flex: 1 1 520px;
	min-width: 0;
}

.ch-map {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.ch-map__label {
	font-family: var(--font);
	font-size: 22px;
	font-weight: 700;
}

.ch-map__label--bern {
	font-size: 19px;
	font-weight: 600;
}

/* "Next up" ticket over the map */

.ticket {
	position: relative;
	display: flex;
	align-items: center;
	gap: 18px;
	max-width: 400px;
	margin: -48px 0 0 8%;
	padding: 18px 24px 18px 18px;
	border-radius: var(--radius);
	background: var(--white);
	box-shadow: var(--shadow);
	color: var(--ink);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ticket:hover {
	color: var(--ink);
	box-shadow: 0 24px 48px rgba(24, 34, 77, 0.22);
	transform: translateY(-2px);
}

.ticket__date {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 72px;
	border-radius: 10px;
	background: var(--ink);
	color: var(--white);
	line-height: 1;
}

.ticket__day {
	font-size: 26px;
	font-weight: 800;
}

.ticket__mon {
	margin-top: 4px;
	color: var(--green);
	font-size: 13px;
	font-weight: 600;
}

.ticket__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.ticket__kicker {
	color: var(--green-text);
	font-size: 13px;
	font-weight: 600;
}

.ticket__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

.ticket__where {
	color: var(--slate);
	font-size: 14px;
	line-height: 1.4;
}

.ticket__cta {
	margin-top: 4px;
	color: var(--link);
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Events section layout */

.events {
	display: flex;
	flex-wrap: wrap;
	gap: 48px 72px;
}

.events__intro {
	flex: 1 1 300px;
	min-width: 0;
	max-width: 380px;
}

.events__more {
	min-height: 44px;
	margin-top: 28px;
	font-size: 16px;
}

/* About */

.about {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 48px 72px;
}

.about__media {
	flex: 1 1 460px;
	min-width: 0;
	margin: 0;
}

.about__photo,
.about__art {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	border-radius: var(--radius);
	object-fit: cover;
}

.about__art {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	background: var(--ink);
}

.about__rings {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.about__art .badge-img {
	position: relative;
	width: clamp(110px, 28%, 160px);
	height: auto;
	border-radius: 50%;
	box-shadow: 0 0 0 14px var(--ink);
}

.about__text {
	flex: 1 1 420px;
	min-width: 0;
	max-width: 560px;
}

.facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 32px;
	margin: 32px 0 0;
}

.facts__item {
	padding-top: 14px;
	border-top: 2px solid var(--ink);
}

.facts dt {
	font-size: 30px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.facts dd {
	margin: 4px 0 0;
	color: var(--slate);
	font-size: 15px;
}

.about__note {
	margin: 32px 0 0;
	color: var(--slate);
	font-size: 16px;
	line-height: 1.6;
}

/* Join band */

.join {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 56px 96px;
}

.join__text {
	flex: 1 1 420px;
	min-width: 0;
	max-width: 560px;
}

.join .section-text {
	margin-top: 22px;
}

.join__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin-top: 36px;
}

.join__fee {
	color: var(--on-dark);
	font-size: 15px;
}

.join__bylaws {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 0;
	color: var(--white);
	font-size: 15px;
	font-weight: 600;
}

.join__bylaws:hover {
	color: var(--green);
}

.join__benefits {
	flex: 1 1 380px;
	min-width: 0;
}

.join__benefits-title {
	margin: 0;
	color: var(--white);
	font-size: 20px;
	font-weight: 700;
}

.checklist {
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.checklist li {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 18px 0;
	border-top: 1px solid var(--on-dark-line);
	font-size: 18px;
	line-height: 1.45;
}

.checklist li:last-child {
	border-bottom: 1px solid var(--on-dark-line);
}

.checklist .icon {
	margin-top: 2px;
	color: var(--green);
	stroke-width: 2.5;
}

/* Board */

.board__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 20px 72px;
}

.board__head .section-title {
	flex: 0 0 auto;
}

.board__intro {
	flex: 1 1 360px;
	max-width: 40em;
}

.board__intro .section-text {
	margin: 0;
}

.board__intro .link-strong {
	margin-top: 10px;
}

.board {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: 40px 32px;
	margin: 56px 0 0;
	padding: 0;
	list-style: none;
}

.person {
	display: flex;
	align-items: center;
	gap: 18px;
}

.person__avatar {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: var(--chip-blue);
	color: var(--ink);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.02em;
	position: relative;
	overflow: hidden;
}

.person__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.person__avatar--open {
	border: 2px dashed #8792b8;
	background: transparent;
	color: var(--slate);
}

.person__text {
	min-width: 0;
}

.person__name {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.person__role {
	margin: 2px 0 0;
	color: var(--green-text);
	font-size: 15px;
	font-weight: 600;
}

.person__org {
	margin: 2px 0 0;
	color: var(--slate);
	font-size: 14px;
	line-height: 1.45;
}

/* Member links */

.members {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px 48px;
}

.members__head {
	flex: 1 1 280px;
	min-width: 0;
}

.members__note {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0 0;
	color: var(--slate);
	font-size: 16px;
}

.members__links {
	display: flex;
	flex: 3 1 640px;
	flex-wrap: wrap;
	gap: 12px;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pill-link {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 52px;
	padding: 0 16px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--white);
	color: var(--ink);
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.members__links li {
	flex: 1 1 auto;
}

.pill-link .icon {
	color: var(--blue);
}

.pill-link:hover {
	border-color: var(--ink);
	box-shadow: 0 6px 16px rgba(24, 34, 77, 0.1);
	color: var(--ink);
}

/* Homepage on phones */

@media (max-width: 600px) {
	.hero__inner {
		gap: 40px;
	}

	.hero__title {
		font-size: 40px;
		line-height: 1.04;
	}

	.hero__lead {
		margin-top: 20px;
		font-size: 17px;
	}

	.hero__actions {
		flex-direction: column;
		gap: 10px;
		margin-top: 28px;
	}

	.hero__actions .btn,
	.join__actions .btn {
		width: 100%;
	}

	.hero__text,
	.hero__visual,
	.events__intro,
	.about__media,
	.about__text,
	.join__text,
	.join__benefits {
		flex-basis: 100%;
	}

	.ch-map__label {
		font-size: 34px;
	}

	.ch-map__label--bern {
		font-size: 27px;
	}

	.ticket {
		gap: 14px;
		margin: -20px 8px 0;
		padding: 14px 18px 14px 14px;
		border-radius: 18px;
	}

	.ticket__date {
		width: 58px;
		height: 66px;
	}

	.ticket__day {
		font-size: 23px;
	}

	.ticket__title {
		font-size: 16px;
	}

	.section {
		padding: 48px 0;
	}

	.section--ink {
		padding: 56px 0;
	}

	.section-title {
		font-size: 32px;
	}

	.section-text {
		font-size: 16px;
	}

	.checklist li {
		gap: 12px;
		padding: 12px 0;
		font-size: 16px;
	}

	.join__fee {
		width: 100%;
		text-align: center;
	}

	.board {
		margin-top: 36px;
		gap: 28px;
	}

	.members__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		flex-basis: 100%;
	}

	.pill-link {
		height: auto;
		min-height: 52px;
		padding: 8px 14px;
		border-radius: 26px;
		font-size: 15px;
		line-height: 1.2;
		white-space: normal;
	}
}

/* 6. Event rows ------------------------------------------------------------------------------ */

.event-list,
.isc2ch #content .event-list {
	flex: 2 1 560px;
	min-width: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--line);
	list-style: none;
}

.event-row,
.isc2ch #content .event-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 28px;
	margin: 0;
	padding: 28px 0;
	border-bottom: 1px solid var(--line);
	list-style: none;
}

.date-tile {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 80px;
	border: 1px solid var(--line);
	border-top: 6px solid var(--green);
	border-radius: 10px;
	background: var(--glacier);
	color: var(--ink);
	line-height: 1;
}

.event-row--blue .date-tile {
	border-top-color: var(--blue);
}

.date-tile__day {
	font-size: 28px;
	font-weight: 800;
}

.date-tile__mon {
	margin-top: 3px;
	color: var(--slate);
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.event-row--past .date-tile {
	border-top-color: var(--line);
}

.event-row__thumb {
	display: block;
	flex: 0 0 auto;
	width: 176px;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 10px;
	background: var(--glacier);
}

.event-row__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event-row--past .event-row__img {
	filter: saturate(0.6);
}

.event-row--date-end .date-tile {
	order: 2;
}

.event-row--date-end .event-row__cta {
	order: 3;
}

.event-row__body {
	flex: 1 1 280px;
	min-width: 0;
}

.chip {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}

.chip--green {
	background: var(--chip-green);
	color: var(--green-text);
}

.chip--blue {
	background: var(--chip-blue);
	color: var(--link);
}

.event-row__title,
.isc2ch #content .event-row__title {
	margin: 0;
	color: var(--ink);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.chip + .event-row__title,
.isc2ch #content .chip + .event-row__title {
	margin-top: 10px;
}

.event-row__title a {
	color: inherit;
	text-decoration: none;
}

.event-row__title a:hover {
	text-decoration: underline;
	text-decoration-color: var(--green);
	text-decoration-thickness: 2px;
}

.event-row__meta,
.isc2ch #content .event-row__meta {
	margin: 6px 0 0;
	color: var(--slate);
	font-size: 15px;
	line-height: 1.5;
}

.event-row__status {
	display: inline-block;
	margin-left: 6px;
	color: var(--danger);
}

.event-row--cancelled .event-row__title a {
	text-decoration: line-through;
}

.event-row__cta {
	flex: 0 0 auto;
}

.event-list--empty,
.isc2ch #content .event-list--empty {
	padding-top: 28px;
}

.event-list__empty,
.isc2ch #content .event-list__empty {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 20px;
	color: var(--slate);
	font-size: 17px;
}

.event-list__empty .icon {
	margin-top: 2px;
	color: var(--blue);
}

@media (max-width: 600px) {
	.event-row,
	.isc2ch #content .event-row {
		display: grid;
		grid-template-columns: 58px minmax(0, 1fr);
		align-items: start;
		gap: 0 16px;
		padding: 20px 0;
	}

	.date-tile {
		grid-row: span 2;
		width: 58px;
		height: 66px;
		border-top-width: 5px;
	}

	.event-row__thumb {
		grid-column: 1 / -1;
		width: 100%;
		margin-bottom: 16px;
	}

	.event-row--date-end,
	.isc2ch #content .event-row--date-end {
		grid-template-columns: minmax(0, 1fr) 58px;
	}

	.event-row--date-end .event-row__body {
		grid-column: 1;
		grid-row: 2;
	}

	.event-row--date-end .date-tile {
		grid-column: 2;
		grid-row: 2 / span 2;
	}

	.event-row--date-end .event-row__cta,
	.isc2ch #content .event-row--date-end .event-row__cta {
		grid-column: 1;
		grid-row: 3;
	}

	.date-tile__day {
		font-size: 22px;
	}

	.date-tile__mon {
		font-size: 12px;
	}

	.event-row__title,
	.isc2ch #content .event-row__title {
		font-size: 18px;
	}

	.event-row__meta,
	.isc2ch #content .event-row__meta {
		font-size: 14px;
	}

	.event-row__cta,
	.isc2ch #content .event-row__cta {
		grid-column: 2;
		justify-self: start;
		margin-top: 12px;
	}
}

/* 7. Footer ---------------------------------------------------------------------------------- */

.site-footer {
	background: var(--ink-deep);
	color: var(--on-dark);
}

.site-footer > .wrap {
	padding-top: 64px;
	padding-bottom: 40px;
}

.site-footer__top {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 72px;
}

.site-footer__brand {
	display: flex;
	flex: 1 1 280px;
	align-items: flex-start;
	gap: 18px;
	min-width: 0;
}

.site-footer__brand .badge-img {
	display: block;
	flex: 0 0 auto;
	width: 64px;
	height: 64px;
}

.site-footer__name {
	margin: 0;
	color: var(--white);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

.site-footer__tagline {
	display: block;
	color: var(--on-dark);
	font-size: 15px;
	font-weight: 400;
}

.site-footer__col {
	flex: 1 1 200px;
	min-width: 0;
}

.site-footer__heading {
	margin: 0;
	color: var(--white);
	font-size: 15px;
	font-weight: 700;
}

.site-footer__address {
	margin: 12px 0 0;
	font-size: 15px;
	line-height: 1.6;
}

.site-footer__email {
	display: inline-block;
	margin-top: 8px;
	padding: 6px 0;
	color: var(--white);
	font-size: 15px;
}

.site-footer__menu {
	display: flex;
	flex-direction: column;
	margin: 12px 0 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.4;
	list-style: none;
}

.site-footer a {
	color: var(--on-dark);
}

.site-footer a:hover,
.site-footer .site-footer__email {
	color: var(--white);
}

.site-footer__menu a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
}

.site-footer__widgets {
	margin-top: 48px;
}

.site-footer #footer-widget-area {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 32px;
}

.site-footer .widget-area ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__widgets h2,
.site-footer__widgets h3,
.site-footer__widgets h4,
.site-footer .widget-title {
	margin: 0 0 12px;
	color: var(--white);
	font-size: 15px;
	font-weight: 700;
}

.site-footer__legal {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 900px;
	margin-top: 56px;
	padding-top: 28px;
	border-top: 1px solid var(--footer-line);
	color: var(--footer-small);
	font-size: 13px;
	line-height: 1.6;
}

.site-footer__legal p {
	margin: 0;
}

@media (max-width: 600px) {
	.site-footer > .wrap {
		padding-top: 40px;
		padding-bottom: 32px;
	}

	.site-footer__top {
		gap: 28px;
	}

	.site-footer__brand {
		align-items: center;
		gap: 14px;
	}

	.site-footer__brand .badge-img {
		width: 52px;
		height: 52px;
	}

	.site-footer__legal {
		margin-top: 32px;
		padding-top: 20px;
		font-size: 12px;
	}
}

/* 8. Inner pages (Twenty Ten templates) ----------------------------------------------------- */

body:not(.isc2ch-front) .site-main {
	max-width: var(--max);
	margin: 0 auto;
	padding: clamp(40px, 6vw, 80px) var(--gutter) clamp(64px, 8vw, 112px);
}

#container {
	max-width: 800px;
	margin: 0 auto;
}

.one-column#container,
.page-template-onecolumn-page #container,
.post-type-archive-mw_event #container,
.tax-mw_event_group #container {
	max-width: 960px;
}

.has-sidebar .site-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 64px;
	align-items: start;
}

.has-sidebar #container {
	max-width: none;
	margin: 0;
}

@media (max-width: 1023px) {
	.has-sidebar .site-main {
		display: block;
	}

	.has-sidebar #primary {
		margin-top: 64px;
	}
}

#content {
	min-width: 0;
}

.entry-title,
.page-title,
.isc2ch #content .entry-title,
.isc2ch #content .page-title {
	margin: 0 0 24px;
	color: var(--ink);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
	text-wrap: balance;
}

.page-title span {
	color: var(--green-text);
}

/* Titles of posts in lists */
#content .hentry h2.entry-title,
.isc2ch #content .hentry h2.entry-title {
	margin-bottom: 10px;
	font-size: clamp(26px, 2.6vw, 32px);
	letter-spacing: -0.02em;
}

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

.entry-title a:hover {
	text-decoration: underline;
	text-decoration-color: var(--green);
	text-decoration-thickness: 3px;
}

/* Twenty Ten prints the page title inside the article; give it a green rule like the facts. */
.page .hentry > .entry-title::after,
.single .hentry > .entry-title::after {
	display: block;
	width: 56px;
	height: 6px;
	margin-top: 22px;
	border-radius: 3px;
	background: var(--green);
	content: "";
}

.home.page .hentry > .entry-title::after {
	display: none;
}

.hentry {
	margin: 0 0 56px;
}

.blog .hentry,
.archive .hentry,
.search .hentry {
	padding-bottom: 48px;
	border-bottom: 1px solid var(--line);
}

.entry-meta,
.entry-utility {
	color: var(--slate);
	font-size: 14px;
}

.entry-meta {
	margin-bottom: 20px;
}

.entry-utility {
	margin-top: 20px;
}

.entry-meta a,
.entry-utility a {
	color: var(--slate);
}

.meta-sep {
	padding: 0 2px;
}

.entry-content,
.entry-summary {
	font-size: 18px;
	line-height: 1.7;
}

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

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content address,
.entry-content pre,
.entry-content table,
.entry-summary p {
	margin: 0 0 1.2em;
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.4em;
}

.entry-content li {
	margin-bottom: 0.35em;
}

.entry-content ul li::marker {
	color: var(--green-text);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 1.8em 0 0.6em;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.entry-content h1 {
	font-size: 38px;
}

.entry-content h2 {
	font-size: 30px;
}

.entry-content h3 {
	font-size: 23px;
	font-weight: 700;
}

.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0;
}

.entry-content blockquote,
.entry-content .wp-block-quote {
	margin: 1.6em 0;
	padding: 4px 0 4px 24px;
	border-left: 4px solid var(--green);
	color: var(--ink);
	font-size: 20px;
	line-height: 1.55;
}

.entry-content blockquote cite {
	display: block;
	margin-top: 8px;
	color: var(--slate);
	font-size: 15px;
	font-style: normal;
}

.entry-content hr {
	height: 1px;
	margin: 2.4em 0;
	border: 0;
	background: var(--line);
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
}

.entry-content th,
.entry-content td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--line);
	text-align: left;
	vertical-align: top;
}

.entry-content th {
	color: var(--ink);
	font-weight: 700;
}

.entry-content pre,
.entry-content code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.88em;
}

.entry-content pre {
	padding: 16px 20px;
	overflow-x: auto;
	border-radius: 12px;
	background: var(--ink);
	color: var(--white);
}

.entry-content :not(pre) > code {
	padding: 2px 6px;
	border-radius: 6px;
	background: var(--mist);
}

.entry-content img {
	border-radius: 12px;
}

.alignleft {
	float: left;
	margin: 0.3em 1.6em 1em 0;
}

.alignright {
	float: right;
	margin: 0.3em 0 1em 1.6em;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.4em;
}

.wp-caption-text,
.wp-element-caption,
.gallery-caption {
	margin-top: 8px;
	color: var(--slate);
	font-size: 14px;
}

.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 16px;
	margin-bottom: 1.4em;
}

.gallery-item {
	margin: 0;
}

.edit-link {
	display: inline-block;
	margin-top: 12px;
	font-size: 14px;
}

.edit-link a {
	color: var(--slate);
}

.page-link {
	margin: 1.6em 0;
	font-weight: 600;
}

.more-link,
.meta-nav {
	font-weight: 700;
}

.navigation {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 24px;
	margin: 0 0 40px;
	font-size: 15px;
	font-weight: 600;
}

.navigation:empty {
	display: none;
}

#nav-above {
	display: none;
}

.nav-previous a,
.nav-next a {
	color: var(--link);
}

.archive-meta,
.category-description,
.tag-description {
	margin: -8px 0 40px;
	color: var(--slate);
	font-size: 18px;
}

.sticky {
	padding: 28px;
	border: 1px solid var(--line);
	border-top: 6px solid var(--green);
	border-radius: var(--radius);
	background: var(--white);
}

#entry-author-info {
	display: flex;
	gap: 20px;
	margin: 40px 0;
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--white);
}

#entry-author-info h2 {
	margin: 0 0 8px;
	font-size: 18px;
}

#author-avatar img {
	border-radius: 50%;
}

.error404 .entry-content,
.search-no-results .entry-content {
	color: var(--slate);
}

/* 9. Forms, comments, widgets ------------------------------------------------------------- */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea {
	max-width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	border: 1.5px solid var(--line);
	border-radius: 12px;
	background: var(--white);
	color: var(--ink);
	font-family: var(--font);
	font-size: 16px;
	line-height: 1.4;
	transition: border-color 0.15s ease;
}

input:hover,
select:hover,
textarea:hover {
	border-color: #b8c3d4;
}

input:focus,
select:focus,
textarea:focus {
	border-color: var(--blue);
	outline: none;
	box-shadow: 0 0 0 3px rgba(84, 103, 175, 0.25);
}

textarea {
	width: 100%;
	min-height: 160px;
}

input[type="submit"],
input[type="button"],
button[type="submit"],
.wp-block-search__button,
.wp-block-button__link,
.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	border: 1.5px solid var(--ink);
	border-radius: 999px;
	background: var(--ink);
	color: var(--white);
	font-family: var(--font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover,
.wp-block-search__button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover {
	background: var(--ink-2);
	color: var(--white);
}

#searchform,
.search-form {
	display: flex;
	gap: 8px;
}

#searchform div {
	display: flex;
	flex: 1 1 auto;
	gap: 8px;
}

#searchform label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

#searchform input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
}

/* Comments */

#comments {
	margin-top: 64px;
	padding-top: 40px;
	border-top: 1px solid var(--line);
}

#comments-title,
#reply-title {
	margin: 0 0 24px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.commentlist,
.commentlist .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.commentlist .children {
	margin-left: clamp(16px, 4vw, 48px);
}

.commentlist li.comment,
.commentlist li.pingback {
	margin: 0 0 20px;
}

.commentlist li > div {
	padding: 20px 24px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--white);
}

.comment-author {
	display: flex;
	align-items: center;
	gap: 12px;
}

.comment-author img {
	border-radius: 50%;
}

.comment-author cite {
	font-style: normal;
	font-weight: 700;
}

.comment-meta,
.commentmetadata {
	margin: 4px 0 12px;
	font-size: 13px;
}

.comment-meta a,
.commentmetadata a {
	color: var(--slate);
}

.comment-body p {
	margin: 0 0 0.8em;
}

.reply a {
	font-size: 14px;
	font-weight: 700;
}

#respond {
	margin-top: 40px;
}

#respond p {
	margin: 0 0 16px;
}

#respond label {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 600;
}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
	width: 100%;
	max-width: 480px;
}

.comment-notes,
.logged-in-as,
.form-allowed-tags,
.nocomments {
	color: var(--slate);
	font-size: 14px;
}

/* Widgets (sidebar, when switched on) */

.widget-area .xoxo {
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary .widget-container {
	margin: 0 0 24px;
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--white);
	font-size: 16px;
}

#primary .widget-title {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 700;
}

#primary .widget-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary .widget-container li {
	padding: 6px 0;
}

/* 10. Blocks ----------------------------------------------------------------------------------- */

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

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

.wp-block-separator {
	border: 0;
	border-top: 1px solid var(--line);
}

.wp-block-separator.is-style-wide {
	width: 100%;
}

.wp-block-pullquote {
	padding: 32px 0;
	border-top: 4px solid var(--green);
	border-bottom: 4px solid var(--green);
}

.wp-block-cover,
.wp-block-image img,
.wp-block-embed iframe {
	border-radius: var(--radius);
}

.wp-block-table thead {
	border-bottom: 2px solid var(--ink);
}

.wp-block-file .wp-block-file__button {
	border-radius: 999px;
	background: var(--ink);
}

.wp-block-details {
	padding: 16px 20px;
	border: 1px solid var(--line);
	border-radius: 14px;
	background: var(--white);
}

.wp-block-details summary {
	font-weight: 700;
	cursor: pointer;
}

/* Media & Text (e.g. the board page): a card with a fixed-size photo instead of a half-width image. */
.entry-content .wp-block-media-text {
	gap: 32px;
	margin: 0 0 24px;
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: 14px;
	background: var(--white);
}

.entry-content .wp-block-media-text:not([style*="grid-template-columns"]) {
	grid-template-columns: 200px minmax(0, 1fr);
}

.entry-content .wp-block-media-text.has-media-on-the-right:not([style*="grid-template-columns"]) {
	grid-template-columns: minmax(0, 1fr) 200px;
}

.entry-content .wp-block-media-text__media img {
	aspect-ratio: 1;
	border-radius: 10px;
	object-fit: cover;
}

.entry-content .wp-block-media-text .wp-block-media-text__content {
	padding: 0;
}

.entry-content .wp-block-media-text__content > :first-child {
	margin-top: 0;
}

.entry-content .wp-block-media-text__content > :last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-media-text__content h1,
.entry-content .wp-block-media-text__content h2 {
	margin-bottom: 0.4em;
	font-size: 26px;
}

.entry-content .wp-block-media-text__content p {
	margin-bottom: 0.5em;
}

.entry-content .wp-block-media-text__content p:empty {
	display: none;
}

@media (max-width: 600px) {
	.entry-content .wp-block-media-text {
		gap: 20px;
		padding: 20px;
	}

	.entry-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
		width: 160px;
	}
}

/* 11. MW Event Sync pages ---------------------------------------------------------------------- */

.isc2ch .mw-es-section {
	margin-bottom: 72px;
}

.isc2ch .mw-es-section__head,
.isc2ch #content .mw-es-section__head {
	align-items: flex-end;
	margin: 0 0 28px;
}

.isc2ch .mw-es-section h2,
.isc2ch #content .mw-es-section h2,
.isc2ch #content .mw-es-section__head h2 {
	margin: 0 0 24px;
	font-size: clamp(32px, 3.4vw, 44px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

.isc2ch #content .mw-es-section__head h2 {
	margin: 0;
}

.isc2ch #content .mw-es-section .event-row__title {
	margin: 0;
	font-size: 22px;
	letter-spacing: -0.01em;
}

.isc2ch #content .mw-es-calendar-links a.mw-es-calendar-links__link {
	width: 44px;
	height: 44px;
	border: 1px solid var(--line);
	border-radius: 50%;
	background: var(--white);
	color: var(--ink);
}

.isc2ch #content .mw-es-calendar-links a.mw-es-calendar-links__link:hover {
	border-color: var(--ink);
	background: var(--white);
}

.isc2ch .mw-es-calendar-links {
	gap: 8px;
}

.isc2ch .mw-es-calendar-links__link::after {
	border-radius: 8px;
	background: var(--ink);
	font-family: var(--font);
}

.isc2ch .mw-es-more,
.isc2ch .mw-es-back {
	margin: 28px 0 0;
	font-weight: 700;
}

.isc2ch .mw-es-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 32px 0;
	padding: 0;
}

.isc2ch .mw-es-pagination li {
	margin: 0;
}

.isc2ch .mw-es-pagination a,
.isc2ch .mw-es-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--white);
	color: var(--ink);
	font-weight: 600;
	text-decoration: none;
}

.isc2ch .mw-es-pagination .current {
	border-color: var(--ink);
	background: var(--ink);
	color: var(--white);
}

/* Single event (theme template mw-event-sync/single-mw_event.php) */

.single-mw_event #container {
	max-width: 1120px;
}

.isc2ch .event-page__head {
	max-width: 820px;
	margin-bottom: 36px;
}

.isc2ch .event-page__head .chip + .entry-title {
	margin-top: 14px;
}

.isc2ch .event-page .entry-title::after {
	display: none;
}

.isc2ch .event-page__head .entry-title {
	margin-bottom: 12px;
}

.event-page__when {
	margin: 0;
	color: var(--slate);
	font-size: 19px;
}

.event-page__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 48px 64px;
	align-items: start;
}

.event-page__main {
	min-width: 0;
}

.isc2ch .event-page__image {
	margin: 0 0 32px;
}

.isc2ch .event-page__image img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 520px;
	border-radius: var(--radius);
}

.event-page__side {
	position: sticky;
	top: calc(var(--header-offset) + 104px);
}

.event-card {
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--white);
	box-shadow: 0 10px 30px rgba(24, 34, 77, 0.06);
}

.event-card__top {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}

.event-card__weekday {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
}

.event-page--blue .date-tile {
	border-top-color: var(--blue);
}

.isc2ch .event-card .mw-es-details,
.isc2ch #content .event-card .mw-es-details {
	grid-template-columns: 1fr;
	gap: 0;
	margin: 0 0 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-size: 16px;
}

.isc2ch #content .event-card .mw-es-details dt {
	padding-top: 12px;
	border-top: 1px solid var(--line);
	line-height: 1.5;
}

.isc2ch #content .event-card .mw-es-details dd {
	margin: 2px 0 12px;
}

.isc2ch .event-card .mw-es-register {
	margin: 0;
}

.isc2ch .event-card .mw-es-button,
.isc2ch #content .event-card .mw-es-button {
	width: 100%;
}

.event-page__side .mw-es-back {
	margin: 20px 0 0;
	text-align: center;
}

@media (max-width: 1023px) {
	.event-page__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.event-page__side {
		position: static;
		grid-row: 1;
	}
}

/* Single event */

.isc2ch .mw-es-event .entry-title {
	margin-bottom: 28px;
}

.isc2ch .mw-es-image img {
	width: 100%;
	border-radius: var(--radius);
}

.isc2ch .mw-es-details,
.isc2ch #content .mw-es-details {
	gap: 12px 28px;
	margin: 0 0 28px;
	padding: 24px 28px;
	border: 1px solid var(--line);
	border-top: 6px solid var(--green);
	border-radius: var(--radius);
	background: var(--white);
	font-size: 16px;
}

.isc2ch .mw-es-details dt,
.isc2ch #content .mw-es-details dt {
	color: var(--slate);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.7;
}

.isc2ch .mw-es-details dd,
.isc2ch #content .mw-es-details dd {
	color: var(--ink);
}

.isc2ch .mw-es-tz {
	color: var(--slate);
	font-size: 14px;
}

.isc2ch .mw-es-register {
	margin: 0 0 36px;
}

.isc2ch .mw-es-button,
.isc2ch #content .mw-es-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 32px;
	border: 1.5px solid var(--ink);
	border-radius: 999px;
	background: var(--ink);
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

.isc2ch .mw-es-button:hover,
.isc2ch #content .mw-es-button:hover {
	border-color: var(--ink-2);
	background: var(--ink-2);
	color: var(--white);
}

.isc2ch .mw-es-banner,
.isc2ch .mw-es-notice {
	border-radius: 12px;
	font-size: 16px;
}

.isc2ch .mw-es-notice {
	border-color: var(--line);
	background: var(--white);
}

.isc2ch .mw-es-updated {
	color: var(--slate);
	font-size: 14px;
}

@media (max-width: 480px) {
	.isc2ch .mw-es-details,
	.isc2ch #content .mw-es-details {
		gap: 2px;
		padding: 20px;
	}

	.isc2ch .mw-es-details dd,
	.isc2ch #content .mw-es-details dd {
		margin-bottom: 10px;
	}

	.isc2ch .mw-es-button,
	.isc2ch #content .mw-es-button {
		width: 100%;
	}
}

/* 12. MembershipWorks widget (MemberFindMe: /profile/, /events/ registration) ------------------ */

/*
 * The widget renders into #SFctr in the page (no iframe) and is styled by cdn.membershipworks.com/all.css,
 * which loads before this file. Colours go through its --SF-* variables; the rest are #SFctr overrides
 * of its markup (ids #SFusrmnu, #SFusrpne*, #SFusrpay, #SFevtinf*, #SFevtpay*). The !important flags
 * beat inline styles and all.css rules that use them; content, saving and payments stay MembershipWorks'.
 */

#SFctr {
	--SF-color-button-background: var(--ink);
	--SF-color-button-text: var(--white);
	--SF-color-link-text: var(--link);
	--SF-color-tab-text: var(--ink);
	--SF-color-tab-selected-background: var(--ink);
	--SF-color-tab-selected-text: var(--white);
	--SF-color-outline: var(--green);
	--SF-color-highlight: var(--green-text);
	--SF-border-radius-full: 14px;
	--SF-border-radius-half: 10px;
	color: var(--ink);
	font-family: var(--font);
}

#SFctr a {
	color: var(--link);
}

#SFctr h1,
#SFctr h2,
#SFctr h3 {
	color: var(--ink);
	font-weight: 800;
	letter-spacing: -0.02em;
}

/* Buttons: the theme's pills. A second button in a row (e.g. "Skip") is outlined. */
#SFctr button,
#SFctr .SFfpybtn {
	min-height: 44px;
	padding: 0 22px !important;
	border: 1.5px solid var(--ink) !important;
	border-radius: 999px !important;
	background: var(--ink) !important;
	color: var(--white) !important;
	font-family: var(--font) !important;
	font-weight: 700;
	cursor: pointer;
}

#SFctr button:hover {
	border-color: var(--ink-deep) !important;
	background: var(--ink-deep) !important;
}

#SFctr .SFfpybtx button + button {
	background: var(--white) !important;
	color: var(--ink) !important;
}

#SFctr .SFfpybtx button + button:hover {
	background: var(--glacier) !important;
}

#SFctr .SFfpybtn.SFbig {
	min-height: 52px;
	padding: 0 32px !important;
	font-size: 17px;
}

/* Profile tabs. */
#SFctr #SFusrmnu {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
}

#SFctr #SFusrmnu a {
	padding: 10px 18px;
	border: 1.5px solid var(--line);
	border-radius: 999px;
	background: var(--white);
	color: var(--ink);
	font-weight: 600;
	text-decoration: none;
}

#SFctr #SFusrmnu a:hover {
	border-color: var(--ink);
}

#SFctr #SFusrmnu a.SFsel {
	border-color: var(--ink);
	background: var(--ink);
	color: var(--white);
}

/* Cards: profile sections, membership box, event description, tickets, registration form. */
#SFctr #SFusrpne > .SFusrpne > .SFbox,
#SFctr #SFusrpay,
#SFctr #SFevtinfdtl,
#SFctr #SFevtpaytkt,
#SFctr #SFevtpayreg {
	margin: 0 0 24px;
	padding: 28px;
	border: 1px solid var(--line);
	border-radius: 14px;
	background: var(--white);
	box-shadow: none;
}

/* Fields: full width of the form column. */
#SFctr input[type="text"],
#SFctr input[type="email"],
#SFctr input[type="tel"],
#SFctr input[type="url"],
#SFctr input[type="number"],
#SFctr input[type="password"],
#SFctr input:not([type]),
#SFctr textarea,
#SFctr select {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	min-height: 44px;
	padding: 8px 14px;
	border: 1px solid #c5cedb;
	border-radius: 10px;
	background: var(--white);
	color: var(--ink);
	font: inherit;
}

#SFctr textarea {
	min-height: 64px;
}

#SFctr input:focus,
#SFctr textarea:focus,
#SFctr select:focus {
	border-color: var(--green);
	outline: 3px solid rgba(153, 194, 61, 0.45);
}

#SFctr table.SFfrm {
	width: 100% !important;
}

#SFctr table.SFfrm td {
	padding: 6px 12px 10px 0;
	color: var(--slate);
	vertical-align: middle;
}

#SFctr table.SFfrm td:first-child {
	width: 220px;
}

/* Tables: ticket list and payment history. */
#SFctr .SFtbl,
#SFctr table.SFitn {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-radius: 0;
	background: transparent;
}

#SFctr .SFtbl th,
#SFctr table.SFitn thead,
#SFctr table.SFitn thead tr,
#SFctr table.SFitn thead td,
#SFctr table.SFitn th {
	background: transparent !important;
	background-image: none !important;
}

#SFctr .SFtbl th,
#SFctr table.SFitn thead td,
#SFctr table.SFitn th {
	padding: 10px 12px;
	border-bottom: 2px solid var(--ink);
	color: var(--ink);
	font-weight: 700;
	text-align: left;
}

#SFctr .SFtbl td,
#SFctr table.SFitn tbody td {
	padding: 14px 12px;
	border-bottom: 1px solid var(--line);
}

#SFctr table.SFitn tbody tr:last-child td {
	border-bottom: 0;
}

#SFctr table.SFitn select {
	width: auto !important;
	min-width: 90px;
}

/* Event page: picture on top, title below. */
#SFctr #SFevtinfmnu a {
	font-weight: 600;
	text-decoration: none;
}

#SFctr #SFevtinftop {
	display: block;
	margin-bottom: 24px;
}

#SFctr #SFevtinfimg {
	display: block;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 0 24px;
	border-radius: 14px;
}

#SFctr #SFevtinfttl {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--ink) !important;
	font-size: clamp(28px, 4vw, 40px) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.03em;
}

#SFctr #SFevtinfdtl p {
	margin: 0 0 6px;
}

#SFctr #SFevtinfdtl strong {
	color: var(--ink);
}

@media (max-width: 600px) {
	#SFctr table.SFfrm,
	#SFctr table.SFfrm tbody,
	#SFctr table.SFfrm tr,
	#SFctr table.SFfrm td {
		display: block;
		width: 100% !important;
	}

	#SFctr table.SFfrm td:first-child {
		padding-bottom: 4px;
	}

	#SFctr #SFusrpne > .SFusrpne > .SFbox,
	#SFctr #SFusrpay,
	#SFctr #SFevtinfdtl,
	#SFctr #SFevtpaytkt,
	#SFctr #SFevtpayreg {
		padding: 20px;
	}

	#SFctr .SFtbl {
		display: block;
		overflow-x: auto;
	}
}

/* 13. Motion and print -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

@media print {
	.site-header,
	.site-nav,
	.menu-toggle,
	.hero__actions,
	.members,
	#respond,
	.site-footer__menu {
		display: none !important;
	}

	body,
	.section--ink,
	.site-footer {
		background: #fff !important;
		color: #000 !important;
	}

	.on-dark .section-title,
	.on-dark .section-text,
	.checklist li {
		color: #000 !important;
	}
}