/* HUAYI Moulding v3 — inner pages (2026-10-30 redesign; owner chose option A with a compact banner).
   Loaded after v3.css on every page except the homepage (functions.php). The homepage's language on the inner pages:
   - workshop-photo pages (body.v3-head-photo, inc/inner-design.php) open with a compact full-width photo banner
     under a light paper fade (the owner chose the light version over the dark one);
     the others keep the split head on plain paper (no line grid);
   - sans-serif labels; section labels are the homepage's index line (label, then a hairline to the edge);
   - short text sections are compact rows with the heading beside the text; text cards and link boxes are hairline lists;
   - product-line cards and a few bare sections carry company photos (added in inc/inner-design.php);
   - the closing box becomes one full-width photo band and the footer band is hidden on those pages.
   The html:root body.huayi-v3:not(.home) prefix outranks the v3.css rules it replaces. Rollback: remove the enqueue
   in functions.php and the require of inc/inner-design.php. */

/* ---------- Type: sans-serif labels; the monospace face stays for figures and step numbers ---------- */
html:root body.huayi-v3:not(.home) main :is(.eyebrow, .v2-kicker),
html:root body.huayi-v3:not(.home) .v2-cta-band .v2-kicker { font-family: var(--sans); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.14em; }
html:root body.huayi-v3:not(.home) :is(.plan-breadcrumb, .product-breadcrumb) { font-family: var(--sans); font-size: 0.84rem; letter-spacing: 0; }
html:root body.huayi-v3:not(.home) main figcaption,
html:root body.huayi-v3:not(.home) .pillar-hero figcaption,
html:root body.huayi-v3:not(.home) .factory-evidence-card figcaption { font-family: var(--sans); font-size: 0.82rem; letter-spacing: 0; color: var(--ink-2); }
html:root body.huayi-v3:not(.home) main thead th,
html:root body.huayi-v3:not(.home) main tbody th { font-family: var(--sans); font-size: 0.86rem; letter-spacing: 0; }
html:root body.huayi-v3:not(.home) .buyer-summary dt { font-family: var(--sans); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; }
html:root body.huayi-v3:not(.home) .product-card-copy .eyebrow { color: var(--ink-2); font-size: 0.7rem; letter-spacing: 0.12em; }
html:root body.huayi-v3:not(.home) .v3-share-label { font-family: var(--sans); font-weight: 700; letter-spacing: 0.12em; }
html:root body.huayi-v3:not(.home) .standard-content > .article-meta { font-family: var(--sans); }
html:root body.huayi-v3:not(.home) main .pillar-section h2 { font-size: clamp(1.75rem, 2.9vw, 2.5rem); line-height: 1.12; }

/* ---------- Page heads on paper (split head, product archive, pages that start with their title) ---------- */
html:root body.huayi-v3:not(.home) .pillar-hero,
html:root body.huayi-v3:not(.home) .v2-page-head { background: var(--paper); }
html:root body.huayi-v3:not(.home) main.standard-content:is(:has(> h1:first-child), :has(> .article-meta:first-child), :has(> .eyebrow:first-child)) { background: var(--paper); }
html:root body.huayi-v3:not(.home) .pillar-hero { padding: clamp(40px, 5vw, 72px) 0 clamp(44px, 5vw, 76px); }
html:root body.huayi-v3:not(.home) .pillar-hero .eyebrow { color: var(--teal); }
html:root body.huayi-v3:not(.home) .pillar-hero :is(figure.pillar-hero-image, figure.real-photo) img { height: clamp(260px, 28vw, 400px); }
html:root body.huayi-v3:not(.home) .exhibition-story .pillar-hero .real-photo img { height: auto; }

/* ---------- Compact photo banner (workshop-photo pages, body.v3-head-photo; owner chose the light fade) ----------
   The photo across the width, a paper-coloured fade from the left under dark text, the photo clear on the right. */
