/*
 * PM Sailing Schedules Display - frontend styles
 *
 * Design direction: modern marine-logistics dashboard. Clean typography,
 * restrained shadows, no gradients, very limited motion.
 *
 * Brand palette:
 *   --pmssd-blue, --pmssd-blue-d   primary accent / surfaces
 *   --pmssd-red, --pmssd-red-d     primary CTA
 *
 * The entire layer is scoped inside .pmssd-wrap so it never leaks into the
 * surrounding theme.
 */

.pmssd-wrap {
	/* Brand */
	--pmssd-blue:        #006EAB;
	--pmssd-blue-d:      #004F7C;
	--pmssd-blue-50:     #EAF2F8;
	--pmssd-red:         #E30613;
	--pmssd-red-d:       #B70410;

	/* Neutrals */
	--pmssd-ink:         #0F172A;
	--pmssd-ink-2:       #1F2937;
	--pmssd-mute:        #64748B;
	--pmssd-mute-2:      #94A3B8;
	--pmssd-line:        #E5E7EB;
	--pmssd-line-soft:   #EEF2F6;
	--pmssd-bg:          #F7F9FB;
	--pmssd-white:       #FFFFFF;

	/* Status */
	--pmssd-success:     #10B981;
	--pmssd-warning:     #F59E0B;
	--pmssd-danger:      #DC2626;
	--pmssd-neutral:     #94A3B8;

	/* Layout primitives */
	--pmssd-cols:        3;
	--pmssd-radius-sm:   8px;
	--pmssd-radius:      12px;
	--pmssd-radius-lg:   16px;
	--pmssd-shadow-sm:   0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .03);
	--pmssd-shadow:      0 1px 2px rgba(15, 23, 42, .04), 0 8px 22px rgba(15, 23, 42, .06);
	--pmssd-shadow-lg:   0 4px 16px rgba(15, 23, 42, .08), 0 24px 48px rgba(15, 23, 42, .08);

	color: var(--pmssd-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5;
	font-size: 15px;
	width: 100%;
	position: relative;
}

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

.pmssd-wrap h3 { font-size: 1.1rem; }

/* ============================================================
 * Toolbar
 * ============================================================ */
.pmssd-toolbar {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 1rem 0;
}

/* ============================================================
 * Filters
 * ============================================================ */
.pmssd-filters__toggle {
	display: none;
	align-items: center;
	gap: .5rem;
	padding: .6rem .9rem;
	background: var(--pmssd-white);
	color: var(--pmssd-ink);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius-sm);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	box-shadow: var(--pmssd-shadow-sm);
	position: relative;
}
.pmssd-filters__toggle-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--pmssd-red);
	display: inline-block;
}

.pmssd-filters {
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius);
	padding: 1rem 1.25rem;
	margin: 0 0 1rem 0;
	box-shadow: var(--pmssd-shadow-sm);
}

.pmssd-filters__head {
	display: none;
	align-items: center;
	justify-content: space-between;
	margin: -.25rem 0 .75rem 0;
}

.pmssd-filters__head h3 { margin: 0; font-size: 1.05rem; }

.pmssd-filters__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 0;
	background: transparent;
	color: var(--pmssd-mute);
	cursor: pointer;
	border-radius: 6px;
}

.pmssd-filters__close:hover { background: var(--pmssd-bg); color: var(--pmssd-ink); }

.pmssd-filters__backdrop {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, .45);
	z-index: 1098;
}

.pmssd-filters__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: .9rem 1rem;
	align-items: end;
}

.pmssd-filters__field {
	display: flex;
	flex-direction: column;
	gap: .35rem;
	min-width: 0;
}

.pmssd-filters__field label {
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .04em;
	color: var(--pmssd-mute);
	text-transform: uppercase;
}

.pmssd-filters__field select,
.pmssd-filters__field input[type="search"] {
	width: 100%;
	padding: .58rem .7rem;
	font: inherit;
	color: var(--pmssd-ink);
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius-sm);
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
	appearance: none;
	-webkit-appearance: none;
}

.pmssd-filters__field select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right .6rem center;
	padding-right: 2rem;
}

.pmssd-filters__field select:focus,
.pmssd-filters__field input:focus {
	border-color: var(--pmssd-blue);
	box-shadow: 0 0 0 3px rgba(0, 110, 171, .15);
}

.pmssd-filters__actions {
	display: flex;
	gap: .5rem;
	align-items: center;
	flex-wrap: wrap;
}

/* ============================================================
 * Buttons
 * ============================================================ */
.pmssd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	padding: .65rem 1.05rem;
	font: inherit;
	font-weight: 600;
	font-size: .9rem;
	line-height: 1.1;
	text-decoration: none;
	border-radius: var(--pmssd-radius-sm);
	border: 1px solid transparent;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease, transform .08s ease, box-shadow .15s ease;
	white-space: nowrap;
}

.pmssd-btn:focus-visible {
	outline: 2px solid var(--pmssd-blue);
	outline-offset: 2px;
}

.pmssd-btn--primary {
	background: var(--pmssd-red);
	color: var(--pmssd-white);
	border-color: var(--pmssd-red);
	box-shadow: 0 1px 2px rgba(227, 6, 19, .25);
}
.pmssd-btn--primary:hover,
.pmssd-btn--primary:focus {
	background: var(--pmssd-red-d);
	border-color: var(--pmssd-red-d);
	color: var(--pmssd-white);
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(227, 6, 19, .25);
}

.pmssd-btn--ghost {
	background: transparent;
	color: var(--pmssd-blue);
	border-color: var(--pmssd-line);
}
.pmssd-btn--ghost:hover,
.pmssd-btn--ghost:focus {
	background: var(--pmssd-blue-50);
	color: var(--pmssd-blue-d);
	border-color: var(--pmssd-blue);
}

.pmssd-btn--pdf {
	background: var(--pmssd-blue);
	color: var(--pmssd-white);
	border-color: var(--pmssd-blue);
}
.pmssd-btn--pdf:hover,
.pmssd-btn--pdf:focus {
	background: var(--pmssd-blue-d);
	border-color: var(--pmssd-blue-d);
	color: var(--pmssd-white);
}

.pmssd-btn--sm { padding: .42rem .7rem; font-size: .8rem; }
.pmssd-btn--reset { font-weight: 500; }

/* ============================================================
 * Controls bar (count, chips, sort, view modes)
 * ============================================================ */
.pmssd-controls {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1rem 0;
	flex-wrap: wrap;
}

.pmssd-controls__left,
.pmssd-controls__right {
	display: flex;
	gap: .65rem;
	align-items: center;
	flex-wrap: wrap;
}

.pmssd-results-count {
	font-size: .9rem;
	color: var(--pmssd-mute);
}
.pmssd-results-count strong { color: var(--pmssd-ink); }

/* Chips */
.pmssd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
}

.pmssd-chip {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .25rem .55rem;
	font-size: .78rem;
	font-weight: 600;
	color: var(--pmssd-blue-d);
	background: var(--pmssd-blue-50);
	border: 1px solid rgba(0, 110, 171, .25);
	border-radius: 999px;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}

.pmssd-chip:hover,
.pmssd-chip:focus {
	background: var(--pmssd-blue);
	color: var(--pmssd-white);
	border-color: var(--pmssd-blue);
}

.pmssd-chip__x {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1;
}

.pmssd-chip--clear {
	background: transparent;
	color: var(--pmssd-mute);
	border-color: var(--pmssd-line);
}
.pmssd-chip--clear:hover { background: var(--pmssd-bg); color: var(--pmssd-ink); border-color: var(--pmssd-mute-2); }

/* Sort */
.pmssd-sort {
	display: inline-flex;
	gap: .4rem;
	align-items: center;
}
.pmssd-sort__label {
	font-size: .8rem;
	color: var(--pmssd-mute);
	font-weight: 600;
}
.pmssd-sort select {
	padding: .42rem 2rem .42rem .65rem;
	font: inherit;
	font-size: .85rem;
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius-sm);
	background: var(--pmssd-white);
	color: var(--pmssd-ink);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right .55rem center;
}

/* View modes */
.pmssd-viewmode {
	display: inline-flex;
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius-sm);
	padding: 2px;
	gap: 2px;
}

.pmssd-viewmode__btn {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .35rem .6rem;
	font: inherit;
	font-size: .8rem;
	font-weight: 600;
	color: var(--pmssd-mute);
	background: transparent;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	transition: background .12s ease, color .12s ease;
}

.pmssd-viewmode__btn:hover {
	color: var(--pmssd-ink);
	background: var(--pmssd-bg);
}

.pmssd-viewmode__btn[aria-pressed="true"] {
	background: var(--pmssd-blue);
	color: var(--pmssd-white);
}

.pmssd-viewmode__btn[aria-pressed="true"] svg { color: var(--pmssd-white); }

@media (max-width: 520px) {
	.pmssd-viewmode__btn span { display: none; }
}

/* ============================================================
 * Results grid
 * ============================================================ */
.pmssd-results {
	position: relative;
	min-height: 60px;
}

.pmssd-results.is-loading::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, .6);
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px);
	border-radius: var(--pmssd-radius);
	z-index: 5;
	pointer-events: none;
}

.pmssd-results.is-loading::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 40px;
	transform: translateX(-50%);
	width: 28px;
	height: 28px;
	border: 3px solid var(--pmssd-line);
	border-top-color: var(--pmssd-blue);
	border-radius: 50%;
	z-index: 6;
	animation: pmssd-spin .8s linear infinite;
}

@keyframes pmssd-spin { to { transform: translateX(-50%) rotate(360deg); } }

.pmssd-grid {
	display: grid;
	gap: 1.25rem;
}

.pmssd-grid--cards {
	grid-template-columns: repeat(var(--pmssd-cols), minmax(0, 1fr));
}

.pmssd-grid--list {
	grid-template-columns: 1fr;
	gap: 1rem;
}

.pmssd-grid--compact {
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: .9rem;
}

@media (max-width: 1200px) {
	.pmssd-grid--cards { grid-template-columns: repeat(min(var(--pmssd-cols), 3), minmax(0, 1fr)); }
}

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

@media (max-width: 640px) {
	.pmssd-grid--cards,
	.pmssd-grid--compact { grid-template-columns: 1fr; }
}

/* ============================================================
 * Card
 * ============================================================ */
.pmssd-card {
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: var(--pmssd-shadow-sm);
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
	min-height: 100%;
}

.pmssd-card:hover {
	transform: translateY(-2px);
	border-color: rgba(0, 110, 171, .35);
	box-shadow: var(--pmssd-shadow);
}

.pmssd-card--departed { opacity: .82; }

/* Card head */
.pmssd-card__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: .5rem;
	padding: .9rem 1rem .25rem 1rem;
}

.pmssd-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	min-width: 0;
}

.pmssd-card__ref {
	font-size: .78rem;
	font-weight: 700;
	color: var(--pmssd-ink);
	background: var(--pmssd-blue-50);
	padding: .25rem .55rem;
	border-radius: 6px;
	letter-spacing: .02em;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* Card hero */
.pmssd-card__hero {
	padding: .25rem 1rem .85rem 1rem;
	display: flex;
	flex-direction: column;
	gap: .65rem;
	border-bottom: 1px solid var(--pmssd-line-soft);
}

.pmssd-card__eyebrow {
	display: block;
	font-size: .65rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--pmssd-mute);
}

.pmssd-card__vessel-name {
	margin: 0;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--pmssd-ink);
	letter-spacing: -.01em;
}

/* Route line */
.pmssd-card__route {
	display: flex;
	align-items: center;
	gap: .55rem;
	font-size: .95rem;
	color: var(--pmssd-ink-2);
}

.pmssd-card__port {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}

.pmssd-card__port--from { color: var(--pmssd-blue-d); }
.pmssd-card__port--to   { color: var(--pmssd-blue-d); }

.pmssd-card__arrow {
	color: var(--pmssd-mute-2);
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
}

/* Window */
.pmssd-card__window {
	padding: .8rem 1rem;
	display: flex;
	flex-direction: column;
	gap: .2rem;
	background: var(--pmssd-bg);
	border-bottom: 1px solid var(--pmssd-line-soft);
}

.pmssd-card__window-value {
	font-size: .95rem;
	font-weight: 600;
	color: var(--pmssd-ink);
	font-variant-numeric: tabular-nums;
}

.pmssd-card__window-note {
	display: block;
	margin-top: .15rem;
	font-size: .8rem;
	font-weight: 500;
	color: var(--pmssd-mute);
}

