/* InMôHình3D — 2026 inner pages: bring every old template onto the homepage system.
   Loaded after theme-2026.css on body.h26-site pages. */

/* ---------- tokens: remap the old design system ---------- */
body.h26-site{
  background:var(--page)!important;margin:0;
  --color-primary:#131313;--color-primary-hover:#000;--color-primary-active:#000;--color-primary-subtle:#F2F2EF;
  --color-accent:#131313;--color-accent-hover:#000;--color-secondary:#131313;
  --color-bg-canvas:#fff;--color-bg-subtle:#F2F2EF;--color-surface-card:#F2F2EF;--color-surface-elevated:#fff;--color-surface-dark:#F2F2EF;
  --color-surface:#fff;--color-surface-container-lowest:#fff;--color-surface-container-low:#F2F2EF;--color-surface-container:#F2F2EF;
  --color-border-subtle:#E4E4E0;--color-border-card:#E4E4E0;--color-border-blue:#E4E4E0;--color-outline-variant:#E4E4E0;
  --color-text-main:#131313;--color-text-heading:#131313;--color-text-body:#444;--color-text-muted:#666;
  --color-on-surface:#131313;--color-on-surface-variant:#555;--color-on-primary:#fff;
  --color-primary-fixed:#E6F46A;--color-on-primary-fixed:#131313;
  --shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-card:none;--shadow-card-hover:0 18px 40px rgba(0,0,0,.10);
  --radius-sm:12px;--radius-md:22px;--radius-lg:28px;--radius-full:999px;
  --font-display:'Lexend',system-ui,sans-serif;--font-body:'Be Vietnam Pro',system-ui,sans-serif;
}