html:root body.huayi-v3.v3-head-photo .pillar-hero { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; min-height: clamp(300px, 26vw, 380px); padding: 0; background: var(--paper); color: var(--ink); border: 0; border-bottom: 1px solid var(--stone); overflow: hidden; }
html:root body.huayi-v3.v3-head-photo .pillar-hero :is(figure.pillar-hero-image, figure.real-photo) { position: absolute; inset: 0; z-index: 0; margin: 0; min-height: 0; max-width: none; border: 0; border-radius: 0; background: var(--paper); }
html:root body.huayi-v3.v3-head-photo .pillar-hero :is(figure.pillar-hero-image, figure.real-photo) img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; max-height: none; aspect-ratio: auto; object-fit: cover; object-position: 50% 50%; border-radius: 0; background: none; }
html:root body.huayi-v3.v3-head-photo .pillar-hero :is(figure.pillar-hero-image, figure.real-photo)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(245, 242, 236, 0.97) 0, rgba(245, 242, 236, 0.92) 34%, rgba(245, 242, 236, 0.5) 60%, rgba(245, 242, 236, 0.05) 84%); }
html:root body.huayi-v3.v3-head-photo .pillar-hero figcaption { display: none; }
html:root body.huayi-v3.v3-head-photo .pillar-hero > .pillar-wrap { padding: clamp(40px, 4.5vw, 64px) 0 clamp(40px, 4.5vw, 60px); }
html:root body.huayi-v3.v3-head-photo .pillar-hero .pillar-hero-grid { display: block; }
html:root body.huayi-v3.v3-head-photo .pillar-hero .pillar-hero-grid > div:first-child,
html:root body.huayi-v3.v3-head-photo .pillar-hero > .pillar-wrap > :not(figure, .pillar-hero-grid) { position: relative; z-index: 1; max-width: 720px; }
html:root body.huayi-v3.v3-head-photo .pillar-hero .eyebrow { color: var(--teal); }
html:root body.huayi-v3.v3-head-photo .pillar-hero .eyebrow::before { background: var(--leaf); }
html:root body.huayi-v3.v3-head-photo main .pillar-hero h1 { max-width: 24ch; margin: 12px 0 12px; color: var(--ink); font-size: clamp(2.1rem, 3.5vw, 3.15rem); line-height: 1.06; }
html:root body.huayi-v3.v3-head-photo .pillar-hero p:not(.eyebrow) { max-width: 62ch; color: var(--ink-2); font-size: 1.02rem; line-height: 1.6; }
html:root body.huayi-v3.v3-head-photo .pillar-hero p:not(.eyebrow) a { color: var(--teal); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
html:root body.huayi-v3.v3-head-photo .pillar-hero .pillar-actions { margin-top: 22px; }
html:root body.huayi-v3.v3-head-photo .pillar-hero .button { min-height: 46px; }
html:root body.huayi-v3.v3-head-photo .pillar-hero .button-outline { color: var(--ink); border-color: var(--ink); background: rgba(245, 242, 236, 0.7); }
html:root body.huayi-v3.v3-head-photo .pillar-hero .button-outline:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
html:root body.huayi-v3.v3-head-photo .pillar-hero .text-link { color: var(--teal); }
html:root body.huayi-v3.v3-head-photo .pillar-hero .plan-breadcrumb { margin-bottom: 14px; color: var(--ink-2); }
html:root body.huayi-v3.v3-head-photo .pillar-hero .plan-breadcrumb a { color: var(--teal); }

/* Figures right after a photo banner (About, Factory): a light strip with hairline columns. */
html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section { padding-block: 4px 8px; background: var(--paper-2); color: var(--ink); border-top: 0; border-bottom: 1px solid var(--stone); }
html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact { padding: 18px 24px 20px; border-left: 1px solid var(--stone-2); }
html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact:nth-child(4n + 1) { padding-left: 0; border-left: 0; }
html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact:nth-child(n + 5) { border-top: 1px solid var(--stone-2); }
html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact dt { color: var(--ink-2); }
html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact .v3-num { color: var(--teal); }
html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact .v3-unit { color: var(--ink-2); }

/* ---------- Section labels: the homepage's index line ---------- */
html:root body.huayi-v3:not(.home) main :is(.pillar-section > .pillar-wrap > .eyebrow, .pillar-section .pillar-wrap > div > .eyebrow, .factory-film-heading .eyebrow, .v3-related > .eyebrow) { display: flex; align-items: center; gap: 14px; max-width: none; margin: 0 0 22px; color: var(--ink-2); }
html:root body.huayi-v3:not(.home) main :is(.pillar-section > .pillar-wrap > .eyebrow, .pillar-section .pillar-wrap > div > .eyebrow, .factory-film-heading .eyebrow, .v3-related > .eyebrow)::before { display: none; }
html:root body.huayi-v3:not(.home) main :is(.pillar-section > .pillar-wrap > .eyebrow, .pillar-section .pillar-wrap > div > .eyebrow, .factory-film-heading .eyebrow, .v3-related > .eyebrow)::after { content: ""; flex: 1; height: 1px; background: var(--stone-2); }
html:root body.huayi-v3:not(.home) main .pillar-section .contact-card > .eyebrow { color: var(--teal); }
html:root body.huayi-v3:not(.home) main section.factory-film-section .factory-film-heading .eyebrow { color: var(--on-dark-2); }
html:root body.huayi-v3:not(.home) main section.factory-film-section .factory-film-heading .eyebrow::after { background: var(--night-line); }
/* A section without a label still opens with the hairline, where the label line would be. */
html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"]:not(:has(> .eyebrow))::before,
html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap pillar-copy"]:not(:has(> div > .eyebrow))::before { content: ""; display: block; grid-column: 1 / -1; height: 1px; margin-bottom: 30px; background: var(--stone-2); }

/* ---------- Section rhythm: one paper ground, the FAQ on a light band, short text sections tighter ---------- */
html:root body.huayi-v3:not(.home) .pillar-section { padding: clamp(56px, 7vw, 100px) 0; }
html:root body.huayi-v3:not(.home) .pillar-section.soft { background: var(--paper); border-block: 0; }
html:root body.huayi-v3:not(.home) .pillar-section:not(:has(img, video, table, iframe, canvas, .hy3d, .v3-faq, .pillar-card-grid, .product-card-grid, .plan-card-grid, .real-steps, .real-gallery, .buyer-detail-grid, .resource-grid, .contact-grid, .v3-facts, .factory-evidence-grid, .precision-material-grid)) { padding-block: clamp(36px, 4vw, 52px); }
html:root body.huayi-v3:not(.home) .pillar-section:not(:has(img, video, table, iframe, canvas, .hy3d, .v3-faq, .pillar-card-grid, .product-card-grid, .plan-card-grid, .real-steps, .real-gallery, .buyer-detail-grid, .resource-grid, .contact-grid, .v3-facts, .factory-evidence-grid, .precision-material-grid)) + .pillar-section { padding-top: clamp(28px, 3vw, 40px); }
html:root body.huayi-v3:not(.home) .pillar-section#faq { background: var(--paper-2); border-block: 1px solid var(--stone); }
html:root body.huayi-v3:not(.home) .pillar-section#faq .v3-faq-item { border-top-color: var(--stone-2); }

/* ---------- Heading beside the text (desktop): plain section wraps only. The heading on the left; text, lists and
   links on the right; grids, photos and tables after them run the full width. ---------- */
@media (min-width: 900px) {
	html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"] { display: flow-root; }
	html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"] > h2:not(:last-child):not(:has(+ :is(div, figure, table, section, nav, article, dl):not(.pillar-actions, .pillar-related, .v3-sec-photo))) { float: left; clear: left; width: 38%; margin: 0 0 24px; padding-right: 24px; box-sizing: border-box; }
	html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"] > h2 ~ :is(p, ul, ol, details, h3, blockquote, .pillar-actions, .pillar-related) { margin-left: 44%; max-width: none; }
	html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"] > h2 + :is(p, ul, ol, details, .pillar-actions, .pillar-related) { margin-top: 6px; }
	html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"] > h2 ~ :is(div, figure, table, section, nav, article, dl):not(.pillar-actions, .pillar-related, .v3-sec-photo) { clear: both; }
	html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"] > h2 ~ :is(div, figure, table, section, nav, article, dl):not(.pillar-actions, .pillar-related, .v3-sec-photo) ~ :is(p, ul, ol, details, h3, blockquote, .pillar-actions, .pillar-related) { margin-left: 0; clear: both; }
	html:root body.huayi-v3:not(.home) .pillar-section > [class="pillar-wrap"] > h2 + .v3-sec-photo { float: left; clear: left; width: 38%; padding-right: 24px; box-sizing: border-box; }
	/* Two-column copy blocks (heading div + text div): the label line runs across both columns. */
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy { grid-template-columns: minmax(0, 38fr) minmax(0, 56fr); column-gap: 6%; align-items: start; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy > div:first-child { display: contents; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy > div:first-child > .eyebrow { grid-column: 1 / -1; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy > div:first-child > :is(h2, .v3-sec-photo) { grid-column: 1; margin: 0; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy > div:first-child > .v3-sec-photo { margin-top: 24px; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy > :not(div:first-child) { grid-column: 2; grid-row: 2 / span 2; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy > div:last-child > :first-child { margin-top: 6px; }
}
html:root body.huayi-v3:not(.home) .pillar-section > .pillar-wrap > h2,
html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy h2 { margin-top: 0; }

/* ---------- Text cards: a rule on top and plain text, as the homepage's steps (no boxes) ---------- */
html:root body.huayi-v3:not(.home) .pillar-section :is(.pillar-card-grid, .plan-card-grid, .buyer-detail-grid) { gap: 36px 32px; margin-top: 36px; }
html:root body.huayi-v3:not(.home) .pillar-section :is(.pillar-card, .plan-card, .buyer-detail-card):not(.v3-card-photo) { padding: 22px 0 0; background: transparent; border: 0; border-top: 1px solid var(--ink); border-radius: 0; box-shadow: none; }
html:root body.huayi-v3:not(.home) .pillar-section :is(.pillar-card, .plan-card, .buyer-detail-card) :is(h3, strong) { margin: 0 0 10px; font-size: 1.19rem; line-height: 1.3; }
html:root body.huayi-v3:not(.home) .pillar-section :is(.pillar-card, .plan-card, .buyer-detail-card) p { margin: 0; color: var(--ink-2); font-size: 1rem; line-height: 1.6; }
html:root body.huayi-v3:not(.home) .pillar-section .plan-card .text-link { margin-top: 14px; }

/* Product-line cards with a photo (inc/inner-design.php): the homepage's hairline product grid. */
html:root body.huayi-v3:not(.home) .pillar-section .pillar-card-grid:has(.v3-card-photo) { gap: 1px; background: var(--stone); border: 1px solid var(--stone); border-radius: var(--radius); overflow: hidden; }
html:root body.huayi-v3:not(.home) .pillar-section .pillar-card.v3-card-photo { display: flex; flex-direction: column; padding: 0 0 22px; background: var(--paper); border: 0; border-radius: 0; box-shadow: none; }
html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo .v3-card-media { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--stone); border-bottom: 1px solid var(--stone); }
html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo .v3-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform 0.5s ease; }
html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo:hover .v3-card-media img { transform: scale(1.03); }
html:root body.huayi-v3:not(.home) .pillar-section .pillar-card.v3-card-photo h3 { margin: 20px 22px 8px; font-size: 1.22rem; }
html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo h3 a { color: var(--ink); text-decoration: none; }
html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo h3 a::after { content: " \2192"; color: var(--teal); }
html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo:hover h3 a { color: var(--teal-dark); }
html:root body.huayi-v3:not(.home) .pillar-section .pillar-card.v3-card-photo p { margin: 0 22px; font-size: 0.95rem; }

/* A company photo beside a bare section (inc/inner-design.php): under the heading, on the left. */
html:root body.huayi-v3:not(.home) .pillar-section .v3-sec-photo { margin: 0 0 24px; }
html:root body.huayi-v3:not(.home) .pillar-section .v3-sec-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius); }

/* ---------- Link boxes: a plain list of links with hairlines ---------- */
html:root body.huayi-v3:not(.home) main :is(.pillar-related, .contact-secondary-links) { display: block; margin-top: 10px; border-top: 1px solid var(--stone-2); }
html:root body.huayi-v3:not(.home) main :is(.pillar-related, .contact-secondary-links) a { display: flex; align-items: center; min-height: 58px; padding: 14px 0; background: none; border: 0; border-bottom: 1px solid var(--stone-2); border-radius: 0; color: var(--ink); font-size: 1.06rem; font-weight: 600; text-decoration: none; }
html:root body.huayi-v3:not(.home) main :is(.pillar-related, .contact-secondary-links) a:hover { color: var(--teal-dark); border-color: var(--stone-2); }
html:root body.huayi-v3:not(.home) main .v3-more-link { margin-top: 14px; }
html:root body.huayi-v3:not(.home) main .v3-more-link a { font-weight: 600; text-decoration: none; }
html:root body.huayi-v3:not(.home) main .v3-more-link a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Checklists and numbered steps: mono numbers, hairline rows ---------- */
html:root body.huayi-v3:not(.home) main :is(.plan-checklist, .contact-steps) { margin: 0; padding: 0; list-style: none; counter-reset: plan; border-top: 1px solid var(--stone-2); }
html:root body.huayi-v3:not(.home) main :is(.plan-checklist, .contact-steps) > li { counter-increment: plan; position: relative; display: block; margin: 0; padding: 16px 0 16px 52px; border-bottom: 1px solid var(--stone-2); color: var(--ink); }
html:root body.huayi-v3:not(.home) main :is(.plan-checklist, .contact-steps) > li::before { content: counter(plan, decimal-leading-zero); position: absolute; left: 0; top: 16px; color: var(--teal); font-family: var(--mono); font-weight: 600; }
html:root body.huayi-v3:not(.home) main .real-steps { gap: 32px; margin: 36px 0 0; }
html:root body.huayi-v3:not(.home) main .real-steps article { padding: 22px 0 0; border-top: 1px solid var(--ink); }
html:root body.huayi-v3:not(.home) main .real-steps article > span { margin: 0 0 14px; color: var(--teal); font-family: var(--mono); font-size: 2.25rem; font-weight: 500; line-height: 1; letter-spacing: -0.04em; }
html:root body.huayi-v3:not(.home) main .real-steps h3 { margin: 0 0 10px; font-size: 1.19rem; }
html:root body.huayi-v3:not(.home) main .real-steps p { margin: 0; color: var(--ink-2); font-size: 1rem; line-height: 1.6; }
html:root body.huayi-v3:not(.home) main .real-note { margin-top: 36px; padding: 18px 22px; background: var(--paper-2); border: 1px solid var(--stone); border-left: 2px solid var(--leaf); border-radius: var(--radius); color: var(--ink-2); font-size: 0.95rem !important; }

/* ---------- Photo galleries (About): one wide lead photo, then the others in a row ---------- */
html:root body.huayi-v3:not(.home) main .real-gallery:not(.exhibition-gallery) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
html:root body.huayi-v3:not(.home) main .real-gallery:not(.exhibition-gallery) > .real-photo:first-child { grid-column: 1 / -1; }
html:root body.huayi-v3:not(.home) main .real-gallery:not(.exhibition-gallery) > .real-photo:first-child img { aspect-ratio: 21 / 9; }
html:root body.huayi-v3:not(.home) main .real-gallery:not(.exhibition-gallery) img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: var(--radius); }
html:root body.huayi-v3:not(.home) main .real-gallery figcaption { padding: 10px 0 0; }

/* ---------- Closing call to action: one full-width photo band ---------- */
html:root body.huayi-v3:not(.home) main section.pillar-cta.pillar-wrap {
	width: auto;
	max-width: none;
	margin: 0;
	padding: clamp(72px, 9vw, 128px) max(var(--gutter), calc((100% - var(--max)) / 2));
	border-radius: 0;
	background:
		linear-gradient(15deg, rgba(16, 25, 26, 0.94) 12%, rgba(16, 25, 26, 0.62) 52%, rgba(16, 25, 26, 0.2) 100%),
		url("/wp-content/uploads/2026/10/hero-casing-stack-ends-01-1024x768.jpg") 50% 45% / cover no-repeat,
		var(--night);
	color: #fff;
}
html:root body.huayi-v3:not(.home) main .pillar-cta .pillar-cta-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
html:root body.huayi-v3:not(.home) main .pillar-cta .pillar-cta-grid > div { flex: 1 0 100%; margin-bottom: 20px; }
html:root body.huayi-v3:not(.home) main .pillar-cta h2 { max-width: 20ch; margin: 0; padding-left: 24px; border-left: 2px solid var(--leaf); color: #fff; font-size: clamp(30px, 4vw, 54px); line-height: 1.08; }
html:root body.huayi-v3:not(.home) main .pillar-cta p { max-width: 58ch; margin: 18px 0 0; padding-left: 26px; color: rgba(255, 255, 255, 0.86); font-size: 1.06rem; }
html:root body.huayi-v3:not(.home) main .pillar-cta .button-outline { background: var(--teal); border-color: var(--teal); color: #fff; }
html:root body.huayi-v3:not(.home) main .pillar-cta .button-outline:hover { background: var(--teal-dark); border-color: var(--teal-dark); }
html:root body.huayi-v3:not(.home) main .pillar-cta .v3-btn-ghost { color: #fff; border-color: rgba(255, 255, 255, 0.7); background: rgba(16, 25, 26, 0.25); }
html:root body.huayi-v3:not(.home) main .pillar-cta .v3-btn-ghost:hover { background: #fff; color: var(--ink); border-color: #fff; }
html:root body.huayi-v3:not(.home) main .pillar-cta .text-link { color: #fff; }
/* The page's own band replaces the footer band (which said the same), so the page ends with one call to action. */
html:root body.huayi-v3:not(.home):has(main .pillar-cta) .v2-cta-band { display: none; }
/* The share links after the band join it: the same dark ground, light links. */
html:root body.huayi-v3:not(.home) .wp-block-post-content:has(> .huayi-pillar > .pillar-cta:last-child) > .v3-share { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; box-sizing: border-box; width: auto; max-width: none; margin: 0; padding: 22px max(var(--gutter), calc((100% - var(--max)) / 2)) 30px; background: var(--night); border-top: 1px solid var(--night-line); }
html:root body.huayi-v3:not(.home) .wp-block-post-content:has(> .huayi-pillar > .pillar-cta:last-child) > .v3-share .v3-share-label { margin: 0; color: var(--on-dark-2); }
html:root body.huayi-v3:not(.home) .wp-block-post-content:has(> .huayi-pillar > .pillar-cta:last-child) > .v3-share .v3-share-link { background: transparent; border-color: var(--night-line); color: #fff; }
html:root body.huayi-v3:not(.home) .wp-block-post-content:has(> .huayi-pillar > .pillar-cta:last-child) > .v3-share .v3-share-link:hover { border-color: #fff; color: #fff; }
/* Pages without their own closing band keep the site-wide band, now with the same photo. */
html:root body.huayi-v3:not(.home) .v2-cta-band {
	background:
		linear-gradient(15deg, rgba(16, 25, 26, 0.94) 12%, rgba(16, 25, 26, 0.66) 55%, rgba(16, 25, 26, 0.3) 100%),
		url("/wp-content/uploads/2026/10/hero-casing-stack-ends-01-1024x768.jpg") 50% 45% / cover no-repeat,
		var(--night);
}
html:root body.huayi-v3:not(.home) .v2-cta-inner { padding: clamp(64px, 7vw, 104px) 0; }

/* ---------- Narrow screens and phones ---------- */
@media (max-width: 899px) {
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-copy { gap: 18px; }
}
@media (max-width: 760px) {
	/* Banner on phones: the photo on top, the text below on paper. */
	html:root body.huayi-v3.v3-head-photo .pillar-hero { display: block; min-height: 0; padding-top: 200px; }
	html:root body.huayi-v3.v3-head-photo .pillar-hero :is(figure.pillar-hero-image, figure.real-photo) { inset: 0 0 auto 0; height: 200px; }
	html:root body.huayi-v3.v3-head-photo .pillar-hero :is(figure.pillar-hero-image, figure.real-photo)::after { background: none; }
	html:root body.huayi-v3.v3-head-photo .pillar-hero > .pillar-wrap { padding: 26px 0 34px; }
	html:root body.huayi-v3.v3-head-photo main .pillar-hero h1 { font-size: clamp(1.9rem, 8.4vw, 2.4rem); }
	html:root body.huayi-v3.v3-head-photo .pillar-hero p:not(.eyebrow) { font-size: 0.98rem; }
	html:root body.huayi-v3.v3-head-photo .pillar-hero .pillar-actions .button { flex: 1 1 140px; padding-inline: 12px; }
	/* Two figures to a row: a rule between the columns and between the rows. */
	html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact { padding: 14px 0 14px 14px; }
	html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact:nth-child(odd) { padding-left: 0; border-left: 0; }
	html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact:nth-child(even) { padding-left: 14px; border-left: 1px solid var(--stone-2); }
	html:root body.huayi-v3.v3-head-photo .pillar-hero + .v3-facts-section .v3-fact:nth-child(n + 3) { border-top: 1px solid var(--stone-2); }

	html:root body.huayi-v3:not(.home) .pillar-section { padding: 52px 0; }
	html:root body.huayi-v3:not(.home) .pillar-section:not(:has(img, video, table, iframe, canvas, .hy3d, .v3-faq, .pillar-card-grid, .product-card-grid, .plan-card-grid, .real-steps, .real-gallery, .buyer-detail-grid, .resource-grid, .contact-grid, .v3-facts, .factory-evidence-grid, .precision-material-grid)) { padding-block: 40px; }
	html:root body.huayi-v3:not(.home) main :is(.pillar-section > .pillar-wrap > .eyebrow, .pillar-section .pillar-wrap > div > .eyebrow, .factory-film-heading .eyebrow, .v3-related > .eyebrow) { margin-bottom: 16px; }
	html:root body.huayi-v3:not(.home) .pillar-section :is(.pillar-card-grid, .plan-card-grid, .buyer-detail-grid) { gap: 28px; margin-top: 24px; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-card-grid:has(.v3-card-photo) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-card.v3-card-photo h3 { margin: 14px 14px 6px; font-size: 1rem; }
	html:root body.huayi-v3:not(.home) .pillar-section .pillar-card.v3-card-photo p { margin: 0 14px; font-size: 0.86rem; }
	/* Product grids two to a row, as the homepage's product lines. */
	html:root body.huayi-v3:not(.home) main .product-card-grid:not(.v3-range-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html:root body.huayi-v3:not(.home) main .product-card-grid:not(.v3-range-grid) .product-card-copy { padding: 12px 12px 14px; gap: 4px; }
	html:root body.huayi-v3:not(.home) main .product-card-grid:not(.v3-range-grid) .product-card-copy h3 { font-size: 0.92rem; }
	html:root body.huayi-v3:not(.home) main .product-card-grid:not(.v3-range-grid) .product-card-link { min-height: 40px; padding-top: 6px; font-size: 0.86rem; }
	html:root body.huayi-v3:not(.home) main .real-gallery:not(.exhibition-gallery) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	html:root body.huayi-v3:not(.home) main .real-gallery:not(.exhibition-gallery) > .real-photo:first-child img { aspect-ratio: 3 / 2; }
	html:root body.huayi-v3:not(.home) main .real-gallery:not(.exhibition-gallery) > .real-photo:last-child:nth-child(even) { grid-column: 1 / -1; }
	html:root body.huayi-v3:not(.home) main section.pillar-cta.pillar-wrap { padding-block: 64px; }
	html:root body.huayi-v3:not(.home) main .pillar-cta h2 { padding-left: 16px; }
	html:root body.huayi-v3:not(.home) main .pillar-cta p { padding-left: 18px; }
	html:root body.huayi-v3:not(.home) main .pillar-cta .button { flex: 1 1 150px; padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo .v3-card-media img { transition: none; }
	html:root body.huayi-v3:not(.home) .pillar-card.v3-card-photo:hover .v3-card-media img { transform: none; }
}

/* ---------- Trust batch (2026-11-02) ---------- */
/* Links inside running text carry an underline, not only a colour. Cards and link lists keep their own style. */
html:root body.huayi-v3:not(.home) main :is(.pillar-wrap, .entry-content) p > a:not(.button, .button-outline, .text-link, .v3-more-link, .pillar-card a),
html:root body.huayi-v3:not(.home) main .entry-content .wp-block-list li > a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
/* Articles hub: three to a row, so three guides fill the width instead of two and one. */
@media (min-width: 901px) {
	html:root body.huayi-v3.page-id-356 main .wp-block-post-template.columns-2 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
}