/* RC4.10.13.5 — Labkhand interactive content component system.
   Approved sticker family + tactile, accessible interaction. */

body.labkhand-v3.lv3-components-v410135{
  --lv3-c5-ink:#173b63;
  --lv3-c5-muted:#607585;
  --lv3-c5-line:rgba(23,59,99,.09);
  --lv3-c5-soft:#f7fbfc;
  --lv3-c5-teal:#13b8c7;
  --lv3-c5-pink:#f70a78;
  --lv3-c5-shadow:0 16px 38px rgba(23,59,99,.075),0 2px 8px rgba(23,59,99,.035);
  --lv3-c5-shadow-hover:0 22px 48px rgba(23,59,99,.12),0 6px 14px rgba(23,59,99,.055);
  --lv3-c5-ease:cubic-bezier(.16,1,.3,1);
}

/* Shared approved sticker shell: the artwork itself comes from mega-v4614. */
body.labkhand-v3 .lv3-component-sticker{
  position:relative;display:grid;place-items:center;flex:0 0 auto;
  width:58px;height:58px;border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,250,.94));
  border:1px solid rgba(23,59,99,.07);
  box-shadow:0 9px 20px rgba(23,59,99,.07),inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;isolation:isolate;
}
body.labkhand-v3 .lv3-component-sticker::after{
  content:"";position:absolute;inset:4px;border-radius:15px;pointer-events:none;
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.86),transparent 42%);
  opacity:.72;z-index:0;
}
body.labkhand-v3 .lv3-component-sticker img{
  position:relative;z-index:1;width:88%;height:88%;object-fit:contain;display:block;
  filter:drop-shadow(0 5px 6px rgba(23,59,99,.11));
  transform:translateZ(0);
}

/* Hero feature chips — compact but unmistakably part of the menu sticker family. */
body.labkhand-v3-home .lv3-component-chips{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;margin-top:22px!important;
}
body.labkhand-v3-home .lv3-component-chips>li{
  position:relative;min-width:0!important;min-height:86px!important;
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;justify-content:stretch!important;gap:9px!important;
  padding:10px 11px!important;border:1px solid var(--lv3-c5-line)!important;border-radius:22px!important;
  background:linear-gradient(145deg,#fff,#f7fcfd)!important;
  box-shadow:0 10px 25px rgba(23,59,99,.055),inset 0 1px 0 #fff!important;
  color:var(--lv3-c5-ink)!important;text-align:right!important;
  transition:transform .28s var(--lv3-c5-ease),box-shadow .28s var(--lv3-c5-ease),border-color .28s ease!important;
  overflow:hidden;
}
body.labkhand-v3-home .lv3-component-chips>li::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--lv3-c5-x,50%) var(--lv3-c5-y,35%),rgba(19,184,199,.14),transparent 44%);
  transition:opacity .22s ease;
}
body.labkhand-v3-home .lv3-component-chips .lv3-component-sticker{width:46px;height:46px;border-radius:15px}
body.labkhand-v3-home .lv3-component-chips>li>span:last-child{
  min-width:0;max-width:100%;font-size:12.4px!important;line-height:1.65!important;font-weight:900!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance;
}
@media(hover:hover) and (pointer:fine){
  body.labkhand-v3-home .lv3-component-chips>li:hover{
    transform:translateY(-3px);box-shadow:var(--lv3-c5-shadow-hover)!important;border-color:rgba(19,184,199,.19)!important;
  }
  body.labkhand-v3-home .lv3-component-chips>li:hover::before{opacity:1}
  body.labkhand-v3-home .lv3-component-chips>li:hover .lv3-component-sticker img{transform:translateY(-1px) scale(1.035)}
}

