/* ==========================================================================
   TLG TECH v2.5 — page components that break the "heading + cards" rhythm.
   All markup is core blocks (see inc/blocks-pages.php); classes only, no inline styles.

   .tlg-feature      text + large photo, photo bleeds toward the page edge (--rev flips)
   .tlg-intro        opening statement: big heading left, larger lead copy right
   .tlg-statement    full-width photo band with one large sentence
   .tlg-pillars      three tall image cards (ESG E / S / G)
   .tlg-timeline     horizontal year line (milestones)
   .tlg-numbered     big-number rows (strengths, principles); --dark on navy
   .tlg-mosaic       photo grid with one large tile
   .tlg-ceo          portrait + letter
   .tlg-slot         image placeholder that names the file to supply
   ========================================================================== */

/* ---------- Page hero: lighter, image reads on the right ---------- */
.page-hero--image::before {
	background: linear-gradient(90deg, rgba(10, 47, 92, .95) 0%, rgba(10, 47, 92, .84) 42%, rgba(10, 47, 92, .38) 70%, rgba(10, 47, 92, .14) 100%);
}
.page-hero--image::after { display: none; }
@media (max-width: 760px) {
	.page-hero--image::before { background: linear-gradient(180deg, rgba(10, 47, 92, .7) 0%, rgba(10, 47, 92, .9) 100%); }
}

/* ---------- Shared ---------- */
/* VI process: illustrative photos; original editable text stays in each card. */
.tlg-page-production-process:lang(vi) .tlg-process-cards > .tlg-card {
 background-color: var(--navy); background-image: linear-gradient(180deg,rgba(10,47,92,.05) 100px,var(--navy) 240px),var(--process-photo);
 background-size: 100% 100%,100% auto; background-position: top center; background-repeat: no-repeat;
 padding-top: 240px; overflow: hidden; border-color: var(--navy);
}
.tlg-page-production-process:lang(vi) .tlg-process-cards > .tlg-card::before,
.tlg-page-production-process:lang(vi) .tlg-process-cards > .tlg-card::after { display: none; }
.tlg-page-production-process:lang(vi) .tlg-process-cards .tlg-card__title { color: white; }
.tlg-page-production-process:lang(vi) .tlg-process-cards .tlg-card__text { color: #e3edf8; }
.tlg-page-production-process:lang(vi) .tlg-process-cards > :nth-child(1) { --process-photo:url('../img/process-vi/01-collection-stock.webp'); }
.tlg-page-production-process:lang(vi) .tlg-process-cards > :nth-child(2) { --process-photo:url('../img/process-vi/02-sorting-stock.webp'); }
.tlg-page-production-process:lang(vi) .tlg-process-cards > :nth-child(3) { --process-photo:url('../img/process-vi/03-flakes.webp'); }
.tlg-page-production-process:lang(vi) .tlg-process-cards > :nth-child(4) { --process-photo:url('../img/process-vi/04-mixing-stock.webp'); }
.tlg-page-production-process:lang(vi) .tlg-process-cards > :nth-child(5) { --process-photo:url('../img/process-vi/05-extrusion.webp'); }
.tlg-page-production-process:lang(vi) .tlg-process-cards > :nth-child(6) { --process-photo:url('../img/process-vi/06-delivery-stock.webp'); }
.tlg-section--navy { background: var(--navy); color: rgba(255, 255, 255, .86); }
.tlg-section--navy .tlg-title, .tlg-section--navy h2, .tlg-section--navy h3 { color: var(--white); }
.tlg-section--navy .tlg-eyebrow { color: #9cc3ef; }
.tlg-section--navy .tlg-lead { color: rgba(255, 255, 255, .78); }

/* ---------- Feature: copy + photo ---------- */
.tlg-feature .tlg-split.wp-block-columns { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; }
.tlg-feature--rev .tlg-split.wp-block-columns { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
.tlg-feature--rev .tlg-split > .tlg-feature__media { order: -1; }
.tlg-feature__media { position: relative; }
.tlg-feature__media > * { position: relative; z-index: 1; margin: 0 !important; }
.tlg-feature__media img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--radius); box-shadow: 0 24px 48px -24px rgba(10, 47, 92, .45); }
.tlg-feature .tlg-col-copy > p:not(.tlg-eyebrow):not(.tlg-lead) { color: #33445b; }
.tlg-feature .tlg-lead { font-size: 1.15rem; color: var(--ink); }

/* ---------- Intro statement ---------- */
.tlg-intro .tlg-split.wp-block-columns { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
.tlg-intro .tlg-title { font-size: clamp(1.9rem, 3.6vw, 2.8rem); line-height: 1.18; }
.tlg-intro .tlg-split > :last-child { padding-left: clamp(0px, 3vw, 40px); border-left: 3px solid var(--blue-soft); }
.tlg-intro .tlg-split > :last-child p { font-size: clamp(1.02rem, 1.4vw, 1.18rem); line-height: 1.75; color: #2a3a50; }
.tlg-intro .tlg-split > :last-child p:first-child { font-size: clamp(1.15rem, 1.8vw, 1.4rem); line-height: 1.55; color: var(--navy); font-weight: 600; }

/* ---------- Statement band ---------- */
.tlg-statement { position: relative; isolation: isolate; overflow: hidden; background: var(--navy); color: rgba(255, 255, 255, .86); padding-block: clamp(80px, 11vw, 150px); }
.tlg-statement .tlg-statement__bg { position: absolute !important; inset: 0; z-index: -2; margin: 0 !important; }
.tlg-statement .tlg-statement__bg img { width: 100%; height: 100%; object-fit: cover; }
.tlg-statement::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(7, 31, 61, .93) 0%, rgba(10, 47, 92, .8) 50%, rgba(10, 47, 92, .45) 100%); }
.tlg-statement .tlg-eyebrow { color: #9cc3ef; }
.tlg-statement__title { color: var(--white); font-size: clamp(2rem, 4.6vw, 3.6rem); line-height: 1.12; max-width: 16em; margin: 0; }
.tlg-statement .tlg-container > .tlg-statement__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 40px); max-width: 1000px; margin-top: clamp(32px, 4vw, 48px); }
.tlg-statement__cols > p { margin: 0; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .28); font-size: .98rem; }
.tlg-statement__text { max-width: 40em; font-size: 1.1rem; margin-top: 20px !important; }

