.k4u-a-howto .k4u-hw__head{margin-bottom:clamp(32px,5vw,56px)}.k4u-a-howto .k4u-a-title{font-size:clamp(32px,4vw,48px);letter-spacing:-.03em}.k4u-a-howto .k4u-hw__head .k4u-link{margin-top:8px}.k4u-hw{list-style:none;margin:0 calc(-1 * var(--k4u-gutter));padding:0 var(--k4u-gutter);display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,300px);grid-template-rows:auto auto 1fr;column-gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--k4u-gutter);scrollbar-width:none}.k4u-hw::-webkit-scrollbar{display:none}.k4u-hw__step{--hw-bg: #fff;--hw-fg: var(--k4u-ink);--hw-mute: var(--k4u-muted);grid-row:1 / span 3;display:flex;flex-direction:column;scroll-snap-align:start;padding:24px 22px 28px;border-radius:var(--k4u-card-r);background:var(--hw-bg);color:var(--hw-fg)}@supports (grid-template-rows: subgrid){.k4u-hw__step{display:grid;grid-template-rows:subgrid}}.k4u-hw__step--mud{--hw-bg: var(--k4u-mud);--hw-fg: #fff;--hw-mute: rgba(255, 255, 255, .8)}.k4u-hw__step--graphite{--hw-bg: var(--k4u-graphite);--hw-fg: #fff;--hw-mute: rgba(255, 255, 255, .8)}.k4u-hw__step--water{--hw-bg: #fff;--hw-fg: var(--k4u-ink);--hw-mute: var(--k4u-muted);--hw-num: var(--k4u-water-deep, #0B5C99)}.k4u-hw__step--water .k4u-hw__time{color:var(--hw-num)}.k4u-hw__step.k4u-hw__step--water .k4u-a-chip{background:var(--k4u-water);color:#fff}.k4u-hw__step .k4u-a-chip{background:#fff;color:var(--hw-bg)}.k4u-hw__top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:14px}.k4u-hw__time{font-size:clamp(34px,3.2vw,40px);line-height:1;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}.k4u-hw__step h3{margin:0 0 8px;font-size:clamp(21px,1.8vw,24px);line-height:1.15;font-weight:600;letter-spacing:-.02em;color:inherit;overflow-wrap:break-word}.k4u-hw__step p{font-size:17px;line-height:1.47;color:var(--hw-mute)}@media(min-width:640px){.k4u-hw{grid-auto-columns:clamp(240px,42%,300px)}}@media(min-width:1200px){.k4u-hw{margin-inline:0;padding-inline:0;grid-auto-columns:minmax(0,1fr);column-gap:16px;overflow:visible;scroll-snap-type:none}.k4u-hw[data-n="6"],.k4u-hw[data-n="7"],.k4u-hw[data-n="8"]{grid-auto-columns:250px;overflow-x:auto;scroll-snap-type:x mandatory}}html:lang(zh-CN) .k4u-a-howto :is(h2,h3,p,span,a){letter-spacing:0}html:lang(zh-CN) .k4u-a-howto :is(.k4u-a-title,.k4u-hw__step h3){line-height:1.28}html:lang(zh-CN) .k4u-a-howto .k4u-hw__time{letter-spacing:-.035em}
/*# sourceMappingURL=/cdn/shop/t/3/assets/k4u-a-howto.css.map */