/* Trust statistics — one visual family, stronger depth, semantic sticker artwork. */
body.labkhand-v3-home .lv3-home-trust .lv3-stat-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;max-width:1120px!important;margin-inline:auto!important;
}
body.labkhand-v3-home .lv3-home-trust .lv3-component-stat{
  position:relative;min-width:0!important;min-height:178px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;text-align:center!important;padding:20px 15px!important;
  border:1px solid var(--lv3-c5-line)!important;border-radius:28px!important;
  background:linear-gradient(155deg,#fff 0%,#f9fcfd 74%,#f2fafb 100%)!important;
  box-shadow:var(--lv3-c5-shadow)!important;overflow:hidden;
  transition:transform .3s var(--lv3-c5-ease),box-shadow .3s var(--lv3-c5-ease),border-color .3s ease!important;
}
body.labkhand-v3-home .lv3-home-trust .lv3-component-stat::after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,var(--lv3-c5-pink),var(--lv3-c5-teal));opacity:.42;
}
body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-stat__icon{display:grid!important;place-items:center!important}
body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-component-sticker{width:62px;height:62px;border-radius:20px}
body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-stat__copy{min-width:0;width:100%}
body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-stat__copy strong{
  display:block!important;margin:0!important;color:var(--lv3-c5-ink)!important;
  font-size:clamp(24px,2.3vw,34px)!important;line-height:1.35!important;font-weight:950!important;
  white-space:normal!important;text-wrap:balance;
}
body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-stat__copy span{
  display:block!important;margin-top:4px!important;color:var(--lv3-c5-muted)!important;font-size:12.6px!important;line-height:1.65!important;font-weight:800!important;
}
@media(hover:hover) and (pointer:fine){
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat:hover{
    transform:translateY(-5px);box-shadow:var(--lv3-c5-shadow-hover)!important;border-color:rgba(19,184,199,.18)!important;
  }
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat:hover .lv3-component-sticker img{transform:translateY(-2px) scale(1.04)}
}