/* ---------- Pillars (ESG) ---------- */
.tlg-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 28px); }
.tlg-pillars > * { margin: 0 !important; min-width: 0; }
.tlg-pillar { position: relative; display: flex; flex-direction: column; background: var(--white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.tlg-pillar > * { margin: 0; }
.tlg-pillar__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.tlg-pillar__tag {
	position: absolute; top: 16px; left: 16px; width: 56px; height: 56px; display: grid; place-items: center;
	background: var(--white); color: var(--blue); font-size: 1.6rem; font-weight: 800; border-radius: 50%;
	box-shadow: 0 6px 16px rgba(10, 47, 92, .2);
}
.tlg-pillar:nth-child(2) .tlg-pillar__tag { color: var(--red); }
.tlg-pillar__body { padding: 26px 26px 30px; display: flex; flex-direction: column; flex: 1; }
.tlg-pillar__body > * { margin: 0; }
.tlg-pillar__body > * + * { margin-top: 12px; }
.tlg-pillar__body .tlg-eyebrow { margin-bottom: -4px; }
.tlg-pillar__body h3 { font-size: 1.3rem; }
.tlg-pillar__body > p:not(.tlg-eyebrow) { color: var(--muted); font-size: .96rem; }
.tlg-pillar__body .is-style-check { margin-top: 18px; font-size: .94rem; }
.tlg-pillar__body .tlg-pillar__note { margin-top: auto !important; padding-top: 18px; border-top: 1px solid var(--line); font-weight: 700; color: var(--navy); font-size: 1rem; }
.tlg-pillar__body .is-style-check + .tlg-pillar__note { margin-top: 22px !important; }
@media (min-width: 901px) {
	.tlg-page-esg-management .tlg-pillar__body h3 { line-height: 1.3; min-height: 2.6em; }
	.tlg-page-esg-management .tlg-pillar__body > h3 + p { min-height: 6.8em; }
	.tlg-page-esg-management .tlg-pillar__body .is-style-check { flex: 1; }
	.tlg-page-esg-management .tlg-pillar__body .is-style-check li { min-height: 76px; margin: 0; padding-block: 10px; box-sizing: border-box; }
	.tlg-page-esg-management .tlg-pillar__body .is-style-check + .tlg-pillar__note { margin-top: 22px !important; min-height: 4.6em; }
}

/* ---------- Timeline ---------- */
.tlg-timeline { position: relative; display: grid; grid-template-columns: repeat(var(--n, 6), minmax(0, 1fr)); gap: 0 clamp(12px, 2vw, 24px); padding-top: 44px; }
.tlg-timeline::before { content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 2px; background: linear-gradient(90deg, var(--blue-soft), var(--blue) 70%, var(--red)); }
.tlg-timeline > * { margin: 0 !important; min-width: 0; }
.tlg-timeline__item { position: relative; }
.tlg-timeline__item > * { margin: 0; }
.tlg-timeline__item::before { content: ""; position: absolute; top: -38px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--white); border: 4px solid var(--blue); }
.tlg-timeline__item:last-child::before { border-color: var(--red); }
.tlg-timeline__item h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); color: var(--blue); font-weight: 800; letter-spacing: -.02em; }
.tlg-timeline__item:last-child h3 { color: var(--red); }
.tlg-timeline__item p { margin-top: 10px; color: #33445b; font-size: .95rem; line-height: 1.6; }

/* ---------- Numbered rows ---------- */
.tlg-numbered { counter-reset: tlgnum; display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 40px); }
.tlg-numbered > * { margin: 0 !important; min-width: 0; }
.tlg-num-item { counter-increment: tlgnum; padding-top: 22px; border-top: 2px solid var(--navy); }
.tlg-num-item > * { margin: 0; }
.tlg-num-item::before { content: counter(tlgnum, decimal-leading-zero); display: block; font-size: clamp(2.6rem, 4vw, 3.6rem); font-weight: 800; line-height: 1; color: var(--blue-soft); -webkit-text-stroke: 1.5px var(--blue); margin-bottom: 18px; letter-spacing: -.03em; }
.tlg-num-item .tlg-card__num { display: none; }
.tlg-num-item h3 { font-size: 1.2rem; }
.tlg-num-item p { margin-top: 10px; color: var(--muted); font-size: .97rem; }
.tlg-section--navy .tlg-num-item { border-top-color: rgba(255, 255, 255, .35); }
.tlg-section--navy .tlg-num-item::before { color: transparent; -webkit-text-stroke: 1.5px #7fb2ea; }
.tlg-section--navy .tlg-num-item p { color: rgba(255, 255, 255, .74); }

.tlg-numbered--2 { --n: 2; }
.tlg-numbered--4 { --n: 4; }
.tlg-timeline--5 { --n: 5; }
.tlg-timeline--7 { --n: 7; }

/* ---------- Mosaic ---------- */
.tlg-mosaic.tlg-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 15vw, 220px); }
.tlg-mosaic .tlg-gallery__item { position: relative; margin: 0; overflow: hidden; border-radius: var(--radius); }
.tlg-mosaic .tlg-gallery__item:first-child { grid-column: span 2; grid-row: span 2; }
.tlg-mosaic .tlg-gallery__item img { width: 100%; height: 100%; aspect-ratio: auto !important; object-fit: cover; border-radius: 0 !important; }
.tlg-mosaic .tlg-gallery__item figcaption {
	position: absolute; left: 0; right: 0; bottom: 0; margin: 0 !important; padding: 28px 14px 12px;
	background: linear-gradient(180deg, transparent, rgba(7, 31, 61, .85)); color: var(--white) !important; font-weight: 600; font-size: .9rem;
}