/* Timeline (port rotation) */
.pmssd-card__timeline-wrap {
	padding: 0;
	border-bottom: 1px solid var(--pmssd-line-soft);
}

.pmssd-card__timeline-toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .7rem 1rem;
	font-size: .78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--pmssd-mute);
	list-style: none;
}

.pmssd-card__timeline-toggle::-webkit-details-marker { display: none; }

.pmssd-card__timeline-count { color: var(--pmssd-mute-2); font-weight: 600; }

.pmssd-card__timeline-chevron { transition: transform .2s ease; }
.pmssd-card__timeline-wrap[open] .pmssd-card__timeline-chevron { transform: rotate(180deg); }

.pmssd-timeline {
	list-style: none;
	margin: 0;
	padding: .25rem 1rem 1rem 1rem;
	position: relative;
	counter-reset: pmssd-stops;
}

.pmssd-timeline::before {
	content: "";
	position: absolute;
	top: .65rem;
	bottom: 1rem;
	left: calc(1rem + 5px);
	width: 2px;
	background: linear-gradient(to bottom, rgba(0, 110, 171, .2), rgba(0, 110, 171, .05));
	border-radius: 2px;
}

.pmssd-timeline__stop {
	position: relative;
	padding: .55rem 0 .55rem 1.4rem;
}

.pmssd-timeline__stop:first-child .pmssd-timeline__dot { background: var(--pmssd-blue); border-color: var(--pmssd-blue); }
.pmssd-timeline__stop:last-child  .pmssd-timeline__dot { background: var(--pmssd-red); border-color: var(--pmssd-red); }

.pmssd-timeline__dot {
	position: absolute;
	top: .8rem;
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--pmssd-white);
	border: 2px solid var(--pmssd-blue);
	box-shadow: 0 0 0 3px var(--pmssd-white);
}

.pmssd-timeline__port {
	font-weight: 600;
	color: var(--pmssd-ink);
	font-size: .95rem;
}

.pmssd-timeline__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	margin-top: .25rem;
}

.pmssd-timeline__chip {
	display: inline-flex;
	align-items: baseline;
	gap: .25rem;
	padding: .15rem .5rem;
	border-radius: 999px;
	background: var(--pmssd-blue-50);
	color: var(--pmssd-blue-d);
	font-size: .75rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.pmssd-timeline__chip--days {
	background: #FEF3C7;
	color: #92400E;
}

.pmssd-timeline__chip-label {
	font-size: .65rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	opacity: .8;
}

/* Card footer */
.pmssd-card__footer {
	margin-top: auto;
	padding: .9rem 1rem 1rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
	background: var(--pmssd-white);
}

.pmssd-card__view {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	font-size: .85rem;
	font-weight: 600;
	color: var(--pmssd-blue);
	text-decoration: none;
	transition: color .15s ease, gap .15s ease;
}
.pmssd-card__view:hover {
	color: var(--pmssd-blue-d);
	gap: .5rem;
}

.pmssd-card__cta {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
}

.pmssd-card__quick {
	font-size: .82rem;
	font-weight: 600;
	color: var(--pmssd-mute);
	text-decoration: none;
	border-bottom: 1px dashed transparent;
	transition: color .15s ease, border-color .15s ease;
}
.pmssd-card__quick:hover {
	color: var(--pmssd-blue);
	border-bottom-color: currentColor;
}

@media (max-width: 480px) {
	.pmssd-card__footer { flex-wrap: wrap; }
	.pmssd-card__cta { width: 100%; justify-content: space-between; }
}

/* ============================================================
 * Badges (route + status)
 * ============================================================ */
.pmssd-badge {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .25rem .55rem;
	font-size: .72rem;
	font-weight: 700;
	border-radius: 999px;
	letter-spacing: .02em;
	line-height: 1;
}

.pmssd-badge--sm { font-size: .68rem; padding: .2rem .45rem; }

.pmssd-badge--route { white-space: nowrap; }

.pmssd-badge__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.pmssd-badge--status { background: var(--pmssd-line-soft); color: var(--pmssd-mute); }

.pmssd-badge--upcoming     { background: rgba(16, 185, 129, .12); color: #047857; }
.pmssd-badge--upcoming .pmssd-badge__dot { background: #10B981; }

.pmssd-badge--closing-soon { background: rgba(245, 158, 11, .14); color: #92400E; }
.pmssd-badge--closing-soon .pmssd-badge__dot { background: #F59E0B; }

.pmssd-badge--departed     { background: rgba(148, 163, 184, .2);  color: #475569; }
.pmssd-badge--departed .pmssd-badge__dot { background: #94A3B8; }

/* ============================================================
 * List view (uses .pmssd-card with horizontal layout)
 * ============================================================ */
.pmssd-grid--list .pmssd-card {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	gap: 0 1.5rem;
	align-items: stretch;
}
.pmssd-grid--list .pmssd-card__head {
	grid-column: 1 / -1;
	padding-bottom: .25rem;
}
.pmssd-grid--list .pmssd-card__hero {
	grid-column: 1;
	border: 0;
	padding-bottom: 1rem;
}
.pmssd-grid--list .pmssd-card__window {
	grid-column: 2;
	background: transparent;
	border: 0;
	padding-top: 1rem;
}
.pmssd-grid--list .pmssd-rotation,
.pmssd-grid--list .pmssd-rotation-link {
	grid-column: 3;
	border: 0;
}
.pmssd-grid--list .pmssd-rotation__trigger,
.pmssd-grid--list .pmssd-rotation-link {
	padding: 1rem 0 0 0;
}
.pmssd-grid--list .pmssd-timeline {
	padding-top: .5rem;
}
.pmssd-grid--list .pmssd-card__footer {
	grid-column: 4;
	justify-content: flex-end;
	flex-direction: column;
	align-items: flex-end;
	gap: .35rem;
	padding-top: 1rem;
}
.pmssd-grid--list .pmssd-card__view { order: 2; }
.pmssd-grid--list .pmssd-card__cta  { order: 1; }

@media (max-width: 900px) {
	.pmssd-grid--list .pmssd-card {
		grid-template-columns: 1fr;
	}
	.pmssd-grid--list .pmssd-card__hero,
	.pmssd-grid--list .pmssd-card__window,
	.pmssd-grid--list .pmssd-rotation,
	.pmssd-grid--list .pmssd-rotation-link,
	.pmssd-grid--list .pmssd-card__footer {
		grid-column: 1;
	}
	.pmssd-grid--list .pmssd-card__hero,
	.pmssd-grid--list .pmssd-card__window { border-bottom: 1px solid var(--pmssd-line-soft); }
	.pmssd-grid--list .pmssd-card__footer { flex-direction: row; align-items: center; }
}

/* ============================================================
 * Table layout
 * ============================================================ */
.pmssd-table-wrap {
	overflow-x: auto;
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius);
	box-shadow: var(--pmssd-shadow-sm);
}

.pmssd-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9rem;
}

.pmssd-table th,
.pmssd-table td {
	padding: .75rem 1rem;
	border-bottom: 1px solid var(--pmssd-line-soft);
	text-align: left;
	vertical-align: middle;
}

.pmssd-table thead th {
	background: var(--pmssd-bg);
	color: var(--pmssd-mute);
	font-weight: 700;
	font-size: .72rem;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.pmssd-table tbody tr:hover { background: var(--pmssd-blue-50); }

.pmssd-table td .pmssd-btn { margin-right: .25rem; }

.pmssd-table__route-text {
	display: inline-block;
	margin-left: .4rem;
	color: var(--pmssd-mute);
	font-variant-numeric: tabular-nums;
}

.pmssd-table__route-line {
	margin-top: .35rem;
	font-size: .85rem;
	font-weight: 600;
}

.pmssd-table__route-line .pmssd-route-line__name {
	max-width: none;
	white-space: normal;
}

/* ============================================================
 * Empty state
 * ============================================================ */
.pmssd-empty {
	background: var(--pmssd-white);
	border: 1px dashed var(--pmssd-line);
	border-radius: var(--pmssd-radius);
	padding: 2.5rem 1.25rem;
	text-align: center;
	color: var(--pmssd-mute);
}
.pmssd-empty svg { color: var(--pmssd-mute-2); margin-bottom: .5rem; }
.pmssd-empty h3 { margin: .25rem 0 .35rem 0; color: var(--pmssd-ink); }
.pmssd-empty p  { margin: 0 0 1rem 0; }
.pmssd-empty p:last-child { margin-bottom: 0; }

/* ============================================================
 * Sticky CTA (mobile only)
 * ============================================================ */
.pmssd-sticky-cta {
	display: none;
}
@media (max-width: 720px) {
	.pmssd-sticky-cta {
		position: fixed;
		left: 50%;
		bottom: 1rem;
		transform: translateX(-50%) translateY(120%);
		z-index: 1100;
		display: inline-flex;
		align-items: center;
		gap: .5rem;
		padding: .8rem 1.2rem;
		background: var(--pmssd-red);
		color: var(--pmssd-white);
		font-weight: 700;
		font-size: .9rem;
		text-decoration: none;
		border-radius: 999px;
		box-shadow: 0 6px 20px rgba(227, 6, 19, .35);
		transition: transform .25s ease, background .15s ease;
	}
	.pmssd-sticky-cta.is-visible {
		transform: translateX(-50%) translateY(0);
	}
	.pmssd-sticky-cta:hover { background: var(--pmssd-red-d); color: var(--pmssd-white); }
}

/* ============================================================
 * Mobile filter drawer
 * ============================================================ */
@media (max-width: 768px) {
	.pmssd-filters__toggle { display: inline-flex; }

	.pmssd-filters {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: 88%;
		max-width: 360px;
		margin: 0;
		padding: 1.25rem 1.25rem 1.5rem 1.25rem;
		overflow-y: auto;
		transform: translateX(110%);
		transition: transform .25s ease;
		z-index: 1099;
		border-radius: 0;
		box-shadow: var(--pmssd-shadow-lg);
	}

	.pmssd-filters.is-open { transform: translateX(0); }

	.pmssd-filters__head { display: flex; }
	.pmssd-filters__row {
		grid-template-columns: 1fr;
	}
	.pmssd-filters__backdrop.is-visible { display: block; }

	.pmssd-controls {
		gap: .5rem;
	}
	.pmssd-controls__left,
	.pmssd-controls__right {
		width: 100%;
		justify-content: flex-start;
	}
	.pmssd-controls__right { justify-content: space-between; }
}

/* ============================================================
 * Responsive niceties (cards + rotation + main table)
 * ============================================================ */
@media (max-width: 480px) {
	.pmssd-table thead { display: none; }
	.pmssd-table,
	.pmssd-table tbody,
	.pmssd-table tr,
	.pmssd-table td { display: block; width: 100%; }
	.pmssd-table tr { border-bottom: 1px solid var(--pmssd-line); padding: .6rem 0; }
	.pmssd-table td {
		border: 0;
		display: flex;
		justify-content: space-between;
		gap: .8rem;
		padding: .35rem 1rem;
	}
	.pmssd-table td::before {
		content: attr(data-label);
		font-weight: 700;
		color: var(--pmssd-mute);
		font-size: .7rem;
		text-transform: uppercase;
		letter-spacing: .06em;
	}
}

/* ============================================================
 * Admin tab tweaks (Settings page)
 * ============================================================ */
.pmssd-admin__route-preview {
	display: flex;
	gap: .4rem;
	flex-wrap: wrap;
	padding: .75rem;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
}
.pmssd-admin__preview {
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	padding: 1.25rem;
	border-radius: 12px;
	margin-top: 1rem;
}

/* ============================================================
 * Card route preview line (first N ports + "+M more")
 * ============================================================ */
.pmssd-card__route-preview {
	padding: 0;
	margin: 0;
}

.pmssd-route-line {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem .4rem;
	font-size: .95rem;
	font-weight: 600;
	color: var(--pmssd-blue-d);
	line-height: 1.3;
}

.pmssd-route-line__stop {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	min-width: 0;
}

.pmssd-route-line__name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 14ch;
}

.pmssd-route-line__arrow {
	color: var(--pmssd-mute-2);
	flex: 0 0 auto;
}

.pmssd-route-line__stop--more .pmssd-route-line__more {
	display: inline-flex;
	align-items: center;
	padding: .15rem .5rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--pmssd-mute);
	background: var(--pmssd-line-soft);
	border-radius: 999px;
	white-space: nowrap;
}

@media (max-width: 480px) {
	.pmssd-route-line__name { max-width: 11ch; }
}

/* ============================================================
 * "View full rotation" trigger + accordion panel
 * ============================================================ */
.pmssd-rotation {
	border-top: 1px solid var(--pmssd-line-soft);
}

.pmssd-rotation__trigger {
	width: 100%;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .8rem 1rem !important;
	appearance: none;
	-webkit-appearance: none;
	background: var(--pmssd-bg) !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font: inherit;
	font-size: .82rem !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	color: var(--pmssd-blue-d) !important;
	cursor: pointer;
	transition: background .12s ease, color .12s ease;
}
.pmssd-rotation__trigger:hover,
.pmssd-rotation__trigger:focus-visible {
	background: var(--pmssd-blue-50) !important;
	color: var(--pmssd-blue-d) !important;
	outline: none;
}
.pmssd-rotation__trigger-text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
}
.pmssd-rotation__trigger-count {
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .03em;
	color: var(--pmssd-mute) !important;
	text-transform: none;
}
.pmssd-rotation__trigger-chevron {
	flex: 0 0 auto;
	color: var(--pmssd-blue);
	transition: transform .25s ease;
}
.pmssd-rotation__trigger[aria-expanded="true"] .pmssd-rotation__trigger-chevron {
	transform: rotate(180deg);
}

.pmssd-rotation__panel {
	overflow: hidden;
	max-height: 0;
	transition: max-height .28s ease;
	background: linear-gradient(to bottom, rgba(0, 110, 171, .03), transparent 50%);
}
.pmssd-rotation__panel[hidden] {
	display: none;
}

/* page-mode link */
.pmssd-rotation-link {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .8rem 1rem !important;
	background: var(--pmssd-bg) !important;
	background-image: none !important;
	border: 0 !important;
	border-top: 1px solid var(--pmssd-line-soft) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: var(--pmssd-blue-d) !important;
	font-weight: 700 !important;
	font-size: .82rem !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: background .12s ease, color .12s ease, gap .15s ease;
}
.pmssd-rotation-link:hover,
.pmssd-rotation-link:focus {
	background: var(--pmssd-blue-50) !important;
	color: var(--pmssd-blue-d) !important;
	gap: 1rem;
}
.pmssd-rotation-link__text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}
.pmssd-rotation-link__count {
	font-size: .7rem;
	font-weight: 600;
	color: var(--pmssd-mute) !important;
	text-transform: none;
	letter-spacing: .03em;
}
.pmssd-rotation-link__arrow {
	color: var(--pmssd-blue);
}

/* ============================================================
 * Refined timeline (used inline + in modal + on single page)
 * ============================================================ */
.pmssd-timeline {
	list-style: none;
	margin: 0;
	padding: 1rem 1.1rem 1.1rem 1.1rem;
	position: relative;
}
.pmssd-timeline::before {
	content: "";
	position: absolute;
	top: 1.6rem;
	bottom: 1.6rem;
	left: calc(1.1rem + 11px);
	width: 2px;
	background: linear-gradient(to bottom, rgba(0, 110, 171, .35), rgba(0, 110, 171, .1));
	border-radius: 2px;
}

.pmssd-timeline__stop {
	position: relative;
	padding: .35rem 0 .35rem 2.1rem;
	display: flex;
	flex-direction: column;
	gap: .25rem;
	min-height: 36px;
}

.pmssd-timeline__dot {
	position: absolute;
	top: .15rem;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--pmssd-white);
	border: 2px solid var(--pmssd-blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 4px var(--pmssd-white);
	z-index: 1;
}
.pmssd-timeline__dot-num {
	font-size: .7rem;
	font-weight: 700;
	color: var(--pmssd-blue-d);
	line-height: 1;
}

.pmssd-timeline__stop--first .pmssd-timeline__dot { background: var(--pmssd-blue); border-color: var(--pmssd-blue); }
.pmssd-timeline__stop--first .pmssd-timeline__dot-num { color: var(--pmssd-white); }

.pmssd-timeline__stop--last .pmssd-timeline__dot { background: var(--pmssd-red); border-color: var(--pmssd-red); }
.pmssd-timeline__stop--last .pmssd-timeline__dot-num { color: var(--pmssd-white); }

.pmssd-timeline__port {
	font-weight: 700;
	color: var(--pmssd-ink);
	font-size: 1rem;
	line-height: 1.25;
}

.pmssd-timeline__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .3rem;
}

.pmssd-timeline__chip {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .2rem .55rem;
	border-radius: 999px;
	background: var(--pmssd-blue-50);
	color: var(--pmssd-blue-d);
	font-size: .78rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.pmssd-timeline__chip--days {
	background: #FEF3C7;
	color: #92400E;
}

.pmssd-timeline__chip-label {
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .85;
}

/* ============================================================
 * Modal (port rotation popup)
 * ============================================================ */
.pmssd-modal {
	position: fixed;
	inset: 0;
	z-index: 1200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	opacity: 0;
	transition: opacity .18s ease;
}
.pmssd-modal[hidden] {
	display: none;
}
.pmssd-modal.is-open {
	opacity: 1;
}

.pmssd-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, .55);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.pmssd-modal__panel {
	position: relative;
	width: min(640px, 100%);
	max-height: calc(100vh - 2rem);
	display: flex;
	flex-direction: column;
	background: var(--pmssd-white);
	border-radius: var(--pmssd-radius-lg);
	box-shadow: var(--pmssd-shadow-lg);
	transform: translateY(8px) scale(.98);
	transition: transform .22s ease;
	overflow: hidden;
}
.pmssd-modal.is-open .pmssd-modal__panel {
	transform: translateY(0) scale(1);
}

.pmssd-modal__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--pmssd-line-soft);
	background: var(--pmssd-white);
}

