:root {
	--color-ink: #112a33;
	--color-ink-soft: #48616a;
	--color-ocean: #07566b;
	--color-aqua: #0f8f8a;
	--color-aqua-dark: #08736f;
	--color-foam: #e7f3f1;
	--color-sand: #f5f3ec;
	--color-paper: #fbfcfa;
	--color-white: #ffffff;
	--color-line: #dbe5e2;
	--font-sans: Inter, "Noto Sans CJK SC", "Microsoft YaHei", "PingFang SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-serif: "Noto Serif CJK SC", "Songti SC", STSong, Georgia, "Times New Roman", serif;
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.2rem;
	--text-xl: clamp(1.75rem, 3vw, 2.75rem);
	--text-display: clamp(2.7rem, 7vw, 5.7rem);
	--space-1: 0.5rem;
	--space-2: 0.75rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2.25rem;
	--space-6: 3.5rem;
	--space-7: clamp(4rem, 7vw, 6.5rem);
	--container: 1320px;
	--reading: 820px;
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 22px;
	--shadow-soft: 0 18px 50px rgba(17, 42, 51, 0.08);
}

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

html { scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--color-paper);
	color: var(--color-ink);
	font-family: var(--font-sans);
	font-size: var(--text-base);
	line-height: 1.7;
	text-rendering: optimizeLegibility;
}

img { display: block; max-width: 100%; height: auto; }
a { color: var(--color-ocean); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--color-aqua-dark); }
button, input { font: inherit; }
h1, h2, h3, h4 { margin: 0 0 var(--space-3); font-family: var(--font-serif); font-weight: 600; line-height: 1.12; letter-spacing: -0.025em; }
h1 { font-size: var(--text-display); }
h2 { font-size: var(--text-xl); }
h3 { font-size: 1.35rem; }
p { margin: 0 0 var(--space-3); }

.container { width: min(calc(100% - 2.5rem), var(--container)); margin-inline: auto; }
.container--reading { max-width: var(--reading); }
.site-main { min-height: 65vh; }
.section { padding-block: var(--space-7); }
.eyebrow { margin-bottom: var(--space-3); color: var(--color-aqua-dark); font-size: var(--text-xs); font-weight: 750; letter-spacing: 0.08em; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { z-index: 100000; top: 8px; left: 8px; width: auto; height: auto; padding: 0.8rem 1rem; clip: auto; background: var(--color-white); color: var(--color-ink); }

.site-header { position: relative; z-index: 20; border-bottom: 1px solid rgba(17, 42, 51, 0.1); background: rgba(251, 252, 250, 0.96); }
.site-header__inner { display: flex; min-height: 92px; align-items: center; justify-content: space-between; gap: var(--space-4); }
.site-brand { display: inline-flex; align-items: center; gap: 0.78rem; color: var(--color-ink); font-size: 1.08rem; font-weight: 760; text-decoration: none; letter-spacing: -0.02em; }
.site-brand__mark { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(15, 143, 138, 0.32); border-radius: 50%; }
.site-brand__mark span { width: 15px; height: 10px; border: 2px solid var(--color-aqua); border-top: 0; border-radius: 0 0 12px 12px; transform: rotate(-8deg); }
.site-navigation { display: flex; align-items: center; gap: 1.75rem; }
.site-navigation__links { display: flex; align-items: center; gap: 1.55rem; margin: 0; padding: 0; list-style: none; }
.site-navigation__links a, .nav-disabled { color: var(--color-ink); font-size: 0.95rem; font-weight: 620; text-decoration: none; }
.site-navigation__links a:hover { color: var(--color-aqua-dark); }
.nav-disabled { opacity: 0.42; cursor: not-allowed; }
.site-navigation__search .search-form { display: flex; }
.site-navigation__search .search-field { width: 12rem; padding: 0.68rem 0.85rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm) 0 0 var(--radius-sm); background: var(--color-white); }
.site-navigation__search .search-submit { padding: 0.68rem 0.9rem; border: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--color-ocean); color: var(--color-white); cursor: pointer; }
.menu-toggle { display: none; border: 0; background: transparent; color: var(--color-ink); cursor: pointer; }

.hero { position: relative; overflow: hidden; background: linear-gradient(120deg, var(--color-paper) 0%, var(--color-paper) 62%, var(--color-foam) 62%, var(--color-foam) 100%); }
.hero::after { position: absolute; right: -8vw; bottom: -18rem; width: 38rem; height: 38rem; border: 1px solid rgba(15, 143, 138, 0.16); border-radius: 50%; content: ""; }
.hero__inner { position: relative; z-index: 1; display: grid; min-height: 640px; grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.55fr); align-items: center; gap: clamp(2.5rem, 4vw, 5rem); padding-block: var(--space-6); }
.hero__content { max-width: 940px; }
.hero h1 { max-width: none; overflow-wrap: break-word; font-size: clamp(3.5rem, 5.2vw, 4.8rem); }
.hero h1 span {
	display: block;
	white-space: nowrap;
}
.hero__lede { max-width: 630px; color: var(--color-ink-soft); font-size: var(--text-lg); }
.hero__actions { display: flex; align-items: center; gap: var(--space-4); margin-top: var(--space-5); }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0.7rem 1.2rem; border: 1px solid var(--color-ocean); border-radius: var(--radius-sm); background: var(--color-ocean); color: var(--color-white); font-weight: 700; text-decoration: none; }
.button:hover { background: var(--color-aqua-dark); color: var(--color-white); }
.text-link { display: inline-flex; align-items: center; gap: 0.45rem; color: var(--color-ocean); font-weight: 700; text-decoration: none; }
.flow-card { position: relative; width: min(100%, 390px); margin-inline: auto; padding: var(--space-4); border: 1px solid rgba(7, 86, 107, 0.14); border-radius: var(--radius-lg); background: rgba(255, 255, 255, 0.84); box-shadow: var(--shadow-soft); backdrop-filter: blur(8px); }
.flow-card__label { display: block; margin-bottom: var(--space-4); color: var(--color-ink-soft); font-size: 0.65rem; letter-spacing: 0.16em; }
.flow-card__tank { position: relative; display: flex; height: 205px; align-items: flex-end; justify-content: space-around; overflow: hidden; border: 2px solid var(--color-ocean); border-top: 0; border-radius: 4px 4px 18px 18px; background: linear-gradient(to top, rgba(15, 143, 138, 0.22) 0 68%, transparent 68%); }
.flow-card__tank::before { position: absolute; top: 31%; left: 0; width: 100%; border-top: 1px solid rgba(15, 143, 138, 0.55); content: ""; }
.flow-card__tank span { width: 7px; border-radius: 8px 8px 0 0; background: var(--color-aqua-dark); opacity: 0.65; }
.flow-card__tank span:nth-child(1) { height: 52px; }
.flow-card__tank span:nth-child(2) { height: 82px; }
.flow-card__tank span:nth-child(3) { height: 37px; }
.flow-card__line { width: 45%; height: 18px; margin: 1px auto 0; border-right: 2px solid var(--color-ocean); border-bottom: 2px solid var(--color-ocean); border-left: 2px solid var(--color-ocean); border-radius: 0 0 14px 14px; }
.flow-card__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 0.2rem var(--space-3); margin-top: var(--space-4); }
.flow-card__stats span { color: var(--color-ink-soft); font-size: 0.62rem; letter-spacing: 0.12em; }
.flow-card__stats strong { grid-row: 2; font-family: var(--font-serif); font-size: 1.15rem; }

