.khp>.khp__paper>.kbg,.khp>.khp__paper>#step-flavor,.khp>.khp__paper>#step-arrange{display:none}.kcm{--ink:#203f49;--muted:#657570;--line:#dbe0d8;--paper:#fbfaf6;--accent:#aa563c;color:var(--ink);max-width:1200px;margin:auto;padding:42px 24px 64px;line-height:1.7}.kcm *{box-sizing:border-box}.kcm [hidden]{display:none!important}.kcm button,.kcm a{-webkit-tap-highlight-color:transparent}.kcm button{font:inherit;cursor:pointer;color:inherit}.kcm a{color:inherit}.kcm button:focus-visible,.kcm a:focus-visible,.kcm summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.kcm>header{text-align:center;margin:0 0 20px}.kcm>header p{font-size:11px;letter-spacing:.18em;color:var(--muted);margin:0 0 12px}.kcm h1{font-size:clamp(25px,3vw,34px);font-weight:400;letter-spacing:.06em;margin:0}.kcm-tab-hint{text-align:center;font-size:12px;color:var(--muted);margin:0 0 16px}.kcm-tabs{display:flex;gap:8px;max-width:660px;margin:0 auto 28px}.kcm-tabs button{flex:1;border:1px solid #bac8c0;background:#edf1eb;border-radius:6px;min-height:48px;font-size:14px;letter-spacing:.02em;padding:11px 5px}.kcm-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.kcm-tabs button:hover{border-color:var(--ink)}.kcm-card{padding:14px 14px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 36px #203f4906}.kcm-screen{position:relative;aspect-ratio:2;overflow:hidden;border-radius:4px;background:#fff}.kcm video{display:block;width:100%;height:100%;object-fit:contain}.kcm-start{position:absolute;right:20px;bottom:20px;border:1px solid #ffffffb0;border-radius:50%;width:52px;height:52px;background:var(--ink);color:#fff!important;z-index:2;font:17px sans-serif!important;box-shadow:0 2px 14px #173e4b20}.kcm-posters{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;z-index:1;background:#fff}.kcm-posters.is-visible{visibility:visible}.kcm-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.kcm-cover.is-current{visibility:inherit}.kcm-controls{display:flex;align-items:center;gap:12px;padding:14px 0 4px;font:11px sans-serif}.kcm-toggle{background:none;border:0;min-width:38px;min-height:38px}.kcm-controls input{min-width:0;flex:1;accent-color:var(--ink);height:3px}.kcm-controls time{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.kcm-audio-controls{display:flex;justify-content:flex-end;margin:0 0 8px}.kcm-audio-toggle{border:1px solid var(--line);background:var(--paper);border-radius:20px;font-size:11px!important;min-height:36px;padding:6px 14px}.kcm-audio-toggle[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.kcm-chapter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:20px 2px 16px}.kcm-chapter-head p{margin:0;font-size:16px;letter-spacing:.03em}.kcm-chapter-head small{display:block;font:10px sans-serif;letter-spacing:.16em;color:var(--muted);margin-bottom:4px}.kcm-chapter-arrows{display:flex;gap:6px}.kcm-chapter-arrows button{border:1px solid var(--line);border-radius:50%;background:#fff;width:38px;height:38px;font:20px sans-serif}.kcm-chapter-arrows button:disabled{opacity:.3;cursor:default}.kcm-chapters{display:grid;grid-auto-columns:calc((100% - 36px)/4);grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bbc7c0 transparent;padding:2px 2px 12px;overscroll-behavior-x:contain}.kcm-chapters button{position:relative;display:flex;flex-direction:column;min-width:0;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0;overflow:hidden;scroll-snap-align:start;transition:border-color .18s,background .18s}.kcm-chapters button:hover{border-color:#839d94;background:#f6f8f3}.kcm-chapter-image{display:block;aspect-ratio:2;width:100%;height:auto;object-fit:contain;background:#f7f6f1;border-bottom:1px solid var(--line)}.kcm-chapter-body{display:block;padding:11px 12px 14px;width:100%}.kcm-chapter-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font:10px sans-serif;letter-spacing:.05em;color:var(--muted)}.kcm-chapter-meta small{font-size:10px}.kcm-chapter-title{display:block;font-size:13px;line-height:1.65;font-weight:500;min-height:2.8em;overflow-wrap:anywhere}.kcm-chapters button[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}.kcm-chapters button[aria-current] .kcm-chapter-meta{color:#d2dfd8}.kcm-chapters button[aria-current] .kcm-chapter-image{border-color:var(--ink)}.kcm-chapter-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 2px 0}.kcm-chapter-status{font:11px sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}.kcm-chapter-expand{border:0;border-bottom:1px solid #a7b8b0;background:none;padding:6px 0;min-height:36px;font-size:12px!important}.kcm-chapters.is-expanded{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}.kcm-error{color:#8b372c;font-size:12px}.kcm-guide{padding:68px 0 0}.kcm-guide-heading{max-width:680px;margin:0 0 30px}.kcm-eyebrow{display:block;font:10px sans-serif;letter-spacing:.18em;color:var(--accent);margin:0 0 14px}.kcm-guide h2{font-size:clamp(25px,3vw,34px);font-weight:400;letter-spacing:.04em;line-height:1.55;margin:0 0 15px}.kcm-guide-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.kcm-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kcm-product{min-width:0}.kcm-product-media{background:#f0eee6;border-radius:5px;overflow:hidden;aspect-ratio:4/3;margin:0 0 19px}.kcm-product-media img{display:block;width:100%;height:100%;object-fit:cover}.kcm-product .kcm-product-number{font:10px sans-serif;letter-spacing:.12em;color:var(--accent);display:block;margin:0 0 7px}.kcm-product h3{font-size:21px;letter-spacing:.02em;line-height:1.5;font-weight:400;margin:0 0 10px}.kcm-product p{font-size:13px;line-height:1.9;color:#566660;margin:0 0 12px}.kcm-product .kcm-pairing{font-size:11px;line-height:1.7;color:var(--ink);padding-top:12px;border-top:1px solid var(--line)}.kcm-product .kcm-text-link{display:inline-flex;gap:20px;font-size:12px;text-decoration:none;border-bottom:1px solid #a5b4ad;padding:4px 0 6px;margin-top:4px}.kcm-text-link span{transition:transform .2s}.kcm-text-link:hover span{transform:translate(4px)}.kcm-noodles{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;margin-top:44px}.kcm-noodles img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:5px}.kcm-noodles h3{font-size:27px;font-weight:400;line-height:1.6;margin:0 0 15px}.kcm-noodles p{font-size:14px;line-height:1.95;color:#566660;margin:0}.kcm-shop{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#e9eee7;border-radius:6px;padding:27px 30px;margin-top:36px}.kcm-shop h3{font-size:21px;font-weight:400;margin:0 0 6px;line-height:1.5}.kcm-shop p{font-size:12px;color:#566660;margin:0}.kcm-shop>a{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;text-decoration:none;background:var(--ink);color:#fff;border-radius:3px;padding:14px 22px;min-height:48px;font-size:13px;flex-shrink:0}.kcm-shop>a:hover{background:#335761}.kcm-products--salt{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.kcm-products--salt .kcm-product-media{aspect-ratio:1.3;background:var(--tone,#eeede5)}.kcm-products--salt .kcm-product-media img{object-fit:contain;padding:22px 35px}.kcm-products--chai{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.kcm-products--chai .kcm-product-media{aspect-ratio:.85;background:#f0eee5}.kcm-products--chai .kcm-product-media img{object-fit:contain;padding:16px}.kcm-products--chai h3{font-size:17px}.kcm-products--chai p{font-size:12px}.kcm-guide-note{font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);margin:28px 0 0;padding-top:18px}.kcm-recipes{margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kcm-recipes summary{cursor:pointer;padding:22px 4px;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:15px}.kcm-recipes summary:after{content:"\ff0b";font-family:sans-serif}.kcm-recipes[open] summary:after{content:"\2212"}.kcm-recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 0 26px}.kcm-recipe-grid article{padding:14px;background:#fff;border:1px solid var(--line);border-radius:5px}.kcm-recipe-grid img{display:block;width:100%;height:130px;object-fit:contain;margin-bottom:14px}.kcm-recipe-grid h3{font-size:15px;line-height:1.6;margin:0 0 10px;font-weight:500}.kcm-recipe-grid p,.kcm-recipe-grid ol{font-size:12px;line-height:1.9;color:#566660;margin:0}.kcm-recipe-grid ol{padding-left:1.5em}.kcm-recipe-grid strong{color:var(--ink)}@media(max-width:999px){.kcm-chapters{grid-auto-columns:calc((100% - 24px)/3)}.kcm-chapters.is-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.kcm-products{gap:18px}.kcm-products--chai{grid-template-columns:repeat(3,minmax(0,1fr))}.kcm-products--chai .kcm-product-media{aspect-ratio:1}.kcm-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kcm-noodles{gap:26px}}@media(max-width:749px){.kcm{padding:28px 14px 48px}.kcm>header{margin-bottom:14px}.kcm h1{font-size:24px}.kcm-tabs{gap:5px;margin-bottom:20px}.kcm-tabs button{font-size:12px;min-height:46px}.kcm-tab-hint{font-size:11px}.kcm-card{padding:8px 8px 16px;border-radius:9px}.kcm-screen{aspect-ratio:.9}.kcm-start{right:14px;bottom:14px;width:46px;height:46px}.kcm-controls{gap:6px;font-size:10px}.kcm-chapter-head{padding:18px 2px 14px}.kcm-chapter-head p{font-size:15px}.kcm-chapter-head small{font-size:9px}.kcm-chapter-arrows button{width:34px;height:34px}.kcm-chapters{grid-auto-columns:67%;gap:10px}.kcm-chapter-body{padding:10px 12px 12px}.kcm-chapter-title{font-size:13px;min-height:2.5em}.kcm-chapters.is-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kcm-chapters.is-expanded .kcm-chapter-title{font-size:12px;min-height:3.3em}.kcm-chapters.is-expanded .kcm-chapter-body{padding:9px}.kcm-chapter-foot{gap:8px}.kcm-chapter-expand{font-size:11px!important}.kcm-chapter-status{font-size:10px}.kcm-guide{padding-top:42px}.kcm-guide-heading{margin-bottom:24px}.kcm-guide h2{font-size:27px}.kcm-guide-heading>p{font-size:13px}.kcm-products{grid-template-columns:1fr;gap:30px}.kcm-product-media{margin-bottom:15px}.kcm-product h3{font-size:23px}.kcm-product p{font-size:14px;line-height:1.85}.kcm-product .kcm-pairing{font-size:12px}.kcm-noodles{grid-template-columns:1fr;gap:24px;padding:28px 0;margin-top:34px}.kcm-noodles h3{font-size:25px}.kcm-noodles p{font-size:13px}.kcm-shop{display:block;padding:23px 20px;margin-top:28px}.kcm-shop h3{font-size:21px}.kcm-shop>a{margin-top:20px;width:100%}.kcm-products--salt{grid-template-columns:1fr;gap:30px}.kcm-products--salt .kcm-product{display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:start;border-top:1px solid var(--line);padding-top:24px}.kcm-products--salt .kcm-product-media{aspect-ratio:.66;margin:0}.kcm-products--salt .kcm-product-media img{padding:10px}.kcm-products--salt h3{font-size:19px}.kcm-products--salt p{font-size:13px}.kcm-products--chai{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.kcm-products--chai .kcm-product-media{aspect-ratio:.95}.kcm-products--chai h3{font-size:17px}.kcm-products--chai p{font-size:12px}.kcm-recipes summary{font-size:15px}.kcm-recipe-grid{grid-template-columns:1fr 1fr;gap:10px}.kcm-recipe-grid article{padding:12px}.kcm-recipe-grid img{height:110px}.kcm-recipe-grid h3{font-size:14px}.kcm-recipe-grid p,.kcm-recipe-grid ol{font-size:12px}}@media(prefers-reduced-motion:reduce){.kcm *{scroll-behavior:auto!important;transition:none!important}}.kcm-chapters,.kcm-chapter-foot,.kcm-controls,.kcm-tab-hint,.kcm-audio-controls,.kcm-product p,.kcm-guide-heading>p,.kcm-noodles p,.kcm-shop p,.kcm-shop>a,.kcm-guide-note,.kcm-recipe-grid p,.kcm-recipe-grid ol{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.kcm-chapter-title{font-weight:500}.kcm-mobile-break{display:none}.kcm-product h3,.kcm-shop h3{text-wrap:balance}@media(max-width:749px){.kcm-mobile-break{display:block}}.kcm-feature-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.kcm-feature-hint{display:block;font-size:12px;letter-spacing:.03em;color:var(--muted)}.kcm-feature-controls [data-feature-status]{display:block;margin-top:5px;font:10px sans-serif;letter-spacing:.1em;color:var(--accent);font-variant-numeric:tabular-nums}.kcm-feature-arrows{display:flex;gap:8px;flex-shrink:0}.kcm-feature-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #b9c7be;background:var(--paper);font:22px sans-serif}.kcm-feature-arrows button:disabled{opacity:.3;cursor:default}.kcm-products.kcm-feature-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/2.2);align-items:stretch;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bbc7c0 transparent;padding:2px 2px 16px}.kcm-feature-rail:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.kcm-feature-rail .kcm-product{display:flex;flex-direction:column;gap:0;min-width:0;scroll-snap-align:start;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:0;overflow:hidden}.kcm-feature-rail .kcm-product-media{aspect-ratio:1.65;margin:0 0 20px;border-radius:0;flex-shrink:0}.kcm-feature-rail .kcm-product>div:not(.kcm-product-media){padding:0 22px 22px;display:flex;flex-direction:column;flex:1}.kcm-feature-rail .kcm-product>div:not(.kcm-product-media) .kcm-text-link{align-self:flex-start;margin-top:auto}.kcm-feature-rail .kcm-product>span,.kcm-feature-rail .kcm-product>h3,.kcm-feature-rail .kcm-product>p{margin-left:22px;margin-right:22px}.kcm-feature-rail .kcm-product>p:last-child{margin-bottom:22px}.kcm-feature-rail.kcm-products--salt .kcm-product-media,.kcm-feature-rail.kcm-products--chai .kcm-product-media{aspect-ratio:1.65}.kcm-feature-rail.kcm-products--salt .kcm-product-media img,.kcm-feature-rail.kcm-products--chai .kcm-product-media img{padding:16px 24px}.kcm-feature-rail.kcm-products--salt .kcm-product-media img{mix-blend-mode:multiply}.kcm-feature-rail .kcm-product h3{font-size:22px}.kcm-feature-rail .kcm-product p{font-size:14px;line-height:1.85}.kcm-feature-rail .kcm-product .kcm-pairing{font-size:12px}@media(max-width:999px){.kcm-products.kcm-feature-rail{grid-auto-columns:calc((100% - 18px)/1.6);gap:18px}}@media(max-width:749px){.kcm-guide h2{font-size:clamp(23px,6.92vw,27px)}.kcm-feature-controls{margin-bottom:15px;gap:10px}.kcm-feature-hint{font-size:11px}.kcm-products.kcm-feature-rail{grid-auto-columns:86%;gap:14px}.kcm-feature-rail .kcm-product-media,.kcm-feature-rail.kcm-products--salt .kcm-product-media,.kcm-feature-rail.kcm-products--chai .kcm-product-media{aspect-ratio:1.5;margin-bottom:18px}.kcm-feature-rail .kcm-product>div:not(.kcm-product-media){padding:0 18px 20px}.kcm-feature-rail .kcm-product>span,.kcm-feature-rail .kcm-product>h3,.kcm-feature-rail .kcm-product>p{margin-left:18px;margin-right:18px}.kcm-feature-rail .kcm-product h3{font-size:21px}.kcm-feature-rail .kcm-product p{font-size:13px}.kcm-feature-rail .kcm-product .kcm-pairing{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/kazu-howto-chapter-card.css.map */