.pmssd-modal__title {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--pmssd-ink);
	line-height: 1.2;
}

.pmssd-modal__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 0;
	background: var(--pmssd-bg);
	color: var(--pmssd-mute);
	border-radius: 8px;
	cursor: pointer;
	transition: background .12s ease, color .12s ease;
}
.pmssd-modal__close:hover {
	background: var(--pmssd-line);
	color: var(--pmssd-ink);
}

.pmssd-modal__body {
	overflow-y: auto;
	padding: .5rem .25rem 1rem .25rem;
}

@media (max-width: 480px) {
	.pmssd-modal { padding: 0; align-items: stretch; }
	.pmssd-modal__panel {
		width: 100%;
		max-height: 100vh;
		border-radius: 0;
	}
}

/* ============================================================
 * Single sailing-schedule page extras
 * ============================================================ */
.pmssd-single {
	margin-top: 2rem;
}

.pmssd-single__hero {
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius-lg);
	padding: 1.25rem 1.5rem;
	box-shadow: var(--pmssd-shadow-sm);
	margin-bottom: 1.25rem;
}

.pmssd-single__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .75rem;
	flex-wrap: wrap;
	margin-bottom: .75rem;
}

.pmssd-single__badges {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
}

.pmssd-single__ref {
	font-weight: 700;
	font-size: .9rem;
	color: var(--pmssd-ink);
	background: var(--pmssd-blue-50);
	padding: .3rem .65rem;
	border-radius: 6px;
	letter-spacing: .02em;
	font-variant-numeric: tabular-nums;
}

.pmssd-single__meta-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1rem 1.5rem;
	margin: 1rem 0 1.25rem 0;
}

.pmssd-single__meta {
	display: flex;
	flex-direction: column;
	gap: .2rem;
}

.pmssd-single__meta strong {
	font-size: 1rem;
	font-weight: 700;
	color: var(--pmssd-ink);
	line-height: 1.3;
}

.pmssd-single__meta-note {
	font-size: .8rem;
	color: var(--pmssd-mute);
}

.pmssd-single__meta--secondary strong {
	font-size: .95rem;
	font-weight: 600;
	color: var(--pmssd-mute);
}

.pmssd-single__cta {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.pmssd-single__section {
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius);
	padding: 1.25rem 1.5rem;
	box-shadow: var(--pmssd-shadow-sm);
	margin-bottom: 1.25rem;
}

.pmssd-single__section-title {
	margin: 0 0 .85rem 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--pmssd-ink);
	letter-spacing: -.01em;
}

.pmssd-single__map-placeholder {
	position: relative;
	background: var(--pmssd-bg);
	border-radius: var(--pmssd-radius);
	overflow: hidden;
	color: var(--pmssd-blue-d);
}
.pmssd-single__map-placeholder svg {
	display: block;
	width: 100%;
	height: auto;
}
.pmssd-single__map-caption {
	position: absolute;
	bottom: .75rem;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding: .25rem .65rem;
	font-size: .75rem;
	font-weight: 600;
	color: var(--pmssd-mute);
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: 999px;
	white-space: nowrap;
}

.pmssd-single__related .pmssd-grid {
	gap: 1rem;
}

@media (max-width: 720px) {
	.pmssd-single__hero,
	.pmssd-single__section {
		padding: 1rem;
	}
}

/* ============================================================
 * v1.4 — Marketing-aligned card + filters + controls (overrides)
 *
 * Layered on top of the earlier classes so all legacy markup
 * still renders, but the new HTML emitted by render_card /
 * render_filters / render_controls_html picks these up by source
 * order. Visual reference: 2026 Sailing Schedules marketing mock.
 * ============================================================ */

/* --- Buttons: dark navy variant + softer ghost --- */
.pmssd-btn--dark {
	background: var(--pmssd-blue-d);
	color: var(--pmssd-white);
	border-color: var(--pmssd-blue-d);
}
.pmssd-btn--dark:hover,
.pmssd-btn--dark:focus {
	background: #003659;
	border-color: #003659;
	color: var(--pmssd-white);
}

.pmssd-btn--ghost {
	background: var(--pmssd-white);
	color: var(--pmssd-ink);
	border: 1px solid #D5DCE4;
}
.pmssd-btn--ghost:hover,
.pmssd-btn--ghost:focus {
	background: var(--pmssd-bg);
	border-color: #B9C3CF;
	color: var(--pmssd-blue-d);
}

/* --- Filters: elevated white card --- */
.pmssd-filters--card {
	display: block;
	background: var(--pmssd-white);
	border-radius: var(--pmssd-radius-lg);
	box-shadow: 0 2px 6px rgba(15, 23, 42, .04), 0 12px 36px rgba(15, 23, 42, .07);
	padding: 1.25rem 1.5rem 1.1rem 1.5rem;
	border: 1px solid var(--pmssd-line);
	margin-bottom: 1.5rem;
	position: relative;
}

.pmssd-filters--card .pmssd-filters__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 .9rem 0;
	border-bottom: 1px solid var(--pmssd-line-soft);
	margin-bottom: 1.1rem;
	gap: 1rem;
	flex-wrap: wrap;
	background: transparent;
}

.pmssd-filters__tabs {
	display: flex;
	gap: 1.5rem;
	flex: 1 1 auto;
	min-width: 0;
}

.pmssd-filters__tab {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: transparent;
	border: 0;
	padding: .25rem 0 .75rem 0;
	margin: 0;
	font: inherit;
	font-size: .95rem;
	font-weight: 600;
	color: var(--pmssd-mute);
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: color .15s ease, border-color .15s ease;
}
.pmssd-filters__tab:hover {
	color: var(--pmssd-ink);
}
.pmssd-filters__tab.is-active {
	color: var(--pmssd-red);
	border-bottom-color: var(--pmssd-red);
}

.pmssd-filters__clear {
	display: none;
	align-items: center;
	gap: .35rem;
	font-size: .85rem;
	font-weight: 600;
	color: var(--pmssd-mute);
	text-decoration: none;
	flex: 0 0 auto;
	transition: color .12s ease;
}
.pmssd-filters__clear.is-visible { display: inline-flex; }
.pmssd-filters__clear:hover {
	color: var(--pmssd-red);
}

.pmssd-filters__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem 1.25rem;
}

.pmssd-filters--card .pmssd-filters__field label {
	display: block;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pmssd-mute);
	margin-bottom: .35rem;
}

.pmssd-filters--card .pmssd-filters__field select,
.pmssd-filters--card .pmssd-filters__field input[type="search"] {
	width: 100%;
	height: 42px;
	border: 1px solid #D5DCE4;
	background: var(--pmssd-white);
	border-radius: 8px;
	padding: 0 .9rem;
	font: inherit;
	font-size: .92rem;
	color: var(--pmssd-ink);
	transition: border-color .12s ease, box-shadow .12s ease;
	appearance: none;
}
.pmssd-filters--card .pmssd-filters__field select {
	padding-right: 2.25rem;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
	background-repeat: no-repeat;
	background-position: right .85rem center;
	cursor: pointer;
}
.pmssd-filters--card .pmssd-filters__field select:hover,
.pmssd-filters--card .pmssd-filters__field input[type="search"]:hover {
	border-color: #B9C3CF;
}
.pmssd-filters--card .pmssd-filters__field select:focus,
.pmssd-filters--card .pmssd-filters__field input[type="search"]:focus {
	border-color: var(--pmssd-blue);
	outline: none;
	box-shadow: 0 0 0 3px rgba(0, 110, 171, .15);
}

