/* GetKnowen luminous glass, light edition (Oct 2026). Cream ground, frosted white panels, ember glow. Loads LAST on marketing pages.
   An approximation of a glass look with backdrop-filter + hairlines + inner highlights (not Apple's Liquid Glass). */
body.site{
  --g-ink:#1c1814; --g-ink-2:#4b443b; --g-ink-3:#6b6256;
  --g-hair:rgba(120,70,30,.14); --g-hair-2:rgba(120,70,30,.26);
  --g-hot:#b8461a; --g-hot-2:#943812; --g-glow:rgba(214,86,42,.42);
  --g-ease:cubic-bezier(.32,.72,0,1);
  --g-glass:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.48));
  --g-lit:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.6),0 1px 2px rgba(80,40,10,.06),0 34px 70px -38px rgba(140,60,20,.38);
}
html:has(body.site){background:#f7efe3}
body.site{
  background:
    radial-gradient(1000px 700px at 8% -10%,rgba(255,160,110,.50),transparent 62%),
    radial-gradient(900px 640px at 98% 2%,rgba(255,206,130,.42),transparent 60%),
    radial-gradient(1200px 800px at 55% 112%,rgba(232,120,100,.22),transparent 66%),
    #f7efe3;
  background-attachment:fixed,fixed,fixed,scroll;
}
body.site::after{opacity:.035}

/* nav: floating frosted capsule */
body.site .hx-nav-pill{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.6));
  backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),0 0 0 1px var(--g-hair),0 24px 50px -22px rgba(140,60,20,.4);
  transition:background .6s var(--g-ease),transform .6s var(--g-ease);
}
body.site.nav-scrolled .hx-nav-pill{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,244,.88));transform:scale(.97)}
body.site .hx-menu{background:rgba(250,243,232,.92)}