.section-heading { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.6fr); align-items: end; gap: var(--space-6); margin-bottom: var(--space-6); }
.section-heading > p { color: var(--color-ink-soft); }
.section-heading--compact { grid-template-columns: 1fr; }
.equipment-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); border-top: 1px solid var(--color-line); border-left: 1px solid var(--color-line); }
.equipment-card { min-height: 245px; grid-column: span 2; padding: var(--space-4); border-right: 1px solid var(--color-line); border-bottom: 1px solid var(--color-line); background: var(--color-white); }
.equipment-card:nth-last-child(3):nth-child(4n + 1) {
	grid-column: 2 / span 2;
}
.equipment-card:hover { background: #f6fbfa; }
.equipment-card__number { display: block; margin-bottom: var(--space-6); color: var(--color-aqua-dark); font-size: var(--text-xs); font-weight: 750; }
.equipment-card p { color: var(--color-ink-soft); font-size: var(--text-sm); }
.equipment-card__status { color: var(--color-ink-soft); font-size: 0.7rem; letter-spacing: 0.05em; }
.section--guides { background: var(--color-sand); }
.post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.post-card { overflow: hidden; border: 1px solid rgba(17, 42, 51, 0.11); border-radius: var(--radius-md); background: var(--color-white); }
.post-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--color-foam); }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; }
.post-card__placeholder { position: relative; display: grid; width: 100%; height: 100%; place-items: center; background: linear-gradient(145deg, #dcecea, #f5f7f2); }
.post-card__placeholder span { width: 84px; height: 58px; border: 1px solid rgba(7, 86, 107, 0.26); border-radius: 50%; }
.post-card__body { padding: var(--space-4); }
.post-card__meta { color: var(--color-ink-soft); font-size: var(--text-xs); letter-spacing: 0.05em; }
.post-card h3 a { color: var(--color-ink); text-decoration: none; }
.post-card__excerpt { color: var(--color-ink-soft); font-size: var(--text-sm); }
.section--compare { background: var(--color-ink); color: var(--color-white); }
.compare-layout { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(380px, 1.2fr); align-items: center; gap: var(--space-7); }
.compare-layout > div:first-child > p:not(.eyebrow) { color: #b9cbcf; }
.preview-badge { display: inline-block; padding: 0.35rem 0.6rem; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; color: #c8d9db; font-size: var(--text-xs); }
.comparison-preview { overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: var(--radius-md); background: rgba(255, 255, 255, 0.05); }
.comparison-preview > div { display: grid; grid-template-columns: 1.3fr 1fr 1fr; }
.comparison-preview span { padding: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.12); border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.comparison-preview span:last-child { border-right: 0; }
.comparison-preview__head { background: rgba(255, 255, 255, 0.08); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.learn-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr); gap: var(--space-7); padding: var(--space-6); border-radius: var(--radius-lg); background: var(--color-foam); }
.learn-panel__links { display: grid; }
.learn-panel__links a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid rgba(7, 86, 107, 0.16); color: var(--color-ink); font-weight: 700; text-decoration: none; }

.page-hero { padding-block: var(--space-7) var(--space-6); border-bottom: 1px solid var(--color-line); background: var(--color-foam); }
.page-hero--compact h1 { font-size: clamp(2.4rem, 6vw, 4.5rem); }
.page-hero p, .archive-description { max-width: 700px; color: var(--color-ink-soft); }
.page-hero--search .search-form, .not-found .search-form, .empty-state .search-form { display: flex; max-width: 650px; margin-top: var(--space-4); }
.search-field { min-width: 0; flex: 1; padding: 0.8rem 1rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm) 0 0 var(--radius-sm); background: var(--color-white); color: var(--color-ink); }
.search-submit { padding: 0.8rem 1.1rem; border: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--color-ocean); color: var(--color-white); font-weight: 700; cursor: pointer; }
.empty-state { max-width: 760px; padding: var(--space-6); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-white); }
.results-count { margin-bottom: var(--space-4); color: var(--color-ink-soft); }
.pagination { margin-top: var(--space-5); }
.nav-links { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.page-numbers { padding: 0.5rem 0.75rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); text-decoration: none; }
.page-numbers.current { background: var(--color-ocean); color: var(--color-white); }

.article { padding-block: var(--space-7); }
.article__header { margin-bottom: var(--space-5); }
.article__header h1 { margin-top: var(--space-4); font-size: clamp(2.5rem, 6vw, 4.8rem); }
.back-link { font-size: var(--text-sm); font-weight: 700; text-decoration: none; }
.article__categories { margin-top: var(--space-6); color: var(--color-aqua-dark); font-size: var(--text-xs); font-weight: 750; letter-spacing: 0.1em; text-transform: uppercase; }
.article__categories a { text-decoration: none; }
.article__meta { display: flex; flex-wrap: wrap; gap: var(--space-3); color: var(--color-ink-soft); font-size: var(--text-sm); }
.article__featured { margin-bottom: var(--space-6); }
.article__featured img { width: 100%; max-height: 660px; border-radius: var(--radius-md); object-fit: cover; }
.article__content { color: #213b44; font-size: 1.08rem; }
.article__content > * + * { margin-top: 1.4em; }
.article__content h2, .article__content h3 { margin-top: 2em; color: var(--color-ink); }
.article__content a { overflow-wrap: anywhere; }
.article__content blockquote { margin-inline: 0; padding-left: var(--space-4); border-left: 3px solid var(--color-aqua); color: var(--color-ink-soft); font-family: var(--font-serif); font-size: 1.25rem; }
.article__content pre { max-width: 100%; overflow-x: auto; padding: var(--space-3); border-radius: var(--radius-sm); background: var(--color-ink); color: var(--color-white); }
.article__footer { margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--color-line); }
.post-navigation .nav-links { justify-content: space-between; }
.post-navigation a { display: grid; text-decoration: none; }
.post-navigation span { color: var(--color-ink-soft); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em; }
.article--page { padding-top: 0; }
.article--page .article__content { padding-top: var(--space-6); }
.not-found { display: grid; min-height: 68vh; place-items: center; padding-block: var(--space-6); background: var(--color-foam); text-align: center; }
.not-found__code { margin: 0; color: rgba(7, 86, 107, 0.12); font-family: var(--font-serif); font-size: clamp(7rem, 24vw, 15rem); font-weight: 700; line-height: 0.65; }
.not-found h1 { font-size: clamp(2.2rem, 5vw, 4rem); }
.not-found .search-form { margin-inline: auto; margin-bottom: var(--space-4); text-align: left; }