.pmssd-filters__search-wrap {
	position: relative;
}
.pmssd-filters__search-wrap input[type="search"] {
	padding-left: 2.25rem;
}
.pmssd-filters__search-icon {
	position: absolute;
	left: .8rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--pmssd-mute);
	pointer-events: none;
}

.pmssd-filters__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 1.1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--pmssd-line-soft);
}
.pmssd-filters__footer-left,
.pmssd-filters__footer-right {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

/* --- Toggle switch --- */
.pmssd-toggle {
	display: inline-flex;
	align-items: center;
	gap: .65rem;
	cursor: pointer;
	user-select: none;
}
.pmssd-toggle input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
}
.pmssd-toggle__track {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 22px;
	background: #CBD5E1;
	border-radius: 999px;
	transition: background .15s ease;
}
.pmssd-toggle__thumb {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--pmssd-white);
	box-shadow: 0 1px 3px rgba(15, 23, 42, .25);
	transition: transform .18s ease;
}
.pmssd-toggle input[type="checkbox"]:checked + input[type="hidden"] + .pmssd-toggle__track,
.pmssd-toggle input[type="checkbox"]:checked ~ .pmssd-toggle__track {
	background: var(--pmssd-red);
}
.pmssd-toggle input[type="checkbox"]:checked + input[type="hidden"] + .pmssd-toggle__track .pmssd-toggle__thumb,
.pmssd-toggle input[type="checkbox"]:checked ~ .pmssd-toggle__track .pmssd-toggle__thumb {
	transform: translateX(16px);
}
.pmssd-toggle input[type="checkbox"]:focus-visible ~ .pmssd-toggle__track {
	box-shadow: 0 0 0 3px rgba(227, 6, 19, .25);
}
.pmssd-toggle__label {
	font-size: .9rem;
	font-weight: 600;
	color: var(--pmssd-ink);
}

/* --- Inline view toggle inside filters footer --- */
.pmssd-viewmode--inline {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: transparent;
	border: 0;
	padding: 0;
}
.pmssd-viewmode--inline .pmssd-viewmode__label {
	font-size: .85rem;
	font-weight: 600;
	color: var(--pmssd-mute);
}
.pmssd-viewmode--inline .pmssd-viewmode__btn {
	min-width: 64px;
	padding: .45rem .85rem;
	border-radius: 6px;
	background: var(--pmssd-white);
	color: var(--pmssd-mute);
	border: 1px solid #D5DCE4;
	font-size: .85rem;
	font-weight: 600;
}
.pmssd-viewmode--inline .pmssd-viewmode__btn:hover {
	color: var(--pmssd-ink);
	border-color: #B9C3CF;
}
.pmssd-viewmode--inline .pmssd-viewmode__btn[aria-pressed="true"] {
	background: var(--pmssd-red);
	color: var(--pmssd-white);
	border-color: var(--pmssd-red);
}
.pmssd-viewmode--inline .pmssd-viewmode__btn svg { display: none; }

/* --- Controls bar (results header) --- */
.pmssd-controls {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 1rem;
	padding: 0 .25rem;
	margin: 0 0 1rem 0;
	border-bottom: 0;
	background: transparent;
}
.pmssd-controls__left {
	justify-self: start;
	min-width: 0;
}
.pmssd-controls__center {
	justify-self: center;
}
.pmssd-controls__right {
	justify-self: end;
}
.pmssd-controls__chips {
	grid-column: 1 / -1;
}

.pmssd-results-count {
	font-size: .92rem;
	color: var(--pmssd-mute);
}
.pmssd-results-count strong {
	color: var(--pmssd-ink);
	font-weight: 700;
}

.pmssd-sort {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-size: .92rem;
	color: var(--pmssd-mute);
	position: relative;
}
.pmssd-sort__prefix { font-weight: 500; }
.pmssd-sort select {
	appearance: none;
	background: transparent;
	border: 0;
	font: inherit;
	color: var(--pmssd-ink);
	font-weight: 600;
	padding: .15rem 1.1rem .15rem 0;
	cursor: pointer;
	outline: none;
}
.pmssd-sort__chevron {
	position: absolute;
	right: 0;
	color: var(--pmssd-ink);
	pointer-events: none;
}

.pmssd-share {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	background: transparent;
	border: 0;
	padding: .45rem .25rem;
	color: var(--pmssd-mute);
	font: inherit;
	font-size: .9rem;
	font-weight: 600;
	cursor: pointer;
	transition: color .12s ease;
}
.pmssd-share:hover {
	color: var(--pmssd-blue);
}
.pmssd-share.is-copied {
	color: var(--pmssd-blue-d);
}

/* --- Status badges (refined palette) --- */
.pmssd-badge--status {
	display: inline-flex;
	align-items: center;
	padding: .3rem .6rem;
	border-radius: 6px;
	font-size: .65rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .12);
}
.pmssd-badge--status .pmssd-badge__dot { display: none; }
.pmssd-badge--upcoming      { background: #16A34A; color: #fff; }
.pmssd-badge--closing-soon  { background: #E30613; color: #fff; }
.pmssd-badge--departed      { background: #64748B; color: #fff; }

/* --- Card: image + body + footer --- */
.pmssd-grid--cards {
	gap: 1.5rem;
}

.pmssd-card {
	display: flex;
	flex-direction: column;
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius);
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pmssd-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
	border-color: #CCD4DE;
}
.pmssd-card--departed { opacity: .9; }

.pmssd-card__media {
	position: relative;
	aspect-ratio: 16 / 8;
	background: var(--pmssd-bg);
	overflow: hidden;
}
.pmssd-card__media .pmssd-badge--status {
	position: absolute;
	top: .75rem;
	left: .75rem;
	z-index: 2;
}
.pmssd-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}
.pmssd-card:hover .pmssd-card__image {
	transform: scale(1.03);
}
.pmssd-card__image--placeholder {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pmssd-card__placeholder-svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.pmssd-card__placeholder-vessel {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, .85);
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.25;
	max-width: 90%;
	text-align: center;
	padding: 0 .5rem;
	text-wrap: balance;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.pmssd-card__body {
	display: flex;
	flex-direction: column;
	padding: 1rem 1.1rem .9rem 1.1rem;
	flex: 1 1 auto;
}

.pmssd-card__route-head {
	margin: 0 0 .65rem 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.2;
}

.pmssd-card__route-head .pmssd-card__route-badge {
	font-size: 1.05rem;
	font-weight: 700;
	padding: .35rem .7rem;
	border-radius: 999px;
	letter-spacing: .01em;
	text-transform: none;
}

.pmssd-card__body .pmssd-card__window {
	margin: 0 0 .75rem 0;
	padding: 0;
	background: transparent;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: .15rem;
}
.pmssd-card__body .pmssd-card__window-value {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--pmssd-ink);
	display: inline-flex;
	gap: .35rem;
	align-items: baseline;
	font-variant-numeric: tabular-nums;
}
.pmssd-card__body .pmssd-card__window-note {
	font-size: .8rem;
	color: var(--pmssd-mute);
	font-weight: 500;
}

.pmssd-card__body .pmssd-card__route {
	margin-top: .15rem;
	display: flex;
	align-items: center;
	gap: .55rem;
	font-size: 1rem;
	color: var(--pmssd-ink);
	font-weight: 600;
	flex-wrap: nowrap;
	min-width: 0;
}
.pmssd-card__body .pmssd-card__port {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	flex: 1 1 auto;
	font-weight: 600;
	color: var(--pmssd-blue-d);
}

.pmssd-card__body .pmssd-card__ref {
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: none;
	color: var(--pmssd-ink);
	background: var(--pmssd-blue-50);
	padding: .25rem .55rem;
	border-radius: 6px;
	display: inline-block;
	margin: .5rem 0 0 0;
	font-variant-numeric: tabular-nums;
	align-self: flex-start;
}

.pmssd-card__vessel {
	margin: .45rem 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: .1rem;
}

.pmssd-card__body .pmssd-card__vessel .pmssd-card__vessel-name {
	margin: 0;
	font-size: .88rem;
	font-weight: 500;
	color: var(--pmssd-mute);
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
}

.pmssd-card__route-label {
	font-size: .92rem;
	font-weight: 600;
	color: var(--pmssd-red);
	line-height: 1.3;
	margin-bottom: .85rem;
}
.pmssd-card__body .pmssd-card__port--to { text-align: right; }
.pmssd-card__route-arrow {
	color: var(--pmssd-mute-2);
	flex: 0 0 auto;
}

.pmssd-card__footer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .6rem;
	padding: .35rem 1.1rem 1.1rem 1.1rem;
	background: transparent;
	border-top: 0;
}
.pmssd-card__footer .pmssd-btn {
	width: 100%;
	justify-content: center;
	padding: .65rem 1rem;
	font-size: .85rem;
	font-weight: 600;
}

/* --- List view aligned to new card --- */
.pmssd-grid--list .pmssd-card {
	display: grid;
	grid-template-columns: 200px minmax(0, 1fr) auto;
	grid-template-rows: auto;
}
.pmssd-grid--list .pmssd-card__media { aspect-ratio: auto; height: 100%; min-height: 140px; }
.pmssd-grid--list .pmssd-card__body  { padding: 1rem 1.25rem; }
.pmssd-grid--list .pmssd-card__footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .5rem;
	padding: 1rem 1.25rem;
	border-top: 0;
	border-left: 1px solid var(--pmssd-line-soft);
}
.pmssd-grid--list .pmssd-card__footer .pmssd-btn { min-width: 160px; }

@media (max-width: 720px) {
	.pmssd-grid--list .pmssd-card {
		grid-template-columns: 1fr;
	}
	.pmssd-grid--list .pmssd-card__media { aspect-ratio: 16 / 10; }
	.pmssd-grid--list .pmssd-card__footer {
		flex-direction: row;
		border-left: 0;
		border-top: 1px solid var(--pmssd-line-soft);
	}
}

/* --- Filters mobile drawer behaviour --- */
@media (max-width: 900px) {
	.pmssd-filters__toggle { display: inline-flex; }
	.pmssd-filters--card {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 88vw;
		max-width: 360px;
		margin: 0;
		border-radius: 0;
		transform: translateX(100%);
		transition: transform .22s ease;
		z-index: 1190;
		overflow-y: auto;
		padding: 1rem;
	}
	.pmssd-filters--card.is-open { transform: translateX(0); }
	.pmssd-filters__grid {
		grid-template-columns: 1fr;
	}
	.pmssd-filters__footer {
		flex-direction: column;
		align-items: stretch;
	}
	.pmssd-filters__footer-left,
	.pmssd-filters__footer-right {
		justify-content: space-between;
	}
	.pmssd-filters__close { display: inline-flex; }
}
@media (min-width: 901px) {
	.pmssd-filters__toggle,
	.pmssd-filters__close,
	.pmssd-filters__backdrop { display: none !important; }
}

/* --- Controls bar mobile --- */
@media (max-width: 720px) {
	.pmssd-controls {
		grid-template-columns: 1fr 1fr;
		row-gap: .6rem;
	}
	.pmssd-controls__center { justify-self: end; grid-column: 2; }
	.pmssd-controls__right  { grid-column: 2; }
	.pmssd-controls__left   { grid-column: 1 / -1; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.pmssd-card,
	.pmssd-card__image,
	.pmssd-btn,
	.pmssd-rotation__trigger-chevron,
	.pmssd-rotation__panel,
	.pmssd-modal,
	.pmssd-modal__panel,
	.pmssd-filters,
	.pmssd-toggle__thumb,
	.pmssd-toggle__track,
	.pmssd-sticky-cta {
		transition: none !important;
		animation: none !important;
	}
}

/* ============================================================
 * v1.4.2 — Layout polish + refined CTA buttons
 * Appended last so overrides win without touching earlier rules.
 * ============================================================ */

/* --- Grid: never let cards get cramped ----------------------- */
.pmssd-wrap .pmssd-grid--cards {
	grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
	gap: 1.5rem;
}
@media (max-width: 1200px) {
	.pmssd-wrap .pmssd-grid--cards {
		grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
		gap: 1.25rem;
	}
}
@media (max-width: 640px) {
	.pmssd-wrap .pmssd-grid--cards { grid-template-columns: 1fr; gap: 1rem; }
}

/* --- Card shell: softer surface, calmer hover ---------------- */
.pmssd-wrap .pmssd-card {
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 18px rgba(15, 23, 42, .04);
	border-color: var(--pmssd-line-soft);
}
.pmssd-wrap .pmssd-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(15, 23, 42, .06), 0 20px 36px rgba(15, 23, 42, .07);
}

