@font-face{font-family:Inter;src:url("/fonts/inter-400.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("/fonts/inter-500.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url("/fonts/inter-600.woff") format("woff");font-weight:600;font-display:swap}
@font-face{font-family:Caveat;src:url("/fonts/caveat-400-700.woff") format("woff");font-weight:400 700;font-display:swap}
* { box-sizing: border-box; }
html { background: rgb(41, 66, 57); margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; background: rgb(41, 66, 57); font-family: Inter, sans-serif; }
.app { width: min(100vw, 492px); margin: 0px auto; padding: 0px; border: 0px; position: relative; overflow: hidden; background: rgb(41, 66, 57); }
.page { display: none; position: relative; width: 100%; }
.page.active { display: block; }
.toast { position: fixed; z-index: 30; left: 50%; transform: translateX(-50%); bottom: 18px; background: rgb(41, 66, 57); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 999px; padding: 9px 15px; font: 500 12px Inter, sans-serif; opacity: 0; pointer-events: none; transition: 0.2s; }
@media (min-width: 493px){body { padding: 0px; }}
@media (min-width: 493px){.app { border-radius: 0px; box-shadow: none; }}
:root { --brand: #294239; --text: #202222; --muted: #4D5050; --page: #F7F8F9; --surface: #EBEDEF; --white: #fff; --r-sm: 8px; --r-md: 12px; --r-card: 14px; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 40px; --sp-8: 48px; }
.housing-live { background: var(--page); color: var(--text); font-family: Inter, Arial, sans-serif; min-height: 100vh; }
.housing-live * { box-sizing: border-box; }
.housing-live a { color: inherit; text-decoration: none; }
.h-live-header { height: 92px; background: var(--brand); display: flex; align-items: center; justify-content: space-between; padding: 0px 24px; color: rgb(255, 255, 255); }
.h-live-logo { font-size: 29px; line-height: 0.8; letter-spacing: 2px; font-weight: 400; }
.h-live-logo small { display: block; font-size: 11px; letter-spacing: 3px; margin-top: 9px; }
.h-live-tools { display: flex; gap: 26px; align-items: center; }
.h-live-intro { position: relative; padding: 26px 24px 30px; background: var(--page); }
.h-breadcrumb { font-size: 13px; color: var(--muted); margin-bottom: 18px; }
.h-breadcrumb b { font-weight: 400; margin: 0px 8px; }
.h-live-intro h1 { font-size: 42px; line-height: 1; margin: 0px 0px 10px; color: var(--brand); font-weight: 600; }
.h-live-intro p { font-size: 18px; line-height: 1.35; margin: 0px; max-width: 275px; }
.h-script { position: absolute; right: 24px; top: 43px; color: var(--brand); font-family: Caveat, cursive; font-style: normal; font-weight: 400; transform: rotate(-8deg); font-size: 32px; line-height: 1; text-align: center; }
.h-script::after { content: "♡"; display: block; font-size: 28px; margin-top: 7px; }
.h-live-hero { height: 205px; background: var(--transport-image) center center / cover no-repeat; position: relative; }
.h-hero-cta { position: absolute; left: 20px; right: 20px; bottom: 20px; min-height: 92px; border-radius: 12px; background: rgba(41, 66, 57, 0.95); display: flex; align-items: center; padding: 18px 20px; color: rgb(255, 255, 255); }
.h-house-icon { width: 50px; height: 50px; border: 2px solid rgb(255, 255, 255); border-radius: 7px; margin-right: 20px; position: relative; }
.h-house-icon::before { content: "⌂"; position: absolute; font-size: 45px; left: 3px; top: -11px; }
.h-hero-cta span { font-size: 16px; line-height: 1.25; }
.h-round-arrow { margin-left: auto; width: 48px; height: 48px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--brand); display: grid; place-items: center; font-size: 30px; }
.h-content { padding: 22px 18px 0px; }
.h-section-title { font-size: 22px; line-height: 1.2; margin: 0px 0px 15px; font-weight: 600; }
.h-card { height: 190px; border-radius: var(--r-card); overflow: hidden; position: relative; margin-bottom: 12px; background-position: center center; background-size: cover; color: rgb(255, 255, 255); }
.h-card::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.02) 30%, rgba(0, 0, 0, 0.78) 100%); }
.h-card-content { position: absolute; z-index: 2; inset: 0px; padding: 20px; }
.h-chip { display: inline-block; background: rgb(255, 255, 255); color: var(--brand); font-size: 11px; font-weight: 600; border-radius: 7px; padding: 7px 10px; }
.h-card h3 { position: absolute; left: 20px; bottom: 54px; margin: 0px; font-size: 22px; line-height: 1.08; font-weight: 600; max-width: 75%; }
.h-meta { position: absolute; left: 20px; bottom: 18px; font-size: 11px; }
.h-card .h-round-arrow { position: absolute; right: 16px; bottom: 16px; width: 43px; height: 43px; font-size: 27px; }
.h-ad { min-height: 150px; border: 1px solid rgb(217, 222, 220); border-radius: 12px; background: rgb(247, 248, 247); display: flex; align-items: stretch; justify-content: center; text-align: center; color: rgb(107, 114, 128); margin-bottom: 28px; font-size: 13px; padding: 10px; box-sizing: border-box; }
.h-ad-inner { width: 100%; min-height: 128px; border: 1px dashed rgb(201, 207, 204); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 20px; box-sizing: border-box; }
.h-ad-label { font: 500 10px / 1.2 Inter, Arial, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(138, 145, 142); margin-bottom: 8px; }
.h-ad-title { font: 600 17px / 1.3 Inter, Arial, sans-serif; color: rgb(55, 65, 61); margin-bottom: 4px; }
.h-ad-note { font: 400 11px / 1.35 Inter, Arial, sans-serif; color: rgb(138, 145, 142); }
.h-live-footer { background: var(--brand); color: rgb(255, 255, 255); text-align: center; padding: 32px 18px 38px; margin: 0px -18px; }
.h-footer-links { font-size: 11px; line-height: 25px; }
.h-footer-links span { padding: 0px 9px; border-right: 1px solid rgba(255, 255, 255, 0.5); }
.h-footer-links span:last-child { border: 0px; }
.h-social { display: flex; justify-content: center; gap: 24px; margin: 24px 0px; }
.h-social b { width: 48px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 8px; display: grid; place-items: center; font-size: 20px; }
.h-footer-line { height: 1px; background: rgba(255, 255, 255, 0.28); margin: 18px; }
.h-copy { font-size: 10px; line-height: 18px; }
@media (max-width: 380px){.h-live-intro h1 { font-size: 38px; }}
@media (max-width: 380px){.h-card h3 { font-size: 20px; }}
.housing-live { --content-x: 20px; --card-radius: 12px; background: rgb(247, 248, 249); }
.h-live-header { height: 82px; padding: 0px 21px; }
.h-live-logo { font-size: 26px; letter-spacing: 1.8px; line-height: 0.78; }
.h-live-logo small { font-size: 10px; letter-spacing: 2.8px; margin-top: 8px; }
.h-live-tools { gap: 25px; }
.h-live-intro { height: 168px; padding: 22px 21px 18px; }
.h-breadcrumb { font-size: 12px; margin-bottom: 16px; }
.h-live-intro h1 { font-size: 38px; line-height: 1.02; margin: 0px 0px 7px; }
.h-live-intro p { font-size: 15px; line-height: 1.32; max-width: 260px; }
.h-script { right: 31px; top: 32px; font-size: 14px; line-height: 1.25; }
.h-live-hero { height: 140px; background-image: var(--transport-image); background-position: center 47%; background-size: cover; }
.h-hero-cta { left: 20px; right: 20px; bottom: 13px; min-height: 74px; border-radius: 11px; padding: 12px 15px; }
.h-house-icon { width: 42px; height: 42px; margin-right: 16px; border-width: 1.6px; }
.h-house-icon::before { font-size: 38px; left: 2px; top: -10px; }
.h-hero-cta span { font-size: 13px; }
.h-round-arrow { width: 42px; height: 42px; font-size: 26px; }
.h-content { padding: 18px var(--content-x) 0; }
.h-section-title { font-size: 19px; margin: 0px 0px 13px; }
.h-card { height: 164px; border-radius: var(--card-radius); margin-bottom: 11px; }
.h-card-content { padding: 16px; }
.h-chip { font-size: 9px; border-radius: 6px; padding: 6px 9px; }
.h-card h3 { left: 16px; bottom: 47px; font-size: 19px; line-height: 1.08; max-width: 78%; }
.h-meta { left: 16px; bottom: 16px; font-size: 9px; }
.h-card .h-round-arrow { right: 13px; bottom: 13px; width: 38px; height: 38px; font-size: 24px; }
.h-ad { height: 133px; border-radius: 9px; margin-bottom: 25px; font-size: 11px; }
.h-live-footer { padding: 29px 18px 34px; margin: 0px -20px; }
.h-footer-links { font-size: 9px; line-height: 22px; }
.h-social { gap: 22px; margin: 21px 0px; }
.h-social b { width: 42px; height: 35px; font-size: 18px; }
.h-footer-line { margin: 17px 18px; }
.h-copy { font-size: 8px; line-height: 16px; }
#section .h-live-footer { font-family: Inter, Arial, sans-serif; padding: 20px 18px 22px; margin: 0px -20px; }
#section .h-footer-links { font-family: Inter, Arial, sans-serif; font-size: 10.5px; font-weight: 400; line-height: 20px; }
#section .h-footer-links span { padding: 0px 8px; }
#section .h-social { gap: 20px; margin: 14px 0px 15px; }
#section .h-social b { width: 40px; height: 34px; border-radius: 7px; font-size: 17px; font-weight: 400; }
#section .h-footer-line { margin: 12px 18px 14px; }
#section .h-copy { font-family: Inter, Arial, sans-serif; font-size: 9.5px; font-weight: 400; line-height: 15px; }
#section .h-copy .h-copyright { display: block; font-weight: 500; margin-bottom: 12px; }
#section .h-copy .h-rights { display: block; }
#section .h-footer-nav { display: flex; flex-direction: column; align-items: center; gap: 5px; line-height: 20px; }
#section .h-footer-nav span { padding: 0px; border: 0px; }
#section .h-footer-main { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; white-space: nowrap; }
#section .h-footer-logo { display: block; width: 50px; height: 50px; flex: 0 0 50px; object-fit: contain; border-radius: 50%; }
#section .h-footer-separator { display: block; width: 1px; height: 22px; flex: 0 0 1px; background: rgba(255, 255, 255, 0.58); }
#section .h-footer-legal { display: flex; align-items: center; justify-content: center; gap: 9px; white-space: nowrap; }
#section .h-footer-coop { line-height: 20px; }
.h-card:nth-of-type(2) { background-image: var(--transport-image) !important; }
.h-card:nth-of-type(3) { background-image: var(--transport-image) !important; }
#section.housing-live { overflow-x: hidden; }
#section[data-s="transport"] .h-live-intro { overflow: hidden; }
#section[data-s="transport"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
#section .h-live-hero { overflow: hidden; }
#section .h-hero-cta { display: grid; grid-template-columns: 46px minmax(0px, 1fr) 42px; column-gap: 14px; align-items: center; }
#section .h-house-icon, #section .h-hero-cta .h-round-arrow { margin: 0px; }
#section .h-card { isolation: isolate; }
#section .h-card-content { padding: 16px 62px 16px 16px; }
#section .h-chip { position: relative; z-index: 3; white-space: nowrap; }
#section .h-card h3 { right: 60px; max-width: none; }
#section .h-meta { right: 62px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section .h-card .h-round-arrow { z-index: 4; }
#section .h-live-footer { clear: both; }
@media (max-width: 390px){#section[data-s="transport"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="transport"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="transport"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="transport"] .h-script::after { font-size: 28px; margin-top: 7px; }}
@media (max-width: 390px){#section .h-card h3 { font-size: 18px; }}
#section .h-card { background-repeat: no-repeat; background-size: cover; background-position: center center; }
#section .h-card { height: 164px; background-size: cover; background-position: center center; border-radius: 12px; }
#section .h-card::after { background: linear-gradient(rgba(0, 0, 0, 0.03) 18%, rgba(0, 0, 0, 0.16) 45%, rgba(0, 0, 0, 0.72) 100%); }
#section .h-card-content { padding: 16px 60px 14px 16px; }
#section .h-chip { position: absolute; left: 16px; top: 16px; }
#section .h-card h3 { position: absolute; left: 16px; right: 58px; bottom: 45px; margin: 0px; color: rgb(255, 255, 255); font-size: 19px; line-height: 1.08; font-weight: 600; }
#section .h-meta { position: absolute; left: 16px; right: 58px; bottom: 14px; color: rgb(255, 255, 255); font-size: 9px; line-height: 1.2; }
#section .h-card .h-round-arrow { position: absolute; right: 13px; bottom: 13px; width: 38px; height: 38px; background: rgb(255, 255, 255); color: rgb(41, 66, 57); }
#section .h-content > .h-card { --ac-ratio: 2.42/1; --ac-radius: 12px; --ac-title: 21px; --ac-meta: 11px; --ac-badge: 11px; --ac-arrow: 43px; width: 100%; height: auto; aspect-ratio: var(--ac-ratio); position: relative; overflow: hidden; border-radius: var(--ac-radius); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 12px; isolation: isolate; }
#section .h-content > .h-card::before { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: rgba(41, 66, 57, 0.07); mix-blend-mode: color; }
#section .h-content > .h-card::after { content: ""; position: absolute; inset: 0px; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(18, 29, 25, 0.35) 0%, rgba(18, 29, 25, 0.18) 48%, rgba(18, 29, 25, 0) 82%), linear-gradient(0deg, rgba(18, 29, 25, 0.74) 0%, rgba(18, 29, 25, 0.42) 40%, rgba(18, 29, 25, 0.06) 72%, rgba(18, 29, 25, 0) 100%); }
#section .h-content > .h-card > .h-card-content { position: absolute; inset: 0px; z-index: 3; padding: 0px; pointer-events: none; }
#section .h-content > .h-card .h-chip { position: absolute; left: 5%; top: 12%; z-index: 4; width: max-content; max-width: 68%; padding: 7px 11px; border-radius: 7px; background: rgb(247, 248, 249); color: rgb(41, 66, 57); font-family: Inter, Arial, sans-serif; font-size: var(--ac-badge); line-height: 1; font-weight: 500; text-transform: uppercase; white-space: nowrap; }
#section .h-content > .h-card h3 { position: absolute; left: 5%; right: 24%; bottom: 24%; margin: 0px; color: rgb(255, 255, 255); font-family: Inter, Arial, sans-serif; font-size: var(--ac-title); line-height: 1.09; font-weight: 600; letter-spacing: -0.01em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#section .h-content > .h-card .h-meta { position: absolute; left: 5%; right: 23%; bottom: 8.5%; color: rgba(255, 255, 255, 0.95); font-family: Inter, Arial, sans-serif; font-size: var(--ac-meta); line-height: 1; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section .h-content > .h-card .h-round-arrow { position: absolute; right: 4%; bottom: 8%; z-index: 5; width: var(--ac-arrow); height: var(--ac-arrow); margin: 0px; border-radius: 50%; background: rgb(247, 248, 249); color: rgb(41, 66, 57); display: grid; place-items: center; font-size: 27px; line-height: 1; }
@media (max-width: 380px){#section .h-content > .h-card { --ac-title: 19px; --ac-meta: 10px; --ac-badge: 10px; --ac-arrow: 40px; }}
#section .h-content > .h-card .h-meta { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 0px !important; }
#section .h-content > .h-card .article-clock-svg { width: 0.86em !important; height: 0.86em !important; flex: 0 0 0.86em !important; margin: 0px 0.48em 0px 0px !important; display: block !important; overflow: visible !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.55 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#section .h-content > .h-card .h-meta .meta-text { display: block !important; white-space: nowrap !important; line-height: 1 !important; }
#section .h-content > .h-card .article-clock-svg { width: 0.96em !important; height: 0.96em !important; flex-basis: 0.96em !important; margin-right: 0.25em !important; }
.h-breadcrumb { position: relative; padding-left: 50px; box-sizing: border-box; }
.h-breadcrumb-back { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; min-width: 40px; padding: 0px; border: 0px; border-radius: 10px; background: rgb(231, 236, 234); color: rgb(46, 72, 63); display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.h-breadcrumb-back svg { display: block; width: 21px; height: 21px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.h-breadcrumb-back:focus-visible { outline: rgb(46, 72, 63) solid 2px; outline-offset: 2px; }
@media (hover: hover){.h-breadcrumb-back:hover { background: rgb(220, 228, 224); }}
#section .h-hero-cta { background: rgba(41, 66, 57, 0.76); grid-template-columns: 46px minmax(0px, 1fr); column-gap: 14px; }
#section .h-house-icon { width: 42px; height: 42px; border: 1.6px solid rgba(255, 255, 255, 0.92); border-radius: 9px; display: grid; place-items: center; }
#section .h-house-icon::before { content: none !important; }
#section .h-house-icon svg { width: 31px; height: 31px; display: block; fill: none; stroke: rgba(255, 255, 255, 0.96); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#section .h-live-hero { background-size: 140% auto !important; background-position: center top !important; background-repeat: no-repeat !important; }
#section .h-hero-cta { background: rgba(41, 66, 57, 0.58) !important; grid-template-columns: 60px minmax(0px, 1fr) !important; column-gap: 16px !important; }
#section .h-house-icon { width: 58px !important; height: 58px !important; border: 0px !important; border-radius: 0px !important; display: grid !important; place-items: center !important; background: none !important; box-shadow: none !important; }
#section .h-house-icon svg { display: block; fill: none; stroke: rgba(255, 255, 255, 0.97); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; width: 54px !important; height: 54px !important; }
#section .h-live-hero { background-image: var(--transport-image) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; height: 205px !important; position: relative !important; }
#section .h-hero-cta { background: rgba(41, 66, 57, 0.56) !important; grid-template-columns: 68px minmax(0px, 1fr) !important; column-gap: 18px !important; align-items: center !important; left: 20px !important; right: 20px !important; bottom: 13px !important; min-height: 78px !important; padding: 11px 17px !important; border-radius: 11px !important; }
#section .h-house-icon { width: 64px !important; height: 64px !important; border: 0px !important; background: none !important; box-shadow: none !important; display: grid !important; place-items: center !important; }
#section .h-house-icon svg { width: 62px !important; height: 62px !important; fill: none !important; stroke: rgba(255, 255, 255, 0.96) !important; stroke-width: 1.55 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#section .h-hero-cta > span:last-child { font-size: 13px !important; line-height: 1.28 !important; color: rgb(255, 255, 255) !important; font-weight: 400 !important; }
#section .h-live-hero { height: 154px !important; margin: 0px !important; position: relative !important; background-image: var(--transport-image) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
#section .h-hero-cta { position: absolute !important; inset: auto 20px 16px !important; min-height: 82px !important; padding: 10px 20px !important; border-radius: 14px !important; background: rgba(36, 67, 56, 0.88) !important; display: grid !important; grid-template-columns: 58px minmax(0px, 1fr) !important; column-gap: 17px !important; align-items: center !important; overflow: hidden !important; }
#section .h-house-icon { width: 58px !important; height: 58px !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; display: grid !important; place-items: center !important; }
#section .h-house-icon svg { width: 56px !important; height: 56px !important; fill: none !important; stroke: rgba(255, 255, 255, 0.96) !important; stroke-width: 1.45 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#section .h-hero-cta > span:last-child { font-size: 17px !important; line-height: 1.22 !important; color: rgb(255, 255, 255) !important; font-weight: 400 !important; }
@media (max-width: 480px){#section .h-live-hero { height: 150px !important; }}
@media (max-width: 480px){#section .h-hero-cta { left: 20px !important; right: 20px !important; bottom: 14px !important; min-height: 80px !important; padding: 9px 18px !important; border-radius: 14px !important; grid-template-columns: 56px minmax(0px, 1fr) !important; column-gap: 16px !important; }}
@media (max-width: 480px){#section .h-house-icon { width: 56px !important; height: 56px !important; }}
@media (max-width: 480px){#section .h-house-icon svg { width: 54px !important; height: 54px !important; }}
@media (max-width: 480px){#section .h-hero-cta > span:last-child { font-size: 16px !important; }}
#section .h-live-hero { height: 118px !important; }
#section .h-hero-cta { left: 20px !important; right: 20px !important; bottom: 10px !important; min-height: 64px !important; padding: 8px 16px !important; border-radius: 14px !important; grid-template-columns: 50px minmax(0px, 1fr) !important; column-gap: 13px !important; background: rgba(41, 66, 57, 0.86) !important; }
#section .h-house-icon { width: 50px !important; height: 50px !important; border: 0px !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; display: grid !important; place-items: center !important; }
#section .h-house-icon svg { width: 48px !important; height: 48px !important; fill: none !important; stroke: rgba(255, 255, 255, 0.96) !important; stroke-width: 0.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#section .h-hero-cta > span:last-child { font-family: inherit !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 400 !important; letter-spacing: normal !important; color: rgb(255, 255, 255) !important; }
@media (max-width: 600px){#section .h-live-hero { height: 108px !important; }}
@media (max-width: 600px){#section .h-hero-cta { left: 20px !important; right: 20px !important; bottom: 9px !important; min-height: 60px !important; padding: 7px 14px !important; grid-template-columns: 46px minmax(0px, 1fr) !important; column-gap: 12px !important; }}
@media (max-width: 600px){#section .h-house-icon { width: 46px !important; height: 46px !important; }}
@media (max-width: 600px){#section .h-house-icon svg { width: 44px !important; height: 44px !important; stroke-width: 0.85 !important; }}
@media (max-width: 600px){#section .h-hero-cta > span:last-child { font-size: 14px !important; line-height: 1.32 !important; font-weight: 400 !important; }}
#section .h-hero-cta > span:last-child { margin-left: 7px !important; }
#section .h-house-icon { transform: translateX(-3px) !important; }
#section[data-s="transport"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="transport"] .h-breadcrumb a, #section[data-s="transport"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="transport"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="transport"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section .h-crosslinks { margin-top: 22px; margin-bottom: 24px; }
#section .h-crosslinks-title { margin: 0px 0px 8px; font-family: Inter, Arial, sans-serif; font-size: 14px; line-height: 1.25; font-weight: 500; letter-spacing: 0px; color: var(--text); }
#section .h-crosslinks-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; width: 100%; }
#section .h-mini-card { position: relative; display: block; overflow: hidden; aspect-ratio: 1.95 / 1; border-radius: 10px; background-size: cover; background-position: center center; color: rgb(255, 255, 255); text-decoration: none; isolation: isolate; }
#section .h-mini-card::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.03) 20%, rgba(0, 0, 0, 0.76) 100%); z-index: 1; }
#section .h-mini-card-content { position: absolute; inset: 0px; z-index: 2; padding: 9px 10px; }
#section .h-mini-chip { display: inline-block; background: rgb(255, 255, 255); color: rgb(41, 66, 57); font: 600 6px / 1 Inter, Arial, sans-serif; letter-spacing: 0.02em; border-radius: 4px; padding: 4px 5px; white-space: nowrap; }
#section .h-mini-card h3 { position: absolute; left: 10px; right: 34px; bottom: 22px; margin: 0px; font: 600 10px / 1.08 Inter, Arial, sans-serif; color: rgb(255, 255, 255); }
#section .h-mini-meta { position: absolute; left: 10px; bottom: 7px; font: 400 5.8px / 1 Inter, Arial, sans-serif; white-space: nowrap; color: rgb(255, 255, 255); }
#section .h-mini-arrow { position: absolute; right: 8px; bottom: 8px; width: 25px; height: 25px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(41, 66, 57); display: grid; place-items: center; font: 400 18px / 1 Inter, Arial, sans-serif; }
@media (max-width: 380px){#section .h-crosslinks-title { font-size: 13.5px; }}
@media (max-width: 380px){#section .h-crosslinks-grid { gap: 10px; }}
@media (max-width: 380px){#section .h-mini-card h3 { font-size: 8.8px; }}
#section .h-live-logo { transform: translateY(3px) !important; }
#section .h-live-logo .h-logo-top, #section .h-live-logo .h-logo-top .logo-divider { -webkit-text-stroke: 0.18px currentcolor; paint-order: stroke; font-weight: 400 !important; }
#section .svc-live { box-sizing: border-box; width: 100%; aspect-ratio: 2098 / 749; background: linear-gradient(115deg, rgb(20, 60, 50) 0%, rgb(23, 63, 53) 58%, rgb(18, 56, 47) 100%); border-radius: 16px; color: rgb(255, 255, 255); font-family: Inter, Arial, sans-serif; padding: 3.4% 3.1% 2.9%; margin: 0px 0px 28px; overflow: hidden; }
#section .svc-live * { box-sizing: border-box; }
#section .svc-live-head { height: 31%; display: grid; grid-template-columns: 12.5% 1fr auto; align-items: start; column-gap: 1.7%; position: relative; }
#section .svc-live-mainicon { width: 100%; height: 100%; object-fit: contain; transform: scale(0.84); transform-origin: center top; }
#section .svc-live-copy { padding-top: 1.2%; min-width: 0px; }
#section .svc-live-copy h2 { margin: 0px; font-size: clamp(20px, 4.15vw, 42px); line-height: 1; font-weight: 650; letter-spacing: -0.035em; white-space: nowrap; outline: none; }
#section .svc-live-badge { margin-top: -0.2%; display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.14); border-radius: 10px; padding: 8px 10px; font-size: clamp(8px, 1.42vw, 15px); white-space: nowrap; line-height: 1; }
#section .svc-live-badge b { width: 19px; height: 19px; border: 1.4px solid rgb(255, 255, 255); border-radius: 50%; display: grid; place-items: center; font: 600 12px / 1 Inter, Arial, sans-serif; }
#section .svc-live-rule { height: 1px; background: rgba(255, 255, 255, 0.28); margin: 0px 0px 1.4%; }
#section .svc-live-grid { height: 35%; display: grid; grid-template-columns: repeat(3, 1fr); }
#section .svc-live-item { min-width: 0px; display: grid; grid-template-columns: 38% 1fr; align-items: center; padding: 0px 3.5%; border-right: 1px solid rgba(255, 255, 255, 0.28); }
#section .svc-live-item:first-child { padding-left: 1.5%; }
.svc-live-item:last-child { border-right: 0px !important; padding-right: 0px !important; }
#section .svc-live-item img { width: 100%; height: 88%; object-fit: contain; }
#section .svc-live-item strong { font-size: clamp(10px, 1.75vw, 18px); line-height: 1.3; font-weight: 500; white-space: nowrap; outline: none; }
#section .svc-live-cta { height: 21%; margin-top: 1.1%; border-radius: 12px; background: rgba(255, 255, 255, 0.17); display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 0px 1.1% 0px 3.3%; font-size: clamp(13px, 2.05vw, 22px); font-weight: 600; white-space: nowrap; }
#section .svc-live-cta > span:first-child { outline: none; }
#section .svc-live-arrow { height: 86%; aspect-ratio: 1 / 1; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(33, 72, 61); display: grid; place-items: center; font: 400 clamp(24px, 4vw, 42px) / 1 Arial, sans-serif; }
#section .svc-live [contenteditable="true"]:focus { outline: rgba(255, 255, 255, 0.65) dashed 1px; outline-offset: 2px; }
@media (max-width: 390px){#section .svc-live { border-radius: 15px; padding-left: 2.8%; padding-right: 2.8%; }}
@media (max-width: 390px){#section .svc-live-badge { padding: 6px 7px; gap: 5px; border-radius: 8px; }}
@media (max-width: 390px){#section .svc-live-badge b { width: 15px; height: 15px; font-size: 9px; }}
@media (max-width: 390px){#section .svc-live-copy h2 { font-size: 19px; }}
@media (max-width: 390px){#section .svc-live-item strong { font-size: 9.7px; }}
@media (max-width: 390px){#section .svc-live-cta { font-size: 12.7px; }}
#section .svc-live { aspect-ratio: 2098 / 825; padding: 3.5% 3.2% 3%; overflow: hidden; }
#section .svc-live-head { height: 34%; display: grid; grid-template-columns: 12.5% minmax(0px, 1fr); column-gap: 2.2%; align-items: start; position: relative; padding-right: 0px; }
#section .svc-live-mainicon { width: 100%; height: 88%; object-fit: contain; transform: scale(0.78); transform-origin: center top; }
#section .svc-live-copy { padding-top: 1%; min-width: 0px; padding-right: 0px; }
#section .svc-live-copy h2 { margin: 0px; width: 64%; font-size: clamp(19px, 3.65vw, 37px); line-height: 1.05; font-weight: 650; letter-spacing: -0.035em; white-space: nowrap; }
#section .svc-live-badge { position: absolute; top: 0px; right: 0px; margin: 0px; z-index: 2; display: flex; align-items: center; gap: 7px; padding: 7px 9px; font-size: clamp(7.5px, 1.28vw, 14px); border-radius: 10px; }
#section .svc-live-badge b { width: 18px; height: 18px; font-size: 11px; flex: 0 0 auto; }
#section .svc-live-rule { height: 1px; margin: 0px 0px 1.8%; background: rgba(255, 255, 255, 0.28); }
#section .svc-live-grid { height: 34%; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
#section .svc-live-item { min-width: 0px; display: grid; grid-template-columns: 36% minmax(0px, 1fr); column-gap: 5%; align-items: center; padding: 0px 5%; border-right: 1px solid rgba(255, 255, 255, 0.28); }
#section .svc-live-item:first-child { padding-left: 1.5%; }
#section .svc-live-item:last-child { border-right: 0px !important; padding-right: 1% !important; }
#section .svc-live-item img { width: 100%; height: 82%; object-fit: contain; display: block; }
#section .svc-live-item strong { display: block; min-width: 0px; font-size: clamp(9.5px, 1.55vw, 16.5px); line-height: 1.32; font-weight: 500; white-space: nowrap; }
#section .svc-live-cta { height: 23%; margin-top: 1.2%; border-radius: 12px; display: grid; grid-template-columns: minmax(0px, 1fr) auto; column-gap: 3%; align-items: center; padding: 0px 1.2% 0px 3.3%; font-size: clamp(12px, 1.82vw, 20px); font-weight: 600; white-space: nowrap; }
#section .svc-live-cta > span:first-child { min-width: 0px; overflow: visible; }
#section .svc-live-arrow { height: 82%; aspect-ratio: 1 / 1; flex: 0 0 auto; }
@media (max-width: 390px){#section .svc-live { aspect-ratio: 2098 / 855; padding-left: 3%; padding-right: 3%; }}
@media (max-width: 390px){#section .svc-live-copy h2 { font-size: 18px; width: 62%; }}
@media (max-width: 390px){#section .svc-live-badge { font-size: 6.9px; padding: 5px 6px; gap: 4px; }}
@media (max-width: 390px){#section .svc-live-badge b { width: 14px; height: 14px; font-size: 8px; }}
@media (max-width: 390px){#section .svc-live-item { grid-template-columns: 35% minmax(0px, 1fr); column-gap: 4%; padding-left: 4%; padding-right: 4%; }}
@media (max-width: 390px){#section .svc-live-item strong { font-size: 9px; }}
@media (max-width: 390px){#section .svc-live-cta { font-size: 11.7px; }}
#section .svc-live { aspect-ratio: 2098 / 855 !important; padding-top: 2.8% !important; padding-bottom: 2.8% !important; }
#section .svc-live-head { height: 38% !important; grid-template-columns: 12.5% minmax(0px, 1fr) !important; column-gap: 2.2% !important; }
#section .svc-live-copy { padding-top: 7.2% !important; }
#section .svc-live-copy h2 { margin: 0px !important; width: 100% !important; max-width: 100% !important; }
#section .svc-live-badge { top: -1.2% !important; right: 0px !important; }
#section .svc-live-rule { height: 1px !important; margin: 0px 0px 1.5% !important; }
#section .svc-live-grid { height: 31% !important; }
#section .svc-live-cta { height: 24% !important; margin-top: 1% !important; padding-right: 1.8% !important; }
#section .svc-live-arrow { width: 38px !important; height: 38px !important; aspect-ratio: auto !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; color: rgb(41, 66, 57) !important; display: grid !important; place-items: center !important; font: 400 24px / 1 Inter, Arial, sans-serif !important; }
@media (max-width: 390px){#section .svc-live { aspect-ratio: 2098 / 875 !important; }}
@media (max-width: 390px){#section .svc-live-head { height: 39% !important; }}
@media (max-width: 390px){#section .svc-live-copy { padding-top: 7.8% !important; }}
@media (max-width: 390px){#section .svc-live-grid { height: 30% !important; }}
@media (max-width: 390px){#section .svc-live-cta { height: 24% !important; }}
@media (max-width: 390px){#section .svc-live-arrow { width: 38px !important; height: 38px !important; font-size: 24px !important; }}
#section .svc-live-head { height: 39% !important; position: relative !important; }
#section .svc-live-badge { top: -4% !important; right: 0px !important; }
#section .svc-live-copy { padding-top: 8.6% !important; }
#section .svc-live .svc-live-mainicon { transform: scale(1.0626) !important; transform-origin: center center !important; }
#section .svc-live { background: linear-gradient(115deg, rgb(41, 66, 57) 0%, rgb(49, 84, 73) 58%, rgb(41, 66, 57) 100%) !important; }
#section .h-coming { display: flex; align-items: flex-start; gap: 14px; width: 100%; margin: 16px 0px 22px; padding: 17px 16px; border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(221, 227, 224) rgb(221, 227, 224) rgb(221, 227, 224) rgb(41, 66, 57); border-image: none; border-radius: 12px; background: rgb(235, 237, 239); color: rgb(32, 34, 34); font-family: Inter, Arial, sans-serif; box-sizing: border-box; }
#section .h-coming-mark { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: rgb(41, 66, 57); color: rgb(255, 255, 255); font-size: 17px; line-height: 1; }
#section .h-coming-copy { min-width: 0px; }
#section .h-coming h2 { margin: 0px 0px 5px; color: rgb(41, 66, 57); font: 600 16px / 22px Inter, Arial, sans-serif; }
#section .h-coming p { margin: 0px; color: rgb(48, 54, 51); font: 400 15px / 20px Inter, Arial, sans-serif; }
#section .h-coming p + p { margin-top: 7px; }
@media (max-width: 360px){#section .h-coming { gap: 11px; padding: 15px 13px; }}
#section .tax-nav-card { --tax-brand: #294239; --tax-line: #91a6a0; --tax-border: #b8c5c2; display: block; width: 100%; margin: 0px 0px 28px; padding: 19px 17px 18px; border: 1px solid rgb(220, 229, 230); border-radius: 16px; background: rgb(233, 240, 241); color: rgb(17, 28, 25); font-family: Inter, Arial, sans-serif; box-shadow: rgba(25, 48, 41, 0.04) 0px 2px 9px; overflow: hidden; }
#section .tax-nav-card * { box-sizing: border-box; }
#section .tax-nav-title { margin: 0px 0px 11px; color: rgb(16, 27, 24); font: 700 25px / 28px Inter, Arial, sans-serif; letter-spacing: -0.35px; }
#section .tax-nav-title span { display: block; }
#section .tax-nav-lead { margin: 0px 0px 7px; color: rgb(17, 28, 25); font: 700 17px / 22px Inter, Arial, sans-serif; }
#section .tax-nav-copy { margin: 0px 0px 15px; color: rgb(86, 100, 95); font: 400 15px / 21px Inter, Arial, sans-serif; }
#section .tax-nav-cta { display: flex; width: 100%; min-height: 50px; align-items: center; justify-content: space-between; gap: 10px; margin: 0px 0px 17px; padding: 0px 15px; border: 0px; border-radius: 12px; background: var(--tax-brand); color: rgb(255, 255, 255); font: 600 15px / 20px Inter, Arial, sans-serif; text-align: left; cursor: pointer; }
#section .tax-nav-cta svg { width: 20px; height: 20px; flex: 0 0 auto; stroke: currentcolor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#section .tax-nav-flow { position: relative; display: flex; flex-direction: column; gap: 8px; margin: 0px; padding: 0px 0px 0px 18px; list-style: none; }
#section .tax-nav-connector { position: absolute; z-index: 0; left: 0px; top: 0px; width: 24px; height: 194px; overflow: visible; }
#section .tax-nav-connector path { fill: none; stroke: var(--tax-line); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#section .tax-nav-step { position: relative; z-index: 1; display: flex; min-height: 58px; align-items: center; gap: 11px; margin: 0px; padding: 8px 12px 8px 14px; border: 1px solid rgba(128, 151, 143, 0.62); border-radius: 7px; background: rgba(255, 255, 255, 0.4); color: rgb(23, 34, 30); font: 500 14px / 19px Inter, Arial, sans-serif; box-shadow: none; cursor: default; }
#section .tax-nav-step:nth-of-type(2) { margin-left: 7px; }
#section .tax-nav-step:nth-of-type(3) { margin-left: 14px; }
#section .tax-nav-step::before { content: ""; position: absolute; left: -18px; top: 50%; width: 11px; height: 11px; border: 0px; border-radius: 50%; background: var(--tax-brand); transform: translateY(-50%); }
#section .tax-nav-step-icon { display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 29px; color: rgb(23, 59, 49); }
#section .tax-nav-step-icon svg { display: block; width: 27px; height: 27px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#section .tax-nav-step-label { display: block; min-width: 0px; }
@media (min-width: 430px){#section .tax-nav-card { padding: 21px 21px 19px; }}
@media (min-width: 430px){#section .tax-nav-title { font-size: 27px; line-height: 30px; }}
@media (min-width: 430px){#section .tax-nav-lead { font-size: 18px; line-height: 24px; }}
@media (min-width: 430px){#section .tax-nav-copy { line-height: 22px; }}
@media (max-width: 360px){#section .tax-nav-card { padding: 17px 14px 16px; border-radius: 14px; }}
@media (max-width: 360px){#section .tax-nav-title { font-size: 23px; line-height: 26px; margin-bottom: 9px; }}
@media (max-width: 360px){#section .tax-nav-lead { font-size: 16px; line-height: 21px; }}
@media (max-width: 360px){#section .tax-nav-copy { font-size: 15px; line-height: 20px; }}
@media (max-width: 360px){#section .tax-nav-cta { min-height: 48px; font-size: 15px; padding: 0px 12px; }}
@media (max-width: 360px){#section .tax-nav-step { font-size: 14px; line-height: 19px; }}
#section .tax-nav-card { --tax-brand: #294239; --tax-line: #819992; display: grid; grid-template-columns: minmax(0px, 1.43fr) minmax(0px, 1fr); align-items: center; gap: 0px 11px; width: 100%; margin: 0px 0px 28px; padding: 19px 16px 18px; border: 0px; border-radius: 18px; background: linear-gradient(116deg, rgb(229, 238, 240) 0%, rgb(233, 241, 242) 52%, rgb(229, 238, 240) 100%); color: rgb(17, 25, 22); font-family: Inter, Arial, sans-serif; box-shadow: none; overflow: hidden; }
#section .tax-nav-card * { box-sizing: border-box; }
#section .tax-nav-text-column { min-width: 0px; align-self: center; }
#section .tax-nav-title { margin: 0px 0px 10px; color: rgb(7, 23, 19); font: 700 clamp(25px, 7.1vw, 35px) / 0.99 Inter, Arial, sans-serif; letter-spacing: -0.7px; }
#section .tax-nav-title span { display: block; }
#section .tax-nav-lead { margin: 0px 0px 8px; color: rgb(13, 33, 26); font: 650 clamp(14px, 4.25vw, 19px) / 1.18 Inter, Arial, sans-serif; letter-spacing: -0.18px; }
#section .tax-nav-copy { margin: 0px 0px 13px; color: rgb(83, 100, 94); font: 400 clamp(13px, 3.75vw, 16px) / 1.35 Inter, Arial, sans-serif; }
#section .tax-nav-cta { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: space-between; gap: 5px; margin: 0px; padding: 8px 9px; border: 0px; border-radius: 8px; background: var(--tax-brand); color: rgb(255, 255, 255); font: 600 clamp(11px, 3.2vw, 14px) / 1.2 Inter, Arial, sans-serif; text-align: left; cursor: pointer; }
#section .tax-nav-cta span { min-width: 0px; }
#section .tax-nav-cta svg { width: 17px; height: 17px; flex: 0 0 auto; stroke: currentcolor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#section .tax-nav-flow { position: relative; display: flex; flex-direction: column; gap: 8px; width: 100%; min-width: 0px; margin: 0px; padding: 0px 0px 0px 12px; list-style: none; }
#section .tax-nav-connector { position: absolute; z-index: 0; left: 0px; top: 0px; width: 24px; height: 100%; overflow: visible; }
#section .tax-nav-connector path { fill: none; stroke: var(--tax-line); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
#section .tax-nav-step { position: relative; z-index: 1; display: flex; min-height: 62px; align-items: center; gap: 6px; margin: 0px; padding: 7px 7px 7px 10px; border: 1px solid rgb(170, 185, 181); border-radius: 10px; background: rgba(250, 250, 248, 0.77); color: rgb(14, 28, 23); font: 500 clamp(11px, 3.35vw, 14px) / 1.22 Inter, Arial, sans-serif; box-shadow: none; cursor: default; }
#section .tax-nav-step:nth-of-type(2) { margin-left: 7px; }
#section .tax-nav-step:nth-of-type(3) { margin-left: 14px; }
#section .tax-nav-step::before { content: ""; position: absolute; left: -18px; top: 50%; width: 11px; height: 11px; border: 0px; border-radius: 50%; background: var(--tax-brand); transform: translateY(-50%); }
#section .tax-nav-step-icon { display: grid; place-items: center; width: 25px; height: 29px; flex: 0 0 25px; color: rgb(7, 23, 19); }
#section .tax-nav-step-icon svg { display: block; width: 25px; height: 25px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#section .tax-nav-step-label { display: block; min-width: 0px; }
@media (max-width: 359px){#section .tax-nav-card { grid-template-columns: minmax(0px, 1fr); row-gap: 18px; padding: 17px 14px 16px; border-radius: 16px; }}
@media (max-width: 359px){#section .tax-nav-title { font-size: 25px; line-height: 1.02; letter-spacing: -0.5px; margin-bottom: 8px; }}
@media (max-width: 359px){#section .tax-nav-lead { font-size: 15px; line-height: 1.25; }}
@media (max-width: 359px){#section .tax-nav-copy { font-size: 14px; line-height: 1.35; margin-bottom: 12px; }}
@media (max-width: 359px){#section .tax-nav-cta { width: min(100%, 280px); font-size: 13px; padding: 8px 12px; min-height: 44px; }}
@media (max-width: 359px){#section .tax-nav-cta svg { width: 17px; height: 17px; }}
@media (max-width: 359px){#section .tax-nav-flow { width: 92%; margin-left: auto; padding-left: 12px; gap: 8px; }}
@media (max-width: 359px){#section .tax-nav-step { min-height: 60px; padding: 7px 9px 7px 12px; gap: 7px; border-radius: 9px; font-size: 13px; line-height: 1.24; }}
@media (max-width: 359px){#section .tax-nav-step-icon { width: 25px; flex-basis: 25px; }}
@media (max-width: 359px){#section .tax-nav-step-icon svg { width: 25px; height: 25px; }}
@media (max-width: 359px){#section .tax-nav-step::before { left: -18px; width: 11px; height: 11px; }}
@media (min-width: 430px){#section .tax-nav-card { padding: 22px 22px 20px; column-gap: 16px; border-radius: 22px; }}
@media (min-width: 430px){#section .tax-nav-title { font-size: 34px; line-height: 1.02; }}
@media (min-width: 430px){#section .tax-nav-lead { font-size: 19px; }}
@media (min-width: 430px){#section .tax-nav-copy { font-size: 16px; }}
@media (min-width: 430px){#section .tax-nav-cta { font-size: 14px; min-height: 48px; padding: 9px 12px; border-radius: 9px; }}
@media (min-width: 430px){#section .tax-nav-step { font-size: 14px; min-height: 68px; padding: 9px 10px 9px 12px; gap: 8px; }}
@media (min-width: 430px){#section .tax-nav-step-icon { width: 29px; flex-basis: 29px; }}
@media (min-width: 430px){#section .tax-nav-step-icon svg { width: 29px; height: 29px; }}
#section .tax-nav-card { grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr); column-gap: 8px; padding: 15px 13px 14px; border-radius: 16px; }
#section .tax-nav-title { font-size: clamp(22px, 6vw, 27px); line-height: 1; letter-spacing: -0.55px; margin-bottom: 8px; }
#section .tax-nav-lead { font-size: clamp(12px, 3.6vw, 15px); line-height: 1.2; margin-bottom: 6px; letter-spacing: -0.1px; }
#section .tax-nav-copy { font-size: clamp(11px, 3.2vw, 13px); line-height: 1.3; margin-bottom: 10px; }
#section .tax-nav-cta { min-height: 39px; padding: 7px 8px; border-radius: 7px; font-size: clamp(10px, 3vw, 12px); line-height: 1.15; gap: 4px; }
#section .tax-nav-cta svg { width: 15px; height: 15px; }
#section .tax-nav-flow { padding-left: 12px; gap: 6px; }
#section .tax-nav-connector { width: 36px; height: 100%; }
#section .tax-nav-connector path { stroke-width: 1.15; }
#section .tax-nav-step { min-height: 44px; padding: 6px 7px 6px 8px; gap: 5px; border-radius: 7px; font-size: clamp(10px, 3vw, 11.5px); line-height: 1.2; }
#section .tax-nav-step:nth-of-type(2) { margin-left: 7px; }
#section .tax-nav-step:nth-of-type(3) { margin-left: 14px; }
#section .tax-nav-step::before { left: -6px; width: 9px; height: 9px; }
#section .tax-nav-step-icon { width: 20px; height: 24px; flex-basis: 20px; }
#section .tax-nav-step-icon svg { width: 20px; height: 20px; stroke-width: 1.65; }
#section .tax-nav-step-label { overflow-wrap: normal; word-break: normal; }
@media (max-width: 359px){#section .tax-nav-card { grid-template-columns: minmax(0px, 1fr); row-gap: 15px; padding: 16px 14px 15px; }}
@media (max-width: 359px){#section .tax-nav-title { font-size: 25px; line-height: 1.02; margin-bottom: 8px; }}
@media (max-width: 359px){#section .tax-nav-lead { font-size: 15px; line-height: 1.25; }}
@media (max-width: 359px){#section .tax-nav-copy { font-size: 14px; line-height: 1.35; margin-bottom: 12px; }}
@media (max-width: 359px){#section .tax-nav-cta { width: min(100%, 280px); min-height: 44px; font-size: 13px; padding: 8px 12px; }}
@media (max-width: 359px){#section .tax-nav-cta svg { width: 17px; height: 17px; }}
@media (max-width: 359px){#section .tax-nav-flow { width: 92%; margin-left: auto; padding-left: 12px; gap: 8px; }}
@media (max-width: 359px){#section .tax-nav-step { min-height: 60px; padding: 7px 9px 7px 12px; gap: 7px; border-radius: 9px; font-size: 13px; line-height: 1.24; }}
@media (max-width: 359px){#section .tax-nav-step::before { left: -6px; width: 11px; height: 11px; }}
@media (max-width: 359px){#section .tax-nav-step-icon { width: 25px; height: 29px; flex-basis: 25px; }}
@media (max-width: 359px){#section .tax-nav-step-icon svg { width: 25px; height: 25px; }}
@media (min-width: 430px){#section .tax-nav-card { padding: 16px 16px 15px; column-gap: 10px; }}
@media (min-width: 430px){#section .tax-nav-title { font-size: 26px; line-height: 1.02; }}
@media (min-width: 430px){#section .tax-nav-lead { font-size: 15px; }}
@media (min-width: 430px){#section .tax-nav-copy { font-size: 13px; }}
@media (min-width: 430px){#section .tax-nav-cta { min-height: 42px; font-size: 12px; padding: 8px 10px; }}
@media (min-width: 430px){#section .tax-nav-step { min-height: 48px; padding: 7px 8px 7px 9px; gap: 6px; font-size: 11.5px; }}
@media (min-width: 430px){#section .tax-nav-step-icon { width: 22px; flex-basis: 22px; }}
@media (min-width: 430px){#section .tax-nav-step-icon svg { width: 22px; height: 22px; }}
#section .tax-nav-card { grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr); column-gap: 8px; }
#section .tax-nav-text-column { align-self: start; margin-top: 10px; }
#section .tax-nav-title { font-size: clamp(21px, 5.75vw, 25px); line-height: 1; letter-spacing: -0.45px; margin-bottom: 8px; }
#section .tax-nav-lead { font-size: clamp(10.5px, 2.9vw, 13px); line-height: 1.2; letter-spacing: -0.16px; margin-bottom: 6px; }
#section .tax-nav-copy { font-size: clamp(10px, 2.7vw, 12px); line-height: 1.32; margin-bottom: 10px; }
#section .tax-nav-cta { min-height: 32px; padding: 6px 8px; border-radius: 6px; font-size: clamp(9.5px, 2.6vw, 11px); line-height: 1.15; gap: 4px; }
#section .tax-nav-cta svg { width: 14px; height: 14px; }
#section .tax-nav-flow { align-self: start; margin-top: 10px; gap: 14px; }
#section .tax-nav-connector { width: 36px; height: 100%; }
#section .tax-nav-step { min-height: 40px; padding: 5px 6px 5px 7px; gap: 5px; border-radius: 6px; font-size: clamp(9.5px, 2.6vw, 11px); line-height: 1.18; }
#section .tax-nav-step-icon { width: 20px; height: 23px; flex-basis: 20px; }
#section .tax-nav-step-icon svg { width: 20px; height: 20px; }
@media (max-width: 359px){#section .tax-nav-card { grid-template-columns: minmax(0px, 1fr); row-gap: 15px; }}
@media (max-width: 359px){#section .tax-nav-text-column { margin-top: 0px; }}
@media (max-width: 359px){#section .tax-nav-title { font-size: 25px; line-height: 1.02; margin-bottom: 8px; }}
@media (max-width: 359px){#section .tax-nav-lead { font-size: 15px; line-height: 1.25; }}
@media (max-width: 359px){#section .tax-nav-copy { font-size: 14px; line-height: 1.35; margin-bottom: 12px; }}
@media (max-width: 359px){#section .tax-nav-cta { width: min(100%, 280px); min-height: 44px; font-size: 13px; padding: 8px 12px; }}
@media (max-width: 359px){#section .tax-nav-cta svg { width: 17px; height: 17px; }}
@media (max-width: 359px){#section .tax-nav-flow { width: 92%; margin: 0px 0px 0px auto; padding-left: 12px; gap: 8px; }}
@media (max-width: 359px){#section .tax-nav-step { min-height: 60px; padding: 7px 9px 7px 12px; gap: 7px; border-radius: 9px; font-size: 13px; line-height: 1.24; }}
@media (max-width: 359px){#section .tax-nav-step-icon { width: 25px; height: 29px; flex-basis: 25px; }}
@media (max-width: 359px){#section .tax-nav-step-icon svg { width: 25px; height: 25px; }}
@media (min-width: 430px){#section .tax-nav-card { padding: 16px 16px 15px; column-gap: 10px; }}
@media (min-width: 430px){#section .tax-nav-title { font-size: 25px; line-height: 1.02; }}
@media (min-width: 430px){#section .tax-nav-lead { font-size: 12.5px; }}
@media (min-width: 430px){#section .tax-nav-copy { font-size: 12px; }}
@media (min-width: 430px){#section .tax-nav-cta { min-height: 34px; font-size: 10.5px; padding: 6px 8px; }}
@media (min-width: 430px){#section .tax-nav-step { min-height: 42px; font-size: 10.5px; }}
#section .tax-nav-card { border-radius: 8px; }
#section .tax-nav-text-column { margin-top: 10px; }
#section .tax-nav-title { font-size: clamp(20px, 5.5vw, 24px); letter-spacing: -0.5px; }
#section .tax-nav-lead { font-size: clamp(10px, 2.75vw, 12px); line-height: 1.18; letter-spacing: -0.22px; }
#section .tax-nav-copy { font-size: clamp(9.5px, 2.55vw, 11px); line-height: 1.3; }
#section .tax-nav-cta { min-height: 27px; padding: 6px 8px; border-radius: 8px; font-size: clamp(9px, 2.4vw, 10px); line-height: 1.1; gap: 4px; }
#section .tax-nav-cta svg { width: 13px; height: 13px; }
#section .tax-nav-flow { width: 86%; align-self: start; margin: 10px 0px 0px auto; padding-left: 12px; gap: 18px; }
#section .tax-nav-connector { width: 30px; height: 100%; }
#section .tax-nav-connector path { stroke-width: 0.9; }
#section .tax-nav-step { min-height: 36px; padding: 4px 5px; gap: 3px; border-radius: 6px; font-size: clamp(9px, 2.45vw, 10px); line-height: 1.15; }
#section .tax-nav-step:nth-of-type(2) { margin-left: 4px; }
#section .tax-nav-step:nth-of-type(3) { margin-left: 8px; }
#section .tax-nav-step::before { left: -6px; width: 7px; height: 7px; }
#section .tax-nav-step-icon { width: 21px; height: 24px; flex-basis: 21px; }
#section .tax-nav-step-icon svg { width: 21px; height: 21px; stroke-width: 1.6; }
@media (max-width: 359px){#section .tax-nav-card { border-radius: 8px; }}
@media (max-width: 359px){#section .tax-nav-text-column { margin-top: 0px; }}
@media (max-width: 359px){#section .tax-nav-title { font-size: 25px; line-height: 1.02; letter-spacing: -0.5px; }}
@media (max-width: 359px){#section .tax-nav-lead { font-size: 15px; line-height: 1.25; letter-spacing: 0px; }}
@media (max-width: 359px){#section .tax-nav-copy { font-size: 14px; line-height: 1.35; }}
@media (max-width: 359px){#section .tax-nav-cta { min-height: 44px; padding: 8px 12px; font-size: 13px; }}
@media (max-width: 359px){#section .tax-nav-cta svg { width: 17px; height: 17px; }}
@media (max-width: 359px){#section .tax-nav-flow { width: 92%; margin: 0px 0px 0px auto; padding-left: 12px; gap: 8px; }}
@media (max-width: 359px){#section .tax-nav-connector { width: 36px; height: 100%; }}
@media (max-width: 359px){#section .tax-nav-connector path { stroke-width: 1.1; }}
@media (max-width: 359px){#section .tax-nav-step { min-height: 60px; padding: 7px 9px; gap: 7px; border-radius: 9px; font-size: 13px; line-height: 1.24; }}
@media (max-width: 359px){#section .tax-nav-step:nth-of-type(2) { margin-left: 7px; }}
@media (max-width: 359px){#section .tax-nav-step:nth-of-type(3) { margin-left: 14px; }}
@media (max-width: 359px){#section .tax-nav-step::before { left: -6px; width: 11px; height: 11px; }}
@media (max-width: 359px){#section .tax-nav-step-icon { width: 25px; height: 29px; flex-basis: 25px; }}
@media (max-width: 359px){#section .tax-nav-step-icon svg { width: 25px; height: 25px; }}
@media (min-width: 430px){#section .tax-nav-card { border-radius: 13px; }}
@media (min-width: 430px){#section .tax-nav-title { font-size: 25px; line-height: 1.02; }}
@media (min-width: 430px){#section .tax-nav-lead { font-size: 12.5px; letter-spacing: -0.15px; }}
@media (min-width: 430px){#section .tax-nav-copy { font-size: 12px; }}
@media (min-width: 430px){#section .tax-nav-cta { min-height: 32px; font-size: 10.5px; padding: 6px 8px; }}
@media (min-width: 430px){#section .tax-nav-step { min-height: 40px; font-size: 10.5px; }}
@media (min-width: 430px){#section .tax-nav-step-icon { width: 23px; flex-basis: 23px; }}
@media (min-width: 430px){#section .tax-nav-step-icon svg { width: 23px; height: 23px; }}
#section .tax-nav-flow { width: 92%; gap: 16.5px; }
#section .tax-nav-connector { height: 100%; }
#section .tax-nav-connector path { stroke-width: 0.75; }
#section .tax-nav-step { min-height: 39px; padding: 5px 6px; gap: 4px; border-radius: 8px; background: rgba(250, 250, 248, 0.92); border-color: rgba(128, 151, 143, 0.65); }
#section .tax-nav-step:nth-of-type(2) { margin-left: 4px; }
#section .tax-nav-step:nth-of-type(3) { margin-left: 8px; }
#section .tax-nav-step::before { left: -4px; }
#section .tax-nav-step-icon { width: 22px; height: 25px; flex-basis: 22px; }
#section .tax-nav-step-icon svg { width: 22px; height: 22px; }
@media (max-width: 359px){#section .tax-nav-flow { width: 92%; gap: 8px; }}
@media (max-width: 359px){#section .tax-nav-connector { height: 100%; }}
@media (max-width: 359px){#section .tax-nav-connector path { stroke-width: 1.1; }}
@media (max-width: 359px){#section .tax-nav-step { min-height: 60px; padding: 7px 9px; gap: 7px; border-radius: 9px; }}
@media (max-width: 359px){#section .tax-nav-step:nth-of-type(2) { margin-left: 7px; }}
@media (max-width: 359px){#section .tax-nav-step:nth-of-type(3) { margin-left: 14px; }}
@media (max-width: 359px){#section .tax-nav-step::before { left: -6px; }}
@media (max-width: 359px){#section .tax-nav-step-icon { width: 25px; height: 29px; flex-basis: 25px; }}
@media (max-width: 359px){#section .tax-nav-step-icon svg { width: 25px; height: 25px; }}
@media (min-width: 430px){#section .tax-nav-flow { width: 92%; gap: 16px; }}
@media (min-width: 430px){#section .tax-nav-step { min-height: 44px; }}
#section .tax-nav-card { background: rgb(224, 226, 229); border: 1px solid rgb(41, 66, 57); box-shadow: rgba(41, 66, 57, 0.08) 0px 3px 10px; }
#section .tax-nav-step { border-color: rgba(41, 66, 57, 0.28); background: rgba(255, 255, 255, 0.76); }
#section .tax-nav-title { color: rgb(41, 66, 57); }
#section .tax-nav-text-column { transform: translateY(-4px); }
#section .tax-nav-lead { font-size: clamp(12px, 3vw, 13px); line-height: 1.25; }
#section .tax-nav-copy { font-size: clamp(11.5px, 2.8vw, 12px); line-height: 1.35; }
#section .tax-nav-cta { font: 600 11.7px / 1.2 Inter, Arial, sans-serif; }
#section .tax-nav-card { row-gap: 10px; }
#section .tax-nav-cta { grid-column: 1 / -1; width: 100%; min-height: 46px; margin: 0px; padding: 10px 16px; border-radius: 9px; font: 600 clamp(13px, 3.7vw, 16px) / 1.2 Inter, Arial, sans-serif; white-space: nowrap; }
#section .tax-nav-cta span { white-space: nowrap; }
@media (min-width: 430px){#section .tax-nav-cta { min-height: 48px; }}
#section .tax-nav-title-row { display: flex; align-items: center; gap: 7px; margin: 0px 0px 8px; min-width: 0px; }
#section .tax-nav-title-row .tax-nav-title { min-width: 0px; margin: 0px; flex: 1 1 0%; }
#section .tax-nav-logo { display: block; width: clamp(26px, 7.2vw, 30px); height: auto; flex: 0 0 auto; object-fit: contain; }
@media (max-width: 359px){#section .tax-nav-title-row { gap: 8px; margin-bottom: 8px; }}
@media (max-width: 359px){#section .tax-nav-logo { width: 32px; }}
#section .h-coming { background: rgb(224, 226, 229); }
#section .housing-video-section { width: 100%; margin: 16px 0px 20px; }
#section .housing-video-heading, #section .h-crosslinks-title { margin: 0px 0px 8px; color: rgb(32, 43, 39); font: 700 15px / 1.25 Inter, Arial, sans-serif; letter-spacing: 0px; }
#section .housing-video-card { box-sizing: border-box; display: grid; width: 100%; grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: 10px; align-items: center; padding: 7px; border: 1px solid rgb(183, 196, 191); border-radius: 22px; background: rgb(247, 248, 249); }
#section .housing-video-thumb { box-sizing: border-box; position: relative; display: block; width: 100%; aspect-ratio: 1536 / 1022; padding: 0px; overflow: hidden; border: 0px; border-radius: 15px; background: transparent; cursor: pointer; }
#section .housing-video-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center; }
#section .housing-video-play { position: absolute; top: 50%; left: 50%; display: grid; width: 50px; height: 35px; place-items: center; transform: translate(-50%, -50%); border-radius: 12px; background: rgb(255, 0, 51); box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 14px; pointer-events: none; transition: transform 0.18s, background-color 0.18s; }
#section .housing-video-play svg { display: block; width: 22px; height: 22px; }
#section .housing-video-thumb:hover .housing-video-play { transform: translate(-50%, -50%) scale(1.06); }
#section .housing-video-copy { display: flex; min-width: 0px; flex-direction: column; align-items: stretch; gap: 18px; padding: 12px 10px 12px 0px; }
#section .housing-video-copy h3 { margin: 0px; color: rgb(41, 66, 57); font: 600 14px / 1.4 Inter, Arial, sans-serif; }
#section .housing-video-watch { box-sizing: border-box; display: flex; min-width: 0px; min-height: 38px; align-items: center; justify-content: center; gap: 6px; padding: 7px 8px; border: 0px; border-radius: 12px; background: rgb(41, 66, 57); color: rgb(247, 248, 249); text-decoration: none; font: 600 10px / 1.2 Inter, Arial, sans-serif; text-align: center; }
#section .housing-video-watch svg { display: block; flex: 0 0 24px; width: 24px; height: 17px; }
#section .housing-video-watch:focus-visible, #section .housing-video-thumb:focus-visible, #section .housing-video-close:focus-visible { outline: rgb(139, 167, 154) solid 3px; outline-offset: 3px; }
#section .housing-video-modal { position: fixed; z-index: 10020; inset: 0px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 18px; background: rgba(23, 37, 32, 0.72); }
#section .housing-video-modal[hidden] { display: none !important; }
#section .housing-video-dialog { position: relative; box-sizing: border-box; width: min(900px, 100%); padding: 20px; border: 1px solid rgb(214, 222, 218); border-radius: 18px; background: rgb(247, 248, 249); box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 60px; }
#section .housing-video-close { position: absolute; z-index: 2; top: 8px; right: 8px; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgb(201, 210, 206); border-radius: 50%; background: rgb(247, 248, 249); color: rgb(41, 66, 57); font: 400 24px / 1 Inter, Arial, sans-serif; cursor: pointer; }
#section .housing-video-player { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; background: rgb(21, 33, 29); }
#section .housing-video-player iframe { display: block; width: 100%; height: 100%; border: 0px; }
#section .housing-video-placeholder { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px; box-sizing: border-box; color: rgb(247, 248, 249); text-align: center; font: 500 14px / 1.45 Inter, Arial, sans-serif; }
#section .housing-video-placeholder-mark { display: grid; width: 52px; height: 36px; place-items: center; border-radius: 9px; background: rgb(255, 0, 51); color: rgb(255, 255, 255); font-size: 20px; }
#section .housing-video-placeholder a { color: rgb(247, 248, 249); text-underline-offset: 3px; }
#section .housing-video-modal-caption { margin: 14px 42px 0px 0px; color: rgb(41, 66, 57); font: 600 15px / 1.35 Inter, Arial, sans-serif; }
@media (max-width: 420px){#section .housing-video-card { grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: 8px; padding: 6px; border-radius: 18px; }}
@media (max-width: 420px){#section .housing-video-thumb { border-radius: 13px; }}
@media (max-width: 420px){#section .housing-video-play { width: 44px; height: 31px; border-radius: 9px; }}
@media (max-width: 420px){#section .housing-video-play svg { width: 20px; height: 20px; }}
@media (max-width: 420px){#section .housing-video-copy { gap: 14px; padding: 8px 5px 8px 0px; }}
@media (max-width: 420px){#section .housing-video-copy h3 { font-size: 13px; line-height: 1.38; }}
@media (max-width: 420px){#section .housing-video-watch { min-height: 34px; gap: 4px; padding: 6px 5px; font-size: 9px; }}
@media (max-width: 420px){#section .housing-video-watch svg { flex-basis: 22px; width: 22px; height: 16px; }}
@media (max-width: 420px){#section .housing-video-dialog { padding: 12px; border-radius: 14px; }}
@media (max-width: 420px){#section .housing-video-close { top: 5px; right: 5px; width: 34px; height: 34px; }}
#section .h-live-logo { display: inline-grid; grid-template-columns: max-content; width: max-content; }
#section .h-live-logo .h-logo-top { display: block; font: inherit; letter-spacing: 1.1px; white-space: nowrap; }
#section .h-live-logo small { display: flex; width: 100%; justify-content: space-between; box-sizing: border-box; font-size: 10px; letter-spacing: 0px; margin-top: 8px; white-space: nowrap; }
#section .h-live-logo small span { display: block; }
#section .h-all-articles { margin: 22px 0px 28px; }
#section .h-all-articles-title { margin: 0px 0px 12px; }
#section .h-all-articles .h-card { --ac-ratio: 2.42/1; --ac-radius: 12px; --ac-title: 21px; --ac-meta: 11px; --ac-badge: 11px; --ac-arrow: 43px; width: 100%; height: auto; aspect-ratio: var(--ac-ratio); position: relative; overflow: hidden; border-radius: var(--ac-radius); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 12px; isolation: isolate; display: block; }
#section .h-all-articles .h-card::before { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: rgba(41, 66, 57, 0.07); mix-blend-mode: color; }
#section .h-all-articles .h-card::after { content: ""; position: absolute; inset: 0px; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(18, 29, 25, 0.35) 0%, rgba(18, 29, 25, 0.18) 48%, rgba(18, 29, 25, 0) 82%), linear-gradient(0deg, rgba(18, 29, 25, 0.74) 0%, rgba(18, 29, 25, 0.42) 40%, rgba(18, 29, 25, 0.06) 72%, rgba(18, 29, 25, 0) 100%); }
#section .h-all-articles .h-card-content { position: absolute; inset: 0px; z-index: 3; padding: 0px; pointer-events: none; }
#section .h-all-articles .h-chip { position: absolute; left: 5%; top: 12%; z-index: 4; width: max-content; max-width: 68%; padding: 7px 11px; border-radius: 7px; background: rgb(247, 248, 249); color: rgb(41, 66, 57); font-family: Inter, Arial, sans-serif; font-size: var(--ac-badge); line-height: 1; font-weight: 500; text-transform: uppercase; white-space: nowrap; }
#section .h-all-articles .h-card h3 { position: absolute; left: 5%; right: 24%; bottom: 24%; margin: 0px; color: rgb(255, 255, 255); font-family: Inter, Arial, sans-serif; font-size: var(--ac-title); line-height: 1.09; font-weight: 600; letter-spacing: -0.01em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#section .h-all-articles .h-meta { position: absolute; left: 5%; right: 23%; bottom: 8.5%; color: rgba(255, 255, 255, 0.95); font-family: Inter, Arial, sans-serif; font-size: var(--ac-meta); line-height: 1; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#section .h-all-articles .h-meta { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 0px !important; overflow: visible !important; text-overflow: clip !important; }
#section .h-all-articles .article-clock-svg { width: 0.96em !important; height: 0.96em !important; flex: 0 0 0.96em !important; margin: 0px 0.25em 0px 0px !important; display: block !important; overflow: visible !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.55 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#section .h-all-articles .h-meta .meta-text { display: block !important; white-space: nowrap !important; line-height: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; }
#section .h-all-articles .h-round-arrow { position: absolute; right: 4%; bottom: 8%; z-index: 5; width: var(--ac-arrow); height: var(--ac-arrow); margin: 0px; border-radius: 50%; background: rgb(247, 248, 249); color: rgb(41, 66, 57); display: grid; place-items: center; font-size: 27px; line-height: 1; }
#section .h-all-articles .h-all-article-hidden { display: none; }
#section .h-article-controls { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 2px; }
#section .h-show-more, #section .h-show-less { width: 100%; height: 43px; border-radius: 8px; font: 500 14px / 1 Inter, Arial, sans-serif; cursor: pointer; }
#section .h-show-more { border: 0px; background: rgb(41, 66, 57); color: rgb(255, 255, 255); }
#section .h-show-less { border: 1px solid rgb(41, 66, 57); background: transparent; color: rgb(41, 66, 57); }
#section .h-show-more span, #section .h-show-less span { margin-left: 5px; }
#section .h-show-more[hidden], #section .h-show-less[hidden] { display: none; }
@media (max-width: 380px){#section .h-all-articles .h-card { --ac-title: 19px; --ac-meta: 10px; --ac-badge: 10px; --ac-arrow: 40px; }}
#section .h-live-logo small { width: calc(100% - 4px) !important; }
#section .tax-nav-cta svg { width: 23px !important; height: 23px !important; flex: 0 0 auto !important; stroke: rgb(255, 255, 255) !important; stroke-width: 1.8 !important; fill: none !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#section .h-house-icon svg { width: 48px !important; height: 48px !important; stroke-width: 0.72 !important; vector-effect: non-scaling-stroke !important; }
#section .h-hero-cta { grid-template-columns: 58px minmax(0px, 1fr) !important; }
#section .h-house-icon { width: 58px !important; height: 58px !important; align-self: center !important; }
#section .h-house-icon { transform: translateX(5px) !important; }
#section .h-live-logo { display: inline-grid !important; grid-template-columns: max-content !important; width: max-content !important; font-weight: 300 !important; }
#section .h-live-logo .h-logo-top { display: block !important; font-family: inherit !important; font-size: 26px !important; font-weight: 300 !important; line-height: 0.78 !important; letter-spacing: 0.25px !important; white-space: nowrap !important; }
#section .h-live-logo small { display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center !important; box-sizing: border-box !important; font-family: inherit !important; font-size: 10px !important; font-weight: 300 !important; line-height: 1 !important; letter-spacing: 0px !important; margin-top: 8px !important; white-space: nowrap !important; }
#section .h-live-logo small span { display: block !important; margin: 0px !important; padding: 0px !important; }
#section .h-live-logo { display: inline-block !important; width: auto !important; font-weight: 400 !important; }
#section .h-live-logo .h-logo-top { display: block !important; font-family: inherit !important; font-size: 26px !important; font-weight: 400 !important; line-height: 0.78 !important; letter-spacing: 0.25px !important; white-space: nowrap !important; width: max-content !important; }
#section .h-live-logo small { font-size: 16px; display: block !important; width: max-content !important; font-family: inherit !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0.1px !important; margin-top: 8px !important; white-space: nowrap !important; }
#section .h-live-logo small span { display: inline !important; margin: 0px !important; padding: 0px !important; }
#section .h-live-logo { display: inline-block !important; width: max-content !important; position: relative !important; padding-bottom: 20.5px !important; font-family: Roboto, Arial, sans-serif !important; font-weight: 300 !important; }
#section .h-live-logo .h-logo-top { display: flex !important; align-items: center !important; width: max-content !important; font-family: Roboto, Arial, sans-serif !important; font-size: 26px !important; font-style: normal !important; font-weight: 300 !important; line-height: 1 !important; letter-spacing: 0.25px !important; white-space: nowrap !important; }
#section .h-live-logo .h-logo-top .logo-divider { display: inline-block !important; font-size: 31px !important; line-height: 0.82 !important; font-weight: 300 !important; margin: 0px 0.5px !important; transform: translateY(-1px) !important; }
#section .h-live-logo small { position: absolute !important; left: 0px !important; bottom: 0px !important; display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center !important; box-sizing: border-box !important; font-family: Roboto, Arial, sans-serif !important; font-size: 15.8px !important; font-style: normal !important; font-weight: 300 !important; line-height: 1 !important; letter-spacing: 0px !important; white-space: nowrap !important; margin: 0px !important; }
#section .h-live-logo small span { display: block !important; margin: 0px !important; padding: 0px !important; }
#section .h-live-logo { padding-bottom: 18.5px !important; }
#section .h-live-logo small { left: 1px !important; width: calc(100% - 3px) !important; }
#section .svc-live-cta { align-items: center !important; }
#section .svc-live-cta > span:first-child { align-self: center !important; display: flex !important; align-items: center !important; height: 100% !important; margin: 0px !important; padding: 0px !important; line-height: 1.15 !important; }
#section .svc-live-arrow { width: 43px !important; height: 43px !important; min-width: 43px !important; flex: 0 0 43px !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; color: rgb(41, 66, 57) !important; display: grid !important; place-items: center !important; font-family: Inter, Arial, sans-serif !important; font-size: 27px !important; font-weight: 400 !important; line-height: 1 !important; margin: 0px !important; padding: 0px !important; }
@media (max-width: 390px){#section .svc-live-arrow { width: 38px !important; height: 38px !important; min-width: 38px !important; flex-basis: 38px !important; font-size: 24px !important; }}
#section .svc-live-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; }
#section .svc-live-cta > span:first-child { display: block !important; height: auto !important; align-self: auto !important; margin: 0px !important; padding: 0px !important; line-height: 1 !important; transform: none !important; }
#section .svc-live-arrow { width: 25px !important; height: 25px !important; min-width: 25px !important; flex: 0 0 25px !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; color: rgb(41, 66, 57) !important; display: grid !important; place-items: center !important; font: 400 18px / 1 Inter, Arial, sans-serif !important; margin: 0px !important; padding: 0px !important; transform: none !important; }
@media (max-width: 390px){#section .svc-live-arrow { width: 25px !important; height: 25px !important; min-width: 25px !important; flex-basis: 25px !important; font-size: 18px !important; }}
#section .svc-live .svc-live-mainicon { transform: scale(1.20666) !important; transform-origin: center center !important; }

#section[data-s="transport"] .h-script { font-family: Caveat, cursive !important; font-style: normal !important; font-weight: 400 !important; }
#section[data-s="transport"] .h-script::after { content: none !important; }
#section[data-s="transport"] .h-script { text-align: center !important; }
#section[data-s="transport"] .transport-slogan-icon { display: block !important; width: 25px !important; height: 29px !important; margin: 4px auto 0px !important; fill: none !important; stroke: rgb(41, 66, 57) !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transform: rotate(9deg) !important; transform-origin: 50% 45% !important; }
#section .h-live-hero { background-image: var(--transport-image) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
#section .h-house-icon svg { width: 56px !important; height: 56px !important; display: block !important; fill: none !important; stroke: rgba(255, 255, 255, 0.97) !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#section .h-card { background-image: var(--transport-image) !important; background-size: cover !important; background-position: center center !important; }
@media (max-width: 600px){#section[data-s="transport"] .h-script { right: 22px !important; top: 22px !important; font-size: 24px !important; line-height: 1 !important; max-width: 118px !important; }}
.okno-top-tools { display: flex; align-items: center; gap: 16px; color: rgb(255, 255, 255); }
.okno-lang { position: relative; }
.okno-lang-toggle { height: 38px; min-width: 64px; padding: 0px 10px; border: 1.5px solid rgb(255, 255, 255); border-radius: 24px; background: transparent; color: rgb(255, 255, 255); font: 500 15px Inter, Arial, sans-serif; display: flex; gap: 6px; align-items: center; justify-content: center; cursor: pointer; }
.okno-lang-menu { position: absolute; z-index: 120; right: 0px; top: 44px; min-width: 112px; padding: 5px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px; }
.okno-lang-menu[hidden], .okno-search-panel[hidden], .okno-nav-panel[hidden] { display: none !important; }
.okno-lang-menu button { display: block; width: 100%; padding: 9px 12px; border: 0px; background: rgb(255, 255, 255); color: rgb(36, 48, 45); text-align: left; font: 500 15px Inter, Arial, sans-serif; border-radius: 8px; }
.okno-icon-button { width: 32px; height: 36px; border: 0px; background: transparent; position: relative; display: grid; place-items: center; cursor: pointer; color: rgb(255, 255, 255); }
.okno-search-icon { width: 21px; height: 21px; border: 2px solid; border-radius: 50%; position: relative; display: block; }
.okno-search-icon::after { content: ""; position: absolute; width: 9px; height: 2px; background: currentcolor; right: -7px; bottom: -3px; transform: rotate(48deg); border-radius: 2px; }
.okno-menu-icon { width: 28px; display: grid; gap: 5px; }
.okno-menu-icon i { height: 2px; width: 100%; background: currentcolor; display: block; }
.okno-search-panel { background: rgb(255, 255, 255); padding: 12px 18px; position: relative; z-index: 80; }
.okno-search-form { height: 48px; border: 1px solid rgb(168, 175, 176); border-radius: 8px; display: flex; align-items: center; padding: 0px 14px 0px 16px; gap: 12px; }
.okno-search-form input { flex: 1 1 0%; min-width: 0px; border: 0px; outline: 0px; background: transparent; font: italic 17px Inter, Arial, sans-serif; color: rgb(36, 48, 45); }
.okno-search-form input::placeholder { color: rgb(146, 152, 154); opacity: 1; }
.okno-search-submit { border: 0px; background: transparent; padding: 5px; color: rgb(32, 39, 36); cursor: pointer; }
.okno-search-submit .okno-search-icon { width: 19px; height: 19px; border-width: 2px; }
.okno-nav-panel { position: fixed; top: var(--okno-nav-top,92px); bottom: 0px; left: 50%; transform: translateX(-50%); width: min(100vw, 492px); z-index: 100; background: rgb(240, 242, 243); color: rgb(38, 50, 46); padding: 14px 28px 18px; overflow: hidden; }
.okno-nav-title { font: 600 18px Inter, Arial, sans-serif; color: rgb(49, 72, 63); margin: 0px 0px 10px; }
.okno-nav-scroll { height: calc(100% - 34px); max-height: calc(100vh - var(--okno-nav-top,92px) - 34px); overflow: auto; padding-right: 9px; scrollbar-width: auto; scrollbar-color: rgb(104, 127, 119) rgb(224, 228, 227); }
.okno-nav-card { background: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; margin: 0px 0px 12px; }
.okno-nav-row { min-height: 47px; padding: 8px 14px 8px 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: rgb(39, 48, 46); text-decoration: none; font: 400 16px / 1.2 Inter, Arial, sans-serif; border-bottom: 1px solid rgb(210, 214, 215); }
.okno-nav-row:last-child { border-bottom: 0px; }
.okno-nav-row b { font: 400 28px / 1 Arial, sans-serif; color: rgb(49, 72, 63); }
.okno-nav-note { font: 400 12px Inter, Arial, sans-serif; color: rgb(110, 120, 116); text-align: center; margin: 6px 0px 0px; }
@media (max-width: 390px){.okno-top-tools { gap: 12px; }}
@media (max-width: 390px){.okno-nav-panel { padding-left: 20px; padding-right: 20px; }}
@media (max-width: 390px){.okno-nav-row { font-size: 15px; min-height: 44px; }}
@media (min-width: 768px){#section[data-s="transport"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
.okno-home-row > span { display: flex; align-items: center; gap: 10px; }
.okno-home-row svg { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: rgb(49, 72, 63); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#section .svc-live { container-type: inline-size !important; }
#section .svc-live-copy { padding-top: clamp(18px, 7cqw, 32px) !important; }
#section .svc-live-copy h2 { font-size: clamp(18px, 5.1cqw, 20px) !important; }
#section .svc-live-badge { font-size: clamp(7px, 1.9cqw, 8px) !important; }
#section .svc-live-item strong { font-size: clamp(9px, 2.4cqw, 10px) !important; }
#section .svc-live-cta { font-size: clamp(11.7px, 3.4cqw, 13px) !important; }
#section .svc-live, #about-project .svc-live, #section-article .svc-live { container-type: inline-size; }
#section .svc-live-copy, #about-project .svc-live-copy, #section-article .svc-live-copy { padding-top: 22px !important; }
#section .svc-live-copy h2, #about-project .svc-live-copy h2, #section-article .svc-live-copy h2 { font-size: 18px !important; }
#section .svc-live-badge, #about-project .svc-live-badge, #section-article .svc-live-badge { font-size: 7px !important; }
#section .svc-live-item strong, #about-project .svc-live-item strong, #section-article .svc-live-item strong { font-size: 9px !important; }
#section .svc-live-cta, #about-project .svc-live-cta, #section-article .svc-live-cta { font-size: 12px !important; }
@supports (font-size: 1cqw){#section .svc-live-copy, #about-project .svc-live-copy, #section-article .svc-live-copy { padding-top: clamp(18px, 7cqw, 32px) !important; }}
@supports (font-size: 1cqw){#section .svc-live-copy h2, #about-project .svc-live-copy h2, #section-article .svc-live-copy h2 { font-size: clamp(18px, 4.2cqw, 20px) !important; }}
@supports (font-size: 1cqw){#section .svc-live-badge, #about-project .svc-live-badge, #section-article .svc-live-badge { font-size: clamp(6.9px, 1.55cqw, 9px) !important; }}
@supports (font-size: 1cqw){#section .svc-live-item strong, #about-project .svc-live-item strong, #section-article .svc-live-item strong { font-size: clamp(9px, 2cqw, 11px) !important; }}
@supports (font-size: 1cqw){#section .svc-live-cta, #about-project .svc-live-cta, #section-article .svc-live-cta { font-size: clamp(11.7px, 2.6cqw, 13px) !important; }}
@supports (font-size: 1cqw){#section .svc-live-arrow, #about-project .svc-live-arrow, #section-article .svc-live-arrow { font-size: clamp(24px, 5.3cqw, 27px) !important; }}
@media (min-width: 1024px){:root { --dk-max: 1200px; --dk-pad: max(40px,calc((100vw - 1200px)/2)); --dk-gap: 24px; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .app, html:not(#_d):not(#_d):not(#_d) body main.app { width: 100% !important; max-width: none !important; overflow: visible !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .page { width: 100% !important; max-width: none !important; overflow: clip visible !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-live-header { padding-left: var(--dk-pad) !important; padding-right: var(--dk-pad) !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .okno-nav-panel { border-radius: 0px 0px 18px 18px; box-shadow: rgba(16, 32, 27, 0.22) 0px 24px 48px; left: auto !important; right: var(--dk-pad) !important; transform: none !important; width: min(1040px, -80px + 100vw) !important; bottom: auto !important; height: auto !important; padding: 22px 22px 10px 28px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .okno-nav-scroll { columns: 4; column-gap: 14px; height: auto !important; max-height: calc(100vh - var(--okno-nav-top,92px) - 56px) !important; display: block !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .okno-nav-scroll > * { break-inside: avoid; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .okno-nav-scroll > .okno-nav-title { column-span: all; margin-top: 4px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .okno-nav-scroll > .okno-nav-card:first-child { column-span: all; width: calc(25% - 10.5px); }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .okno-nav-note { display: none !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-breadcrumb { overflow: visible !important; min-height: 40px !important; display: flex !important; align-items: center !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-live-footer { padding-left: var(--dk-pad) !important; padding-right: var(--dk-pad) !important; padding-top: 28px !important; padding-bottom: 28px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-footer-links { font-size: 15px !important; line-height: 26px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-footer-nav { gap: 10px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-footer-main { gap: 20px !important; min-height: 64px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-footer-logo { width: 64px !important; height: 64px !important; flex: 0 0 64px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-footer-separator { height: 28px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-footer-legal { gap: 18px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-footer-coop { line-height: 26px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-social { gap: 24px !important; margin: 22px 0px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-social b { width: 48px !important; height: 42px !important; font-size: 20px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-copy { font-size: 13px !important; line-height: 20px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .h-copyright { margin-bottom: 14px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro { --scr-w: clamp(340px,34vw,500px); position: relative !important; padding: 18px var(--dk-pad) 36px !important; height: auto !important; display: block !important; min-height: 258px !important; box-sizing: border-box !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro > :not(.h-script) { max-width: calc(100% - var(--scr-w) - 48px) !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro h1 { white-space: nowrap !important; font-size: clamp(40px, 3.6vw, 52px) !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro h1 { font-size: 54px !important; line-height: 1.05 !important; margin: 14px 0px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro > p { font-size: 19px !important; line-height: 1.5 !important; max-width: 640px !important; width: auto !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro .h-script:not(.h-script-dk) { display: none !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro > .h-script.h-script-dk { text-wrap-style: balance; display: block !important; position: absolute !important; left: auto !important; right: var(--dk-pad) !important; top: 50% !important; bottom: auto !important; padding: 0px !important; transform: translateY(-50%) rotate(-5deg) !important; transform-origin: center center !important; width: var(--scr-w) !important; max-width: var(--scr-w) !important; font-size: clamp(36px, 3.3vw, 48px) !important; line-height: 1 !important; text-align: center !important; white-space: normal !important; margin: 0px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro > .h-script.h-script-dk svg { display: block !important; width: clamp(36px, 3.2vw, 46px) !important; height: clamp(36px, 3.2vw, 46px) !important; margin: 8px auto 0px !important; position: static !important; transform: none !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro > .h-script.h-script-dk::after { width: clamp(36px, 3.2vw, 46px) !important; height: clamp(36px, 3.2vw, 46px) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; font-size: clamp(32px, 2.9vw, 42px) !important; line-height: 1 !important; margin: 8px auto 0px !important; display: block !important; position: static !important; transform: none !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-hero { height: 170px !important; background-position: center 68% !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-hero-cta { left: var(--dk-pad) !important; right: auto !important; bottom: 22px !important; width: 460px !important; min-height: 78px !important; padding: 10px 24px !important; grid-template-columns: 56px minmax(0px, 1fr) !important; column-gap: 18px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-hero-cta > span:last-child { font-size: 20px !important; line-height: 1.3 !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content { align-items: start; display: grid !important; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; column-gap: var(--dk-gap) !important; row-gap: 0px !important; padding: 48px var(--dk-pad) 0 !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > * { grid-column: 1 / -1; min-width: 0px; max-width: none !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > .h-section-title { font-size: 26px !important; margin: 0px 0px 18px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > .h-card { grid-column: span 2 !important; margin: 0 0 var(--dk-gap) !important; width: 100% !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-all-articles { grid-template-columns: repeat(3, minmax(0px, 1fr)); column-gap: var(--dk-gap); display: grid !important; margin: 24px 0px 32px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-all-articles > * { grid-column: 1 / -1; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-all-articles > .h-card { grid-column: auto !important; margin: 0 0 var(--dk-gap) !important; width: 100% !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-all-articles .h-article-controls { justify-self: center; width: min(420px, 100%); }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-all-articles-title { font-size: 26px !important; margin: 0px 0px 18px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-coming { margin: 8px 0px 32px !important; padding: 26px 30px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-coming-copy { max-width: 780px; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-coming-copy p { font-size: 17px !important; line-height: 1.55 !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-ad { margin: 0px 0px 40px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > .tax-nav-card { align-self: stretch; grid-column: 1 / 4 !important; margin: 0px 0px 40px !important; width: 100% !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > .svc-live { align-self: stretch; grid-column: 4 / -1 !important; margin: 0px 0px 40px !important; width: 100% !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > .h-crosslinks { grid-column: 1 / -1 !important; margin: 0px 0px 16px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-crosslinks-title, html:not(#_d):not(#_d):not(#_d) body .housing-live .housing-video-heading { font-size: 26px !important; margin: 0px 0px 18px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-crosslinks-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: var(--dk-gap) !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-card { aspect-ratio: 2.42 / 1 !important; border-radius: 12px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-card-content { padding: 22px 20px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-chip { font-size: 11px !important; padding: 7px 11px !important; border-radius: 7px !important; font-weight: 500 !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-card h3 { left: 20px !important; right: 84px !important; bottom: 44px !important; font-size: 21px !important; line-height: 1.12 !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-meta { left: 20px !important; bottom: 20px !important; font-size: 12px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-arrow { width: 43px !important; height: 43px !important; right: 18px !important; bottom: 16px !important; font-size: 27px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > .housing-video-section { grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: var(--dk-gap); row-gap: 0px; grid-column: 1 / -1 !important; margin: 32px 0px 56px !important; display: grid !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .housing-video-section > .housing-video-heading { grid-column: 1 / -1; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .housing-video-card { height: 100%; grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr) !important; gap: 22px !important; padding: 10px !important; border-radius: 22px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .housing-video-thumb { border-radius: 14px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .housing-video-copy { padding: 10px 14px 10px 0px !important; gap: 20px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .housing-video-copy h3 { font-size: 20px !important; line-height: 1.3 !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .housing-video-watch { min-height: 46px !important; padding: 10px 16px !important; font-size: 14px !important; border-radius: 13px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-card .h-meta { font-size: 0px !important; right: 22% !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-card .h-meta .meta-text { font-size: 12px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-card .h-meta .article-clock-svg { width: 12px !important; height: 12px !important; flex: 0 0 12px !important; margin-right: 5px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .svc-live-copy h2 { font-size: 26px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .svc-live-badge { font-size: 11px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .svc-live-item strong { font-size: 14px !important; line-height: 1.25 !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .svc-live-cta { font-size: 16px !important; padding-right: 14px !important; padding-left: 20px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .svc-live-arrow { width: 36px !important; height: 36px !important; min-width: 36px !important; flex: 0 0 36px !important; font-size: 22px !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-content > .h-live-footer { grid-column: 1 / -1 !important; margin-left: calc(-1*var(--dk-pad)) !important; margin-right: calc(-1*var(--dk-pad)) !important; width: auto !important; }}
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .page > .h-live-intro { padding: 18px var(--dk-pad) 12px !important; }}
@media (max-width: 1023.98px){.dk-only { display: none !important; }}
/* ===================== Additions for the template ===================== */
@media (max-width:1023.98px){.dk-only{display:none!important}}
@media (min-width:1024px){.mb-only{display:none!important}}
.toast{position:fixed;z-index:3000;left:50%;transform:translateX(-50%);bottom:18px;background:#294239;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 15px;font:500 12px Inter,Arial,sans-serif;opacity:0;pointer-events:none;transition:.2s}
.toast.on{opacity:1}
a.h-card,a.h-mini-card{text-decoration:none;color:inherit;display:block}
a.tax-nav-cta,a.svc-live-cta{text-decoration:none;color:inherit}
a.tax-nav-cta{box-sizing:border-box}
.h-all-article-hidden{display:none!important}
img.transport-slogan-icon{object-fit:contain}

/* housing: PNG icon in the hero badge and the ♡ symbol under the slogan (as in the housing prototype) */
#section .h-house-icon img { width: 58px; height: 58px; object-fit: contain; display: block; }
#section[data-s="housing"] .slogan-symbol { display: block; font-size: 28px; line-height: 1; }
#section[data-s="housing"] .h-script-dk .slogan-symbol { font-size: 41.76px; }

/* ---- language list: same design as on the home page and in articles ---- */
.site-language-control { position: relative; z-index: 1205; flex: 0 0 auto; }
.site-language-toggle { height: 36px; min-width: 56px; padding: 0px 10px; border: 1.4px solid rgba(255, 255, 255, 0.92); border-radius: 22px; background: transparent; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; gap: 5px; font: 400 13px / 1 Inter, Arial, sans-serif; cursor: pointer; -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
.site-language-toggle svg { width: 13px; height: 13px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.site-language-options { position: absolute; right: 0px; top: calc(100% + 8px); width: 142px; padding: 5px; background: rgb(255, 255, 255); border: 1px solid rgb(213, 218, 216); border-radius: 11px; box-shadow: rgba(14, 31, 25, 0.2) 0px 8px 22px; z-index: 1400; box-sizing: border-box; }
.site-language-options[hidden] { display: none !important; }
.site-language-option { width: 100%; min-height: 42px; border: 0px; border-radius: 7px; background: transparent; color: rgb(36, 59, 51); padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; text-align: left; font: 400 14px / 1.2 Inter, Arial, sans-serif; cursor: pointer; }
.site-language-option[aria-selected="true"] { background: rgb(238, 241, 239); font-weight: 600; }
.language-check { color: rgb(41, 66, 57); font-size: 16px; }
.site-language-toggle:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
@media (max-width: 360px){.site-language-toggle { min-width: 52px !important; padding: 0px 7px !important; }}


/* two-line section titles join into one line on desktop (as in the prototypes) */
@media (min-width: 1024px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-live-intro h1 br{display:none !important}}
/* ---- per-section title / slogan settings, taken from each section prototype (base rules above come from «Транспорт») ---- */
#section[data-s="housing"] .h-live-intro { overflow: hidden; }
#section[data-s="housing"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="housing"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="housing"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="housing"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="housing"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="housing"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="housing"] .h-breadcrumb a, #section[data-s="housing"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="housing"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="housing"] .h-breadcrumb span { color: rgb(41, 66, 57); }
@media (min-width: 768px){#section[data-s="housing"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
#section[data-s="housing"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="housing"] .h-script .slogan-symbol { display: none !important; }
#section[data-s="connectivity"] .h-live-intro { overflow: hidden; }
#section[data-s="connectivity"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="connectivity"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="connectivity"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="connectivity"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="connectivity"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="connectivity"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="connectivity"] .h-breadcrumb a, #section[data-s="connectivity"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="connectivity"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="connectivity"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="connectivity"] .h-script { font-family: Caveat, cursive !important; font-style: normal !important; font-weight: 400 !important; }
#section[data-s="connectivity"] .h-script::after { content: none !important; }
#section[data-s="connectivity"] .h-script { text-align: center !important; }
#section[data-s="connectivity"] .transport-slogan-icon { display: block !important; width: 25px !important; height: 29px !important; margin: 4px auto 0px !important; fill: none !important; stroke: rgb(41, 66, 57) !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transform: rotate(-7deg) !important; transform-origin: 50% 45% !important; }
@media (max-width: 600px){#section[data-s="connectivity"] .h-script { right: 22px !important; top: 22px !important; font-size: 24px !important; line-height: 1 !important; max-width: 118px !important; }}
#section[data-s="connectivity"] .h-live-intro p { position: relative; z-index: 1; max-width: calc(100% - 136px) !important; }
#section[data-s="connectivity"] .h-script { line-height: 0.92 !important; }
#section[data-s="connectivity"] .transport-slogan-icon { display: block !important; margin: 1px auto 0px !important; transform: rotate(12deg) !important; transform-origin: 50% 45% !important; }
@media (min-width: 768px){#section[data-s="connectivity"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
#section[data-s="banking"] .h-live-intro { overflow: hidden; }
#section[data-s="banking"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="banking"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="banking"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="banking"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="banking"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="banking"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="banking"] .h-breadcrumb a, #section[data-s="banking"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="banking"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="banking"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="banking"] .h-script { font-family: Caveat, cursive !important; font-style: normal !important; font-weight: 400 !important; }
#section[data-s="banking"] .h-script::after { content: none !important; }
#section[data-s="banking"] .h-script { text-align: center !important; }
#section[data-s="banking"] .transport-slogan-icon { display: block !important; width: 32px !important; height: 32px !important; margin: 4px auto 0px !important; fill: none !important; stroke: rgb(41, 66, 57) !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transform: rotate(-7deg) !important; transform-origin: 50% 45% !important; }
@media (max-width: 600px){#section[data-s="banking"] .h-script { right: 22px !important; top: 22px !important; font-size: 24px !important; line-height: 1 !important; max-width: 118px !important; }}
#section[data-s="banking"] .h-live-intro p { position: relative; z-index: 1; max-width: calc(100% - 136px) !important; }
#section[data-s="banking"] .h-script { line-height: 0.92 !important; }
#section[data-s="banking"] .transport-slogan-icon { display: block !important; margin: 1px auto 0px !important; transform: rotate(12deg) !important; transform-origin: 50% 45% !important; }
@media (min-width: 768px){#section[data-s="banking"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
#section[data-s="gov-services"] .h-live-intro { overflow: hidden; }
#section[data-s="gov-services"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="gov-services"] .h-live-intro h1 { font-size: 33px; }}
@media (max-width: 390px){#section[data-s="gov-services"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="gov-services"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="gov-services"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="gov-services"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="gov-services"] .h-breadcrumb a, #section[data-s="gov-services"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="gov-services"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="gov-services"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="gov-services"] .h-script { font-family: Caveat, cursive !important; font-style: normal !important; font-weight: 400 !important; }
#section[data-s="gov-services"] .h-script::after { content: none !important; }
#section[data-s="gov-services"] .h-script { text-align: center !important; }
#section[data-s="gov-services"] .transport-slogan-icon { display: block !important; width: 32px !important; height: 32px !important; margin: 4px auto 0px !important; fill: none !important; stroke: rgb(41, 66, 57) !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transform: rotate(-7deg) !important; transform-origin: 50% 45% !important; }
@media (max-width: 600px){#section[data-s="gov-services"] .h-script { right: 22px !important; top: 22px !important; font-size: 24px !important; line-height: 1 !important; max-width: 118px !important; }}
#section[data-s="gov-services"] .h-live-intro p { position: relative; z-index: 1; max-width: calc(100% - 136px) !important; }
#section[data-s="gov-services"] .h-script { line-height: 0.92 !important; }
#section[data-s="gov-services"] .transport-slogan-icon { display: block !important; margin: 1px auto 0px !important; transform: rotate(12deg) !important; transform-origin: 50% 45% !important; }
@media (min-width: 768px){#section[data-s="gov-services"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
#section[data-s="statistics"] .h-live-intro { overflow: hidden; }
#section[data-s="statistics"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="statistics"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="statistics"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="statistics"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="statistics"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="statistics"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="statistics"] .h-breadcrumb a, #section[data-s="statistics"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="statistics"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="statistics"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="statistics"] .h-script { font-family: Caveat, cursive !important; font-style: normal !important; font-weight: 400 !important; }
#section[data-s="statistics"] .h-script::after { content: none !important; }
#section[data-s="statistics"] .h-script { text-align: center !important; }
#section[data-s="statistics"] .transport-slogan-icon { display: block !important; width: 32px !important; height: 32px !important; margin: 4px auto 0px !important; fill: none !important; stroke: rgb(41, 66, 57) !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transform: rotate(-7deg) !important; transform-origin: 50% 45% !important; }
@media (max-width: 600px){#section[data-s="statistics"] .h-script { right: 22px !important; top: 22px !important; font-size: 24px !important; line-height: 1 !important; max-width: 118px !important; }}
#section[data-s="statistics"] .h-live-intro p { position: relative; z-index: 1; max-width: calc(100% - 136px) !important; }
#section[data-s="statistics"] .h-script { line-height: 0.92 !important; }
#section[data-s="statistics"] .transport-slogan-icon { display: block !important; margin: 1px auto 0px !important; transform: rotate(12deg) !important; transform-origin: 50% 45% !important; }
@media (max-width: 600px){#section[data-s="statistics"] .h-live-intro h1 { font-size: 32px !important; letter-spacing: -0.25px !important; }}
@media (max-width: 390px){#section[data-s="statistics"] .h-live-intro h1 { font-size: 30px !important; }}
#section[data-s="statistics"] .transport-slogan-icon { display: block; width: 32px; height: 32px; margin: 5px auto 0px; transform: rotate(-8deg); overflow: visible; }
#section[data-s="statistics"] .transport-slogan-icon path { fill: none; stroke: currentcolor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
@media (min-width: 768px){#section[data-s="statistics"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
#section[data-s="statistics"] .h-script::after, #section[data-s="statistics"] .h-script::after { content: none !important; display: none !important; }
#section[data-s="statistics"] .h-live-intro { height: auto !important; min-height: 168px !important; overflow: visible !important; box-sizing: border-box !important; }
#section[data-s="statistics"] .h-breadcrumb { margin-bottom: 8px !important; }
#section[data-s="statistics"] .h-live-intro h1 { font-size: 23px !important; line-height: 1.05 !important; letter-spacing: -0.2px !important; white-space: normal !important; max-width: calc(100% - 118px) !important; margin-bottom: 7px !important; }
#section[data-s="statistics"] .h-live-intro p { font-size: 13px !important; line-height: 1.28 !important; max-width: calc(100% - 118px) !important; }
#section[data-s="statistics"] .h-script { top: 44px !important; right: 22px !important; max-width: 118px !important; font-size: 24px !important; line-height: 0.96 !important; }
@media (max-width: 340px){#section[data-s="statistics"] .h-live-intro h1 { font-size: 21px !important; }}
#section[data-s="statistics"] .h-live-intro > h1, #section[data-s="statistics"] .h-live-intro > p { position: relative !important; top: 7px !important; }
#section[data-s="education"] .h-live-intro { overflow: hidden; }
#section[data-s="education"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="education"] .h-breadcrumb { margin-bottom: 18px !important; }}
@media (max-width: 390px){#section[data-s="education"] .h-live-intro h1 { font-size: 28px !important; line-height: 1 !important; max-width: calc(100% - 145px) !important; margin-bottom: 10px !important; }}
@media (max-width: 390px){#section[data-s="education"] .h-live-intro p { font-family: Inter, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.35 !important; max-width: calc(100% - 136px) !important; }}
@media (max-width: 390px){#section[data-s="education"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="education"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="education"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="education"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="education"] .h-breadcrumb a, #section[data-s="education"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="education"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="education"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="education"] .h-script { font-family: Caveat, cursive !important; font-style: normal !important; font-weight: 400 !important; }
#section[data-s="education"] .h-script::after { content: none !important; }
#section[data-s="education"] .h-script { text-align: center !important; }
#section[data-s="education"] .transport-slogan-icon { display: block !important; width: 32px !important; height: 32px !important; margin: 3px auto 0px !important; fill: none !important; stroke: rgb(41, 66, 57) !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transform: rotate(-7deg) !important; transform-origin: 50% 45% !important; }
@media (max-width: 600px){#section[data-s="education"] .h-script { right: 14px !important; top: 25px !important; font-size: 24px !important; line-height: 0.98 !important; max-width: 130px !important; }}
#section[data-s="education"] .h-live-intro p { position: relative; z-index: 1; max-width: calc(100% - 136px) !important; }
#section[data-s="education"] .h-script { line-height: 0.92 !important; }
#section[data-s="education"] .transport-slogan-icon { display: block !important; margin: 1px auto 0px !important; transform: rotate(12deg) !important; transform-origin: 50% 45% !important; }
#section[data-s="education"] .h-live-intro h1 { margin-left: -4px !important; }
@media (min-width: 768px){#section[data-s="education"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
#section[data-s="hungarian"] .h-live-intro { overflow: hidden; }
#section[data-s="hungarian"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="hungarian"] .h-breadcrumb { margin-bottom: 18px !important; }}
@media (max-width: 390px){#section[data-s="hungarian"] .h-live-intro h1 { font-size: 28px !important; line-height: 1 !important; max-width: calc(100% - 145px) !important; margin-bottom: 10px !important; }}
@media (max-width: 390px){#section[data-s="hungarian"] .h-live-intro p { font-family: Inter, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.35 !important; max-width: calc(100% - 136px) !important; }}
@media (max-width: 390px){#section[data-s="hungarian"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="hungarian"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="hungarian"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="hungarian"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="hungarian"] .h-breadcrumb a, #section[data-s="hungarian"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="hungarian"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="hungarian"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="hungarian"] .h-script { font-family: Caveat, cursive !important; font-style: normal !important; font-weight: 400 !important; }
#section[data-s="hungarian"] .h-script::after { content: none !important; }
#section[data-s="hungarian"] .h-script { text-align: center !important; }
#section[data-s="hungarian"] .transport-slogan-icon { display: block !important; width: 32px !important; height: 32px !important; margin: 3px auto 0px !important; fill: none !important; stroke: rgb(41, 66, 57) !important; stroke-width: 1.35 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transform: rotate(-7deg) !important; transform-origin: 50% 45% !important; }
@media (max-width: 600px){#section[data-s="hungarian"] .h-script { right: 14px !important; top: 25px !important; font-size: 24px !important; line-height: 0.98 !important; max-width: 130px !important; }}
#section[data-s="hungarian"] .h-live-intro p { position: relative; z-index: 1; max-width: calc(100% - 136px) !important; }
#section[data-s="hungarian"] .h-script { line-height: 0.92 !important; }
#section[data-s="hungarian"] .transport-slogan-icon { display: block !important; margin: 1px auto 0px !important; transform: rotate(12deg) !important; transform-origin: 50% 45% !important; }
#section[data-s="hungarian"] .h-live-intro h1 { margin-left: -4px !important; }
#section[data-s="hungarian"] .h-live-intro h1 { font-size: 22px !important; line-height: 1.04 !important; max-width: none !important; width: max-content !important; white-space: nowrap !important; margin-left: -4px !important; margin-bottom: 10px !important; }
#section[data-s="hungarian"] .h-live-intro p { font-size: 15px !important; line-height: 1.32 !important; max-width: calc(100% - 88px) !important; }
#section[data-s="hungarian"] .h-script { right: 10px !important; top: 34px !important; max-width: 124px !important; font-size: 24px !important; line-height: 0.98 !important; text-align: center !important; }
#section[data-s="hungarian"] .transport-slogan-icon { display: block !important; width: 36px !important; height: 34px !important; transform: rotate(8deg) !important; transform-origin: 50% 45% !important; margin: 2px auto 0px !important; }
@media (min-width: 768px){#section[data-s="hungarian"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
#section[data-s="healthcare"] .h-live-intro { overflow: hidden; }
#section[data-s="healthcare"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="healthcare"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="healthcare"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="healthcare"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="healthcare"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="healthcare"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="healthcare"] .h-breadcrumb a, #section[data-s="healthcare"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="healthcare"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="healthcare"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="healthcare"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="healthcare"] .h-script { max-width: 95px; right: 14px; line-height: 0.94; }
#section[data-s="healthcare"] .h-script::after { display: block; position: relative; left: 0px; width: 25px; height: 22px; margin: 0px auto; font-size: 0px; transform: rotate(17deg); transform-origin: center center; content: "" !important; background: url("/ui/sections/healthcare-slogan-32b2b75e.svg") center center / contain no-repeat !important; }
@media (min-width: 768px){#section[data-s="healthcare"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
@media (min-width: 768px){#section[data-s="healthcare"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="healthcare"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="pregnancy"] .h-live-intro { overflow: hidden; }
#section[data-s="pregnancy"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="pregnancy"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="pregnancy"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="pregnancy"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="pregnancy"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="pregnancy"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="pregnancy"] .h-breadcrumb a, #section[data-s="pregnancy"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="pregnancy"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="pregnancy"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="pregnancy"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="pregnancy"] .h-live-intro h1 { font-size: 27px; }
#section[data-s="pregnancy"] .h-script { line-height: 0.84 !important; }
#section[data-s="pregnancy"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/pregnancy-slogan-f057b3f7.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="pregnancy"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
@media (min-width: 768px){#section[data-s="pregnancy"] .h-live-intro > p { position: relative; top: -8px !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="pregnancy"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="work-business"] .h-live-intro { overflow: hidden; }
#section[data-s="work-business"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="work-business"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="work-business"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="work-business"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="work-business"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="work-business"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="work-business"] .h-breadcrumb a, #section[data-s="work-business"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="work-business"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="work-business"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="work-business"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="work-business"] .h-live-intro h1 { font-size: 26px; }
#section[data-s="work-business"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/work-business-slogan-a23d7a32.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="work-business"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
@media (min-width: 768px){#section[data-s="work-business"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="work-business"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="taxes-benefits"] .h-live-intro { overflow: hidden; }
#section[data-s="taxes-benefits"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="taxes-benefits"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="taxes-benefits"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="taxes-benefits"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="taxes-benefits"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="taxes-benefits"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="taxes-benefits"] .h-breadcrumb a, #section[data-s="taxes-benefits"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="taxes-benefits"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="taxes-benefits"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="taxes-benefits"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="taxes-benefits"] .h-live-intro h1 { font-size: 22px; }
#section[data-s="taxes-benefits"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/taxes-benefits-slogan-52637f23.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="taxes-benefits"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="taxes-benefits"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="business-stories"] .h-live-intro { overflow: hidden; }
#section[data-s="business-stories"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="business-stories"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="business-stories"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="business-stories"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="business-stories"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="business-stories"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="business-stories"] .h-breadcrumb a, #section[data-s="business-stories"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="business-stories"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="business-stories"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="business-stories"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="business-stories"] .h-live-intro h1 { font-size: 25px; }
#section[data-s="business-stories"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/business-stories-slogan-a76a5c64.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="business-stories"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="business-stories"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="immigration"] .h-live-intro { overflow: hidden; }
#section[data-s="immigration"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="immigration"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="immigration"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="immigration"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="immigration"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="immigration"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="immigration"] .h-breadcrumb a, #section[data-s="immigration"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="immigration"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="immigration"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="immigration"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="immigration"] .h-live-intro h1 { font-size: 22px; }
#section[data-s="immigration"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/immigration-slogan-ca8d49cd.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="immigration"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="immigration"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="news"] .h-live-intro { overflow: hidden; }
#section[data-s="news"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="news"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="news"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="news"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="news"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="news"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="news"] .h-breadcrumb a, #section[data-s="news"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="news"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="news"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="news"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="news"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/news-slogan-75f1eb7b.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="news"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="news"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="shopping"] .h-live-intro { overflow: hidden; }
#section[data-s="shopping"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="shopping"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="shopping"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="shopping"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="shopping"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="shopping"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="shopping"] .h-breadcrumb a, #section[data-s="shopping"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="shopping"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="shopping"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="shopping"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="shopping"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/shopping-slogan-f29446ba.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="shopping"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="shopping"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="city-cards"] .h-live-intro { overflow: hidden; }
#section[data-s="city-cards"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="city-cards"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="city-cards"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="city-cards"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="city-cards"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="city-cards"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="city-cards"] .h-breadcrumb a, #section[data-s="city-cards"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="city-cards"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="city-cards"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="city-cards"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="city-cards"] .h-live-intro h1 { font-size: 26px; }
#section[data-s="city-cards"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/city-cards-slogan-3af91d64.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
@media (min-width: 768px){#section[data-s="city-cards"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="city-cards"] .h-script .transport-slogan-icon { display: none !important; }
#section[data-s="leisure"] .h-live-intro { overflow: hidden; }
#section[data-s="leisure"] .h-script { max-width: 95px; pointer-events: none; font-size: 12px; top: 24px; line-height: 1; }
@media (max-width: 390px){#section[data-s="leisure"] .h-live-intro h1 { font-size: 36px; }}
@media (max-width: 390px){#section[data-s="leisure"] .h-live-intro p { font-size: 14px; }}
@media (max-width: 390px){#section[data-s="leisure"] .h-script { right: 22px; top: 22px; font-size: 24px; line-height: 1; transform: rotate(-8deg); transform-origin: center center; }}
@media (max-width: 390px){#section[data-s="leisure"] .h-script::after { font-size: 28px; margin-top: 7px; }}
#section[data-s="leisure"] .h-breadcrumb a { color: rgb(111, 125, 119); font-weight: 400; font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; letter-spacing: normal; }
#section[data-s="leisure"] .h-breadcrumb a, #section[data-s="leisure"] .h-breadcrumb span { font-family: Inter, Arial, sans-serif; font-style: normal; font-size: inherit; font-weight: 400; letter-spacing: normal; line-height: inherit; }
#section[data-s="leisure"] .h-breadcrumb b { color: rgb(138, 150, 145); font-weight: 400; }
#section[data-s="leisure"] .h-breadcrumb span { color: rgb(41, 66, 57); }
#section[data-s="leisure"] .h-script::after { display: block; position: relative; left: 0px; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="leisure"] .h-live-intro h1 { font-size: 28px; }
#section[data-s="leisure"] .h-script::after { content: ""; display: block; position: relative; left: 0px; width: 28px; height: 28px; font-size: 0px; margin: 5px auto 0px; background-image: url("/ui/sections/leisure-slogan-49333d9f.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; transform: rotate(17deg); transform-origin: center center; }
#section[data-s="leisure"] .h-live-intro p { position: relative; top: -8px; }
@media (min-width: 768px){#section[data-s="leisure"] .h-live-intro .h-script { font-size: 24px !important; max-width: 135px !important; right: 22px !important; top: 22px !important; line-height: 1 !important; transform: rotate(-8deg) !important; transform-origin: center center !important; }}
html:not(#_d):not(#_d):not(#_d):not(#_d) body #section[data-s="leisure"] .h-script .transport-slogan-icon { display: none !important; }

/* ---- mobile: slogan starts below the breadcrumb line (owner's correction to the prototypes) ---- */
@media (max-width: 1023.98px){
html body #section[data-s="news"] .h-live-intro .h-script:not(.h-script-dk),
html body #section[data-s="business-stories"] .h-live-intro .h-script:not(.h-script-dk),
html body #section[data-s="taxes-benefits"] .h-live-intro .h-script:not(.h-script-dk),
html body #section[data-s="pregnancy"] .h-live-intro .h-script:not(.h-script-dk) { top: 42px !important; }
html body #section[data-s="leisure"] .h-live-intro .h-script:not(.h-script-dk),
html body #section[data-s="city-cards"] .h-live-intro .h-script:not(.h-script-dk),
html body #section[data-s="immigration"] .h-live-intro .h-script:not(.h-script-dk) { top: 40px !important; line-height: 0.86 !important; }
}
/* English slogans are longer: on phones slightly smaller and tighter so they fit the light area */
@media (max-width: 1023.98px){
html[lang="en"] body #section .h-live-intro .h-script:not(.h-script-dk) { top: 40px !important; font-size: 20px !important; line-height: 0.95 !important; max-width: 118px !important; right: 16px !important; }
}
@media (max-width: 1023.98px){
html[lang="en"] body #section[data-s="gov-services"] .h-live-intro h1 { font-size: 28px !important; line-height: 1 !important; margin-bottom: 8px !important; }
}
/* very narrow phones (e.g. 360 px): slogan a little smaller so it does not touch the breadcrumb and the lead */
@media (max-width: 380px){
html body #section .h-live-intro .h-script:not(.h-script-dk) { font-size: 21px !important; line-height: 0.92 !important; }
html[lang="en"] body #section .h-live-intro .h-script:not(.h-script-dk) { font-size: 19px !important; }
}
@media (max-width: 1023.98px){
html[lang="en"] body #section[data-s="connectivity"] .h-live-intro h1 { font-size: 30px !important; line-height: 1.03 !important; margin-bottom: 8px !important; }
}
/* EN: «Hotels & accommodation» is long — give the first column more room, «Flights» is short */
html:not(#_d):not(#_d):not(#_d):not(#_d)[lang="en"] body .svc-live-grid { grid-template-columns: 1.3fr 0.8fr 0.95fr !important; }
a.svc-live-item { text-decoration: none; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }

/* ---- mobile fine-tuning of the handwritten slogan (owner's corrections, 26.10) ---- */
@media (max-width: 1023.98px){
/* the light header area grows a little if the lead does not fit (instead of being cut by the photo) */
html body #section .h-live-intro { height: auto !important; min-height: 168px !important; box-sizing: border-box !important; padding-bottom: 6px !important; }
/* RU: lower */
html body #section[data-s="banking"] .h-live-intro .h-script:not(.h-script-dk) { top: 46px !important; max-width: 150px !important; right: 12px !important; }
html body #section[data-s="gov-services"] .h-live-intro .h-script:not(.h-script-dk) { top: 34px !important; }
html body #section[data-s="hungarian"] .h-live-intro .h-script:not(.h-script-dk) { top: 44px !important; }
html body #section[data-s="work-business"] .h-live-intro .h-script:not(.h-script-dk) { top: 36px !important; max-width: 132px !important; right: 12px !important; }
html body #section[data-s="business-stories"] .h-live-intro .h-script:not(.h-script-dk) { top: 50px !important; }
html body #section[data-s="shopping"] .h-live-intro .h-script:not(.h-script-dk) { top: 36px !important; max-width: 132px !important; }
/* RU: left / right */
html body #section[data-s="news"] .h-live-intro .h-script:not(.h-script-dk) { right: 34px !important; }
html body #section[data-s="city-cards"] .h-live-intro .h-script:not(.h-script-dk) { right: 12px !important; }
/* RU: slightly larger where there is room */
html[lang="ru"] body #section[data-s="housing"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="ru"] body #section[data-s="gov-services"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="ru"] body #section[data-s="news"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="ru"] body #section[data-s="taxes-benefits"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="ru"] body #section[data-s="hungarian"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="ru"] body #section[data-s="work-business"] .h-live-intro .h-script:not(.h-script-dk) { font-size: 26px !important; }
/* EN: a little larger where there is room */
html[lang="en"] body #section[data-s="housing"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="banking"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="gov-services"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="hungarian"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="work-business"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="taxes-benefits"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="business-stories"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="city-cards"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="leisure"] .h-live-intro .h-script:not(.h-script-dk) { font-size: 22px !important; }
html[lang="en"] body #section[data-s="gov-services"] .h-live-intro > p { max-width: calc(100% - 24px) !important; }
html[lang="en"] body #section[data-s="transport"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="statistics"] .h-live-intro .h-script:not(.h-script-dk) { max-width: 140px !important; right: 12px !important; }
}
/* ---- EN phones: handwritten slogan a little larger where it has room (27.10) ---- */
@media (max-width: 1023.98px){
html[lang="en"] body #section[data-s="housing"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="banking"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="gov-services"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="hungarian"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="work-business"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="taxes-benefits"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="business-stories"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="city-cards"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="leisure"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="shopping"] .h-live-intro .h-script:not(.h-script-dk) { font-size: 24px !important; max-width: 140px !important; right: 12px !important; }
html[lang="en"] body #section[data-s="education"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="statistics"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="news"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="pregnancy"] .h-live-intro .h-script:not(.h-script-dk),
html[lang="en"] body #section[data-s="immigration"] .h-live-intro .h-script:not(.h-script-dk) { font-size: 22px !important; max-width: 140px !important; right: 12px !important; }
html[lang="en"] body #section[data-s="leisure"] .h-live-intro h1 { font-size: 30px !important; line-height: 1.03 !important; margin-bottom: 8px !important; }
}
@media (max-width: 1023.98px){
html[lang="en"] body #section[data-s="transport"] .h-live-intro .h-script:not(.h-script-dk) { font-size: 21px !important; max-width: 156px !important; right: 10px !important; }
html[lang="en"] body #section[data-s="leisure"] .h-live-intro h1 { font-size: 28px !important; }
/* RU «Работа и бизнес»: slogan must not touch the title */
html[lang="ru"] body #section[data-s="work-business"] .h-live-intro .h-script:not(.h-script-dk) { top: 50px !important; font-size: 24px !important; max-width: 116px !important; right: 10px !important; }
html[lang="ru"] body #section[data-s="work-business"] .h-live-intro h1 { max-width: calc(100% - 130px) !important; }
}
/* 27.10: narrow desktops (1024–1179 px) — card titles a little smaller so they fit in two lines */
@media (min-width: 1024px) and (max-width: 1179px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-card h3, html:not(#_d):not(#_d):not(#_d) body .housing-live .h-card h3 { font-size: 18px !important; }}
@media (min-width: 1024px) and (max-width: 1099px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-card h3, html:not(#_d):not(#_d):not(#_d) body .housing-live .h-card h3 { font-size: 16px !important; }}
@media (min-width: 1024px) and (max-width: 1099px){html:not(#_d):not(#_d):not(#_d) body .housing-live .h-mini-card h3 { bottom: 38px !important; }}