.kbx{max-width:760px;color:var(--mid);margin:0 auto;padding:128px 24px 24px}@media (width<=1024px){.kbx{padding-top:96px}}.kbx .crumb{color:var(--mid);flex-wrap:wrap;gap:8px;margin-bottom:36px;font-size:13px;display:flex}.kbx .crumb a{color:var(--mid);text-decoration:none}.kbx .crumb a:hover{color:var(--dark)}.kbx .kb-head{border-bottom:1px solid #e7e2da;margin-bottom:36px;padding-bottom:28px}.kbx .eyebrow{letter-spacing:.08em;color:#9a7b4f;margin-bottom:14px;font-size:13px;display:inline-block}.kbx .kb-head h1{color:var(--dark);margin:0 0 16px;font-size:28px;line-height:1.5}.kbx .kb-head time{color:var(--mid);font-size:13.5px;display:block}.kbx .intro{border-left:3px solid #9a7b4f;margin-top:24px;padding:4px 0 4px 18px}.kbx p{color:var(--mid);margin:0 0 22px;font-size:19px;line-height:1.85}.kbx .intro p{margin:0}.kbx a{color:#9a7b4f}.kbx .toc{z-index:auto;background:0 0;border:1px solid #e7e2da;border-radius:4px;margin:0 0 8px;padding:20px 24px;display:block;position:static}.kbx .toc strong{color:var(--dark);margin-bottom:8px;font-size:16px;display:block}.kbx .toc ol{margin:0;padding-left:22px}.kbx .toc li{font-size:17px;line-height:1.9}.kbx .toc a{color:var(--mid);text-decoration:none}.kbx .toc a:hover{color:var(--dark)}.kbx .section,.kbx .toc+section{margin-top:56px}.kbx .section-title{letter-spacing:normal;color:var(--dark);align-items:baseline;gap:12px;margin:0 0 22px;font-size:24px;line-height:1.5;display:flex}.kbx .num{color:#9a7b4f;flex:none;font-size:18px;font-weight:600}.kbx .subhead{letter-spacing:.08em;color:#9a7b4f;margin:28px 0 6px;font-size:14px;font-weight:600}.kbx .before-grid{flex-direction:column;gap:18px;margin:28px 0 18px;display:flex}.kbx figure{margin:0}.kbx .after{margin:18px 0 36px}.kbx figure img{border-radius:4px;width:100%;height:auto;display:block}.kbx figcaption,.kbx .caption{color:#6b6b6b;margin-top:8px;font-size:14px;line-height:1.7}.kbx .feature{background:#f6f3ee;border-radius:4px;margin:24px 0;padding:22px 24px}.kbx .feature p{margin:0}.kbx .feature strong{color:var(--dark)}.kbx .product-title{color:var(--dark);margin:36px 0 16px;font-size:20px}.kbx .products{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 8px;display:grid}.kbx .product{color:inherit;background:#fff;border:1px solid #e7e2da;border-radius:14px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden;box-shadow:0 4px 18px #2430480d}.kbx .product:hover{transform:translateY(-2px);box-shadow:0 8px 26px #2430481f}.kbx .ph{aspect-ratio:800/536;background:#f2f3f6}.kbx .ph img{object-fit:contain;width:100%;height:100%;display:block}.kbx .product-copy{padding:16px 18px 18px}.kbx .tag{letter-spacing:.06em;color:#9a7b4f;font-size:13px;font-weight:600;display:inline-block}.kbx .product h3{color:var(--dark);margin:4px 0 6px;font-size:18px;line-height:1.5}.kbx .product p{margin:0 0 4px;font-size:16px;line-height:1.7}.kbx .product .more{color:#9a7b4f;margin-top:10px;font-weight:600}.kbx .callout{background:#f6f3ee;border-radius:4px;margin-top:56px;padding:36px 28px}.kbx .callout h2{color:var(--dark);margin:0 0 16px;font-size:22px;line-height:1.5}.kbx .callout .line{margin-top:8px}.kbx .callout .btn-outline{color:var(--gold);font-size:14px}.kbx .callout .btn-outline:hover{color:#fff}.kbx .line-id{color:var(--mid);margin-left:10px;font-size:16px;display:inline-block}.kbx .next{border:1px solid #e7e2da;border-radius:4px;margin:28px 0;padding:20px 24px}.kbx .next strong{color:var(--dark);font-size:17px;line-height:1.7;display:block}.kbx .next p{margin:8px 0 0}.kbx .next a{font-size:18px;font-weight:600;line-height:1.7}.kbx .kb-back{margin-top:44px}.kbx .kb-back a{color:var(--mid);font-size:14px;text-decoration:none}@media (width<=760px){.kbx{padding-left:20px;padding-right:20px}.kbx .kb-head h1{font-size:23px}.kbx p{font-size:18px}.kbx .section-title{font-size:21px}.kbx .products{grid-template-columns:1fr}.kbx .line-id{margin:10px 0 0;display:block}}.kbx .mood{margin:32px 0 8px}.kbx .mood img{border-radius:4px;width:100%;height:auto;display:block}.kbx .mood-info{color:var(--mid);border-bottom:1px solid #e7e2da;margin-top:0;padding:14px 2px 16px}.kbx .mood-info h3{color:var(--dark);margin:4px 0 6px;font-size:18px;line-height:1.5}.kbx .mood-info p{margin:0 0 4px;font-size:16px;line-height:1.7}.kbx .mood-info .more{margin-top:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}