/* --- Media: shorter so it stops dominating the card --------- */
.pmssd-wrap .pmssd-card__media {
	aspect-ratio: 16 / 7;
}

/* Status pill: smaller, more discreet */
.pmssd-wrap .pmssd-card__media .pmssd-badge--status {
	top: .6rem;
	left: .6rem;
	padding: .2rem .55rem;
	font-size: .68rem;
	letter-spacing: .04em;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .15);
}

/* --- Placeholder: branded blue gradient (no real image) -------
 * Real vessel photos use <img>; this block only styles the SVG
 * fallback. Keep the SVG visible — a previous revision hid it and
 * used a grey wash, which read as “broken” rather than on-brand. */
.pmssd-wrap .pmssd-card__image--placeholder {
	background: linear-gradient(148deg, #001f33 0%, #00355a 32%, #004f7c 62%, #006eab 100%);
}
.pmssd-wrap .pmssd-card__image--placeholder .pmssd-card__placeholder-svg {
	display: block;
}
.pmssd-wrap .pmssd-card__placeholder-vessel {
	color: rgba(255, 255, 255, .94);
	opacity: 1;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .01em;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .22);
}

/* --- Body: tighter rhythm, clearer hierarchy ---------------- */
.pmssd-wrap .pmssd-card__body {
	padding: .95rem 1.1rem .85rem 1.1rem;
}
.pmssd-wrap .pmssd-card__route-head { margin-bottom: .55rem; }
.pmssd-wrap .pmssd-card__route-head .pmssd-card__route-badge { font-size: .95rem; }
.pmssd-wrap .pmssd-card__body .pmssd-card__ref {
	font-size: .75rem;
	color: var(--pmssd-ink);
	background: var(--pmssd-blue-50);
	margin: .45rem 0 0 0;
}
.pmssd-wrap .pmssd-card__body .pmssd-card__vessel .pmssd-card__vessel-name {
	font-size: .85rem;
	color: var(--pmssd-mute);
	margin: 0;
}
.pmssd-wrap .pmssd-card__route-label {
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--pmssd-red);
	margin-bottom: .7rem;
}
.pmssd-wrap .pmssd-card__body .pmssd-card__window { margin-bottom: .55rem; }
.pmssd-wrap .pmssd-card__body .pmssd-card__eyebrow {
	font-size: .65rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--pmssd-mute);
}
.pmssd-wrap .pmssd-card__body .pmssd-card__window-value {
	font-size: 1rem;
	font-weight: 700;
	gap: .35rem;
}
.pmssd-wrap .pmssd-card__body .pmssd-card__route {
	font-size: .95rem;
	color: var(--pmssd-ink);
	font-weight: 600;
}

/* --- Footer: tighter, lighter buttons ----------------------- */
.pmssd-wrap .pmssd-card__footer {
	padding: .25rem 1.1rem 1rem 1.1rem;
	gap: .55rem;
	grid-template-columns: 1fr 1fr;
}
.pmssd-wrap .pmssd-card__footer .pmssd-btn {
	padding: .5rem .75rem;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .01em;
	border-radius: 8px;
	min-height: 0;
	line-height: 1.2;
}

/* Quote: keep brand red but drop the glow + softer hover */
.pmssd-wrap .pmssd-card__footer .pmssd-btn--primary,
.pmssd-wrap .pmssd-card__footer .pmssd-btn--quote {
	box-shadow: none;
	background: var(--pmssd-red);
	border-color: var(--pmssd-red);
	color: #fff;
}
.pmssd-wrap .pmssd-card__footer .pmssd-btn--primary:hover,
.pmssd-wrap .pmssd-card__footer .pmssd-btn--primary:focus,
.pmssd-wrap .pmssd-card__footer .pmssd-btn--quote:hover,
.pmssd-wrap .pmssd-card__footer .pmssd-btn--quote:focus {
	background: var(--pmssd-red-d);
	border-color: var(--pmssd-red-d);
	transform: none;
	box-shadow: 0 2px 8px rgba(227, 6, 19, .18);
}

/* View Details ghost: clean, low-key, visually balances the red CTA */
.pmssd-wrap .pmssd-card__footer .pmssd-btn--ghost,
.pmssd-wrap .pmssd-card__footer .pmssd-card__view {
	background: #fff;
	color: var(--pmssd-ink-2);
	border: 1px solid #DCE3EA;
}
.pmssd-wrap .pmssd-card__footer .pmssd-btn--ghost:hover,
.pmssd-wrap .pmssd-card__footer .pmssd-btn--ghost:focus,
.pmssd-wrap .pmssd-card__footer .pmssd-card__view:hover,
.pmssd-wrap .pmssd-card__footer .pmssd-card__view:focus {
	background: var(--pmssd-blue-50);
	border-color: #B9C9D7;
	color: var(--pmssd-blue-d);
}

/* If the View Details link ever wraps (very narrow card), keep buttons stacked predictably */
@media (max-width: 360px) {
	.pmssd-wrap .pmssd-card__footer { grid-template-columns: 1fr; }
}

/* ============================================================
 * v1.4.3 — Theme-hostility hardening + list-view rewrite
 *
 * Some host themes (Astra/Elementor/etc) apply aggressive button +
 * text-colour rules that beat our 1-class selectors. Below we lift
 * specificity (.pmssd-wrap .pmssd-card .x) and explicitly reset
 * <button> backgrounds + colours that themes love to clobber.
 *
 * The list view CSS is also redone for the new 3-zone card
 * structure (.pmssd-card__media / __body / __footer).
 * ============================================================ */

/* --- Force card body text colours over hostile themes ------- */
.pmssd-wrap .pmssd-card .pmssd-card__ref          { color: var(--pmssd-ink); background: var(--pmssd-blue-50); }
.pmssd-wrap .pmssd-card .pmssd-card__vessel .pmssd-card__vessel-name { color: var(--pmssd-mute); }
.pmssd-wrap .pmssd-card .pmssd-card__route-label  { color: var(--pmssd-red); background: transparent; }
.pmssd-wrap .pmssd-card .pmssd-card__eyebrow      { color: var(--pmssd-mute); }
.pmssd-wrap .pmssd-card .pmssd-card__window-value { color: var(--pmssd-ink); }
.pmssd-wrap .pmssd-card .pmssd-card__window-note  { color: var(--pmssd-mute); }
.pmssd-wrap .pmssd-card .pmssd-card__route        { color: var(--pmssd-ink); }
.pmssd-wrap .pmssd-card .pmssd-card__port         { color: var(--pmssd-blue-d); }
.pmssd-wrap .pmssd-card .pmssd-card__port--from   { color: var(--pmssd-blue-d); }
.pmssd-wrap .pmssd-card .pmssd-card__port--to     { color: var(--pmssd-blue-d); }
.pmssd-wrap .pmssd-card .pmssd-card__route-arrow  { color: var(--pmssd-mute-2); }
.pmssd-wrap .pmssd-card .pmssd-card__placeholder-vessel {
	color: rgba(255, 255, 255, .94);
	text-shadow: 0 1px 3px rgba(0, 0, 0, .22);
}

/* --- Rotation accordion: defeat theme button defaults ------- */
.pmssd-wrap button.pmssd-rotation__trigger,
.pmssd-wrap .pmssd-rotation button.pmssd-rotation__trigger {
	background: transparent;
	background-image: none;
	color: var(--pmssd-blue);
	border: 0;
	box-shadow: none;
	text-shadow: none;
	font: inherit;
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .8rem 1rem;
	cursor: pointer;
}
.pmssd-wrap button.pmssd-rotation__trigger:hover,
.pmssd-wrap button.pmssd-rotation__trigger:focus-visible {
	background: var(--pmssd-blue-50);
	color: var(--pmssd-blue-d);
	outline: none;
}
.pmssd-wrap .pmssd-card .pmssd-rotation__trigger-count,
.pmssd-wrap .pmssd-card .pmssd-rotation-link__count { color: var(--pmssd-mute); }

/* Same harden for the page-mode rotation link */
.pmssd-wrap a.pmssd-rotation-link {
	background: transparent;
	color: var(--pmssd-blue);
	text-decoration: none;
}
.pmssd-wrap a.pmssd-rotation-link:hover,
.pmssd-wrap a.pmssd-rotation-link:focus {
	background: var(--pmssd-blue-50);
	color: var(--pmssd-blue-d);
}

/* --- LIST VIEW: clean 3-zone horizontal row ----------------- */
.pmssd-wrap .pmssd-grid--list {
	gap: 1rem;
}
.pmssd-wrap .pmssd-grid--list .pmssd-card {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr) auto;
	grid-template-rows: auto;
	gap: 0;
	align-items: stretch;
	min-height: 0;
	padding: 0;
}

.pmssd-wrap .pmssd-grid--list .pmssd-card__media {
	aspect-ratio: auto;
	height: 100%;
	min-height: 140px;
	width: 220px;
}

.pmssd-wrap .pmssd-grid--list .pmssd-card__body {
	padding: 1.1rem 1.4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .2rem;
}

/* Hide accordion/rotation-link clutter in list view — too tall for one row */
.pmssd-wrap .pmssd-grid--list .pmssd-rotation,
.pmssd-wrap .pmssd-grid--list .pmssd-rotation-link {
	display: none !important;
}

/* Hide the from→to row inside body in list view: it duplicates info that the
 * placeholder/vessel-name + buttons already convey, and was the source of the
 * lonely "→ Genoa" floating in the empty body */
.pmssd-wrap .pmssd-grid--list .pmssd-card__route {
	display: none;
}

.pmssd-wrap .pmssd-grid--list .pmssd-card__footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .5rem;
	padding: 1.1rem 1.4rem;
	border-top: 0;
	border-left: 1px solid var(--pmssd-line-soft);
	background: transparent;
	width: auto;
}
.pmssd-wrap .pmssd-grid--list .pmssd-card__footer .pmssd-btn {
	min-width: 180px;
	width: auto;
	padding: .55rem 1rem;
	font-size: .82rem;
}

/* List view: collapse to single column on narrow viewports */
@media (max-width: 720px) {
	.pmssd-wrap .pmssd-grid--list .pmssd-card {
		grid-template-columns: 1fr;
	}
	.pmssd-wrap .pmssd-grid--list .pmssd-card__media {
		aspect-ratio: 16 / 9;
		width: 100%;
		min-height: 0;
	}
	.pmssd-wrap .pmssd-grid--list .pmssd-card__footer {
		border-left: 0;
		border-top: 1px solid var(--pmssd-line-soft);
		flex-direction: row;
		gap: .6rem;
	}
	.pmssd-wrap .pmssd-grid--list .pmssd-card__footer .pmssd-btn {
		flex: 1 1 auto;
		min-width: 0;
	}
}

/* ============================================================
 * v1.5 — Route clarity refresh
 *
 * - "MAIN ROUTE" eyebrow above the from → to line
 * - "Via" preview line showing intermediate rotation ports
 * - Refined "View Full Rotation" trigger (title-case, subtle motion)
 *
 * Keeps the same uncluttered marine-logistics dashboard feel: small
 * eyebrow labels, restrained chips, no heavy borders. All scoped
 * inside .pmssd-wrap so it never leaks into the parent theme.
 * ============================================================ */

/* Wrapper that groups the eyebrow, main from→to line, and via preview
 * into a single visual block with a consistent rhythm. */
.pmssd-wrap .pmssd-card__route-block {
	display: flex;
	flex-direction: column;
	gap: .35rem;
	margin-top: .15rem;
	min-width: 0;
}

/* "MAIN ROUTE" eyebrow — reuses the card eyebrow look but with a small
 * inline pin icon to anchor it visually next to the ports. */
.pmssd-wrap .pmssd-card__eyebrow--route {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pmssd-mute);
}
.pmssd-wrap .pmssd-card__route-icon {
	color: var(--pmssd-blue);
	flex: 0 0 auto;
}

/* Bump the main route line so it reads as the primary route info,
 * not just another body row. Stays clean — no chips, no badges. */
