.steps-lede{max-width:36em;margin-bottom:28px}.steps{list-style:none;margin:0;padding:0;border-top:var(--rule)}.steps li{border-bottom:var(--rule);position:relative}.steps a{display:grid;grid-template-columns:48px 1fr;grid-gap:4px 14px;gap:4px 14px;align-items:start;padding:18px 6px;text-decoration:none;color:inherit;border-radius:var(--radius);transition:background-color .22s var(--ease),padding-left .22s var(--ease)}@media (min-width:768px){.steps a{grid-template-columns:76px 1fr auto;gap:8px 24px;padding:24px 12px;align-items:center}}.steps a:hover{background:var(--washi-2);padding-left:14px}.step-no{font-family:var(--font-mincho);font-size:24px;font-weight:700;color:var(--shu);line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:4px}@media (min-width:768px){.step-no{font-size:32px}}.step-body{display:flex;flex-direction:column;gap:5px;min-width:0}.step-kind{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--usu)}.step-kind .zh{font-family:var(--font-mincho);font-style:normal;font-size:11.5px;letter-spacing:.12em;color:var(--shu);border:1px solid;border-radius:2px;padding:0 5px;background:var(--shu-soft)}.step-body strong{font-family:var(--font-mincho);font-size:18px;font-weight:600;color:var(--sumi);transition:color .2s var(--ease)}.steps a:hover .step-body strong{color:var(--shu)}@media (min-width:768px){.step-body strong{font-size:21px}}.step-sum{font-size:13.5px;color:var(--sumi-2);line-height:1.75;max-width:44em}.step-arrow{display:none;font-size:16px;color:var(--usu);transition:transform .2s var(--ease),color .2s var(--ease)}@media (min-width:768px){.step-arrow{display:block;margin-right:8px}}.steps a:hover .step-arrow{color:var(--shu);transform:translateX(4px)}.guide-detail-header{padding-top:32px;padding-bottom:24px}@media (min-width:768px){.guide-detail-header{padding-top:48px;padding-bottom:32px}}.guide-tag-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.guide-category-badge{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--usu)}.guide-seal-tag{font-family:var(--font-mincho);font-size:12px;color:var(--shu);border:1px solid var(--shu);border-radius:2px;padding:1px 6px;background:var(--shu-soft);letter-spacing:.1em}.guide-article-title{font-family:var(--font-mincho);font-size:clamp(26px,5.5vw,40px);font-weight:600;letter-spacing:.03em;line-height:1.3;color:var(--sumi);margin-top:6px}.guide-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:20px;padding-top:16px;border-top:var(--rule);font-size:12.5px;color:var(--usu)}.guide-read-time{display:inline-flex;align-items:center;gap:4px;color:var(--sumi-2)}.guide-quick-facts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-block:28px 36px;padding:18px;background:var(--card);border:var(--rule);border-radius:var(--radius);box-shadow:0 2px 12px rgba(23,22,26,.03)}@media (min-width:768px){.guide-quick-facts{grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 26px;margin-block:36px 48px}}.quick-fact-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--washi);border:var(--rule);border-radius:var(--radius-sm);position:relative;min-width:0}.quick-fact-card.is-highlight{border-top:2.5px solid var(--shu);background:var(--washi-2)}.quick-fact-label{font-size:11px;letter-spacing:.12em;color:var(--usu);font-weight:500}.quick-fact-value{font-family:var(--font-mincho);font-size:17px;font-weight:700;color:var(--sumi);line-height:1.35;white-space:normal;word-break:break-word}@media (min-width:768px){.quick-fact-value{font-size:19px}}.quick-fact-note{font-size:11px;color:var(--usu);line-height:1.4;margin-top:2px}.guide-callout{margin-block:28px;padding:20px 22px;background:var(--washi-2);border:var(--rule);border-left:3.5px solid var(--sumi);border-radius:var(--radius)}.guide-callout.warning{border-left-color:var(--shu);background:var(--shu-soft)}.guide-callout.tip{border-left-color:var(--ai);background:var(--ai-soft)}.guide-callout.note{border-left-color:var(--sumi);background:var(--washi-2)}.guide-callout-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.guide-callout-badge{font-size:11px;font-weight:700;letter-spacing:.14em;padding:2px 8px;border-radius:2px}.guide-callout.note .guide-callout-badge{background:var(--sumi);color:var(--washi)}.guide-callout.warning .guide-callout-badge{background:var(--shu);color:var(--washi)}.guide-callout.tip .guide-callout-badge{background:var(--ai);color:var(--washi)}.guide-callout-title{font-family:var(--font-mincho);font-size:16px;font-weight:600;color:var(--sumi)}.guide-callout-body{font-size:14px;line-height:1.85;color:var(--sumi-2);margin:0}.guide-steps-wrap{margin-block:40px}.guide-step-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-top:18px}@media (min-width:768px){.guide-step-grid{grid-template-columns:repeat(2,1fr);gap:18px}}.guide-step-item{display:flex;gap:14px;padding:18px;background:var(--card);border:var(--rule);border-radius:var(--radius)}.guide-step-badge{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--shu-soft);color:var(--shu);font-family:var(--font-mincho);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid var(--shu)}.guide-step-content{min-width:0}.guide-step-content strong{display:block;font-family:var(--font-mincho);font-size:15.5px;color:var(--sumi);margin-bottom:6px}.guide-step-content p{font-size:13.5px;line-height:1.75;color:var(--sumi-2);margin:0}.guide-table-section{margin-block:40px}.guide-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px;border:var(--rule);border-radius:var(--radius);background:var(--card)}.guide-table{width:100%;min-width:580px;border-collapse:collapse;font-size:13.5px;line-height:1.7}.guide-table td,.guide-table th{padding:12px 16px;border-bottom:var(--rule);text-align:left;vertical-align:top}.guide-table th{background:var(--washi-2);font-family:var(--font-mincho);font-weight:600;color:var(--sumi);white-space:nowrap;letter-spacing:.04em;border-bottom:2px solid var(--rule-color)}.guide-table tbody tr:last-child td{border-bottom:none}.guide-table tbody tr:hover td{background:rgba(23,22,26,.015)}.guide-table td strong{color:var(--sumi)}.guide-table-caption{font-size:12px;color:var(--usu);margin-top:8px;line-height:1.6}.phrases-table{min-width:640px}.phrases-table .zh-col{font-family:var(--font-mincho);font-size:17px;font-weight:600;color:var(--shu);white-space:nowrap}.phrases-table .pinyin-col{font-size:12.5px;color:var(--sumi-2);white-space:nowrap}.phrases-table .pinyin-col span{display:block;font-size:11px;color:var(--usu)}.phrases-table .ja-col{font-weight:600;color:var(--sumi);white-space:nowrap}.phrases-table .scene-col{font-size:12.5px;color:var(--sumi-2)}.gestures-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:18px}@media (min-width:640px){.gestures-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width:900px){.gestures-grid{grid-template-columns:repeat(5,1fr);gap:14px}}.gesture-card{padding:14px 12px;background:var(--card);border:var(--rule);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.gesture-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(23,22,26,.05)}.gesture-num-badge{font-family:var(--font-mincho);font-size:12px;color:var(--usu);letter-spacing:.1em}.gesture-zh{font-family:var(--font-mincho);font-size:32px;font-weight:700;color:var(--shu);line-height:1.1}.gesture-pinyin{letter-spacing:.05em}.gesture-desc,.gesture-pinyin{font-size:11.5px;color:var(--sumi-2)}.gesture-desc{line-height:1.5;margin-top:2px}@media (max-width:600px){.guide-quick-facts{grid-template-columns:1fr;gap:10px;padding:14px}.quick-fact-card{padding:8px 10px}.guide-callout{padding:16px 14px;margin-block:22px}.guide-step-item{padding:14px;gap:10px}.guide-step-badge{width:28px;height:28px;font-size:13.5px}}