.table-wrap{overflow-x:auto;margin:24px 0;border-radius:10px;box-shadow:0 2px 10px #0000000f}.article-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;min-width:560px}.article-table thead tr{background:#0f2848;color:#fff}.article-table th{padding:12px 16px;text-align:left;font-weight:700;font-size:13px;white-space:nowrap}.article-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;vertical-align:top;color:#333;line-height:1.6}.article-table tbody tr:last-child td{border-bottom:none}.article-table tbody tr:hover td{background:#f4f8fa}.article-table .row-label{font-weight:700;color:#0f2848;white-space:nowrap}.table-note{font-size:12px;color:#777;line-height:1.7;margin:-12px 0 24px}.flow-map{background:#f4f8fa;border-radius:12px;padding:20px;margin:24px 0;display:grid;gap:12px}.flow-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;background:#fff;border:1px solid #e0eaf2;border-radius:10px;padding:14px 18px}.flow-num{width:36px;height:36px;border-radius:50%;background:#0f2848;color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}.flow-row.base .flow-num{background:#00b900}.flow-name{display:block;font-size:15px;font-weight:800;color:#0f2848}.flow-path{display:inline-block;font-size:12px;font-weight:700;color:#0f2848;background:#f4f8fa;border-radius:999px;padding:3px 10px;margin:6px 0 8px}.flow-body p{font-size:13px;color:#555;line-height:1.75;margin:0}.ability-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.ability-col{background:#fff;border:1px solid #e0eaf2;border-radius:10px;overflow:hidden}.ability-head{padding:10px 18px;font-size:14px;font-weight:800;color:#fff}.ability-col.can .ability-head{background:#00b900}.ability-col.cannot .ability-head{background:#e5004f}.ability-list{list-style:none;padding:16px 18px;margin:0}.ability-list li{font-size:14px;color:#444;line-height:1.8;padding-left:20px;position:relative;margin-bottom:8px}.ability-list li:last-child{margin-bottom:0}.ability-col.can .ability-list li:before{content:"✓";position:absolute;left:0;color:#00b900;font-weight:800}.ability-col.cannot .ability-list li:before{content:"×";position:absolute;left:0;color:#e5004f;font-weight:800}.flow-steps{list-style:none;padding:0;margin:24px 0;counter-reset:flow}.flow-steps li{counter-increment:flow;position:relative;background:#f4f8fa;border-radius:8px;padding:12px 16px 12px 52px;margin-bottom:10px;font-size:14px;color:#444;line-height:1.75}.flow-steps li:last-child{margin-bottom:0}.flow-steps li:before{content:counter(flow);position:absolute;left:14px;top:12px;width:26px;height:26px;background:#00b900;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.check-list{list-style:none;padding:18px 20px;margin:24px 0;background:#f4f8fa;border-radius:10px}.check-list li{font-size:14px;color:#444;line-height:1.8;padding-left:28px;position:relative;margin-bottom:10px}.check-list li:last-child{margin-bottom:0}.check-list li:before{content:"✓";position:absolute;left:0;top:2px;width:18px;height:18px;border:2px solid #00B900;border-radius:4px;color:#00b900;font-size:12px;font-weight:800;line-height:16px;text-align:center;background:#fff}.pitfall-list{list-style:none;padding:0;margin:24px 0;counter-reset:pitfall}.pitfall-item{counter-increment:pitfall;position:relative;background:#fff;border:1px solid #e0eaf2;border-radius:10px;padding:16px 18px 16px 58px;margin-bottom:12px}.pitfall-item:last-child{margin-bottom:0}.pitfall-item:before{content:counter(pitfall);position:absolute;left:16px;top:18px;width:28px;height:28px;background:#e5004f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.pitfall-title{font-size:15px;font-weight:700;color:#0f2848;margin-bottom:6px}.pitfall-desc{font-size:14px;color:#555;line-height:1.8;margin:0}.pitfall-fix{display:block;font-size:13px;color:#00b900;font-weight:700;margin-top:8px}@media(max-width:768px){.ability-cols{grid-template-columns:1fr}}@media(max-width:480px){.flow-row{grid-template-columns:1fr;gap:8px}}