.pmssd-wrap .pmssd-card__route-block .pmssd-card__route {
	margin-top: 0;
	display: flex;
	align-items: center;
	gap: .6rem;
	font-size: .98rem;
	font-weight: 600;
	color: var(--pmssd-ink);
	flex-wrap: nowrap;
	min-width: 0;
}
.pmssd-wrap .pmssd-card__route-block .pmssd-card__port {
	font-weight: 600;
	color: var(--pmssd-ink);
	min-width: 0;
	flex: 1 1 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pmssd-wrap .pmssd-card__route-block .pmssd-card__port--to {
	text-align: right;
}
.pmssd-wrap .pmssd-card__route-block .pmssd-card__route-arrow {
	color: var(--pmssd-blue);
	flex: 0 0 auto;
}

/* "Via" preview — small chip-style list of intermediate ports. Soft
 * tags, dot separator, "+N more" pill if there are more rotation
 * stops than we can comfortably show inline. */
.pmssd-wrap .pmssd-card__via {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .35rem .5rem;
	min-width: 0;
	margin-top: .1rem;
}
.pmssd-wrap .pmssd-card__via-label {
	flex: 0 0 auto;
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--pmssd-mute-2);
	line-height: 1.5;
}
.pmssd-wrap .pmssd-card__via-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .15rem .4rem;
	min-width: 0;
	font-size: .82rem;
	color: var(--pmssd-ink-2);
	line-height: 1.4;
}
.pmssd-wrap .pmssd-card__via-port {
	color: var(--pmssd-ink-2);
	font-weight: 500;
	max-width: 18ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Dot separator between port names (NOT before the "+N more" pill). */
.pmssd-wrap .pmssd-card__via-list > .pmssd-card__via-port + .pmssd-card__via-port::before {
	content: "•";
	display: inline-block;
	margin-right: .4rem;
	color: var(--pmssd-mute-2);
	opacity: .7;
	font-weight: 700;
}
/* "+N more" pill — soft blue tag, never wraps mid-text. */
.pmssd-wrap .pmssd-card__via-more {
	display: inline-flex;
	align-items: center;
	padding: .1rem .5rem;
	margin-left: .15rem;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .03em;
	color: var(--pmssd-blue-d);
	background: var(--pmssd-blue-50);
	border-radius: 999px;
	white-space: nowrap;
	line-height: 1.5;
}

/* Refine "View Full Rotation" trigger:
 *   - Drop the shouty all-caps look
 *   - Slightly larger title, smaller secondary count line
 *   - Subtle hover lift: chevron nudges down + bg blue tint
 *   - Smooth chevron flip on expand
 *
 * We override the existing rules (which used !important + uppercase)
 * with higher-specificity selectors so this loads after them.
 */
.pmssd-wrap .pmssd-rotation__trigger,
.pmssd-wrap .pmssd-rotation button.pmssd-rotation__trigger,
.pmssd-wrap a.pmssd-rotation-link,
.pmssd-wrap .pmssd-rotation-link {
	text-transform: none !important;
	letter-spacing: .005em !important;
	font-size: .9rem !important;
	font-weight: 600 !important;
	padding: .85rem 1.1rem !important;
}
.pmssd-wrap .pmssd-rotation__trigger-text,
.pmssd-wrap .pmssd-rotation-link__text {
	gap: 3px;
}
.pmssd-wrap .pmssd-rotation__trigger-title,
.pmssd-wrap .pmssd-rotation-link__title {
	font-size: .92rem;
	font-weight: 700;
	letter-spacing: -.005em;
	line-height: 1.2;
	color: inherit;
}
.pmssd-wrap .pmssd-card .pmssd-rotation__trigger-count,
.pmssd-wrap .pmssd-card .pmssd-rotation-link__count {
	font-size: .72rem !important;
	font-weight: 500 !important;
	letter-spacing: .005em !important;
	text-transform: none !important;
	color: var(--pmssd-mute) !important;
}

/* Subtle hover / expand motion on the chevron + arrow. */
.pmssd-wrap .pmssd-rotation__trigger-chevron,
.pmssd-wrap .pmssd-rotation-link__arrow {
	transition: transform .25s cubic-bezier(.4, 0, .2, 1);
}
.pmssd-wrap .pmssd-rotation__trigger:hover .pmssd-rotation__trigger-chevron {
	transform: translateY(2px);
}
.pmssd-wrap .pmssd-rotation__trigger[aria-expanded="true"] .pmssd-rotation__trigger-chevron {
	transform: rotate(180deg);
}
.pmssd-wrap .pmssd-rotation__trigger[aria-expanded="true"]:hover .pmssd-rotation__trigger-chevron {
	transform: rotate(180deg) translateY(-2px);
}
.pmssd-wrap .pmssd-rotation-link:hover .pmssd-rotation-link__arrow,
.pmssd-wrap .pmssd-rotation-link:focus-visible .pmssd-rotation-link__arrow {
	transform: translateX(3px);
}

/* View Full Rotation — inset framed control (schedule cards only) */
.pmssd-wrap .pmssd-card .pmssd-rotation {
	border-top: 0;
	padding: .55rem 1rem .95rem;
}
.pmssd-wrap .pmssd-card .pmssd-rotation button.pmssd-rotation__trigger,
.pmssd-wrap .pmssd-card .pmssd-rotation .pmssd-rotation__trigger {
	padding: 1.1rem 1.25rem !important;
	border: 1px solid rgba(227, 6, 19, .48) !important;
	border-radius: var(--pmssd-radius-sm) !important;
	background: var(--pmssd-white) !important;
	box-shadow: 0 1px 0 rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .07) !important;
}
.pmssd-wrap .pmssd-card .pmssd-rotation button.pmssd-rotation__trigger:hover,
.pmssd-wrap .pmssd-card .pmssd-rotation button.pmssd-rotation__trigger:focus-visible {
	background: rgba(227, 6, 19, .07) !important;
	border-color: var(--pmssd-red) !important;
	color: var(--pmssd-blue-d) !important;
}

/* Page-mode rotation link inside a card — same visual language */
.pmssd-wrap .pmssd-card > .pmssd-card__body a.pmssd-rotation-link {
	margin: .55rem 0 .95rem;
	border-top: 0 !important;
	padding: 1.1rem 1.25rem !important;
	border: 1px solid rgba(227, 6, 19, .48) !important;
	border-radius: var(--pmssd-radius-sm) !important;
	background: var(--pmssd-white) !important;
	box-shadow: 0 1px 0 rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .07) !important;
}
.pmssd-wrap .pmssd-card > .pmssd-card__body a.pmssd-rotation-link:hover,
.pmssd-wrap .pmssd-card > .pmssd-card__body a.pmssd-rotation-link:focus-visible {
	background: rgba(227, 6, 19, .07) !important;
	border-color: var(--pmssd-red) !important;
	color: var(--pmssd-blue-d) !important;
	gap: 1rem;
}

/* LIST VIEW: surface the route block + via preview again — they're the
 * single most useful piece of info in a list row and previously the
 * row felt almost empty. We tighten typography, lay everything out
 * in a single horizontal flow, and reinstate a compact rotation hint
 * so users can still tell at a glance how many extra ports the
 * sailing visits before clicking through.
 *
 * Also adds a small "schedule summary" meta row (vessel · loading
 * window · port count) so list rows finally pull their weight.
 */

/* Re-enable the route block. Need to override both the legacy
 * `.pmssd-card__route { display:none }` rule from v1.4.3 and our
 * own (now-removed) hide rule. */
.pmssd-wrap .pmssd-grid--list .pmssd-card__route-block {
	display: flex !important;
	flex-direction: column;
	gap: .3rem;
	margin-top: .35rem;
}
.pmssd-wrap .pmssd-grid--list .pmssd-card__route-block .pmssd-card__route {
	display: flex !important;
	font-size: 1rem;
	gap: .55rem;
}

/* On wider list rows, let the via preview ride up next to the main
 * route line if there's room, otherwise wrap below. */
@media (min-width: 1100px) {
	.pmssd-wrap .pmssd-grid--list .pmssd-card__route-block {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: .35rem 1.1rem;
	}
	.pmssd-wrap .pmssd-grid--list .pmssd-card__route-block .pmssd-card__eyebrow--route {
		flex: 0 0 auto;
	}
	.pmssd-wrap .pmssd-grid--list .pmssd-card__route-block .pmssd-card__route {
		flex: 0 1 auto;
		min-width: 220px;
	}
	.pmssd-wrap .pmssd-grid--list .pmssd-card__via {
		flex: 1 1 100%;
		margin-top: 0;
	}
}

/* Body rhythm: vessel name + ref get a touch more weight, then a
 * compact meta row so the row reads as a real summary. */
.pmssd-wrap .pmssd-grid--list .pmssd-card__body {
	gap: .35rem;
	padding: 1.1rem 1.4rem 1.15rem;
}
.pmssd-wrap .pmssd-grid--list .pmssd-card__route-head .pmssd-card__route-badge {
	font-size: 1rem;
}
.pmssd-wrap .pmssd-grid--list .pmssd-card__vessel .pmssd-card__vessel-name {
	font-size: .85rem;
	margin: 0;
}
.pmssd-wrap .pmssd-grid--list .pmssd-card__window {
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
	gap: .15rem;
}
.pmssd-wrap .pmssd-grid--list .pmssd-card__window-value {
	font-size: .9rem;
}

/* Compact "rotation summary" pill — replaces the hidden accordion
 * trigger so list users still see how many ports + a clear link to
 * the single page (or just a non-interactive count if the rotation
 * setting is set to accordion/modal). Reuses an existing class set. */
.pmssd-wrap .pmssd-grid--list .pmssd-card__route-block .pmssd-card__via-more {
	background: var(--pmssd-blue-50);
	color: var(--pmssd-blue-d);
}

/* Inside the list view we don't fold ports under a button — the via
 * preview already shows up to 4 stops + "+N more". The accordion and
 * page-mode link stay hidden (kept from v1.4.3). */

/* Mobile UX: prevent the from → to row from wrapping awkwardly, and
 * keep the via chips visually distinct without dominating the card. */
@media (max-width: 480px) {
	.pmssd-wrap .pmssd-card__route-block .pmssd-card__route {
		font-size: .92rem;
		gap: .4rem;
	}
	.pmssd-wrap .pmssd-card__via-port {
		max-width: 14ch;
	}
	.pmssd-wrap .pmssd-card__via-list {
		font-size: .78rem;
	}
}

/* Reduced motion: kill the chevron/arrow animation. */
@media (prefers-reduced-motion: reduce) {
	.pmssd-wrap .pmssd-rotation__trigger-chevron,
	.pmssd-wrap .pmssd-rotation-link__arrow {
		transition: none;
	}
	.pmssd-wrap .pmssd-rotation__trigger:hover .pmssd-rotation__trigger-chevron,
	.pmssd-wrap .pmssd-rotation-link:hover .pmssd-rotation-link__arrow {
		transform: none;
	}
}

/* ============================================================
 * v1.5.1 — Card visual polish
 *
 * Tightens hierarchy and spacing so cards feel cleaner and more
 * premium without changing data structure or interaction patterns.
 * ============================================================ */

.pmssd-wrap .pmssd-card {
	border-radius: 16px;
	border-color: #D9E1EA;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .05), 0 14px 28px rgba(15, 23, 42, .05);
}
.pmssd-wrap .pmssd-card:hover {
	border-color: #C7D3E0;
	box-shadow: 0 6px 16px rgba(15, 23, 42, .08), 0 22px 40px rgba(15, 23, 42, .08);
}

