.hosted-yx-arcade { --ht-bg: #0b1121; --ht-header-bg: #0b1121; --ht-card-bg: #131d32; --ht-ink: #f5f7ff; --ht-muted: #a9b6ce; --ht-line: #2a3852; --ht-accent: #ffc555; --ht-mark-color: #111827; --ht-display-font: 'Arial Rounded MT Bold', 'Avenir Next', 'Segoe UI', sans-serif; --ht-body-font: 'Avenir Next', 'Segoe UI', sans-serif; --ht-card-radius: 15px; --ht-prose-ink: #dae4f3; --ht-code-bg: #18243b; }
.hosted-yx-arcade .ht-header { border-bottom-color: #2a3852; }
.hosted-yx-arcade .ht-brand-mark { background: #ffbf3f; color: #101728; font-weight: 950; transform: rotate(-7deg); }
.hosted-yx-arcade .ht-brand-name { color: #f7f8ff; font-size: 19px; text-transform: uppercase; letter-spacing: -.04em; flex: none; }
.hosted-yx-arcade .ht-brand { flex: none; }
.hosted-yx-arcade .ht-brand-logo { flex: none; width: 36px; height: 46px; max-width: 36px; object-fit: contain; }
@media (max-width: 530px) { .hosted-yx-arcade .ht-brand-name { display: none; } }
.hosted-yx-arcade .ht-nav a:hover, .hosted-yx-arcade .ht-nav a[aria-current="page"] { color: #ffcf6e; }
.hosted-yx-arcade .ht-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 83% 52%, #342362 0, transparent 39%), linear-gradient(135deg, #121a30 0%, #10172d 55%, #21163d 100%); }
.hosted-yx-arcade .ht-hero::before { content: ''; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(#7185ad 1px, transparent 1px), linear-gradient(90deg, #7185ad 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, transparent, #000 80%); }
.hosted-yx-arcade .ht-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr); align-items: center; gap: 25px; min-height: 655px; padding-block: 70px 85px; }
.hosted-yx-arcade .ht-hero-copy { position: relative; z-index: 2; }
.hosted-yx-arcade .ht-eyebrow { color: #ffcf6b; }
.hosted-yx-arcade .ht-live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #86e2cb; box-shadow: 0 0 12px #86e2cb; }
.hosted-yx-arcade .ht-hero h1 { margin: 27px 0 28px; color: #fff; font-size: clamp(66px, 7vw, 106px); font-weight: 930; letter-spacing: -.085em; line-height: .96; }
.hosted-yx-arcade .ht-hero h1 em { color: #ffc655; font-style: normal; }
.hosted-yx-arcade .ht-hero p { max-width: 550px; margin-bottom: 34px; color: #bdc9e0; font-size: 17px; }
.hosted-yx-arcade .ht-hero-link { padding: 13px 18px; border: 1px solid #ffc655; border-radius: 6px; color: #0d1726; background: #ffc655; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.hosted-yx-arcade .ht-hero-link:hover { text-decoration: none; background: #ffe3a3; }
.hosted-yx-arcade .ht-arcade-art { position: relative; min-height: 500px; display: grid; place-items: center; }
.hosted-yx-arcade .ht-arcade-glow { position: absolute; width: 470px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgb(141 100 255 / 42%) 0%, rgb(141 100 255 / 12%) 45%, transparent 69%); filter: blur(8px); }
.hosted-yx-arcade .ht-machine { position: relative; z-index: 1; width: clamp(210px, 22vw, 285px); height: 440px; padding: 19px 16px 0; border: 9px solid #fa69a1; border-bottom: 0; border-radius: 38px 38px 10px 10px; background: linear-gradient(145deg, #ff93be, #d94383 75%); box-shadow: 13px 18px 0 #84235e, 24px 36px 60px rgb(0 0 0 / 35%), inset -8px 0 0 rgb(132 35 94 / 28%); transform: rotate(6deg); }
.hosted-yx-arcade .ht-machine::before { content: ''; position: absolute; inset: -24px -23px auto; height: 18px; border-radius: 9px; background: #ffcf57; box-shadow: 0 0 25px rgb(255 207 87 / 55%); }
.hosted-yx-arcade .ht-machine-top { display: flex; align-items: center; justify-content: space-between; height: 63px; padding: 0 12px; border-radius: 18px 18px 5px 5px; color: #fff; background: #512363; font-size: 31px; font-weight: 950; letter-spacing: -.08em; text-shadow: 0 2px #a03b85; }
.hosted-yx-arcade .ht-machine-top span { color: #ffc655; font-size: 13px; letter-spacing: .13em; }
.hosted-yx-arcade .ht-machine-window { position: relative; height: 225px; margin-top: 11px; overflow: hidden; border: 8px solid #581e65; border-radius: 7px; background: linear-gradient(150deg, #2f275c, #253959 70%, #674479); box-shadow: inset 10px 10px 0 rgb(255 255 255 / 13%); }
.hosted-yx-arcade .ht-machine-window::after { content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 12%, rgb(255 255 255 / 18%) 13%, transparent 17%, transparent 33%, rgb(255 255 255 / 10%) 34%, transparent 42%); pointer-events: none; }
.hosted-yx-arcade .ht-prize { position: absolute; bottom: 9px; display: grid; place-items: center; width: 57px; height: 57px; border-radius: 15px; font-size: 27px; color: #fff; }
.hosted-yx-arcade .ht-prize-a { left: 13px; background: #8e73e9; transform: rotate(-14deg); }
.hosted-yx-arcade .ht-prize-b { left: 84px; background: #ffbc4d; transform: rotate(10deg); }
.hosted-yx-arcade .ht-prize-c { left: 150px; background: #5cd8c3; transform: rotate(-5deg); }
.hosted-yx-arcade .ht-claw { position: absolute; top: 0; left: 48%; width: 4px; height: 62px; background: #d8ddea; }
.hosted-yx-arcade .ht-claw::after { content: ''; position: absolute; left: -15px; bottom: -14px; width: 34px; height: 26px; border: 6px solid #e3e9f8; border-top: 0; border-radius: 0 0 18px 18px; }
.hosted-yx-arcade .ht-machine-panel { display: flex; align-items: center; justify-content: center; gap: 17px; height: 62px; margin-top: 7px; border-radius: 7px; background: #ff9fc1; }
.hosted-yx-arcade .ht-machine-panel span { width: 22px; height: 22px; border: 5px solid #fff1c4; border-radius: 50%; background: #df3f7d; box-shadow: 0 4px #b52e67; }
.hosted-yx-arcade .ht-machine-panel span:first-child { width: 45px; height: 12px; border: 3px solid #71316e; border-radius: 5px; background: #271833; }
.hosted-yx-arcade .ht-machine-base { position: absolute; bottom: -31px; left: 8px; width: calc(100% - 16px); height: 42px; border-radius: 4px 4px 16px 16px; background: #b32c70; box-shadow: 11px 8px #651943; }
.hosted-yx-arcade .ht-arcade-art-label { position: absolute; bottom: 0; right: 15px; color: #c39ad3; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.hosted-yx-arcade .ht-topic-section { padding: 74px 0 83px; background: #f6f3ec; color: #192037; }
.hosted-yx-arcade .ht-topic-section .ht-eyebrow { color: #8e3f82; }
.hosted-yx-arcade .ht-topic-section h2 { margin: 8px 0 0; font-size: clamp(32px, 4.5vw, 55px); letter-spacing: -.06em; }
.hosted-yx-arcade .ht-topic-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.hosted-yx-arcade .ht-topic-grid > div { min-height: 190px; padding: 23px; border-top: 4px solid #e7a940; background: #fff; box-shadow: 0 8px 25px rgb(23 30 55 / 5%); }
.hosted-yx-arcade .ht-topic-grid > div:nth-child(2) { border-color: #d369a3; }
.hosted-yx-arcade .ht-topic-grid > div:nth-child(3) { border-color: #61bdb1; }
.hosted-yx-arcade .ht-topic-grid > div:nth-child(4) { border-color: #8162b5; }
.hosted-yx-arcade .ht-topic-grid span { display: block; margin-bottom: 21px; color: #778297; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.hosted-yx-arcade .ht-topic-grid strong { display: block; font-size: 19px; letter-spacing: -.03em; }
.hosted-yx-arcade .ht-topic-grid p { margin: 10px 0 0; color: #667084; font-size: 12px; line-height: 1.5; }
.hosted-yx-arcade .ht-lead { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 40px; padding-block: 88px; border-bottom: 1px solid var(--ht-line); }
.hosted-yx-arcade .ht-lead h2 { max-width: 850px; margin: 20px 0; font-size: clamp(33px, 4vw, 56px); line-height: 1.12; letter-spacing: -.055em; }
.hosted-yx-arcade .ht-lead h2 a:hover { color: #ffcf6b; }
.hosted-yx-arcade .ht-lead p { max-width: 690px; color: var(--ht-muted); }
.hosted-yx-arcade .ht-lead-index { align-self: start; color: #ffbd4e; font-size: 120px; font-weight: 900; line-height: .8; letter-spacing: -.1em; }
.hosted-yx-arcade .ht-lead-index span { font-size: 16px; letter-spacing: 0; }
.hosted-yx-arcade .ht-list-section { padding-block: 75px 0; }
.hosted-yx-arcade .ht-section-heading h2 { color: #fff; }
.hosted-yx-arcade .ht-list-section--archive { padding-block: 64px 0; }
.hosted-yx-arcade .ht-list-section--archive .ht-section-heading h1 { margin: 7px 0 0; color: #fff; font-family: var(--ht-display-font, inherit); font-size: clamp(32px, 3.5vw, 46px); letter-spacing: -.04em; line-height: 1.12; }
.hosted-yx-arcade .ht-search { display: flex; align-items: center; border-bottom: 1px solid #53617b; }
.hosted-yx-arcade .ht-search input { min-width: 0; width: 210px; padding: 10px 5px; border: 0; background: transparent; color: #fff; font-size: 13px; }
.hosted-yx-arcade .ht-search input::placeholder { color: #a9b6ce; }
.hosted-yx-arcade .ht-search button { border: 0; background: transparent; color: #ffcf6b; font-size: 19px; cursor: pointer; }
.hosted-yx-arcade .ht-card { display: flex; flex-direction: column; min-height: 310px; }
.hosted-yx-arcade .ht-card:hover { box-shadow: 0 18px 35px rgb(0 0 0 / 20%); }
.hosted-yx-arcade .ht-card h2 { color: #fff; }
.hosted-yx-arcade .ht-card-meta a { color: #ffcf6b; }
.hosted-yx-arcade .ht-page-head { margin-block: 65px 35px; }
.hosted-yx-arcade .ht-prose { color: var(--ht-prose-ink); }
.hosted-yx-arcade .ht-article-head h1 { color: #fff; }
.hosted-yx-arcade .ht-footer { background: #090e1a; }
@media (max-width: 950px) { .hosted-yx-arcade .ht-hero-inner { min-height: 540px; } .hosted-yx-arcade .ht-hero h1 { font-size: clamp(58px, 8vw, 82px); } .hosted-yx-arcade .ht-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .hosted-yx-arcade .ht-hero-inner { grid-template-columns: 1fr; min-height: 0; padding-block: 60px 40px; } .hosted-yx-arcade .ht-arcade-art { min-height: 400px; } .hosted-yx-arcade .ht-machine { transform: scale(.78) rotate(6deg); } .hosted-yx-arcade .ht-arcade-art-label { bottom: 6px; } .hosted-yx-arcade .ht-lead { grid-template-columns: 1fr; padding-block: 65px; } .hosted-yx-arcade .ht-lead-index { display: none; } }
@media (max-width: 530px) { .hosted-yx-arcade .ht-hero h1 { font-size: clamp(53px, 13vw, 75px); } .hosted-yx-arcade .ht-topic-section { padding-block: 55px; } .hosted-yx-arcade .ht-topic-grid { grid-template-columns: 1fr; } .hosted-yx-arcade .ht-topic-grid > div { min-height: 0; } .hosted-yx-arcade .ht-section-heading { align-items: start; flex-direction: column; } .hosted-yx-arcade .ht-search input { width: 240px; } }

/* Product-led homepage refresh. Existing article styles remain compatible. */
.hosted-yx-arcade { --ht-card-radius: 4px; --ht-accent: #f6bd75; }
.hosted-yx-arcade .ht-header { position: relative; z-index: 4; }
.hosted-yx-arcade .ht-brand-mark { border-radius: 2px; background: #f6bd75; }
.hosted-yx-arcade .ht-hero { isolation: isolate; min-height: 720px; background: #0d1525; }
.hosted-yx-arcade .ht-hero-photo { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 53%; }
.hosted-yx-arcade .ht-hero::before { z-index: 1; opacity: 1; background: linear-gradient(90deg, #0d1525 0%, rgb(13 21 37 / 97%) 21%, rgb(13 21 37 / 80%) 39%, rgb(13 21 37 / 22%) 68%, rgb(13 21 37 / 8%) 100%), linear-gradient(0deg, rgb(8 14 24 / 76%) 0%, transparent 31%); mask-image: none; }
.hosted-yx-arcade .ht-hero-inner { position: relative; z-index: 2; display: flex; align-items: center; min-height: 657px; padding-block: 88px 75px; }
.hosted-yx-arcade .ht-hero-copy { max-width: 690px; }
.hosted-yx-arcade .ht-hero h1 { font-size: clamp(62px, 6.3vw, 104px); line-height: 1.05; text-shadow: 0 5px 28px rgb(0 0 0 / 16%); }
.hosted-yx-arcade .ht-hero h1 em { color: #f6bd75; }
.hosted-yx-arcade .ht-hero p { max-width: 570px; color: #d1d9e4; line-height: 1.75; }
.hosted-yx-arcade .ht-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-top: 36px; }
.hosted-yx-arcade .ht-hero-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 35px; min-width: 175px; padding: 15px 19px; border-radius: 2px; border-color: #f6bd75; background: #f6bd75; color: #18243a; font-size: 12px; font-weight: 850; }
.hosted-yx-arcade .ht-hero-link:hover { background: #ffd4a3; transform: translateY(-2px); }
.hosted-yx-arcade .ht-hero-secondary { display: inline-flex; align-items: center; gap: 9px; padding-block: 10px; border-bottom: 1px solid rgb(255 255 255 / 50%); color: #f5f3ec; font-size: 12px; font-weight: 700; }
.hosted-yx-arcade .ht-hero-secondary:hover { color: #f6bd75; text-decoration: none; }
.hosted-yx-arcade .ht-hero-footer { position: relative; z-index: 2; display: flex; align-items: center; gap: 30px; min-height: 63px; border-top: 1px solid rgb(255 255 255 / 29%); color: #d8deeb; font-size: 10px; font-weight: 750; letter-spacing: .12em; }
.hosted-yx-arcade .ht-hero-footer-line { flex: 1; height: 1px; background: rgb(255 255 255 / 25%); }
.hosted-yx-arcade .ht-topic-section { padding: 105px 0 115px; background: #f5f2eb; color: #142136; }
.hosted-yx-arcade .ht-topic-section .ht-eyebrow { color: #8d6035; }
.hosted-yx-arcade .ht-topic-intro { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(250px, .7fr); align-items: end; column-gap: 65px; margin-bottom: 38px; }
.hosted-yx-arcade .ht-topic-intro .ht-eyebrow { grid-column: 1 / -1; margin-bottom: 16px; }
.hosted-yx-arcade .ht-topic-intro h2 { margin: 0; font-size: clamp(40px, 5vw, 72px); line-height: 1.1; letter-spacing: -.075em; }
.hosted-yx-arcade .ht-topic-intro p { max-width: 360px; margin: 0 0 7px; color: #687384; font-size: 15px; line-height: 1.75; }
.hosted-yx-arcade .ht-topic-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.hosted-yx-arcade .ht-topic-grid > .ht-topic-card { position: relative; overflow: hidden; min-height: 270px; padding: 24px 23px; border: 1px solid #e4dfd4; background: #fffcf6; box-shadow: none; transition: transform .2s ease, box-shadow .2s ease; }
.hosted-yx-arcade .ht-topic-grid > .ht-topic-card:hover { transform: translateY(-5px); box-shadow: 0 18px 33px rgb(28 36 49 / 9%); }
.hosted-yx-arcade .ht-topic-grid > .ht-topic-card:first-child { border-color: #18243a; background: #18243a; color: #f8f6f1; }
.hosted-yx-arcade .ht-topic-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 61px; color: #7c8491; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.hosted-yx-arcade .ht-topic-card-top span { display: inline; margin: 0; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; }
.hosted-yx-arcade .ht-topic-card:first-child .ht-topic-card-top { color: #f6bd75; }
.hosted-yx-arcade .ht-topic-card-top span:last-child { font-size: 17px; }
.hosted-yx-arcade .ht-topic-card strong { position: relative; z-index: 1; display: block; max-width: 190px; font-size: 21px; line-height: 1.3; letter-spacing: -.045em; }
.hosted-yx-arcade .ht-topic-card p { position: relative; z-index: 1; max-width: 210px; margin: 11px 0 0; color: #6d7888; font-size: 12px; line-height: 1.6; }
.hosted-yx-arcade .ht-topic-card:first-child p { color: #b9c6d7; }
.hosted-yx-arcade .ht-topic-grid .ht-topic-number { position: absolute; right: -4px; bottom: -31px; display: block; margin: 0; color: rgb(36 50 74 / 6%); font-size: 132px; font-weight: 900; line-height: 1; letter-spacing: -.12em; }
.hosted-yx-arcade .ht-topic-card:first-child .ht-topic-number { color: rgb(255 255 255 / 7%); }
@media (max-width: 950px) { .hosted-yx-arcade .ht-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .hosted-yx-arcade .ht-hero { min-height: 0; } .hosted-yx-arcade .ht-hero-photo { object-position: 61% center; } .hosted-yx-arcade .ht-hero::before { background: linear-gradient(90deg, rgb(13 21 37 / 94%) 0%, rgb(13 21 37 / 84%) 55%, rgb(13 21 37 / 48%) 100%), linear-gradient(0deg, rgb(8 14 24 / 84%), transparent 55%); } .hosted-yx-arcade .ht-hero-inner { min-height: 630px; padding-block: 78px 70px; } .hosted-yx-arcade .ht-hero h1 { font-size: clamp(48px, 10vw, 74px); } .hosted-yx-arcade .ht-hero-footer { gap: 12px; font-size: 8px; } .hosted-yx-arcade .ht-topic-section { padding-block: 74px 80px; } .hosted-yx-arcade .ht-topic-intro { display: block; } .hosted-yx-arcade .ht-topic-intro p { margin-top: 20px; } }
@media (max-width: 520px) { .hosted-yx-arcade .ht-hero h1 { font-size: 50px; } .hosted-yx-arcade .ht-hero p { font-size: 14px; } .hosted-yx-arcade .ht-hero-footer span:last-child { display: none; } .hosted-yx-arcade .ht-topic-grid { grid-template-columns: 1fr; } .hosted-yx-arcade .ht-topic-card { min-height: 205px; } .hosted-yx-arcade .ht-topic-card-top { margin-bottom: 36px; } }
@media (prefers-reduced-motion: reduce) { .hosted-yx-arcade .ht-topic-card { transition: none; } }

/* Official service references, case summaries and the YX inquiry form. */
.hosted-yx-arcade .ht-yx-services, .hosted-yx-arcade .ht-yx-projects { padding: 100px 0; }
.hosted-yx-arcade .ht-yx-services { background: #111d31; }
.hosted-yx-arcade .ht-yx-projects { background: #e8ecef; color: #142136; }
.hosted-yx-arcade .ht-yx-section-head { display: grid; grid-template-columns: 1.25fr .75fr; gap: 12px 50px; align-items: end; margin-bottom: 38px; }
.hosted-yx-arcade .ht-yx-section-head .ht-eyebrow { grid-column: 1 / -1; }
.hosted-yx-arcade .ht-yx-section-head h2 { margin: 0; font-size: clamp(36px, 4.5vw, 62px); line-height: 1.08; letter-spacing: -.06em; }
.hosted-yx-arcade .ht-yx-section-head p { max-width: 390px; margin: 0 0 5px; color: #adbbcf; line-height: 1.7; }
.hosted-yx-arcade .ht-yx-projects .ht-yx-section-head p { color: #586779; }
.hosted-yx-arcade .ht-yx-services-grid, .hosted-yx-arcade .ht-yx-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.hosted-yx-arcade .ht-yx-service-card, .hosted-yx-arcade .ht-yx-project-card { display: flex; flex-direction: column; min-height: 290px; padding: 29px; }
.hosted-yx-arcade .ht-yx-service-card { border: 1px solid #33425a; background: #18273d; }
.hosted-yx-arcade .ht-yx-project-card { border-top: 4px solid #c8945f; background: #fff; box-shadow: 0 16px 35px rgb(21 35 54 / 6%); }
.hosted-yx-arcade .ht-yx-service-card > span, .hosted-yx-arcade .ht-yx-project-card > span { color: #f6bd75; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hosted-yx-arcade .ht-yx-project-card > span { color: #986338; }
.hosted-yx-arcade .ht-yx-service-card h3, .hosted-yx-arcade .ht-yx-project-card h3 { margin: 27px 0 12px; font-size: 25px; line-height: 1.2; letter-spacing: -.04em; }
.hosted-yx-arcade .ht-yx-service-card p, .hosted-yx-arcade .ht-yx-project-card p { margin: 0 0 26px; color: #adbbcf; font-size: 14px; line-height: 1.65; }
.hosted-yx-arcade .ht-yx-project-card p { color: #5d6a79; }
.hosted-yx-arcade .ht-yx-service-card a, .hosted-yx-arcade .ht-yx-project-card a { margin-top: auto; color: #ffd29a; font-size: 12px; font-weight: 800; text-decoration: none; }
.hosted-yx-arcade .ht-yx-project-card a { color: #96592d; }
.hosted-yx-arcade .ht-yx-service-card a:hover, .hosted-yx-arcade .ht-yx-project-card a:hover { text-decoration: underline; }
.hosted-yx-arcade .ht-yx-inquiry { position: relative; isolation: isolate; margin-top: 100px; padding: clamp(76px, 8vw, 124px) 0; overflow: hidden; background: #111c2e; color: #f8f6f1; }
.hosted-yx-arcade .ht-yx-inquiry::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 8% 18%, rgb(248 187 108 / 15%), transparent 30%), linear-gradient(135deg, #111c2e 12%, #1a2940 100%); }
.hosted-yx-arcade .ht-yx-inquiry::after { content: 'YX'; position: absolute; z-index: -1; left: -28px; bottom: -105px; color: rgb(255 255 255 / 3%); font-size: clamp(280px, 35vw, 560px); font-weight: 950; line-height: 1; letter-spacing: -.15em; pointer-events: none; }
.hosted-yx-arcade .ht-yx-inquiry-inner { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(40px, 7vw, 115px); align-items: start; }
.hosted-yx-arcade .ht-yx-inquiry .ht-eyebrow { color: #f6bd75; }
.hosted-yx-arcade .ht-yx-inquiry-copy { padding-top: 20px; }
.hosted-yx-arcade .ht-yx-inquiry-copy h2 { max-width: 520px; margin: 22px 0 23px; font-size: clamp(42px, 4.4vw, 68px); line-height: 1.08; letter-spacing: -.065em; }
.hosted-yx-arcade .ht-yx-inquiry-intro { max-width: 430px; margin: 0; color: #b8c6d9; font-size: 15px; line-height: 1.8; }
.hosted-yx-arcade .ht-yx-inquiry-guide { max-width: 430px; margin-top: 52px; padding: 25px 0 27px; border-top: 1px solid #43536c; border-bottom: 1px solid #43536c; }
.hosted-yx-arcade .ht-yx-inquiry-guide > span { color: #f6bd75; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hosted-yx-arcade .ht-yx-inquiry-guide ol { display: grid; gap: 14px; margin: 23px 0 0; padding: 0; list-style: none; counter-reset: brief; }
.hosted-yx-arcade .ht-yx-inquiry-guide li { display: flex; align-items: baseline; gap: 18px; color: #e9edf5; font-size: 14px; line-height: 1.5; counter-increment: brief; }
.hosted-yx-arcade .ht-yx-inquiry-guide li::before { content: '0' counter(brief); color: #f6bd75; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.hosted-yx-arcade .ht-yx-inquiry-contact { display: grid; gap: 10px; margin-top: 31px; }
.hosted-yx-arcade .ht-yx-inquiry-contact > span { color: #9eafc6; font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.hosted-yx-arcade .ht-yx-inquiry-contact a { width: fit-content; color: #f8f6f1; text-decoration: none; }
.hosted-yx-arcade .ht-yx-inquiry-contact a:hover { color: #f6bd75; text-decoration: underline; text-underline-offset: 5px; }
.hosted-yx-arcade .ht-yx-inquiry-email { font-size: 18px; font-weight: 750; overflow-wrap: anywhere; }
.hosted-yx-arcade .ht-yx-inquiry-email span { color: #f6bd75; }
.hosted-yx-arcade .ht-yx-inquiry-official { margin-top: 4px; font-size: 12px; font-weight: 750; }
.hosted-yx-arcade .ht-yx-inquiry-panel { position: relative; padding: clamp(28px, 3.4vw, 50px); border-radius: 20px; background: #f8f6f1; color: #172338; box-shadow: 0 32px 76px rgb(1 8 20 / 27%); }
.hosted-yx-arcade .ht-yx-inquiry-panel::before { content: ''; position: absolute; top: 0; left: 44px; width: 105px; height: 5px; border-radius: 0 0 4px 4px; background: #e8ad60; }
.hosted-yx-arcade .ht-yx-inquiry-panel-head { margin-bottom: 31px; padding-bottom: 25px; border-bottom: 1px solid #dededb; }
.hosted-yx-arcade .ht-yx-inquiry-panel-head > span { color: #9b6637; font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.hosted-yx-arcade .ht-yx-inquiry-panel-head h3 { margin: 13px 0 8px; color: #172338; font-size: clamp(26px, 2.5vw, 37px); line-height: 1.15; letter-spacing: -.055em; }
.hosted-yx-arcade .ht-yx-inquiry-panel-head p { margin: 0; color: #647187; font-size: 13px; line-height: 1.6; }
.hosted-yx-arcade .ht-yx-inquiry-panel form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px 18px; }
.hosted-yx-arcade .ht-yx-form-field label:not(.ht-yx-consent) { display: block; margin-bottom: 8px; color: #344258; font-size: 12px; font-weight: 800; }
.hosted-yx-arcade .ht-yx-form-field label > span:first-child { color: #a46536; }
.hosted-yx-arcade .ht-yx-form-field input:not([type=checkbox]), .hosted-yx-arcade .ht-yx-form-field textarea { display: block; width: 100%; min-height: 51px; box-sizing: border-box; padding: 13px 15px; border: 1px solid #d1d7de; border-radius: 7px; outline: none; background: #fff; color: #172338; font: inherit; font-size: 14px; transition: border-color .18s ease, box-shadow .18s ease; }
.hosted-yx-arcade .ht-yx-form-field input:not([type=checkbox]):focus, .hosted-yx-arcade .ht-yx-form-field textarea:focus { border-color: #a76b37; box-shadow: 0 0 0 3px rgb(232 173 96 / 22%); }
.hosted-yx-arcade .ht-yx-form-field textarea { min-height: 134px; resize: vertical; }
.hosted-yx-arcade .ht-yx-form-field textarea::placeholder { color: #8994a4; }
.hosted-yx-arcade .ht-yx-form-field--wide, .hosted-yx-arcade .ht-yx-inquiry-panel button, .hosted-yx-arcade .ht-yx-form-note { grid-column: 1 / -1; }
.hosted-yx-arcade .ht-yx-form-field .ht-yx-consent { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 15px; border: 1px solid #e3e1da; border-radius: 7px; background: #f1eee7; color: #4b596c; font-size: 12px; font-weight: 550; line-height: 1.55; cursor: pointer; }
.hosted-yx-arcade .ht-yx-consent input { flex: none; width: 17px; height: 17px; margin: 1px 0 0; accent-color: #a76b37; }
.hosted-yx-arcade .ht-yx-inquiry-panel button { display: flex; align-items: center; justify-content: space-between; min-height: 59px; padding: 9px 10px 9px 21px; border: 0; border-radius: 7px; background: #e8ad60; color: #172338; font: inherit; font-size: 14px; font-weight: 850; cursor: pointer; transition: background .18s ease, transform .18s ease; }
.hosted-yx-arcade .ht-yx-inquiry-panel button:hover { background: #f4bf77; transform: translateY(-2px); }
.hosted-yx-arcade .ht-yx-submit-arrow { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 5px; background: #172338; color: #fff; font-size: 19px; }
.hosted-yx-arcade .ht-yx-form-note { margin: -7px 0 0; color: #687486; font-size: 11px; line-height: 1.6; }
.hosted-yx-arcade .ht-yx-form-note a { color: #172338; text-decoration: underline; text-underline-offset: 3px; }
.hosted-yx-arcade .ht-yx-form-success { margin: 0 0 20px; padding: 13px 15px; border: 1px solid #a5d8b4; border-radius: 7px; background: #e8f5eb; color: #185b36; }
.hosted-yx-arcade .ht-yx-form-error { margin: 5px 0 0; color: #b63838; font-size: 11px; }
.hosted-yx-arcade .ht-yx-submit-error { margin: 0 0 20px; padding: 13px 15px; border: 1px solid #edb4aa; border-radius: 7px; background: #fff1ee; font-size: 13px; }
.hosted-yx-arcade .ht-yx-success-dialog { width: min(460px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); box-sizing: border-box; margin: auto; padding: 0; border: 1px solid #e4d8c4; border-radius: 18px; background: #f8f6f1; color: #172338; box-shadow: 0 28px 90px rgb(1 8 20 / 35%); }
.hosted-yx-arcade .ht-yx-success-dialog[open] { position: fixed; inset: 0; z-index: 1000; }
.hosted-yx-arcade .ht-yx-success-dialog::backdrop { background: rgb(4 13 29 / 72%); backdrop-filter: blur(4px); }
.hosted-yx-arcade .ht-yx-success-dialog-inner { padding: clamp(28px, 5vw, 44px); text-align: center; }
.hosted-yx-arcade .ht-yx-success-mark { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 24px; border-radius: 50%; background: #dcedd7; color: #276447; font-size: 30px; font-weight: 700; }
.hosted-yx-arcade .ht-yx-success-eyebrow { color: #9b6637; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.hosted-yx-arcade .ht-yx-success-dialog h2 { margin: 12px 0; font-size: clamp(25px, 5vw, 34px); line-height: 1.2; letter-spacing: -.04em; }
.hosted-yx-arcade .ht-yx-success-dialog p { margin: 0; color: #596579; font-size: 14px; line-height: 1.65; }
.hosted-yx-arcade .ht-yx-success-dialog button { width: 100%; min-height: 48px; margin-top: 29px; border: 0; border-radius: 7px; background: #172338; color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.hosted-yx-arcade .ht-yx-success-dialog button:hover { background: #314461; }
.hosted-yx-arcade .ht-yx-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 900px) { .hosted-yx-arcade .ht-yx-section-head, .hosted-yx-arcade .ht-yx-inquiry-inner { grid-template-columns: 1fr; } .hosted-yx-arcade .ht-yx-services-grid, .hosted-yx-arcade .ht-yx-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hosted-yx-arcade .ht-yx-inquiry-copy { padding-top: 0; } .hosted-yx-arcade .ht-yx-inquiry-guide { margin-top: 33px; } }
@media (max-width: 620px) { .hosted-yx-arcade .ht-yx-services, .hosted-yx-arcade .ht-yx-projects, .hosted-yx-arcade .ht-yx-inquiry { padding: 65px 0; } .hosted-yx-arcade .ht-yx-services-grid, .hosted-yx-arcade .ht-yx-project-grid, .hosted-yx-arcade .ht-yx-inquiry-panel form { grid-template-columns: 1fr; } .hosted-yx-arcade .ht-yx-inquiry { margin-top: 70px; } .hosted-yx-arcade .ht-yx-inquiry-inner { gap: 46px; } .hosted-yx-arcade .ht-yx-inquiry-panel { padding: 29px 23px; border-radius: 14px; } .hosted-yx-arcade .ht-yx-inquiry-panel::before { left: 23px; } }

/* Homepage refinement: existing YX identity, clearer routes and less repetition. */
.hosted-yx-arcade .ht-topic-grid > a.ht-topic-card { display: block; color: inherit; text-decoration: none; }
.hosted-yx-arcade .ht-topic-grid > a.ht-topic-card:first-child { color: #f8f6f1; }
.hosted-yx-arcade .ht-topic-card:focus-visible { outline: 3px solid #9b592b; outline-offset: 4px; }
.hosted-yx-arcade .ht-topic-card-top { color: #596577; }
.hosted-yx-arcade .ht-topic-card p { color: #536174; }
.hosted-yx-arcade .ht-more-guides { margin-top: 30px; border-top: 1px solid var(--ht-line); }
.hosted-yx-arcade .ht-more-guides summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; min-height: 48px; color: var(--ht-accent); font-weight: 700; cursor: pointer; list-style: none; }
.hosted-yx-arcade .ht-more-guides summary::-webkit-details-marker { display: none; }
.hosted-yx-arcade .ht-more-guides[open] summary span { transform: rotate(45deg); }
.hosted-yx-arcade .ht-more-guides .ht-card-grid { padding-top: 14px; }
.hosted-yx-arcade #inquiry, .hosted-yx-arcade #latest { scroll-margin-top: 104px; }
.hosted-yx-arcade .ht-hero-link, .hosted-yx-arcade .ht-hero-secondary, .hosted-yx-arcade .ht-card-link { min-height: 44px; }
.hosted-yx-arcade :is(.ht-hero-link,.ht-hero-secondary,.ht-more-guides summary):focus-visible { outline: 3px solid #ffc555; outline-offset: 5px; }
.hosted-yx-arcade .ht-article h1 { text-wrap: balance; }
.hosted-yx-arcade .ht-prose { max-width: 72ch; margin-inline: auto; }
.hosted-yx-arcade .ht-prose h2 { margin-top: 2.2em; margin-bottom: .8em; text-wrap: balance; }
@media (max-width: 520px) { .hosted-yx-arcade .ht-hero-actions { align-items: stretch; gap: 14px; } .hosted-yx-arcade .ht-hero-actions a { justify-content: center; } }

/* Approved 2026-10-30 CTA, mobile inquiry and article refinements. */
.hosted-yx-arcade .ht-nav .refine-contact {
  margin-left:12px;padding:11px 16px;border:1px solid var(--ht-accent);
  color:var(--ht-accent);border-radius:6px;white-space:nowrap;
}
.hosted-yx-arcade .ht-mobile-nav .refine-contact {color:var(--ht-accent);font-weight:700;}
.hosted-yx-arcade .ht-nav .refine-contact:hover {background:#ffc55514;}
.hosted-yx-arcade .ht-hero-actions .ht-hero-secondary {color:#e0e7f2;}
.hosted-yx-arcade .ht-yx-inquiry-inner {
  grid-template-areas:"intro form" "help form";
  grid-template-rows:auto 1fr;gap:30px clamp(40px,7vw,115px);
}
.hosted-yx-arcade .ht-yx-inquiry-copy {grid-area:intro;}
.hosted-yx-arcade .ht-yx-inquiry-panel {grid-area:form;}
.hosted-yx-arcade .refine-inquiry-help {grid-area:help;}
.hosted-yx-arcade .refine-inquiry-help>summary {color:#f6bd75;font-size:14px;line-height:1.5;cursor:pointer;}
.hosted-yx-arcade .refine-inquiry-help .ht-yx-inquiry-guide {margin-top:0;}
.hosted-yx-arcade .refine-inquiry-help[open]>summary {margin-bottom:20px;}
.refine-optional {grid-column:1/-1;min-width:0;}
.refine-optional>summary {padding:12px 0;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;}
.refine-optional-fields {display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px 0 14px;}
.hosted-yx-arcade .refine-optional>summary {color:#5c4733;}
.hosted-yx-arcade .ht-yx-inquiry-panel textarea::placeholder {color:#657086;}
.svc-home #consultation textarea::placeholder {color:#647187;}
.hosted-yx-arcade .ht-article-head h1 {
  font-family:var(--ht-body-font);font-weight:650;letter-spacing:-.025em;
  text-wrap:balance;max-width:100%;margin-bottom:20px;
}
.hosted-yx-arcade .refine-title-main {display:block;font-size:48px;line-height:1.15;}
.hosted-yx-arcade .refine-title-sub {display:block;font-size:28px;line-height:1.4;font-weight:500;color:#dae4f3;margin-top:12px;}
.hosted-yx-arcade .ht-article-head {padding-bottom:26px;}
.hosted-yx-arcade .refine-toc {margin:0 auto 36px;padding:20px 0;max-width:72ch;border-block:1px solid var(--ht-line);}
.hosted-yx-arcade .refine-toc>summary {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;cursor:pointer;color:var(--ht-ink);font-weight:650;font-size:17px;list-style:none;}
.hosted-yx-arcade .refine-toc>summary::-webkit-details-marker {display:none;}
.hosted-yx-arcade .refine-toc>summary span {font-size:13px;font-weight:500;color:var(--ht-muted);}
.hosted-yx-arcade .refine-toc>summary::after {content:'+';color:var(--ht-accent);font-size:22px;}
.hosted-yx-arcade .refine-toc[open]>summary::after {content:'−';}
.hosted-yx-arcade .refine-toc ol {display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:4px;margin:18px 0 0;padding-left:24px;color:var(--ht-accent);}
.hosted-yx-arcade .refine-toc li {padding-left:2px;}
.hosted-yx-arcade .refine-toc a {display:block;padding:7px 0;color:#dae4f3;font-size:15px;line-height:1.5;text-decoration:none;text-underline-offset:4px;}
.hosted-yx-arcade .refine-toc a:hover {color:var(--ht-accent);text-decoration:underline;}
.hosted-yx-arcade .ht-prose h2 {scroll-margin-top:32px;}
.hosted-yx-arcade .refine-contact:focus-visible,
.hosted-yx-arcade .refine-toc a:focus-visible,
.hosted-yx-arcade .refine-toc summary:focus-visible,
.hosted-yx-arcade .refine-inquiry-help summary:focus-visible {outline:3px solid var(--ht-accent);outline-offset:4px;}
.svc-home .svc-button.refine-button-secondary {
  background:transparent;color:#244fc6!important;border:1px solid #a9b9e7;
  box-shadow:none;gap:12px;transform:none;
}
.svc-home .svc-button.refine-button-secondary:hover {background:#eef2ff;border-color:#2456e8;box-shadow:none;}
.svc-header .ent-nav .refine-nav-action {color:#244fc6;font-weight:650;text-decoration:underline;text-underline-offset:6px;}
.svc-home .refine-consultation-reply {font-size:14px;line-height:1.7;color:#5d687b;margin:20px 0 0;}
.svc-home .refine-optional>summary {color:#244fc6;}
.svc-home .refine-optional summary:focus-visible {outline:3px solid #8aa4fc;outline-offset:3px;}
@media(min-width:901px){.hosted-yx-arcade .refine-inquiry-help>summary {display:none;}}
@media(max-width:900px){
  .hosted-yx-arcade .ht-yx-inquiry-inner {grid-template-areas:"intro" "form" "help";grid-template-columns:1fr;gap:24px;}
}
@media(max-width:760px){
  .svc-home #consultation {padding:26px 0 40px;scroll-margin-top:84px;}
  .svc-home #consultation .svc-inquiry-grid {gap:18px;}
  .svc-home #consultation .svc-inquiry-intro h2 {font-size:27px;line-height:1.3;margin:0 0 12px;}
  .svc-home #consultation .svc-inquiry-intro p {font-size:16px;line-height:1.65;margin:0;}
  .svc-home #consultation .svc-inquiry-form {padding:22px 20px;}
  .svc-home #consultation .svc-inquiry-fields {gap:18px;}
  .svc-home #consultation :is(input,select,textarea) {font-size:16px;}
  .svc-home .refine-optional-fields {grid-template-columns:1fr;gap:18px;}
  .svc-home .svc-hero-actions {gap:12px;}
  .svc-home .svc-hero-actions .refine-button-secondary {background:#fff9;}
}
@media(max-width:620px){
  .hosted-yx-arcade #inquiry {padding:26px 0 42px;scroll-margin-top:16px;}
  .hosted-yx-arcade .ht-yx-inquiry-inner {gap:20px;}
  .hosted-yx-arcade .ht-yx-inquiry-copy {padding:0;}
  .hosted-yx-arcade .ht-yx-inquiry-copy>.ht-eyebrow {display:none;}
  .hosted-yx-arcade .ht-yx-inquiry-copy h2 {font-size:32px;line-height:1.13;letter-spacing:-.025em;margin:0 0 12px;}
  .hosted-yx-arcade .ht-yx-inquiry-intro {font-size:16px;line-height:1.6;}
  .hosted-yx-arcade .ht-yx-inquiry-panel {padding:22px 20px;}
  .hosted-yx-arcade .ht-yx-inquiry-panel-head {display:none;}
  .hosted-yx-arcade .ht-yx-inquiry-panel form {gap:18px;}
  .hosted-yx-arcade .ht-yx-form-field :is(input:not([type=checkbox]),textarea) {font-size:16px;}
  .hosted-yx-arcade .refine-optional-fields {grid-template-columns:1fr;}
  .hosted-yx-arcade .refine-inquiry-help {padding-top:6px;}
  .hosted-yx-arcade .ht-language-switch a {min-height:36px;min-width:30px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;}
  .hosted-yx-arcade .ht-mobile-nav summary {min-height:44px;min-width:44px;}
  .hosted-yx-arcade .refine-title-main {font-size:32px;line-height:1.17;letter-spacing:-.025em;}
  .hosted-yx-arcade .refine-title-sub {font-size:22px;line-height:1.4;margin-top:10px;}
  .hosted-yx-arcade .ht-article-head h1 {margin-bottom:18px;}
  .hosted-yx-arcade .ht-article-head {padding-bottom:22px;}
  .hosted-yx-arcade .refine-toc {padding:15px 0;margin-bottom:26px;}
  .hosted-yx-arcade .refine-toc ol {grid-template-columns:1fr;gap:0;}
  .hosted-yx-arcade .refine-toc a {padding:11px 0;font-size:16px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}}

.hosted-yx-arcade .ht-article-head h1 { font-size:clamp(32px,3.3vw,48px); line-height:1.18; }

/* Approved content refinements, 2026-10-30. */
.hosted-yx-arcade .content-lead{grid-template-columns:minmax(0,1fr);gap:0;padding-block:45px 48px;}
.hosted-yx-arcade .content-lead h2{margin:0 0 16px;font-family:var(--ht-body-font, "Avenir Next", "Segoe UI",sans-serif);font-size:clamp(29px,3vw,41px);line-height:1.2;letter-spacing:-.025em;max-width:29ch;}
.hosted-yx-arcade .content-lead p{margin:0 0 18px;max-width:70ch;}
.hosted-yx-arcade .yx-reading-path{padding-block:54px 40px;}
.hosted-yx-arcade .content-yx-list{padding-top:48px;padding-bottom:48px;}
.hosted-yx-arcade .content-yx-list .ht-section-heading h2{font-size:clamp(27px,2.7vw,36px);line-height:1.2;max-width:22ch;letter-spacing:-.025em;}
.hosted-yx-arcade .yx-official-context{padding-block:46px 60px;border-top:1px solid var(--ht-line);}
.hosted-yx-arcade .yx-official-context>h2{font-size:clamp(25px,2.5vw,32px);line-height:1.25;letter-spacing:-.025em;margin:0 0 14px;max-width:30ch;}
.hosted-yx-arcade .yx-official-context>p{color:var(--ht-muted);max-width:70ch;margin:0 0 28px;}
.hosted-yx-arcade .yx-context-disclosure{border-top:1px solid var(--ht-line);}
.hosted-yx-arcade .yx-context-disclosure:last-child{border-bottom:1px solid var(--ht-line);}
.hosted-yx-arcade .yx-context-disclosure>summary{cursor:pointer;padding:21px 28px 21px 0;font-size:18px;font-weight:650;line-height:1.5;color:var(--ht-ink);}
.hosted-yx-arcade .yx-context-disclosure>summary::marker{color:var(--ht-accent);}
.hosted-yx-arcade .yx-context-disclosure>summary:focus-visible{outline:2px solid var(--ht-accent);outline-offset:4px;}
.hosted-yx-arcade .yx-context-content{padding:0 0 24px 20px;}
.hosted-yx-arcade .yx-context-content>p{max-width:70ch;color:var(--ht-muted);font-size:15px;}
.hosted-yx-arcade .yx-context-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.hosted-yx-arcade .yx-context-rows>article{display:block;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;min-width:0;}
.hosted-yx-arcade .yx-context-rows>article>span{display:none;}
.hosted-yx-arcade .yx-context-rows>.ht-yx-project-card>span{display:block;color:var(--ht-muted);font-size:12px;letter-spacing:.03em;}
.hosted-yx-arcade .yx-context-rows h3{font-size:19px;line-height:1.4;margin:12px 0 9px;}
.hosted-yx-arcade .yx-context-rows p{font-size:15px;line-height:1.7;color:var(--ht-muted);margin:0 0 16px;}
.hosted-yx-arcade .yx-context-rows a{font-size:14px;line-height:1.6;display:inline-flex;align-items:center;min-height:44px;margin-top:0;text-decoration:underline;text-underline-offset:5px;color:var(--ht-accent);}
.hosted-yx-arcade .yx-answer{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin-top:28px;padding-top:25px;border-top:1px solid var(--ht-line);text-align:left;}
.hosted-yx-arcade .ht-article-head .yx-answer h2{font-family:inherit;font-size:21px;line-height:1.35;letter-spacing:-.015em;margin:0 0 12px;color:var(--ht-ink);}
.hosted-yx-arcade .yx-answer p{font-size:16px;line-height:1.75;margin:0;color:var(--ht-muted);max-width:70ch;}
.hosted-yx-arcade .yx-answer ul{margin:0;padding-left:20px;font-size:15px;line-height:1.75;color:var(--ht-ink);}
.hosted-yx-arcade .yx-answer li+li{margin-top:8px;}
.hosted-yx-arcade .yx-answer li::marker{color:var(--ht-accent);}
.content-geoflow-home #overview{padding-top:70px;padding-bottom:76px;}
.content-geoflow-home .svc-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;}
.content-geoflow-home .svc-hero h1{font-size:clamp(33px,3.1vw,44px);line-height:1.4;max-width:15em;margin-bottom:24px;}
.content-geoflow-home .content-keep{white-space:nowrap;}
.content-geoflow-home .svc-intro{font-size:16px;line-height:1.9;max-width:35em;}
.content-geoflow-home .content-output{margin:0;background:#fff;border:1px solid #cdd6e6;border-radius:12px;overflow:hidden;min-width:0;}
.content-geoflow-home .content-output-paper{padding:30px 30px 26px;}
.content-geoflow-home .content-output h2{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:0 0 17px;color:#172338;font-weight:650;}
.content-geoflow-home .content-output-excerpt{font-size:14px;line-height:1.75;color:#46556b;margin:0 0 22px;}
.content-geoflow-home .content-output table{width:100%;min-width:0;max-width:100%;border-collapse:collapse;font-size:13px;line-height:1.6;color:#33435a;table-layout:fixed;}
.content-geoflow-home .content-output th,.content-geoflow-home .content-output td{padding:10px 9px;text-align:left;vertical-align:top;border-bottom:1px solid #dce3ed;overflow-wrap:anywhere;}
.content-geoflow-home .content-output th{color:#22344d;font-weight:650;background:#f0f3f8;}
.content-geoflow-home .content-output th:first-child{width:38%;}
.content-geoflow-home .content-output figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dce3ed;padding:17px 24px;font-size:12px;line-height:1.6;color:#46556b;}
.content-geoflow-home .content-output figcaption small{display:block;font-size:11px;}
.content-geoflow-home .content-output figcaption a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:#244fc6;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;}
.content-geoflow-home .content-output figcaption a:focus-visible{outline:3px solid #244fc6;outline-offset:3px;}
@media(max-width:1000px){.content-geoflow-home .svc-hero-grid{gap:30px;}.content-geoflow-home .content-output-paper{padding:24px;}}
@media(max-width:760px){
 .hosted-yx-arcade .yx-reading-path{padding-block:36px 28px;}
 .hosted-yx-arcade .content-lead{padding-block:30px 34px;}
 .hosted-yx-arcade .content-lead h2{font-size:29px;line-height:1.2;}
 .hosted-yx-arcade .content-yx-list{padding-top:34px;padding-bottom:32px;}
 .hosted-yx-arcade .content-yx-list .ht-section-heading{gap:20px;}
 .hosted-yx-arcade .content-yx-list .ht-section-heading h2{font-size:27px;}
 .hosted-yx-arcade .yx-official-context{padding-block:32px 40px;}
 .hosted-yx-arcade .yx-context-disclosure>summary{font-size:16px;padding-block:18px;}
 .hosted-yx-arcade .yx-context-rows{grid-template-columns:1fr;gap:15px;}
 .hosted-yx-arcade .yx-context-rows>article+article{border-top:1px solid var(--ht-line)!important;padding-top:15px!important;}
 .hosted-yx-arcade .yx-context-content{padding-left:12px;}
 .hosted-yx-arcade .yx-answer{grid-template-columns:1fr;gap:16px;margin-top:22px;padding-top:20px;}
 .hosted-yx-arcade .ht-article-head .yx-answer h2{font-size:19px;}
 .hosted-yx-arcade .yx-answer p{font-size:15px;line-height:1.7;}
 .hosted-yx-arcade .yx-answer ul{font-size:14px;line-height:1.65;}
 .hosted-yx-arcade .yx-answer li+li{margin-top:6px;}
 .content-geoflow-home #overview{padding-top:38px;padding-bottom:44px;}
 .content-geoflow-home .svc-hero-grid{grid-template-columns:1fr;gap:30px;}
 .content-geoflow-home .svc-hero h1{font-size:32px;line-height:1.4;margin-bottom:20px;}
 .content-geoflow-home .svc-intro{font-size:15px;line-height:1.85;margin-bottom:24px;}
 .content-geoflow-home .content-output-paper{padding:23px 20px 18px;}
 .content-geoflow-home .content-output h2{font-size:21px;}
 .content-geoflow-home .content-output-excerpt{font-size:13px;}
 .content-geoflow-home .content-output figcaption{padding:13px 18px;align-items:flex-start;flex-direction:column;gap:7px;}
 .content-geoflow-home .content-output figcaption a{min-height:40px;}
}