.site-footer { padding-top: var(--space-6); background: #0b222a; color: #b9cbcf; }
.site-footer__inner { display: grid; grid-template-columns: 1fr 220px; gap: var(--space-6); padding-bottom: var(--space-5); }
.site-brand--footer { margin-bottom: var(--space-3); color: var(--color-white); }
.site-footer__inner > div:first-child p { max-width: 520px; }
.site-footer__browse { display: grid; align-content: start; gap: 0.7rem; }
.site-footer__browse a { color: var(--color-white); text-decoration: none; }
.site-footer__base { display: flex; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-3); border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: var(--text-xs); }
.site-footer__base p { margin: 0; }

@media (max-width: 1000px) {
	.equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.equipment-card,
	.equipment-card:nth-last-child(3):nth-child(4n + 1) { grid-column: auto; }
	.hero__inner { grid-template-columns: 1fr; gap: var(--space-5); }
	.hero__visual { width: min(100%, 520px); margin-inline: auto; }
	.post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[lang^="zh"] .site-brand__name,
html[lang^="zh"] .site-navigation__links a {
	white-space: nowrap;
}
}

@media (max-width: 900px) {
	.menu-toggle { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.6rem; }
	.menu-toggle__icon, .menu-toggle__icon::before, .menu-toggle__icon::after { display: block; width: 22px; height: 2px; background: currentColor; content: ""; transition: transform 180ms ease; }
	.menu-toggle__icon { position: relative; }
	.menu-toggle__icon::before { position: absolute; top: -7px; }
	.menu-toggle__icon::after { position: absolute; top: 7px; }
	.menu-toggle[aria-expanded="true"] .menu-toggle__icon { background: transparent; }
	.menu-toggle[aria-expanded="true"] .menu-toggle__icon::before { top: 0; transform: rotate(45deg); }
	.site-header__inner { min-height: 76px; }
	.site-brand { gap: 0.7rem; font-size: 1rem; }
	.site-brand__mark { width: 32px; height: 32px; }
	.menu-toggle[aria-expanded="true"] .menu-toggle__icon::after { top: 0; transform: rotate(-45deg); }
	.site-navigation { position: absolute; top: 100%; left: 0; display: none; width: 100%; align-items: stretch; padding: var(--space-4) max(1.25rem, calc((100vw - var(--container)) / 2)); border-top: 1px solid var(--color-line); background: var(--color-paper); box-shadow: var(--shadow-soft); }
	.site-navigation.is-open { display: grid; }
	.site-navigation__links { display: grid; align-items: stretch; gap: 0; }
	.site-navigation__links li { border-bottom: 1px solid var(--color-line); }
	.site-navigation__links a, .nav-disabled { display: block; padding: 0.8rem 0; }
	.site-navigation__search .search-field { width: auto; }
	.hero { background: linear-gradient(to bottom, var(--color-paper) 0 67%, var(--color-foam) 67%); }
	.hero__inner { grid-template-columns: 1fr; padding-block: var(--space-7); }
	.hero__visual { width: min(100%, 520px); margin-inline: auto; }
	.compare-layout, .learn-panel { grid-template-columns: 1fr; gap: var(--space-5); }
}

@media (max-width: 680px) {
	.container { width: min(calc(100% - 1.5rem), var(--container)); }
	.section { padding-block: var(--space-6); }
	.site-header__inner { min-height: 68px; }
	.site-brand__name { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.hero__inner { min-height: auto; padding-block: var(--space-6); }
	.hero h1 { font-size: clamp(2.65rem, 12vw, 3.45rem); letter-spacing: -0.04em; }
	.hero h1 span {
		display: inline;
		white-space: normal;
	}
	.hero__actions { align-items: flex-start; flex-direction: column; }
	.section-heading { grid-template-columns: 1fr; gap: var(--space-3); margin-bottom: var(--space-5); }
	.equipment-grid, .post-grid { grid-template-columns: 1fr; }
	.equipment-card { min-height: auto; }
	.equipment-card__number { margin-bottom: var(--space-4); }
	.compare-layout { gap: var(--space-5); }
	.comparison-preview { overflow-x: auto; }
	.comparison-preview > div { min-width: 520px; }
	.learn-panel { padding: var(--space-4); }
	.page-hero--search .search-form, .not-found .search-form, .empty-state .search-form { flex-direction: column; gap: var(--space-2); }
	.search-field, .search-submit { width: 100%; border-radius: var(--radius-sm); }
	.empty-state { padding: var(--space-4); }
	.article { padding-block: var(--space-6); }
	.article__categories { margin-top: var(--space-5); }
	.site-footer__inner { grid-template-columns: 1fr; gap: var(--space-5); }
	.site-footer__base { align-items: flex-start; flex-direction: column; }
}

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

/* Structured Brand and Product presentation. */
.catalog-hero {
	padding-block: var(--space-7) var(--space-6);
	border-bottom: 1px solid var(--color-line);
	background: linear-gradient(135deg, var(--color-foam), var(--color-paper));
}

.catalog-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 0.35fr);
	align-items: end;
	gap: var(--space-6);
}

.catalog-hero h1,
.entity-header h1 {
	font-size: clamp(2.6rem, 7vw, 5rem);
}

.catalog-hero__description,
.entity-header__summary {
	max-width: 680px;
	color: var(--color-ink-soft);
	font-size: var(--text-lg);
}

.catalog-grid,
.brand-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-4);
}

.product-card,
.brand-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(17, 42, 51, 0.12);
	border-radius: var(--radius-md);
	background: var(--color-white);
}