/* Top area: calmer height + subtle depth */
.pmssd-wrap .pmssd-card__media {
	aspect-ratio: 16 / 6.5;
}
.pmssd-wrap .pmssd-card__media::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 45%;
	background: linear-gradient(to top, rgba(0, 0, 0, .22), rgba(0, 0, 0, 0));
	pointer-events: none;
}
.pmssd-wrap .pmssd-card__media .pmssd-badge--status {
	top: .55rem;
	left: .55rem;
	border-radius: 999px;
	font-size: .62rem;
	letter-spacing: .06em;
	padding: .2rem .5rem;
}
.pmssd-wrap .pmssd-card__placeholder-vessel {
	font-size: .92rem;
	font-weight: 700;
	max-width: 88%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Body rhythm */
.pmssd-wrap .pmssd-card__body {
	padding: .95rem 1rem .75rem;
	gap: .2rem;
}
.pmssd-wrap .pmssd-card__route-head {
	margin-bottom: .5rem;
}
.pmssd-wrap .pmssd-card__route-head .pmssd-card__route-badge {
	font-size: .88rem;
	padding: .3rem .62rem;
	background: #EFF4FA !important;
	color: var(--pmssd-blue-d) !important;
	border: 1px solid #D7E3EF;
}

/* Group schedule details in a clearer block */
.pmssd-wrap .pmssd-card__window {
	margin: 0 0 .5rem;
	padding: .65rem .72rem;
	background: #F8FAFC;
	border: 1px solid #E6EDF4;
	border-radius: 10px;
}
.pmssd-wrap .pmssd-card__window-value {
	font-size: .98rem;
}

.pmssd-wrap .pmssd-card__route-block {
	padding: .45rem .1rem .15rem;
	border-top: 1px solid #EDF2F7;
	margin-top: .25rem;
}

/* Secondary metadata */
.pmssd-wrap .pmssd-card__body .pmssd-card__ref {
	margin-top: .45rem;
}
.pmssd-wrap .pmssd-card__vessel {
	margin-top: .35rem;
}
.pmssd-wrap .pmssd-card__body .pmssd-card__vessel .pmssd-card__vessel-name {
	font-size: .82rem;
}

/* Footer buttons: less bulky, clearer contrast */
.pmssd-wrap .pmssd-card__footer {
	padding: .3rem 1rem 1rem;
	gap: .5rem;
}
.pmssd-wrap .pmssd-card__footer .pmssd-btn {
	padding: .52rem .7rem;
	font-size: .77rem;
	border-radius: 9px;
}
.pmssd-wrap .pmssd-card__footer .pmssd-btn--ghost,
.pmssd-wrap .pmssd-card__footer .pmssd-card__view {
	background: #fff;
	border: 1px solid #D6E0EA;
	color: #1F2E3D;
}
.pmssd-wrap .pmssd-card__footer .pmssd-btn--ghost:hover,
.pmssd-wrap .pmssd-card__footer .pmssd-card__view:hover {
	background: #F3F7FB;
	border-color: #BDCCDB;
	color: var(--pmssd-blue-d);
}

@media (max-width: 640px) {
	.pmssd-wrap .pmssd-card__media {
		aspect-ratio: 16 / 7.25;
	}
}

/* ============================================================
 * v1.5.2 — Structured header/body card layout
 * ============================================================ */

.pmssd-wrap .pmssd-card__media {
	position: relative;
	aspect-ratio: 16 / 7;
	background: linear-gradient(135deg, #03243f, #0a3a5c);
}
.pmssd-wrap .pmssd-card__media::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(3, 36, 63, .2), rgba(3, 36, 63, .7));
	z-index: 1;
	pointer-events: none;
}
.pmssd-wrap .pmssd-card__media .pmssd-card__image {
	opacity: .35;
}

