@font-face { font-family: 'KoiLens Sans'; src: url('./assets/fonts/inter-latin.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+0,U+20-7E,U+A0-AC,U+AE-148,U+14A-1C3,U+1C5-24F,U+300-304,U+306-30A,U+30C,U+30F,U+313,U+315,U+31B,U+323,U+326-328,U+32C,U+337-338,U+342-343,U+346-36F,U+1E00-1E9B,U+1E9D-1EFF,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2150-217F,U+2183-2186,U+2189,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788,U+27EF,U+27F5-27FA,U+FEFF; }
@font-face { font-family: 'KoiLens Sans'; src: url('./assets/fonts/inter-extended.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+250-254,U+256-27B,U+27E-284,U+286-290,U+292-2A4,U+2A6-2FF,U+374-376,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3D7,U+3DC-3DD,U+3F0-3F6,U+3F9-3FA,U+3FC-479,U+480-49D,U+4A0-4FF,U+52F,U+E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1DFF,U+1F00-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+20DB-20DE,U+20E8,U+20F0,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852; }
@font-face { font-family: 'KoiLens Serif'; src: url('./assets/fonts/libre-baskerville-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+20-7E,U+A0-AC,U+AE-148,U+14A-17E,U+180-181,U+186-18A,U+18E-193,U+196-19A,U+19D,U+1A4-1A5,U+1A9,U+1AC-1AE,U+1B2-1B6,U+1C4-1ED,U+1F0-1F5,U+1F8-21B,U+21E-21F,U+226-233,U+237,U+23A-23E,U+241-24F,U+300-304,U+306-308,U+30A-30C,U+30F,U+311-312,U+323-328,U+32D-32E,U+330-331,U+335-338,U+1E00-1E9A,U+1E9E,U+1EA0-1EA1,U+1EAC-1EAD,U+1EB6-1EB9,U+1EBC-1EBD,U+1EC6-1EC7,U+1ECA-1ECD,U+1ED8-1ED9,U+1EE4-1EE5,U+1EF2-1EF5,U+1EF8-1EF9,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2028-2029,U+2030,U+2039-203A,U+2044,U+20A4,U+20AC,U+20B5,U+2116,U+2120,U+2122,U+2153-2154,U+215B-215E,U+2212,U+2215,U+2219,U+2260; }
@font-face { font-family: 'KoiLens Serif'; src: url('./assets/fonts/libre-baskerville-extended.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+251,U+253-254,U+256-257,U+259,U+25B,U+260,U+265-266,U+268-269,U+26B,U+272,U+27D-27E,U+283,U+288-289,U+28B-28C,U+294-295,U+2BC,U+2BE-2BF,U+2C6-2C7,U+2D8-2DD,U+3BC,U+1D7D,U+2070,U+2074-2079,U+2080-2089,U+2C60-2C66,U+2C6D,U+2C72-2C73,U+A740-A741,U+A78B-A78D,U+A792-A793,U+A7AA,U+F6C3,U+FB00-FB04,U+FB06; }
/* Approved September 2026 references. Shared components use these same tokens. */
.approved-design {
  --color-washi-canvas: #faf8f3;
  --color-washi: #fffefa;
  --color-washi-muted: #f2efe9;
  --color-sanke-red: #d60822;
  --color-sumi-deep: #101218;
  --text-muted: #616575;
  --muted: #616575;
  --line: #e2dfd8;
  --font-data: "KoiLens Sans", sans-serif;
  --font-display: "KoiLens Serif", Georgia, serif;
  --page-gutter: clamp(16px, 3.6vw, 200px);
  --content-max-width: none;
  --radius-card: 5px;
  --header-height: 64px;
  --navigation-font-size: 12.5px;
  color: var(--text-strong);
  background: var(--bg-canvas);
  font-family: var(--font-data);
}
.approved-design .design-icon { width: 21px; height: 21px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.approved-design .design-icon.is-filled { fill: var(--brand-red); stroke: var(--brand-red); }
.approved-design > .page-artwork { display: none; }
.approved-design .app-shell, .approved-design .home-page { max-width: none; margin: 0 auto; padding: 0; background: transparent; border: 0; box-shadow: none; }
.approved-design .home-header, .approved-design .topbar, .approved-design .guide-header {
  position: relative; z-index: 120; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 28px;
  min-height: var(--header-height); width: 100%; max-width: none; margin: 0 auto;
  padding: 0 var(--page-gutter); border: 0; border-bottom: 1px solid var(--line);
  border-radius: 0; background: #fcfaf6; box-shadow: none;
}
.approved-design .brand-symbol { width: 40px; height: 46px; flex: 0 0 40px; }
.approved-design .brand-wordmark { margin: 0; font: 600 28px/1 var(--font-display); white-space: nowrap; letter-spacing: -.04em; }
.approved-design .brand-wordmark > span { color: var(--brand-red); }
.approved-design .home-brand, .approved-design .brand-mark, .approved-design .guide-brand { display: flex; align-items: center; gap: 8px; color: var(--text); text-decoration: none; margin: 0; padding: 0; }
.approved-design .topbar .subtitle, .approved-design .home-utilities { display: none; }
.approved-design .public-navigation { display: flex; flex: 1; min-width: 0; margin: 0; width: auto; border: 0; background: transparent; }
.approved-design .public-navigation-links, .approved-design .document-navigation.is-enhanced:not(.is-open) .public-navigation-links {
  position: static; display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: nowrap;
  width: 100%; min-width: 0; max-width: none; max-height: none; overflow: visible; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent;
}
.approved-design .public-navigation-links > a {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: var(--header-height);
  padding: 0; margin: 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0;
  color: var(--text); background: transparent; text-decoration: none; font: 500 var(--navigation-font-size)/1.2 var(--font-data); white-space: nowrap;
}
.approved-design .public-navigation-links > a:hover, .approved-design .public-navigation-links > a:focus-visible { color: var(--brand-red); background: transparent; }
.approved-design .public-navigation-links > a.is-current { color: var(--brand-red); background: transparent; border-bottom-color: transparent; font-weight: 650; }
.approved-design .public-navigation-links > a[hidden] { display: none; }
.approved-design .public-navigation-links > a::after { display: none; }
.approved-design .public-navigation-context { display: none; }
.approved-design .member-utility-menu-link { display: inline-flex; }
.approved-design .member-utility-link svg { width: 18px; height: 18px; }
.mobile-bottom-navigation { display: none; }
.approved-design .home-hero { height: auto; min-height: 360px; padding: 26px var(--page-gutter) 24px; background: #faf8f3 url('./assets/approved/home-hero.webp') center/cover no-repeat; }
.approved-design .home-hero::after { display: none; }
.approved-design .home-hero-copy { width: 55%; max-width: 720px; }
.approved-design .home-hero h1 { margin: 0 0 12px; font-size: clamp(42px,4.25vw,64px); font-weight: 600; line-height: .99; letter-spacing: -.045em; }
.approved-design .home-hero-copy > p { max-width: 610px; font-size: 17px; line-height: 1.4; margin-bottom: 12px; }
.approved-design .home-hero-form { display: grid; grid-template-columns: minmax(0,1fr) 200px; gap: 12px; }
.approved-design .home-search { width: 100%; min-width: 0; }
.approved-design .home-search input { height: 48px; width: 100%; min-width: 0; border: 1px solid #d3d3d8; border-radius: 4px; background: #fff; font: 15px var(--font-data); }
.approved-design .home-hero-actions { display: block; margin: 0; }
.approved-design .home-hero-actions .primary { width: 100%; height: 48px; min-height: 48px; margin: 0; border-radius: 4px; background: var(--brand-red); font: 600 15px var(--font-data); }
.approved-design .home-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 12px 0; }
.approved-design .home-shortcuts a { display: flex; align-items: center; gap: 14px; padding: 10px 16px; min-height: 44px; color: var(--text); border: 1px solid var(--line); border-radius: 4px; background: #fffdfb; font-size: 13px; text-decoration: none; }
.approved-design .home-shortcuts a > span { font-size: 24px; color: var(--brand-red); }
.approved-design .home-score-link { margin: 0; font-size: 12px; }
.approved-design .brand-art-caption { position: absolute; right: var(--page-gutter); bottom: 22px; width: 210px; color: #101218; text-align: center; font: 11px/1.75 var(--font-display); letter-spacing: .18em; text-transform: uppercase; }
.approved-design .brand-art-caption > span { display: block; margin-bottom: 6px; font-size: 30px; letter-spacing: .2em; }
.approved-design .home-discovery-band { display: block; padding: 18px var(--page-gutter) 22px; border-top: 1px solid var(--line); }
.approved-design .home-discovery-band > .home-featured { padding: 0; border: 0; }
.approved-design .home-section-heading { margin: 0 0 10px; }
.approved-design .home-section-heading h2 { margin: 0; font: 600 30px/1.2 var(--font-display); letter-spacing: -.035em; }
.approved-design .home-section-heading p { margin: 2px 0 0; color: var(--muted); font-size: 15px; }
.approved-design .home-koi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.approved-design .home-koi-card { position: relative; display: flex; flex-direction: column; height: auto; min-height: 0; border: 1px solid var(--line); border-radius: 5px; background: #fffefa; overflow: hidden; }
.approved-design .home-koi-card .home-koi-image { width: 100%; height: 178px; min-height: 0; border: 0; border-radius: 0; padding: 0; background: #87bace; }
.approved-design .home-koi-card img { width: 100%; height: 100%; object-fit: contain; }
.approved-design .home-koi-card-body { padding: 10px 12px; }
.approved-design .home-koi-card h3 { font: 650 13px/1.3 var(--font-data); margin: 0 0 4px; }
.approved-design .home-koi-meta, .approved-design .home-koi-footer { font: 12px/1.5 var(--font-data); }
.approved-design .home-koi-price { font-size: 14px; color: var(--text); }
.approved-design .home-koi-footer { margin-top: 6px; }
.approved-design .photo-shortlist { position: absolute; top: 9px; right: 9px; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; min-height: 34px; padding: 6px; border: 0; border-radius: 50%; background: #fffefa; color: var(--brand-red); }
.approved-design .home-guides-band { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 18px; padding: 16px var(--page-gutter); border-block: 1px solid var(--line); }
.approved-design .home-guides-intro { display: block; }
.approved-design .home-guides-intro h2 { font: 600 23px/1.2 var(--font-display); margin: 0 0 8px; }
.approved-design .home-guides-intro p { margin: 0 0 4px; font-size: 12px; line-height: 1.5; }
.approved-design .home-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.approved-design .home-guide-card { display: grid; grid-template-columns: 45% minmax(0,1fr); gap: 10px; padding: 8px; min-height: 118px; border: 1px solid var(--line); border-radius: 4px; }
.approved-design .home-guide-card img { width: 100%; height: 106px; object-fit: contain; }
.approved-design .home-guide-card h3 { font: 600 14px/1.2 var(--font-display); margin-bottom: 6px; }
.approved-design .home-guide-card p, .approved-design .home-guide-cta { font-size: 12px; line-height: 1.45; }
.approved-design .home-footer { display: grid; grid-template-columns: auto minmax(180px,1fr) auto; gap: 32px; padding: 20px var(--page-gutter); background: transparent; }
.approved-design .home-footer .brand-symbol { width: 32px; height: 38px; flex-basis: 32px; }
.approved-design .home-footer .brand-wordmark { font-size: 22px; }
.approved-design .home-footer p { font-size: 10px; max-width: 430px; margin: 0; }
.approved-design .home-footer .public-footer-navigation { grid-column: auto; }
.approved-design .home-footer .public-footer-navigation > nav:first-child { display: none; }
.approved-design .home-footer .public-trust-links { display: flex; align-items: center; gap: 20px; font-size: 10px; }
.approved-design #workspace > :not(.topbar):not(.modal-backdrop) { margin-inline: var(--page-gutter); }
.approved-design .gallery-opening { display: none; }
.approved-design .catalogue-header-layout { display: block; margin-top: 0; padding: 0; }
.approved-design .scout-results-header { position: relative; margin: 0; min-height: 190px; padding: 30px 0 18px; background: url('./assets/approved/landscape.webp') center/cover no-repeat; }
.approved-design .scout-title-block { display: block; max-width: 630px; }
.approved-design .scout-title-block :is(h1, h2) { font: 600 56px/1.05 var(--font-display); letter-spacing: -.04em; margin: 6px 0 8px; }
.approved-design .inventory-eyebrow { margin: 0; font-size: 11px; font-weight: 650; text-transform: uppercase; color: var(--muted); }
.approved-design .inventory-description { margin: 0 0 8px; font-size: 15px; line-height: 1.45; }
.approved-design .scout-help-link { margin: 0; font-size: 13px; }
.approved-design .catalogue-controls { display: grid; grid-template-columns: minmax(180px,1fr) minmax(460px,1.4fr); gap: 16px; align-items: start; }
.approved-design #quickRail, .approved-design .primary-filter-bar, .approved-design #controlsPanel { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.approved-design #quickRail .primary-search-field { width: 100%; }
.approved-design #searchInput { min-height: 48px; padding-left: 42px; width: 100%; border: 1px solid #d3d3d8; border-radius: 4px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23616575' stroke-width='1.5'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m14 14 6 6'/%3E%3C/svg%3E") 14px center no-repeat; }
.approved-design #controlsPanel { display: grid; grid-template-columns: 146px minmax(0,1fr); gap: 12px; }
.approved-design #filtersViewsButton { grid-column: 1; grid-row: 1; height: 48px; padding: 10px 16px; background: #fff; border: 1px solid #d3d3d8; border-radius: 4px; color: var(--text); }
.approved-design #filtersViewsButton svg { color: var(--brand-red); }
.approved-design .catalogue-sort-controls { display: none; }
.approved-design .mobile-sort-field { display: block; grid-column: 2; grid-row: 1; margin: 0; }
.approved-design .mobile-sort-field select { height: 48px; width: 100%; border: 1px solid #d3d3d8; background: #fff; border-radius: 4px; font: 14px var(--font-data); }
.approved-design #activeFilters { grid-column: 1/-1; grid-row: 2; order: 0; margin: 0; }
.approved-design .results-grid-tools { margin-block: 12px; }
.approved-design .results-grid-tools .view-actions { display: flex; }
.approved-design #results .cards-grid, .approved-design .collection-v4-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; align-items: stretch; }
.approved-design #results .koi-card, .approved-design .collection-v4-grid .koi-card { position: relative; border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 4px 12px #30291f05; background: #fffefa; }
.approved-design #results .image-frame, .approved-design .collection-v4-grid .image-frame { width: 100%; height: 260px; min-height: 0; aspect-ratio: auto; background: #89bcd0; }
.approved-design .image-frame img { object-fit: contain; }
.approved-design .koi-card .card-body { display: flex; flex-direction: column; padding: 0; }
.approved-design .koi-card .card-head { padding: 14px 14px 10px; gap: 10px; min-height: 105px; }
.approved-design .koi-card .title { font: 650 15px/1.35 var(--font-data); }
.approved-design .koi-card .price { font-size: 16px; }
.approved-design .koi-card .card-identities { margin-top: 8px; font-size: 11px; }
.approved-design .koi-card .price small { font-size: 11px; font-weight: 400; color: var(--muted); }
.approved-design .koi-card .facts { min-height: 36px; padding: 8px 12px; border-block: 1px solid var(--line); font-size: 12px; }
.approved-design .card-score-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; padding: 12px 0; margin: 0; border-bottom: 1px solid var(--line); }
.approved-design .scout-score-badge, .approved-design .geo-score-badge { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 0; padding: 0 8px; background: transparent; box-shadow: none; }
.approved-design .geo-score-badge { border-left: 1px solid #d4d5da; }
.approved-design .scout-score-badge .score-label, .approved-design .geo-score-badge .geo-label { font: 12px var(--font-data); color: var(--muted); }
.approved-design .scout-score-badge .score-value, .approved-design .geo-score-badge .geo-value { font: 500 23px/1.1 var(--font-data); color: var(--text); }
.approved-design .scout-score-badge .score-value { color: var(--brand-red); }
.approved-design .score-info { display: inline-grid; place-items: center; min-height: 24px; width: 24px; padding: 0; border: 0; background: none; color: var(--muted); cursor: help; }
.approved-design .koi-card .card-actions { display: flex; align-items: stretch; margin-top: auto; padding: 5px 8px; gap: 0; }
.approved-design .koi-card .card-actions .link-button { flex: 1; min-width: 0; min-height: 42px; justify-content: center; padding: 4px; border: 0; border-radius: 0; background: transparent; font: 600 11px var(--font-data); }
.approved-design .koi-card .card-actions .link-button + .link-button { border-left: 1px solid var(--line); }
.approved-design .koi-card .card-actions .card-view-koi { color: var(--brand-red); }
.approved-design .card-actions .primary { color: var(--brand-red); }
.approved-design .card-action-icon { display: inline-flex; }
.approved-design .card-actions .design-icon { width: 18px; height: 18px; }
.approved-design .filters-views-header { background: #fffefa; }
.approved-design #detailModal { padding: calc(var(--header-height) + 12px) 20px 20px; }
.approved-design #detailModal .modal { width: 100%; max-width: 1560px; max-height: calc(100dvh - var(--header-height) - 32px); margin: 0 auto; }
.approved-design #detailModal .modal-body { overflow: auto; }

@media (max-width: 1399px) {
  .approved-design { --navigation-font-size: 14px; }
  .approved-design { --header-height: 72px; }
  .approved-design .home-header, .approved-design .topbar, .approved-design .guide-header { justify-content: space-between; gap: 12px; }
  .approved-design .public-navigation { display: flex; flex: 0 1 auto; }
  .approved-design .public-navigation-context { display: flex; align-items: center; gap: 14px; }
  .approved-design .public-navigation-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 12px; color: var(--text); background: transparent; border: 1px solid var(--line); border-radius: 4px; font: 600 14px var(--font-data); }
  .approved-design .public-navigation.is-enhanced:not(.is-open) .public-navigation-links { display: none; }
  .approved-design .public-navigation.is-open .public-navigation-links { position: fixed; z-index: 2102; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); top: var(--header-height); left: 16px; right: 16px; width: auto; max-height: calc(100dvh - var(--header-height) - 100px); overflow-y: auto; overscroll-behavior: contain; padding: 12px; gap: 4px; border: 1px solid var(--line); border-radius: 6px; background: #fffefa; box-shadow: 0 14px 35px #12121a26; }
  .approved-design .public-navigation.is-open .public-navigation-links a { justify-content: flex-start; min-height: 48px; padding: 10px 12px; font-size: 14px; white-space: normal; }
  .approved-design .public-navigation.is-open .public-navigation-links a.is-current { background: #d608220a; border: 1px solid #d6082240; border-radius: 4px; }
  .approved-design.navigation-open { overflow: hidden; }
  .approved-design.navigation-open::before { content: ''; position: fixed; inset: 0; z-index: 2100; background: #16151b55; }
  .approved-design.navigation-open .home-header, .approved-design.navigation-open .topbar, .approved-design.navigation-open .guide-header { z-index: 2101; }
}
@media (max-width: 1279px) {
  .approved-design .home-hero { min-height: 350px; background-position: 57% center; }
  .approved-design .home-hero-copy { width: 70%; }
  .approved-design .home-hero h1 { font-size: 48px; }
  .approved-design .home-hero-form { grid-template-columns: 1fr; }
  .approved-design .home-hero-actions .primary { width: 200px; }
  .approved-design .home-shortcuts { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .approved-design .home-shortcuts a { padding: 6px 8px; gap: 8px; }
  .approved-design .brand-art-caption { width: 175px; font-size: 10px; }
  .approved-design .home-koi-grid, .approved-design #results .cards-grid, .approved-design .collection-v4-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .approved-design .home-guides-band { grid-template-columns: 1fr; }
  .approved-design .home-guide-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .approved-design .home-guide-card { grid-template-columns: 1fr; }
  .approved-design .home-guide-card img { height: 125px; }
  .approved-design .home-footer { grid-template-columns: auto 1fr; }
  .approved-design .home-footer .public-footer-navigation { grid-column: 1/-1; }
  .approved-design .scout-results-header { min-height: 185px; background-position: 120% center; background-size: auto 200px; }
  .approved-design .scout-title-block { max-width: 68%; }
  .approved-design .scout-title-block :is(h1, h2) { font-size: 44px; }
  .approved-design .catalogue-controls { grid-template-columns: 1fr; gap: 12px; }
  .approved-design #results .image-frame, .approved-design .collection-v4-grid .image-frame { height: 280px; }
}
@media (max-width: 600px) {
  .approved-design { --page-gutter: 16px; --header-height: 64px; padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  .approved-design .brand-wordmark { font-size: 26px; }
  .approved-design .brand-symbol { width: 35px; height: 40px; flex-basis: 35px; }
  .approved-design .public-navigation-current, .approved-design .public-navigation-context > [data-public-navigation-current] { display: none; }
  .approved-design .mobile-bottom-navigation { position: fixed; inset: auto 0 0; z-index: 180; display: grid; grid-template-columns: repeat(4,1fr); min-height: 68px; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: #fffefa; border-top: 1px solid var(--line); }
  .approved-design.navigation-open .mobile-bottom-navigation { z-index: 2101; }
  .approved-design .mobile-bottom-navigation > a, .approved-design .mobile-bottom-navigation > button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; padding: 2px; border: 0; border-radius: 0; background: transparent; color: var(--muted); text-decoration: none; font: 12px var(--font-data); }
  .approved-design .mobile-bottom-navigation .design-icon { width: 25px; height: 25px; }
  .approved-design .mobile-bottom-navigation .is-current { color: var(--brand-red); }
  .approved-design .mobile-bottom-navigation small { position: absolute; top: -1px; right: 15%; background: var(--brand-red); color: white; border-radius: 20px; min-width: 17px; padding: 1px 3px; text-align: center; font-size: 10px; }
  .approved-design .home-hero { padding: 24px 16px 130px; background-size: auto 360px; background-position: 67% bottom; }
  .approved-design .home-hero-copy { width: 100%; max-width: none; }
  .approved-design .home-hero h1 { font-size: 41px; }
  .approved-design .home-hero-copy > p { font-size: 15px; padding-right: 8px; }
  .approved-design .home-hero-form { grid-template-columns: 1fr; gap: 8px; }
  .approved-design .home-hero-actions .primary { width: 100%; }
  .approved-design .home-shortcuts { gap: 6px; }
  .approved-design .home-shortcuts a { flex-direction: column; gap: 2px; font-size: 10px; padding: 7px 2px; }
  .approved-design .brand-art-caption { font-size: 9px; width: 150px; bottom: 10px; right: 16px; }
  .approved-design .brand-art-caption > span { font-size: 24px; }
  .approved-design .home-section-heading { align-items: flex-start; gap: 12px; }
  .approved-design .home-section-heading h2 { font-size: 27px; }
  .approved-design .home-section-heading > a { max-width: 92px; font-size: 12px; }
  .approved-design .home-koi-grid, .approved-design #results .cards-grid, .approved-design .collection-v4-grid { grid-template-columns: 1fr; gap: 18px; }
  .approved-design .home-koi-card .home-koi-image { height: 240px; }
  .approved-design .home-koi-card h3 { font-size: 16px; }
  .approved-design .home-koi-meta, .approved-design .home-koi-footer { font-size: 14px; }
  .approved-design .photo-shortlist { min-height: 44px; width: 44px; height: 44px; }
  .approved-design .home-guide-grid { grid-template-columns: 1fr; }
  .approved-design .home-guide-card { grid-template-columns: 120px minmax(0,1fr); }
  .approved-design .home-guide-card img { height: 110px; }
  .approved-design .home-guide-card h3 { font-size: 17px; }
  .approved-design .home-guide-card p, .approved-design .home-guide-cta { font-size: 13px; }
  .approved-design .home-footer { grid-template-columns: 1fr; gap: 16px; }
  .approved-design .home-footer .public-trust-links { flex-wrap: wrap; font-size: 12px; }
  .approved-design .scout-results-header { min-height: 0; padding: 22px 0 16px; background: none; }
  .approved-design .scout-title-block { max-width: 100%; }
  .approved-design .scout-title-block :is(h1, h2) { font-size: 36px; }
  .approved-design .inventory-description { font-size: 14px; }
  .approved-design .scout-results-header .brand-art-caption { display: none; }
  .approved-design #controlsPanel { grid-template-columns: .8fr 1.2fr; gap: 10px; }
  .approved-design .mobile-sort-field select { font-size: 12px; padding-inline: 8px; }
  .approved-design #results .image-frame, .approved-design .collection-v4-grid .image-frame { height: 300px; }
  .approved-design .koi-card .title { font-family: var(--font-display); font-size: 22px; }
  .approved-design .koi-card .card-head { min-height: 0; padding: 16px; }
  .approved-design .koi-card .card-identities { font-size: 13px; }
  .approved-design .koi-card .price { font-size: 20px; }
  .approved-design .koi-card .facts { font-size: 14px; padding-block: 12px; }
  .approved-design .koi-card .card-actions { padding: 8px; }
  .approved-design .koi-card .card-actions .link-button { min-height: 48px; font-size: 12px; gap: 4px; }
  .approved-design #detailModal { padding: calc(var(--header-height) + 8px) 8px max(8px,env(safe-area-inset-bottom)); }
  .approved-design #detailModal .modal { max-height: calc(100dvh - var(--header-height) - 16px); }
}
@media print { .approved-design .mobile-bottom-navigation { display: none; } }

.approved-design .home-header .home-navigation.is-enhanced:not(.is-open) .public-navigation-links { display: flex; }
.approved-design .home-header .home-navigation { flex: 1; width: auto; margin: 0; }
.approved-design .home-footer p, .approved-design .home-footer a { color: var(--muted); }

.approved-design .app-shell { width: 100%; }
.approved-design #results { padding: 0; }
.approved-design #results .scout-score-badge, .approved-design #results .geo-score-badge { display: flex; flex-direction: column; background: transparent; }
@media (max-width:1399px) { .approved-design .home-header .home-navigation.is-enhanced:not(.is-open) .public-navigation-links { display: none; } .approved-design .home-header .home-navigation { flex: 0 1 auto; } }

/* A single row on desktop; the same controls wrap, in order, on smaller screens. */
.approved-design .catalogue-controls { grid-template-columns: minmax(220px,1fr) 400px minmax(320px,max-content); align-items: start; }
.approved-design #quickRail, .approved-design #controlsPanel, .approved-design .results-grid-tools { grid-column: auto; grid-row: auto; }
.approved-design #controlsPanel { grid-template-columns: 140px minmax(0,1fr); }
.approved-design .results-grid-tools { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 10px; margin: 0; }
.approved-design #resultsPaginationTop { display: none; }
.approved-design .results-grid-tools .results-count { margin: 0; font-size: 12px; white-space: nowrap; }
.approved-design .results-grid-tools .view-actions { flex-direction: row; flex-wrap: nowrap; gap: 6px; }
.approved-design .view-actions button { display: inline-flex; align-items: center; gap: 5px; min-height: 48px; padding: 8px 10px; border-radius: 4px; font-size: 13px; }
.approved-design .table-presets { grid-column: 1/-1; }
.approved-design #filtersViewsButton { box-shadow: none; font: 600 14px var(--font-data); }
.approved-design .scout-results-header { min-height: 198px; padding-block: 24px 20px; }
.approved-design .scout-title-block :is(h1, h2) { margin-top: 8px; }
.approved-design .results-table-wrap { max-width: 100%; overflow-x: auto; }
.approved-design .results-table { min-width: 1180px; table-layout: auto; font-size: 14px; }
.approved-design .results-table th, .approved-design .results-table td { padding: 12px; }
.approved-design .results-table .result-cell-koi, .approved-design .results-table thead th:first-child { position: sticky; left: 0; z-index: 2; min-width: 210px; max-width: 270px; background: #fffefa; box-shadow: 1px 0 var(--line); }
.approved-design .results-table .table-image { width: 55px; height: 92px; object-fit: contain; }
.approved-design .results-table .table-actions { display: flex; flex-flow: row nowrap; width: max-content; min-width: 0; gap: 6px; }
.approved-design .table-actions .card-action-icon { display: none; }
.approved-design .table-actions .link-button { flex: 0 0 auto; width: auto; min-height: 36px; padding: 6px 8px; white-space: nowrap; }
.approved-design .table-scroll-cue { margin: 0 0 8px; color: var(--muted); font-size: 12px; }
@media (max-width: 1279px) {
 .approved-design .catalogue-controls { grid-template-columns: 1fr; }
 .approved-design .results-grid-tools { flex-direction: row; }
 .approved-design #resultsPaginationTop { display: block; order: 2; margin-left: auto; }
 .approved-design .results-grid-tools .results-count { order: 1; }
 .approved-design .results-grid-tools .toolbar-controls { order: 0; }
}
@media (max-width: 600px) {
 .approved-design .topbar, .approved-design .home-header, .approved-design .guide-header { min-height: 64px; }
 .approved-design #controlsPanel { grid-template-columns: .8fr 1.2fr; }
 .approved-design .results-grid-tools { position: relative; padding-top: 20px; }
 .approved-design .results-grid-tools .results-count { position: absolute; top: -2px; left: 0; font-size: 11px; }
 .approved-design .results-grid-tools .pagination { gap: 4px; }
 .approved-design .results-grid-tools .pagination button { padding: 8px; min-width: 32px; font-size: 11px; }
 .approved-design .results-grid-tools .pagination span { padding: 4px; font-size: 11px; }
 .approved-design .view-actions button { padding: 8px; min-height: 44px; font-size: 11px; }
 .approved-design .view-actions .design-icon { width: 16px; height: 16px; }
}

.approved-design #inventoryMetrics:empty { display: none; }
.approved-design #inventoryMetrics .summary-grid { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 18px; }
.approved-design #inventoryMetrics .metric-card { flex: 1; background: #fffefa; border: 1px solid var(--line); box-shadow: none; }
.approved-design .view-section { border: 0; padding: 0; margin-top: 20px; background: transparent; box-shadow: none; }
.approved-design .section-title :is(h1, h2) { font: 600 42px/1.15 var(--font-display); letter-spacing: -.035em; }
.approved-design .compare-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; padding: 0; }
.approved-design .compare-empty-slot { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 310px; padding: 24px; text-align: center; color: var(--muted); background: #fffefa; border: 1px dashed #c8c5c0; border-radius: 5px; text-decoration: none; }
.approved-design .compare-empty-slot > span:first-child { font-size: 44px; color: var(--brand-red); }
.approved-design .compare-empty-slot strong { font: 600 24px var(--font-display); color: var(--text); }
.approved-design .compare-empty-slot:hover, .approved-design .compare-empty-slot:focus-visible { border-color: var(--brand-red); background: #d6082205; }
.approved-design .compare-card { min-width: 0; border: 1px solid var(--line); border-radius: 5px; background: #fffefa; }
.approved-design .compare-image-frame { box-sizing: border-box; min-height: 0; padding: 0; height: 230px; aspect-ratio: auto; background: #89bcd0; }
.approved-design .compare-image-frame img { width: 100%; height: 100%; object-fit: contain; }
.approved-design .compare-card-body { padding: 12px; }
.approved-design .compare-candidate-header h3 { font: 600 17px/1.3 var(--font-display); }
.approved-design .compare-header-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.approved-design .compare-suggestion-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.approved-design .compare-fact-rail { overflow-x: auto; }
@media (max-width: 1000px) {
 .approved-design .compare-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .approved-design .compare-suggestion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
 .approved-design .compare-grid { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: calc((100% - 10px)/2); gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; }
 .approved-design .compare-card { flex: initial; width: auto; padding: 0; scroll-snap-align: start; }
 .approved-design .compare-image-frame { height: 205px; }
 .approved-design .compare-card-body { padding: 8px; }
 .approved-design .compare-candidate-header h3 { font-size: 16px; }
 .approved-design .compare-price { flex-direction: column; align-items: flex-start; }
 .approved-design .compare-card .card-score-row { grid-template-columns: 1fr; }
 .approved-design .compare-card .geo-score-badge { border: 0; margin-top: 8px; }
 .approved-design .compare-header-actions { grid-template-columns: 1fr; }
 .approved-design .compare-header-actions .link-button { min-height: 44px; font-size: 12px; }
 .approved-design .compare-empty-slot { min-height: 300px; padding: 12px; font-size: 12px; }
 .approved-design .compare-empty-slot strong { font-size: 20px; }
 .approved-design .compare-suggestion-grid { grid-template-columns: 1fr; }
 .approved-design .compare-fact-table { min-width: 760px; font-size: 13px; }
 .approved-design .compare-fact-table th, .approved-design .compare-fact-table td { min-width: 145px; }
 .approved-design .candidate-pagination-top { gap: 5px; }
 .approved-design .candidate-pagination-top .link-button { min-width: 30px; padding: 6px; font-size: 11px; }
 .approved-design .candidate-pagination-top .candidate-page-position { padding: 5px; font-size: 11px; }
}

/* Editorial pages share the inventory shell, typography and navigation. */
.approved-design .guide-shell { width: 100%; max-width: none; margin: 0 auto; padding: 0 var(--page-gutter); }
.approved-design .guide-intro { margin: 0; padding: 32px 0 28px; border: 0; }
.approved-design .editorial-hero { position: relative; min-height: 260px; background: var(--editorial-art) right center/auto 310px no-repeat; }
.approved-design .editorial-hero > h1 { max-width: 700px; margin: 8px 0 14px; font: 600 58px/1.04 var(--font-display); letter-spacing: -.04em; }
.approved-design .editorial-hero > p:not(.gallery-opening-kicker) { max-width: 650px; font: 16px/1.5 var(--font-data); color: var(--muted); }
.approved-design .editorial-hero .gallery-opening-kicker { font: 650 11px var(--font-data); color: var(--muted); letter-spacing: .07em; text-transform: uppercase; }
.approved-design .editorial-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.approved-design .editorial-card { padding: 22px; border: 1px solid var(--line); border-radius: 5px; background: #fffefa; }
.approved-design .editorial-card h2 { color: var(--text); margin: 0 0 10px; font: 600 25px/1.2 var(--font-display); letter-spacing: -.025em; }
.approved-design .editorial-card p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--muted); }
.approved-design .editorial-content-with-art { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(240px,1fr); gap: 28px; align-items: start; }
.approved-design .editorial-content-with-art figure { margin: 0; }
.approved-design .editorial-content-with-art figure img { width: 100%; max-height: 540px; object-fit: contain; border-radius: 5px; }
.approved-design .editorial-content-with-art figcaption { text-align: center; font: 18px/1.5 var(--font-display); margin-top: 12px; }
.approved-design .guide-chapters, .approved-design .trust-contents { display: flex; flex-wrap: wrap; gap: 6px 20px; padding: 16px 0; margin: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; }
.approved-design .guide-chapters a, .approved-design .trust-contents a { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 0; color: var(--muted); font-size: 14px; text-decoration: none; border-bottom: 2px solid transparent; }
.approved-design .guide-chapters [aria-current], .approved-design .trust-contents [aria-current] { color: var(--brand-red); border-bottom-color: var(--brand-red); }
.approved-design .editorial-next { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px; margin-block: 24px; }
.approved-design .editorial-next .link-button { padding: 12px 18px; min-height: 48px; border-radius: 4px; }
.approved-design .guide-index-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 16px 0 36px; }
.approved-design .guide-index-grid > a { display: block; padding: 0; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; background: #fffefa; color: var(--text); text-decoration: none; }
.approved-design .guide-index-grid img { display: block; width: 100%; height: auto; aspect-ratio: 1586 / 992; object-fit: contain; background: #fffefa; }
.approved-design .guide-index-grid > a > span { display: grid; gap: 14px; padding: 24px; font-size: 15px; line-height: 1.55; }
.approved-design .guide-index-grid strong { font: 600 29px/1.2 var(--font-display); }
.approved-design .guide-card-action { color: var(--brand-red); }
.approved-design .guide-term-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-block: 24px; }
.approved-design .guide-term-grid article { padding: 18px; background: #fffefa; border: 1px solid var(--line); border-radius: 5px; }
.approved-design .guide-term-grid h3 { font: 600 22px var(--font-display); }
.approved-design .guide-source-note { margin: 14px 0 24px; padding: 20px 24px; background: #f1eee7; border: 1px solid var(--line); border-radius: 5px; }
.approved-design .age-stage-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.approved-design .age-stage-card { padding: 18px; border: 1px solid var(--line); border-radius: 5px; background: #fffefa; text-align: center; }
.approved-design .age-stage-card h2 { color: var(--text); margin: 12px 0 6px; font: 600 26px var(--font-display); }
.approved-design .age-stage-card p { margin: 0; color: var(--muted); }
.approved-design .guide-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px; margin: 32px 0 0; padding: 26px 0; border: 0; border-top: 1px solid var(--line); background: transparent; }
.approved-design .guide-footer h2 { font: 600 24px var(--font-display); margin: 0 0 10px; }
.approved-design .guide-footer p { max-width: 580px; color: var(--muted); font-size: 13px; }
.approved-design .owner-introduction { display: flex; align-items: center; gap: 18px; padding-block: 28px; }
.approved-design .owner-monogram { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid var(--line); background: #f1eee7; border-radius: 50%; font: 22px var(--font-display); }
.approved-design .owner-introduction h2 { color: var(--text); font: 600 26px var(--font-display); margin: 0 0 6px; }
.approved-design .trust-topic-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 24px; }
.approved-design .trust-topic-grid .link-button { min-height: 68px; padding: 18px; background: #fffefa; border: 1px solid var(--line); justify-content: space-between; }
.approved-design .full-legal-notice { margin-top: 24px; padding: 20px; border: 1px solid var(--line); background: #fffefa; }
.approved-design .full-legal-notice summary { cursor: pointer; font-weight: 600; min-height: 44px; }
.approved-design .full-legal-notice .trust-section { margin-top: 16px; padding: 0; border: 0; }
@media (max-width: 1000px) {
 .approved-design .editorial-hero > h1 { max-width: 65%; font-size: 44px; }
 .approved-design .editorial-hero > p:not(.gallery-opening-kicker) { max-width: 65%; }
 .approved-design .editorial-content-with-art { grid-template-columns: 1fr; }
 .approved-design .editorial-content-with-art figure { max-width: 400px; margin-inline: auto; }
 .approved-design .guide-index-grid { gap: 16px; }
 .approved-design .guide-index-grid > a > span { padding: 16px; }
 .approved-design .guide-index-grid strong { font-size: 24px; }
 .approved-design .age-stage-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .approved-design .trust-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
 .approved-design .editorial-hero { min-height: 0; padding: 26px 0; background: none; }
 .approved-design .editorial-hero > h1 { max-width: 100%; font-size: 39px; }
 .approved-design .editorial-hero > p:not(.gallery-opening-kicker) { max-width: 100%; font-size: 15px; }
 .approved-design .editorial-hero .brand-art-caption { display: none; }
 .approved-design .editorial-cards, .approved-design .guide-index-grid, .approved-design .guide-term-grid { grid-template-columns: 1fr; }
 .approved-design .editorial-card { padding: 20px; }
 .approved-design .guide-index-grid > a > span { padding: 20px; }
 .approved-design .age-stage-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
 .approved-design .age-stage-card { padding: 12px; }
 .approved-design .age-stage-card h2 { font-size: 23px; }
 .approved-design .guide-chapters, .approved-design .trust-contents { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior: contain; gap: 18px; }
 .approved-design .guide-chapters a, .approved-design .trust-contents a { flex-shrink: 0; white-space: nowrap; font-size: 13px; }
 .approved-design .editorial-next { justify-content: flex-start; }
 .approved-design .guide-footer { display: block; }
}

.approved-design [hidden] { display: none !important; }
.approved-design:not(.navigation-open)::before { display: none; }
.approved-design .topbar, .approved-design .home-header { background-image: none; }
.approved-design .public-navigation { margin-left: auto; }
.approved-design .public-navigation-context { justify-content: flex-end; }
.approved-design .public-navigation-links { justify-content: space-between; }
.approved-design .results-grid-tools { justify-self: stretch; flex-wrap: nowrap; flex-direction: row; }
.approved-design .results-grid-tools .toolbar-controls { margin: 0; flex: 0 0 auto; }
.approved-design #inventoryMetrics .metric { flex: 1; padding: 16px; border: 1px solid var(--line); border-radius: 5px; background: #fffefa; box-shadow: none; }
.approved-design #inventoryMetrics .metric::before { display: none; }
.approved-design #inventoryMetrics .metric-value { color: var(--text); font-size: 30px; }
.approved-design .compare-screen-intro { white-space: normal; font-size: 15px; line-height: 1.5; }
@media (max-width: 600px) {
 .approved-design .results-grid-tools .results-pagination-top { flex: 0 1 auto; margin-left: auto; }
 .approved-design .results-grid-tools .toolbar-controls { flex: 0 0 auto; }
 .approved-design .results-grid-tools .candidate-pagination { min-width: 0; width: auto; }
 .approved-design .candidate-pagination-top .candidate-page-position { font-size: 10px; padding: 2px; }
 .approved-design .candidate-pagination-top .link-button { font-size: 0; min-width: 28px; width: 28px; padding: 4px; }
 .approved-design .candidate-pagination-top .link-button:first-child::before { content: '‹'; font-size: 20px; }
 .approved-design .candidate-pagination-top .link-button:last-child::before { content: '›'; font-size: 20px; }
 .approved-design #inventoryMetrics .summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
 .approved-design #inventoryMetrics .metric { padding: 12px; }
 .approved-design #inventoryMetrics .metric-sub { white-space: normal; font-size: 11px; }
 .approved-design #inventoryMetrics .metric-label { font-size: 10px; }
}

/* Existing member forms, with the approved quiet landscape and no extra features. */
.approved-design.member-route { background: #faf8f3; }
.approved-design #memberPage { padding: 28px var(--page-gutter) 48px; background: url('./assets/approved/home-hero.webp') -640px 90px/1400px auto no-repeat, url('./assets/approved/landscape.webp') right 80px/1200px auto no-repeat; }
.approved-design .member-context { max-width: 1328px; margin: 0 auto 18px; }
.approved-design .member-panel { width: min(590px,100%); border: 1px solid var(--line); border-radius: 7px; background: #fffefa; box-shadow: 0 12px 30px #231a1010; }
.approved-design .member-panel-heading { padding: 32px 32px 20px; background: transparent; border: 0; }
.approved-design .member-eyebrow { display: none; }
.approved-design .member-panel h1 { max-width: none; font: 600 42px/1.1 var(--font-display); letter-spacing: -.035em; }
.approved-design .member-panel-heading > p:not(.member-eyebrow) { font-size: 15px; line-height: 1.5; color: var(--muted); }
.approved-design .member-form { padding: 12px 32px 32px; gap: 14px; }
.approved-design .member-form-help { font-size: 13px; color: var(--muted); }
.approved-design .member-form label { font-size: 14px; font-weight: 600; }
.approved-design .member-form input:not([type='checkbox']), .approved-design .member-form select { min-height: 48px; border: 1px solid #d3d3d8; border-radius: 4px; background: #fff; font-size: 16px; }
.approved-design .member-button { min-height: 48px; border: 1px solid var(--brand-red); border-radius: 4px; background: var(--brand-red); box-shadow: none; font: 600 14px var(--font-data); }
.approved-design .member-button.secondary { background: #fffefa; border-color: var(--line); color: var(--text); }
.approved-design .member-button.danger { color: var(--brand-red); border-color: var(--brand-red); background: transparent; }
.approved-design .member-auth-alternative { display: block; padding: 18px 32px; background: transparent; border-top: 1px solid var(--line); font-size: 14px; }
.approved-design .member-status.is-success { margin: 20px 0 0; border: 0; padding: 0; box-shadow: none; background: transparent; }
.approved-design .member-status.is-success .member-button { margin-right: 8px; }
.approved-design .member-remember { display: flex; align-items: flex-start; gap: 10px; }
.approved-design .member-remember input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--brand-red); }
.approved-design [data-member-view='account'] .member-panel { width: min(1000px,100%); }
.approved-design [data-member-view='admin'] { background: url('./assets/approved/landscape.webp') center top/100% auto no-repeat; }
.approved-design .admin-operations-panel { width: 100%; max-width: 1328px; box-shadow: none; }
.approved-design .admin-operations-panel .member-panel-heading { background: #fffefaee; }
.approved-design .member-section, .approved-design .member-actions { background: #fffefa; border-color: var(--line); padding: 24px 32px; }
.approved-design .member-section h2 { font: 600 27px var(--font-display); }
.approved-design .member-section-copy { color: var(--muted); }
@media (max-width: 600px) {
 .approved-design #memberPage { padding: 112px 16px 32px; background: url('./assets/approved/home-hero.webp') left top/auto 104px no-repeat, url('./assets/approved/landscape.webp') right top/auto 104px no-repeat; }
 .approved-design .member-context { display: none; }
 .approved-design .member-panel-heading { padding: 24px 20px 14px; }
 .approved-design .member-panel h1 { font-size: 34px; }
 .approved-design .member-form { padding: 8px 20px 24px; gap: 12px; }
 .approved-design .member-auth-alternative { padding: 18px 20px; }
 .approved-design .member-section, .approved-design .member-actions { padding: 20px; }
 .approved-design .member-actions { display: grid; grid-template-columns: 1fr; }
 .approved-design .admin-operations-panel { display: block; }
 .approved-design [data-member-view='admin'] { padding-top: 24px; }
}
.approved-design .breeder-checkbox-filter { border: 1px solid var(--line); border-radius: 4px; background: #fffefa; margin: 8px 0; }
.approved-design .breeder-checkbox-filter summary { padding: 12px; min-height: 44px; cursor: pointer; font-size: 14px; font-weight: 600; }
.approved-design .breeder-checkbox-filter fieldset { max-height: 230px; overflow-y: auto; border: 0; margin: 0; padding: 0 10px 10px; }
.approved-design .breeder-checkbox-option { display: flex; align-items: center; gap: 10px; padding: 9px 0; min-height: 40px; font-size: 13px; }
.approved-design .breeder-checkbox-option > span { color: var(--text-strong); }
.approved-design .breeder-checkbox-option input { width: 18px; height: 18px; accent-color: var(--brand-red); }
.approved-design .breeder-checkbox-group { margin: 8px 0; color: var(--muted); font-size: 11px; text-transform: uppercase; }
.approved-design .breeder-result-button { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 3px 12px; padding: 12px; }
.approved-design .breeder-result-button > :not(img) { grid-column: 2; }
.approved-design .breeder-result-button .breeder-illustration { grid-column: 1; grid-row: 1/4; width: 54px; height: 58px; object-fit: cover; border-radius: 4px; }
.approved-design .variety-node:hover, .approved-design .variety-node:focus-visible { outline: 2px solid var(--brand-red); outline-offset: 2px; box-shadow: 0 3px 16px #d608221a; }
.approved-design #shortlistView > .section-title h2 { max-width: 650px; font-size: 48px; }
.approved-design .shortlist-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.approved-design .shortlist-grid .shortlist-card { display: grid; grid-template-columns: 35% minmax(0,1fr); gap: 12px; padding: 10px 10px 60px; }
.approved-design .shortlist-grid .image-frame { height: 100%; min-height: 300px; border-radius: 4px; }
.approved-design .shortlist-grid .card-head { display: block; min-height: 0; padding: 0; }
.approved-design .shortlist-grid .title { font: 600 19px/1.2 var(--font-display); }
.approved-design .shortlist-grid .price { margin-top: 10px; font-size: 16px; text-align: left; }
.approved-design .shortlist-grid .card-identities { font-size: 11px; }
.approved-design .shortlist-grid .facts { padding: 8px 0; font-size: 11px; }
.approved-design .shortlist-grid .card-score-row { padding-block: 8px; }
.approved-design .shortlist-grid .score-value, .approved-design .shortlist-grid .geo-value { font-size: 19px; }
.approved-design .shortlist-grid .score-label, .approved-design .shortlist-grid .geo-label { font-size: 10px; }
.approved-design .shortlist-note-editor { display: grid; gap: 6px; padding: 10px 0; }
.approved-design .shortlist-note-editor label { font-size: 11px; color: var(--muted); }
.approved-design .shortlist-note-editor textarea { width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--line); background: #fcfbf8; border-radius: 3px; font: 12px/1.4 var(--font-data); }
.approved-design .shortlist-note-editor .link-button { justify-self: end; min-height: 32px; padding: 4px 8px; font-size: 11px; }
.approved-design .shortlist-grid .card-actions { position: absolute; bottom: 0; left: 0; width: 100%; padding: 6px; border-top: 1px solid var(--line); }
.approved-design .shortlist-grid .card-actions .card-state-action { flex: 1.7; color: var(--brand-red); }
.approved-design .shortlist-grid .card-actions .link-button { font-size: 10px; }
.approved-design #detailModal { align-items: flex-start; backdrop-filter: blur(3px); }
/* Full-size images cover the site header; regular details retain their layout. */
.approved-design #detailModal:has(.detail-fullsize-viewer:not([hidden])) { z-index: 2202; backdrop-filter: none; }
.approved-design #detailModal .modal { display: grid; grid-template-rows: auto minmax(0,1fr); height: calc(100dvh - var(--header-height) - 32px); border-radius: 9px; background: #fffefa; }
.approved-design #detailModal .koi-product-head { position: static; display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-bottom: 1px solid var(--line); background: #fffefa; }
.approved-design .detail-dialog-heading { margin: 0; font: 600 38px/1.1 var(--font-display); }
.approved-design .detail-close-button { border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.approved-design #detailModal .modal-body { height: auto; overflow: hidden; }
.approved-design .detail-product-layout { grid-template-columns: 41% minmax(0,1fr); gap: 24px; padding: 0 18px 18px; }
.approved-design .detail-product-visual { border-radius: 6px; }
.approved-design .detail-product-information { padding: 22px 18px 24px 0; overflow-y: auto; background: #fffefa; }
.approved-design .detail-title-block h3 { font: 600 44px/1.05 var(--font-display); letter-spacing: -.035em; }
.approved-design .detail-primary-metadata { font-size: 17px; }
.approved-design .detail-product-price strong { font-size: 38px; }
.approved-design .detail-score-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; background: transparent; border: 0; padding: 0; }
.approved-design .detail-score-panel > div { border: 1px solid var(--line); border-radius: 5px; padding: 18px; background: #fffefa; }
.approved-design .detail-score-panel > div > span { font: 600 24px var(--font-display); }
@media (max-width: 1100px) {
 .approved-design .shortlist-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .approved-design .detail-title-block h3 { font-size: 34px; }
}
@media (max-width: 600px) {
 .approved-design #shortlistView > .section-title h2 { font-size: 36px; }
 .approved-design .shortlist-grid { grid-template-columns: 1fr; }
 .approved-design #detailModal .modal { height: calc(100dvh - var(--header-height) - 16px); max-height: calc(100dvh - var(--header-height) - 16px); }
 .approved-design #detailModal .koi-product-head { padding: 10px 14px; }
 .approved-design .detail-dialog-heading { font-size: 28px; }
 .approved-design #detailModal .modal-body { overflow-y: auto; }
 .approved-design .detail-product-layout { display: block; height: auto; padding: 0 12px 16px; }
 .approved-design .detail-product-visual { height: 390px; }
 .approved-design .detail-product-information { padding: 22px 0 0; overflow: visible; }
 .approved-design .detail-score-panel { gap: 10px; }
 .approved-design .detail-score-panel > div { padding: 12px; }
 .approved-design .detail-score-panel > div > span { font-size: 21px; }
}
.approved-design[data-member-signed-in='false'] .mobile-bottom-navigation small { display: none; }

/* Use the same secondary actions in detail, saved collections and comparison. */
.approved-design .link-button { background: #fffefa; border: 1px solid var(--line); color: var(--text); font: 500 13px/1.3 var(--font-data); box-shadow: none; }
.approved-design .link-button.primary { background: var(--brand-red); border-color: var(--brand-red); color: #fff; }
.approved-design .detail-primary-actions .detail-shortlist-button, .approved-design .detail-primary-actions [data-compare-id] { order: -1; background: transparent; border: 0; justify-content: flex-start; color: var(--text); }
.approved-design .detail-primary-actions .detail-shortlist-button svg, .approved-design .detail-primary-actions [data-compare-id] svg { box-sizing: content-box; padding: 10px; border: 1px solid var(--line); border-radius: 50%; background: #fff; }
.approved-design .detail-primary-actions .detail-shortlist-button svg { color: var(--brand-red); }
.approved-design .detail-score-panel > div { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.approved-design .detail-score-panel .detail-score-value { text-align: left; }
.approved-design .shortlist-grid .image-frame { position: relative; }
.approved-design .shortlist-compare-checkbox { position: absolute; top: 8px; left: 8px; z-index: 2; display: grid; place-items: center; width: 26px; height: 26px; min-height: 26px; padding: 0; border: 1px solid #929599; border-radius: 4px; background: #fff; color: var(--brand-red); }
.approved-design .shortlist-compare-checkbox[aria-checked='true'] { background: var(--brand-red); color: #fff; border-color: var(--brand-red); }
.approved-design .shortlist-note-editor { gap: 3px; padding-block: 6px; }
.approved-design .shortlist-note-editor label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.approved-design .shortlist-note-editor .link-button { background: transparent; border: 0; color: var(--muted); }
.approved-design .shortlist-grid .card-score-row { padding-block: 9px; }
.approved-design .shortlist-grid .image-frame { min-height: 270px; }
.approved-design .view-actions button[aria-pressed="true"] { background: var(--brand-red); color: #fff; border-color: var(--brand-red); }
.approved-design[data-inventory-category='newKoi'] .scout-results-header { background-image: url('./assets/approved/home-hero.webp'); }

.approved-design .header-shortcuts { display: none; }
@media (max-width: 1399px) {
 .approved-design .home-header, .approved-design .topbar, .approved-design .guide-header { justify-content: space-between; }
 .approved-design .header-shortcuts { display: flex; margin-left: auto; gap: 18px; align-items: center; }
 .approved-design .header-shortcuts a { position: relative; min-height: 44px; display: flex; align-items: center; gap: 5px; text-decoration: none; color: var(--text); font-size: 13px; }
 .approved-design .header-shortcuts small { border-radius: 50%; min-width: 18px; text-align: center; padding: 2px; font-size: 10px; background: var(--brand-red); color: #fff; }
 .approved-design .public-navigation-current { display: none; }
}
@media (max-width: 600px) {
 .approved-design .header-shortcuts { gap: 10px; }
 .approved-design .header-shortcuts a { min-width: 32px; }
 .approved-design .header-shortcuts a > span { display: none; }
 .approved-design .header-shortcuts small { position: absolute; top: 0; right: -4px; }
 .approved-design .public-navigation-toggle { padding: 8px; }
 .approved-design .home-header, .approved-design .topbar, .approved-design .guide-header { gap: 10px; }
 .approved-design .brand-wordmark { font-size: 24px; }
 .approved-design .brand-symbol { flex-basis: 30px; width: 30px; }
}
.approved-design[data-member-signed-in='false'] .header-shortcuts small { display: none; }

.approved-design .editorial-hero { max-width: none; width: 100%; }
.approved-design .editorial-hero > h1 { color: var(--text); }
.approved-design .guide-index-grid > a { display: flex; flex-direction: column; }
.approved-design .guide-index-grid > a > span { flex: 1; grid-template-rows: auto 1fr auto; }
.approved-design .guide-index-grid > a > span > span { padding: 0; }
.approved-design #memberPage[data-member-view='admin'] { background-image: url('./assets/approved/landscape.webp'); background-position: right 60px; background-size: 1200px auto; }
@media (max-width: 600px) {
 .approved-design #memberPage[data-member-view='admin'] { background-size: auto 140px; background-position: right top; }
 .approved-design .shortlist-compare-checkbox::after { content: ''; position: absolute; inset: -9px; }
}

.approved-design .koi-card .photo-shortlist { left: 10px; right: auto; }
.approved-design .public-navigation { height: auto; }
.approved-design.modal-open .mobile-bottom-navigation { visibility: hidden; }
.approved-design.modal-open .topbar, .approved-design.modal-open .home-header { position: fixed; inset: 0 0 auto; }
.approved-design.modal-open #workspace, .approved-design.modal-open #homePage { padding-top: var(--header-height); }

/* Fill the viewport on short routes as well as long inventories. */
body.approved-design { display: flex; flex-direction: column; min-height: 100dvh; }
.approved-design #workspace { flex: 1 0 auto; }
.approved-design .home-page:not([hidden]) { display: flex; flex-direction: column; width: 100%; min-height: 100dvh; }
.approved-design .home-footer { margin-top: auto; }
.approved-design .guide-shell { display: flex; flex: 1 0 auto; flex-direction: column; }
.approved-design .guide-footer { margin-top: auto; }
.approved-design .public-route-footer { flex-shrink: 0; margin-top: auto; }
.approved-design .results-table { width: 100%; }
.approved-design .scout-results-header { display: block; }
.approved-design .filters-views-panel, .approved-design .filters-views-header,
.approved-design .filters-views-body { background-image: none; }

/* Directory rails use the available screen height, with a visible scroll track. */
.approved-design .breeder-map-view { max-width: none; padding-inline: 0; }
.approved-design .breeder-map-layout { height: calc(100dvh - var(--header-height) - 230px); min-height: 560px; }
.approved-design .breeder-map-rail { display: flex; flex-direction: column; min-height: 0; }
.approved-design .breeder-map-rail > :not(.breeder-results-list) { flex-shrink: 0; }
.approved-design .breeder-results-list { flex: 1 1 auto; min-height: 120px; max-height: none; overflow-y: scroll; scrollbar-gutter: stable; }
.approved-design .breeder-results-list::-webkit-scrollbar { width: 12px; background: #eeeae2; }
.approved-design .breeder-results-list::-webkit-scrollbar-thumb { background: #888477; border: 3px solid #eeeae2; border-radius: 8px; }
.approved-design .breeder-map-region { display: flex; flex-direction: column; }
.approved-design .breeder-map-canvas { flex: 1; min-height: 0; height: auto; }
.approved-design .breeder-profile-region { overflow-y: auto; min-height: 0; }
@media (min-width: 1051px) {
 .approved-design .breeder-map-layout, .approved-design .breeder-map-layout.has-breeder-profile { grid-template-columns: minmax(260px,18%) minmax(0,1fr) minmax(330px,24%); }
 .approved-design .breeder-profile-region { grid-column: auto; }
}
@media (min-width: 601px) and (max-width: 1050px) {
 .approved-design .breeder-map-layout { height: auto; grid-template-rows: minmax(560px,70dvh) auto; }
 .approved-design .breeder-profile-region { max-height: 70dvh; }
}
@media (max-width: 600px) {
 .approved-design .breeder-map-layout { height: auto; min-height: 0; }
 .approved-design .breeder-map-region { height: max(420px,65dvh); }
 .approved-design .breeder-map-rail, .approved-design .breeder-profile-region { z-index: 2202; top: 12px; bottom: 0; height: auto; max-height: none; padding-bottom: max(20px,env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
 .approved-design .breeder-map-rail { display: block; }
 .approved-design .breeder-results-list { max-height: none; overflow: visible; }
 .approved-design .breeder-filter-heading { position: sticky; top: -18px; z-index: 2; padding-block: 10px; background: #fffefa; }
 .approved-design .breeder-profile-close { position: sticky; top: 12px; z-index: 3; background: #fffefa; }
 .approved-design.breeder-map-sheet-open .mobile-bottom-navigation { visibility: hidden; }
 .approved-design.breeder-map-sheet-open::before { content: ''; position: fixed; inset: 0; z-index: 2201; background: #16151b55; }
}

/* Large desktop: preserve card anatomy while scaling imagery, type and controls. */
@media (min-width: 1921px) {
 html:has(> body.approved-design) { font-size: clamp(16px,.55vw,28px); }
 .approved-design { --wide-unit: clamp(1px,.044vw,2.25px); --header-height: calc(64 * var(--wide-unit)); font-size: calc(16 * var(--wide-unit)); }
 .approved-design .brand-symbol { width: calc(40 * var(--wide-unit)); height: calc(46 * var(--wide-unit)); flex-basis: calc(40 * var(--wide-unit)); }
 .approved-design .brand-wordmark { font-size: calc(28 * var(--wide-unit)); }
 .approved-design { --navigation-font-size: calc(12.5 * var(--wide-unit)); }
 .approved-design .design-icon { width: calc(21 * var(--wide-unit)); height: calc(21 * var(--wide-unit)); }
 .approved-design .home-hero { min-height: 32dvh; padding-block: calc(32 * var(--wide-unit)); }
 .approved-design .home-hero-copy { max-width: none; width: 48%; }
 .approved-design .home-hero { background-position: right center; background-size: auto 100%; }
 .approved-design .home-hero h1 { font-size: clamp(64px,2.7vw,130px); }
 .approved-design .home-hero-copy > p { max-width: 56ch; font-size: calc(17 * var(--wide-unit)); margin-block: calc(16 * var(--wide-unit)); }
 .approved-design .home-hero-form { grid-template-columns: minmax(0,1fr) 28%; gap: calc(12 * var(--wide-unit)); }
 .approved-design .home-hero-actions { align-self: start; }
 .approved-design .home-search { height: calc(48 * var(--wide-unit)); }
 .approved-design .home-search input, .approved-design .home-hero-actions .primary { height: calc(48 * var(--wide-unit)); font-size: calc(15 * var(--wide-unit)); }
 .approved-design .home-shortcuts { margin-block: calc(12 * var(--wide-unit)); }
 .approved-design .home-shortcuts a { min-height: calc(44 * var(--wide-unit)); font-size: calc(13 * var(--wide-unit)); }
 .approved-design .home-score-link { font-size: calc(12 * var(--wide-unit)); }
 .approved-design .brand-art-caption { width: calc(210 * var(--wide-unit)); font-size: calc(11 * var(--wide-unit)); bottom: calc(22 * var(--wide-unit)); }
 .approved-design .brand-art-caption > span { font-size: calc(30 * var(--wide-unit)); }
 .approved-design .home-discovery-band { padding-block: calc(24 * var(--wide-unit)); }
 .approved-design .home-section-heading h2 { font-size: calc(30 * var(--wide-unit)); }
 .approved-design .home-section-heading p { font-size: calc(15 * var(--wide-unit)); }
 .approved-design .home-section-heading > a, .approved-design .home-guides-intro > a { font-size: calc(12 * var(--wide-unit)); }
 .approved-design .home-koi-grid, .approved-design #results .cards-grid, .approved-design .collection-v4-grid, .approved-design .compare-grid { gap: calc(18 * var(--wide-unit)); }
 .approved-design .home-koi-card .home-koi-image { height: clamp(240px,20dvh,580px); }
 .approved-design .home-koi-card-body { padding: calc(12 * var(--wide-unit)); }
 .approved-design .home-koi-card h3 { font-size: calc(15 * var(--wide-unit)); }
 .approved-design .home-koi-meta, .approved-design .home-koi-footer { font-size: calc(13 * var(--wide-unit)); }
 .approved-design .home-koi-price { font-size: calc(16 * var(--wide-unit)); }
 .approved-design .photo-shortlist { width: calc(34 * var(--wide-unit)); height: calc(34 * var(--wide-unit)); }
 .approved-design .home-guides-band { grid-template-columns: 18% minmax(0,1fr); padding-block: calc(24 * var(--wide-unit)); }
 .approved-design .home-guides-intro h2 { font-size: calc(23 * var(--wide-unit)); }
 .approved-design .home-guides-intro p, .approved-design .home-guide-card p, .approved-design .home-guide-cta { font-size: calc(13 * var(--wide-unit)); }
 .approved-design .home-guide-card img { height: clamp(160px,10dvh,300px); }
 .approved-design .home-guide-card h3 { font-size: calc(16 * var(--wide-unit)); }
 .approved-design .home-footer p, .approved-design .home-footer .public-trust-links { font-size: calc(12 * var(--wide-unit)); max-width: 65ch; }
 .approved-design .public-trust-links a { font-size: calc(12 * var(--wide-unit)); }
 .approved-design .public-route-footer { font-size: calc(12 * var(--wide-unit)); padding-block: calc(22 * var(--wide-unit)); }
 .approved-design .scout-results-header { min-height: 18dvh; padding-block: calc(30 * var(--wide-unit)); }
 .approved-design .scout-title-block { max-width: 45%; }
 .approved-design .scout-title-block { width: 45%; }
 .approved-design .primary-filter-bar { width: 100%; }
 .approved-design .scout-title-block :is(h1, h2) { font-size: calc(56 * var(--wide-unit)); }
 .approved-design .inventory-eyebrow { font-size: calc(11 * var(--wide-unit)); }
 .approved-design .inventory-description, .approved-design .scout-help-link { font-size: calc(15 * var(--wide-unit)); }
 .approved-design .catalogue-controls { grid-template-columns: minmax(220px,1fr) minmax(400px,.85fr) max-content; gap: calc(20 * var(--wide-unit)); }
 .approved-design #controlsPanel { grid-template-columns: 30% minmax(0,1fr); }
 .approved-design #searchInput, .approved-design #filtersViewsButton, .approved-design #mobileSort, .approved-design .view-actions button { height: calc(48 * var(--wide-unit)); font-size: calc(14 * var(--wide-unit)); }
 .approved-design .results-grid-tools .results-count { font-size: calc(12 * var(--wide-unit)); }
 .approved-design #results .image-frame, .approved-design .collection-v4-grid .image-frame { height: clamp(360px,29dvh,900px); }
 .approved-design .koi-card .card-head { padding: calc(14 * var(--wide-unit)); min-height: calc(105 * var(--wide-unit)); }
 .approved-design .koi-card .title, .approved-design .koi-card .price { font-size: calc(17 * var(--wide-unit)); }
 .approved-design .koi-card .card-identities, .approved-design .koi-card .price small { font-size: calc(12 * var(--wide-unit)); }
 .approved-design .card-identities > div { grid-template-columns: 5em minmax(0,1fr); }
 .approved-design .koi-card .facts { padding: calc(10 * var(--wide-unit)); font-size: calc(13 * var(--wide-unit)); }
 .approved-design .card-score-row { padding-block: calc(16 * var(--wide-unit)); }
 .approved-design .scout-score-badge .score-label, .approved-design .geo-score-badge .geo-label { font-size: calc(13 * var(--wide-unit)); }
 .approved-design .scout-score-badge .score-value, .approved-design .geo-score-badge .geo-value { font-size: calc(25 * var(--wide-unit)); }
 .approved-design .koi-card .card-actions .link-button, .approved-design .link-button { min-height: calc(42 * var(--wide-unit)); font-size: calc(13 * var(--wide-unit)); }
 .approved-design .results-table { font-size: calc(14 * var(--wide-unit)); }
 .approved-design .results-table .table-image { width: calc(55 * var(--wide-unit)); height: calc(74 * var(--wide-unit)); }
 .approved-design .results-table .result-cell-koi { max-width: 22vw; }
 .approved-design .results-table thead th, .approved-design .results-table .result-cell-koi { font-size: calc(12 * var(--wide-unit)); }
 .approved-design .results-table .result-cell-price span { font-size: calc(11 * var(--wide-unit)); }
 .approved-design .table-actions .link-button { min-height: calc(34 * var(--wide-unit)); padding: calc(6 * var(--wide-unit)) calc(10 * var(--wide-unit)); }
 .approved-design .compare-image-frame { height: clamp(420px,39dvh,1120px); }
 .approved-design .compare-candidate-header h3 { font-size: calc(22 * var(--wide-unit)); }
 .approved-design .compare-card-body { padding: calc(18 * var(--wide-unit)); }
 .approved-design .compare-screen-intro { font-size: calc(16 * var(--wide-unit)); }
 .approved-design #shortlistView > .section-title h2 { max-width: none; font-size: calc(48 * var(--wide-unit)); }
 .approved-design .shortlist-grid .shortlist-card { padding: calc(14 * var(--wide-unit)) calc(14 * var(--wide-unit)) calc(60 * var(--wide-unit)); gap: calc(16 * var(--wide-unit)); }
 .approved-design .shortlist-grid .image-frame { height: 100%; min-height: calc(280 * var(--wide-unit)); }
 .approved-design .shortlist-grid .card-head { padding: 0; min-height: 0; }
 .approved-design .shortlist-note-editor textarea { font-size: calc(14 * var(--wide-unit)); }
 .approved-design .shortlist-note-editor .link-button { font-size: calc(12 * var(--wide-unit)); min-height: calc(32 * var(--wide-unit)); }
 .approved-design .editorial-hero { min-height: 26dvh; background-size: cover; padding-block: calc(36 * var(--wide-unit)); }
 .approved-design .editorial-hero > h1 { max-width: 48%; font-size: calc(58 * var(--wide-unit)); }
 .approved-design .editorial-hero > p:not(.gallery-opening-kicker) { max-width: 55ch; font-size: calc(17 * var(--wide-unit)); }
 .approved-design .guide-index-grid strong { font-size: calc(29 * var(--wide-unit)); }
 .approved-design .guide-index-grid > a > span { padding: calc(24 * var(--wide-unit)); font-size: calc(16 * var(--wide-unit)); }
 .approved-design .editorial-card p, .approved-design .guide-footer p { font-size: calc(16 * var(--wide-unit)); max-width: 68ch; }
 .approved-design .editorial-card h2, .approved-design .guide-footer h2 { font-size: calc(26 * var(--wide-unit)); }
 .approved-design .guide-chapters a, .approved-design .trust-contents a { font-size: calc(14 * var(--wide-unit)); }
 .approved-design #detailModal { padding-inline: var(--page-gutter); }
 .approved-design #detailModal .modal { max-width: none; }
 .approved-design .detail-title-block h3 { font-size: calc(44 * var(--wide-unit)); }
 .approved-design .detail-listing-header { grid-template-columns: minmax(0,1fr) minmax(300px,30%); }
 .approved-design .detail-title-block h3 { max-width: none; }
 .approved-design .detail-primary-metadata { font-size: calc(18 * var(--wide-unit)); }
 .approved-design .detail-product-price strong { font-size: calc(38 * var(--wide-unit)); }
 .approved-design .detail-product-layout { grid-template-columns: 44% minmax(0,1fr); }
 .approved-design .detail-score-panel > div > span { font-size: calc(24 * var(--wide-unit)); }
 .approved-design .detail-product-information :is(p,small,dt,dd,li,.detail-empty-state,.detail-source-link,.detail-media-note) { font-size: calc(14 * var(--wide-unit)); }
 .approved-design .detail-product-price span, .approved-design .detail-product-information h4 { font-size: calc(15 * var(--wide-unit)); }
 .approved-design .detail-product-information .detail-score-value { font-size: calc(34 * var(--wide-unit)); }
 .approved-design .variety-workspace { width: 100%; grid-template-columns: minmax(0,1fr) 24%; }
 .approved-design .variety-search-wrap { width: min(32vw,900px); }
 .approved-design .variety-detail { max-height: none; }
 .approved-design .variety-detail-art-button img { height: clamp(320px,32dvh,820px); aspect-ratio: auto; }
 .approved-design .variety-detail-description, .approved-design .variety-detail-breadcrumb, .approved-design .variety-traits, .approved-design .variety-art-disclosure { font-size: calc(14 * var(--wide-unit)); }
 .approved-design .breeder-map-layout { height: calc(100dvh - var(--header-height) - 280px); }
 .approved-design .breeder-result-button { grid-template-columns: calc(64 * var(--wide-unit)) minmax(0,1fr); padding: calc(14 * var(--wide-unit)); }
 .approved-design .breeder-result-button .breeder-illustration { width: calc(64 * var(--wide-unit)); height: calc(64 * var(--wide-unit)); }
 .approved-design .breeder-result-button > span { font-size: calc(13 * var(--wide-unit)); }
 .approved-design .breeder-checkbox-filter summary, .approved-design .breeder-checkbox-option, .approved-design .breeder-result-count, .approved-design .breeder-filter-field { font-size: calc(14 * var(--wide-unit)); }
}

/* Audit remediation: light surfaces and overlays share explicit contrast/layer rules. */
.approved-design .guide-source-note h2 { color: var(--text); }
.approved-design .results-table .result-cell-price strong { color: #983b4b; }
.approved-design .filters-views-backdrop { z-index: 2200; }
.approved-design.filters-views-open .mobile-bottom-navigation,
.approved-design.variety-sheet-open .mobile-bottom-navigation { visibility: hidden; }
@media (max-width: 600px) {
 .approved-design .variety-mobile-summary { bottom: calc(80px + env(safe-area-inset-bottom)); }
}
@media (min-width: 1920px) {
 .approved-design { --form-unit: clamp(1px,.044vw,1.8px); }
 .approved-design .member-panel { width: min(calc(590 * var(--form-unit)),100%); }
 .approved-design [data-member-view='account'] .member-panel { width: min(calc(1000 * var(--form-unit)),100%); }
 .approved-design .admin-operations-panel { width: 100%; max-width: calc(1328 * var(--form-unit)); }
 .approved-design .member-panel h1 { font-size: calc(42 * var(--form-unit)); }
 .approved-design .member-section h2 { font-size: calc(27 * var(--form-unit)); }
 .approved-design .member-panel-heading { padding: calc(32 * var(--form-unit)); }
 .approved-design .member-form, .approved-design .member-section, .approved-design .member-actions { padding: calc(24 * var(--form-unit)) calc(32 * var(--form-unit)); }
 .approved-design .member-panel-heading > p:not(.member-eyebrow), .approved-design .member-section-copy { font-size: calc(15 * var(--form-unit)); }
 .approved-design .member-form-help, .approved-design .member-auth-alternative,
 .approved-design .admin-control-reason, .approved-design .admin-fact-label { font-size: calc(13 * var(--form-unit)); }
 .approved-design .member-form label, .approved-design .member-button, .approved-design .admin-fact-value { font-size: calc(14 * var(--form-unit)); }
 .approved-design .member-form input:not([type='checkbox']), .approved-design .member-form select { font-size: calc(16 * var(--form-unit)); }
 .approved-design .member-button, .approved-design .member-form input:not([type='checkbox']), .approved-design .member-form select { min-height: calc(48 * var(--form-unit)); }
 .approved-design .filters-views-panel { width: min(calc(1200 * var(--form-unit)),100%); }
 .approved-design .filter-range { height: calc(48 * var(--form-unit)); }
 .approved-design #filtersViewsPanel .filter-range > label { padding: calc(4 * var(--form-unit)) calc(12 * var(--form-unit)); }
 .approved-design #filtersViewsPanel .filter-range > label > span { font-size: calc(12 * var(--form-unit)); line-height: calc(16 * var(--form-unit)); }
 .approved-design #filtersViewsPanel .filter-range input { height: calc(22 * var(--form-unit)); min-height: 0; line-height: calc(22 * var(--form-unit)); font-size: calc(15 * var(--form-unit)); }
 .approved-design .filter-section-heading h3, .approved-design .filter-field > span,
 .approved-design .filter-field > label { font-size: calc(14 * var(--form-unit)); }
 .approved-design .filters-views-header h2 { font-size: calc(32 * var(--form-unit)); }
 .approved-design .filters-views-panel .field-label, .approved-design .filters-views-panel .filter-note,
 .approved-design .filters-views-panel .filter-score-note { font-size: calc(12 * var(--form-unit)); }
 .approved-design .filters-views-panel .multi-select-toggle, .approved-design .filters-views-panel input,
 .approved-design .filters-views-panel .link-button, .approved-design .filters-views-panel .preset-button,
 .approved-design #filtersViewsDescription, .approved-design .filters-views-panel .multi-select-option { font-size: calc(14 * var(--form-unit)); }
 .approved-design .filters-views-panel .multi-select-toggle, .approved-design .filters-views-panel input:not([type='checkbox']),
 .approved-design .filters-views-panel .link-button { min-height: calc(44 * var(--form-unit)); }
}

/* Reserve loading space so delayed content cannot lift the footer into view. */
.approved-design #varietyLoadStatus { position: absolute; }
.approved-design .variety-workspace { min-height: calc(100dvh - 240px); }
.approved-design #results, .approved-design #compareView { min-height: calc(100dvh - 320px); }
.approved-design #searchInput { min-height: 44px; }
@media (max-width: 1280px) {
 .approved-design .home-hero, .approved-design[data-inventory-category="newKoi"] .scout-results-header { background-image: url(./assets/approved/home-hero-1280.webp); }
 .approved-design .scout-results-header { background-image: url(./assets/approved/landscape-1280.webp); }
 .approved-design .editorial-hero { --editorial-art: url(./assets/approved/landscape-1280.webp) !important; }
}

.approved-design[data-entry-pending='workspace'] #workspace { min-height: 100dvh; }
.approved-design[data-entry-pending='workspace'] #workspace > :not(.topbar),
.approved-design[data-entry-pending='workspace'] > .public-route-footer,
.approved-design[data-entry-pending='document'] .guide-shell,
.approved-design[data-entry-pending='document'] .guide-footer,
.approved-design[data-entry-pending='member'] #homeContent,
.approved-design[data-entry-pending='member'] #workspace,
.approved-design[data-entry-pending='member'] .home-footer { visibility: hidden; }

.approved-design.scout-route #homePage { display: none; }
.approved-design #compareView:has([data-request-state='loading']) { min-height: calc(100dvh - var(--header-height)); }

.approved-design .brand-symbol { background-image: url('./assets/approved/brand-symbol.webp'); }

/* Laptop review: complete artwork, one active marker and adjacent browse controls. */
.approved-design .public-navigation-links > a { position: relative; border-bottom: 0; }
.approved-design .public-navigation-links > a::before { display: none; }
.approved-design .public-navigation-links > a.is-current::before {
 content: ''; display: block; position: absolute; inset: auto auto 8px 50%;
 width: 7px; height: 7px; border-radius: 50%; transform: translateX(-50%); background: var(--brand-red);
}
.approved-design .public-navigation-links > a.is-current::after { display: none; }
.approved-design .home-hero {
 background-image: linear-gradient(90deg,#faf8f3 0%,#faf8f3f2 30%,#faf8f380 52%,transparent 65%),url('./assets/approved/home-hero.webp');
 background-color: #faf8f3; background-position: center; background-size: cover;
}
.approved-design .scout-results-header {
 background: linear-gradient(90deg,#faf8f3 0%,#faf8f3f2 30%,#faf8f380 52%,transparent 65%),url('./assets/approved/header-inventory.webp') center / cover no-repeat;
 background-size: cover;
 min-height: 220px;
}
.approved-design[data-inventory-category='newKoi'] .scout-results-header {
 background-image: linear-gradient(90deg,#faf8f3 0%,#faf8f3f2 30%,#faf8f380 52%,transparent 65%),url('./assets/approved/header-inventory.webp');
}
.approved-design .brand-art-caption {
 width: 210px; max-width: none; padding: 0; border-radius: 0;
 background: transparent; color: #101218; font-size: 11px; line-height: 1.75;
 letter-spacing: .16em; text-transform: uppercase; text-align: center;
 text-shadow: 0 1px 2px #fffefa, 0 0 10px #fffefa;
}
.approved-design .brand-art-caption > span { display: block; font-size: 30px; line-height: 1.25; }
.approved-design .home-hero .brand-art-caption { right: var(--page-gutter); bottom: 22px; }
.approved-design .scout-results-header .brand-art-caption { right: 16px; bottom: 22px; }
.approved-design .inventory-arrivals { margin: 10px 0 0; font-size: 14px; color: var(--text); }
@media (min-width: 1400px) {
 .approved-design .home-header, .approved-design .topbar, .approved-design .guide-header { gap: clamp(40px,3.2vw,90px); }
}
@media (min-width: 1280px) {
 .approved-design .catalogue-controls { grid-template-columns: minmax(260px,30%) 400px minmax(260px,1fr); gap: 12px; }
 .approved-design .results-grid-tools { justify-content: flex-start; margin-left: auto; }
}
@media (min-width: 1921px) {
 .approved-design .catalogue-controls { grid-template-columns: minmax(400px,30%) minmax(500px,27%) minmax(0,1fr); gap: calc(12 * var(--wide-unit)); }
 .approved-design .scout-results-header { min-height: 20dvh; }
 .approved-design .brand-art-caption { width: calc(210 * var(--wide-unit)); font-size: calc(11 * var(--wide-unit)); }
 .approved-design .brand-art-caption > span { font-size: calc(30 * var(--wide-unit)); }
 .approved-design .home-hero .brand-art-caption, .approved-design .scout-results-header .brand-art-caption { bottom: calc(22 * var(--wide-unit)); }
 .approved-design .scout-results-header .brand-art-caption { right: calc(16 * var(--wide-unit)); }
 .approved-design .inventory-arrivals { font-size: calc(14 * var(--wide-unit)); }
 .approved-design .public-navigation-links > a.is-current::before { width: calc(7 * var(--wide-unit)); height: calc(7 * var(--wide-unit)); bottom: calc(8 * var(--wide-unit)); }
}
@media (max-width: 1399px) {
 .approved-design .public-navigation.is-open .public-navigation-links a.is-current { border: 0; }
 .approved-design .public-navigation.is-open .public-navigation-links a.is-current::before { inset: 50% 10px auto auto; transform: translateY(-50%); }
}
@media (max-width: 1279px) {
 .approved-design .home-hero { background-position: right bottom; background-size: contain; }
 .approved-design .brand-art-caption { width: 175px; font-size: 10px; }
 .approved-design .scout-results-header .brand-art-caption { bottom: 10px; }
 .approved-design .scout-results-header .brand-art-caption > span { font-size: 24px; }
}
@media (max-width: 600px) {
 .approved-design .home-hero { padding-bottom: 170px; background-size: 100% auto; }
 .approved-design .home-hero .brand-art-caption { left: 16px; right: auto; bottom: 16px; }
 .approved-design .brand-art-caption > span { font-size: 24px; }
 .approved-design .scout-results-header { padding-bottom: 155px; background-position: center bottom; background-size: 100% auto; }
 .approved-design .scout-title-block { max-width: 100%; }
 .approved-design .scout-results-header .brand-art-caption { display: block; bottom: 14px; right: auto; left: 0; }
}
@media (min-width: 1320px) {
 .approved-design .variety-detail { max-height: none; }
 .approved-design .variety-detail-scroll { display: flex; flex-direction: column; padding: 12px; }
 .approved-design .variety-detail-scroll > * { flex: 0 0 auto; }
 .approved-design .variety-detail-topline { margin-bottom: 6px; }
 .approved-design .variety-detail-description { margin: 4px 0 6px; }
 .approved-design .variety-detail-scroll .variety-traits { margin-bottom: 8px; }
 .approved-design .variety-detail-scroll .variety-art-disclosure { margin: 0 0 6px; padding: 0; font-size: 11px; }
 .approved-design .variety-detail-art-button { flex: 1 1 0; min-height: 140px; margin-bottom: 6px; }
 .approved-design .variety-related-guidance { margin-top: 8px; }
 .approved-design .variety-related-guidance > p { margin-top: 0; }
 .approved-design .variety-detail-art-button img { height: 100%; min-height: 0; aspect-ratio: auto; }
}

@media (max-width:1280px) { .approved-design .scout-results-header, .approved-design[data-inventory-category='newKoi'] .scout-results-header { background-image: linear-gradient(90deg,#faf8f3 0%,#faf8f3f2 30%,#faf8f380 52%,transparent 65%),url('./assets/approved/header-inventory-1280.webp'); } .approved-design .home-hero { background-image: linear-gradient(90deg,#faf8f3 0%,#faf8f3f2 30%,#faf8f380 52%,transparent 65%),url('./assets/approved/home-hero-1280.webp'); } }

/* One physical comparison scale; approved portraits remain untouched. */
.approved-design .age-stage-grid { list-style: none; padding: 0; margin: 30px 0 20px; gap: 28px 20px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.approved-design .age-stage-card { position: relative; display: flex; flex-direction: column; padding: 26px 20px 20px; border-top: 2px solid #c7182b; min-width: 0; container-type: inline-size; }
.approved-design .age-stage-number { position: absolute; top: -15px; left: 18px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #c7182b; color: white; font: 600 12px var(--font-data); }
.approved-design .age-stage-card::after { content: '→'; position: absolute; right: 14px; top: 5px; color: #c7182b; }
.approved-design .age-stage-card:last-child::after { display: none; }
.approved-design .age-stage-card .age-stage-period { margin: 0 0 4px; color: var(--muted); font-size: 13px; }
/* Limit the common ruler height so even the 90 cm portrait fits beside it. */
.approved-design .age-stage-art { position: relative; height: clamp(300px,24vw,520px); max-height: calc((100cqw - 66px) * 1.36 + 36px); margin-block: 30px 18px; flex-shrink: 0; background: #087cf4; border-radius: 4px; }
.approved-design .age-scaled-portrait { position: absolute; inset: 16px 66px 20px 0; }
.approved-design .age-scaled-portrait > img { position: absolute; left: 50%; bottom: calc(100% * var(--photo-offset)); height: calc(100% * var(--photo-scale)); width: auto; max-width: none; max-height: none; transform: translateX(-50%); object-fit: contain; mix-blend-mode: normal; mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000 3%,#000 95%,transparent); mask-composite: intersect; }
.approved-design .age-ruler { position: absolute; top: 16px; bottom: 20px; right: 0; width: 54px; border-left: 1px solid #778c9c; background: #fffefa; text-align: left; font: 13px var(--font-data); color: #435764; }
.approved-design .age-ruler::before { content: ''; position: absolute; inset: -10px 0; background: #fffefa; }
.approved-design .age-ruler-unit { position: absolute; top: -38px; left: 13px; color: #435764; }
.approved-design .age-ruler-tick { position: absolute; left: 0; right: 0; padding-left: 16px; transform: translateY(50%); line-height: 1; }
.approved-design .age-ruler-tick::before { content: ''; position: absolute; left: 0; top: 50%; width: 9px; border-top: 1px solid #778c9c; }
.approved-design .age-ruler-sample { position: absolute; left: -13px; width: 12px; height: 2px; background: #c7182b; transform: translateY(50%); }
.approved-design .age-ruler-sample::before { content: ''; position: absolute; right: 0; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: #c7182b; outline: 1px solid white; }
.approved-design .age-fry-detail { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 100px; height: 150px; border-radius: 3px; background: url('./assets/approved/lifecycle/young.webp') center/contain no-repeat; }
.approved-design .age-fry-detail > span { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 150px; padding: 6px 0; font-size: 12px; color: #435764; background: #fffefa; }
.approved-design .age-stage-card .age-example { margin-top: 0; font-size: 14px; }
.approved-design .age-example strong { color: var(--text); font-size: 20px; }
.approved-design .age-image-link { display: grid; place-items: center; min-height: 44px; font-size: 13px; align-self: center; }
.approved-design .age-size-metric { margin: 4px 0 8px; padding: 12px 8px; border-block: 1px solid var(--line); }
.approved-design .age-size-metric dt { font-size: 13px; color: var(--muted); }
.approved-design .age-size-metric dd { margin: 4px 0 0; font: 600 24px var(--font-display); color: var(--text); }
.approved-design .age-stage-card .age-size-context { font-size: 12px; line-height: 1.5; min-height: 3em; }
.approved-design .age-stage-card .age-stage-description { margin: 16px 0; line-height: 1.6; }
.approved-design .age-stage-action { margin-top: auto; padding-top: 4px; }
.approved-design .age-stage-action .link-button { min-height: 44px; white-space: normal; font-size: 14px; line-height: 1.4; }
.approved-design .age-stage-card .age-browse-note { margin-top: 10px; font-size: 12px; line-height: 1.5; }
.approved-design .age-journey-note { max-width: 95ch; font-size: 14px; line-height: 1.6; color: var(--muted); }
@media (min-width:1920px) {
 .approved-design .age-stage-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .approved-design .age-stage-art { height: clamp(460px,24vw,720px); }
 .approved-design .age-stage-card h2 { font-size: clamp(26px,1.1vw,46px); }
 .approved-design .age-stage-card .age-stage-period, .approved-design .age-image-link, .approved-design .age-size-metric dt, .approved-design .age-ruler { font-size: clamp(13px,.52vw,22px); }
 .approved-design .age-stage-card .age-size-context, .approved-design .age-stage-card .age-browse-note { font-size: clamp(12px,.5vw,20px); }
 .approved-design .age-stage-card .age-example, .approved-design .age-stage-action .link-button { font-size: clamp(14px,.6vw,24px); }
 .approved-design .age-example strong { font-size: clamp(20px,.8vw,32px); }
 .approved-design .age-size-metric dd { font-size: clamp(24px,1vw,40px); }
}
@media (max-width:1000px) { .approved-design .age-stage-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) {
 .approved-design .age-stage-grid { grid-template-columns: 1fr; margin-left: 14px; border-left: 1px solid #c7182b; padding-left: 20px; gap: 22px; }
 .approved-design .age-stage-card { padding: 18px 14px; border-top: 1px solid var(--line); }
 .approved-design .age-stage-number { left: -36px; top: 14px; }
 .approved-design .age-stage-card::after { display: none; }
 .approved-design .age-stage-art { height: 300px; }
}

/* Trust: one compact page, native disclosures and clearly visible actions. */
.approved-design.trust-page { --trust-unit: var(--wide-unit,1px); }
.approved-design .trust-shell { display: flex; flex-direction: column; gap: calc(22 * var(--trust-unit)); padding-top: calc(28 * var(--trust-unit)); }
.approved-design .trust-shell p { margin: 0; color: #565650; font: 400 calc(15 * var(--trust-unit))/1.55 var(--font-data); }
.approved-design .trust-shell h2 { margin: 0; color: #24231f; font: 600 calc(27 * var(--trust-unit))/1.25 var(--font-display); letter-spacing: -.025em; }
.approved-design .trust-shell h3 { margin: 0; color: #24231f; font: 650 calc(18 * var(--trust-unit))/1.3 var(--font-data); }
.approved-design .trust-shell [id] { scroll-margin-block: calc(24 * var(--trust-unit)); }
.approved-design .trust-intro { max-width: none; display: grid; grid-template-columns: minmax(0,1.6fr) minmax(260px,1fr); align-items: center; gap: calc(36 * var(--trust-unit)); padding: 0; }
.approved-design .trust-intro h1 { margin: calc(8 * var(--trust-unit)) 0 calc(12 * var(--trust-unit)); color: #24231f; font: 600 calc(48 * var(--trust-unit))/1.06 var(--font-display); letter-spacing: -.04em; }
.approved-design .trust-intro > div > p { max-width: 58ch; }
.approved-design .trust-shell .trust-eyebrow { color: #aa1020; font: 700 calc(11 * var(--trust-unit))/1.4 var(--font-data); letter-spacing: .09em; text-transform: uppercase; }
.approved-design .trust-owner { display: flex; align-items: flex-start; gap: calc(16 * var(--trust-unit)); padding: calc(24 * var(--trust-unit)); border-radius: calc(14 * var(--trust-unit)); background: #eeeae1; }
.approved-design .trust-owner-mark { display: grid; place-items: center; flex: 0 0 calc(48 * var(--trust-unit)); height: calc(48 * var(--trust-unit)); border-radius: 50%; background: #bd1423; color: white; font: 600 calc(16 * var(--trust-unit)) var(--font-display); }
.approved-design .trust-owner > div > strong { display: block; margin-bottom: calc(6 * var(--trust-unit)); font-size: calc(19 * var(--trust-unit)); }
.approved-design .trust-owner .trust-owner-credit { margin-top: calc(12 * var(--trust-unit)); font-size: calc(12 * var(--trust-unit)); }
.approved-design .trust-action { display: inline-flex; justify-content: center; align-items: center; gap: calc(16 * var(--trust-unit)); min-height: calc(44 * var(--trust-unit)); margin-top: calc(14 * var(--trust-unit)); padding: calc(10 * var(--trust-unit)) calc(18 * var(--trust-unit)); border: 1px solid #69665e; border-radius: calc(8 * var(--trust-unit)); font: 650 calc(14 * var(--trust-unit))/1.3 var(--font-data); text-decoration: none; box-shadow: none; }
.approved-design .trust-action-primary { background: #bd1423; border-color: #bd1423; color: #fff; }
.approved-design .trust-action-primary:hover { background: #99121e; border-color: #99121e; color: #fff; }
.approved-design .trust-action-secondary { background: #fffefa; color: #24231f; }
.approved-design .trust-action-secondary:hover { background: #eeeae1; color: #24231f; border-color: #24231f; }
.approved-design .trust-shell :is(a,summary):focus-visible { outline: 3px solid #155b86; outline-offset: 4px; }
.approved-design .trust-shell :is(h1,h2,h3,[tabindex='-1']):focus { outline: none; }
.approved-design .trust-block-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: calc(14 * var(--trust-unit)); }
.approved-design .trust-block-heading p { font-size: calc(14 * var(--trust-unit)); }
.approved-design .trust-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(14 * var(--trust-unit)); }
.approved-design .trust-step { display: flex; flex-direction: column; align-items: flex-start; gap: calc(10 * var(--trust-unit)); padding: calc(20 * var(--trust-unit)); background: #fffefa; border: 1px solid #ded9ce; border-radius: calc(12 * var(--trust-unit)); }
.approved-design .trust-step-number { color: #aa1020; font: 700 calc(13 * var(--trust-unit))/1 var(--font-data); letter-spacing: .06em; }
.approved-design .trust-step-note { margin-top: auto; padding-top: calc(4 * var(--trust-unit)); color: #656059; font: 400 calc(12 * var(--trust-unit))/1.5 var(--font-data); }
.approved-design .trust-score-key { margin: 0; display: grid; gap: calc(8 * var(--trust-unit)); font: calc(15 * var(--trust-unit))/1.5 var(--font-data); }
.approved-design .trust-score-key > div { display: grid; grid-template-columns: calc(46 * var(--trust-unit)) minmax(0,1fr); gap: calc(10 * var(--trust-unit)); }
.approved-design .trust-score-key dt { font-weight: 650; color: #24231f; }
.approved-design .trust-score-key dd { margin: 0; color: #565650; }
.approved-design .trust-disclosure { border-bottom: 1px solid #d7d1c6; }
.approved-design .trust-disclosure summary { display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--trust-unit)); min-height: calc(52 * var(--trust-unit)); padding-block: calc(12 * var(--trust-unit)); cursor: pointer; color: #24231f; font: 650 calc(14 * var(--trust-unit))/1.4 var(--font-data); list-style: none; }
.approved-design .trust-disclosure summary::-webkit-details-marker { display: none; }
.approved-design .trust-disclosure summary::after { content: '+'; display: grid; place-items: center; flex: 0 0 calc(24 * var(--trust-unit)); width: calc(24 * var(--trust-unit)); height: calc(24 * var(--trust-unit)); border: 1px solid #77736a; border-radius: 50%; font: 500 calc(20 * var(--trust-unit))/1 var(--font-data); }
.approved-design .trust-disclosure[open] > summary::after { content: '−'; }
.approved-design .trust-disclosure summary:hover { color: #aa1020; }
.approved-design .trust-disclosure-body { padding-bottom: calc(18 * var(--trust-unit)); max-width: 78ch; }
.approved-design .trust-disclosure-body p + p, .approved-design .trust-disclosure-body section { margin-top: calc(12 * var(--trust-unit)); }
.approved-design .trust-disclosure-body h3 { margin-bottom: calc(8 * var(--trust-unit)); }
.approved-design .trust-bottom-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: calc(24 * var(--trust-unit)); align-items: start; }
.approved-design .trust-data { padding: calc(22 * var(--trust-unit)); background: #fffefa; border: 1px solid #ded9ce; border-radius: calc(12 * var(--trust-unit)); }
.approved-design .trust-storage-key { display: grid; gap: calc(12 * var(--trust-unit)); margin: 0; font: calc(15 * var(--trust-unit))/1.5 var(--font-data); }
.approved-design .trust-storage-key > div { display: grid; grid-template-columns: minmax(130px,.65fr) minmax(0,1.6fr); gap: calc(18 * var(--trust-unit)); }
.approved-design .trust-storage-key dt { font-weight: 650; color: #24231f; }
.approved-design .trust-storage-key dd { margin: 0; color: #565650; }
.approved-design .trust-data > .trust-action { margin-bottom: calc(8 * var(--trust-unit)); }
.approved-design .trust-contact { padding: calc(24 * var(--trust-unit)); border-radius: calc(12 * var(--trust-unit)); background: #eeeae1; }
.approved-design .trust-contact h2 { margin-block: calc(10 * var(--trust-unit)); }
.approved-design .trust-contact .trust-disclosure { margin-top: calc(12 * var(--trust-unit)); }
.approved-design .trust-simple-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: calc(12 * var(--trust-unit)); margin-top: auto; padding-block: calc(18 * var(--trust-unit)); border-top: 1px solid var(--line); }
.approved-design .trust-simple-footer p, .approved-design .trust-simple-footer a { font-size: calc(12 * var(--trust-unit)); }
.approved-design .trust-simple-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #484640; }
@media (max-width: 1000px) {
 .approved-design .trust-intro { grid-template-columns: minmax(0,1.3fr) minmax(240px,1fr); gap: 20px; }
 .approved-design .trust-intro h1 { font-size: 40px; }
 .approved-design .trust-owner { padding: 18px; gap: 12px; }
 .approved-design .trust-owner-mark { display: none; }
 .approved-design .trust-steps { gap: 10px; }
 .approved-design .trust-step { padding: 16px; }
 .approved-design .trust-bottom-grid { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 16px; }
 .approved-design .trust-storage-key > div { grid-template-columns: 1fr; gap: 2px; }
}
@media (max-width: 700px) {
 .approved-design .trust-shell { gap: 20px; padding-top: 22px; }
 .approved-design .trust-intro, .approved-design .trust-steps, .approved-design .trust-bottom-grid { grid-template-columns: 1fr; }
 .approved-design .trust-intro h1 { font-size: 36px; }
 .approved-design .trust-owner-mark { display: grid; }
 .approved-design .trust-owner { padding: 16px; }
 .approved-design .trust-owner .trust-owner-credit { margin-top: 6px; }
 .approved-design .trust-block-heading h2, .approved-design .trust-bottom-grid h2 { font-size: 24px; }
 .approved-design .trust-step { padding: 18px; }
 .approved-design .trust-data, .approved-design .trust-contact { padding: 18px; }
 .approved-design .trust-simple-footer .public-trust-links { gap: 0 16px; }
}

/* Guides: the approved compact Trust approach, with task-based reading. */
.approved-design.guides-simple { --guide-unit: var(--wide-unit,1px); }
.approved-design .guides-simple-shell { gap: calc(22 * var(--guide-unit)); padding-top: calc(20 * var(--guide-unit)); }
.approved-design .guides-simple-shell .guide-view { display: grid; gap: calc(22 * var(--guide-unit)); }
.approved-design .guides-simple-shell p { margin: 0; color: #565650; font: 400 calc(15 * var(--guide-unit))/1.55 var(--font-data); }
.approved-design .guides-simple-shell h2 { margin: 0; color: #24231f; font: 600 calc(27 * var(--guide-unit))/1.25 var(--font-display); letter-spacing: -.025em; }
.approved-design .guides-simple-shell [id] { scroll-margin-block: calc(24 * var(--guide-unit)); }
.approved-design .guides-intro { display: flex; align-items: center; justify-content: space-between; gap: calc(32 * var(--guide-unit)); padding-block: calc(6 * var(--guide-unit)); }
.approved-design .guides-intro > div { max-width: 76%; }
.approved-design .guides-intro h1 { margin: calc(8 * var(--guide-unit)) 0 calc(12 * var(--guide-unit)); color: #24231f; font: 600 calc(46 * var(--guide-unit))/1.1 var(--font-display); letter-spacing: -.04em; }
.approved-design .guides-intro > div > p { max-width: 72ch; }
.approved-design .guides-intro > .guides-action { flex-shrink: 0; white-space: nowrap; }
.approved-design .guides-intro-art { flex-shrink: 0; width: calc(220 * var(--guide-unit)); height: auto; aspect-ratio: 1586/992; object-fit: contain; border-radius: calc(12 * var(--guide-unit)); }
.approved-design .guides-simple-shell .guides-eyebrow { color: #aa1020; font: 700 calc(11 * var(--guide-unit))/1.4 var(--font-data); letter-spacing: .07em; text-transform: uppercase; }
.approved-design .guides-nav { display: flex; flex-wrap: wrap; gap: calc(8 * var(--guide-unit)); padding-bottom: calc(16 * var(--guide-unit)); border-bottom: 1px solid var(--line); }
.approved-design .guides-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: calc(44 * var(--guide-unit)); padding: calc(10 * var(--guide-unit)) calc(18 * var(--guide-unit)); border: 1px solid #77736a; border-radius: calc(24 * var(--guide-unit)); background: #fffefa; color: #24231f; font: 600 calc(14 * var(--guide-unit))/1.3 var(--font-data); text-decoration: none; }
.approved-design .guides-nav a:hover { background: #eeeae1; border-color: #24231f; }
.approved-design .guides-nav a[aria-current] { color: white; background: #24231f; border-color: #24231f; }
.approved-design .guides-action { display: inline-flex; align-items: center; justify-content: center; gap: calc(16 * var(--guide-unit)); min-height: calc(44 * var(--guide-unit)); padding: calc(10 * var(--guide-unit)) calc(18 * var(--guide-unit)); border: 1px solid #69665e; border-radius: calc(8 * var(--guide-unit)); font: 650 calc(14 * var(--guide-unit))/1.3 var(--font-data); text-decoration: none; text-align: center; }
.approved-design .guides-action-primary { color: white; background: #bd1423; border-color: #bd1423; }
.approved-design .guides-action-primary:hover { color: white; background: #99121e; border-color: #99121e; }
.approved-design .guides-action-secondary { background: #fffefa; color: #24231f; }
.approved-design .guides-action-secondary:hover { background: #eeeae1; border-color: #24231f; color: #24231f; }
.approved-design .guides-simple-shell :is(a,summary):focus-visible { outline: 3px solid #155b86; outline-offset: 4px; }
.approved-design .guides-simple-shell :is(h1,h2,[tabindex='-1']):focus { outline: none; }
.approved-design .guides-simple-shell .guide-index-grid { gap: calc(18 * var(--guide-unit)); margin: 0; }
.approved-design .guides-simple-shell .guide-index-grid > a { border-radius: calc(12 * var(--guide-unit)); transition: border-color .15s ease; }
.approved-design .guides-simple-shell .guide-index-grid > a:hover { border-color: #aa1020; }
.approved-design .guides-simple-shell .guide-index-grid > a > span { padding: calc(20 * var(--guide-unit)); gap: calc(12 * var(--guide-unit)); font-size: calc(15 * var(--guide-unit)); color: #565650; }
.approved-design .guides-simple-shell .guide-index-grid strong { font: 600 calc(25 * var(--guide-unit))/1.25 var(--font-display); color: #24231f; letter-spacing: -.025em; }
.approved-design .guides-simple-shell .guide-index-grid .guide-card-action { display: flex; align-items: center; justify-content: space-between; min-height: calc(44 * var(--guide-unit)); margin-top: calc(4 * var(--guide-unit)); padding: calc(10 * var(--guide-unit)) calc(14 * var(--guide-unit)); border: 1px solid #77736a; border-radius: calc(8 * var(--guide-unit)); color: #24231f; font: 650 calc(14 * var(--guide-unit))/1.3 var(--font-data); }
.approved-design .guides-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(14 * var(--guide-unit)); }
.approved-design .guides-score-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(18 * var(--guide-unit)); }
.approved-design .guides-card { display: flex; flex-direction: column; align-items: flex-start; gap: calc(12 * var(--guide-unit)); padding: calc(22 * var(--guide-unit)); border: 1px solid #ded9ce; border-radius: calc(12 * var(--guide-unit)); background: #fffefa; }
.approved-design .guides-card h2 { font-size: calc(24 * var(--guide-unit)); }
.approved-design .guides-card .guides-action { margin-top: auto; }
.approved-design .guides-card .guides-note { padding-top: calc(12 * var(--guide-unit)); margin-top: auto; border-top: 1px solid var(--line); font-size: calc(13 * var(--guide-unit)); }
.approved-design .guides-bottom-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: calc(24 * var(--guide-unit)); align-items: start; }
.approved-design .guides-panel { padding: calc(22 * var(--guide-unit)); background: #fffefa; border: 1px solid #ded9ce; border-radius: calc(12 * var(--guide-unit)); }
.approved-design .guides-panel > h2 { margin-bottom: calc(6 * var(--guide-unit)); }
.approved-design .guides-callout { display: grid; justify-items: start; gap: calc(12 * var(--guide-unit)); padding: calc(24 * var(--guide-unit)); border-radius: calc(12 * var(--guide-unit)); background: #eeeae1; }
.approved-design .guides-callout ul { display: grid; gap: calc(10 * var(--guide-unit)); margin: 0; padding-left: calc(18 * var(--guide-unit)); color: #565650; font: calc(15 * var(--guide-unit))/1.55 var(--font-data); }
.approved-design .guides-disclosure { border-bottom: 1px solid #d7d1c6; }
.approved-design .guides-disclosure summary { display: flex; justify-content: space-between; align-items: center; gap: calc(16 * var(--guide-unit)); min-height: calc(52 * var(--guide-unit)); padding-block: calc(12 * var(--guide-unit)); cursor: pointer; color: #24231f; font: 650 calc(14 * var(--guide-unit))/1.4 var(--font-data); list-style: none; }
.approved-design .guides-disclosure summary::-webkit-details-marker { display: none; }
.approved-design .guides-disclosure summary::after { content: '+'; display: grid; place-items: center; flex: 0 0 calc(24 * var(--guide-unit)); width: calc(24 * var(--guide-unit)); height: calc(24 * var(--guide-unit)); border: 1px solid #77736a; border-radius: 50%; font: 500 calc(20 * var(--guide-unit))/1 var(--font-data); }
.approved-design .guides-disclosure[open] > summary::after { content: '−'; }
.approved-design .guides-disclosure summary:hover { color: #aa1020; }
.approved-design .guides-disclosure > div { padding-block: calc(4 * var(--guide-unit)) calc(16 * var(--guide-unit)); }
.approved-design .guides-disclosure p + p { margin-top: calc(12 * var(--guide-unit)); }
.approved-design .guides-glossary { display: grid; gap: calc(10 * var(--guide-unit)); margin: 0 0 calc(12 * var(--guide-unit)); color: #565650; font: calc(15 * var(--guide-unit))/1.55 var(--font-data); }
.approved-design .guides-glossary > div { display: grid; grid-template-columns: calc(96 * var(--guide-unit)) minmax(0,1fr); gap: calc(10 * var(--guide-unit)); }
.approved-design .guides-glossary dt { color: #24231f; font-weight: 650; }
.approved-design .guides-glossary dd { margin: 0; }
.approved-design .guides-text-link { display: inline-flex; align-items: center; min-height: 44px; color: #aa1020; text-underline-offset: 3px; font: 600 calc(14 * var(--guide-unit))/1.5 var(--font-data); }
.approved-design .guides-size-note { margin: 0; padding: calc(18 * var(--guide-unit)) calc(22 * var(--guide-unit)); border-radius: calc(12 * var(--guide-unit)); }
.approved-design .guides-size-note h2 { font-size: calc(23 * var(--guide-unit)); margin-bottom: calc(8 * var(--guide-unit)); }
.approved-design .guides-simple-shell .age-journey-note { margin: 0; padding: calc(8 * var(--guide-unit)) calc(22 * var(--guide-unit)); border: 1px solid #ded9ce; border-radius: calc(12 * var(--guide-unit)); }
.approved-design .guides-simple-shell .age-stage-card { border-radius: calc(12 * var(--guide-unit)); }
.approved-design .guides-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: calc(12 * var(--guide-unit)); margin-top: auto; padding-block: calc(18 * var(--guide-unit)); border-top: 1px solid var(--line); }
.approved-design .guides-footer p, .approved-design .guides-footer a { font-size: calc(12 * var(--guide-unit)); }
.approved-design .guides-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #484640; }
@media (max-width: 1000px) {
 .approved-design .guides-intro h1 { font-size: 38px; }
 .approved-design .guides-intro-art { width: 180px; }
 .approved-design .guides-card { padding: 16px; }
 .approved-design .guides-steps { gap: 10px; }
 .approved-design .guides-card h2 { font-size: 22px; }
 .approved-design .guides-bottom-grid { gap: 16px; }
 .approved-design .guides-panel, .approved-design .guides-callout { padding: 18px; }
 .approved-design .guides-simple-shell .guide-index-grid strong { font-size: 22px; }
 .approved-design .guides-simple-shell .guide-index-grid > a > span { padding: 16px; }
}
@media (max-width: 700px) {
 .approved-design .guides-simple-shell { gap: 18px; padding-top: 16px; }
 .approved-design .guides-intro { flex-direction: column; align-items: flex-start; gap: 14px; padding: 0; }
 .approved-design .guides-intro > div { max-width: none; }
 .approved-design .guides-intro h1 { font-size: 34px; }
 .approved-design .guides-intro-art { display: none; }
 .approved-design .guides-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding-bottom: 14px; }
 .approved-design .guides-nav a { padding: 10px; font-size: 13px; }
 .approved-design .guides-steps, .approved-design .guides-score-grid, .approved-design .guides-bottom-grid { grid-template-columns: 1fr; }
 .approved-design .guides-card { padding: 18px; }
 .approved-design .guides-simple-shell .guide-index-grid { grid-template-columns: 1fr; }
 .approved-design .guides-simple-shell .guide-index-grid strong { font-size: 24px; }
 .approved-design .guides-glossary > div { grid-template-columns: 1fr; gap: 2px; }
 .approved-design .guides-footer .public-trust-links { gap: 0 16px; }
}

.approved-design .guides-simple-shell .guide-card-action > span { display: inline; padding: 0; color: inherit; font: inherit; }

/* Keep full translated navigation readable on smaller desktop screens. */
@media (min-width: 1400px) and (max-width: 1599px) {
 .approved-design .home-header, .approved-design .topbar, .approved-design .guide-header { padding-inline: 24px; gap: 40px; }
 .approved-design .public-navigation-links,
 .approved-design .document-navigation.is-enhanced:not(.is-open) .public-navigation-links { gap: 8px; }
}