.product-card__media,
.brand-card__media {
	display: grid;
	aspect-ratio: 4 / 3;
	place-items: center;
	overflow: hidden;
	background: linear-gradient(145deg, var(--color-foam), #f6f7f2);
	text-decoration: none;
}

.product-card__media img,
.brand-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-card__placeholder,
.brand-card__placeholder {
	display: block;
	width: 72px;
	height: 50px;
	border: 1px solid rgba(7, 86, 107, 0.25);
	border-radius: 50%;
}

.product-card__body,
.brand-card__body {
	padding: var(--space-4);
}

.product-card__brand,
.product-card__terms,
.entity-kicker {
	margin-bottom: var(--space-2);
	color: var(--color-aqua-dark);
	font-size: var(--text-xs);
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.product-card__brand a,
.product-card__terms a,
.entity-taxonomies a {
	color: inherit;
	text-decoration: none;
}

.product-card h2,
.product-card h3,
.brand-card h2,
.brand-card h3 {
	font-size: 1.4rem;
}

.product-card h2 a,
.product-card h3 a,
.brand-card h2 a,
.brand-card h3 a {
	color: var(--color-ink);
	text-decoration: none;
}

.product-card__excerpt,
.brand-card__excerpt {
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.entity {
	padding-block: var(--space-7);
}

.entity-header {
	margin-bottom: var(--space-6);
}

.entity-header__meta,
.entity-taxonomies {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-4);
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.entity-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1.2fr);
	align-items: start;
	gap: var(--space-6);
}

.entity-image {
	overflow: hidden;
	border-radius: var(--radius-md);
	background: var(--color-foam);
}

.entity-image img {
	width: 100%;
	height: auto;
}

.entity-content {
	min-width: 0;
}

.entity-content > * + * {
	margin-top: 1.3em;
}

.specifications {
	margin-top: var(--space-6);
	padding: var(--space-5);
	border-radius: var(--radius-md);
	background: var(--color-foam);
}

.specifications h2 {
	font-size: 1.75rem;
}

.specification-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--color-white);
}

.specification-table th,
.specification-table td {
	padding: 0.8rem 1rem;
	border-bottom: 1px solid var(--color-line);
	text-align: left;
	vertical-align: top;
}

.specification-table th {
	width: 48%;
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
	font-weight: 650;
}

.entity-products {
	margin-top: var(--space-7);
	padding-top: var(--space-6);
	border-top: 1px solid var(--color-line);
}

.entity-products__heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
}

.entity-updated {
	margin-top: var(--space-5);
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.equipment-card h3 a {
	color: var(--color-ink);
	text-decoration: none;
}

@media (min-width: 901px) and (max-width: 1100px) {
	.catalog-grid,
	.brand-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.catalog-grid,
	.brand-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.catalog-hero__inner,
	.entity-layout {
		grid-template-columns: 1fr;
	}

	.entity-image {
		max-width: 640px;
	}
}

@media (max-width: 680px) {
	.catalog-grid,
	.brand-grid {
		grid-template-columns: 1fr;
	}

	.catalog-hero__inner {
		gap: var(--space-3);
	}

	.entity-header__meta,
	.entity-taxonomies,
	.entity-products__heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.specifications {
		padding: var(--space-3);
	}

	.specification-table th,
	.specification-table td {
		padding: 0.7rem;
		overflow-wrap: anywhere;
	}
}

/* Phase C2 content-ready presentation. */
.breadcrumbs {
	border-bottom: 1px solid var(--color-line);
	background: var(--color-white);
	color: var(--color-ink-soft);
	font-size: var(--text-xs);
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.65rem;
	margin-block: 0;
	padding-block: 0.65rem;
	list-style: none;
}

.breadcrumbs li {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
}

.breadcrumbs li:not(:last-child)::after {
	color: #8ca0a5;
	content: "/";
}

.breadcrumbs a {
	color: var(--color-ink-soft);
	text-decoration: none;
}

.breadcrumbs [aria-current="page"] {
	color: var(--color-ink);
	font-weight: 650;
}

.comparison-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
}

.comparison-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(17, 42, 51, 0.12);
	border-radius: var(--radius-md);
	background: var(--color-white);
}

.comparison-card__media {
	display: grid;
	aspect-ratio: 16 / 8;
	place-items: center;
	overflow: hidden;
	background: linear-gradient(145deg, var(--color-foam), #f6f7f2);
	text-decoration: none;
}

.comparison-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.comparison-card__placeholder {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	width: 120px;
	overflow: hidden;
	border: 1px solid rgba(7, 86, 107, 0.2);
	border-radius: var(--radius-sm);
	background: var(--color-line);
}

.comparison-card__placeholder span {
	display: grid;
	aspect-ratio: 1;
	place-items: center;
	background: var(--color-white);
	color: var(--color-aqua-dark);
	font-family: var(--font-serif);
	font-size: 1.5rem;
}

.comparison-card__body {
	padding: var(--space-4);
}

.comparison-card__meta {
	color: var(--color-aqua-dark);
	font-size: var(--text-xs);
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.comparison-card h2 {
	font-size: 1.55rem;
}

.comparison-card h2 a {
	color: var(--color-ink);
	text-decoration: none;
}

.comparison-card__products,
.comparison-card__excerpt {
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.comparison-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-white);
	box-shadow: var(--shadow-soft);
}

.comparison-table {
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
	color: var(--color-ink);
}

.comparison-table th,
.comparison-table td {
	width: 34%;
	padding: 0.9rem 1rem;
	border-right: 1px solid var(--color-line);
	border-bottom: 1px solid var(--color-line);
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
}

.comparison-table th:first-child {
	width: 32%;
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.comparison-table th:last-child,
.comparison-table td:last-child {
	border-right: 0;
}

.comparison-table tbody tr:last-child th,
.comparison-table tbody tr:last-child td {
	border-bottom: 0;
}

.comparison-table thead th {
	background: var(--color-foam);
	color: var(--color-ink);
	font-size: var(--text-sm);
}

.comparison-table__image-row img {
	width: min(100%, 220px);
	aspect-ratio: 4 / 3;
	border-radius: var(--radius-sm);
	object-fit: cover;
}

.comparison-section {
	margin-bottom: var(--space-7);
}

.comparison-editorial {
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-line);
}

.comparison-editorial > * + * {
	margin-top: 1.3em;
}

.section--compare .section-heading h2 a {
	color: var(--color-white);
	text-decoration: none;
}

.section--compare .section-heading > div:last-child,
.section--compare .section-heading > div:last-child p {
	color: #c8d9db;
}

.section--compare .text-link {
	color: #8edbd5;
}

.empty-state--dark {
	border-color: rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.05);
	color: var(--color-white);
}

.empty-state--dark p {
	color: #c8d9db;
}

@media (max-width: 900px) {
	.comparison-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.comparison-table {
		min-width: 620px;
	}

	.comparison-table th,
	.comparison-table td {
		padding: 0.75rem;
	}
}


/* Product discovery and temporary Instant Compare. */
.button--secondary {
	border-color: rgba(7, 86, 107, 0.32);
	background: transparent;
	color: var(--color-ocean);
}

.button--secondary:hover {
	border-color: var(--color-aqua-dark);
	background: var(--color-foam);
	color: var(--color-aqua-dark);
}

.button--compact {
	min-height: 40px;
	padding: 0.5rem 0.85rem;
	font-size: var(--text-sm);
}

.button:disabled,
.button--secondary:disabled {
	opacity: 0.48;
	cursor: not-allowed;
}

.product-discovery {
	padding-top: var(--space-6);
}

.product-filters {
	margin-bottom: var(--space-5);
	overflow: hidden;
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-white);
	box-shadow: var(--shadow-soft);
}

.product-filters__summary {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-3) var(--space-4);
	color: var(--color-ink);
	font-weight: 750;
	cursor: pointer;
}