/* buttons: lit terracotta + glass ghost */
body.site .hx-btn:not(.ghost):not(.light),body.site .lp-btn{
  color:#fff;background:linear-gradient(180deg,#e0612f,#c4481a 60%,#a63a12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 1px rgba(160,60,20,.4),0 18px 44px -14px var(--g-glow);
}
body.site .hx-btn:not(.ghost):not(.light):hover,body.site .lp-btn:hover{background:linear-gradient(180deg,#ea6c38,#cc4f1f 60%,#ad3f15);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 1px rgba(160,60,20,.5),0 22px 54px -10px rgba(214,86,42,.6)}
body.site .hx-btn.ghost,body.site .lp-btn.ghost,body.site .lp-btn.alt{background:rgba(255,255,255,.62);color:var(--g-ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px var(--g-hair-2)}
body.site .hx-btn.ghost:hover{background:rgba(255,255,255,.88)}

/* type: heavy, tight */
body.site .hx-hero h1,body.site .lp-hero h1{
  font-size:clamp(44px,5.7vw,88px);line-height:.98;letter-spacing:-.05em!important;font-weight:600!important;text-wrap:balance;
  background:linear-gradient(180deg,#1c1814 35%,#7a2f12 130%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em;
}
body.site .hx-hero h1 :is(em,span,b),body.site .lp-hero h1 :is(em,span,b){-webkit-text-fill-color:#c4481a;color:#c4481a}
body.site .hx-sec h2,body.site .lp-sec h2{font-size:clamp(34px,4.6vw,66px);line-height:1;letter-spacing:-.045em!important;font-weight:600!important;text-wrap:balance}
body.site .hx-tag,body.site .eyebrow{background:rgba(184,70,26,.1);box-shadow:inset 0 0 0 1px rgba(184,70,26,.24)}
body.site ::selection{background:rgba(214,86,42,.3)}

/* glass surfaces: outer shell = tray, inner = lit glass */
body.site :is(.hx-card,.hx-cell,.hx-price,.hx-table,.hx-facts,.cell){
  background:rgba(255,255,255,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 0 1px var(--g-hair),0 50px 90px -60px rgba(140,60,20,.5);
}
body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div,body.site .hx-facts li,body.site .hx-table > div{
  background:var(--g-glass);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.55),0 1px 2px rgba(80,40,10,.05);position:relative;overflow:clip;
}
body.site .hx-facts li + li{box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 var(--g-hair)}
body.site .hx-chip{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.62));backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--g-hair),0 30px 50px -22px rgba(140,60,20,.5)}
body.site .hx-card.accent > div,body.site .hx-price.pop > div,body.site .hx-cell.dark > div,body.site .cell.dark > div{
  background:linear-gradient(160deg,rgba(255,226,200,.95),rgba(255,176,128,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 0 0 1px rgba(214,86,42,.34);
}
body.site .hx-card.accent,body.site .hx-price.pop,body.site .hx-cell.dark,body.site .cell.dark{box-shadow:0 0 0 1px rgba(214,86,42,.3),0 40px 100px -46px var(--g-glow)}
body.site .hx-cell.dark h3,body.site .hx-cell.dark p,body.site .cell.dark h3,body.site .cell.dark p{color:var(--g-ink)}
body.site .hx-cell.photo > div{background:#e9dccb}
body.site .hx-cell .shot,body.site .cell .shot{color:#1c1814}
body.site .hx-bezel{background:rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 0 0 1px var(--g-hair),0 50px 100px -40px rgba(140,60,20,.5)}
body.site .hx-table tbody tr + tr td,body.site .hx-table thead th{border-color:var(--g-hair)}
body.site .hx-table .us{background:rgba(255,160,110,.2)}
body.site .hx-faq details,body.site .lp-faq details{border-color:var(--g-hair)}
body.site .hx-faq details{background:var(--g-glass);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--g-hair);border-radius:20px;margin-bottom:10px}
body.site .hx-faq summary{padding:22px 52px 22px 22px}
body.site .hx-faq details p{padding:0 52px 24px 22px}

/* cursor spotlight (glass.js sets --mx/--my on hover-capable devices) */
body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s var(--g-ease);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,140,90,.26),transparent 62%);
}
@media (hover:hover){body.site :is(.hx-card,.hx-cell,.hx-price,.cell):hover > div::before{opacity:1}}

/* closer, footer, links */
body.site .hx-close{box-shadow:0 0 0 1px var(--g-hair-2),0 60px 120px -50px var(--g-glow)}
body.site .gk-footer,body.site .site-footer{background:transparent;border-top:1px solid var(--g-hair)}
body.site .lp-float{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.62));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--g-ink);box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--g-hair),0 30px 50px -22px rgba(140,60,20,.45)}
body.site :focus-visible{outline:2px solid #c4481a;outline-offset:3px}

/* hero entrance: one orchestrated moment */
@media (prefers-reduced-motion:no-preference){
  body.site .hx-hero .hx-hero-grid > :first-child > *{opacity:0;transform:translateY(22px);filter:blur(8px);animation:g-in 1.1s var(--g-ease) forwards}
  body.site .hx-hero .hx-hero-grid > :first-child > :nth-child(2){animation-delay:.08s}
  body.site .hx-hero .hx-hero-grid > :first-child > :nth-child(3){animation-delay:.16s}
  body.site .hx-hero .hx-hero-grid > :first-child > :nth-child(4){animation-delay:.24s}
  body.site .hx-hero .hx-hero-grid > :first-child > :nth-child(n+5){animation-delay:.32s}
  body.site .hx-hero-art{opacity:0;transform:translateY(34px) scale(.985);animation:g-in 1.4s .18s var(--g-ease) forwards}
  @keyframes g-in{to{opacity:1;transform:none;filter:none}}
  body.site .rv{filter:blur(6px)}
  body.site .rv.in{filter:none}
}

/* fallbacks */
@media (prefers-reduced-transparency:reduce){
  body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div,body.site :is(.hx-facts li,.hx-table > div,.hx-chip,.hx-nav-pill,.hx-btn.ghost,.lp-float){backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffaf3}
  body.site .hx-menu{background:#faf3e8}
}
@media (max-width:760px){
  body.site .hx-hero h1,body.site .lp-hero h1{font-size:clamp(40px,12.4vw,58px)}
  body.site{background-attachment:scroll}
  body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div,body.site .hx-facts li{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.7))}
}

