@layer bricks {.brxe-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0} }@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px} }@layer bricks {.brxe-shortcode{width:100%} }.brxe-tuarel {height: 100%; width: 100%}.brxe-4a360d {margin-bottom: 3.6rem; width: 100%; overflow: visible}@media (max-width: 767px) { .brxe-4a360d .splide__arrow { display: none !important; }}@media (prefers-reduced-motion: reduce) { .brxe-4a360d .splide__arrow, .brxe-4a360d .splide__pagination__page { transition: none; }} .brxe-4a360d .splide__track { padding-block: 0.6rem 1rem;} .brxe-4a360d .splide__list { align-items: stretch;} .brxe-4a360d .splide__slide { height: auto;} .brxe-4a360d .splide__arrow { width: 3rem !important; height: 3rem !important; min-height: 0 !important; padding: 0 !important; border: 1px solid var(--tu-brand-200) !important; border-radius: 50%; background: var(--tu-surface-page) !important; color: var(--tu-brand-600); box-shadow: var(--tu-shadow-card); opacity: 1; display: flex; align-items: center; justify-content: center; transition: background var(--tu-duration-fast) var(--tu-ease), color var(--tu-duration-fast) var(--tu-ease), box-shadow var(--tu-duration-fast) var(--tu-ease);} .brxe-4a360d .splide__arrow svg { display: none !important;} .brxe-4a360d .splide__arrow::before { display: block; color: currentColor; font-family: "Material Symbols Outlined"; font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: 1; font-feature-settings: "liga"; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;} .brxe-4a360d .splide__arrow--prev::before { content: "chevron_left";} .brxe-4a360d .splide__arrow--next::before { content: "chevron_right";} .brxe-4a360d .splide__arrow--prev { left: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow--prev:hover { left: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow--prev:focus { left: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow--prev:active { left: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow--next { right: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow--next:hover { right: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow--next:focus { right: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow--next:active { right: max(-4.2rem, calc((100% - 100vw) / 2 + 0.6rem)); transform: translateY(-50%) !important;} .brxe-4a360d .splide__arrow:hover { background: var(--tu-brand-500) !important; color: var(--tu-surface-page);} .brxe-4a360d .splide__arrow:focus-visible { outline: 3px solid var(--tu-brand-300); outline-offset: 2px;} .brxe-4a360d .splide__pagination { bottom: -2.8rem;} .brxe-4a360d .splide__pagination__page { width: 1rem !important; height: 1rem !important; min-height: 0 !important; padding: 0 !important; margin-inline: 0.4rem; border: none !important; border-radius: var(--tu-radius-pill); background: var(--tu-brand-200) !important; opacity: 1; transform: none; transition: all var(--tu-duration-slow) var(--tu-ease);} .brxe-4a360d .splide__pagination__page:active { transform: none !important;} .brxe-4a360d .splide__pagination__page.is-active { width: 2.6rem !important; background: var(--tu-brand-500) !important; transform: none;}.tu-article-root { width: 100%; max-width: none; margin: 0; padding: 0; display: block;} .tu-article-root .brxe-shortcode { width: 100%; } .tu-art { width: 100%; }.tu-article-root .tu-bg-ms { font-family: "Material Symbols Outlined"; font-weight: 400; font-style: normal; line-height: 1; display: inline-flex; flex-shrink: 0; letter-spacing: normal; text-transform: none; white-space: nowrap; direction: ltr; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; -webkit-font-smoothing: antialiased;} .tu-art__container,.tu-article-root .tu-art-similar { width: min(100% - 4rem, 120rem); margin-left: auto; margin-right: auto; box-sizing: border-box;} .tu-art__container { margin-top: 2.4rem; }.tu-art .tu-art-bc { display: flex; align-items: center; gap: .6rem; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; font-size: 1.3rem;} .tu-art .tu-art-bc::-webkit-scrollbar { display: none; } .tu-art .tu-art-bc__link { display: inline-flex; align-items: center; gap: .4rem; color: var(--tu-brand-600, #CC5200); text-decoration: none; font-weight: 600; white-space: nowrap; transition: color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art .tu-art-bc__link:hover { color: var(--tu-brand-500, #FF791F); } .tu-art .tu-art-bc__link .tu-bg-ms { font-size: 1.5rem; } .tu-art .tu-art-bc__sep { font-size: 1.6rem; color: var(--tu-ink-400, #B0A294); } .tu-art .tu-art-bc__cur { color: var(--tu-ink-500, #8A7B6C); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.tu-art__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.6rem; margin-top: 2rem; align-items: start;} .tu-art--has-toc .tu-art__grid { grid-template-columns: 26rem minmax(0, 1fr); } .tu-art__col { max-width: 76rem; min-width: 0; }.tu-art-toc { position: sticky; top: calc(var(--tu-hdr-h, 6.4rem) + 1.6rem); } .tu-art-toc__card { background: var(--tu-surface-card, #fff); border: 1px solid var(--tu-border-soft, #F0E6DC); border-radius: 1.4rem; box-shadow: 0 2px 8px rgba(204, 82, 0, .05); padding: 1.6rem 1.2rem; display: flex; flex-direction: column; gap: 1rem;} .tu-art .tu-art-toc__title { font-family: Archivo, sans-serif; font-size: 1.4rem; font-weight: 800; text-transform: uppercase; color: var(--tu-ink-900, #2B1D10); display: flex; align-items: center; gap: .8rem;} .tu-art .tu-art-toc__title .tu-bg-ms { font-size: 1.8rem; color: var(--tu-brand-600, #CC5200); } .tu-art-toc__titlewrap { padding: 0 1.2rem; } .tu-art-toc__links { display: flex; flex-direction: column; gap: .2rem; } .tu-art .tu-art-toc__link { display: block; padding: .8rem 1.2rem; border-radius: .8rem; font-size: 1.35rem; line-height: 1.45; font-weight: 500; color: var(--tu-ink-700, #52453A); background: transparent; border-left: 3px solid transparent; text-decoration: none; transition: color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)), background-color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)), border-color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art .tu-art-toc__link:hover { color: var(--tu-brand-600, #CC5200); } .tu-art .tu-art-toc__link.is-active { font-weight: 700; color: var(--tu-brand-700, #A34200); background: var(--tu-brand-100, #FFF1E6); border-left-color: var(--tu-brand-500, #FF791F);}.tu-art-tocbar { display: none; }.tu-art__imgwrap { line-height: 0; } .tu-art__img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 1.4rem;} .tu-art__img--empty { display: flex; align-items: center; justify-content: center; background: var(--tu-surface-subtle, #FAF6F1);} .tu-art__img--empty .tu-bg-ms { font-size: 4rem; color: var(--tu-ink-300, #D6CBBF); } .tu-art__catrow { margin: 1.8rem 0 .8rem; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } .tu-art .tu-art__chip { display: inline-flex; align-items: center; line-height: 1.45; background: transparent; color: var(--tu-brand-600, #CC5200); border: 1.5px solid var(--tu-brand-300, #FFB877); font-size: 1.3rem; font-weight: 700; padding: .4rem 1.4rem; border-radius: 999px; white-space: nowrap; text-decoration: none; transition: border-color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)), background-color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art .tu-art__chip:hover { background: var(--tu-brand-50, #FFF6EE); border-color: var(--tu-brand-500, #FF791F); } .tu-art .tu-art__title { margin: 0 0 1.4rem; font-family: Archivo, sans-serif; font-size: 3.4rem; font-weight: 800; line-height: 1.2; text-transform: uppercase; color: var(--tu-ink-900, #2B1D10);} .tu-art__meta { display: flex; flex-wrap: wrap; gap: .8rem 1.8rem; align-items: center; margin-bottom: 2.2rem; padding-bottom: 1.6rem; border-bottom: 1px solid var(--tu-border-soft, #F0E6DC); font-size: 1.3rem; color: var(--tu-ink-500, #8A7B6C);} .tu-art__meta-author { display: flex; gap: .6rem; align-items: center; font-weight: 700; color: var(--tu-ink-700, #52453A);} .tu-art__meta-author .tu-bg-ms { font-size: 1.8rem; color: var(--tu-brand-600, #CC5200); } .tu-art__meta-item { display: flex; gap: .6rem; align-items: center; } .tu-art__meta-item .tu-bg-ms { font-size: 1.6rem; color: var(--tu-brand-600, #CC5200); }.tu-art__body { font-size: 1.5rem; line-height: 1.75; color: var(--tu-ink-700, #52453A);} .tu-art__body > p:first-child { margin-top: 0; font-size: 1.7rem; color: var(--tu-ink-900, #2B1D10);} .tu-art__body p { margin: 0 0 1.4rem; } .tu-art__body h2 { font-family: Archivo, sans-serif; font-size: 2rem; font-weight: 800; line-height: 1.3; color: var(--tu-ink-900, #2B1D10); margin: 2.8rem 0 1rem; text-transform: none; scroll-margin-top: calc(var(--tu-hdr-h, 6.4rem) + 4rem);} .tu-art__body h3 { font-family: Archivo, sans-serif; font-size: 1.6rem; font-weight: 800; line-height: 1.3; color: var(--tu-ink-900, #2B1D10); margin: 2.2rem 0 .8rem; text-transform: none;} .tu-art__body ul,.tu-art__body ol { margin: 0 0 1.6rem; padding-left: 2.2rem; display: flex; flex-direction: column; gap: .8rem;} .tu-art__body ul { list-style: none; padding-left: .2rem; } .tu-art__body ul > li { position: relative; padding-left: 1.8rem;} .tu-art__body ul > li::before { content: ""; position: absolute; left: 0; top: .9em; width: .6rem; height: .6rem; border-radius: 50%; background: var(--tu-brand-500, #FF791F);} .tu-art__body ol { list-style: decimal outside; } .tu-art__body a { color: var(--tu-brand-600, #CC5200); text-decoration: underline; text-underline-offset: 3px; font-weight: 600; transition: color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art__body a:hover { color: var(--tu-brand-700, #A34200); } .tu-art__body strong { color: var(--tu-ink-900, #2B1D10); } .tu-art__body img { max-width: 100%; height: auto; border-radius: 1.4rem; }.tu-art__body blockquote,.tu-art__body .tu-tip { background: var(--tu-brand-50, #FFF6EE); border: 1px solid var(--tu-brand-200, #FFD9B8); border-radius: 1.4rem; padding: 1.6rem 2rem 1.6rem 5.2rem; margin: 2.4rem 0; position: relative; font-size: 1.4rem; font-style: normal; quotes: none;} .tu-art__body blockquote::before,.tu-art__body .tu-tip::before { content: "lightbulb"; font-family: "Material Symbols Outlined"; font-weight: 400; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; position: absolute; left: 2rem; top: 1.7rem; font-size: 2.2rem; line-height: 1; color: var(--tu-brand-600, #CC5200);} .tu-art__body blockquote p { margin: 0 0 .8rem; font-size: 1.4rem; } .tu-art__body blockquote p:last-child { margin-bottom: 0; } .tu-art__body blockquote cite { display: none; }.tu-art__share { margin-top: 3.2rem; padding-top: 2rem; border-top: 1px solid var(--tu-border-soft, #F0E6DC); display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;} .tu-art .tu-art__share-label { font-size: 1.3rem; font-weight: 800; font-family: Archivo, sans-serif; text-transform: uppercase; color: var(--tu-ink-900, #2B1D10); margin-right: .4rem; display: flex; gap: .6rem; align-items: center;} .tu-art .tu-art__share-label .tu-bg-ms { font-size: 1.8rem; color: var(--tu-brand-600, #CC5200); } .tu-art .tu-art__share-btn { --tu-net: #CC5200; display: inline-flex; align-items: center; gap: .8rem; padding: .9rem 1.8rem; border: 1.5px solid color-mix(in srgb, var(--tu-net) 40%, transparent); border-radius: 999px; background: var(--tu-surface-card, #fff); color: var(--tu-ink-900, #2B1D10); font-size: 1.3rem; font-weight: 700; text-decoration: none; box-shadow: 0 2px 8px rgba(204, 82, 0, .05); transition: all 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art .tu-art__share-btn svg { fill: var(--tu-net); flex-shrink: 0; transition: fill 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)); } .tu-art .tu-art__share-btn:hover { background: var(--tu-net); border-color: var(--tu-net); color: #fff; transform: translateY(-3px) scale(1.04); box-shadow: 0 6px 16px color-mix(in srgb, var(--tu-net) 33%, transparent);} .tu-art .tu-art__share-btn:hover svg { fill: #fff; }.tu-art__bottom { margin-top: 2.4rem; display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; flex-wrap: wrap;} .tu-art .tu-art__back { color: var(--tu-brand-600, #CC5200); font-size: 1.4rem; font-weight: 600; text-decoration: none; text-underline-offset: 3px; transition: color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art .tu-art__back:hover { color: var(--tu-brand-500, #FF791F); text-decoration: underline; }.tu-art .tu-bg-btn { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 4.4rem; height: auto; padding: .8rem 2.2rem; text-align: center; border-radius: .8rem; border: none; box-sizing: border-box; background: linear-gradient(135deg, #FF791F, #CC5200); color: #fff; font-size: 1.4rem; font-weight: 600; text-decoration: none; cursor: pointer; transition: transform 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)), box-shadow 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art .tu-bg-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(204, 82, 0, .13); color: #fff;} .tu-art .tu-bg-btn:active { transform: scale(.98); } .tu-art .tu-bg-btn .tu-bg-ms { font-size: 1.9rem; }.tu-article-root .tu-art-similar { margin-top: 4.4rem; margin-bottom: 4.4rem; display: block; } .tu-article-root .tu-art-similar__h2 { margin: 0 0 1.2rem; text-align: center; font-family: Archivo, sans-serif; font-size: clamp(2rem, 2vw + .8rem, 2.6rem); font-weight: 800; text-transform: uppercase; color: var(--tu-ink-900, #2B1D10); width: 100%;} .tu-article-root .tu-art-similar__bar { width: 7.2rem; height: 3px; margin: 0 auto 2.4rem; border-radius: 2px; background: var(--tu-brand-500, #FF791F);} .tu-article-root .tu-art-similar .brxe-slider-nested { width: 100%; } .tu-article-root .tu-art-similar .splide__slide { height: auto; } .tu-article-root .tu-art-similar .brxe-shortcode { height: 100%; } .tu-art-simcard { display: flex; flex-direction: column; height: 100%; background: var(--tu-surface-card, #fff); border: 1px solid var(--tu-border-soft, #F0E6DC); border-radius: 1.4rem; overflow: hidden; box-shadow: 0 2px 8px rgba(204, 82, 0, .05); box-sizing: border-box; transition: transform 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)), box-shadow 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-art-simcard:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(204, 82, 0, .13);} .tu-art-simcard__imglink { display: block; line-height: 0; } .tu-art-simcard__img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0;} .tu-art-simcard__img--empty { display: flex; align-items: center; justify-content: center; background: var(--tu-surface-subtle, #FAF6F1);} .tu-art-simcard__img--empty .tu-bg-ms { font-size: 3.2rem; color: var(--tu-ink-300, #D6CBBF); } .tu-art-simcard__body { padding: 1.4rem 1.6rem 1.6rem; display: flex; flex-direction: column; gap: .8rem; flex: 1;} .tu-art-simcard__meta1 { display: flex; gap: .8rem; align-items: center; flex-wrap: wrap; } .tu-article-root .tu-art-simcard__chip { display: inline-flex; align-items: center; line-height: 1.45; border: 1.5px solid var(--tu-brand-300, #FFB877); border-radius: 999px; padding: .3rem 1.2rem; font-size: 1.2rem; font-weight: 700; background: transparent; color: var(--tu-brand-600, #CC5200); text-decoration: none; transition: border-color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)), background-color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-article-root .tu-art-simcard__chip:hover { background: var(--tu-brand-50, #FFF6EE); border-color: var(--tu-brand-500, #FF791F); } .tu-art-simcard__read { font-size: 1.2rem; color: var(--tu-ink-500, #8A7B6C); } .tu-article-root .tu-art-simcard__title { margin: 0; font-family: Archivo, sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1.35; text-transform: none;} .tu-article-root .tu-art-simcard__title a { color: var(--tu-ink-900, #2B1D10); text-decoration: none; transition: color 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-article-root .tu-art-simcard__title a:hover { color: var(--tu-brand-600, #CC5200); } .tu-art-simcard__meta { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; align-items: center; font-size: 1.2rem; color: var(--tu-ink-500, #8A7B6C);} .tu-art-simcard__author { display: flex; gap: .5rem; align-items: center; font-weight: 700; color: var(--tu-ink-700, #52453A);} .tu-art-simcard__author .tu-bg-ms { font-size: 1.6rem; color: var(--tu-brand-600, #CC5200); } .tu-art-simcard__date { display: flex; gap: .5rem; align-items: center; } .tu-art-simcard__date .tu-bg-ms { font-size: 1.4rem; color: var(--tu-brand-600, #CC5200); } .tu-article-root .tu-art-simcard__ex { margin: 0; font-size: 1.3rem; line-height: 1.55; color: var(--tu-ink-700, #52453A); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .tu-art-simcard__btnwrap { margin-top: auto; padding-top: .8rem; } .tu-article-root .tu-art-simcard__btn { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 3.6rem; height: auto; padding: .6rem 1.4rem; text-align: center; box-sizing: border-box; border-radius: .8rem; background: linear-gradient(135deg, #FF791F, #CC5200); color: #fff; font-size: 1.3rem; font-weight: 600; text-decoration: none; transition: transform 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1)), box-shadow 200ms var(--tu-ease, cubic-bezier(.2, .7, .3, 1));} .tu-article-root .tu-art-simcard__btn:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(204, 82, 0, .13); color: #fff;} .tu-article-root .tu-art-simcard__btn .tu-bg-ms { font-size: 1.7rem; }@media (max-width: 767px) { .tu-art--has-toc .tu-art__grid { grid-template-columns: minmax(0, 1fr); gap: 0; } .tu-art-toc { display: none; } .tu-art__grid { margin-top: 1.6rem; } .tu-art-tocbar { display: block; position: sticky; top: var(--tu-hdr-h, 0px); z-index: 30; background: var(--tu-surface-page, #fff); border-bottom: 1px solid var(--tu-border-soft, #F0E6DC); } .tu-art-tocbar.is-open { box-shadow: 0 2px 8px rgba(204, 82, 0, .05); } .tu-art .tu-art-tocbar__btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 2rem; margin: 0; min-height: 0; background: none; border: none; border-radius: 0; cursor: pointer; box-sizing: border-box; color: inherit; text-align: left; } .tu-art .tu-art-tocbar__btn:hover, .tu-art .tu-art-tocbar__btn:focus { background: none; } .tu-art .tu-art-tocbar__chev { font-size: 2.2rem; color: var(--tu-ink-700, #52453A); } .tu-art .tu-art-tocpanel { padding: 0 2rem 1.2rem; } .tu-art .tu-art__title { font-size: 2.6rem; }  .tu-art__body h2 { scroll-margin-top: calc(var(--tu-hdr-h, 6.4rem) + 9rem); }}