.product-filters__summary span:last-child {
	color: var(--color-ink-soft);
	font-size: var(--text-xs);
	font-weight: 600;
}

.product-filters__form {
	padding: var(--space-4);
}

.product-filters__grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: var(--space-3);
}

.product-filter {
	display: grid;
	align-content: start;
	gap: 0.45rem;
	min-width: 0;
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
	font-weight: 650;
}

.product-filter--keyword {
	grid-column: span 2;
}

.product-filter input,
.product-filter select {
	width: 100%;
	min-height: 46px;
	padding: 0.62rem 0.72rem;
	border: 1px solid var(--color-line);
	border-radius: var(--radius-sm);
	background: var(--color-paper);
	color: var(--color-ink);
}

.product-filter input:focus,
.product-filter select:focus {
	border-color: var(--color-aqua);
	outline: 3px solid rgba(15, 143, 138, 0.16);
	outline-offset: 1px;
}

.product-filters__actions,
.product-results-summary,
.product-card__actions,
.instant-compare-bar__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3);
}

.product-filters__actions {
	margin-top: var(--space-4);
}

.product-results-summary {
	justify-content: space-between;
	margin-bottom: var(--space-4);
	padding-bottom: var(--space-3);
	border-bottom: 1px solid var(--color-line);
}

.product-results-summary p {
	margin: 0;
	color: var(--color-ink-soft);
}

.product-results-summary strong {
	color: var(--color-ink);
}

.product-card {
	display: flex;
	flex-direction: column;
}

.product-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.product-card__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.6rem var(--space-3);
	margin: var(--space-3) 0 var(--space-4);
	padding-top: var(--space-3);
	border-top: 1px solid var(--color-line);
}

.product-card__facts div {
	min-width: 0;
}

.product-card__facts dt {
	color: var(--color-ink-soft);
	font-size: var(--text-xs);
}

.product-card__facts dd {
	margin: 0;
	color: var(--color-ink);
	font-size: var(--text-sm);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.product-card__actions {
	justify-content: space-between;
	margin-top: auto;
}

.product-quick-facts {
	margin-bottom: var(--space-5);
	padding: var(--space-4);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-foam);
}

.product-quick-facts h2 {
	font-size: 1.75rem;
}

.product-quick-facts dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0 0 var(--space-4);
	border-top: 1px solid rgba(17, 42, 51, 0.12);
}

.product-quick-facts dl div {
	display: grid;
	grid-template-columns: minmax(90px, 0.45fr) minmax(0, 1fr);
	gap: var(--space-2);
	padding: 0.72rem 0;
	border-bottom: 1px solid rgba(17, 42, 51, 0.12);
}

.product-quick-facts dl div:nth-child(odd) {
	padding-right: var(--space-3);
}

.product-quick-facts dt {
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
	font-weight: 650;
}

.product-quick-facts dd {
	min-width: 0;
	margin: 0;
	color: var(--color-ink);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.product-quick-facts dd a {
	color: var(--color-ocean);
	text-decoration: none;
}

.instant-compare-panel {
	scroll-margin-top: var(--space-4);
	padding-block: var(--space-6);
	border-top: 1px solid var(--color-line);
	background: var(--color-foam);
}

.instant-compare-panel__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-4);
}

.instant-compare-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-white);
	box-shadow: var(--shadow-soft);
}

.instant-compare-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
}

.instant-compare-table th,
.instant-compare-table td {
	width: 36%;
	padding: 0.85rem 1rem;
	border-right: 1px solid var(--color-line);
	border-bottom: 1px solid var(--color-line);
	text-align: left;
	vertical-align: top;
	overflow-wrap: anywhere;
}

.instant-compare-table th:first-child {
	width: 28%;
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.instant-compare-table th:last-child,
.instant-compare-table td:last-child {
	border-right: 0;
}

.instant-compare-table tbody tr:last-child th,
.instant-compare-table tbody tr:last-child td {
	border-bottom: 0;
}

.instant-compare-table thead th {
	background: var(--color-paper);
	color: var(--color-ink);
}

.instant-compare-bar {
	position: fixed;
	z-index: 50;
	right: 0;
	bottom: 0;
	left: 0;
	border-top: 1px solid rgba(17, 42, 51, 0.16);
	background: rgba(251, 252, 250, 0.98);
	box-shadow: 0 -14px 40px rgba(17, 42, 51, 0.12);
	backdrop-filter: blur(10px);
}

.instant-compare-bar__inner {
	display: flex;
	min-height: 78px;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding-block: var(--space-2);
}

.instant-compare-bar__summary {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: var(--space-4);
}

.instant-compare-bar__summary > strong {
	flex: 0 0 auto;
	color: var(--color-ocean);
}

.instant-compare-bar__products {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.instant-compare-bar__products li {
	display: inline-flex;
	max-width: 320px;
	align-items: center;
	gap: var(--space-1);
	padding: 0.42rem 0.5rem 0.42rem 0.7rem;
	border: 1px solid var(--color-line);
	border-radius: 999px;
	background: var(--color-white);
	font-size: var(--text-sm);
}

.instant-compare-bar__products li span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.instant-compare-bar__remove {
	display: grid;
	width: 28px;
	height: 28px;
	flex: 0 0 auto;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--color-ink-soft);
	font-size: 1.2rem;
	line-height: 1;
	cursor: pointer;
}

.instant-compare-bar__remove:hover,
.instant-compare-bar__remove:focus-visible {
	background: var(--color-foam);
	color: var(--color-ocean);
}

body.has-instant-compare {
	padding-bottom: calc(var(--instant-compare-bar-height, 78px) + var(--space-2));
}

@media (max-width: 1100px) {
	.product-filters__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.product-filter--keyword {
		grid-column: span 2;
	}

	.instant-compare-bar__summary {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--space-1);
	}
}

@media (max-width: 680px) {
	.product-discovery {
		padding-top: var(--space-5);
	}

	.product-filters__summary {
		display: flex;
	}

	.product-filters__form {
		padding-top: 0;
	}

	.product-filters__grid {
		grid-template-columns: 1fr;
	}

	.product-filter--keyword {
		grid-column: auto;
	}

	.product-filters__actions .button,
	.product-filters__actions .text-link {
		width: 100%;
		justify-content: center;
	}

	.product-results-summary {
		align-items: flex-start;
		flex-direction: column;
	}

	.product-card__facts,
	.product-quick-facts dl {
		grid-template-columns: 1fr;
	}

	.product-quick-facts dl div:nth-child(odd) {
		padding-right: 0;
	}

	.instant-compare-panel__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.instant-compare-bar__inner,
	.instant-compare-bar__summary {
		display: grid;
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: var(--space-2);
	}

	.instant-compare-bar__inner {
		padding-block: var(--space-3);
	}

	.instant-compare-bar__products {
		display: grid;
		grid-template-columns: 1fr;
	}

	.instant-compare-bar__products li {
		max-width: none;
		justify-content: space-between;
	}

	.instant-compare-bar__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.instant-compare-table th,
	.instant-compare-table td {
		padding: 0.72rem;
	}
}

