/* 2026-10-16 audit G01–C08. Refinements to the existing shared v1.4 templates. */
:root {
  --accent-decor: var(--accent);
  --accent-heading: #9F7524;
  --accent-text: #8A682D;
  --border-control: #7F8F85;
  --border-surface: var(--line);
  --control-border: var(--border-control);
  --v14-display-gold: var(--accent-heading);
  font-family: var(--body-font);
  font-synthesis: none;
}
body { font-family: var(--body-font); }
h1,h2,h3,.display-title { font-family: var(--display-font); }
.button { font-size:14px; white-space:nowrap; }
.button:focus-visible { outline-offset:4px; }
.search-form { border-color:var(--border-control); }
.button-row,.action-group { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.icon-badge { display:inline-grid; place-items:center; flex:none; position:static; margin:0; width:44px; height:44px; border:1px solid var(--accent-decor); border-radius:50%; color:var(--accent-text); background:transparent; }
.icon-badge>.icon { width:26px; height:26px; }
/* G02, G05: one navigation baseline and compact common footer. */
.site-footer { padding-block:20px; margin-top:24px; }
.site-footer .footer-inner { padding-block:0; gap:24px; }
.site-footer .footer-note { padding-block:0; margin-top:12px; }
.site-footer .footer-inner p { margin-top:6px; }
.site-footer nav { flex-wrap:wrap; gap:12px 20px; }
.site-footer nav a { font-size:14px; }
.site-footer a:hover { color:var(--surface); text-decoration-color:var(--accent-decor); }
@media(min-width:761px) {
  body .site-header .header-inner,.b2b-view-home .site-header .header-inner,body .site-header #navigation { min-height:71px; height:71px; }
  .site-header .brand-logo { width:200px; height:45px; }
}
/* S01, R01, S02: readable feedback and one-line actions in every state. */
.toast .text-button { background:var(--surface); color:var(--brand); border:1px solid var(--surface); font-size:14px; min-height:38px; margin-inline:10px; white-space:nowrap; }
.toast .text-button:hover { color:var(--brand-hover); background:var(--brand-soft); }
.toast .text-button:focus-visible { outline-color:var(--accent-decor); }
.toast .text-button:disabled { background:var(--disabled); color:var(--ink); border-color:var(--disabled); }
.toast a { text-decoration:underline; text-underline-offset:4px; }
.empty-state .button-row { justify-content:center; margin-top:20px; }
/* H03, H14, C02: reusable real-icon process, with a visible sequence. */
.purchase-process { grid-template-columns:repeat(var(--process-count,4),minmax(0,1fr)); gap:24px; }
.purchase-process>li { position:relative; align-items:flex-start; }
.purchase-process .process-number { background:var(--accent-text); color:var(--surface); width:46px; height:46px; font-size:24px; line-height:1; }
.purchase-process strong { display:block; font-size:17px; line-height:1.5; }
.purchase-process p { font-size:14px; line-height:1.6; }
.process-icon { display:block; color:var(--accent-text); margin-bottom:8px; }
.process-icon>.icon { width:32px; height:32px; }
.process-arrow { position:absolute; inset-inline-end:-20px; top:20px; color:var(--accent-text); line-height:0; }
.process-arrow>.icon { width:18px; height:18px; transform:rotate(-90deg); }
[dir=rtl] .process-arrow>.icon { transform:rotate(90deg); }
/* G06: eliminate 100vw bleed, including when classic scrollbars consume width. */
.home-page .procurement-summary { width:100%; max-width:none; padding-inline:4.1%; }
.b2b-view-home { --hero-label-shadow:0 1px 3px rgb(0 0 0/.75); }
.home-page .hero-rail figcaption:before { background:radial-gradient(ellipse 100% 75px at 72% calc(100% - var(--caption-pad,0px) - 32px),rgb(0 0 0/.7),rgb(0 0 0/.55) 40%,rgb(0 0 0/.15) 75%,transparent); }
/* H05, P02: a shared price/state region and a single primary card action. */
.product-card .card-body,.catalog-results .product-card .card-body { display:flex; flex-direction:column; gap:6px; min-width:0; padding:12px; }
.product-card h3,.catalog-results .product-card h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; white-space:normal; text-overflow:clip; font-size:17px; line-height:1.45; min-height:2.9em; margin:0; }
.product-card .product-tags { margin:0; min-height:18px; }
.product-card .product-tags li { font-size:12px; }
.product-card .card-reference,.catalog-results .product-card .card-reference { font-size:14px; line-height:1.5; white-space:normal; margin:0; }
.product-card .card-config,.catalog-results .product-card .card-config { display:block; font-size:14px; line-height:1.45; margin:0; }
.product-card .supply-status { font-size:12px; line-height:1.5; margin:0 0 6px; }
.product-card .card-actions { display:flex; margin-top:auto; }
.product-card .card-actions .button,.catalog-results .card-actions .button { font-size:14px; min-height:38px; padding:8px 12px; background:var(--brand); border-color:var(--brand); color:var(--surface); }
.home-page .featured-grid .card-actions>.button { font-size:14px; min-height:36px; background:var(--brand); color:var(--surface); border-color:var(--brand); }
.home-page .featured-grid .card-reference,.home-page .featured-grid .card-config,.home-page .featured-grid .supply-status { display:block; }
.catalog-results .result-line button { font-size:14px; }
/* H06–H07: document copy and equal-height service cards, no forced text clipping. */
.service-cards>article { display:flex; flex-direction:column; min-width:0; }
.service-cards .service-copy { display:flex; flex-direction:column; flex:1; padding:16px 18px; }
.service-cards .service-heading { display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px; align-items:center; }
.service-cards .service-heading>span:last-child { font-size:clamp(11px,.75vw,12px); line-height:1.4; white-space:nowrap; padding:0; }
.service-cards .service-heading .service-number { margin:0; font-size:32px; }
.home-page .service-cards h3 { font-size:clamp(30px,2.5vw,40px); line-height:1.3; margin:8px 0; }
.home-page .service-copy>p { font-size:15px; line-height:1.6; min-height:3.2em; letter-spacing:0; }
.home-page .service-copy ul { margin:12px 0 18px; }
.home-page .service-copy li { margin:10px 0; gap:10px; min-height:30px; }
.home-page .service-copy li strong { font-size:15px; line-height:1.5; }
.home-page .service-copy li .service-feature-icon { border-color:var(--accent-decor); }
.service-copy>.button { margin-top:auto; }
/* H08–09: distinguish photographed resource cards and independent surfaces. */
.resource-card-heading { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.resource-card-heading h3 { margin:0; }
.resource-card-heading .icon-badge { width:36px; height:36px; color:var(--accent-decor); }
.resource-card-heading .icon { width:22px; height:22px; }
.home-page .resource-tiles>article>div { background:linear-gradient(transparent,rgba(16,57,44,.86) 45%); padding:30px 14px 14px; }
.resource-directory { background:transparent; padding:0; gap:18px; }
.resource-directory>section { min-width:0; background:var(--surface); border:1px solid var(--border-surface); border-radius:8px; padding:20px; }
.resource-directory>section:last-child { border-inline-start:1px solid var(--border-surface); }
.resource-directory h3 { display:flex; gap:10px; align-items:center; font-size:22px; }
/* H10, P07–09: the same OEM cards and flow are reused on both entry pages. */
.oem-hero .display-title em { color:var(--accent-heading); }
.oem-flow { position:relative; z-index:2; }
.oem-flow .oem-process,.home-page .oem-flow .oem-process { width:100%; margin:0; padding:14px 0; box-shadow:none; gap:20px; }
.oem-process>li,.catalog-page[data-type=oem] .oem-process li { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); gap:8px 12px; align-content:start; padding:0; border:0; }
.oem-process .process-heading,.oem-process .process-step-copy,.home-page .oem-process .process-heading,.home-page .oem-process .process-step-copy,.catalog-page[data-type=oem] .process-step-copy { display:contents; }
.oem-process .process-heading>span,.home-page .oem-process .process-heading>span,.catalog-page[data-type=oem] .oem-process .process-heading>span { display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:50%; background:var(--accent-text); color:var(--surface); font-size:18px; line-height:1; }
.oem-process .process-heading h3,.home-page .oem-process .process-heading h3 { font-size:17px; line-height:1.5; align-self:center; min-width:0; }
.oem-process .process-step-copy>.icon,.catalog-page[data-type=oem] .process-step-copy>.icon { display:block; width:28px; height:28px; color:var(--accent-text); }
.oem-process .process-step-copy p,.home-page .oem-process .process-step-copy p { margin:0; min-height:0; font-size:14px; line-height:1.5; }
.oem-process .module-image { grid-column:1/-1; }
.process-intro h2 { font-size:20px; margin-bottom:8px; }
.process-intro p { font-size:14px; line-height:1.5; }
.oem-intro .oem-service-row>article,.home-page .oem-service-row>article,.catalog-page[data-type=oem] .oem-service-row>article { display:grid; grid-template-columns:minmax(0,1fr) 32%; grid-template-rows:1fr auto; min-width:0; min-height:180px; overflow:hidden; }
.oem-service-row>article>div,.home-page .oem-service-row>article>div { min-width:0; padding:12px; }
.oem-service-row>article>.module-image { grid-column:2; grid-row:1; width:100%; height:100%; min-height:110px; }
.service-card-heading { display:flex; align-items:flex-start; gap:8px; margin-bottom:10px; }
.service-card-heading .icon-badge { width:32px; height:32px; }
.service-card-heading .icon-badge>.icon { width:22px; height:22px; }
.oem-service-row .service-card-heading h3,.home-page .oem-service-row h3,.catalog-page[data-type=oem] .oem-service-row h3 { font-size:18px; line-height:1.5; margin:0; }
.oem-service-row>article p,.home-page .oem-service-row p { font-size:14px; line-height:1.6; }
.oem-service-row>article>.button,.home-page .oem-service-row>article>.button { grid-column:1/-1; width:calc(100% - 24px); justify-self:center; margin:0 12px 12px; font-size:14px; min-height:38px; padding:8px; white-space:nowrap; }
.catalog-page[data-type=oem] .oem-flow { order:3; display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; padding:16px; background:var(--surface); border-radius:6px; }
.catalog-page[data-type=oem] .oem-flow .oem-process { padding:0; }
/* P10: native multi-select inputs, visible selected checkmarks and keyboard focus. */
.catalog-page[data-type=oem] .filters fieldset { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-block:6px; min-width:0; }
.catalog-page[data-type=oem] .filters legend { min-width:94px; font-size:14px; }
.catalog-page[data-type=oem] .filters label { display:inline-flex; position:relative; padding:0; margin:0; border:0; background:none; min-height:32px; border-radius:24px; }
.catalog-page[data-type=oem] .filters label input { position:absolute; width:1px; height:1px; min-height:1px; opacity:0; margin:0; }
.catalog-page[data-type=oem] .filters label>span,.filter-all { display:inline-flex; align-items:center; justify-content:center; gap:5px; border:1px solid var(--border-control); border-radius:24px; padding:6px 14px; background:var(--surface); color:var(--ink); font-size:14px; line-height:1.3; min-height:32px; }
.catalog-page[data-type=oem] .filters label:has(input:checked) { background:none; }
.catalog-page[data-type=oem] .filters input:checked+span,.filter-all[aria-pressed=true] { background:var(--brand); color:var(--surface); border-color:var(--brand); }
.catalog-page[data-type=oem] .filters label>span>.icon { display:none; width:14px; height:14px; }
.catalog-page[data-type=oem] .filters input:checked+span>.icon { display:inline-block; }
.catalog-page[data-type=oem] .filters label:hover>span,.filter-all:hover { border-color:var(--brand); }
.catalog-page[data-type=oem] .filters label:focus-within>span { outline:3px solid var(--focus); outline-offset:3px; }
/* H11, P03: one inverse primary button on dark purchase panels. */
.home-page .scenario-feature .button,.catalog-page>.v14-inquiry-strip .button,.v14-inquiry-strip .button { background:var(--surface); color:var(--brand); border-color:var(--surface); }
.home-page .scenario-feature .button:hover,.v14-inquiry-strip .button:hover { background:var(--brand-soft); color:var(--brand-hover); }
.scenario-cards>article>div:last-child { display:flex; flex-direction:column; flex:1; }
.scenario-cards p { flex:1; }
.scenario-cards .button { margin-top:auto; align-self:flex-start; }
/* H13–14: compact numbered process and actual independent shipping photograph. */
.home-page .procurement-process { display:grid; grid-template-columns:120px minmax(0,1.8fr) minmax(0,1fr); gap:24px; min-height:0; padding:20px; }
.home-page .procurement-process h3 { font-size:22px; }
.home-page .procurement-process .purchase-process { gap:20px; }
.home-page .procurement-process .purchase-process>li { display:flex; gap:10px; }
.home-page .procurement-process .process-number { width:30px; height:30px; font-size:16px; }
.home-page .procurement-process .process-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:color-mix(in srgb,var(--accent-decor) 15%,var(--surface)); }
.home-page .procurement-process .process-icon .icon { width:25px; height:25px; margin:0; color:var(--accent-text); }
.home-page .procurement-process .purchase-process strong { font-size:16px; }
.home-page .procurement-process .purchase-process p { font-size:14px; }
.home-page .procurement-process>.shipping-callout { position:relative; min-width:0; height:100%; min-height:170px; padding:20px; border:0; isolation:isolate; overflow:hidden; }
.shipping-callout>.module-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.shipping-callout:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,var(--background),rgba(250,249,246,.85) 45%,rgba(250,249,246,.6)); }
.home-page .shipping-callout p { font-size:14px; line-height:1.5; }
/* H15: the disc and title share a row, not a disc stacked over a centered title. */
.assurance-cards .card-heading { display:flex; gap:12px; align-items:center; margin-top:-30px; margin-bottom:12px; }
.home-page .assurance-cards .icon-badge { position:relative; top:auto; inset-inline-start:auto; width:64px; height:64px; background:var(--background); border:1px solid var(--accent-decor); }
.home-page .assurance-cards .icon-badge>.icon { width:32px; height:32px; }
.home-page .assurance-cards h3 { padding:0; min-height:0; margin:0; font-size:24px; text-align:start; }
.home-page .assurance-cards p { text-align:start; }
/* P04–06, P11: actual facts and an independently flowing right configurator. */
.detail-summary .detail-facts,.detail-page[data-type=branded] .detail-facts,.detail-page[data-type=bulk] .detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0; }
.detail-facts>div { border:0; border-radius:0; min-width:0; }
.detail-facts dt { display:block; font-size:12px; color:var(--muted); margin-bottom:4px; }
.detail-facts dd { font-size:14px; line-height:1.5; }
.detail-facts dd .icon { flex:none; }
.detail-main { min-width:0; }
.detail-page .rfq-configurator h2,.detail-page[data-type=branded] .rfq-configurator h2 { font-size:20px; line-height:1.5; white-space:normal; letter-spacing:0; }
.detail-page .rfq-configurator { align-self:start; }
.detail-information { scroll-margin-top:90px; }
/* R01–04: readable editable rows, a single toolbar, intrinsic form height, native upload. */
.quote-page .rfq-layout>.contact-form { align-self:start; height:auto; }
.rfq-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.rfq-toolbar h2 { margin-inline-end:auto; }
.rfq-toolbar .text-button { font-size:14px; min-height:38px; background:none; border:0; text-decoration:underline; color:var(--muted); }
.rfq-table thead th:nth-child(1) { width:25%; }
.rfq-table thead th:nth-child(2) { width:24%; }
.rfq-table thead th:nth-child(3) { width:13%; }
.rfq-table thead th:nth-child(4) { width:auto; }
.rfq-table thead th:nth-child(5) { width:120px; }
.rfq-table .rfq-actions-cell { min-width:120px; }
.rfq-layout .rfq-row-actions button { min-width:80px; white-space:nowrap; font-size:14px; padding:8px 6px; }
.file-picker { position:relative; display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:10px; }
.file-picker input[type=file] { position:absolute; width:1px; height:1px; min-height:1px; padding:0; margin:0; opacity:0; }
.upload-action { display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border:1px solid var(--border-control); border-radius:4px; color:var(--brand); background:var(--surface); }
.file-picker input:focus-visible+.upload-action { outline:3px solid var(--focus); outline-offset:3px; }
[data-file-summary] { font-size:14px; color:var(--muted); }
.attachment-list { margin:10px 0; padding-inline-start:20px; font-size:14px; overflow-wrap:anywhere; }
.attachment-list:empty { display:none; }
/* C01–08: readable content cards, grouped CTA, no duplicated requirement copy. */
.about-services article { grid-template-columns:32% minmax(0,1fr); gap:14px; }
.about-services h3 { font-size:19px; line-height:1.5; }
.about-services article h3 { font-size:19px; line-height:1.5; }
.about-services article .icon-badge { width:32px; height:32px; margin-bottom:8px; border:0; }
.about-services h3:after,.about-services>div h2:after { content:""; display:block; width:28px; height:1px; margin-top:8px; background:var(--accent-decor); }
.about-inquiry-strip { position:relative; isolation:isolate; overflow:hidden; justify-content:space-between; }
.cta-backdrop { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; opacity:.2; }
.about-inquiry-strip>.action-group { flex:none; }
.contact-copy h1 { font-size:42px; line-height:1.3; }
.contact-advice>article { background:var(--surface); border:1px solid var(--border-surface); border-radius:6px; overflow:hidden; }
.contact-advice>article h3 { font-size:20px; margin:16px 18px 8px; }
.contact-advice>article p { margin:0 18px 18px; }
.scenario-directory>article { display:flex; flex-direction:column; }
.scenario-directory .scenario-teaser { flex:none; grid-template-columns:42% minmax(0,1fr); }
.scenario-directory article>.scenario-teaser { padding:0; }
.scenario-directory .scenario-teaser .module-image { display:block; height:170px; width:100%; object-fit:cover; }
.scenario-directory .scenario-teaser p { font-size:15px; line-height:1.6; }
.scenario-directory .scenario-next { display:flex; flex-direction:column; flex:1; }
.scenario-directory .scenario-next dl { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
.scenario-directory .scenario-next .button { margin:auto auto 0; }
.scenario-bulk-cta { display:grid; grid-template-columns:42% minmax(0,1fr); padding:0; gap:0; overflow:hidden; }
.scenario-bulk-cta>.module-image { display:block; width:100%; height:100%; min-height:210px; object-fit:cover; }
.scenario-bulk-cta>div { padding:24px 32px; }
.scenario-bulk-cta h2 { margin-bottom:12px; }
.scenario-bulk-cta p { margin-bottom:16px; }
.scenario-bulk-cta .button { background:var(--brand); color:var(--surface); }
@media(min-width:1200px) {
  .home-page .category-stage { height:clamp(300px,39svh,390px); }
  .home-page .featured-products { padding-block:14px 18px; }
  .home-page .featured-products .section-heading { margin-bottom:12px; }
  .home-page .featured-grid .product-media { height:auto;aspect-ratio:1; }
  .home-page .featured-grid h3 { font-size:15px; }
  .home-page .featured-grid .card-body { padding:10px; gap:4px; }
  .home-page .service-cards .service-background { height:clamp(160px,20svh,200px); }
  .home-page .service-cards { margin-top:0; margin-bottom:12px; padding-bottom:0; }
  .home-page .rfq-promotion { padding-bottom:16px; }
  .home-page .rfq-promotion-grid { padding-block:20px; }
  .home-page .procurement-process { margin-block:0; padding:6px 20px; }
  .home-page .procurement-process>.shipping-callout { min-height:120px; padding:10px; }
  .home-page .oem-hero { min-height:300px; }
  .home-page .oem-hero .intro-content { padding-block:24px; }
  .home-page .oem-flow .oem-process .module-image { height:110px; }
  .home-page .oem-service-row { padding-block:8px 16px; }
  .home-page .oem-service-row>article { min-height:180px; }
  .product-center .popular-tea-types img { width:clamp(90px,8vw,128px); height:clamp(90px,8vw,128px); object-position:50% 55%; }
  .catalog-page[data-type=oem] .process-intro h2 { font-size:18px; }
  .catalog-page[data-type=oem] .oem-hero .intro-content { padding-bottom:24px; }
  .catalog-page[data-type=oem] .oem-service-row>article { min-height:120px; }
  .catalog-page[data-type=oem] .oem-flow { padding-block:12px; }
  .catalog-page[data-type=oem] .filters fieldset { padding-block:2px; }
  .catalog-page[data-type=oem] .filters label>span,.catalog-page[data-type=oem] .filter-all { min-height:30px; padding-block:4px; }
  .detail-page { display:grid; grid-template-columns:minmax(0,76fr) minmax(0,24fr); gap:24px 32px; align-items:start; }
  .detail-page .detail-top,.detail-page[data-type=branded] .detail-top { display:grid; grid-template-columns:minmax(0,40fr) minmax(0,36fr); gap:32px; }
  .detail-page[data-type=bulk] { grid-template-columns:minmax(0,76.5fr) minmax(0,23.5fr); }
  .detail-page[data-type=bulk] .detail-top { grid-template-columns:minmax(0,34.5fr) minmax(0,42fr); }
  .detail-page[data-type=oem] { grid-template-columns:minmax(0,78fr) minmax(0,22fr); }
  .detail-page[data-type=oem] .detail-top { grid-template-columns:minmax(0,38fr) minmax(0,40fr); }
  .detail-page .related-products { grid-column:1/-1; }
  .detail-main .detail-information { grid-template-columns:1fr; gap:24px; }
  .detail-main .detail-tabs { margin-top:24px; }
}
@media(min-width:1200px) and (max-width:1450px) {
  .home-page .oem-service-row { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .home-page .oem-service-row aside { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px; }
  .home-page .oem-service-row aside h3 { margin:0; }
  .home-page .oem-service-row aside .button { width:auto; margin:0; }
  .home-page .assurance-cards h3 { font-size:21px; padding:0; }
}
@media(max-width:1199px) {
  .oem-service-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-page[data-type=oem] .oem-service-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-page[data-type=oem] .oem-flow { display:block; }
  .process-intro { margin-bottom:16px; }
  .detail-page { display:flex; flex-direction:column; }
  .detail-main { display:contents; }
  .detail-top { order:1; }
  .rfq-configurator { order:2; width:100%; margin-top:20px; }
  .detail-tabs { order:3; width:100%; }
  .detail-information { order:4; width:100%; }
  .related-products { order:5; width:100%; }
  .home-page .procurement-process { grid-template-columns:1fr; }
  .rfq-table thead th { font-size:12px; }
}
@media(max-width:760px) {
  .site-footer { padding-block:18px; }
  .site-footer .footer-inner nav { margin-top:14px; }
  .site-footer .footer-inner nav a { min-height:32px; }
  .purchase-process { grid-template-columns:1fr; gap:18px; }
  .purchase-process .process-arrow { display:none; }
  .service-cards .service-heading>span:last-child { font-size:11px; }
  .service-cards .service-heading .service-number { font-size:28px; }
  .home-page .service-cards h3 { font-size:26px; }
  .home-page .procurement-summary { height:auto; }
  .home-page .oem-service-row,.catalog-page[data-type=oem] .oem-service-row { grid-template-columns:1fr; }
  .oem-flow .oem-process,.home-page .oem-flow .oem-process { grid-template-columns:1fr; gap:18px; }
  .oem-process .process-arrow { display:none; }
  .oem-process .module-image { grid-column:1/-1; grid-row:auto; max-height:none; height:130px; }
  .oem-intro .oem-service-row>article { min-height:150px; }
  .catalog-page[data-type=oem] .filters form { display:block; }
  .catalog-page[data-type=oem] .filters legend { float:none; margin-bottom:8px; }
  .catalog-page[data-type=oem] .filters label { display:inline-flex; margin:0; }
  .home-page .assurance-cards .card-heading { margin-top:0; }
  .home-page .assurance-cards .icon-badge { width:42px; height:42px; }
  .home-page .assurance-cards h3 { font-size:21px; }
  .rfq-table .rfq-actions-cell { min-width:0; }
  .rfq-toolbar h2 { flex-basis:100%; }
  .rfq-layout .rfq-row-actions button { font-size:14px; }
  .about-services article { grid-template-columns:32% minmax(0,1fr); }
  .about-services h3 { font-size:19px; }
  .about-inquiry-strip>.action-group { flex-wrap:wrap; }
  .contact-copy h1 { font-size:34px; }
  .scenario-directory .scenario-teaser { grid-template-columns:40% minmax(0,1fr); }
  .scenario-directory .scenario-teaser .module-image { height:100%; min-height:160px; }
  .scenario-directory .scenario-next dl { grid-template-columns:1fr; }
  .scenario-bulk-cta { grid-template-columns:1fr; }
  .scenario-bulk-cta>.module-image { height:180px; min-height:0; }
  .scenario-bulk-cta>div { padding:20px; }
}

/* User annotations 2026-10-16: resource captions and scenario photo coverage. */
.home-page .resource-tiles>article>div { display:block; }
.home-page .resource-card-heading { min-width:0; }
.home-page .resource-card-heading h3 { flex:1; min-width:0; }
.home-page .resource-tiles p { margin:0; grid-column:auto; min-height:3.1em; }
.home-page .scenario-hero { position:relative; isolation:isolate; }
.home-page .scenario-hero>.case-screen-backdrop { position:absolute; inset:0; height:100%; z-index:0; overflow:hidden; pointer-events:none; }
.home-page .scenario-hero>.scenario-top { position:relative; z-index:1; }
.home-page .solution-strip>.solution-option { position:relative; isolation:isolate; display:flex; align-items:flex-end; justify-content:center; min-width:0; min-height:116px; padding:12px 8px; overflow:hidden; grid-template-columns:none; }
.home-page .solution-strip>.solution-option>.module-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.home-page .solution-strip>.solution-option:after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(0deg,rgba(250,249,246,.98),rgba(250,249,246,.92) 30%,rgba(250,249,246,.15) 68%,transparent); }
.home-page .solution-option strong { position:relative; color:var(--ink); line-height:1.5; text-align:center; }
@media(max-width:760px) {
 .home-page .solution-strip>.solution-option { grid-column:auto; min-height:116px; }
}

/* Match the shared numbered section heading on tea selection and scenarios. */
.home-page .category-overview .section-eyebrow p { font-size:14px; line-height:1.4; margin:0; }
@media(min-width:761px) {
 .home-page .category-overview { padding-top:24px; }
}

/* Third review N01–N05. Keep desktop panels complete; phones scroll naturally. */
.service-cards .service-heading>span:last-child { padding-inline-start:10px; }
.contact-title-line { display:block; }
.about-services article>div { display:flex; flex-direction:column; min-width:0; }
.about-services article h3 { min-height:3em; }
.about-services article p { min-height:4.8em; }
.about-services article .button { margin-top:auto; align-self:flex-start; }
@media(min-width:1200px) {
 .home-page .resource-intro { min-height:0; }
 .home-page .resource-intro .intro-content { padding-block:24px; }
 .home-page .resources-screen .resource-tiles,.home-page .resources-screen .resource-tiles>article { height:240px; }
 .home-page .resource-directory { padding:0; margin-block:14px 18px; }
 .home-page .scenario-feature { min-height:344px; }
 .home-page .scenario-feature-images { height:250px; }
 .home-page .scenario-feature-images img { height:100%; min-height:0; }
 .home-page .solution-strip { padding:12px; margin-block:14px 18px; }
 .home-page .solution-strip>.solution-option { min-height:100px; }
}