/* v2.1 MORE GLASS: clearer panes, stronger blur, specular rims, vivid orbs behind them */
body.site{
  background:
    radial-gradient(360px 360px at 82% 14%,rgba(255,120,70,.55),transparent 70%),
    radial-gradient(420px 420px at 10% 38%,rgba(255,196,96,.55),transparent 70%),
    radial-gradient(380px 380px at 90% 62%,rgba(232,96,120,.38),transparent 70%),
    radial-gradient(460px 460px at 22% 88%,rgba(255,140,80,.45),transparent 70%),
    radial-gradient(1000px 700px at 8% -10%,rgba(255,160,110,.5),transparent 62%),
    radial-gradient(900px 640px at 98% 2%,rgba(255,206,130,.42),transparent 60%),
    #f7efe3;
  background-attachment:fixed;
}
body.site{--g-glass:linear-gradient(150deg,rgba(255,255,255,.62),rgba(255,255,255,.18) 55%,rgba(255,255,255,.34))}
body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div,body.site .hx-facts li,body.site .hx-table > div,body.site .hx-faq details{
  backdrop-filter:blur(30px) saturate(1.9) brightness(1.04);-webkit-backdrop-filter:blur(30px) saturate(1.9) brightness(1.04);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,.4),inset 1.5px 0 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 0 40px rgba(255,255,255,.28),0 2px 6px rgba(120,60,20,.06);
}
body.site :is(.hx-card,.hx-cell,.hx-price,.cell){background:linear-gradient(150deg,rgba(255,255,255,.55),rgba(255,255,255,.12));box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 0 2px rgba(120,70,30,.08),0 50px 90px -50px rgba(160,60,20,.55)}
body.site .hx-nav-pill{background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.3));backdrop-filter:blur(30px) saturate(2);-webkit-backdrop-filter:blur(30px) saturate(2);box-shadow:inset 0 1.5px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 30px rgba(255,255,255,.4),0 0 0 1px rgba(120,70,30,.1),0 24px 50px -22px rgba(160,60,20,.45)}
body.site .hx-chip,body.site .lp-float{background:linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,255,255,.3));backdrop-filter:blur(26px) saturate(1.9);-webkit-backdrop-filter:blur(26px) saturate(1.9);box-shadow:inset 0 1.5px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 24px rgba(255,255,255,.4),0 30px 50px -22px rgba(160,60,20,.5)}
body.site .hx-btn.ghost,body.site .lp-btn.ghost,body.site .lp-btn.alt{background:linear-gradient(150deg,rgba(255,255,255,.7),rgba(255,255,255,.28));box-shadow:inset 0 1.5px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.75),0 0 0 1px rgba(120,70,30,.14)}
body.site .hx-bezel{background:linear-gradient(150deg,rgba(255,255,255,.55),rgba(255,255,255,.18))}
body.site .hx-card.accent > div,body.site .hx-price.pop > div,body.site .hx-cell.dark > div,body.site .cell.dark > div{background:linear-gradient(150deg,rgba(255,196,150,.7),rgba(255,140,90,.34))}
@media (max-width:760px){body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div,body.site .hx-facts li{background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(255,255,255,.5))}}