/* Real-data decision experience and image-led homepage. */
.hero__inner {
	grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
}

.hero__visual {
	min-width: 0;
}

.hero-photo {
	position: relative;
	width: min(100%, 580px);
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: clamp(18px, 3vw, 34px);
	background: var(--color-ink);
	box-shadow: 0 28px 70px rgba(17, 42, 51, 0.2);
}

.hero-photo::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(7, 35, 43, 0.7), transparent 42%);
	content: "";
	pointer-events: none;
}

.hero-photo img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.hero-photo figcaption {
	position: absolute;
	z-index: 1;
	right: var(--space-3);
	bottom: var(--space-3);
	left: var(--space-3);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.68rem;
	letter-spacing: 0.04em;
}

.hero-photo figcaption a {
	color: var(--color-white);
}

.smart-entry {
	padding-block: var(--space-6);
	background: var(--color-ink);
	color: var(--color-white);
}

.smart-entry__inner {
	display: grid;
	grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 6rem);
}

.smart-entry__media {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: var(--radius-lg);
	background: var(--color-white);
}

.smart-entry__media img {
	width: 100%;
	aspect-ratio: 16 / 10;
	padding: var(--space-3);
	object-fit: contain;
}

.smart-entry__content > p:not(.eyebrow) {
	max-width: 680px;
	color: #c8d9db;
}

.smart-entry__meta,
.smart-entry__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3) var(--space-4);
}

.smart-entry__meta {
	margin-block: var(--space-4);
	padding-block: var(--space-3);
	border-block: 1px solid rgba(255, 255, 255, 0.14);
}

.smart-entry__meta span {
	font-weight: 700;
}

.smart-entry__meta strong {
	color: #8edbd5;
	font-family: var(--font-serif);
	font-size: 1.2rem;
}

.smart-entry__meta small {
	font-family: var(--font-sans);
	font-size: 0.66rem;
	font-weight: 600;
}

.smart-entry .text-link {
	color: #8edbd5;
}

.product-card__media img {
	padding: var(--space-2);
	object-fit: contain;
}

.product-card__price {
	display: flex;
	align-items: baseline;
	gap: var(--space-2);
	margin-bottom: 0;
	color: var(--color-ocean);
	font-family: var(--font-serif);
	font-size: 1.08rem;
	font-weight: 700;
}

.product-card__price span {
	color: var(--color-ink-soft);
	font-family: var(--font-sans);
	font-size: 0.65rem;
	font-weight: 650;
	letter-spacing: 0.05em;
}

.decision-layer {
	margin-top: var(--space-7);
	padding-block: var(--space-6);
	border-top: 1px solid var(--color-line);
}

.decision-layer__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
}

.decision-layer__header h2 {
	max-width: 760px;
}

.decision-layer__date,
.decision-disclaimer {
	color: var(--color-ink-soft);
	font-size: var(--text-xs);
}

.decision-verdict {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: var(--space-4);
	margin-bottom: var(--space-5);
	padding: var(--space-5);
	border-radius: var(--radius-lg);
	background: var(--color-ocean);
	color: var(--color-white);
	box-shadow: var(--shadow-soft);
}

.decision-verdict span {
	color: #9fe2dd;
	font-size: var(--text-xs);
	font-weight: 750;
	letter-spacing: 0.08em;
}

.decision-verdict p {
	margin: 0;
	font-family: var(--font-serif);
	font-size: clamp(1.25rem, 2.2vw, 1.8rem);
	line-height: 1.45;
}

.decision-fit-grid,
.decision-evidence-grid,
.decision-reference-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
	margin-bottom: var(--space-5);
}

.decision-fit,
.decision-block,
.decision-evidence-grid > section {
	padding: var(--space-4);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-white);
}

.decision-fit {
	border-top: 4px solid var(--color-aqua);
}

.decision-fit--no {
	border-top-color: #b16b52;
}

.decision-fit ul,
.decision-list {
	margin: 0;
	padding-left: 1.2rem;
}

.decision-fit li + li,
.decision-list li + li {
	margin-top: var(--space-2);
}

.decision-section-label {
	margin-bottom: var(--space-1);
	color: var(--color-aqua-dark);
	font-size: 0.68rem;
	font-weight: 750;
	letter-spacing: 0.08em;
}

.decision-evidence-grid > section,
.decision-block {
	margin-bottom: var(--space-4);
}

.decision-block--warning {
	border-color: #dcc5a8;
	background: #fbf5ea;
}

.decision-price {
	display: grid;
	grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
	gap: var(--space-5);
	align-items: start;
	background: var(--color-foam);
}

.decision-price h3 {
	color: var(--color-ocean);
	font-size: 1.75rem;
}

.competitor-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-3);
}

.competitor-list article {
	padding: var(--space-3);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-sm);
	background: var(--color-paper);
}

.competitor-list h4 {
	font-family: var(--font-serif);
	font-size: 1.05rem;
}

.competitor-list p,
.competitor-list .text-link {
	font-size: var(--text-sm);
}

.decision-sources {
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-white);
}

.decision-sources summary {
	padding: var(--space-3) var(--space-4);
	font-weight: 750;
	cursor: pointer;
}

.decision-sources__groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
	padding: 0 var(--space-4) var(--space-4);
}

.decision-sources ol {
	margin: 0;
	padding-left: 1.2rem;
}

.decision-sources li + li {
	margin-top: var(--space-2);
}

.decision-sources li span {
	display: block;
	color: var(--color-ink-soft);
	font-size: var(--text-xs);
}

@media (max-width: 1100px) {
	.hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
	}

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

@media (max-width: 900px) {
	.hero__inner,
	.smart-entry__inner {
		grid-template-columns: 1fr;
	}

	.hero-photo {
		width: min(100%, 680px);
	}

	.decision-evidence-grid,
	.decision-reference-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.hero-photo figcaption,
	.decision-layer__header,
	.smart-entry__meta,
	.smart-entry__actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.decision-verdict,
	.decision-fit-grid,
	.decision-price,
	.competitor-list,
	.decision-sources__groups {
		grid-template-columns: 1fr;
	}

	.decision-verdict {
		gap: var(--space-2);
		padding: var(--space-4);
	}

	.decision-fit,
	.decision-block,
	.decision-evidence-grid > section {
		padding: var(--space-3);
	}
}
/* Home Aquarium Repositioning V1. */
@media (min-width: 901px) {
	.site-navigation {
		gap: 1rem;
	}

	.site-navigation__links {
		gap: 0.95rem;
	}

	.site-navigation__links a {
		font-size: 0.88rem;
	}

	.site-navigation__search .search-field {
		width: 9.5rem;
	}
}