/* FAQ — clear affordance before interaction, semantic sticker, animated open state. */
body.labkhand-v3 .lv3-component-faq{max-width:920px!important;margin-inline:auto!important}
body.labkhand-v3 .lv3-component-faq details{
  position:relative;margin:11px 0!important;border:1px solid var(--lv3-c5-line)!important;border-radius:23px!important;
  background:linear-gradient(145deg,#fff,#f8fbfc)!important;box-shadow:0 9px 22px rgba(23,59,99,.045)!important;
  overflow:hidden!important;transition:border-color .25s ease,box-shadow .3s var(--lv3-c5-ease),transform .3s var(--lv3-c5-ease)!important;
}
body.labkhand-v3 .lv3-component-faq details[open]{
  border-color:rgba(19,184,199,.19)!important;box-shadow:0 16px 34px rgba(23,59,99,.085)!important;
  background:linear-gradient(145deg,#fff,#f4fbfc)!important;
}
body.labkhand-v3 .lv3-component-faq summary{
  min-height:76px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 34px!important;
  align-items:center!important;gap:12px!important;padding:11px 16px!important;cursor:pointer!important;
  color:var(--lv3-c5-ink)!important;list-style:none!important;user-select:none;
}
body.labkhand-v3 .lv3-component-faq summary::-webkit-details-marker{display:none!important}
body.labkhand-v3 .lv3-component-faq .lv3-faq__sticker{display:grid;place-items:center}
body.labkhand-v3 .lv3-component-faq .lv3-faq__sticker .lv3-component-sticker{width:46px;height:46px;border-radius:15px}
body.labkhand-v3 .lv3-component-faq .lv3-faq__question{
  min-width:0;font-size:14.5px!important;line-height:1.75!important;font-weight:900!important;text-wrap:balance;
}
body.labkhand-v3 .lv3-component-faq summary::after{
  content:"+"!important;grid-column:3;grid-row:1;display:grid!important;place-items:center!important;
  width:32px!important;height:32px!important;min-width:32px!important;border-radius:999px!important;
  border:1px solid rgba(23,59,99,.09)!important;background:#fff!important;color:#08779f!important;
  box-shadow:0 5px 12px rgba(23,59,99,.06)!important;font:900 18px/1 var(--lv3-body-font,Tahoma,sans-serif)!important;
  transition:transform .3s var(--lv3-c5-ease),background .2s ease,color .2s ease!important;
}
body.labkhand-v3 .lv3-component-faq details[open]>summary::after{
  content:"−"!important;transform:rotate(180deg)!important;background:#eaf9fb!important;color:#075e82!important;
}
body.labkhand-v3 .lv3-component-faq .lv3-faq__answer{
  padding:0 76px 19px 18px!important;color:#5e7383!important;font-size:13.8px!important;line-height:1.95!important;
  overflow:hidden;transform-origin:top;
}
body.labkhand-v3 .lv3-component-faq .lv3-faq__answer>:last-child{margin-bottom:0}
body.labkhand-v3 .lv3-component-faq summary:focus-visible{
  outline:3px solid rgba(19,184,199,.45)!important;outline-offset:-3px!important;border-radius:20px!important;
}
@media(hover:hover) and (pointer:fine){
  body.labkhand-v3 .lv3-component-faq details:not([open]):hover{
    transform:translateY(-2px);border-color:rgba(19,184,199,.17)!important;box-shadow:0 14px 30px rgba(23,59,99,.075)!important;
  }
  body.labkhand-v3 .lv3-component-faq details:hover .lv3-component-sticker img{transform:scale(1.035)}
  body.labkhand-v3 .lv3-component-faq details:hover summary::after{transform:scale(1.07)}
  body.labkhand-v3 .lv3-component-faq details[open]:hover summary::after{transform:rotate(180deg) scale(1.07)!important}
}

/* Related cards — replace generic line icons with the same approved sticker assets. */
body.labkhand-v3 .lv3-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.labkhand-v3 .lv3-component-related{
  --lv3-c5-x:50%;--lv3-c5-y:30%;position:relative;min-width:0;min-height:174px;
  display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;align-items:center!important;gap:15px!important;
  padding:20px!important;border:1px solid var(--lv3-c5-line)!important;border-radius:26px!important;
  background:linear-gradient(145deg,#fff,#f8fcfd)!important;box-shadow:var(--lv3-c5-shadow)!important;
  overflow:hidden;isolation:isolate;
  transition:transform .3s var(--lv3-c5-ease),box-shadow .3s var(--lv3-c5-ease),border-color .25s ease!important;
}
body.labkhand-v3 .lv3-component-related::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--lv3-c5-x) var(--lv3-c5-y),rgba(19,184,199,.15),transparent 43%);
  transition:opacity .22s ease;
}
body.labkhand-v3 .lv3-component-related .lv3-related-card__icon{
  width:64px!important;height:64px!important;display:grid!important;place-items:center!important;background:none!important;border:0!important;
}
body.labkhand-v3 .lv3-component-related .lv3-component-sticker{width:62px;height:62px;border-radius:20px}
body.labkhand-v3 .lv3-component-related .lv3-related-card__copy{min-width:0}
body.labkhand-v3 .lv3-component-related .lv3-related-card__copy strong{
  display:block;color:var(--lv3-c5-ink)!important;font-size:16.5px!important;line-height:1.65!important;font-weight:950!important;
}
body.labkhand-v3 .lv3-component-related .lv3-related-card__copy p{
  margin:6px 0 10px!important;color:var(--lv3-c5-muted)!important;font-size:12.7px!important;line-height:1.8!important;
}
body.labkhand-v3 .lv3-component-related .lv3-related-card__cta{
  display:inline-flex;align-items:center;gap:5px;color:#08779f!important;font-size:12.5px!important;font-weight:900!important;
}
body.labkhand-v3 .lv3-component-related .lv3-related-card__cta b{transition:transform .25s var(--lv3-c5-ease)}
body.labkhand-v3 .lv3-component-related:focus-visible{outline:3px solid rgba(19,184,199,.45)!important;outline-offset:3px!important}
@media(hover:hover) and (pointer:fine){
  body.labkhand-v3 .lv3-component-related:hover{
    transform:translateY(-5px);box-shadow:var(--lv3-c5-shadow-hover)!important;border-color:rgba(19,184,199,.2)!important;
  }
  body.labkhand-v3 .lv3-component-related:hover::before{opacity:1}
  body.labkhand-v3 .lv3-component-related:hover .lv3-component-sticker img{transform:translateY(-2px) scale(1.04)}
  body.labkhand-v3 .lv3-component-related:hover .lv3-related-card__cta b{transform:translateX(-4px)}
}

