header nav{flex-wrap:wrap}code{font:13px/1.7 Consolas,'Malgun Gothic',monospace;background:#edf1ec;border-radius:4px;padding:2px 4px;overflow-wrap:anywhere}.codebox{border:1px solid #d4dfd5;border-radius:9px;overflow:hidden;margin:24px 0;background:#f4f7f1}.codebar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d4dfd5;padding:10px 16px;color:#60715f;font-size:11px}.codebar button{font:inherit;cursor:pointer;background:white;border:1px solid #c7d5c5;border-radius:4px;padding:6px 12px;color:#23674d;white-space:nowrap}.codebox pre{margin:0;overflow:auto;padding:22px;tab-size:4;line-height:1.8;word-break:normal;overflow-wrap:normal}.codebox code{background:none;padding:0;white-space:pre;overflow-wrap:normal;font-size:12px}.refs{font-size:12px;color:#6d7973;margin:15px 0 25px}.refs a{white-space:normal}.case-grid{display:grid;gap:18px;margin:26px 0}.case-grid article{padding:26px;border:1px solid var(--line);border-radius:9px;background:#fff}.case-grid h3{margin:12px 0}.case-grid p{font-size:15px}.case-grid .limit{font-size:13px;color:#70766b;padding-top:14px;border-top:1px solid var(--line)}.case-grid a{font-size:13px}.tag{font-size:11px;letter-spacing:.03em;color:#557047;background:#eef3e8;padding:5px 9px;border-radius:3px}.timeline a{font-size:12px}.table-wrap th:first-child{width:23%}.table-wrap td{vertical-align:top}.table-wrap code{font-size:12px}#copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#244a37;color:#fff;border-radius:6px;padding:10px 20px;font-size:13px;z-index:20}#copy-status:empty{display:none}button:focus-visible{outline:3px solid #ad7022;outline-offset:3px}@media(max-width:780px){header nav{width:100%;gap:3px}header nav a{padding:6px 8px;font-size:11px}.hero h1{font-size:30px}.codebox pre{padding:15px}.case-grid article{padding:20px}.table-wrap{font-size:13px}html{scroll-padding-top:125px}}@media print{.codebar button{display:none}.codebox pre{white-space:pre-wrap}.codebox code{white-space:pre-wrap}}

.landscape-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.landscape-jumps a{padding:8px 14px;border:1px solid #c7d5c5;border-radius:20px;font-size:13px;background:#f4f7f1}.landscape-table td:nth-child(2){width:23%;font-size:13px;color:#4c674f}.landscape-table td{font-size:14px}.landscape-table th:first-child{width:28%}#landscape li{margin:14px 0}#landscape h3[id]{scroll-margin-top:100px}
.compare-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:28px 0 12px;padding:18px;background:#edf3e9;border-radius:8px}.compare-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#405540}.compare-controls input,.compare-controls select{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #bacdb8;border-radius:5px;background:#fff;color:#253b2c}.compare-controls input{width:235px;max-width:100%}#model-count{font-size:12px;padding-bottom:10px}.model-comparison{max-width:100%;overflow-x:auto;border:1px solid #d4dfd5;border-radius:8px}.model-comparison table{min-width:1280px;table-layout:fixed;margin:0}.model-comparison th:first-child{width:210px}.model-comparison th:nth-child(2){width:180px}.model-comparison th:nth-child(3){width:245px}.model-comparison th:nth-child(4){width:265px}.model-comparison th:nth-child(5){width:240px}.model-comparison th:nth-child(6){width:140px}.model-comparison td,.model-comparison tbody th{vertical-align:top;font-size:13px;line-height:1.75;padding:18px 15px;font-weight:normal;word-break:normal;overflow-wrap:anywhere}.model-comparison tbody th{background:#f5f7ef;text-align:left}.model-comparison caption{text-align:left;padding:14px 16px;background:#e7eedf;font-size:12px}.model-comparison .refs{margin:10px 0 0;font-size:11px}.model-comparison tr[hidden]{display:none}.cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.cost-grid>div{padding:20px;border:1px solid #d4dfd5;border-radius:8px;background:#fafbf7}.cost-grid b{display:block;font-size:25px;color:#35684b}.cost-grid span{font-size:12px}#comparison li{margin:10px 0}#comparison input:focus-visible,#comparison select:focus-visible,.model-comparison:focus-visible{outline:3px solid #ad7022;outline-offset:3px}@media(max-width:780px){.cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-controls{gap:12px}.compare-controls input{width:200px}}@media print{.compare-controls{display:none}.model-comparison table{min-width:0;table-layout:auto}.model-comparison th{width:auto!important}.model-comparison td,.model-comparison tbody th{font-size:9px;padding:5px}.model-comparison tr[hidden]{display:table-row}}