.hero--home-aquarium {
	background:
		radial-gradient(circle at 12% 18%, rgba(15, 143, 138, 0.1), transparent 34%),
		linear-gradient(118deg, #f7f7f1 0%, #f7f7f1 58%, #dcebe7 58%, #dcebe7 100%);
}

.hero--home-aquarium .hero__inner {
	min-height: 680px;
	grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
}

.hero--home-aquarium h1 {
	max-width: 720px;
	font-size: clamp(3.55rem, 5vw, 5.3rem);
}

.hero--home-aquarium .hero-photo {
	width: min(100%, 720px);
}

.hero--home-aquarium .hero-photo img {
	aspect-ratio: 16 / 11;
}

.tank-paths {
	background: var(--color-white);
}

.tank-path-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-3);
}

.tank-path-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-paper);
}

.tank-path-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--color-foam);
}

.tank-path-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 240ms ease;
}

.tank-path-card:hover .tank-path-card__media img {
	transform: scale(1.025);
}

.tank-path-card > div {
	padding: var(--space-3);
}

.tank-path-card span {
	display: block;
	margin-bottom: var(--space-1);
	color: var(--color-aqua-dark);
	font-size: var(--text-xs);
	font-weight: 720;
}

.tank-path-card h3 {
	margin: 0;
	font-size: 1.25rem;
}

.tank-path-card h3 a {
	color: var(--color-ink);
	text-decoration: none;
}

.section--featured-tanks {
	background: #eef3ef;
}

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

.section--featured-tanks .product-card__media {
	background: var(--color-white);
}

.section--home-setup {
	background: #102c35;
	color: var(--color-white);
}

.section--home-setup .section-heading > p {
	color: #c8d9db;
}

.home-setup-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-3);
}

.home-setup-card {
	display: flex;
	min-width: 0;
	min-height: 320px;
	flex-direction: column;
	padding: var(--space-4);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.055);
}

.home-setup-card > p {
	color: #8edbd5;
	font-size: var(--text-xs);
	font-weight: 730;
	letter-spacing: 0.06em;
}

.home-setup-card h3 {
	font-size: 1.35rem;
}

.home-setup-card h3 a,
.home-setup-card .text-link {
	color: var(--color-white);
}

.home-setup-card dl {
	margin: 0 0 var(--space-3);
}

.home-setup-card dl div + div {
	margin-top: var(--space-2);
}

.home-setup-card dt {
	color: #8edbd5;
	font-size: var(--text-xs);
}

.home-setup-card dd {
	margin: 0;
	color: #d8e4e5;
	font-size: var(--text-sm);
}

.home-setup-card strong {
	display: block;
	margin-bottom: var(--space-3);
	color: #9fe2dd;
	font-size: var(--text-sm);
}

.home-setup-card .text-link {
	margin-top: auto;
}

.aquarium-landing-nav {
	padding-block: var(--space-5);
	border-bottom: 1px solid var(--color-line);
	background: var(--color-white);
}

.aquarium-landing-nav h2 {
	margin-bottom: var(--space-4);
}

.aquarium-landing-nav nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-2);
}

.aquarium-landing-nav nav a {
	display: flex;
	min-width: 0;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
	padding: 0.9rem 1rem;
	border: 1px solid var(--color-line);
	border-radius: var(--radius-sm);
	background: var(--color-paper);
	color: var(--color-ink);
	font-weight: 680;
	text-decoration: none;
}

.aquarium-landing-nav nav small {
	flex: none;
	color: var(--color-ink-soft);
	font-weight: 500;
}

.catalog-aquarium-entry {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-4);
	padding: var(--space-4);
	border: 1px solid rgba(15, 143, 138, 0.24);
	border-radius: var(--radius-md);
	background: var(--color-foam);
}

.catalog-aquarium-entry span,
.catalog-aquarium-entry strong {
	display: block;
}

.catalog-aquarium-entry span {
	color: var(--color-aqua-dark);
	font-size: var(--text-xs);
}

.tank-profile,
.setup-guide {
	margin-top: var(--space-6);
}

.tank-profile {
	padding-block: var(--space-6);
	border-block: 1px solid var(--color-line);
}

.tank-profile__header,
.setup-guide__header {
	margin-bottom: var(--space-4);
}

.tank-profile__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	border-top: 1px solid var(--color-line);
	border-left: 1px solid var(--color-line);
}

.tank-profile__grid > div {
	min-width: 0;
	padding: var(--space-3);
	border-right: 1px solid var(--color-line);
	border-bottom: 1px solid var(--color-line);
	background: var(--color-white);
}

.tank-profile__grid dt,
.setup-guide__groups dt {
	margin-bottom: var(--space-1);
	color: var(--color-aqua-dark);
	font-size: var(--text-xs);
	font-weight: 730;
}

.tank-profile__grid dd,
.setup-guide__groups dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.setup-guide {
	padding: var(--space-5);
	border-radius: var(--radius-lg);
	background: #102c35;
	color: var(--color-white);
}

.setup-guide__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--space-4);
}

.setup-guide__budget {
	max-width: 360px;
	color: #d8e4e5;
	text-align: right;
}

.setup-guide__budget span {
	display: block;
	color: #8edbd5;
	font-size: var(--text-xs);
}

.setup-guide__groups {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-3);
}

.setup-guide__groups article {
	min-width: 0;
	padding: var(--space-3);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.055);
}

.setup-guide__groups dl {
	margin: 0;
}

.setup-guide__groups dl div + div {
	margin-top: var(--space-2);
}

.setup-guide__groups dt {
	color: #8edbd5;
}

.setup-guide__groups dd,
.setup-guide__notice {
	color: #d8e4e5;
}

.setup-guide__notice {
	margin: var(--space-4) 0 0;
	font-size: var(--text-xs);
}

