.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:520px}.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}.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}.flow-steps li strong{color:#0f2848}.design-sheet{background:#fff;border:1px solid #e0eaf2;border-radius:10px;overflow:hidden;margin:24px 0}.design-sheet-title{background:#0f2848;color:#fff;font-size:13px;font-weight:700;padding:10px 18px}.design-row{display:grid;grid-template-columns:190px minmax(0,1fr);border-bottom:1px solid #f0f0f0}.design-row:last-child{border-bottom:none}.design-label{background:#f4f8fa;font-size:13px;font-weight:700;color:#0f2848;padding:12px 18px;line-height:1.6}.design-value{font-size:14px;color:#333;padding:12px 18px;line-height:1.8}.design-value strong{color:#00b900}.formula{background:#f0fdf0;border:1px solid #b3e6b3;border-radius:8px;padding:14px 18px;margin:16px 0 24px;font-size:15px;font-weight:700;color:#0f2848;text-align:center;line-height:1.8}.formula span{color:#00b900}.copy-parts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.copy-part{display:flex;gap:12px;background:#fff;border:1px solid #e0eaf2;border-radius:10px;padding:16px}.copy-part-no{flex-shrink:0;width:28px;height:28px;background:#0f2848;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.copy-part-name{font-size:15px;font-weight:700;color:#0f2848;margin-bottom:4px}.copy-part-body p{font-size:13px;color:#555;line-height:1.75;margin:0}.msg-sample{background:#f4f8fa;border-radius:12px;padding:18px 20px;margin:16px 0 24px}.msg-sample-label{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#00b900;border-radius:999px;padding:3px 12px;margin-bottom:12px}.msg-sample-body{background:#fff;border-radius:4px 16px 16px;box-shadow:0 1px 4px #0000000f;padding:14px 18px;font-size:14px;color:#333;line-height:1.85;max-width:480px}.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,.copy-parts{grid-template-columns:1fr}}@media(max-width:480px){.design-row{grid-template-columns:1fr}.design-label{padding-bottom:4px}}