/* Custom labels: the quote and order block. Uses the v3 tokens (--wt-*) from the theme. Nothing is rotated or skewed. */

.wtl-section { padding-block: 28px 64px; background: var(--wt-white, #fbfaf7); counter-reset: wtlstep; }
.wtl-section *, .wtl-section *::before, .wtl-section *::after { box-sizing: border-box; }
.wtl-section [hidden] { display: none !important; }
@media (min-width: 960px) { .wtl-section { padding-block: 36px 88px; } }

/* Heading */
.wtl-head { max-width: 780px; margin: 0 0 8px; }
.wtl-title { margin: 0 0 12px; font-family: var(--wt-font); font-weight: 650; font-size: clamp(1.9rem, 1.35rem + 1.8vw, 2.9rem); line-height: 1.05; letter-spacing: -0.025em; color: var(--wt-ink, #211f1b); text-wrap: balance; }
.wtl-lead { margin: 0 0 18px; font-size: 1.04rem; line-height: 1.55; color: var(--wt-ink-soft, #3a3731); max-width: 64ch; }
.wtl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.wtl-chips li { display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 7px 12px 7px 10px; border-radius: 999px; background: var(--wt-bone, #f1eee7); font-size: .86rem; font-weight: 600; line-height: 1.2; color: var(--wt-ink-soft, #3a3731); }
.wtl-section .wt-icon { flex: none; width: 18px; height: 18px; color: var(--wt-forest, #304036); --i-fill: var(--wt-forest, #304036); --i-knock: #fff; }

/* Two columns: options, then the sticky summary */
.wtl-quoter { display: grid; gap: 28px; margin-top: 22px; align-items: start; }
@media (min-width: 1024px) {
	.wtl-quoter { grid-template-columns: minmax(0, 1fr) 360px; gap: 44px; }
	.wtl-summary { position: sticky; top: calc(var(--wt-announce-h, 36px) + var(--wt-header-h, 68px) + 18px); }
}
.wtl-main { min-width: 0; }

/* Steps */
.wtl-block { padding: 26px 0; border-top: 1px solid var(--wt-border-soft, #e5e1d8); counter-increment: wtlstep; }
.wtl-block:first-child { border-top: 0; padding-top: 8px; }
.wtl-h { display: flex; align-items: center; gap: 12px; margin: 0 0 6px; font-family: var(--wt-font); font-size: 1.28rem; font-weight: 650; letter-spacing: -0.01em; color: var(--wt-ink, #211f1b); }
.wtl-n { display: inline-grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 999px; background: var(--wt-forest, #304036); color: #f1eee7; font-size: .9rem; font-weight: 700; }
.wtl-n::before { content: counter(wtlstep); }
.wtl-sub, .wtl-hint, .wtl-desc, .wtl-fine { margin: 0 0 14px; font-size: .92rem; line-height: 1.5; color: var(--wt-muted, #646159); }
.wtl-hint, .wtl-fine { margin: 12px 0 0; }
.wtl-hint a, .wtl-fine a { color: var(--wt-forest, #304036); font-weight: 650; text-decoration: underline; text-underline-offset: 2px; }
.wtl-h3 { margin: 22px 0 10px; font-size: 1rem; font-weight: 650; color: var(--wt-ink, #211f1b); }
.wtl-h3 span { display: block; margin-top: 2px; font-size: .86rem; font-weight: 500; color: var(--wt-muted, #646159); }

/* Product tiles */
.wtl-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 600px) { .wtl-products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wtl-product { position: relative; display: grid; gap: 2px; padding: 10px 10px 12px; border: 1.5px solid var(--wt-border-soft, #e5e1d8); border-radius: var(--wt-radius, 14px); background: var(--wt-paper, #fff); cursor: pointer; transition: border-color .2s var(--wt-ease), box-shadow .2s var(--wt-ease); }
.wtl-product:hover { border-color: var(--wt-border, #d4d0c7); }
.wtl-product.is-selected { border-color: var(--wt-forest, #304036); box-shadow: 0 0 0 1px var(--wt-forest, #304036); }
.wtl-product input, .wtl-opt input, .wtl-material input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.wtl-product:focus-within, .wtl-opt:focus-within, .wtl-material:focus-within { outline: 2px solid var(--wt-forest, #304036); outline-offset: 2px; }
.wtl-product img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; margin: 0 0 8px; border-radius: 10px; object-fit: cover; background: var(--wt-bone, #f1eee7); }
.wtl-product__name { font-weight: 650; font-size: .96rem; line-height: 1.25; color: var(--wt-ink, #211f1b); }
.wtl-product__size { font-size: .84rem; color: var(--wt-muted, #646159); }
.wtl-product__from { margin-top: 4px; font-size: .82rem; font-weight: 600; color: var(--wt-brass-ink, #7d5f33); }

/* Label size */
.wtl-sizebox { display: grid; gap: 18px; margin-top: 10px; }
@media (min-width: 720px) { .wtl-sizebox { grid-template-columns: 300px minmax(0, 1fr); gap: 26px; align-items: start; } }
.wtl-mock { margin: 0; overflow: hidden; border-radius: var(--wt-radius-lg, 22px); background: var(--wt-bone, #f1eee7); aspect-ratio: 1 / 1; }
.wtl-mock img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wtl-diagram { overflow-x: auto; margin: 0 0 12px; padding: 14px; border-radius: var(--wt-radius, 14px); background: var(--wt-bone, #f1eee7); }
.wtl-diagram svg { display: block; max-width: 100%; height: auto; }
.wtl-dg-label { fill: #fff; stroke: var(--wt-forest, #304036); stroke-width: 2; }
.wtl-dg-line { stroke: var(--wt-brass, #9a7846); stroke-width: 1.5; }
.wtl-dg-dim { font: 600 12px var(--wt-font, sans-serif); fill: var(--wt-ink-soft, #3a3731); text-anchor: middle; }
.wtl-dg-dim--side { text-anchor: start; }
.wtl-dg-tag { font: 700 11px var(--wt-font, sans-serif); letter-spacing: .1em; fill: var(--wt-forest, #304036); text-anchor: middle; }
.wtl-dg-label--open { fill: none; }
.wtl-dg-over { fill: #ece8df; }
.wtl-dg-fold { stroke: #2b6cb0; stroke-width: 1; stroke-dasharray: 3 3; }
.wtl-dg-tag--sm { font-size: 8px; letter-spacing: .06em; }
.wtl-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 0; }
.wtl-facts div { margin: 0; }
.wtl-facts dt { font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--wt-muted, #646159); }
.wtl-facts dd { margin: 2px 0 0; font-weight: 600; color: var(--wt-ink, #211f1b); }
.wtl-note, .wtl-template { display: flex; gap: 8px; align-items: flex-start; margin: 14px 0 0; font-size: .9rem; line-height: 1.45; color: var(--wt-ink-soft, #3a3731); }
.wtl-template a { color: var(--wt-forest, #304036); font-weight: 600; }

/* Option tiles */
.wtl-options { display: grid; gap: 10px; margin-top: 12px; }
@media (min-width: 560px) {
	.wtl-options--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wtl-options--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.wtl-options--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.wtl-opt { position: relative; display: grid; gap: 3px; align-content: start; padding: 14px 16px; border: 1.5px solid var(--wt-border-soft, #e5e1d8); border-radius: var(--wt-radius, 14px); background: var(--wt-paper, #fff); cursor: pointer; transition: border-color .2s var(--wt-ease), background-color .2s var(--wt-ease); }
.wtl-opt:hover { border-color: var(--wt-border, #d4d0c7); }
.wtl-opt.is-selected { border-color: var(--wt-forest, #304036); background: #f4f6f3; box-shadow: 0 0 0 1px var(--wt-forest, #304036); }
.wtl-opt b { font-weight: 650; font-size: .96rem; color: var(--wt-ink, #211f1b); }
.wtl-opt small { font-size: .84rem; line-height: 1.4; color: var(--wt-muted, #646159); }
.wtl-opt--icon { grid-template-columns: 28px minmax(0, 1fr); column-gap: 12px; }
.wtl-opt--icon .wtl-svg { grid-row: span 2; }
.wtl-opt--dir { justify-items: center; text-align: center; }
.wtl-svg { width: 26px; height: 26px; color: var(--wt-forest, #304036); }
.wtl-corner { display: block; width: 34px; height: 24px; margin-bottom: 6px; border: 2px solid var(--wt-forest, #304036); background: #fff; }
.wtl-corner--102 { border-radius: 8px; }
.wtl-corner--103 { border-radius: 1px; }
.wtl-corner--104 { border-radius: 4px; }

/* Materials */
.wtl-tabs { display: flex; gap: 8px; margin: 12px 0 14px; padding-bottom: 2px; overflow-x: auto; scrollbar-width: none; }
.wtl-tab { flex: none; padding: 9px 14px; border: 1px solid var(--wt-border, #d4d0c7); border-radius: 999px; background: var(--wt-paper, #fff); color: var(--wt-ink-soft, #3a3731); font: 600 .88rem var(--wt-font); cursor: pointer; }
.wtl-tab.is-active { border-color: var(--wt-forest, #304036); background: var(--wt-forest, #304036); color: #f1eee7; }
.wtl-materials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 600px) { .wtl-materials { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wtl-material { position: relative; display: grid; justify-items: center; gap: 8px; padding: 16px 12px 14px; border: 1.5px solid var(--wt-border-soft, #e5e1d8); border-radius: var(--wt-radius, 14px); background: var(--wt-paper, #fff); text-align: center; cursor: pointer; transition: border-color .2s var(--wt-ease); }
.wtl-material:hover { border-color: var(--wt-border, #d4d0c7); }
.wtl-material.is-selected { border-color: var(--wt-forest, #304036); box-shadow: 0 0 0 1px var(--wt-forest, #304036); }
.wtl-material__name { font-weight: 600; font-size: .9rem; line-height: 1.3; color: var(--wt-ink, #211f1b); }
.wtl-badge { position: absolute; top: 8px; left: 8px; padding: 3px 8px; border-radius: 999px; background: var(--wt-forest, #304036); color: #f1eee7; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.wtl-swatch { display: block; width: 64px; height: 64px; margin-top: 8px; border-radius: 999px; border: 1px solid #d9d5cc; box-shadow: inset 0 -6px 12px rgba(0, 0, 0, .06); }
.wtl-swatch--white { background: radial-gradient(circle at 34% 30%, #fff 0 22%, #f3f3f1 60%, #e6e5e1 100%); }
.wtl-swatch--paper { background: #f7f6f2; box-shadow: none; }
.wtl-swatch--clear { background-color: #fff; background-image: linear-gradient(45deg, #e7e5df 25%, transparent 25%), linear-gradient(-45deg, #e7e5df 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e5df 75%), linear-gradient(-45deg, transparent 75%, #e7e5df 75%); background-size: 14px 14px; background-position: 0 0, 0 7px, 7px -7px, -7px 0; opacity: .85; }
.wtl-swatch--kraft { background: radial-gradient(circle at 30% 30%, #caa77a, #b08c5f); }
.wtl-swatch--cream { background: #efe5cc; box-shadow: none; }
.wtl-swatch--felt { background-color: #fbfbf8; background-image: radial-gradient(#e2dfd6 1px, transparent 1.2px); background-size: 6px 6px; box-shadow: none; }

/* Upload areas and designs */
.wtl-drops { display: grid; gap: 12px; margin-top: 14px; }
@media (min-width: 640px) { .wtl-drops--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wtl-drop { display: grid; justify-items: center; gap: 4px; padding: 22px 16px; border: 2px dashed var(--wt-border, #d4d0c7); border-radius: var(--wt-radius, 14px); background: var(--wt-paper, #fff); text-align: center; cursor: pointer; transition: border-color .2s var(--wt-ease), background-color .2s var(--wt-ease); }
.wtl-drop:hover, .wtl-drop:focus-visible, .wtl-drop.is-over { border-color: var(--wt-forest, #304036); background: #f4f6f3; outline: none; }
.wtl-drop b { font-size: 1rem; color: var(--wt-ink, #211f1b); }
.wtl-drop span { font-size: .9rem; color: var(--wt-ink-soft, #3a3731); }
.wtl-drop small { font-size: .8rem; color: var(--wt-muted, #646159); }
.wtl-linkbtn { padding: 0; border: 0; background: none; color: var(--wt-forest, #304036); font: inherit; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.wtl-designs { display: grid; gap: 12px; margin: 14px 0 0; padding: 0; list-style: none; }
.wtl-design { display: grid; gap: 14px; padding: 14px; border: 1.5px solid var(--wt-border-soft, #e5e1d8); border-radius: var(--wt-radius, 14px); background: var(--wt-paper, #fff); }
@media (min-width: 640px) { .wtl-design { grid-template-columns: 220px minmax(0, 1fr); align-items: start; } }
.wtl-design.is-bad { border-color: #d9a39c; background: #fdf6f5; }
.wtl-design__proof { display: grid; place-items: center; min-height: 90px; border-radius: 10px; background: var(--wt-bone, #f1eee7); padding: 8px; }
.wtl-design__proof canvas { display: block; width: 100%; border-radius: 4px; }
.wtl-design__name { margin: 0; overflow: hidden; font-weight: 650; color: var(--wt-ink, #211f1b); text-overflow: ellipsis; white-space: nowrap; }
.wtl-design__state { margin: 4px 0 0; font-size: .86rem; color: var(--wt-muted, #646159); }
.wtl-design__error { margin: 6px 0 0; font-size: .88rem; line-height: 1.45; color: #9c2b20; }
.wtl-design__warn { margin: 6px 0 0; padding: 6px 10px; border-radius: 8px; background: #fbf1dc; font-size: .84rem; line-height: 1.45; color: #6b4e1f; }
.wtl-design__row { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; margin-top: 10px; }
.wtl-qty, .wtl-side { display: grid; gap: 4px; font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wt-muted, #646159); }
.wtl-qty input, .wtl-side select, .wtl-count input { min-height: 44px; margin: 0; padding: 8px 12px; border: 1px solid var(--wt-border, #d4d0c7); border-radius: 10px; background: #fff; color: var(--wt-ink, #211f1b); font: 600 1rem var(--wt-font); }
.wtl-qty input { width: 120px; }
.wtl-remove { margin-left: auto; padding: 10px 0; font-size: .9rem; }
.wtl-designs__total { margin: 12px 0 0; font-weight: 650; color: var(--wt-ink, #211f1b); }
.wtl-spin { width: 22px; height: 22px; border-radius: 999px; background: var(--wt-forest, #304036); animation: wtl-pulse .9s ease-in-out infinite alternate; }
@keyframes wtl-pulse { from { opacity: .25; } to { opacity: .9; } }
@media (prefers-reduced-motion: reduce) { .wtl-spin { animation: none; opacity: .6; } }

/* Upload later */
.wtl-counts { display: grid; gap: 10px; margin-top: 14px; }
@media (min-width: 560px) { .wtl-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.wtl-count { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 14px 16px; border-radius: var(--wt-radius, 14px); background: var(--wt-bone, #f1eee7); }
.wtl-count span { display: grid; gap: 2px; }
.wtl-count b { color: var(--wt-ink, #211f1b); }
.wtl-count small { font-size: .84rem; color: var(--wt-muted, #646159); }
.wtl-count input { width: 110px; }

/* Pricing table */
.wtl-pricing { min-height: 40px; }
.wtl-table { width: 100%; margin: 12px 0 0; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.wtl-table th { padding: 8px 10px; border-bottom: 1px solid var(--wt-border, #d4d0c7); font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-align: left; text-transform: uppercase; color: var(--wt-muted, #646159); }
.wtl-table td { padding: 12px 10px; border-bottom: 1px solid var(--wt-border-soft, #e5e1d8); font-weight: 600; color: var(--wt-ink, #211f1b); }
.wtl-table tr.is-current td { background: #f4f6f3; }
.wtl-table tr.is-more { cursor: pointer; }
.wtl-table tr.is-more:hover td, .wtl-table tr.is-more:focus td { background: var(--wt-bone, #f1eee7); }
.wtl-save { display: inline-block; padding: 3px 9px; border-radius: 999px; background: #e7f2ec; color: #1f5138; font-size: .8rem; font-weight: 700; }

/* Summary card */
.wtl-card { padding: 22px; border: 1px solid var(--wt-border-soft, #e5e1d8); border-radius: var(--wt-radius-lg, 22px); background: var(--wt-paper, #fff); box-shadow: var(--wt-shadow-sm); }
.wtl-card__title { margin: 0 0 12px; font-family: var(--wt-font); font-size: 1.2rem; font-weight: 650; color: var(--wt-ink, #211f1b); }
.wtl-sumlist { display: grid; gap: 0; margin: 0 0 14px; }
.wtl-sumlist div { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px solid var(--wt-border-soft, #e5e1d8); font-size: .9rem; }
.wtl-sumlist dt { color: var(--wt-muted, #646159); }
.wtl-sumlist dd { margin: 0; font-weight: 600; text-align: right; color: var(--wt-ink, #211f1b); }
.wtl-total { display: grid; gap: 2px; margin: 0 0 14px; padding: 14px 16px; border-radius: var(--wt-radius, 14px); background: var(--wt-bone, #f1eee7); }
.wtl-total span { font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wt-ink-soft, #3a3731); }
.wtl-total b { font-size: 2rem; font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; color: var(--wt-ink, #211f1b); font-variant-numeric: tabular-nums; }
.wtl-total b.is-loading { opacity: .45; }
.wtl-total small { font-size: .88rem; color: var(--wt-ink-soft, #3a3731); }
.wtl-approve { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px; font-size: .88rem; line-height: 1.45; color: var(--wt-ink-soft, #3a3731); cursor: pointer; }
.wtl-approve input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--wt-forest, #304036); }
.wtl-error { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #fdf1ef; font-size: .88rem; line-height: 1.45; color: #9c2b20; }
.wtl-card .wt-btn.is-busy { opacity: .7; cursor: progress; }
.wtl-after { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; font-size: .88rem; color: var(--wt-ink-soft, #3a3731); }
.wtl-after li { display: flex; gap: 8px; align-items: flex-start; margin: 0; }
.wtl-after a { color: var(--wt-ink-soft, #3a3731); }

/* Paid order: artwork upload */
.wtl-orderbar { display: grid; gap: 4px; margin: 14px 0 0; padding: 14px 16px; border: 1px solid var(--wt-brass, #9a7846); border-radius: 10px; background: #fbf6ea; color: var(--wt-ink-soft, #3a3731); }
.is-order .wtl-product:not(.is-selected) { display: none; }
.wtl-block.is-done { opacity: .55; pointer-events: none; }

/* Phone: price bar (kept clear of the live chat button at the bottom right) */
.wtl-bar { position: fixed; left: 12px; right: 88px; bottom: 16px; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 18px; border-radius: 999px; background: var(--wt-forest, #304036); color: #f1eee7; box-shadow: 0 16px 30px -18px rgba(0, 0, 0, .5); }
.wtl-bar span { display: grid; line-height: 1.15; }
.wtl-bar b { font-size: 1.1rem; }
.wtl-bar small { font-size: .78rem; opacity: .85; }
.wtl-bar .wt-btn { min-height: 40px; padding: 8px 18px; background: #f1eee7; color: var(--wt-forest, #304036); }
@media (min-width: 1024px) { .wtl-bar { display: none !important; } }

/* Sized for our products; custom sizes by inquiry */
.wtl-custom { display: flex; gap: 8px; align-items: flex-start; margin: 14px 0 0; font-size: .92rem; line-height: 1.45; color: var(--wt-ink-soft, #3a3731); }
.wtl-custom a { color: var(--wt-forest, #304036); font-weight: 650; }

/* Pricing rows you can pick, like the printer's page */
.wtl-tier { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-weight: 650; cursor: pointer; }
.wtl-tier input { width: 18px; height: 18px; margin: 0; accent-color: var(--wt-forest, #304036); }
.wtl-table tr[data-tier] { cursor: pointer; }

/* Design service */
.wtl-fee { display: block; margin-top: 2px; font-style: normal; font-size: .84rem; font-weight: 700; color: var(--wt-brass-ink, #7d5f33); }
.wtl-total__fee { color: var(--wt-brass-ink, #7d5f33); font-weight: 600; }
.wtl-chip { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; background: var(--wt-bone, #f1eee7); font-size: .84rem; font-weight: 650; color: var(--wt-ink, #211f1b); }
.wtl-brief { display: grid; gap: 14px; margin-top: 12px; max-width: 640px; }
.wtl-field { display: grid; gap: 6px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wt-muted, #646159); }
.wtl-input, .wtl-textarea { width: 100%; margin: 0; padding: 11px 13px; border: 1px solid var(--wt-border, #d4d0c7); border-radius: 10px; background: #fff; color: var(--wt-ink, #211f1b); font: 500 1rem/1.45 var(--wt-font); letter-spacing: 0; text-transform: none; }
.wtl-textarea { resize: vertical; }
.wtl-brief .wt-btn { justify-self: start; }
.wtl-brief-sum { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: #fff; font-size: .88rem; }
.wtl-brief-sum p { margin: 4px 0 0; }
.wtl-changes { margin: 14px 0 0; padding: 10px 12px; border: 1px solid var(--wt-border-soft, #e5e1d8); border-radius: 12px; }
.wtl-changes summary { cursor: pointer; font-weight: 700; color: var(--wt-forest, #304036); }
.wtl-changes .wtl-textarea { margin: 10px 0; }
.wtl-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0 0; }
.wtl-options--3 { grid-template-columns: 1fr; }
@media (min-width: 720px) { .wtl-options--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* The page's dark section: light text (the theme's lead color is for light backgrounds) */
.wt-section--dark .wt-split__text .wt-lead, .wt-section--dark .wt-lead { color: rgba(241, 238, 231, 0.86); }
.wt-section--dark .wt-lead a { color: #f1eee7; }
.wtl-templates { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.wtl-templates li { margin: 0; }
.wtl-templates a { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid rgba(241, 238, 231, 0.4); border-radius: 999px; color: #f1eee7; font-weight: 600; font-size: .9rem; text-decoration: none; transition: background-color .2s var(--wt-ease), border-color .2s var(--wt-ease); }
.wtl-templates a:hover, .wtl-templates a:focus-visible { border-color: #f1eee7; background: rgba(241, 238, 231, 0.1); }