.pmssd-wrap .pmssd-card__header-content {
	position: absolute;
	z-index: 3;
	left: .95rem;
	right: .95rem;
	bottom: .9rem;
	color: #fff;
}
.pmssd-wrap .pmssd-card__region-eyebrow {
	display: inline-block;
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #7cc4ec;
	margin-bottom: .4rem;
}
.pmssd-wrap .pmssd-card__header-labels {
	display: flex;
	justify-content: space-between;
	font-size: .56rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .68);
	margin-bottom: .2rem;
}
.pmssd-wrap .pmssd-card__header-route {
	display: flex;
	align-items: center;
	gap: .5rem;
}
.pmssd-wrap .pmssd-card__header-port {
	flex: 1 1 0;
	min-width: 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pmssd-wrap .pmssd-card__header-port--to {
	text-align: right;
}
.pmssd-wrap .pmssd-card__header-arrow {
	flex: 0 0 auto;
	color: #7cc4ec;
}

/* Status pill variants for this header style */
.pmssd-wrap .pmssd-card__media .pmssd-badge--status {
	z-index: 4;
	top: .65rem;
	right: .65rem;
	left: auto;
	font-size: .58rem;
	font-weight: 700;
	letter-spacing: .1em;
	border-radius: 999px;
	padding: .22rem .52rem;
	border: 1px solid transparent;
	box-shadow: none;
}
.pmssd-wrap .pmssd-card__media .pmssd-badge--closing-soon {
	background: #ed1c24;
	color: #fff;
}
.pmssd-wrap .pmssd-card__media .pmssd-badge--upcoming {
	background: rgba(255, 255, 255, .18);
	color: #fff;
	border-color: rgba(255, 255, 255, .28);
}
.pmssd-wrap .pmssd-card__media .pmssd-badge--departed {
	background: rgba(255, 255, 255, .14);
	color: #fff;
	border-color: rgba(255, 255, 255, .24);
}

/* Body */
.pmssd-wrap .pmssd-card__body {
	padding: .85rem .95rem .7rem;
}
.pmssd-wrap .pmssd-card__rotation-line {
	margin-bottom: .72rem;
}
.pmssd-wrap .pmssd-card__rotation-line .pmssd-card__eyebrow {
	margin-bottom: .22rem;
}
.pmssd-wrap .pmssd-card__rotation-text {
	margin: 0;
	font-size: .88rem;
	line-height: 1.45;
	color: var(--pmssd-mute);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pmssd-wrap .pmssd-card__rotation-port {
	font-weight: 500;
	color: var(--pmssd-mute);
}
.pmssd-wrap .pmssd-card__rotation-port--strong {
	font-weight: 700;
	color: var(--pmssd-ink);
}
.pmssd-wrap .pmssd-card__rotation-sep {
	display: inline-block;
	padding: 0 .22rem;
	color: #9EB0C2;
	font-weight: 700;
}

.pmssd-wrap .pmssd-card__meta-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .7rem .95rem;
	padding: .72rem .74rem;
	border-top: 1px solid #E7EDF4;
	border-bottom: 1px solid #E7EDF4;
	background: #fff;
}
.pmssd-wrap .pmssd-card__meta {
	min-width: 0;
}
.pmssd-wrap .pmssd-card__meta .pmssd-card__eyebrow {
	margin-bottom: .14rem;
}
.pmssd-wrap .pmssd-card__meta-value {
	display: block;
	font-size: .9rem;
	line-height: 1.3;
	color: var(--pmssd-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pmssd-wrap .pmssd-card__window-note {
	margin: .5rem 0 0;
	font-size: .76rem;
}

/* Buttons */
.pmssd-wrap .pmssd-card__footer {
	padding: .72rem .95rem .95rem;
	grid-template-columns: 1fr auto;
	align-items: center;
}
.pmssd-wrap .pmssd-card__footer .pmssd-btn--quote {
	min-width: 0;
}
.pmssd-wrap .pmssd-card__footer .pmssd-card__view {
	min-width: 92px;
}

@media (max-width: 640px) {
	.pmssd-wrap .pmssd-card__header-port {
		font-size: .98rem;
	}
	.pmssd-wrap .pmssd-card__footer {
		grid-template-columns: 1fr 1fr;
	}
}

/* ============================================================
 * v1.6 — Mock-aligned card (cards view only)
 * ============================================================ */

.pmssd-wrap .pmssd-grid--cards .pmssd-card {
	border-radius: 14px;
	border-color: #E2E8F0;
	box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
	overflow: hidden;
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__header {
	aspect-ratio: auto;
	min-height: 0;
	padding: 1.2rem 1.25rem;
	background: linear-gradient(135deg, #03243f, #0a3a5c);
	display: block;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header::before,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header::after {
	display: none;
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__region-eyebrow {
	margin: 0;
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: #7cc4ec;
	line-height: 1.35;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--status {
	position: static;
	flex: 0 0 auto;
	font-size: .58rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .24rem .55rem;
	border-radius: 999px;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--closing-soon {
	background: #ed1c24;
	color: #fff;
	border: 0;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--upcoming {
	background: rgba(255, 255, 255, .18);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .28);
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--departed {
	background: rgba(255, 255, 255, .14);
	color: rgba(255, 255, 255, .9);
	border: 1px solid rgba(255, 255, 255, .22);
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-loading {
	display: flex;
	align-items: baseline;
	gap: .75rem;
	margin-top: 1rem;
	width: 100%;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-loading-label {
	flex: 0 0 auto;
	font-size: .58rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .55);
	line-height: 1.3;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-loading-value {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 1.35rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.15;
	letter-spacing: -.01em;
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__body {
	padding: 1rem 1.05rem .85rem;
}

/* Vertical port timeline */
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-timeline {
	margin: 0 0 .85rem;
	padding-bottom: .85rem;
	border-bottom: 1px solid #E8EDF3;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stops {
	list-style: none;
	margin: 0;
	padding: 0 0 0 .15rem;
	position: relative;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stops::before {
	content: "";
	position: absolute;
	top: .55rem;
	bottom: .55rem;
	left: 7px;
	width: 2px;
	background: #D7E0E8;
	border-radius: 2px;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: .7rem;
	padding: .28rem 0;
	min-height: 2.1rem;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-dot {
	position: relative;
	z-index: 1;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin-top: .12rem;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #CBD5E1;
	box-sizing: border-box;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop--load .pmssd-card__route-dot {
	background: var(--pmssd-blue);
	border-color: var(--pmssd-blue);
	box-shadow: inset 0 0 0 3px #fff;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop--final .pmssd-card__route-dot {
	background: var(--pmssd-red);
	border-color: var(--pmssd-red);
	box-shadow: inset 0 0 0 3px #fff;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop-body {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: .08rem;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop-main {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: .65rem;
	width: 100%;
	min-width: 0;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop-date {
	flex: 0 0 auto;
	font-size: .72rem;
	font-weight: 500;
	color: #94A3B8;
	line-height: 1.3;
	white-space: nowrap;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop-label {
	font-size: .58rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #94A3B8;
	line-height: 1.2;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop-name {
	font-size: .92rem;
	font-weight: 500;
	color: #64748B;
	line-height: 1.3;
	min-width: 0;
	flex: 1 1 auto;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop--load .pmssd-card__route-stop-name,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop--final .pmssd-card__route-stop-name,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop-name--from,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop-name--to {
	font-size: .98rem;
	font-weight: 700;
	color: var(--pmssd-ink);
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__route-stop--more .pmssd-card__route-stop-name {
	font-size: .78rem;
	font-weight: 600;
	color: var(--pmssd-blue-d);
}

/* Meta grid */
.pmssd-wrap .pmssd-grid--cards .pmssd-card__meta-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .75rem 1rem;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__meta--full {
	grid-column: 1 / -1;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__meta .pmssd-card__eyebrow {
	font-size: .58rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #94A3B8;
	margin-bottom: .12rem;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__meta-value {
	font-size: .9rem;
	font-weight: 700;
	color: var(--pmssd-ink);
	line-height: 1.25;
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer {
	padding: .85rem 1.05rem 1.05rem;
	border-top: 1px solid #E8EDF3;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .55rem;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-btn {
	padding: .62rem .85rem;
	font-size: .82rem;
	font-weight: 700;
	border-radius: 8px;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-btn--quote,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-btn--primary {
	background: var(--pmssd-blue);
	border-color: var(--pmssd-blue);
	color: #fff;
	box-shadow: none;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-btn--quote:hover,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-btn--quote:focus,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-btn--primary:hover,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-btn--primary:focus {
	background: var(--pmssd-blue-d);
	border-color: var(--pmssd-blue-d);
	transform: none;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer .pmssd-card__view {
	min-width: 88px;
	padding-left: .7rem;
	padding-right: .7rem;
	background: #fff;
	border: 1px solid #D5DCE4;
	color: var(--pmssd-ink);
	font-weight: 600;
}

@media (max-width: 640px) {
	.pmssd-wrap .pmssd-grid--cards .pmssd-card__footer {
		grid-template-columns: minmax(0, 1fr) auto;
	}
}

/* ============================================================
 * v1.6.1 — Cards-only layout fixes (theme-safe)
 * ============================================================ */

.pmssd-wrap .pmssd-grid--cards article.pmssd-card > .pmssd-card__header {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: auto !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 1.2rem 1.25rem !important;
	margin: 0;
	background: linear-gradient(135deg, #03243f, #0a3a5c) !important;
	border: 0;
	overflow: visible;
}

.pmssd-wrap .pmssd-grid--cards article.pmssd-card > .pmssd-card__header .pmssd-badge--status {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
}

.pmssd-wrap .pmssd-grid--cards article.pmssd-card ol.pmssd-card__route-stops {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 0 0 .15rem !important;
	counter-reset: none;
}

.pmssd-wrap .pmssd-grid--cards article.pmssd-card ol.pmssd-card__route-stops > li {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0;
	padding-left: 0;
}

.pmssd-wrap .pmssd-grid--cards article.pmssd-card ol.pmssd-card__route-stops > li::marker {
	content: none !important;
	display: none;
}

/* ============================================================
 * v1.6.5 — Filters toggle: desktop hide + theme-safe buttons
 * ============================================================ */

/* Mobile drawer toggle: subtle control, not a theme CTA */
.pmssd-wrap button.pmssd-filters__toggle {
	background: var(--pmssd-white);
	background-image: none;
	color: var(--pmssd-ink);
	border: 1px solid var(--pmssd-line);
	box-shadow: var(--pmssd-shadow-sm);
	text-shadow: none;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: normal;
	padding: .6rem .9rem;
	border-radius: var(--pmssd-radius-sm);
}
.pmssd-wrap button.pmssd-filters__toggle:hover,
.pmssd-wrap button.pmssd-filters__toggle:focus-visible {
	background: var(--pmssd-bg);
	color: var(--pmssd-ink);
	border-color: var(--pmssd-line);
}

.pmssd-wrap button.pmssd-filters__tab,
.pmssd-wrap button.pmssd-filters__close {
	background: transparent;
	background-image: none;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	font: inherit;
	text-transform: none;
	letter-spacing: normal;
	padding: .25rem 0 .75rem 0;
}
.pmssd-wrap button.pmssd-filters__close {
	padding: 0;
	width: 36px;
	height: 36px;
	color: var(--pmssd-mute);
}
.pmssd-wrap button.pmssd-filters__tab.is-active {
	color: var(--pmssd-red);
}

@media (min-width: 901px) {
	.pmssd-wrap button.pmssd-filters__toggle,
	.pmssd-wrap .pmssd-filters__toggle,
	.pmssd-wrap button.pmssd-filters__close,
	.pmssd-wrap .pmssd-filters__close,
	.pmssd-wrap .pmssd-filters__backdrop {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.pmssd-wrap .pmssd-filters.pmssd-filters--card {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: auto !important;
		max-width: none !important;
		transform: none !important;
		overflow: visible !important;
		z-index: auto !important;
	}
}

@media (max-width: 900px) {
	.pmssd-wrap button.pmssd-filters__toggle,
	.pmssd-wrap .pmssd-filters__toggle {
		display: inline-flex !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
}

/* ============================================================
 * v1.6.6 — Card header route line + popular route pills
 * ============================================================ */

.pmssd-wrap .pmssd-filters.pmssd-filters--card {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.pmssd-wrap .pmssd-popular-routes {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .75rem 1rem;
	margin: 0 0 1.5rem;
	padding: .95rem 1.25rem;
	background: linear-gradient(135deg, #03243f, #0a3a5c);
	border: 1px solid rgba(255, 255, 255, .08);
	border-top: 0;
	border-radius: 0 0 14px 14px;
}
.pmssd-wrap .pmssd-popular-routes__label {
	flex: 0 0 auto;
	font-size: .58rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(124, 196, 236, .9);
}
.pmssd-wrap .pmssd-popular-routes__list {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	min-width: 0;
}
.pmssd-wrap button.pmssd-popular-routes__pill {
	display: inline-flex;
	align-items: center;
	padding: .42rem .85rem;
	border: 1px solid rgba(255, 255, 255, .42);
	border-radius: 999px;
	background: transparent;
	background-image: none;
	color: #fff;
	font: inherit;
	font-size: .78rem;
	font-weight: 600;
	line-height: 1.25;
	cursor: pointer;
	box-shadow: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	white-space: nowrap;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.pmssd-wrap button.pmssd-popular-routes__pill:hover,
.pmssd-wrap button.pmssd-popular-routes__pill:focus-visible {
	background: rgba(255, 255, 255, .1);
	border-color: rgba(255, 255, 255, .72);
	color: #fff;
}
.pmssd-wrap button.pmssd-popular-routes__pill.is-active {
	background: rgba(255, 255, 255, .16);
	border-color: #fff;
	color: #fff;
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-route {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 1rem 0 0;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-route-from,
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-route-to {
	min-width: 0;
	flex: 1 1 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-route-to {
	text-align: right;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-route-arrow {
	flex: 0 0 auto;
	color: #7cc4ec;
	font-size: .95rem;
	line-height: 1;
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--status-dot {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: .58rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--status-dot .pmssd-badge__dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex: 0 0 auto;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--closing-soon.pmssd-badge--status-dot {
	color: #ffb4b4;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--closing-soon.pmssd-badge--status-dot .pmssd-badge__dot {
	background: #ed1c24;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--upcoming.pmssd-badge--status-dot {
	color: rgba(255, 255, 255, .82);
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--upcoming.pmssd-badge--status-dot .pmssd-badge__dot {
	background: #4ade80;
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--departed.pmssd-badge--status-dot {
	color: rgba(255, 255, 255, .68);
}
.pmssd-wrap .pmssd-grid--cards .pmssd-card__header .pmssd-badge--departed.pmssd-badge--status-dot .pmssd-badge__dot {
	background: rgba(255, 255, 255, .45);
}

.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-loading {
	margin-top: 1rem;
}

.pmssd-wrap .pmssd-card__more-ports {
	display: block;
}
.pmssd-wrap .pmssd-card__more-ports-summary {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	cursor: pointer;
	list-style: none;
	color: var(--pmssd-blue);
	font-weight: 700;
}
.pmssd-wrap .pmssd-card__more-ports-summary::-webkit-details-marker {
	display: none;
}
.pmssd-wrap .pmssd-card__more-ports-summary::after {
	content: "▾";
	font-size: .72rem;
	line-height: 1;
	opacity: .75;
	transform: translateY(-1px);
}
.pmssd-wrap .pmssd-card__more-ports[open] .pmssd-card__more-ports-summary::after {
	content: "▴";
}
.pmssd-wrap .pmssd-card__more-ports-list {
	margin: .35rem 0 0;
	padding: .4rem .6rem;
	list-style: none;
	border: 1px solid #d9e4ef;
	border-radius: 8px;
	background: #f8fbff;
}
.pmssd-wrap .pmssd-card__more-ports-item {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: .65rem;
	font-size: .82rem;
	line-height: 1.35;
	color: var(--pmssd-mute);
}
.pmssd-wrap .pmssd-card__more-ports-name {
	min-width: 0;
	flex: 1 1 auto;
}
.pmssd-wrap .pmssd-card__more-ports-date {
	flex: 0 0 auto;
	font-size: .72rem;
	font-weight: 500;
	color: #94A3B8;
	white-space: nowrap;
}
.pmssd-wrap .pmssd-card__more-ports-item + .pmssd-card__more-ports-item {
	margin-top: .18rem;
}

@media (max-width: 640px) {
	.pmssd-wrap .pmssd-popular-routes {
		flex-direction: column;
		align-items: flex-start;
	}
	.pmssd-wrap .pmssd-grid--cards .pmssd-card__header-route {
		font-size: .95rem;
	}
}

/* Single shortcode card presentation */
.pmssd-wrap.pmssd-wrap--single-card .pmssd-grid--cards {
	max-width: 760px;
	margin-inline: auto;
}
.pmssd-wrap.pmssd-wrap--single-card .pmssd-card__view {
	display: none;
}
.pmssd-wrap.pmssd-wrap--single-card .pmssd-card__footer {
	grid-template-columns: 1fr;
}

/* ----------------------------------------------------------------------
 * Homepage summary shortcode — compact region → region list
 * ---------------------------------------------------------------------- */
.pmssd-wrap.pmssd-wrap--summary {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.pmssd-wrap.pmssd-wrap--summary *,
.pmssd-wrap.pmssd-wrap--summary *::before,
.pmssd-wrap.pmssd-wrap--summary *::after {
	box-sizing: border-box;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-panel {
	background: var(--pmssd-white);
	border: 1px solid var(--pmssd-line);
	border-radius: var(--pmssd-radius);
	box-shadow: var(--pmssd-shadow-sm);
	overflow: hidden;
}

/* Inline search: Departure | Arrival | Search */
.pmssd-wrap.pmssd-wrap--summary form.pmssd-summary-search {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-end !important;
	gap: .75rem;
	margin: 0 !important;
	padding: .9rem 1.1rem;
	border: 0;
	border-bottom: 1px solid var(--pmssd-line-soft);
	background: var(--pmssd-bg);
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__fields {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	flex: 1 1 auto;
	align-items: flex-end;
	gap: .75rem;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__field {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 0;
	gap: .28rem;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	max-width: none !important;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__field label {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	font-size: .7rem !important;
	font-weight: 600 !important;
	letter-spacing: .04em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--pmssd-mute) !important;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__field select {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: 2.5rem;
	margin: 0 !important;
	padding: .55rem .7rem !important;
	padding-right: 2rem !important;
	font: inherit !important;
	font-size: .9rem !important;
	line-height: 1.2 !important;
	color: var(--pmssd-ink) !important;
	background-color: var(--pmssd-white) !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
	background-repeat: no-repeat !important;
	background-position: right .65rem center !important;
	border: 1px solid var(--pmssd-line) !important;
	border-radius: var(--pmssd-radius-sm) !important;
	box-shadow: none !important;
	outline: none;
	appearance: none !important;
	-webkit-appearance: none !important;
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__field select:focus {
	border-color: var(--pmssd-blue) !important;
	box-shadow: 0 0 0 3px rgba(0, 110, 171, .15) !important;
}

.pmssd-wrap.pmssd-wrap--summary button.pmssd-summary-search__btn,
.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__btn {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: auto !important;
	min-width: 6.5rem;
	height: 2.5rem !important;
	min-height: 2.5rem !important;
	margin: 0 !important;
	padding: 0 1.25rem !important;
	border: 0 !important;
	border-radius: var(--pmssd-radius-sm) !important;
	background: var(--pmssd-blue) !important;
	background-image: none !important;
	color: var(--pmssd-white) !important;
	font: inherit !important;
	font-size: .875rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer;
	white-space: nowrap;
	transition: background .15s ease;
}

.pmssd-wrap.pmssd-wrap--summary button.pmssd-summary-search__btn:hover,
.pmssd-wrap.pmssd-wrap--summary button.pmssd-summary-search__btn:focus,
.pmssd-wrap.pmssd-wrap--summary button.pmssd-summary-search__btn:focus-visible {
	background: var(--pmssd-blue-d) !important;
	color: var(--pmssd-white) !important;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__row {
	display: grid !important;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	align-items: center;
	gap: .5rem 1rem;
	margin: 0 !important;
	padding: .72rem 1.1rem;
	border: 0;
	border-bottom: 1px solid var(--pmssd-line-soft);
	background: transparent;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__row:last-child {
	border-bottom: 0;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__route {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .3rem .4rem;
	min-width: 0;
	color: var(--pmssd-ink) !important;
	font-weight: 700;
	font-size: .92rem;
	line-height: 1.3;
	text-decoration: none !important;
}

.pmssd-wrap.pmssd-wrap--summary a.pmssd-summary__route:hover,
.pmssd-wrap.pmssd-wrap--summary a.pmssd-summary__route:focus-visible {
	color: var(--pmssd-blue-d) !important;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__arrow {
	color: var(--pmssd-mute);
	font-weight: 600;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: .25rem .65rem;
	min-width: 0;
	color: var(--pmssd-mute);
	font-size: .8rem;
	line-height: 1.35;
	text-align: right;
}

.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__note {
	margin: .6rem 0 0 !important;
	padding: 0 .25rem;
	color: var(--pmssd-mute-2);
	font-size: .72rem;
	line-height: 1.4;
	text-align: center;
}

@media (max-width: 720px) {
	.pmssd-wrap.pmssd-wrap--summary form.pmssd-summary-search {
		flex-wrap: wrap !important;
		align-items: stretch !important;
	}
	.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__fields {
		flex: 1 1 100%;
	}
	.pmssd-wrap.pmssd-wrap--summary button.pmssd-summary-search__btn {
		width: 100% !important;
		align-self: stretch;
	}
}

@media (max-width: 520px) {
	.pmssd-wrap.pmssd-wrap--summary .pmssd-summary-search__fields {
		flex-direction: column !important;
	}
	.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__row {
		grid-template-columns: 1fr;
		gap: .25rem;
		padding: .7rem 1rem;
	}
	.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__route { font-size: .88rem; }
	.pmssd-wrap.pmssd-wrap--summary .pmssd-summary__meta {
		justify-content: flex-start;
		text-align: left;
	}
}