/* ---------- Image-top cards (printing, OEM) ---------- */
.tlg-cards-img .tlg-card { padding-top: 0; overflow: hidden; }
.tlg-cards-img .tlg-card__img { margin: 0 -24px 14px !important; }
.tlg-cards-img .tlg-card__img img { aspect-ratio: 4 / 3; border-radius: 0; }
.tlg-cards-img .tlg-card--icon::before { display: none; }
.tlg-cards-img .tlg-card__num { position: absolute; top: 14px; right: 16px; padding: 4px 10px; background: var(--white); border-radius: 999px; font-size: .78rem; z-index: 1; color: var(--blue) !important; }
.tlg-cards-img .tlg-card { position: relative; }

/* ---------- Split with sticky photo (R&D) ---------- */
.tlg-sticky .tlg-split.wp-block-columns { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
.tlg-sticky .tlg-split > :first-child { position: sticky; top: calc(var(--header-h) + 24px); }
.tlg-sticky .tlg-split > :first-child img { aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius); }
.tlg-sticky .tlg-grid--2 { grid-template-columns: 1fr; }
.tlg-sticky .tlg-card--icon { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 18px; }
.tlg-sticky .tlg-card--icon > * { grid-column: 2; }
.tlg-sticky .tlg-card--icon::before { grid-column: 1; grid-row: 1 / span 3; }
.tlg-sticky .tlg-card--icon::after { top: 35px; left: 13px; }