@media (max-width: 1100px) {
	.hero--home-aquarium .hero__inner {
		grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
	}

	.tank-path-grid,
	.aquarium-landing-nav nav {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

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

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

@media (max-width: 900px) {
	.hero--home-aquarium .hero__inner {
		min-height: auto;
		grid-template-columns: 1fr;
	}

	.hero--home-aquarium .hero__visual {
		width: 100%;
	}

	.tank-profile__grid,
	.setup-guide__groups {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.hero--home-aquarium h1 {
		font-size: clamp(2.7rem, 12vw, 3.55rem);
	}

	.tank-path-grid,
	.catalog-grid--featured,
	.home-setup-grid,
	.aquarium-landing-nav nav,
	.tank-profile__grid,
	.setup-guide__groups {
		grid-template-columns: 1fr;
	}

	.home-setup-card {
		min-height: 0;
	}

	.catalog-aquarium-entry,
	.setup-guide__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.setup-guide {
		padding: var(--space-4);
	}

	.setup-guide__budget {
		text-align: left;
	}
}
.decision-fit,
.decision-block,
.decision-evidence-grid > section {
	min-width: 0;
}

.decision-list,
.decision-list li {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Commercial Foundation: editorial purchase exits and disabled-by-default Lead slot. */
.purchase-panel {
	margin-top: var(--space-6);
	padding: var(--space-5);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: linear-gradient(145deg, var(--color-white), var(--color-foam));
	box-shadow: var(--shadow-soft);
}

.purchase-panel__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 0.42fr);
	align-items: end;
	gap: var(--space-5);
}

.purchase-panel__header h2,
.lead-cta h2 {
	margin: 0;
}

.purchase-panel__reference {
	display: grid;
	gap: 0.2rem;
	padding-left: var(--space-4);
	border-left: 3px solid var(--color-aqua);
}

.purchase-panel__reference span,
.purchase-channel__date {
	color: var(--color-ink-soft);
	font-size: var(--text-xs);
}

.purchase-panel__reference strong {
	color: var(--color-ink);
	font-family: var(--font-serif);
	font-size: clamp(1.45rem, 3vw, 2rem);
}

.purchase-panel__reference small {
	color: var(--color-ink-soft);
}

.purchase-panel__note {
	margin: var(--space-4) 0 var(--space-2);
	color: var(--color-ink);
}

.purchase-panel__caveat,
.affiliate-disclosure {
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.purchase-channels {
	display: grid;
	gap: var(--space-3);
	margin-top: var(--space-4);
}

.purchase-channel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: var(--space-3) var(--space-4);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-sm);
	background: var(--color-white);
}

.purchase-channel p {
	margin: 0;
}

.purchase-channel__name {
	color: var(--color-ink);
	font-weight: 750;
}

.purchase-channel__merchant,
.purchase-channel__observed {
	margin-top: 0.18rem !important;
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
	overflow-wrap: anywhere;
}

.affiliate-disclosure {
	margin: var(--space-3) 0 0;
	padding-top: var(--space-3);
	border-top: 1px solid var(--color-line);
	line-height: 1.65;
}

.lead-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-5);
	margin-top: var(--space-6);
	padding: var(--space-5);
	border: 1px solid rgba(15, 143, 138, 0.3);
	border-radius: var(--radius-md);
	background: var(--color-foam);
}

.lead-cta p:not(.eyebrow) {
	max-width: 58ch;
	margin-bottom: 0;
	color: var(--color-ink-soft);
}

.lead-cta .button {
	flex: 0 0 auto;
}

.comparison-commerce {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
	margin-top: var(--space-4);
}

.comparison-commerce article {
	min-width: 0;
	padding: var(--space-4);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-sm);
	background: var(--color-foam);
}

.comparison-commerce h3 {
	margin: 0 0 var(--space-3);
	font-size: 1.05rem;
	overflow-wrap: anywhere;
}

.comparison-commerce article > div,
.instant-compare-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2);
}

.instant-compare-actions {
	align-items: flex-start;
	flex-direction: column;
}

.instant-compare-actions a,
.comparison-commerce a {
	white-space: nowrap;
}

@media (max-width: 680px) {
	.purchase-panel {
		padding: var(--space-4);
	}

	.purchase-panel__header {
		grid-template-columns: 1fr;
		align-items: start;
		gap: var(--space-4);
	}

	.purchase-panel__reference {
		padding: var(--space-3) 0 0;
		border-top: 3px solid var(--color-aqua);
		border-left: 0;
	}

	.purchase-channel,
	.lead-cta {
		align-items: stretch;
		flex-direction: column;
	}

	.purchase-channel .button,
	.lead-cta .button {
		width: 100%;
	}

	.comparison-commerce {
		grid-template-columns: 1fr;
	}
}

/* Pre-launch trust foundation */
.site-footer__inner {
	grid-template-columns: minmax(0, 1fr) 180px 220px;
}

.site-footer__browse,
.site-footer__trust {
	display: grid;
	align-content: start;
	gap: 0.7rem;
}

.site-footer__browse a,
.site-footer__trust a {
	color: var(--color-white);
	text-decoration: none;
}

.site-footer__browse a:hover,
.site-footer__trust a:hover {
	color: var(--color-aqua-soft);
}

.content-trust-meta {
	margin-top: var(--space-4);
}

.content-trust-meta ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.content-trust-meta li {
	display: grid;
	gap: 0.15rem;
	min-width: 8rem;
}

.content-trust-meta li > span {
	color: var(--color-ink-soft);
	font-size: var(--text-xs);
	letter-spacing: 0.04em;
}

.content-trust-meta strong,
.content-trust-meta a {
	font-size: var(--text-sm);
	font-weight: 700;
}

.comparison-trust-note {
	max-width: 70ch;
	margin-top: var(--space-3);
	color: var(--color-ink-soft);
	font-size: var(--text-sm);
}

.section--homepage-trust {
	background: var(--color-foam);
}

.homepage-trust-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-3);
}

.homepage-trust-card {
	display: flex;
	min-width: 0;
	min-height: 13rem;
	flex-direction: column;
	padding: var(--space-4);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-md);
	background: var(--color-white);
}

.homepage-trust-card h3 {
	margin: 0;
	font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.homepage-trust-card h3 a {
	color: inherit;
	text-decoration: none;
}

.homepage-trust-card p {
	color: var(--color-ink-soft);
}

.homepage-trust-card .text-link {
	margin-top: auto;
}

.article--page .article__content {
	padding-block: var(--space-6);
}

.article--page .entry-content > h2 {
	margin-top: var(--space-6);
	padding-top: var(--space-3);
	border-top: 1px solid var(--color-line);
}

.article--page .entry-content > h2:first-child {
	margin-top: 0;
}

.article--page .entry-content > ul,
.article--page .entry-content > ol {
	padding-left: 1.25rem;
}

.article--page .entry-content > p:first-child {
	color: var(--color-ink-soft);
	font-size: var(--text-lg);
	line-height: 1.75;
}

.trust-callout,
.trust-contact-status {
	padding: var(--space-4);
	border-left: 3px solid var(--color-aqua);
	background: var(--color-foam);
}

.decision-sources {
	scroll-margin-top: 7rem;
}

.decision-sources__policy {
	margin-top: var(--space-3);
	font-size: var(--text-sm);
}

.not-found__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-3);
}

@media (max-width: 900px) {
	.site-footer__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.site-footer__inner > div:first-child {
		grid-column: 1 / -1;
	}

	.homepage-trust-grid {
		grid-template-columns: 1fr;
	}

	.homepage-trust-card {
		min-height: 0;
	}
}

@media (max-width: 680px) {
	.site-footer__inner {
		grid-template-columns: 1fr;
	}

	.site-footer__inner > div:first-child {
		grid-column: auto;
	}

	.content-trust-meta ul,
	.not-found__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.content-trust-meta li,
	.not-found__actions .button {
		width: 100%;
	}
}