/* ---------- page shell: the body itself is the white rounded frame, like the homepage ---------- */
html:has(> body.h26-site){background:#E7E7E4!important}
body.h26-site{max-width:1320px;margin:24px auto!important;border-radius:32px;padding:20px!important;background:var(--white)!important;box-sizing:border-box;overflow-x:clip}
@media (max-width:1352px){body.h26-site{margin:24px 16px!important}}
@media (max-width:640px){body.h26-site{margin:8px!important;border-radius:24px;padding:12px!important}}
body.h26-site .h26-topbar{background:transparent;border:0}
body.h26-site .h26-container{max-width:none;padding:0}
body.h26-site .h26-topbar .h26-head{padding:0}
body.h26-site .h26-site-foot{max-width:none;margin:72px 0 0;padding:0}
body.h26-site main{display:block;background:transparent!important;color:var(--ink)}
body.h26-site main :is(.container,.sl-container,.theme-container,.contact-page-container,.faq-page-container){max-width:1200px!important;margin-inline:auto!important;padding-inline:clamp(4px,1.2vw,12px)!important}
body.h26-site main .theme-container-reading{max-width:960px!important;margin-inline:auto!important;padding-inline:clamp(4px,1.2vw,12px)!important}
body.h26-site main .project-detail__container{max-width:880px!important;margin-inline:auto!important;padding-inline:clamp(4px,1.2vw,12px)!important}

/* ---------- section rhythm ---------- */
body.h26-site main > section,body.h26-site main > article > section,body.h26-site main > article{background:transparent!important;border:0!important;box-shadow:none!important}
body.h26-site main > section:not(.h26-hero){padding:72px 0 0!important;margin:0!important}
body.h26-site main > article:not(.project-detail){padding:56px 0 0!important}
body.h26-site main > section:not(.h26-hero)::before,body.h26-site main > section:not(.h26-hero)::after{display:none!important}
body.h26-site main :is(.hero-grid-pattern,.services-hero-glow,.sl-hero::before){background-image:none!important}
body.h26-site .services-hero-glow{display:none!important}

/* ---------- hero: lime card like the homepage ---------- */
body.h26-site .h26-hero{background:var(--accent)!important;color:var(--ink)!important;border:0!important;border-radius:var(--r-lg)!important;
  padding:clamp(36px,5.5vw,72px) clamp(20px,4vw,52px)!important;margin:14px 0 0!important;box-shadow:none!important;position:relative;overflow:hidden;text-align:left}
body.h26-site .h26-hero::before,body.h26-site .h26-hero::after{display:none!important}
body.h26-site .h26-hero > .container,body.h26-site .h26-hero > .sl-container{padding:0!important;max-width:none!important}
body.h26-site .h26-hero h1{font-family:var(--font-display)!important;font-size:clamp(32px,4vw,56px)!important;line-height:1.12!important;font-weight:500!important;letter-spacing:-.02em!important;color:var(--ink)!important;margin:0 0 18px!important;max-width:820px}
body.h26-site .h26-hero.text-center h1,body.h26-site .h26-hero[style*="text-align: center"] h1,body.h26-site .h26-hero[style*="text-align:center"] h1,body.h26-site .h26-hero .text-center h1{margin-inline:auto!important}
body.h26-site .h26-hero :is(h2,h3,p,li,small,nav,nav a,nav span,label){color:var(--ink)!important}
body.h26-site .h26-hero p{font-size:16px!important;line-height:1.65!important;opacity:.9}
body.h26-site .h26-hero :is(span,div)[style*="color"]:not([style*="background"]){color:var(--ink)!important}
body.h26-site .h26-hero strong{color:var(--ink)!important}
body.h26-site .h26-hero nav[aria-label*="readcrumb"],body.h26-site .h26-hero .breadcrumb{font-size:13px!important;opacity:.75}
body.h26-site .h26-hero nav[aria-label*="readcrumb"] a{color:var(--ink)!important}
/* hero badges and inner boxes */
body.h26-site .h26-hero :is(.sl-section-badge,.sl-hero__badge,.badge,.text-technical-sm,[style*="border-radius: 99px"]:not(a),[style*="border-radius:99px"]:not(a)){background:rgba(255,255,255,.65)!important;color:var(--ink)!important;border:0!important;border-radius:999px!important;padding:6px 14px!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.02em;display:inline-flex!important;width:fit-content}
body.h26-site .h26-hero.text-center :is(.sl-section-badge,.badge,.text-technical-sm),body.h26-site .h26-hero .text-center :is(.sl-section-badge,.badge,.text-technical-sm){margin-inline:auto}
body.h26-site .h26-hero div[style*="background"]:not([style*="gradient"]):not(:has(img)){background:rgba(255,255,255,.55)!important;border:0!important;border-radius:18px!important;backdrop-filter:none!important}
body.h26-site .h26-hero div[style*="background"] p{color:var(--ink)!important}
body.h26-site .h26-hero :is(img,picture,.sl-hero__img-wrapper){border-radius:22px!important;border:0!important;box-shadow:none!important}
body.h26-site .h26-hero .sl-hero__trust{border-top-color:rgba(19,19,19,.15)!important}
body.h26-site .h26-hero .material-symbols-outlined{color:var(--ink)!important}
body.h26-site .h26-hero a[style*="background"]:not(.btn){background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
body.h26-site .h26-hero a[style*="background"]:not(.btn) *{color:#fff!important}
body.h26-site .h26-hero a[style*="background"][style*="rgba(255"]{background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
body.h26-site .h26-hero a[style*="background"][style*="rgba(255"] *{color:var(--ink)!important}
/* stats rows in heroes */
body.h26-site .h26-hero :is(.hero-stat-card,[class*="stat"]){background:rgba(255,255,255,.6)!important;border:0!important;border-radius:18px!important;box-shadow:none!important}

/* ---------- typography inside content ---------- */
body.h26-site main :is(h1,h2,h3,h4){font-family:var(--font-display)!important;font-weight:500!important;letter-spacing:-.015em;color:var(--ink)}
body.h26-site main h1:not(.h26-hero h1){font-size:clamp(30px,3.6vw,48px)!important;line-height:1.15!important}
body.h26-site main h2{font-size:clamp(24px,2.5vw,36px)!important;line-height:1.2!important}
body.h26-site main h3{font-size:clamp(18px,1.6vw,22px)!important;line-height:1.3!important}
body.h26-site main h4{font-size:17px!important}
body.h26-site main :is(.container,.sl-container,.theme-container-reading,.project-detail__container,.entry-content,article,section) > h2:not(:first-child){margin-top:64px!important}
body.h26-site main :is(.container,.sl-container,.theme-container-reading,.project-detail__container,.entry-content,article,section) > h2{margin-bottom:16px!important}
body.h26-site main :is(p,li){font-size:16px;line-height:1.75}
body.h26-site main :is(.entry-content,article,.container) > p{color:var(--ink-2)}
body.h26-site main strong{font-weight:600}
body.h26-site main a:not([class]):not([style*="background"]){color:var(--ink);text-decoration:underline;text-decoration-color:rgba(19,19,19,.35);text-underline-offset:3px}
body.h26-site main a:not([class]):not([style*="background"]):hover{text-decoration-color:var(--ink)}
body.h26-site main :is(.text-headline-lg,.text-title-lg,.text-title-md,.hero-title,.sl-hero__title,.section-title){font-weight:500!important}
body.h26-site main :is(.text-technical-sm,.sl-section-badge,.section-badge){display:inline-block;background:var(--card)!important;color:var(--ink)!important;border:0!important;border-radius:999px!important;padding:5px 14px!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.03em;width:fit-content}
body.h26-site main code,body.h26-site main pre{background:var(--card)!important;border:0!important;border-radius:16px!important;color:var(--ink)!important}

/* ---------- inline colour cleanup (old blue system → ink / lime / neutral) ---------- */
body.h26-site main :is([style*="color:#0052cc"],[style*="color: #0052cc"],[style*="color:#2563eb"],[style*="color: #2563eb"],[style*="color:#0068ff"],[style*="color: #0068ff"],[style*="color:#1d4ed8"],[style*="color: #1d4ed8"],.util-color-blue,.color-primary){color:var(--ink)!important}
body.h26-site main :is([style*="color:#475569"],[style*="color: #475569"],[style*="color:#64748b"],[style*="color: #64748b"],[style*="color:#334155"],[style*="color: #334155"]){color:var(--ink-2)!important}
body.h26-site main :is([style*="color:#0f172a"],[style*="color: #0f172a"],[style*="color:#1e293b"],[style*="color: #1e293b"]){color:var(--ink)!important}
body.h26-site main :is([style*="background:#f8fafc"],[style*="background: #f8fafc"],[style*="background:#f1f5f9"],[style*="background: #f1f5f9"],[style*="background:#f0f7ff"],[style*="background: #f0f7ff"],[style*="background:#eff6ff"],[style*="background: #eff6ff"],[style*="background:#f0fdf4"],[style*="background: #f0fdf4"],[style*="rgba(0, 82, 204, 0.05)"],[style*="rgba(0,82,204,0.08)"],[style*="rgba(0, 82, 204, 0.08)"],[style*="rgba(22,163,74,0.08)"],[style*="background-color:#f8fafc"],[style*="background-color: #f8fafc"]):not(.h26-hero){background:var(--card)!important}
body.h26-site main :is([style*="border: 1px solid #e2e8f0"],[style*="border:1px solid #e2e8f0"],[style*="border: 1px solid #bfdbfe"],[style*="border:1px solid #bfdbfe"],[style*="rgba(226, 232, 240, 0.9)"],[style*="border: 1px solid #cbd5e1"]){border-color:transparent!important}
body.h26-site main :is([style*="border-radius"][style*="#e2e8f0"],[style*="border-radius"][style*="#f8fafc"],[style*="border-radius"][style*="#f1f5f9"],[style*="border-radius"][style*="#eff6ff"],[style*="border-radius"][style*="#f0fdf4"]){border-radius:20px!important;box-shadow:none!important}
body.h26-site main :is(td,th,tr)[style*="#e2e8f0"]{border-color:#E4E4E0!important}
body.h26-site main :is([style*="border-left:4px solid #0052cc"],[style*="border-left: 4px solid #0052cc"],[style*="border-left: 5px solid #0052cc"],[style*="border-left:5px solid #0052cc"],[style*="border-left-width: 4px"],[style*="4px solid #16a34a"]){border-left:4px solid var(--accent)!important;border-radius:0 18px 18px 0!important}
body.h26-site main :is([style*="#0052cc 0%"],[style*="#0068ff 0%"],[style*="#0052cc, #0068ff"],[style*="#0052cc,#0068ff"],[style*="#0b1120"],[style*="#0f172a 0%"],[style*="background:#0f172a"],[style*="background: #0f172a"],[style*="background:#0052cc"],[style*="background: #0052cc"]):not(.h26-hero):not(a){background:var(--ink)!important;border:0!important;border-radius:var(--r-lg)!important;box-shadow:none!important}
body.h26-site main [style*="rgba(0,82,204,0.88)"]{background:linear-gradient(to top,rgba(19,19,19,.85) 0%,rgba(19,19,19,.15) 60%)!important}
body.h26-site main :is([style*="#0052cc 0%"],[style*="#0068ff 0%"],[style*="#0b1120"],[style*="#0f172a 0%"],[style*="background:#0f172a"],[style*="background: #0f172a"]):not(.h26-hero) [style*="color:#0052cc"]{color:var(--accent)!important}
body.h26-site main [style*="background: rgba(56,189,248"],body.h26-site main [style*="background:rgba(56,189,248"]{background:rgba(230,244,106,.18)!important;color:var(--accent)!important;border-color:transparent!important}
body.h26-site main [style*="box-shadow"]:not(a):not(button){box-shadow:none!important}

/* ---------- buttons ---------- */
body.h26-site main :is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-cta,.btn-zalo,.sl-btn){display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px!important;border-radius:999px!important;font-family:var(--font-body)!important;font-size:14px!important;font-weight:600!important;letter-spacing:.01em;box-shadow:none!important;text-decoration:none!important;transition:transform .2s,background .2s,color .2s}
body.h26-site main :is(.btn-primary,.btn-cta){background:var(--ink)!important;border:1.5px solid var(--ink)!important;color:#fff!important}
body.h26-site main :is(.btn-primary,.btn-cta) *{color:#fff!important}
body.h26-site main :is(.btn-outline,.btn-secondary){background:transparent!important;border:1.5px solid var(--ink)!important;color:var(--ink)!important}
body.h26-site main :is(.btn-outline,.btn-secondary) *{color:var(--ink)!important}
body.h26-site main .btn-zalo{background:var(--zalo)!important;border:0!important;color:#fff!important}
body.h26-site main :is(.btn,.btn-primary,.btn-outline,.btn-secondary,.btn-zalo):hover{transform:translateY(-2px)}
body.h26-site main :is(.btn-outline,.btn-secondary):hover{background:var(--ink)!important;color:#fff!important}
body.h26-site main :is(.btn-outline,.btn-secondary):hover *{color:#fff!important}
body.h26-site main a[style*="border-radius:99px"],body.h26-site main a[style*="border-radius: 99px"],body.h26-site main a[style*="border-radius:999px"],body.h26-site main a[style*="border-radius: 999px"]{min-height:46px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;font-weight:600!important;box-shadow:none!important}
body.h26-site .btn-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--card);color:var(--ink)!important;text-decoration:none;font-size:14px}
body.h26-site .btn-back:hover{background:var(--ink);color:#fff!important}
/* filters → homepage tabs */
body.h26-site main :is(.btn-filter,.faq-tab-btn){min-height:44px;padding:0 18px!important;border-radius:999px!important;font:inherit!important;font-size:14px!important;font-weight:400!important;background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--card)!important;box-shadow:none!important;cursor:pointer;transition:background .2s,color .2s}
body.h26-site main :is(.btn-filter,.faq-tab-btn):is(.is-active,.active,[aria-pressed="true"],[aria-selected="true"]){background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
body.h26-site main .portfolio-filters{justify-content:flex-start!important;gap:6px!important;margin-bottom:28px!important}

/* ---------- cards ---------- */
body.h26-site main :is(.card,.contact-info-card,.service-card-new,.blog-card-unified,.card-value,.card-material,.sl-step,.news-list-item,.glass-panel,.glass-panel-static,.sl-card,.feature-card,.value-card){background:var(--card)!important;border:0!important;border-radius:var(--r-md)!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
body.h26-site main :is(.card,.service-card-new,.blog-card-unified,.sl-step,.news-list-item):hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)!important}
body.h26-site main :is(.ai-glow,.service-card-decor)::before,body.h26-site main :is(.ai-glow,.service-card-decor)::after{display:none!important}
body.h26-site main .service-card-decor{display:none!important}
body.h26-site main :is(.card-icon,.service-card-icon-wrapper,.contact-info-icon-wrapper,.sl-step__number,.sl-trust-icon){background:var(--accent)!important;color:var(--ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important}
body.h26-site main :is(.card-icon,.service-card-icon-wrapper,.contact-info-icon-wrapper,.sl-trust-icon) .material-symbols-outlined{color:var(--ink)!important}
body.h26-site main .service-card-badge{background:#fff!important;color:var(--ink)!important;border-radius:999px!important;border:0!important}
body.h26-site main :is(.service-card-link,.gallery-btn-more,.news-list-link){color:var(--ink)!important;font-weight:600}
body.h26-site main .blog-card-unified img{border-radius:16px!important}
body.h26-site main .blog-card-unified{padding:10px!important}
body.h26-site main .blog-card-unified > a:first-child,body.h26-site main .blog-card-unified > div:first-child{border-radius:16px;overflow:hidden}
body.h26-site main .blog-card-unified [style*="padding:20px"]{padding:14px 8px 8px!important}
body.h26-site main .blog-card-unified [style*="border-top"]{border-top-color:var(--line)!important}
body.h26-site main .blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:12px!important}
body.h26-site main .blog-card-unified :is(h2,h3){font-size:18px!important;line-height:1.3!important}

/* ---------- project grids (du-an, tag, category pages) → homepage cards ---------- */
body.h26-site main .gallery-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;grid-auto-rows:auto!important;grid-auto-flow:row!important;gap:12px!important}
body.h26-site main .gallery-item{grid-column:auto!important;grid-row:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;padding:10px!important;background:var(--card)!important;border:0!important;border-radius:22px!important;box-shadow:none!important;overflow:hidden!important;text-decoration:none!important}
body.h26-site main .gallery-item:hover{transform:translateY(-6px)!important;box-shadow:0 18px 40px rgba(0,0,0,.10)!important}
body.h26-site main .gallery-item > picture,body.h26-site main .gallery-item > img{display:block!important;height:260px!important;border-radius:16px!important;overflow:hidden!important;flex:none}
body.h26-site main .gallery-item img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important;transition:transform .7s cubic-bezier(.2,.7,.2,1)!important}
body.h26-site main .gallery-item > img{height:260px!important}
body.h26-site main .gallery-item:hover img{transform:scale(1.05)}
body.h26-site main .gallery-overlay{position:static!important;inset:auto!important;opacity:1!important;background:none!important;padding:12px 6px 4px!important;display:block!important;height:auto!important}
body.h26-site main .gallery-item__info{transform:none!important}
body.h26-site main .gallery-item__tags{gap:6px!important;margin:0 0 8px!important}
body.h26-site main .gallery-tag{background:#fff!important;color:var(--ink)!important;border:0!important;border-radius:999px!important;padding:4px 10px!important;font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
body.h26-site main .gallery-title{font-family:var(--font-display)!important;font-size:16.5px!important;line-height:1.3!important;font-weight:500!important;color:var(--ink)!important;margin:0!important;text-shadow:none!important}
body.h26-site main .gallery-excerpt{color:var(--muted)!important;font-size:13px!important;line-height:1.5!important;margin:6px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:none!important}
body.h26-site main .gallery-btn-more{display:inline-flex!important;align-items:center;gap:4px;margin-top:10px!important;font-size:13px!important;background:none!important;padding:0!important}
body.h26-site main .gallery-item .seo-image-caption{display:none!important}
body.h26-site main .section-gallery__header,body.h26-site main .section-archive > .container > header{margin-bottom:28px!important}

/* ---------- project detail ---------- */
body.h26-site main .project-detail{padding:0!important}
body.h26-site main .project-detail__back{margin:28px 0 14px!important}
body.h26-site main .project-detail__header.h26-hero{margin-bottom:14px!important}
body.h26-site main .project-detail__meta{gap:10px!important;font-size:14px}
body.h26-site main .project-detail__featured-img-wrapper{border-radius:var(--r-lg)!important;overflow:hidden;border:0!important;box-shadow:none!important;background:var(--card)!important;margin:0 0 40px!important}
body.h26-site main .project-detail__featured-img-wrapper img{border-radius:0!important}
body.h26-site main .project-detail__cta{display:none!important}
body.h26-site main .project-detail__content > *:first-child{margin-top:0!important}

/* ---------- content blocks: figures, TOC, callouts, tables, faq ---------- */
body.h26-site main :is(.seo-image-figure,figure){margin:32px 0!important}
body.h26-site main :is(.seo-image-figure,figure) img{border-radius:22px!important;box-shadow:none!important;border:0!important}
body.h26-site main :is(figcaption,.seo-image-caption){color:var(--muted)!important;font-size:13px!important;font-style:normal!important;text-align:left!important;margin-top:10px!important}
body.h26-site main .project-toc-wrapper{background:var(--card)!important;border:0!important;border-radius:var(--r-md)!important;padding:22px 26px!important;margin:32px 0 8px!important}
body.h26-site main .project-toc-wrapper a{color:var(--ink)!important;text-decoration:none!important}
body.h26-site main .project-toc-wrapper a:hover{text-decoration:underline!important}
body.h26-site main blockquote{border-left:4px solid var(--accent)!important;background:var(--card)!important;border-radius:0 18px 18px 0;padding:18px 22px!important;margin:24px 0!important}
body.h26-site main table{width:100%;border-collapse:collapse!important;font-size:14.5px;background:transparent!important}
body.h26-site main :is(th,thead td){background:transparent!important;color:var(--muted)!important;font-weight:400!important;font-size:13.5px!important;text-align:left;border:0!important;border-bottom:1px solid var(--line)!important;padding:12px 10px 12px 0!important}
body.h26-site main td{border:0!important;border-bottom:1px solid #E4E4E0!important;padding:16px 10px 16px 0!important;background:transparent!important;color:var(--ink)!important}
body.h26-site main tbody tr{transition:background .25s;background:transparent!important}
body.h26-site main tbody tr:hover{background:#F7F7F4!important}
body.h26-site main td:first-child{font-family:var(--font-display);font-weight:500}
body.h26-site main div:has(> table){border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
body.h26-site main details{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}
body.h26-site main details > summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0!important;font-family:var(--font-display);font-size:18px!important;font-weight:500!important;color:var(--ink)!important;cursor:pointer;background:transparent!important}
body.h26-site main details > summary::-webkit-details-marker{display:none}
body.h26-site main details > summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;background:var(--card);display:inline-flex;align-items:center;justify-content:center;font-size:20px;transition:transform .3s,background .3s}
body.h26-site main details[open] > summary::after{transform:rotate(45deg);background:var(--accent)}
body.h26-site main details > summary .material-symbols-outlined{display:none}
body.h26-site main details > :not(summary){padding:0 0 20px!important;margin:0!important;color:var(--ink-2)!important;background:transparent!important}
/* dark CTA panels keep homepage look */
body.h26-site main :is(.project-cta-card,.sl-cta,.cta-parallel-group){border-radius:var(--r-lg)!important}

/* ---------- contact / faq chat / forms ---------- */
body.h26-site main :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.input){background:var(--card)!important;border:1px solid transparent!important;border-radius:16px!important;min-height:48px;padding:12px 16px!important;font:inherit!important;font-size:15px!important;color:var(--ink)!important;box-shadow:none!important}
body.h26-site main :is(input,select,textarea,.input):focus{outline:none;border-color:var(--ink)!important;background:#fff!important}
body.h26-site main .contact-form-label{font-size:13.5px!important;font-weight:500!important;color:var(--ink)!important}
body.h26-site main .chat-window{background:var(--card)!important;border:0!important;border-radius:var(--r-lg)!important;box-shadow:none!important;overflow:hidden}
body.h26-site main .chat-header{background:var(--ink)!important;color:#fff!important;border:0!important}
body.h26-site main .chat-header *{color:#fff!important}
body.h26-site main .chat-status-dot{background:var(--accent)!important}
body.h26-site main .chat-body{background:transparent!important}
body.h26-site main .is-shop .chat-bubble,body.h26-site main .chat-bubble-wrapper.is-shop .chat-bubble{background:var(--ink)!important;color:#fff!important;border:0!important;border-radius:20px 20px 20px 6px!important;box-shadow:none!important}
body.h26-site main .is-shop .chat-bubble *{color:#fff!important}
body.h26-site main .is-customer .chat-bubble,body.h26-site main .chat-bubble-wrapper.is-customer .chat-bubble{background:#fff!important;color:var(--ink)!important;border:0!important;border-radius:20px 20px 6px 20px!important;box-shadow:none!important}
body.h26-site main .chat-sender,body.h26-site main .chat-meta{color:var(--muted)!important}

/* ---------- misc ---------- */
body.h26-site main .material-symbols-outlined{color:inherit}
body.h26-site main .badge-accent,body.h26-site main .badge{background:var(--accent)!important;color:var(--ink)!important;border:0!important}
body.h26-site main .marquee-content{display:none!important}
body.h26-site .sl-mobile-cta{display:none!important}
body.h26-site main hr{border:0;border-top:1px solid var(--line)}
body.h26-site main img{max-width:100%;height:auto}
body.h26-site main .gallery-item img{height:100%}

/* tables: header rows never take the dark panel style */
body.h26-site main :is(thead,tr,th,td)[style]:not(.h26-hero):not(.h26-x){background:transparent!important;border-radius:0!important}
body.h26-site main :is(thead,tr) [style*="color:#fff"],body.h26-site main :is(thead,tr) [style*="color: #fff"],body.h26-site main th{color:var(--muted)!important}
body.h26-site main :is(.seo-image-figure,figure) img{max-height:640px;width:auto;max-width:100%;margin-inline:auto;display:block}
body.h26-site .project-detail__cta{display:none!important}
body.h26-site main .semantic-mask{font-weight:400;color:var(--muted)}
body.h26-site main :is([style*="#0052cc 0%"],[style*="#0068ff 0%"],[style*="#0b1120"],[style*="#0f172a 0%"],[style*="background:#0f172a"],[style*="background: #0f172a"]):not(.h26-hero) :is([style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"]):not(.h26-x){color:var(--ink)!important}
body.h26-site main :is(a,span,button):is([style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background: #ffffff"]):not(.h26-x):not(.h26-y):not(.h26-z){color:var(--ink)!important}
body.h26-site main > :is(.project-cta-card,p){max-width:880px;margin-inline:auto!important}
body.h26-site main > .project-cta-card{margin-top:40px!important}
body.h26-site main :is(.service-card-title,.service-card-title a,.news-list-item-title,.news-list-item-title a,.card h3 a,.card h2 a,.blog-card-unified h2 a,.blog-card-unified h3 a){color:var(--ink)!important;text-decoration:none!important}
body.h26-site .h26-hero a:not([style*="background"]):not([class*="btn"]):not(.h26-x){color:var(--ink)!important;text-decoration:underline;text-underline-offset:3px}
body.h26-site .h26-hero .services-hero-grid{gap:20px!important}
body.h26-site .h26-hero :is(.services-hero-inner,.services-hero-visual,[class*="hero-panel"],[class*="hero-showcase"]){background:transparent!important;border:0!important;box-shadow:none!important}
body.h26-site .h26-hero :is(.gallery-item,.card){background:rgba(255,255,255,.6)!important}
/* mobile */
@media (max-width:760px){
  body.h26-site main table{min-width:600px}
  body.h26-site main .contact-info-card{display:flex!important;flex-direction:column!important;gap:10px!important;padding:20px!important}
  body.h26-site main :is(.contact-info-content,.contact-info-card > *){width:100%!important;max-width:none!important}
  body.h26-site main > section:not(.h26-hero){padding-top:48px!important}
  body.h26-site main :is(.container,.sl-container,.theme-container-reading,.project-detail__container,.entry-content,article,section) > h2:not(:first-child){margin-top:44px!important}
  body.h26-site .h26-hero{border-radius:24px!important}
}
body.h26-site .h26-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
body.h26-site main .contact-info-icon-wrapper{width:48px!important;height:48px!important;min-width:48px;flex:none!important;align-self:flex-start!important;display:inline-flex!important;align-items:center;justify-content:center}
body.h26-site main :is(.contact-info-link,.contact-info-content a){color:var(--ink)!important;text-decoration:underline;text-underline-offset:3px}
body.h26-site main :is(code,pre){font-family:var(--font-body)!important;font-weight:500}
body.h26-site main :is(.btn-filter,.faq-tab-btn){white-space:nowrap;flex:none}
/* content images keep their natural ratio (tall photos were stretched) */
body.h26-site main :is(.seo-image-figure,figure) img:not(.h26-x):not(.h26-y){width:auto!important;max-width:100%!important;height:auto!important;max-height:min(720px,80vh)!important;object-fit:contain!important;margin-inline:auto!important;display:block!important;aspect-ratio:auto!important}
body.h26-site main :is(.seo-image-figure,figure) picture{display:block;text-align:center}

/* ---------- service landing pages (2026 template) ---------- */
body.h26-site main.svc26 > section.svc-sec{padding:64px 0 0!important}
body.h26-site main.svc26 > section.svc-sec--first{padding-top:28px!important}
body.h26-site main.svc26 .svc-hero{padding:clamp(28px,4vw,52px)!important}
.svc26 .svc-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3vw,40px);align-items:center}
.svc26 .svc-hero__text{display:flex;flex-direction:column;gap:18px;min-width:0}
body.h26-site .svc26 .svc-hero h1{margin:0!important}
body.h26-site .svc26 .svc-hero .svc-answer{font-size:17px!important;line-height:1.65!important;max-width:620px;opacity:1}
.svc26 .svc-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.svc26 .svc-facts{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.svc26 .svc-facts li{background:rgba(255,255,255,.62);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.svc26 .svc-facts b{font-family:var(--font-display);font-weight:500;font-size:13px;opacity:.7}
.svc26 .svc-facts span{font-family:var(--font-display);font-size:17px;font-weight:500}
body.h26-site .svc26 .svc-hero__media{margin:0!important;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#2A2A28}
body.h26-site .svc26 .svc-hero__media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:0!important}
body.h26-site .svc26 .svc-hero__media figcaption{position:absolute;left:12px;right:12px;bottom:12px;margin:0!important;background:#fff;border-radius:14px;padding:10px 14px;font-size:12.5px!important;color:var(--ink)!important;line-height:1.4}
@media (max-width:860px){.svc26 .svc-hero__grid{grid-template-columns:1fr}body.h26-site .svc26 .svc-hero__media{aspect-ratio:4/3}}

.svc26 .svc-summary-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
@media (max-width:860px){.svc26 .svc-summary-wrap{grid-template-columns:1fr}}
.svc26 .svc-summary,.svc26 .svc-toc{background:var(--card);border-radius:var(--r-md);padding:24px 26px}
body.h26-site .svc26 .svc-summary h2,body.h26-site .svc26 .svc-toc h2{font-size:18px!important;margin:0 0 12px!important}
.svc26 .svc-summary dl{margin:0;display:flex;flex-direction:column}
.svc26 .svc-summary dl > div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:11px 0;border-top:1px solid #E4E4E0}
.svc26 .svc-summary dl > div:first-child{border-top:0}
.svc26 .svc-summary dt{color:var(--muted);font-size:14px}
.svc26 .svc-summary dd{margin:0;font-size:15px;line-height:1.55}
@media (max-width:520px){.svc26 .svc-summary dl > div{grid-template-columns:1fr;gap:2px}}
.svc26 .svc-toc ol{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px;font-size:15px}
body.h26-site .svc26 .svc-toc a{color:var(--ink)!important;text-decoration:none!important}
body.h26-site .svc26 .svc-toc a:hover{text-decoration:underline!important}

body.h26-site .svc26 .svc-sec h2{margin:0 0 14px!important}
body.h26-site .svc26 .svc-lead{font-size:17px!important;line-height:1.7;color:var(--ink-2);max-width:820px;margin:0 0 22px}
body.h26-site .svc26 .svc-sec .container > p{max-width:820px}
.svc26 .svc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:8px 0 18px}
body.h26-site .svc26 .svc-card{background:var(--card);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:8px}
body.h26-site .svc26 .svc-card h3{font-size:19px!important;margin:0!important}
body.h26-site .svc26 .svc-card p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
body.h26-site .svc26 .svc-card .svc-card__meta{margin-top:auto;padding-top:10px;border-top:1px solid #E4E4E0;font-size:14px;color:var(--ink)}
.svc26 .svc-table{overflow-x:auto;margin:6px 0 16px}
body.h26-site .svc26 .svc-table table{min-width:640px}
body.h26-site .svc26 .svc-table caption{caption-side:bottom;text-align:left;color:var(--muted);font-size:13px;padding-top:10px}
body.h26-site .svc26 .svc-note{background:var(--card);border-left:4px solid var(--accent);border-radius:0 18px 18px 0;padding:16px 20px;margin:12px 0 18px;max-width:880px}
body.h26-site .svc26 .svc-note p{margin:0;font-size:15px}
.svc26 .svc-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;counter-reset:none}
body.h26-site .svc26 .svc-steps li{background:var(--card);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:8px}
.svc26 .svc-steps__n{width:36px;height:36px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:500}
body.h26-site .svc26 .svc-steps h3{font-size:17px!important;margin:0!important}
body.h26-site .svc26 .svc-steps p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.svc26 .svc-checks{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 24px;max-width:960px}
body.h26-site .svc26 .svc-checks li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid #E4E4E0;font-size:15.5px;line-height:1.55}
.svc26 .svc-checks li::before{content:"";position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131313' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat}
.svc26 .svc-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:8px}
body.h26-site .svc26 .svc-pcard{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:22px;background:var(--card);text-decoration:none!important;color:var(--ink)!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
body.h26-site .svc26 .svc-pcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.10)}
.svc26 .svc-pcard__media{position:relative;display:block;height:260px;border-radius:16px;overflow:hidden}
body.h26-site .svc26 .svc-pcard__media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
body.h26-site .svc26 .svc-pcard:hover img{transform:scale(1.05)}
.svc26 .svc-pcard__cat{position:absolute;top:10px;left:10px;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}
.svc26 .svc-pcard__name{font-family:var(--font-display);font-size:16.5px;line-height:1.3;padding:0 6px}
.svc26 .svc-pcard__note{font-size:13.5px;line-height:1.5;color:var(--ink-2);padding:0 6px 6px}
.svc26 .svc-more{margin-top:20px}
body.h26-site .svc26 .svc-figure{margin:22px 0!important;max-width:880px}
.svc26 .svc-faq{max-width:900px}
body.h26-site .svc26 .svc-cta{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
body.h26-site .svc26 .svc-cta h2{color:#fff!important;margin:0!important;max-width:720px}
body.h26-site .svc26 .svc-cta p{color:rgba(255,255,255,.8)!important;margin:0;max-width:640px}
.svc26 .svc-cta__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
body.h26-site .svc26 .svc-cta .svc-cta__ghost{border-color:#fff!important;color:#fff!important}
body.h26-site .svc26 .svc-cta .svc-cta__ghost:hover{background:#fff!important;color:var(--ink)!important}
.svc26 .svc-related{margin-top:40px}
body.h26-site .svc26 .svc-related h2{font-size:20px!important}
.svc26 .svc-related > div{display:flex;flex-wrap:wrap;gap:6px}
body.h26-site .svc26 .svc-related .h26-pill{text-decoration:none!important}
body.h26-site main.svc26 a:not(.btn):not(.h26-pill):not(.svc-pcard):not(.h26-x){color:var(--ink)!important;text-decoration:underline;text-decoration-color:rgba(19,19,19,.35);text-underline-offset:3px}
body.h26-site main.svc26 .svc-hero nav a{text-decoration:none}
body.h26-site main.svc26 .svc-related .h26-pill{background:var(--card)!important;color:var(--ink)!important;border:0!important;text-decoration:none!important;min-height:40px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;font-size:14px}
body.h26-site main.svc26 .svc-related .h26-pill:hover{background:var(--ink)!important;color:#fff!important}
.svc26 .svc-hero__grid--solo{grid-template-columns:1fr}
body.h26-site .svc26 .svc-hero__grid--solo .svc-answer{max-width:860px}
.svc26 .svc-hero__grid--solo .svc-facts{max-width:860px}
/* AI-SEO additions: byline, definition, sources */
body.h26-site .svc26 .svc-hero .svc-byline{font-size:13px!important;margin:-4px 0 0;opacity:.75}
body.h26-site .svc26 .svc-hero .svc-byline a{color:var(--ink)!important;text-decoration:underline}
body.h26-site .svc26 .svc-def{font-size:18px!important;line-height:1.7!important;max-width:860px;margin:0;padding:22px 26px;background:var(--card);border-left:4px solid var(--accent);border-radius:0 22px 22px 0}
body.h26-site .svc26 .svc-sources{border-top:1px solid var(--line);padding-top:22px;max-width:900px}
body.h26-site .svc26 .svc-sources h2{font-size:18px!important}
body.h26-site .svc26 .svc-sources p{font-size:14px;color:var(--muted)}
body.h26-site .svc26 .svc-sources ul{margin:8px 0 0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:4px}

/* 2026-10-13 ads landing fixes: white inline CTA inside lime hero, empty partner strip */
body.h26-site .h26-hero a:is([style*="background:#fff"],[style*="background: #fff"]):not(.h26-x):not(.h26-y):not(.h26-z):not(.h26-w){background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
body.h26-site main .h26-trusted{display:block!important;text-align:center;margin:40px auto!important;max-width:1100px;padding:0 16px}
body.h26-site main .h26-trusted .section-trusted__label{font-size:13px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#6b6b66)!important;margin:0 0 20px!important}
body.h26-site main .trusted-logos{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
body.h26-site main .trusted-logos li{list-style:none!important;margin:0!important;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:16px 18px;background:var(--card,#F2F2EF);border-radius:18px}
body.h26-site main .trusted-logos img{height:32px!important;width:auto!important;max-width:120px!important;object-fit:contain!important;border-radius:0!important;margin:0!important;filter:grayscale(1);opacity:.85}
body.h26-site main .trusted-logos span{font-size:12.5px!important;color:var(--ink)!important;line-height:1.3}
@media (max-width:600px){body.h26-site main .trusted-logos li{min-width:calc(50% - 7px);flex:1 1 calc(50% - 7px)}}
body.h26-site main .trusted-logos img[src*="helios"]{filter:grayscale(1) invert(1)!important;opacity:.7}
/* 2026-10-14 project gallery (svc template kind=project) */
body.h26-site main .svc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:8px}
body.h26-site main .svc-gallery figure{margin:0!important;background:var(--card,#F2F2EF);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
body.h26-site main .svc-gallery figure picture{display:block}
body.h26-site main .svc-gallery figure img:not(.h26-x):not(.h26-y):not(.h26-z){width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;max-height:none!important;border-radius:0!important;margin:0!important}
body.h26-site main .svc-gallery figcaption{font-size:13px!important;line-height:1.45;padding:10px 14px 14px;color:var(--ink)}