.article-section code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#f4f8fa;border:1px solid #e0eaf2;border-radius:4px;padding:1px 6px;color:#0f2848;word-break:break-all}.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}.article-table .ok{color:#00b900;font-weight:800;white-space:nowrap}.article-table .ng{color:#e5004f;font-weight:800;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}.priority-stack{list-style:none;padding:0;margin:24px 0;counter-reset:priority}.priority-item{counter-increment:priority;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;background:#fff;border:1px solid #e0eaf2;border-radius:10px;padding:14px 18px;margin-bottom:10px}.priority-item:last-child{margin-bottom:0}.priority-item:before{content:counter(priority);width:44px;height:44px;border-radius:50%;background:#0f2848;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}.priority-item:first-child:before{background:#00b900}.priority-name{display:block;font-size:15px;font-weight:700;color:#0f2848}.priority-sub{display:block;font-size:13px;color:#666;margin-top:4px;line-height:1.7}.means-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.means-card{background:#fff;border:1px solid #e0eaf2;border-radius:10px;padding:18px}.means-name{font-size:15px;font-weight:800;color:#0f2848;margin-bottom:8px}.means-cost{font-size:12px;color:#666;background:#f4f8fa;border-radius:6px;padding:8px 10px;margin-bottom:10px;line-height:1.6}.means-desc{font-size:13px;color:#555;line-height:1.75;margin:0}.tab-demo{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0 8px}.tab-mock{background:#fff;border:1px solid #e0eaf2;border-radius:10px;overflow:hidden}.tab-mock-caption{font-size:12px;font-weight:700;color:#0f2848;background:#f4f8fa;padding:8px 12px}.tab-bar{display:grid;grid-template-columns:repeat(2,1fr)}.tab-bar span{font-size:12px;font-weight:700;text-align:center;padding:8px 4px;background:#e9eef3;color:#777}.tab-bar span.active{background:#00b900;color:#fff}.tab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e0eaf2}.tab-grid span{background:#fff;font-size:12px;color:#444;text-align:center;padding:18px 4px}.tab-demo-note{font-size:12px;color:#666;line-height:1.7;text-align:center;margin:0 0 24px}.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:170px 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}.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,.means-cards,.tab-demo{grid-template-columns:1fr}}@media(max-width:480px){.design-row{grid-template-columns:1fr}.design-label{padding-bottom:4px}.priority-item{grid-template-columns:36px minmax(0,1fr);padding:12px 14px}.priority-item:before{width:36px;height:36px;font-size:15px}}