/* Canonical shared presentation. Loaded last; the adopted home composition stays in home.css. */
:root {
  --brand-ink: #282b2d;
  --brand-red: #c60012;
  --brand-red-hover: #9c0010;
  --brand-surface: #f7f6f4;
  --brand-line: #dedcd7;
  --brand-muted: #626563;
  --brand-serif: 'Hiragino Mincho ProN', 'Yu Mincho', 'Hiragino Mincho Pro', serif;
  --brand-sans: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
  --body-size: 16px;
  --body-leading: 1.8;
  --reading-width: 880px;
  --section-space: 48px;
}
body.home-review, body.inner-page {
  --ink: var(--brand-ink);
  --red: var(--brand-red);
  --red-dark: var(--brand-red-hover);
  --warm: var(--brand-surface);
  --line: var(--brand-line);
  --muted: var(--brand-muted);
  --serif: var(--brand-serif);
  --sans: var(--brand-sans);
}
body.inner-page {
  --inner-header-offset:calc(clamp(50px,4.89vw,71px) + 1px);
}
body.inner-page .site-header {
  position:fixed;
  inset:0 0 auto;
  z-index:40;
  background:#fffffff5;
  border-bottom:1px solid #eeece7;
  box-shadow:0 6px 20px #282b2d0a;
  backdrop-filter:blur(12px);
}
body.inner-page > main { padding-top:var(--inner-header-offset); }
body.inner-page main[id], body.inner-page main [id] { scroll-margin-top:calc(var(--inner-header-offset) + 16px); }
main { line-break: strict; }
main a, main button, summary { text-underline-offset: .22em; }
a, button, summary { transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--red); outline-offset: 5px; }

