body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.7;color:#2c3e50;background-color:#FFF;margin:0;padding:0 20px}h2{font-size:1.6em;border-bottom:2px solid #d4e3fe;padding-bottom:5px;margin:2em 0 1em;color:#1c2e4a}h3{font-size:1.3em;margin-top:1.5em;color:#1c2e4a;clear:both}p{margin-bottom:1em;font-size:16px;color:#2c3e50}ul{padding-left:20px;margin-bottom:1.5em}ul li{margin-bottom:.5em}.camera-comparison,.camera-data{width:100%;margin:20px 0 40px 0;position:relative;z-index:1}.table-container,.data-wrap{overflow-x:auto;box-shadow:0 4px 6px rgb(0 0 0 / .1);border-radius:8px;background:#fff;border:1px solid #ccc;-webkit-overflow-scrolling:touch;position:relative}.comparison-table,.fuji-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1200px;table-layout:auto;--cmp-scale:0.84;font-size:calc(13px * var(--cmp-scale));line-height:1.35}.camera-comparison .comparison-table thead th,.camera-data .fuji-table thead th{white-space:nowrap;text-align:left;width:max-content;min-width:max-content;padding-left:10px;padding-right:10px;background-color:#d4e3fe;color:#333;padding-top:calc(12px * var(--cmp-scale));padding-bottom:calc(12px * var(--cmp-scale));font-weight:600;font-size:calc(12px * var(--cmp-scale));border:1px solid #999;position:sticky;top:0;z-index:10}.camera-comparison .comparison-table tbody td,.camera-data .fuji-table tbody td{text-align:left;white-space:normal;word-break:break-word;hyphens:auto;max-width:0;overflow-wrap:anywhere;word-break:normal;padding:calc(10px * var(--cmp-scale)) calc(8px * var(--cmp-scale));border-bottom:1px dashed #ccc;border-right:1px solid #ccc;vertical-align:top}.camera-comparison .comparison-table th:first-child,.camera-data .fuji-table th:first-child{text-align:left;font-size:calc(13px * var(--cmp-scale));width:14ch;min-width:14ch;max-width:14ch;white-space:normal;word-break:break-word;hyphens:auto}.camera-comparison .comparison-table td:first-child,.camera-data .fuji-table td:first-child{background-color:#d4e3fe;font-weight:600;color:#333;width:14ch;min-width:14ch;max-width:14ch;white-space:normal;word-break:break-word;hyphens:auto;text-align:left}.comparison-table tr:nth-child(even) td:not(:first-child),.fuji-table tr:nth-child(even) td:not(:first-child){background-color:#fff}.comparison-table tr:nth-child(odd) td:not(:first-child),.fuji-table tr:nth-child(odd) td:not(:first-child){background-color:#f9f9f9}.comparison-table tr:hover td:not(:first-child),.fuji-table tr:hover td:not(:first-child){background-color:#e8f4f8;transition:background-color 0.2s ease}.camera-comparison .comparison-table thead th:first-child,.camera-comparison .comparison-table tbody td:first-child,.camera-data .fuji-table thead th:first-child,.camera-data .fuji-table tbody td:first-child{position:sticky;left:0;z-index:30;background:#d4e3fe;box-shadow:6px 0 6px -6px rgb(0 0 0 / .22)}.camera-comparison .comparison-table thead th:first-child,.camera-data .fuji-table thead th:first-child{top:0;z-index:50}.camera-comparison:nth-of-type(1) .comparison-table th:nth-child(6),.camera-comparison:nth-of-type(1) .comparison-table td:nth-child(6){border-right:2px solid red}.camera-comparison:nth-of-type(1) .comparison-table th:nth-child(11),.camera-comparison:nth-of-type(1) .comparison-table td:nth-child(11){border-right:2px solid red}.camera-comparison:nth-of-type(2) .comparison-table th:nth-child(11),.camera-comparison:nth-of-type(2) .comparison-table td:nth-child(11){border-right:1px solid #999}.camera-comparison:nth-of-type(2) .comparison-table th:nth-child(9),.camera-comparison:nth-of-type(2) .comparison-table td:nth-child(9){border-right:2px solid red}.camera-comparison:nth-of-type(3) .comparison-table th:nth-child(3),.camera-comparison:nth-of-type(3) .comparison-table td:nth-child(3),.camera-data .fuji-table th:nth-child(3),.camera-data .fuji-table td:nth-child(3){border-right:2px solid red}.camera-comparison:nth-of-type(3) .comparison-table th:nth-child(6),.camera-comparison:nth-of-type(3) .comparison-table td:nth-child(6),.camera-data .fuji-table th:nth-child(6),.camera-data .fuji-table td:nth-child(6){border-right:1px solid #999}#section-3-container{position:relative;isolation:isolate;z-index:1;margin-bottom:60px;overflow:visible}#section-3-container::after{content:"";display:block;clear:both;height:30px;margin-top:30px;border-bottom:1px solid #fff0}.camera-data{isolation:isolate;position:relative;z-index:2}.section-separator{clear:both;height:30px;margin:30px 0;border-bottom:1px solid #eee;visibility:visible!important;display:block!important}.canon-table thead th{background-color:#d4e3fe;color:#1c2e4a;font-weight:600;border:1px solid #bbb;text-align:center}.canon-table td:first-child{background-color:#d4e3fe;font-weight:600;color:#1c2e4a;text-align:left;white-space:nowrap}.canon-table td,.canon-table th{border:1px solid #ccc;padding:10px 8px}.canon-table tbody tr:nth-child(even) td:not(:first-child){background-color:#fff}.canon-table tbody tr:nth-child(odd) td:not(:first-child){background-color:#f9f9f9}.canon-table thead th{position:sticky;top:0;z-index:5}.canon-table td:first-child,.canon-table th:first-child{position:sticky;left:0;z-index:6}.canon-table .rank-1{background-color:#b7e1b0!important}.canon-table .rank-2{background-color:#d4edc9!important}.canon-table .rank-3{background-color:#e9f7e4!important}.canon-table .rank-1,.canon-table .rank-2,.canon-table .rank-3{color:#1c2e4a}.canon-table tbody tr:hover td:not(.rank-1):not(.rank-2):not(.rank-3){background-color:#eef6ff}.lens-table{border-collapse:collapse;width:100%;font-size:14px;margin-bottom:2em;table-layout:fixed}.lens-table thead th{background-color:#d4e3fe;color:#1c2e4a;font-weight:600;border:1px solid #ccc;text-align:center;padding:10px 6px;position:sticky;top:0;z-index:5}.lens-table th:nth-child(1){width:20%}.lens-table th:nth-child(2){width:10%}.lens-table th:nth-child(3){width:10%}.lens-table th:nth-child(4){width:10%}.lens-table th:nth-child(5){width:10%}.lens-table th:nth-child(6){width:20%}.lens-table td{border:1px solid #ddd;padding:8px 6px;vertical-align:top;word-wrap:break-word}.lens-table tbody tr:nth-child(even) td{background-color:#fafafa}.lens-table tbody tr:nth-child(odd) td{background-color:#fff}.lens-table tbody tr:hover td{background-color:#eef6ee}.lens-table td:first-child{font-weight:600;color:#2b3d2f;background-color:#f6f9f6}.toc{background-color:#d4e3fe;border:1px solid #a4b8f0;border-radius:6px;padding:1.5em;margin-bottom:2em;font-family:inherit}.toc h2{font-size:1.6em;font-weight:700;color:#1c2e4a;border-bottom:2px solid #a4b8f0;padding-bottom:.4em;margin-bottom:1em}.toc>ul{list-style:none;padding-left:0;margin:0}.toc>ul>li{margin-bottom:.8em;line-height:1.5em}.toc a{text-decoration:none;color:#0b3d91;border-bottom:1px dashed #5a8dee;transition:all 0.2s ease}.toc a:hover{color:#062b6f;border-bottom-color:#062b6f}.toc ul ul{column-count:2;column-gap:2em;list-style:none;padding-left:0;margin-top:.4em}.toc ul ul li{margin-bottom:.5em;break-inside:avoid}.toc ul ul a{font-size:.95em}.post-content{overflow:visible!important;position:relative;z-index:1}@media (max-width:768px){.table-container,.data-wrap{margin-left:-20px;margin-right:-20px;border-radius:0;width:calc(100% + 40px)}}