/* ---------- CEO ---------- */
.tlg-ceo .tlg-split.wp-block-columns { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); align-items: start; }
.tlg-ceo__photo { position: sticky; top: calc(var(--header-h) + 24px); }
.tlg-ceo__photo img { aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius); }
.tlg-ceo__photo figcaption { margin-top: 12px; font-weight: 700; color: var(--navy); }
.tlg-ceo .tlg-ceo-letter { position: relative; }
.tlg-ceo .tlg-ceo-letter::before { content: "\201C"; display: block; height: .5em; margin: -.1em 0 .1em -.05em; font-size: 6rem; line-height: 1; font-weight: 800; color: var(--blue); opacity: .18; }
.tlg-ceo .tlg-ceo-letter > .tlg-ceo-sign::after { content: ""; display: block; width: 48px; height: 4px; margin-top: 14px; background: linear-gradient(90deg, var(--blue) 0 70%, var(--red) 70%); }
.tlg-ceo__photo img { box-shadow: 18px 18px 0 -2px rgba(0, 80, 160, .12); }
.tlg-ceo .tlg-ceo__media { isolation: isolate; }
.tlg-statement:not(:has(.tlg-eyebrow)) .tlg-statement__title { font-size: clamp(1.6rem, 3.4vw, 2.6rem); max-width: 22em; font-weight: 700; }
.tlg-statement:not(:has(.tlg-eyebrow)) .tlg-statement__title::before { content: "\201C"; display: block; font-size: 4rem; line-height: .6; color: #7fb2ea; margin-bottom: 10px; }
.tlg-ceo-topic .tlg-card__title a { color: var(--navy); text-decoration: none; }
.tlg-ceo-topic .tlg-card__title a::after { content: " \2192"; color: var(--blue); }
.tlg-ceo-topic .tlg-card__title a:hover { color: var(--blue); }
.tlg-ceo-topic .tlg-card__img img { aspect-ratio: 16 / 10; }
.tlg-ceo-topics .tlg-card__img img[src*="pellets/"] { object-fit: contain; background: #f3f6fa; }
.tlg-ceo .tlg-ceo-letter { isolation: isolate; }
.tlg-ceo .tlg-ceo-letter > .tlg-title { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
.tlg-ceo .tlg-ceo-letter > p { font-size: 1.04rem; color: #2a3a50; }
.tlg-ceo .tlg-ceo-letter > .tlg-lead { font-size: 1.2rem; color: var(--blue); font-weight: 600; }
.tlg-ceo .tlg-ceo-letter > .tlg-ceo-sign { margin-top: 2rem; padding-top: 18px; border-top: 2px solid var(--navy); font-weight: 700; color: var(--navy); }

/* ---------- Page-specific tweaks ---------- */
.tlg-feature__media .tlg-plain img { aspect-ratio: auto; object-fit: contain; box-shadow: none; border-radius: 0; mix-blend-mode: multiply; }
.tlg-twin .tlg-feature__media > * + * { margin-top: 16px !important; }
.tlg-feature__media .tlg-mosaic.tlg-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(140px, 13vw, 190px); }
.tlg-mosaic--4 .tlg-gallery__item:first-child { grid-column: auto; grid-row: auto; }
.tlg-section--flush { padding-top: 0; }
.tlg-numbered--stack { grid-template-columns: 1fr; row-gap: 0; }
.tlg-numbered--stack .tlg-num-item { display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 20px; padding: 20px 0; border-top: 1px solid var(--line); }
.tlg-numbered--stack .tlg-num-item:first-child { border-top: 2px solid var(--navy); }
.tlg-numbered--stack .tlg-num-item::before { grid-row: 1 / span 3; margin: 0; font-size: 2.6rem; }
.tlg-numbered--stack .tlg-num-item > * { grid-column: 2; }
.tlg-numbered--stack .tlg-num-item p { margin-top: 6px; }
.tlg-mission .tlg-split.wp-block-columns { align-items: center; }
.tlg-mission .tlg-col-copy > p { color: #33445b; }

/* ---------- Inline CTA (after a service / process block) ---------- */
.tlg-cta-inline { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; padding: 22px 28px; background: var(--white); border: 1px solid var(--line); border-left: 4px solid var(--red); border-radius: var(--radius); box-shadow: var(--shadow); }
.tlg-cta-inline > * { margin: 0 !important; }
.tlg-cta-inline__text { font-weight: 700; color: var(--navy); font-size: 1.08rem; }
.tlg-cta-inline .wp-block-buttons { margin: 0; }
.tlg-section--alt .tlg-cta-inline { border-color: transparent; border-left-color: var(--red); }

/* ---------- Proof strip (certifications, figures) ---------- */
.tlg-proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.tlg-proof > * { margin: 0 !important; min-width: 0; }
.tlg-proof__item { padding: 22px 24px; border-left: 1px solid var(--line); }
.tlg-proof__item:first-child { border-left: 0; }
.tlg-proof__item > * { margin: 0; }
.tlg-proof__value { font-size: clamp(1.3rem, 2vw, 1.6rem); font-weight: 800; color: var(--blue); letter-spacing: -.02em; line-height: 1.2; }
.tlg-proof__label { margin-top: 6px !important; font-size: .9rem; color: var(--muted); }
.tlg-section--proof { padding-block: 0 clamp(40px, 5vw, 64px); }

/* ---------- Review 2 adjustments ---------- */
/* AI concept images carry a small visible label (caption) */
.tlg-illus { position: relative; }
.tlg-illus figcaption {
	position: absolute; right: 10px; bottom: 10px; margin: 0 !important; padding: 3px 8px;
	background: rgba(7, 31, 61, .62); color: rgba(255, 255, 255, .92) !important; border-radius: 4px;
	font-size: .7rem !important; font-weight: 500; letter-spacing: .02em; line-height: 1.4; pointer-events: none;
}
.tlg-card__img.tlg-illus figcaption { bottom: 8px; right: 8px; }

/* Closing CTA, compact variant (CEO, Vision, ESG) */
.tlg-cta--compact { padding-block: clamp(36px, 4.5vw, 52px); }
.tlg-cta--compact .tlg-cta__title { font-size: clamp(1.25rem, 2vw, 1.5rem); }
.tlg-cta--compact::before { display: none; }

/* Pull quote band without eyebrow (CEO): lighter weight */
.tlg-statement:not(:has(.tlg-eyebrow)) { padding-block: clamp(56px, 7vw, 92px); }

/* Navy strengths band on service pages: shorter */
.tlg-section--navy:has(.tlg-numbered) { padding-block: clamp(48px, 6vw, 76px) !important; }

/* R&D internal QC: divider list instead of four boxed cards */
.tlg-sticky .tlg-card--icon { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: 22px 0; background: transparent; }
.tlg-sticky .tlg-card--icon:first-child { border-top: 2px solid var(--navy); }
.tlg-sticky .tlg-grid { gap: 0; }
.tlg-sticky .tlg-cta-inline { margin-top: 28px !important; }

/* Production: the ring diagram is the overview, the step cards are the detail */
.tlg-section:has(.tlg-cycle--process) { padding-block: clamp(40px, 5vw, 64px); }

/* Proof strip: the condition under each figure reads with the figure */
.tlg-proof__label { color: #3d4f66; font-size: .92rem; font-weight: 500; }

/* ---------- Image slot (placeholder until the real/GPT image is supplied) ---------- */
.tlg-slot img { background: repeating-linear-gradient(135deg, #eef3f9 0 14px, #e3ebf5 14px 28px); }

/* ---------- Product directories: TLG-supplied rows stand out ---------- */
.tlg-product-row:has(.tlg-badge) { box-shadow: inset 4px 0 0 var(--blue); }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.tlg-pillars { grid-template-columns: 1fr; max-width: 640px; }
	.tlg-pillar { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
	.tlg-pillar__img img { height: 100%; aspect-ratio: auto; }
	.tlg-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 52px; }
	.tlg-timeline::before { display: none; }
	.tlg-timeline__item { border-top: 2px solid var(--blue-soft); padding-top: 22px; }
	.tlg-timeline__item::before { top: -9px; }
}
@media (max-width: 760px) {
	.tlg-feature .tlg-split.wp-block-columns,
	.tlg-feature--rev .tlg-split.wp-block-columns,
	.tlg-intro .tlg-split.wp-block-columns,
	.tlg-sticky .tlg-split.wp-block-columns,
	.tlg-ceo .tlg-split.wp-block-columns { grid-template-columns: 1fr; }
	.tlg-feature .tlg-split > .tlg-feature__media { order: -1; }
	.tlg-intro .tlg-split > :last-child { padding-left: 18px; }
	.tlg-sticky .tlg-split > :first-child, .tlg-ceo__photo { position: static; }
	.tlg-sticky .tlg-split > :first-child img { aspect-ratio: 16 / 10; }
	.tlg-ceo__photo { max-width: 280px; }
	.tlg-ceo .tlg-ceo-letter::before { display: none; }
	.tlg-statement .tlg-container > .tlg-statement__cols { grid-template-columns: 1fr; }
	.tlg-pillar { display: flex; }
	.tlg-pillar__img img { aspect-ratio: 16 / 10; height: auto; }
	.tlg-timeline { grid-template-columns: 1fr; padding-top: 0; padding-left: 28px; row-gap: 26px; }
	.tlg-timeline::before { display: block; left: 7px; right: auto; top: 6px; bottom: 6px; width: 2px; height: auto; background: linear-gradient(180deg, var(--blue-soft), var(--blue) 70%, var(--red)); }
	.tlg-timeline__item { border-top: 0; padding-top: 0; }
	.tlg-timeline__item::before { top: 6px; left: -28px; }
	.tlg-numbered { grid-template-columns: 1fr; row-gap: 28px; }
	.tlg-mosaic.tlg-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 150px; }
	.tlg-sticky .tlg-card--icon { display: block; }
	.tlg-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tlg-proof__item:nth-child(3) { border-left: 0; }
	.tlg-proof__item:nth-child(n+3) { border-top: 1px solid var(--line); }
	.tlg-cta-inline { padding: 20px; }
}

/* R&D QC layout: full-width heading, media/CTA aside and readable test cards. */
.tlg-page-rd-center .tlg-qc-layout { background: #f3f6fa; }
.tlg-page-rd-center .tlg-qc-layout .tlg-container > .tlg-head { max-width: 960px; margin-bottom: 36px; }
.tlg-page-rd-center .tlg-qc-layout .tlg-split.wp-block-columns { grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); gap: 28px; }
.tlg-page-rd-center .tlg-qc-layout .tlg-col-media { top: calc(var(--header-h) + 96px); }
.tlg-page-rd-center .tlg-qc-layout .tlg-col-media img { aspect-ratio: auto; height: auto; }
.tlg-page-rd-center .tlg-qc-layout .tlg-grid--2 { grid-template-columns: 1fr; gap: 16px; }
.tlg-page-rd-center .tlg-qc-layout .tlg-card--icon { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 20px; padding: 24px; border: 1px solid var(--line); border-left: 3px solid var(--blue); border-radius: var(--radius); background: var(--white); }
.tlg-page-rd-center .tlg-qc-layout .tlg-card--icon::before { margin-bottom: 0; }
.tlg-page-rd-center .tlg-qc-layout .tlg-card--icon:first-child { border-top: 1px solid var(--line); }
.tlg-page-rd-center .tlg-qc-layout .tlg-card--icon::after { top: 37px; left: 40px; }
.tlg-page-rd-center .tlg-qc-layout .tlg-card__title { line-height: 1.35; }
.tlg-page-rd-center .tlg-qc-layout .tlg-cta-inline { margin-top: 20px !important; padding: 24px; box-shadow: none; }
.tlg-page-rd-center .tlg-qc-layout .tlg-cta-inline .wp-block-buttons,
.tlg-page-rd-center .tlg-qc-layout .tlg-cta-inline .wp-block-button { width: 100%; }
.tlg-page-rd-center .tlg-qc-layout .tlg-cta-inline .wp-block-button__link { width: 100%; text-align: center; }
@media (max-width: 1100px) {
	.tlg-page-rd-center .tlg-qc-layout .tlg-split.wp-block-columns { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); }
}
@media (max-width: 900px) {
	.tlg-page-rd-center .tlg-qc-layout .tlg-split.wp-block-columns { grid-template-columns: 1fr; }
	.tlg-page-rd-center .tlg-qc-layout .tlg-col-media { position: static; }
}
@media (max-width: 600px) {
	.tlg-page-rd-center .tlg-qc-layout .tlg-card--icon { display: block; }
	.tlg-page-rd-center .tlg-qc-layout .tlg-card--icon::before { margin-bottom: 18px; }
}

/* KO: ESG pillar check lists are single-line; tighter rows and line height. */
.lang-ko .tlg-pillars .tlg-pillar__body .is-style-check li { min-height: 0; padding-block: 10px; line-height: 1.5; }
.lang-ko .tlg-pillars .tlg-pillar__body .is-style-check li::before { top: 11px; }