/* One header on every route, with one scale and an explicit disclosure affordance. */
.site-header .header-inner { width:87.8%; max-width:1265px; min-height:clamp(50px,4.89vw,71px); gap:clamp(18px,2.4vw,35px); }
.site-header .brand, .site-header .brand img { width:clamp(176px,17.18vw,247px); height:clamp(39px,3.8vw,55px); }
.site-header .site-nav { font-family:var(--serif); font-size:clamp(11px,1.074vw,15px); font-weight:400; gap:clamp(18px,2.4vw,35px); }
.site-header .site-nav .contact-nav { margin-left:clamp(15px,3vw,43px); padding:5px 20px; min-height:38px; background:var(--red); color:#fff; border:0; }
.site-header .site-nav .contact-nav:hover { background:var(--red-dark); }
.site-header .site-nav > a:not(.contact-nav):hover, .site-header .nav-group > summary:hover { text-decoration:underline; }
.site-header .site-nav [aria-current=page]:not(.contact-nav), .site-header .is-current-section > summary, .site-header a.is-current-section { color:var(--red); }
.site-header .nav-group > summary { gap:7px; }
.site-header .nav-group > summary::after { display:block; content:''; width:5px; height:5px; margin-top:-3px; border-right:1px solid; border-bottom:1px solid; transform:rotate(45deg); }
.site-header .nav-group[open] > summary::after { margin-top:3px; transform:rotate(225deg); }
.site-header .nav-panel { padding:12px 20px; border:1px solid var(--line); border-top:2px solid var(--red); box-shadow:0 7px 15px #282b2d0d; }
.site-header .nav-panel a { min-height:44px; display:flex; align-items:center; padding:6px 0; }
.site-header .nav-panel .nav-sub-link { position:relative; min-height:34px; margin:-3px 0 4px; padding:2px 0 4px 18px; color:var(--muted); font-family:var(--sans); font-size:11px; }
.site-header .nav-panel .nav-sub-link::before { position:absolute; left:2px; top:3px; content:"└"; color:#a6a39c; }
.site-header .nav-panel .nav-sub-link:hover { color:var(--red); }

/* Reading hierarchy: display type for headings, Japanese sans for longer prose and facts. */
.inner-page { font-family:var(--sans); font-size:var(--body-size); line-height:var(--body-leading); }
.inner-page h1 { font-size:clamp(28px,3vw,40px); line-height:1.45; letter-spacing:.025em; }
.inner-page h2 { font-size:clamp(24px,2.3vw,30px); line-height:1.5; letter-spacing:.03em; margin-bottom:20px; }
.inner-page h3 { font-size:20px; line-height:1.55; letter-spacing:.02em; }
.inner-page .company-intro h2 { font-size:clamp(24px,2.3vw,30px); }
.inner-page .section { padding-block:var(--section-space); }
.inner-page .section-heading { margin-bottom:24px; }
.inner-page .section-heading > p { max-width:34em; }
.inner-page .breadcrumb { font-size:12px; gap:10px; padding-block:18px; flex-wrap:wrap; }
.inner-page .breadcrumb a:hover { color:var(--red); }
.inner-page .page-hero { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:5%; align-items:start; padding-block:24px 36px; }
.inner-page .page-hero.hydrogen-hero { padding-bottom:8px; }
.inner-page .hydrogen-lp-entry { padding-bottom:24px; }
.inner-page .product-hero.hydrogen-lineup-hero { padding:0; background:transparent; }
.inner-page .product-hero.hydrogen-lineup-hero img { display:block; width:100%; height:auto; aspect-ratio:1746/901; object-fit:cover; mix-blend-mode:normal; }
.inner-page .product-hero.hydrogen-lineup-hero figcaption { margin-top:8px; text-align:left; }
.inner-page .page-hero h1 { margin-bottom:20px; }
.inner-page .page-hero .lead, .inner-page .title-copy .lead, .inner-page .company-intro .lead { font-family:var(--serif); font-size:22px; line-height:1.65; margin-block:16px; }
.inner-page .page-title { padding-block:24px 38px; }
.inner-page .page-title h1 { margin-bottom:20px; }
.inner-page .page-title > p:last-child { margin-top:0; }
.inner-page :is(.company-intro,.business-card,.product-row,.related-company,.related-list,.access-block,.page-title) p { font-size:var(--body-size); line-height:var(--body-leading); }
.inner-page :is(.company-intro,.business-card,.product-row,.related-company,.related-list,.access-block,.page-title) p:is(.small,.asset-note) { font-size:13px; line-height:1.85; }
.inner-page :is(.company-intro,.page-title) p.eyebrow { font-size:11px; line-height:1.7; }
.inner-page .title-copy .lead { font-size:22px; }
.inner-page .page-title.photo-title { min-height:280px; padding-block:38px; }
.inner-page .page-title.photo-title:has(+section.company-intro) { min-height:260px; }
.inner-page .page-title.photo-title > p.title-image-note { margin:0; font-size:11px; line-height:1.6; }
.inner-page .page-index { margin-block:0; padding-block:14px; border-color:var(--line); gap:8px 32px; font-size:14px; }
.inner-page .page-index a { min-height:44px; }
.inner-page .page-index a:hover { color:var(--red); text-decoration:underline; }
.inner-page .product-hero { background:var(--warm); padding:28px; }
.inner-page .product-hero img { width:100%; height:300px; object-fit:contain; }
.inner-page .product-availability-note { display:grid; gap:4px; margin-top:22px; padding:13px 16px; border-left:2px solid #aa8b5e; background:#f7f3ec; font-family:var(--sans); font-size:13px; line-height:1.75; }
.inner-page .product-availability-note strong { font-size:14px; color:var(--ink); }
.inner-page .product-availability-note span { color:var(--muted); }
.inner-page .product-row { padding-block:40px; align-items:start; }
.inner-page .product-row > div > h3:first-child { margin-top:0; }
.inner-page .hydrogen-product-categories .product-category-row { align-items:start; }
.inner-page .product-category-content { min-width:0; }
.inner-page .product-lineup { margin-top:26px; }
.inner-page .product-row p.product-lineup-label { margin:0 0 4px; color:var(--muted); font-family:var(--sans); font-size:9px; font-weight:600; line-height:1.5; letter-spacing:.14em; }
.inner-page .product-lineup-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:0 24px; margin:0; padding:0; border-top:1px dashed var(--line); list-style:none; }
.inner-page .product-lineup-item { min-width:0; padding:8px 0; border-bottom:0; }
.inner-page .product-lineup-item h4 { margin:0; font-family:var(--sans); font-size:13px; font-weight:650; line-height:1.55; }
.inner-page .product-row .product-lineup-item .text-link { margin-top:0; min-height:24px; padding-block:2px; border-bottom:0; font-size:12px; line-height:1.55; }
.inner-page .product-row .product-lineup-item h4 + .text-link { margin-top:8px; }
.inner-page .category-service-link { margin-top:18px; padding:16px 18px; border-left:2px solid var(--red); background:#fff; }
.inner-page .category-service-link h4 { margin:0 0 4px; font-family:var(--sans); font-size:15px; font-weight:650; line-height:1.55; }
.inner-page .product-row .category-service-link > p:not(.product-lineup-label) { font-size:13px; line-height:1.75; color:var(--muted); }
.inner-page .category-service-link .text-link { min-height:32px; margin-top:6px; font-size:12px; }
.inner-page .exchange-service-note { margin-top:20px; padding:12px 15px; border-left:2px solid #aa8b5e; background:var(--warm); color:var(--muted); font-size:13px; line-height:1.75; }
.inner-page .hydrogen-service-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:center; margin-top:26px; padding-block:28px; border-block:1px solid var(--line); }
.inner-page .hydrogen-service-entry h2 { margin:4px 0 8px; font-family:var(--sans); font-size:22px; font-weight:650; line-height:1.5; }
.inner-page .hydrogen-service-entry p:not(.eyebrow) { max-width:760px; color:var(--muted); font-size:14px; line-height:1.85; }
.inner-page .hydrogen-service-entry > .text-link { flex:none; min-width:240px; justify-content:space-between; border-bottom:1px solid currentColor; }
.inner-page .cartridge-safety { padding-top:48px; background:#f3f5f5; }
.inner-page .cartridge-safety-diagram { margin:0; }
.inner-page .cartridge-safety-diagram > a { display:block; overflow:hidden; border:1px solid var(--line); background:#f7f7f5; }
.inner-page .cartridge-safety-diagram img { display:block; width:100%; height:auto; }
.inner-page .cartridge-safety-diagram figcaption { margin-top:9px; color:var(--muted); font-size:11px; line-height:1.7; }
.inner-page .cartridge-safety-diagram-mobile { display:none; }
.inner-page .cartridge-mechanism-heading { margin-bottom:20px; }
.inner-page .cartridge-mechanism-copy { width:100%; max-width:none; margin-bottom:28px; }
.inner-page .cartridge-mechanism-copy p { margin:0; font-size:14px; line-height:1.8; }
.inner-page .cartridge-mechanism-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:16px; border-block:1px solid var(--line); }
.inner-page .cartridge-mechanism-steps article { min-width:0; padding:14px 16px; border-left:1px solid var(--line); }
.inner-page .cartridge-mechanism-steps article:first-child { padding-left:0; border-left:0; }
.inner-page .cartridge-mechanism-steps article:last-child { padding-right:0; }
.inner-page .cartridge-mechanism-steps span { display:block; color:var(--red); font-size:9px; font-weight:650; letter-spacing:.1em; }
.inner-page .cartridge-mechanism-steps strong { display:block; margin-top:4px; font-size:14px; line-height:1.6; }
.inner-page .cartridge-mechanism-steps p { margin-top:3px; color:var(--muted); font-size:12px; line-height:1.7; }
.inner-page .cartridge-storage-lead { max-width:900px; color:var(--muted); font-size:14px; line-height:1.85; }
.inner-page .cartridge-safety-points { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:28px; border-block:1px solid var(--line); }
.inner-page .cartridge-safety-points article { min-width:0; padding:24px 26px; border-left:1px solid var(--line); }
.inner-page .cartridge-safety-points article:first-child { padding-left:0; border-left:0; }
.inner-page .cartridge-safety-points article:last-child { padding-right:0; }
.inner-page .cartridge-safety-points span { color:var(--red); font-size:10px; font-weight:650; letter-spacing:.12em; }
.inner-page .cartridge-safety-points h3 { margin:7px 0 7px; font-family:var(--sans); font-size:17px; font-weight:650; }
.inner-page .cartridge-safety-points p { color:var(--muted); font-size:13px; line-height:1.8; }
.inner-page .cartridge-pressure-comparison { background:#eef3f4; }
.inner-page .cartridge-pressure-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:28px; background:var(--line); border:1px solid var(--line); }
.inner-page .cartridge-pressure-points article { min-width:0; padding:26px; background:#fff; }
.inner-page .cartridge-pressure-points span { color:var(--red); font-size:10px; font-weight:650; letter-spacing:.12em; }
.inner-page .cartridge-pressure-points h3 { margin:7px 0 9px; font-family:var(--sans); font-size:17px; font-weight:650; line-height:1.55; }
.inner-page .cartridge-pressure-points p { color:var(--muted); font-size:13px; line-height:1.85; }
.inner-page .cartridge-pressure-note { margin-top:16px; padding:14px 18px; border-left:2px solid var(--red); background:rgba(255,255,255,.72); color:var(--muted); font-size:12px; line-height:1.8; }
.inner-page .cartridge-safety-note { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 36px; align-items:center; margin-top:26px; padding:18px 22px; border-left:2px solid var(--red); background:#fff; }
.inner-page .cartridge-safety-note strong { font-size:14px; }
.inner-page .cartridge-safety-note p { margin-top:4px; color:var(--muted); font-size:12px; line-height:1.8; }
.inner-page .cartridge-safety-note .text-link { grid-column:2; grid-row:1 / span 2; font-size:13px; }
.inner-page .hydrogen-guide-safety { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:16px 32px; align-items:center; margin-bottom:28px; padding-top:20px; border-top:1px solid var(--line); }
.inner-page .hydrogen-guide-safety h3, .inner-page .hydrogen-supply-heading h3 { margin:0 0 7px; font-family:var(--sans); font-size:17px; font-weight:650; }
.inner-page .hydrogen-guide-safety p, .inner-page .hydrogen-supply-heading p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }
.inner-page .hydrogen-guide-safety .text-link { margin-top:0; min-width:0; font-size:13px; justify-self:end; }
.inner-page .hydrogen-supply-heading { margin-bottom:16px; }
.inner-page .hydrogen-supply-note { margin-top:14px; }
.inner-page .hydrogen-cartridge-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-block:1px solid var(--line); }
.inner-page .hydrogen-cartridge-guide-grid article { min-width:0; padding:26px 32px; border-left:1px solid var(--line); }
.inner-page .hydrogen-cartridge-guide-grid article:first-child { padding-left:0; border-left:0; }
.inner-page .hydrogen-cartridge-guide-grid article:last-child { padding-right:0; }
.inner-page .hydrogen-cartridge-guide-grid span { color:var(--red); font-size:10px; font-weight:650; letter-spacing:.12em; }
.inner-page .hydrogen-cartridge-guide-grid h4 { margin:8px 0 7px; font-family:var(--sans); font-size:19px; font-weight:650; line-height:1.6; }
.inner-page .hydrogen-cartridge-guide-grid p { color:var(--muted); font-size:13px; line-height:1.8; }
.inner-page .hydrogen-cartridge-guide-grid .text-link { margin-top:7px; font-size:13px; }
.inner-page .cartridge-safety-hero .product-hero img { object-fit:cover; }
.inner-page .cartridge-regulation { align-items:start; }
.inner-page .cartridge-regulation-list article { padding:20px 24px; border-left:2px solid var(--red); background:var(--warm); }
.inner-page .cartridge-regulation-list h3 { margin-bottom:10px; font-family:var(--sans); font-size:17px; font-weight:650; }
.inner-page .cartridge-regulation-list ul { margin:0; padding-left:1.25em; }
.inner-page .cartridge-regulation-list li { margin:5px 0; font-size:14px; line-height:1.7; }
.inner-page .cartridge-regulation-list .small { margin-top:14px; }
.inner-page .exchange-diagram-section { padding-top:48px; padding-bottom:34px; }
.inner-page .exchange-diagram-section > h2 { margin:8px 0 12px; }
.inner-page .exchange-diagram-lead { margin:0 0 24px; font-size:14px; line-height:1.8; }
.inner-page .exchange-system-diagram { margin:0; }
.inner-page .exchange-system-diagram > a { display:block; overflow:hidden; border:1px solid var(--line); background:#f7f7f5; }
.inner-page .exchange-system-diagram img { display:block; width:100%; height:auto; }
.inner-page .exchange-system-diagram figcaption { margin-top:9px; color:var(--muted); font-size:11px; }
.inner-page .exchange-diagram-window { position:relative; aspect-ratio:1672/775; overflow:hidden; background:#fff; }
.inner-page .exchange-diagram-window img { position:absolute; top:-21.41935484%; left:0; width:100%; height:auto; }
.inner-page .exchange-diagram-mobile { display:none; }
.inner-page .exchange-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:28px; border-block:1px solid var(--line); }
.inner-page .exchange-flow article { min-width:0; padding:24px 22px; border-left:1px solid var(--line); }
.inner-page .exchange-flow article:first-child { border-left:0; }
.inner-page .exchange-flow span, .inner-page .exchange-condition-list span { color:var(--red); font-size:10px; font-weight:650; letter-spacing:.12em; }
.inner-page .exchange-flow h3 { margin:8px 0 8px; font-family:var(--sans); font-size:17px; line-height:1.55; }
.inner-page .exchange-flow p { color:var(--muted); font-size:13px; line-height:1.8; }
.inner-page .exchange-flow-note { margin-top:14px; color:var(--muted); font-size:12px; line-height:1.8; }
.inner-page .exchange-targets article { border-top:1px solid var(--line); padding-top:20px; }
.inner-page .exchange-related-links { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:30px; }
.inner-page .exchange-conditions { align-items:start; }
.inner-page .exchange-condition-list { display:grid; }
.inner-page .exchange-condition-list article { padding:18px 0; border-top:1px solid var(--line); }
.inner-page .exchange-condition-list article:last-child { border-bottom:1px solid var(--line); }
.inner-page .exchange-condition-list h3 { margin:6px 0 5px; font-family:var(--sans); font-size:17px; line-height:1.55; }
.inner-page .exchange-condition-list p { color:var(--muted); font-size:13px; line-height:1.8; }
.inner-page .exchange-caution { margin-top:34px; padding:18px 22px; border-left:2px solid var(--red); background:var(--warm); }
.inner-page .exchange-caution strong { display:block; margin-bottom:5px; font-size:14px; }
.inner-page .exchange-caution p { font-size:13px; line-height:1.8; }
.inner-page #usage > h3 { margin:32px 0 14px; }
.inner-page #usage > h2 + h3 { margin-top:0; }
.inner-page #usage > .allergen-note { display:grid; gap:4px; margin-top:18px; padding:14px 18px; border-left:2px solid var(--red); background:#f7f3ec; font-size:15px; line-height:1.75; }
.inner-page #usage > .allergen-note strong { font-weight:650; }
.inner-page #usage > .allergen-note span { color:var(--muted); }
.inner-page .product-quality-grid article { min-width:0; }
.inner-page .product-quality-grid .index { display:block; min-height:3em; line-height:1.5; }
.inner-page .product-proof-columns { align-items:start; margin-top:30px; }
.inner-page .product-proof-columns > article { min-width:0; border-top:1px solid var(--line); padding-top:22px; }
.inner-page .product-proof-columns h3 { margin-bottom:14px; }
.inner-page .evidence-list { margin:20px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.inner-page .evidence-list li { padding:10px 0; border-bottom:1px solid var(--line); font-size:14px; }
.inner-page .product-proof-columns .small { margin-top:14px; }
.inner-page .product-media-links { margin-top:18px; }
.inner-page .local-rice-heading { align-items:end; }
.inner-page .local-rice-heading > p { max-width:38em; }
.inner-page .local-rice-flow { margin-bottom:0; }
.inner-page .product-project-contact { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:30px; padding:24px 28px; background:var(--warm); border-left:2px solid var(--red); }
.inner-page .product-project-contact .small { max-width:54em; }
.inner-page .product-project-contact .button { flex:none; }
.inner-page .product-image { background:#fff; padding:24px; }
.inner-page .product-image img { height:260px; width:100%; object-fit:contain; }
.inner-page .product-image.mobility img { height:300px; }
.inner-page .product-pair img { width:100%; object-fit:contain; }
.inner-page .business-card .business-photo { aspect-ratio:1.94; }
.inner-page .business-card .business-photo img { width:100%; height:100%; }
.inner-page .quality-product-photo img { object-fit:contain; padding:16px; }
.inner-page .business-card > p { margin-top:8px; }
.inner-page .sitemap-sub-link { position:relative; padding-left:18px; }
.inner-page .sitemap-sub-link::before { position:absolute; left:2px; top:.7em; content:"└"; color:#a6a39c; font-size:12px; }
.inner-page .status { display:inline-block; margin-top:16px; padding:4px 10px; border:1px solid #aaa7a0; font-size:12px; line-height:1.7; background:transparent; color:var(--muted); }
.inner-page .small, .inner-page .asset-note { font-size:13px; line-height:1.85; }
.inner-page .asset-note { margin-top:20px; }
.inner-page .verification-note { font-size:14px; line-height:1.85; margin-block:24px; }
.inner-page .button { font-family:var(--serif); font-size:15px; line-height:1.7; min-height:46px; padding:10px 24px; }
.inner-page .text-link { font-size:15px; line-height:1.75; min-height:44px; }
.inner-page .text-link:hover { text-decoration:underline; }
.inner-page .document-links:has(> .text-link) { gap:2px; align-content:start; }
.inner-page .document-links > .text-link { width:fit-content; min-height:38px; padding-block:3px; line-height:1.5; }
.inner-page .store-link {
  --store-link-bg:#f5f3ef;
  --store-link-bg-hover:#ede9e2;
  --store-link-ink:var(--ink);
  width:fit-content;
  max-width:100%;
  min-height:38px;
  padding:3px 0;
  border-bottom-color:currentColor;
  border-radius:0;
  background:transparent;
  color:var(--store-link-ink);
  box-shadow:none;
  white-space:normal;
  overflow-wrap:anywhere;
  gap:8px;
}
.inner-page .store-link > .store-link__label {
  display:inline;
  padding:1px 3px;
  background:var(--store-link-bg);
  color:inherit;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.inner-page .store-link--direct {
  --store-link-bg:#fdebe5;
  --store-link-bg-hover:#fbdcd1;
  --store-link-ink:#713526;
}
.inner-page .store-link--amazon {
  --store-link-bg:#fff0dc;
  --store-link-bg-hover:#ffe2b8;
  --store-link-ink:#6f4300;
}
.inner-page .store-link--rakuten {
  --store-link-bg:#fce8e8;
  --store-link-bg-hover:#f7d1d1;
  --store-link-ink:#74000a;
}
.inner-page .store-link--yahoo {
  --store-link-bg:#f3e8f8;
  --store-link-bg-hover:#ead3f2;
  --store-link-ink:#5d1c6b;
}
.inner-page .store-link:hover {
  background:transparent;
  color:var(--store-link-ink);
  text-decoration:underline;
}
.inner-page .store-link:hover > .store-link__label,
.inner-page .store-link:focus-visible > .store-link__label {
  background:var(--store-link-bg-hover);
}
.inner-page .store-link:focus-visible {
  background:transparent;
  color:var(--store-link-ink);
}
.inner-page .button span[aria-hidden] { flex:none; }
.inner-page .profile-table, .inner-page .product-detail-table { line-height:1.85; }
.inner-page .profile-table th, .inner-page .profile-table td { padding:18px 22px; }
.inner-page .profile-table p { font-size:16px; }
.inner-page .company-entries { margin-top:28px; gap:0 56px; }
.inner-page .company-entry { padding-block:28px; }
.inner-page .entry-title { font-size:23px; line-height:1.55; }
.inner-page .entry-description { font-size:14px; line-height:1.8; }
.inner-page .entry-description small { font-size:12px; }
.inner-page .timeline-item { padding-bottom:32px; }
.inner-page .timeline time { font-size:14px; font-variant-numeric:tabular-nums; color:var(--red); }
.inner-page .history-original { background:var(--warm); padding:10px 18px; font-size:14px; }
.inner-page .history-original > summary { min-height:44px; display:list-item; align-content:center; }
.inner-page .history-original p { font-size:15px; line-height:1.9; }
.inner-page .history-original[open] { padding-bottom:20px; }
.inner-page .article-prose { max-width:var(--reading-width); }
.inner-page .page-title.narrow { max-width:var(--reading-width); }
.inner-page .news-article { padding-top:20px; }
.inner-page .page-title:has(+.news-article) h1 { font-size:clamp(26px,2.5vw,36px); line-height:1.6; }
.inner-page .article-copy, .inner-page .policy-copy { font-size:16px; line-height:1.85; }
.inner-page .news-figure { margin-bottom:32px; }
.inner-page .news-figure img { max-height:600px; }
.inner-page .policy-copy h2 { font-size:24px; line-height:1.6; }
.inner-page .article-source h2 { font-size:24px; }
.inner-page .article-source li { margin-bottom:14px; }

/* Optional editorial details no longer interrupt the visitor's reading order. */
.editorial-notes { padding-block:24px 36px; }
.editorial-note { border-top:1px solid var(--line); color:var(--muted); font-family:var(--sans); font-size:13px; line-height:1.85; }
.editorial-note > summary { min-height:48px; padding:12px 0; cursor:pointer; width:fit-content; }
.editorial-note[open] { padding-bottom:16px; }
.editorial-note p, .inner-page .editorial-note p { font-size:13px; line-height:1.85; }
.editorial-note > :not(summary) { max-width:880px; }
.editorial-note p + p { margin-top:12px; }
.editorial-note ul { padding-left:1.3em; }
.editorial-note a { text-decoration:underline; }
.news-article .editorial-notes { padding-bottom:0; }
.article-neighbors { display:grid; grid-template-columns:1fr 1fr; gap:28px; border-top:1px solid var(--line); padding-top:24px; margin-top:32px; }
.article-neighbors a { display:block; padding:12px 0; font-size:15px; }
.article-neighbors span { display:block; color:var(--muted); font-size:12px; }
.article-neighbors a:hover { color:var(--red); }

/* The reference's compact charcoal footer is shared; detailed links remain available. */
body:is(.home-review,.inner-page) .home-footer { background:#303437; color:#fff; padding:22px 0 0; font-family:var(--serif); font-size:14px; }
body:is(.home-review,.inner-page) .home-footer > .home-container { width:87.3%; max-width:1260px; margin-inline:auto; }
body:is(.home-review,.inner-page) .home-footer-row { display:flex; justify-content:space-between; align-items:center; gap:32px; }
body:is(.home-review,.inner-page) .home-footer-brand { display:block; flex:none; width:210px; padding:0; background:transparent; }
body:is(.home-review,.inner-page) .home-footer-brand img { display:block; width:100%; height:auto; object-fit:contain; }
body:is(.home-review,.inner-page) .home-footer-row nav { display:flex; gap:30px; align-items:center; }
body:is(.home-review,.inner-page) .home-footer-row nav a { display:inline-flex; align-items:center; min-height:44px; }
body:is(.home-review,.inner-page) .home-footer a:not(.home-footer-brand):hover, body:is(.home-review,.inner-page) .home-footer .footer-cookie-button:hover { color:var(--red); text-decoration:none; }
body:is(.home-review,.inner-page) .home-more-links { margin-top:7px; font-family:var(--sans); font-size:12px; }
body:is(.home-review,.inner-page) .home-more-links > summary { min-height:44px; width:87.3%; max-width:1260px; margin-inline:auto; align-content:center; cursor:pointer; }
body:is(.home-review,.inner-page) .home-more-links-panel { width:100%; background:#2b2e30; border-top:1px solid #555a5d; }
body:is(.home-review,.inner-page) .home-more-links .site-footer { margin:0; padding:26px 0 22px; background:transparent; }
body:is(.home-review,.inner-page) .home-more-links .container { width:87.3%; max-width:1260px; margin-inline:auto; }
body:is(.home-review,.inner-page) .home-more-links .footer-label { font-size:16px; color:#fff; }
body:is(.home-review,.inner-page) .home-more-links .footer-grid a { font-size:13px; min-height:32px; line-height:1.6; padding-block:4px; }
body:is(.home-review,.inner-page) .home-more-links p.small { font-size:13px; color:#d1d3d2; }
body:is(.home-review,.inner-page) .home-footer-legal { width:100%; background:#2b2e30; border-top:1px solid #555a5d; font-family:var(--sans); font-size:12px; }
body:is(.home-review,.inner-page) .home-footer-legal > .home-container { width:87.3%; max-width:1260px; min-height:58px; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
body:is(.home-review,.inner-page) .home-footer-legal-links { display:flex; flex-wrap:wrap; gap:6px 0; }
body:is(.home-review,.inner-page) .home-footer-legal-links > * + *::before { content:"｜"; flex:none; margin:0 10px; color:rgba(255,255,255,.86); font-size:12px; line-height:1; font-weight:400; }
body:is(.home-review,.inner-page) .home-footer-legal a, body:is(.home-review,.inner-page) .home-footer-legal .footer-cookie-button { display:inline-flex; align-items:center; min-height:32px; }
body:is(.home-review,.inner-page) .home-footer-legal .footer-legal-primary { color:var(--red); }
body:is(.home-review,.inner-page) .home-footer-legal small { flex:none; color:#d1d3d2; font-size:11px; }
body:is(.home-review,.inner-page) .home-footer a:focus-visible, body:is(.home-review,.inner-page) .home-footer summary:focus-visible, body:is(.home-review,.inner-page) .home-footer .footer-cookie-button:focus-visible { color:var(--red); outline-color:#fff; }

@media (max-width:1100px) and (min-width:961px) {
  body:is(.home-review,.inner-page) .home-footer-row nav { gap:18px; font-size:12px; }
  body:is(.home-review,.inner-page) .home-footer-brand { width:180px; }
  .site-header .site-nav .contact-nav { margin-left:10px; }
}
@media (max-width:960px) {
  .inner-page .exchange-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .inner-page .exchange-flow article:nth-child(odd) { border-left:0; }
  .inner-page .exchange-flow article:nth-child(n+3) { border-top:1px solid var(--line); }
  body.inner-page { --inner-header-offset:65px; }
  body.inner-page .site-header { position:fixed; }
  .site-header .header-inner { width:calc(100% - 40px); min-height:64px; }
  .site-header .brand, .site-header .brand img { width:155px; height:40px; }
  .site-header .site-nav { padding:8px 20px 14px; max-height:calc(100svh - 64px); font-family:var(--sans); font-size:14px; line-height:1.45; gap:0; }
  .site-header .site-nav > a, .site-header .site-nav > button, .site-header .nav-group > summary { min-height:44px; font-size:13px; line-height:1.45; }
  .site-header .site-nav .contact-nav { margin:8px 0 0; padding:8px 16px; min-height:44px; }
  .site-header .nav-panel { border:0; border-left:1px solid var(--line); margin:2px 0 6px 8px; padding:0 14px 2px; box-shadow:none; }
  .site-header .nav-panel a { min-height:40px; padding:5px 0; font-size:13px; line-height:1.45; }
  .site-header .nav-panel .nav-sub-link { min-height:34px; margin:-2px 0 4px; padding:3px 0 3px 18px; font-size:12px; }
  .inner-page .hydrogen-service-entry { grid-template-columns:1fr; gap:8px; align-items:start; }
  .inner-page .hydrogen-service-entry > .text-link { min-width:0; width:fit-content; }
  .inner-page .cartridge-safety-note { grid-template-columns:1fr; gap:4px; }
  .inner-page .cartridge-safety-note .text-link { grid-column:auto; grid-row:auto; margin-top:4px; }
  .inner-page .cartridge-mechanism-copy { max-width:none; }
  .inner-page .cartridge-safety-points { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .inner-page .cartridge-safety-points article,
  .inner-page .cartridge-safety-points article:first-child,
  .inner-page .cartridge-safety-points article:last-child { padding:22px; }
  .inner-page .cartridge-safety-points article:nth-child(odd) { border-left:0; }
  .inner-page .cartridge-safety-points article:nth-child(n+3) { border-top:1px solid var(--line); }
  .inner-page .page-hero { gap:5%; }
  .inner-page .product-hero img { height:245px; }
  body:is(.home-review,.inner-page) .home-footer > .home-container { width:calc(100% - 40px); }
  body:is(.home-review,.inner-page) .home-more-links > summary, body:is(.home-review,.inner-page) .home-more-links .container, body:is(.home-review,.inner-page) .home-footer-legal > .home-container { width:calc(100% - 40px); }
  body:is(.home-review,.inner-page) .home-footer-row { display:block; }
  body:is(.home-review,.inner-page) .home-footer-brand { width:184px; }
  body:is(.home-review,.inner-page) .home-footer-row nav { display:grid; grid-template-columns:repeat(3,1fr); gap:0 20px; margin-top:14px; font-size:13px; line-height:1.45; }
  body:is(.home-review,.inner-page) .home-footer-row nav a { min-height:40px; line-height:1.45; }
  body:is(.home-review,.inner-page) .home-footer-legal > .home-container { align-items:flex-start; flex-direction:column; justify-content:center; gap:4px; padding-block:8px; }
}
@media (max-width:800px) {
  .inner-page .exchange-diagram-desktop { display:none; }
  .inner-page .exchange-diagram-mobile { display:block; }
  .inner-page .exchange-mobile-steps { margin:0; padding:0; list-style:none; }
  .inner-page .exchange-mobile-steps > li { position:relative; margin:0; padding:22px 0 28px; border-top:1px solid var(--line); }
  .inner-page .exchange-mobile-steps > li:not(:last-child)::after { content:'↓'; position:absolute; bottom:-13px; left:calc(50% - 14px); z-index:1; width:28px; background:#fff; color:var(--red); font-size:19px; line-height:26px; text-align:center; }
  .inner-page .exchange-mobile-step-head { display:flex; align-items:flex-start; gap:12px; }
  .inner-page .exchange-mobile-step-head > span { flex:0 0 28px; color:var(--red); font-family:var(--serif); font-size:24px; line-height:1.35; }
  .inner-page .exchange-mobile-step-head > div { flex:1; min-width:0; }
  .inner-page .exchange-mobile-step-head h3 { margin:0 0 8px; font-family:var(--sans); font-size:17px; font-weight:650; line-height:1.6; }
  .inner-page .exchange-mobile-step-head p, .inner-page .exchange-mobile-company p, .inner-page .exchange-mobile-reuse p { margin:0; font-size:14px; line-height:1.8; }
  .inner-page .exchange-mobile-icon { flex:0 0 42px; width:42px; height:42px; overflow:hidden; }
  .inner-page .exchange-mobile-transfer { margin:18px 0; }
  .inner-page .exchange-mobile-art { display:block; width:100%; height:auto; overflow:hidden; }
  .inner-page .exchange-mobile-transfer figcaption { margin-top:8px; font-size:13px; text-align:center; }
  .inner-page .exchange-mobile-company { padding:18px; border:1px solid var(--line); background:#fff; text-align:center; }
  .inner-page .exchange-mobile-company h4 { margin:0 0 14px; font-family:var(--sans); font-size:17px; font-weight:650; }
  .inner-page .exchange-mobile-company-art { display:block; width:100%; max-width:300px; height:auto; margin:0 auto 14px; overflow:hidden; }
  .inner-page .exchange-mobile-reuse { padding:12px 0 0; text-align:center; }
  .inner-page .exchange-mobile-customer-art { display:block; width:160px; height:auto; margin:0 auto 14px; overflow:hidden; }
  .inner-page .exchange-mobile-notes { padding-top:18px; border-top:1px solid var(--line); }
  .inner-page .exchange-mobile-notes p { margin:0 0 12px; font-size:13px; line-height:1.8; }
  .inner-page .exchange-mobile-notes p:last-child { padding-left:12px; border-left:2px solid var(--red); }
  .inner-page .exchange-diagram-original { margin-top:0; font-size:13px; }
}
@media (max-width:640px) {
  .inner-page .exchange-flow { grid-template-columns:1fr; }
  .inner-page .exchange-flow article,
  .inner-page .exchange-flow article:nth-child(odd) { padding:20px 0; border-top:1px solid var(--line); border-left:0; }
  .inner-page .exchange-flow article:first-child { border-top:0; }
  .inner-page .exchange-related-links { display:grid; gap:4px; }
  .inner-page .hydrogen-service-entry { margin-top:20px; padding-block:22px; }
  .inner-page .hydrogen-service-entry h2 { font-size:20px; }
  .inner-page .cartridge-safety-points { grid-template-columns:1fr; }
  .inner-page .cartridge-safety-diagram-desktop { display:none; }
  .inner-page .cartridge-safety-diagram-mobile { display:grid; gap:18px; }
  .inner-page .cartridge-safety-diagram-mobile figure { margin:0; }
  .inner-page .cartridge-safety-diagram-mobile a { display:block; overflow:hidden; border:1px solid var(--line); background:#f7f7f5; }
  .inner-page .cartridge-safety-diagram-mobile img { display:block; width:100%; height:auto; }
  .inner-page .cartridge-safety-diagram-mobile figcaption { margin-top:7px; color:#3f474b; font-size:12px; font-weight:650; line-height:1.7; }
  .inner-page .cartridge-safety-mobile-points { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
  .inner-page .cartridge-safety-mobile-points li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:center; padding:10px 12px; border:1px solid var(--line); background:#fff; }
  .inner-page .cartridge-safety-mobile-points li > span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#e9f4f7; color:#0d789c; font-size:11px; font-weight:700; }
  .inner-page .cartridge-safety-mobile-points strong, .inner-page .cartridge-safety-mobile-points small { display:block; }
  .inner-page .cartridge-safety-mobile-points strong { font-size:12px; line-height:1.55; }
  .inner-page .cartridge-safety-mobile-points small { margin-top:1px; color:var(--muted); font-size:10px; line-height:1.55; }
  .inner-page .cartridge-safety-diagram-mobile > p { margin-top:-4px; color:var(--muted); font-size:11px; line-height:1.7; }
  .inner-page .cartridge-mechanism-steps { grid-template-columns:1fr; }
  .inner-page .cartridge-mechanism-steps article,
  .inner-page .cartridge-mechanism-steps article:first-child,
  .inner-page .cartridge-mechanism-steps article:last-child { padding:12px 0; border-top:1px solid var(--line); border-left:0; }
  .inner-page .cartridge-mechanism-steps article:first-child { border-top:0; }
  .inner-page .cartridge-safety-points article,
  .inner-page .cartridge-safety-points article:first-child,
  .inner-page .cartridge-safety-points article:last-child { padding:20px 0; border-top:1px solid var(--line); border-left:0; }
  .inner-page .cartridge-safety-points article:first-child { border-top:0; }
  .inner-page .cartridge-pressure-points { grid-template-columns:1fr; }
  .inner-page .cartridge-pressure-points article { padding:20px; }
  .inner-page .cartridge-safety-note { padding:16px 18px; }
  .inner-page .hydrogen-guide-safety { grid-template-columns:1fr; gap:10px; margin-bottom:24px; }
  .inner-page .hydrogen-guide-safety .text-link { justify-self:start; }
  .inner-page .hydrogen-cartridge-guide-grid { grid-template-columns:1fr; }
  .inner-page .hydrogen-cartridge-guide-grid article,
  .inner-page .hydrogen-cartridge-guide-grid article:first-child,
  .inner-page .hydrogen-cartridge-guide-grid article:last-child { padding:20px 0; border-top:1px solid var(--line); border-left:0; }
  .inner-page .hydrogen-cartridge-guide-grid article:first-child { border-top:0; }
  :root { --section-space:36px; }
  .inner-page h1 { font-size:28px; }
  .inner-page h2 { font-size:22px; }
  .inner-page h3 { font-size:20px; }
  .inner-page .page-hero { grid-template-columns:1fr; gap:26px; padding-block:20px 32px; }
  .inner-page .page-hero.hydrogen-hero { padding-bottom:16px; }
  .inner-page .page-hero .lead, .inner-page .title-copy .lead, .inner-page .company-intro .lead { font-size:21px; }
  .inner-page .page-title { padding-block:20px 28px; }
  .inner-page .page-title.photo-title, .inner-page .page-title.photo-title:has(+section.company-intro) { padding-block:24px 225px; min-height:0; }
  .inner-page .title-copy h1 { font-size:28px; }
  .inner-page .page-title.photo-title > p.title-image-note { max-width:calc(100% - 40px); }
  .inner-page .breadcrumb { font-size:11px; padding-block:16px; gap:8px; }
  .inner-page .page-index { display:flex; flex-wrap:wrap; font-size:13px; gap:4px 22px; }
  .inner-page .product-hero { padding:22px; }
  .inner-page .product-row { padding-block:30px; }
  .inner-page #usage > h3 { margin-top:26px; }
  .inner-page #usage > .allergen-note { padding:12px 14px; }
  .inner-page .product-quality-grid .index { min-height:0; }
  .inner-page .local-rice-heading { display:block; }
  .inner-page .local-rice-heading > p { margin-top:16px; }
  .inner-page .product-project-contact { display:grid; padding:20px; gap:18px; }
  .inner-page .product-project-contact .button { width:100%; }
  .inner-page .product-image img { height:245px; }
  .inner-page .profile-table th, .inner-page .profile-table td { padding:16px 12px; }
  .inner-page .profile-table th { font-size:13px; }
  .inner-page .entry-title { font-size:21px; }
  .inner-page .entry-description { font-size:14px; }
  .inner-page .company-entries { gap:0; }
  .inner-page .page-title:has(+.news-article) h1 { font-size:26px; }
  .inner-page .policy-copy h2, .inner-page .article-source h2 { font-size:22px; }
  .inner-page .text-link { font-size:14px; }
  .inner-page .document-links:has(> .text-link) { gap:0; }
  .inner-page .document-links > .text-link { min-height:44px; padding-block:4px; line-height:1.45; }
  .editorial-notes { padding-block:20px 28px; }
  .article-neighbors { grid-template-columns:1fr; gap:8px; }
  .home-review .hero-copy > p:not(.eyebrow) { font-size:15px; line-height:1.85; }
  .home-review .business-card > p, .home-review .band-copy > p:not(.eyebrow) { font-size:14px; line-height:1.8; }
  .home-review .sdgs-topics p { font-size:13px; line-height:1.8; }
  .home-review .home-news .asset-note, .home-review .asset-note { font-size:11px; }
  body:is(.home-review,.inner-page) .home-footer-row nav { grid-template-columns:1fr 1fr; font-size:13px; }
  body:is(.home-review,.inner-page) .home-footer-legal-links { display:grid; grid-template-columns:max-content max-content; gap:0 8px; }
  body:is(.home-review,.inner-page) .home-footer-legal-links > * + *::before { content:none; }
  body:is(.home-review,.inner-page) .home-footer-legal-links > :nth-child(even)::before { content:"｜"; margin:0 8px 0 0; color:rgba(255,255,255,.86); font-size:11px; line-height:1; }
  body:is(.home-review,.inner-page) .home-footer-legal a, body:is(.home-review,.inner-page) .home-footer-legal .footer-cookie-button { min-height:30px; }
  body:is(.home-review,.inner-page) .home-more-links .footer-grid { grid-template-columns:1fr; gap:24px; }
  body:is(.home-review,.inner-page) .home-more-links .footer-grid > div:first-child { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { transition:none!important; scroll-behavior:auto!important; } }
@media (forced-colors:active) { .status,.editorial-note,.nav-panel { border-color:CanvasText; } }

.inner-page .company-hero:has(+.news-article) { max-width:var(--reading-width); padding-block:22px 32px; }
.inner-page .company-hero:has(+.news-article) h1 { font-size:clamp(26px,2.5vw,36px); line-height:1.6; }
.inner-page .news-article { max-width:var(--reading-width); }
.article-navigation { display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid var(--line); padding-top:24px; margin-top:32px; }
.article-navigation a { display:flex; flex-direction:column; gap:8px; font-size:15px; line-height:1.8; padding-block:8px; }
.article-navigation a:hover { color:var(--red); }
.article-navigation .small { font-size:12px; color:var(--muted); }
.policy-index { border-block:1px solid var(--line); padding-block:18px; margin-block:12px 30px; }
.policy-index ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:4px 26px; }
.policy-index a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }
.policy-index a:hover { color:var(--red); text-decoration:underline; }
.related-links { display:flex; flex-wrap:wrap; gap:20px 36px; margin-block:26px; }
.message-layout{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);gap:8%;align-items:start}.message-copy>p{font-size:17px;line-height:2;margin:0 0 1.6em}.president-signature{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.president-signature img{width:96px;height:96px;object-fit:cover}.president-signature p{margin:0}.president-signature span,.president-signature strong{display:block}.president-signature span{font-size:13px;margin-bottom:8px}.president-signature strong{font-family:var(--serif);font-size:18px;font-weight:500}.group-company-list{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px}.group-company-list .related-company{margin:0;padding:26px 0;border-top:1px solid var(--line)}
.related-links a { min-height:44px; display:inline-flex; align-items:center; font-size:14px; }
@media(max-width:640px) { .article-navigation { grid-template-columns:1fr; gap:12px; }.message-layout,.group-company-list{grid-template-columns:1fr}.message-layout{gap:18px}.message-copy>p{font-size:16px;line-height:1.95}.president-signature{justify-content:flex-start}.president-signature img{width:88px;height:88px} }

.optimized-scene { display:contents; }
.inner-page .company-hero:has(+.news-article) h1 { text-wrap:wrap; }
.inner-page .news-figure img { width:auto; max-width:100%; margin-inline:auto; }

.field input, .field select, .news-filters select, .contact-form input:not([type=radio]):not([type=checkbox]), .contact-form select, .contact-form textarea { border-color:#858781; }
/* Prose follows available width; product codes retain normal word boundaries. */
.inner-page .phrase, .inner-page .text-phrase { display:inline; }
.inner-page .page-hero h1 .phrase { display:inline-block; max-width:100%; }

.required, .optional { white-space:nowrap; flex-shrink:0; }

/* Cookie choice shared by every page. */
.cookie-consent{position:fixed;z-index:1000;left:24px;right:24px;bottom:20px;max-width:1120px;margin:auto;padding:22px 26px;background:#fff;color:#282b2d;border-top:3px solid var(--red);box-shadow:0 10px 34px #1a1c1e33;display:flex;align-items:center;justify-content:space-between;gap:30px;font-family:var(--sans)}
.cookie-consent[hidden]{display:none}.cookie-consent h2{font-family:var(--serif);font-size:20px;margin:0 0 6px}.cookie-consent p{font-size:14px;line-height:1.8;margin:0;max-width:760px}.cookie-consent a{text-decoration:underline;text-underline-offset:3px}.cookie-actions{display:flex;gap:10px;flex:none}.cookie-actions .button{min-width:116px;justify-content:center}.footer-cookie-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.copyright-notice{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid var(--line);border-top:3px solid var(--red);background:#fff;color:var(--ink);box-shadow:0 14px 48px #1a1c1e26;font-family:var(--sans)}
.copyright-notice::backdrop{background:rgb(22 25 27 / 35%)}
.copyright-notice .copyright-notice-label{margin:0 0 10px;color:var(--red);font-size:11px;letter-spacing:.12em}
.copyright-notice h2{margin:0 0 18px;font-family:var(--sans);font-size:19px;line-height:1.6;font-weight:600}
.copyright-notice p:not(.copyright-notice-label){margin:0 0 14px;font-size:14px;line-height:1.9}
.copyright-notice-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;font-size:13px}
.copyright-notice-actions a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.copyright-notice-actions button{flex:none;min-height:40px;padding:7px 22px;border:1px solid var(--line);background:#f7f6f3;color:inherit;font:inherit;cursor:pointer}
.copyright-notice-actions :focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:540px){.copyright-notice{padding:22px}.copyright-notice h2{font-size:18px}.copyright-notice p:not(.copyright-notice-label){font-size:13px}}
@media(max-width:700px){.cookie-consent{left:12px;right:12px;bottom:12px;display:block;padding:20px}.cookie-actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr}.cookie-actions .button{padding-inline:12px;min-width:0}}

/* Representative message: shared inner-page structure with a reference-led portrait panel. */
.president-message-heading{margin-bottom:30px}.president-message-heading h2{margin-bottom:0}
.president-reference-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px;align-items:start}
.president-photo-panel{position:relative;min-width:0;margin:0;overflow:hidden;background:#f3f2ef;isolation:isolate;aspect-ratio:1.5}
.president-photo-panel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 24%,rgba(255,255,255,.28) 47%,rgba(255,255,255,0) 64%);pointer-events:none}
.president-photo-panel>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.president-photo-panel figcaption{position:absolute;inset:0;z-index:2;padding:34px 32px;color:#292929}
.president-photo-panel figcaption p{margin:0;font-family:var(--serif);font-size:clamp(20px,1.7vw,24px);line-height:1.55;letter-spacing:.03em}
.president-message-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.president-message-copy>p{font-size:16px;line-height:1.85;margin:0 0 1.4em}.president-message-copy>p:last-child{margin-bottom:0}
.president-message-signature{width:fit-content;min-width:320px;margin:30px 0 0 auto;padding-top:20px;border-top:1px solid var(--line)}.president-message-signature span,.president-message-signature strong{display:block}.president-message-signature span{font-size:12px;line-height:1.6;margin-bottom:6px}.president-message-signature strong{font-family:var(--serif);font-size:17px;font-weight:500;line-height:1.6}
@media(max-width:1000px){.president-reference-grid{grid-template-columns:1fr;gap:34px}.president-photo-panel,.president-message-copy{width:100%;max-width:none}.president-photo-panel figcaption{padding:30px}}
@media(max-width:640px){.president-message-heading{margin-bottom:24px}.president-photo-panel{aspect-ratio:1.32}.president-photo-panel::after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 32%,rgba(255,255,255,.2) 58%,rgba(255,255,255,0) 72%)}.president-photo-panel figcaption{padding:21px 18px}.president-photo-panel figcaption p{font-size:20px;line-height:1.5}.president-message-copy>p{font-size:16px;line-height:1.85}.president-message-signature{min-width:0;width:100%;margin-top:26px;padding-top:18px}.president-message-signature strong{font-size:16px}}


/* 2026-09-25: width-aware editorial rhythm, shared by the complete site. */
.inner-page :is(h1,h2,h3) { text-wrap:wrap; word-break:normal; overflow-wrap:anywhere; }
.inner-page :is(.section-heading,.split,.company-intro,.product-row,.page-hero,.related-list,.access-block,.group-company-list) > * { min-width:0; }
.inner-page .section-heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:32px; align-items:end; }
.inner-page .section-heading > :only-child { grid-column:1/-1; }
.inner-page .section-heading > p { font-size:14px; line-height:1.8; margin:0; max-width:36em; justify-self:end; }
.inner-page .section-heading h2 { margin-bottom:0; }
.inner-page .eyebrow { font-size:10px; letter-spacing:.2em; margin-bottom:12px; }
.inner-page .split, .inner-page .company-intro { gap:48px; }
.inner-page .company-intro { margin-top:0; }
.inner-page .company-entry { grid-template-columns:24px minmax(0,1fr) 32px; gap:18px; }
.inner-page .company-entry .arrow { width:32px; height:32px; }
.inner-page .product-row { gap:48px; }
.inner-page .product-row h3 { font-size:24px; }
.inner-page .product-row p + p { margin-top:16px; }
.inner-page .three-columns { gap:32px; }
.inner-page .three-columns h3 { font-size:20px; }
.inner-page .three-columns p { line-height:1.8; }
.inner-page .phone-break { display:none; }
.inner-page .company-intro h2 { line-height:1.6; }
.inner-page .quality-policy-note { grid-template-columns:1fr; gap:10px; margin-top:24px; padding-top:20px; }
.inner-page .quality-policy-note strong { font-size:19px; line-height:1.65; }
.inner-page .quality-policy-note strong br { display:none; }
.inner-page .quality-policy-note span { max-width:34em; }
.inner-page .quality-process, .inner-page .quality-pillars { margin-top:28px; }
.inner-page .quality-process li { padding:24px 20px; }
.inner-page .quality-process h3 { font-size:20px; }
.inner-page .quality-pillars h3 { font-size:20px; }
.inner-page .quality-categories img { height:auto; }
.inner-page .quality-categories strong { font-size:20px; }
.inner-page .sdgs-theme { padding-block:48px; }
.inner-page .sdgs-theme figure { height:360px; }
.inner-page .sdgs-theme-primary .sdgs-product-collage img { padding:8px; }
.inner-page .sdgs-lead { font-size:16px; line-height:1.8; }
.inner-page .sdgs-theme h2 { font-size:30px; }
.inner-page .sdgs-progress { gap:48px; }
.inner-page .sdgs-progress article + article { padding-left:48px; }
.inner-page .news-directory-list a { padding-block:20px; }
.inner-page .news-filters { gap:14px; padding:22px; }
.inner-page .news-filters label { min-width:0; }
.inner-page .faq-item summary { font-size:18px; line-height:1.7; }
.inner-page .faq-item { padding-block:18px; }
.inner-page .lead { font-size:22px; line-height:1.65; }
.inner-page .company-hero > .lead, .inner-page .page-title:not(.photo-title) > .lead { font-family:var(--sans); font-size:16px; line-height:1.8; }
.inner-page .product-detail-hero .lead { font-family:var(--sans); font-size:18px; line-height:1.8; }
.inner-page .company-hero:has(+.news-directory) { padding-bottom:24px; }
.inner-page .news-directory { padding-top:24px; }
.inner-page .contact-form { max-width:100%; }
.inner-page .field-error:empty { min-height:0; margin-top:0; }
.inner-page .company-intro + .section { border-top:1px solid var(--line); }
@media (min-width:961px) {
  .home-review .hero-copy h1 { font-size:clamp(35px,3.42vw,44px); }
  .home-review h2, .home-review .home-about h2 { font-size:clamp(28px,2.73vw,34px); }
  .home-review .home-sdgs h2 { font-size:clamp(27px,2.64vw,32px); }
  .home-review .news-heading h2 { font-size:clamp(25px,2.44vw,30px); }
  .home-review .card-heading h3, .home-review .card-title { font-size:clamp(19px,1.85vw,23px); }
  .home-review .button, .home-review .text-link { font-size:clamp(13px,1.27vw,16px); }
  .home-review .button { min-height:44px; padding-block:9px; }
  .home-review .hero-copy>p:not(.eyebrow), .home-review .band-copy>p:not(.eyebrow) { font-size:clamp(14px,1.17vw,16px); }
  .home-review .home-oem .band-copy > p:not(.eyebrow) { max-width:32.5em; }
  .home-review .sdgs-topics { margin-inline:0; }
}
@media (min-width:961px) and (max-width:1100px) {
  .site-header .site-nav { font-size:12px; gap:20px; }
  .site-header .site-nav .contact-nav { padding-inline:14px; }
  .site-header .header-inner { gap:20px; }
}
@media (max-width:1000px) {
  .inner-page .section-heading { grid-template-columns:1fr; gap:12px; }
  .inner-page .section-heading > p { justify-self:start; max-width:52em; }
  .inner-page .split, .inner-page .company-intro, .inner-page .product-row { gap:32px; }
  .inner-page .quality-policy-note { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
  .inner-page .quality-policy-note strong br { display:initial; }
  .inner-page .sdgs-theme figure { height:300px; }
  .inner-page .sdgs-theme-primary .sdgs-product-collage { height:240px; }
  .inner-page .sdgs-theme h2 { font-size:26px; }
  .inner-page .quality-process { grid-template-columns:1fr; }
  .inner-page .quality-process li, .inner-page .quality-process li:nth-child(4) { display:grid; grid-template-columns:32px 120px minmax(0,1fr); gap:18px; align-items:baseline; border-right:0; border-bottom:1px solid var(--line); padding:18px 0; }
  .inner-page .quality-process li:last-child { border-bottom:0; }
  .inner-page .quality-process h3, .inner-page .quality-process p { margin:0; }
  .inner-page .quality-process p { font-size:14px; }
}
@media (max-width:960px) {
  .home-review .news-list>a { grid-template-columns:90px 90px minmax(0,1fr) 18px; }
  .home-review .news-list>a>span:nth-child(3) { grid-row:2; grid-column:1/4; }
  .home-review .news-list>a>span:last-child { grid-row:2; grid-column:4; }
  .inner-page .quality-pillars article { padding-inline:18px; }
  .inner-page .quality-pillars h3, .inner-page .quality-categories strong { font-size:18px; }
}
@media (min-width:641px) and (max-width:800px) {
  .inner-page .split, .inner-page .company-intro { grid-template-columns:1fr; gap:24px; }
  .inner-page .company-intro h2 br { display:none; }
  .inner-page .company-entries { grid-template-columns:1fr; }
  .inner-page .company-entry { padding-block:22px; }
  .inner-page .company-entry:nth-last-child(2) { border-bottom:0; }
  .inner-page .page-hero { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; }
  .inner-page .page-hero .lead { font-size:21px; }
  .inner-page .product-row h3 { font-size:22px; }
  .inner-page .product-lineup { margin-top:22px; }
  .inner-page .product-lineup-list { grid-template-columns:1fr; }
  .inner-page .product-lineup-item { padding:8px 0; }
  .inner-page .three-columns { gap:20px; }
  .inner-page .three-columns h3 { font-size:18px; }
  .inner-page .product-row { gap:24px; }
  .inner-page .quality-pillars { grid-template-columns:1fr; }
  .inner-page .quality-pillars article, .inner-page .quality-pillars article:first-child, .inner-page .quality-pillars article:last-child { padding:20px 0; border-right:0; border-bottom:1px solid var(--line); }
  .inner-page .quality-pillars article:last-child { border-bottom:0; }
}
@media (max-width:640px) {
  .inner-page .section-heading { gap:10px; }
  .inner-page .lead { font-size:21px; }
  .inner-page .page-title:not(.photo-title) h1, .inner-page .company-hero h1 { font-size:26px; }
  .inner-page .section-heading > p { font-size:14px; }
  .inner-page .split, .inner-page .company-intro, .inner-page .product-row { gap:24px; }
  .inner-page .company-entry { grid-template-columns:20px minmax(0,1fr) 28px; gap:12px; padding-block:22px; }
  .inner-page .company-entry .arrow { width:28px; height:28px; }
  .inner-page .entry-description { margin-top:6px; }
  .inner-page .company-intro h2 { font-size:22px; }
  .inner-page .product-row h3 { font-size:22px; }
  .inner-page .product-lineup { margin-top:22px; }
  .inner-page .product-lineup-list { grid-template-columns:1fr; }
  .inner-page .product-lineup-item { padding:8px 0; }
  .inner-page .quality-policy-note { grid-template-columns:1fr; gap:8px; }
  .inner-page .quality-process li, .inner-page .quality-process li:nth-child(4) { grid-template-columns:26px minmax(0,1fr); gap:4px 12px; padding:18px 0; }
  .inner-page .quality-process p { grid-column:2; }
  .inner-page .quality-pillars h3, .inner-page .quality-categories strong { font-size:20px; }
  .inner-page .sdgs-theme { padding-block:36px; }
  .inner-page .sdgs-theme h2 { font-size:22px; }
  .inner-page .sdgs-theme figure { height:260px; }
  .inner-page .sdgs-theme-primary .sdgs-product-collage { height:190px; }
  .inner-page .sdgs-progress { gap:28px; }
  .inner-page .sdgs-progress article + article { padding:28px 0 0; }
  .inner-page .news-filters { grid-template-columns:1fr; padding:18px; gap:12px; }
  .inner-page .news-directory-list[data-view="grid"] { grid-template-columns:1fr; }
  .inner-page .news-directory-list[data-view="grid"] .news-item-title { font-size:17px; }
  .inner-page .president-photo-panel figcaption p { font-size:19px; }
}

@media(max-width:420px) { .inner-page .page-hero .phone-break { display:initial; } }

/* News image directory: compact editorial cards, using the shared corporate palette. */
.inner-page .news-directory-list a>.news-card-content { color:var(--ink);text-align:left; }
.inner-page .news-directory-list[data-view="grid"] { --news-card-line:#e7e5e1;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px; }
.inner-page .news-directory-list[data-view="grid"]>li { min-width:0;border:1px solid var(--news-card-line);background:#fff; }
.inner-page .news-directory-list[data-view="grid"]>li>a { display:flex;flex-direction:column;gap:0;height:100%;padding:0;color:var(--ink); }
.inner-page .news-directory-list[data-view="grid"] .news-card-image { flex:none;aspect-ratio:800/533;width:100%;padding:0;box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--news-card-line);background:transparent; }
.inner-page .news-directory-list[data-view="grid"] .news-card-image img { display:block;width:100%;height:100%;object-fit:contain;background:transparent; }
.inner-page .news-directory-list[data-view="grid"] .news-card-content { display:flex;flex:1;flex-direction:column;min-width:0;padding:18px 20px 14px; }
.inner-page .news-directory-list[data-view="grid"] .news-card-meta { display:flex;gap:7px 10px;flex-wrap:wrap;align-items:center;min-height:22px;margin-bottom:12px; }
.inner-page .news-directory-list[data-view="grid"] time { font-family:var(--sans);font-size:12px;line-height:1.5;color:var(--muted); }
.inner-page .news-directory-list[data-view="grid"] .news-type-label { font-size:11px;line-height:1.5;background:#f5f4f1;padding:3px 6px; }
.inner-page .news-directory-list[data-view="grid"] .news-media-label { font-size:11px;line-height:1.5;border-left:1px solid var(--line);padding-left:9px; }
.inner-page .news-directory-list[data-view="grid"] .news-item-title { display:block;font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.75;letter-spacing:.015em;margin:0 0 18px;overflow-wrap:anywhere; }
.inner-page .news-directory-list[data-view="grid"] .news-arrow { display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:12px;border-top:1px dotted var(--news-card-line);color:var(--red); }
.inner-page .news-directory-list[data-view="grid"] .news-read-label { display:block;font-size:12px;line-height:1.5;letter-spacing:.04em; }
.inner-page .news-directory-list[data-view="grid"] .news-arrow .news-icon { font-size:18px; }
.inner-page .news-directory-list[data-view="grid"]>li:hover { border-color:#cfcbc4; }
.inner-page .news-directory-list[data-view="grid"]>li>a:focus-visible { outline-offset:4px; }
@media(max-width:1100px){.inner-page .news-directory-list[data-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:640px){.inner-page .news-directory-list[data-view="grid"]{grid-template-columns:1fr;gap:22px}.inner-page .news-directory-list[data-view="grid"] .news-card-content{padding:16px 18px 14px}.inner-page .news-directory-list[data-view="grid"] .news-item-title{font-size:16px;line-height:1.75}}
.inner-page .news-directory-list[data-view="grid"] .news-card-image-empty img { width:66%;height:auto;max-height:46px;background:transparent; }
@media(min-width:641px) and (max-width:1100px){.inner-page .news-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-page .news-filters .button{justify-self:start}}

/* Compact news controls: dense on pointer layouts, touch-safe on smaller screens. */
.inner-page .news-view-toolbar { gap:10px; margin-bottom:12px; font-size:12px; }
.inner-page .view-button { min-height:36px; padding:6px 12px; font-size:12px; line-height:1.4; }
.inner-page .news-filters { gap:12px; margin-bottom:22px; padding:16px; }
.inner-page .news-filters label { gap:6px; font-size:13px; line-height:1.5; }
.inner-page .news-filters select { min-height:40px; height:40px; padding:5px 30px 5px 10px; font-size:13px; line-height:1.4; }
.inner-page .news-filters .button { min-height:40px; height:40px; padding:6px 14px; font-size:13px; line-height:1.4; }
@media(max-width:960px) {
  .inner-page .view-button { min-height:44px; padding:8px 13px; font-size:13px; }
  .inner-page .news-filters select, .inner-page .news-filters .button { min-height:44px; height:44px; }
}
@media(max-width:640px) {
  .inner-page .news-view-toolbar { margin-bottom:10px; }
  .inner-page .news-filters { gap:10px; margin-bottom:18px; padding:14px; }
  .inner-page .news-filters label { gap:5px; font-size:13px; }
}

/* Text-width audit: use the available column; let product names wrap naturally. */
.inner-page .section-heading > p br { display:none; }
.inner-page .article-navigation > a:only-child { grid-column:1/-1; }
@media (max-width:1000px) {
  .inner-page .section-heading > p { width:100%; max-width:none; }
}
@media (max-width:960px) {
  .inner-page .quality-policy-copy > p:not(.eyebrow),
  .inner-page .quality-policy-visual { width:100%; max-width:none; }
}

/* Home sections keep the same measured rhythm as the 48px inner-page sections. */
.home-review { --home-section-inset:clamp(36px,3.333vw,48px); }
.home-review .business-content { padding-block:var(--home-section-inset); }
.home-review .home-oem, .home-review .home-about { height:auto; }
.home-review :is(.home-oem,.home-about) .band-content { height:auto; padding-block:var(--home-section-inset); }

/* Shared section rhythm and compact news metadata. */
.home-review :is(.home-sdgs,.home-news) { padding-block:var(--home-section-inset); }
.home-review .news-list>a { font-size:14px; line-height:1.75; padding-block:10px; }
.home-review .news-list time { font-family:var(--sans); font-size:12px; line-height:14px; }
.home-review .news-list .tag { display:inline-flex; align-items:center; justify-content:center; align-self:center; box-sizing:border-box; height:14px; min-height:0; padding:0 8px; font-family:var(--sans); font-size:10px; line-height:14px; }
:is(.news-list [data-type="media"] .tag,[data-news-item][data-type="media"] .news-type-label) { background:#edf2f6; color:#486174; }
:is(.news-list [data-type="event"] .tag,[data-news-item][data-type="event"] .news-type-label) { background:#f5eff6; color:#715874; }
:is(.news-list [data-type="product"] .tag,[data-news-item][data-type="product"] .news-type-label) { background:#edf3ec; color:#50684c; }
:is(.news-list [data-type="notice"] .tag,[data-news-item][data-type="notice"] .news-type-label) { background:#f6f1e8; color:#786342; }
@media (min-width:961px) and (max-width:1100px) {
  .home-review .business-card > p,
  .home-review .sdgs-intro > p,
  .home-review .sdgs-topics p { font-size:13px; }
}
@media(max-width:960px) {
  .home-review { --home-section-inset:clamp(32px,4vw,36px); }
  .home-review .home-main { padding-top:64px; }
  .home-review .site-header .header-inner,
  .home-review .site-header.is-scrolled .header-inner { min-height:64px; }
  .home-review .site-header.is-scrolled .brand,
  .home-review .site-header.is-scrolled .brand img { width:155px; height:40px; }
}
@media(max-width:640px) {
 .home-review .news-list>a { font-size:13px; }
 .home-review .news-list time { font-size:11px; }
}

/* News directory follows the home news typography in both views. */
.inner-page .news-directory-list:is([data-view="list"],[data-view="grid"]) .news-item-title { font-size:14px; line-height:1.75; font-weight:400; }
.inner-page .news-directory-list:is([data-view="list"],[data-view="grid"]) time { font-family:var(--sans); font-size:12px; line-height:14px; }
.inner-page .news-directory-list:is([data-view="list"],[data-view="grid"]) .news-type-label { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:14px; min-height:0; padding:0 8px; font-size:10px; line-height:14px; background:var(--news-tag-background,#f2f1ef); color:var(--news-tag-ink,#625e56); }
[data-news-item][data-type="media"] { --news-tag-background:#edf2f6; --news-tag-ink:#486174; }
[data-news-item][data-type="event"] { --news-tag-background:#f5eff6; --news-tag-ink:#715874; }
[data-news-item][data-type="product"] { --news-tag-background:#edf3ec; --news-tag-ink:#50684c; }
[data-news-item][data-type="notice"] { --news-tag-background:#f6f1e8; --news-tag-ink:#786342; }
.inner-page .news-directory-list[data-view="grid"] .news-card-meta { min-height:14px; margin-bottom:10px; }
@media(max-width:640px) {
 .inner-page .news-directory-list:is([data-view="list"],[data-view="grid"]) .news-item-title { font-size:13px; }
 .inner-page .news-directory-list:is([data-view="list"],[data-view="grid"]) time { font-size:11px; }
}

/* Directory tags match one line of the article title, including wrapped titles. */
.inner-page .news-directory-list:is([data-view="list"],[data-view="grid"]) .news-type-label { height:24.5px; }
@media(max-width:640px) {
 .inner-page .news-directory-list:is([data-view="list"],[data-view="grid"]) .news-type-label { height:22.75px; }
}

/* Shared product-planning story: connects the three business fields through one decision framework. */
.inner-page .business-approach .approach-intro { width:100%; max-width:none; margin-bottom:30px; }
.inner-page .business-approach .approach-intro p { font-size:16px; line-height:2; }
.inner-page .business-approach .approach-intro p + p { margin-top:12px; }
.inner-page .approach-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); }
.inner-page .approach-principles article { min-width:0; padding:26px 28px 28px; border-right:1px solid var(--line); }
.inner-page .approach-principles article:first-child { padding-left:0; }
.inner-page .approach-principles article:last-child { padding-right:0; border-right:0; }
.inner-page .approach-principles .index { display:block; margin-bottom:10px; color:var(--red); font-family:Georgia,var(--serif); font-size:12px; letter-spacing:.15em; }
.inner-page .approach-principles h3 { margin:0 0 10px; font-size:20px; }
.inner-page .approach-principles p { margin:0; font-size:14px; line-height:1.85; color:var(--muted); }
.inner-page .quality-approach-link { margin-top:22px; }
@media(max-width:768px){
  .inner-page .approach-principles { grid-template-columns:1fr; }
  .inner-page .approach-principles article,.inner-page .approach-principles article:first-child,.inner-page .approach-principles article:last-child { padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }
  .inner-page .approach-principles article:last-child { border-bottom:0; }
}

@media(max-width:640px) {
 body:is(.home-review,.inner-page) .home-more-links .footer-grid a { min-height:36px; padding-block:7px; }
}

/* Fixed page-top control, based on the original site's compact bottom-right button. */
@font-face {
  font-family:"Site Icons";
  src:url("../fonts/fontawesome-webfont.woff2") format("woff2");
  font-weight:normal;
  font-style:normal;
  font-display:block;
}
.page-top-button {
  position:fixed;
  right:max(14px,env(safe-area-inset-right));
  bottom:max(11px,env(safe-area-inset-bottom));
  z-index:60;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin:0;
  padding:0;
  border:0;
  border-radius:3px;
  background:#2c3033;
  color:#fff;
  box-shadow:none;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,visibility 0s linear .2s;
}
.page-top-button::before {
  content:"";
  position:absolute;
  inset:-7px;
}
.page-top-button.is-visible {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}
.page-top-button:focus-visible {
  background:#2c3033;
  color:#fff;
  opacity:1;
  outline:2px solid #fff;
  outline-offset:2px;
  box-shadow:0 0 0 4px var(--red),0 6px 18px rgba(17,20,22,.24);
}
.page-top-button:active {
  background:var(--red-dark);
  border-color:var(--red-dark);
  color:#fff;
  opacity:1;
  transform:translateY(0);
}
.page-top-button__icon {
  display:block;
  font-family:"Site Icons";
  font-size:18px;
  font-weight:normal;
  font-style:normal;
  line-height:1;
  speak:none;
  transition:transform .2s ease;
}
@media(hover:hover) {
  .page-top-button:hover {
    background:var(--red);
    border-color:var(--red);
    color:#fff;
    opacity:1;
    transform:translateY(-2px);
    box-shadow:none;
  }
  .page-top-button:hover .page-top-button__icon { transform:translateY(-1px); }
}
@media(max-width:640px) {
  .page-top-button { right:max(14px,env(safe-area-inset-right)); bottom:max(11px,env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) {
  .page-top-button,.page-top-button__icon { transition:none; }
}
@media(forced-colors:active) {
  .page-top-button { border:2px solid ButtonText; background:ButtonFace; color:ButtonText; box-shadow:none; }
}

/* Product overview and official detail links share a compact vertical rhythm. */
.inner-page .product-detail-links { display:flex; flex-direction:column; align-items:flex-start; gap:2px; margin-top:12px; }
.inner-page .product-row .product-detail-links > .text-link { margin:0; min-height:34px; padding-block:3px; line-height:1.6; }
.inner-page .disaster-use-note > .text-link { margin-top:6px; min-height:30px; padding-block:2px; }
@media(max-width:640px) { .inner-page .product-row .product-detail-links > .text-link { min-height:40px; padding-block:6px; } }

/* Concise stockpile-food facts, within the shared compact note. */
.inner-page .stockpile-product-note ul { margin:0; padding:0; list-style:none; font-size:13px; line-height:1.8; }
.inner-page .stockpile-product-note li > strong { font-weight:600; }
.inner-page .product-row .stockpile-product-note p.small { margin:2px 0 0; font-size:11px!important; line-height:1.7; }


/* Product names stay visible; each product expands independently. */
.inner-page .hydrogen-lineup-list { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:0 24px; }
.inner-page .hydrogen-lineup-list .product-lineup-item { padding:0; }
.inner-page .hydrogen-product-detail > summary { display:flex; align-items:flex-start; justify-content:flex-start; gap:8px; min-height:0; padding:12px 0 0; cursor:pointer; list-style:none; font-family:var(--sans); font-size:13px; font-weight:650; line-height:1.55; }
.inner-page .hydrogen-product-detail > summary::-webkit-details-marker { display:none; }
.inner-page .hydrogen-product-name { min-width:0; overflow-wrap:anywhere; }
.inner-page .hydrogen-product-toggle { flex:0 0 14px; color:var(--red); text-align:center; font-size:17px; font-weight:400; line-height:20px; }
.inner-page .hydrogen-product-toggle::before { content:"+"; }
.inner-page .hydrogen-product-detail[open] .hydrogen-product-toggle::before { content:"−"; }
.inner-page .hydrogen-product-detail > summary:hover .hydrogen-product-name { color:var(--red); }
.inner-page .hydrogen-product-detail[open] > summary { padding-bottom:8px; }
.inner-page .hydrogen-product-body { padding:0 0 14px; }
.inner-page .product-row .hydrogen-product-body p { margin:0; font-size:12px; line-height:1.8; }
.inner-page .product-row .hydrogen-product-body .hydrogen-product-type { font-weight:600; }
.inner-page .hydrogen-product-models { display:flex; gap:2px; margin:5px 0 8px; color:var(--muted); font-family:var(--sans); font-size:11px; line-height:1.8; }
.inner-page .hydrogen-product-models > span { flex-shrink:0; }
.inner-page .hydrogen-product-models > div { display:flex; flex-wrap:wrap; gap:0 10px; }
.inner-page .product-row .hydrogen-product-body .text-link { margin-top:6px; min-height:32px; }
@media(max-width:640px) {
  .inner-page .hydrogen-lineup-list { grid-template-columns:1fr; }
  .inner-page .hydrogen-product-detail > summary { min-height:44px; }
  .inner-page .product-row .hydrogen-product-body .text-link { min-height:44px; }
}

/* Supplied generation image uses the shared grill image frame. */
.inner-page .scene-crop.generation-filling-scene img { object-position:center; }

/* User supplied mobility image: retain handlebars and wheels in the shared frame. */
.inner-page .scene-crop.mobility-scene img { object-position:center 20%; }