/* v2: more glass. Deeper blur, specular edge, stronger aurora, glassier chrome. */
body.site{
  background:
    radial-gradient(700px 520px at 4% 6%,rgba(255,150,100,.62),transparent 64%),
    radial-gradient(640px 480px at 96% 10%,rgba(255,206,120,.55),transparent 62%),
    radial-gradient(760px 560px at 30% 55%,rgba(255,170,130,.26),transparent 66%),
    radial-gradient(820px 600px at 88% 72%,rgba(232,110,110,.24),transparent 66%),
    radial-gradient(900px 640px at 40% 110%,rgba(255,196,130,.40),transparent 66%),
    #f7efe3;
  background-attachment:fixed,fixed,fixed,fixed,fixed,scroll;
}
body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div,body.site .hx-facts li,body.site .hx-table > div,body.site .hx-faq details{
  backdrop-filter:blur(30px) saturate(1.9);-webkit-backdrop-filter:blur(30px) saturate(1.9);
  background:linear-gradient(155deg,rgba(255,255,255,.80),rgba(255,255,255,.34) 62%,rgba(255,236,218,.42));
  box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(214,120,70,.14),inset 0 0 0 1px rgba(255,255,255,.5),0 1px 2px rgba(80,40,10,.05),0 28px 60px -34px rgba(140,60,20,.5);
}
body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div::after{
  content:"";position:absolute;left:0;right:0;top:0;height:46%;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));opacity:.28;mix-blend-mode:soft-light;
}
body.site .hx-nav-pill{backdrop-filter:blur(30px) saturate(1.9);-webkit-backdrop-filter:blur(30px) saturate(1.9);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.42))}
body.site .hx-chip,body.site .lp-float{backdrop-filter:blur(26px) saturate(1.9);-webkit-backdrop-filter:blur(26px) saturate(1.9);background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.4))}
body.site .hx-bezel{background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.22));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
body.site .hx-tag,body.site .eyebrow{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,236,220,.5));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(184,70,26,.26)}
body.site .hx-btn.ghost{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.4));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media (max-width:760px){body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div::after{display:none}}

/* v3: glass objects behind the glass. Frosted panels only read as glass when something
   luminous sits behind them, so two fixed spheres drift behind the page and the cards
   blur and refract them as you scroll. Transform-only motion, off for reduced motion. */
html:has(body.site)::before,html:has(body.site)::after{
  content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;will-change:transform;
}
html:has(body.site)::before{
  width:min(46vw,560px);aspect-ratio:1;right:-6vw;top:8vh;
  background:
    radial-gradient(circle at 30% 26%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 22%),
    radial-gradient(circle at 50% 50%,rgba(255,176,128,.55) 0,rgba(240,110,64,.5) 55%,rgba(214,86,42,.62) 70%,rgba(214,86,42,0) 71%);
  box-shadow:inset -30px -40px 80px rgba(160,50,10,.28),inset 14px 18px 40px rgba(255,255,255,.55),0 60px 120px -40px rgba(214,86,42,.45);
  opacity:.58;
}
html:has(body.site)::after{
  width:min(30vw,380px);aspect-ratio:1;left:-5vw;bottom:-6vh;
  background:
    radial-gradient(circle at 32% 26%,rgba(255,255,255,.9) 0,rgba(255,255,255,0) 24%),
    radial-gradient(circle at 50% 50%,rgba(255,226,150,.7) 0,rgba(244,170,70,.55) 62%,rgba(244,170,70,0) 64%);
  box-shadow:inset -20px -26px 56px rgba(190,100,10,.25),inset 10px 12px 30px rgba(255,255,255,.6);
  opacity:.75;
}
@media (prefers-reduced-motion:no-preference){
  html:has(body.site)::before{animation:gk-float-a 19s ease-in-out infinite alternate}
  html:has(body.site)::after{animation:gk-float-b 23s ease-in-out infinite alternate}
  @keyframes gk-float-a{from{transform:translate3d(0,0,0)}to{transform:translate3d(-3vw,5vh,0)}}
  @keyframes gk-float-b{from{transform:translate3d(0,0,0)}to{transform:translate3d(4vw,-4vh,0)}}
}
/* clearer glass: more of the ground shows through, stronger rim light and inner glow */
body.site :is(.hx-card,.hx-cell,.hx-price,.cell) > div,body.site .hx-facts li,body.site .hx-table > div,body.site .hx-faq details{
  backdrop-filter:blur(34px) saturate(2.1) brightness(1.04);-webkit-backdrop-filter:blur(34px) saturate(2.1) brightness(1.04);
  background:linear-gradient(155deg,rgba(255,255,255,.66),rgba(255,255,255,.26) 58%,rgba(255,232,210,.36));
  box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(214,120,70,.2),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 0 38px rgba(255,255,255,.28),0 1px 2px rgba(80,40,10,.05),0 30px 64px -34px rgba(140,60,20,.55);
}
/* lit-glass button: a light sweep when you hover or focus it (answers an action, 600ms) */
body.site .hx-btn:not(.ghost),body.site .lp-btn{position:relative;overflow:hidden;isolation:isolate}
body.site .hx-btn:not(.ghost)::after,body.site .lp-btn::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg) translateX(0);opacity:0;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.site .hx-btn:not(.ghost):hover::after,body.site .lp-btn:hover::after{opacity:1;transform:skewX(-18deg) translateX(420%);transition:transform .7s cubic-bezier(.32,.72,0,1),opacity .15s}
}
@media (max-width:760px){html:has(body.site)::after{display:none}html:has(body.site)::before{opacity:.5}}
@media (prefers-reduced-transparency:reduce){html:has(body.site)::before,html:has(body.site)::after{display:none}}
/* v3: aurora moves to <html> so the spheres can sit between it and the page */
html:has(body.site){
  background:
    radial-gradient(700px 520px at 4% 6%,rgba(255,150,100,.62),transparent 64%),
    radial-gradient(640px 480px at 96% 10%,rgba(255,206,120,.55),transparent 62%),
    radial-gradient(760px 560px at 30% 55%,rgba(255,170,130,.26),transparent 66%),
    radial-gradient(820px 600px at 88% 72%,rgba(232,110,110,.24),transparent 66%),
    radial-gradient(900px 640px at 40% 110%,rgba(255,196,130,.40),transparent 66%),
    #f7efe3;
  background-attachment:fixed,fixed,fixed,fixed,fixed,scroll;
}
body.site{background:transparent}