@media(max-width:1100px){
  body.labkhand-v3-home .lv3-home-trust .lv3-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:820px!important}
  body.labkhand-v3 .lv3-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.labkhand-v3 .lv3-related-grid>.lv3-component-related:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 8px);width:100%;justify-self:center}
}

@media(max-width:782px){
  body.labkhand-v3-home .lv3-component-chips{gap:6px!important;margin-top:14px!important}
  body.labkhand-v3-home .lv3-component-chips>li{
    min-height:82px!important;grid-template-columns:1fr!important;grid-template-rows:34px minmax(0,1fr)!important;
    justify-items:center!important;align-content:center!important;gap:4px!important;padding:7px 4px!important;border-radius:18px!important;text-align:center!important;
  }
  body.labkhand-v3-home .lv3-component-chips .lv3-component-sticker{width:34px;height:34px;border-radius:12px}
  body.labkhand-v3-home .lv3-component-chips>li>span:last-child{
    font-size:clamp(9.2px,2.55vw,10.4px)!important;line-height:1.5!important;text-align:center!important;align-self:start;
  }

  body.labkhand-v3-home .lv3-home-trust .lv3-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;max-width:none!important;
  }
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat{
    min-height:150px!important;padding:14px 9px!important;border-radius:22px!important;gap:9px!important;
  }
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-component-sticker{width:50px;height:50px;border-radius:17px}
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-stat__copy strong{font-size:clamp(19px,5.6vw,25px)!important;line-height:1.4!important}
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-stat__copy span{font-size:10.8px!important;line-height:1.6!important}

  body.labkhand-v3 .lv3-component-faq details{border-radius:19px!important;margin:8px 0!important}
  body.labkhand-v3 .lv3-component-faq summary{
    min-height:70px!important;grid-template-columns:42px minmax(0,1fr) 30px!important;gap:9px!important;padding:10px 11px!important;
  }
  body.labkhand-v3 .lv3-component-faq .lv3-faq__sticker .lv3-component-sticker{width:40px;height:40px;border-radius:14px}
  body.labkhand-v3 .lv3-component-faq .lv3-faq__question{font-size:13px!important;line-height:1.75!important}
  body.labkhand-v3 .lv3-component-faq summary::after{width:29px!important;height:29px!important;min-width:29px!important;font-size:16px!important}
  body.labkhand-v3 .lv3-component-faq .lv3-faq__answer{padding:0 62px 16px 12px!important;font-size:12.7px!important;line-height:1.9!important}

  body.labkhand-v3 .lv3-related-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.labkhand-v3 .lv3-related-grid>.lv3-component-related:last-child:nth-child(odd){grid-column:auto;max-width:none;width:100%}
  body.labkhand-v3 .lv3-component-related{
    min-height:0!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;border-radius:21px!important;
  }
  body.labkhand-v3 .lv3-component-related .lv3-related-card__icon{width:50px!important;height:50px!important}
  body.labkhand-v3 .lv3-component-related .lv3-component-sticker{width:48px;height:48px;border-radius:16px}
  body.labkhand-v3 .lv3-component-related .lv3-related-card__copy strong{font-size:15px!important}
  body.labkhand-v3 .lv3-component-related .lv3-related-card__copy p{font-size:12px!important;margin-block:4px 7px!important}
}

@media(max-width:360px){
  body.labkhand-v3-home .lv3-component-chips>li{min-height:86px!important;padding-inline:2px!important}
  body.labkhand-v3-home .lv3-component-chips>li>span:last-child{font-size:8.9px!important}
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat{min-height:146px!important}
  body.labkhand-v3-home .lv3-home-trust .lv3-component-stat .lv3-stat__copy strong{font-size:19px!important}
}

@media(prefers-reduced-motion:reduce){
  body.labkhand-v3 .lv3-component-chips>li,
  body.labkhand-v3 .lv3-component-stat,
  body.labkhand-v3 .lv3-component-related,
  body.labkhand-v3 .lv3-component-faq details,
  body.labkhand-v3 .lv3-component-faq summary::after,
  body.labkhand-v3 .lv3-component-sticker img{transition:none!important;transform:none!important}
}