/* H5 시안 3 반영 (2026-10-30 17:1x, 대표님 승인): 휴대폰 화면(≤800px)에서 휴대폰을 위, 카드 6개를 가로 한 줄로. 옆 카드는 제목만, 지금 카드만 펼침(제목 + 결과 한 문장). 시안 2는 variant-2-backup/. */
@media (max-width:800px){
 #experience{display:flex!important;flex-direction:column}
 #experience>.s6-hub{order:1}
 #experience>#s6-mobile{order:2}
 #s6-mobile{display:block!important;overflow:hidden!important;padding:10px 0 18px!important;margin:0 -16px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);touch-action:pan-y}
 #s6-mobile .h5-track{display:flex;gap:8px;align-items:flex-start;transition:transform .56s cubic-bezier(.32,.72,0,1);will-change:transform}
 #s6-mobile.h5-drag .h5-track{transition:none}
 #s6-mobile .s6-scene{flex:0 0 auto!important;width:var(--w,160px)!important;min-width:0!important;margin:0!important;padding:9px 14px!important;background:#fff!important;position:relative;overflow:hidden;text-align:left;transition:width .56s cubic-bezier(.32,.72,0,1),padding .56s cubic-bezier(.32,.72,0,1),opacity .4s,box-shadow .4s}
 #s6-mobile .s6-scene .s6-phase{white-space:nowrap;font-size:15px!important;font-weight:600!important;color:#16201E!important;margin:0!important;line-height:1.5!important}
 #s6-mobile .s6-scene[aria-selected="false"]{opacity:.82}
 #s6-mobile .s6-scene[aria-selected="true"]{padding:13px 12px!important;box-shadow:0 6px 18px rgba(30,40,35,.08)}
 #s6-mobile .s6-scene[aria-selected="true"] .s6-phase{font-size:14px!important;font-weight:400!important;color:#3D5A38!important;margin-bottom:6px!important}
 #s6-mobile .h5-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .56s cubic-bezier(.32,.72,0,1),opacity .3s}
 #s6-mobile .h5-more>div{overflow:hidden;min-height:0;width:calc(var(--open,214px) - 24px)}
 #s6-mobile .s6-scene[aria-selected="true"] .h5-more{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .56s cubic-bezier(.32,.72,0,1),opacity .4s ease .15s}
 #s6-mobile .s6-pain{font-size:14px!important;line-height:1.6!important;margin:0 0 7px!important}
 #s6-mobile .s6-scene strong{font-size:17px!important;line-height:1.5!important}
 html[data-h5="b"] #s6-mobile .s6-pain{display:none!important}
 #s6-mobile .s6-scene-progress{display:block!important;height:3px!important;bottom:0!important}
 #s6-mobile .h5-dots{display:flex;justify-content:center;gap:6px;padding-top:12px}
 #s6-mobile .h5-dots i{width:6px;height:6px;border-radius:50%;background:#c9d0c6;transition:width .4s cubic-bezier(.32,.72,0,1),background .4s}
 #s6-mobile .h5-dots i.on{width:18px;border-radius:3px;background:#3D5A38}
}
@media (max-width:800px) and (prefers-reduced-motion:reduce){#s6-mobile .h5-track,#s6-mobile .s6-scene,#s6-mobile .h5-more{transition:none!important}}