/* v4: footer was a dark block; on cream glass the text must be dark */
body.site .gk-footer,body.site .site-footer{color:#4a4036}
body.site .gk-footer .gk-brand a{color:#1c1814}
body.site .gk-footer .gk-brand p{color:#5c5145}
body.site .gk-footer h4{color:#665c50}
body.site .gk-footer nav a{color:#1c1814}
body.site .gk-footer nav a:hover{color:#b8461a}
body.site .gk-footer .gk-foot-base{color:#665c50;border-top:1px solid rgba(120,70,30,.16)}
body.site .gk-footer .gk-foot-base a{color:#1c1814}

/* v5: no spheres. Aurora gradient only. */
html:has(body.site)::before,html:has(body.site)::after{display:none!important;content:none!important;animation:none!important}

/* v6: two-tone wordmark everywhere: Get in ink, Knowen in terracotta */
.wm{font-style:normal;color:#b8461a}
body.site .hx-logo span,body.site .gk-footer .gk-brand a span{font-weight:700;letter-spacing:-.03em}

/* Family+ card: warm glass with dark text (was dark-card white text from home.css, unreadable on the light glass) */
body.site .hx-price.feat{box-shadow:0 0 0 1px rgba(214,86,42,.3),0 40px 100px -46px var(--g-glow)}
body.site .hx-price.feat > div{background:linear-gradient(150deg,rgba(255,196,150,.7),rgba(255,140,90,.34))}
body.site .hx-price.feat .amt,body.site .hx-price.feat .amt small{color:#1c1915}
body.site .hx-price.feat p,body.site .hx-price.feat li{color:#3d362e}
body.site .hx-price.feat .k{color:#943812}
/* compare table: glass set overflow:clip, which blocked the sideways swipe on phones */
body.site .hx-table > div{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
body.site .hx-table td:first-child,body.site .hx-table thead th:first-child{position:sticky;left:0;z-index:1;background:#fcf6ee;min-width:112px;max-width:132px}
body.site .hx-table::after{content:"Swipe sideways to compare";display:none;padding:10px 0 4px;text-align:center;font-size:12px;color:var(--ink-3)}
@media (max-width:760px){body.site .hx-table::after{display:block}body.site .hx-table td:first-child{box-shadow:1px 0 0 var(--g-hair)}}