/* Zopswiq model guide: mobile-first, editorial and accessible */
.models-shell{max-width:1060px}.models-hero h1{max-width:850px}.model-search-panel{background:#fff;border:1px solid #d9e7df;border-radius:18px;padding:20px;margin:20px 0 22px;box-shadow:0 8px 22px #183f2b08}.model-search-panel label{display:block;font-weight:800;font-size:14px;margin-bottom:8px}.model-search-tools{display:grid;grid-template-columns:1fr 230px;gap:11px}.model-search-tools input,.model-search-tools select{min-height:50px;width:100%;min-width:0;background:#fff;border:1px solid #b7cdc1;border-radius:11px;padding:11px 13px;color:#153c35;font:inherit;font-size:16px}.model-search-tools input:focus-visible,.model-search-tools select:focus-visible,.model-action:focus-visible{outline:3px solid #4c9b7b;outline-offset:2px}.model-search-panel #modelCount{margin:11px 0 0;font-size:13px;color:#536f62}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.model-item{background:#fff;border:1px solid #dce7df;border-radius:17px;padding:20px;display:flex;flex-direction:column;min-width:0}.model-item h2{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:5px 0 8px}.model-item p{font-size:14px;line-height:1.55;margin:0 0 18px;color:#48655a}.model-year{font-size:11px;letter-spacing:.6px;font-weight:850;color:#287258;text-transform:uppercase}.model-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.model-action{display:inline-flex;align-items:center;justify-content:space-between;min-height:43px;padding:10px 12px;border-radius:10px;background:#e5f5e9;color:#15563f;text-decoration:none;font-size:13px;font-weight:800}.model-action.secondary{background:#f4f7f5;border:1px solid #deebe2}.model-action:hover{background:#d0ecda}.model-coming{font-size:12px;color:#5b7669;font-weight:700}.model-no-results{padding:22px;background:#fff;border-radius:13px}.model-note,.model-guide-panel{margin:25px 0;background:#f0f8f2;border:1px solid #d2e8d8;border-radius:18px;padding:22px}.model-note h2,.model-guide-panel h2{margin:0 0 8px;font-size:20px}.model-note p{font-size:14px}.model-note a,.model-guide-panel a{color:#126747}.model-detail .model-kicker{font-size:12px;font-weight:800;color:#277759;text-transform:uppercase;letter-spacing:.7px}.model-detail .model-lead{font-size:17px;color:#3b5a4e;max-width:790px}.model-detail .model-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.model-detail article{background:white;border:1px solid #deebe4;border-radius:17px;padding:21px}.model-detail article h2{margin:0 0 12px;font-size:20px;letter-spacing:-.25px}.model-detail article p,.model-detail article li{font-size:14px;line-height:1.7;color:#34584a}.model-detail article ul,.model-detail article ol{padding-left:21px}.model-detail article li{margin:7px 0}.model-detail .wide{grid-column:1/-1}.model-sources a{overflow-wrap:anywhere}.model-guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.model-guide-actions a{display:inline-flex;min-height:46px;padding:10px 15px;background:#d7f2df;border-radius:11px;font-weight:800;color:#174b38;text-decoration:none;align-items:center}.model-guide-actions a.secondary{background:white;border:1px solid #b6d6c2}.models-foot{margin:auto;max-width:1000px;padding:23px 20px 36px;text-align:center;color:#71837c;font-size:12px;border-top:1px solid #d8e3dd}.models-foot a{color:#246750}.models-foot p{margin:8px 0 0}@media(max-width:860px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.model-search-tools{grid-template-columns:1fr}.model-grid{grid-template-columns:1fr}.model-detail .model-grid-two{grid-template-columns:1fr}.model-detail article{padding:19px}.model-detail .wide{grid-column:auto}.model-search-panel{padding:16px}}

/* Easier to scan: guide labels and optional search filters. */
.model-item[data-guide="yes"]{border-color:#b7d9c4}
.model-guide-tag{display:inline-flex;align-self:flex-start;margin-bottom:9px;padding:4px 9px;background:#e1f3e8;color:#246a4c;border-radius:99px;font-size:10px;font-weight:850}
.model-search-extras{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-top:12px}
.model-guides-only{display:inline-flex;align-items:center;gap:9px;font-size:13px!important;font-weight:700!important;color:#315e4b;cursor:pointer}
.model-guides-only input{width:18px;height:18px;accent-color:#227854}
.model-reset-filters{min-height:40px;padding:7px 12px;border:1px solid #b4d7c1;border-radius:10px;background:white;color:#176447;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.model-reset-filters[hidden]{display:none}
.model-reset-filters:focus-visible,.model-guides-only input:focus-visible{outline:3px solid #3c8b61;outline-offset:2px}
.model-hero-action{margin-top:15px;max-width:710px}
.model-hero-action>a{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:10px 16px;border:1px solid #a7d3b6;background:#d9f2e3;color:#195a42;font-size:14px;font-weight:800;text-decoration:none;border-radius:12px}
.model-hero-action>a:hover{background:#c3e9d2}
.model-hero-action>a:focus-visible{outline:3px solid #3c8b61;outline-offset:3px}
.model-hero-action p{margin:7px 0 0;color:#60796d;font-size:12px}
@media(max-width:650px){.model-hero-action>a{width:100%;justify-content:space-between}.model-search-extras{align-items:flex-start;flex-direction:column}}

/* v6.5: never leave catalog visitors at a dead end. */
.model-no-results[hidden]{display:none}
.model-no-results{border:1px solid #dce9e1;box-shadow:0 6px 24px #183f2b0a}
.model-no-results h2{font-size:20px;color:#1c4c3b;margin:0 0 8px}
.model-no-results p{max-width:650px;font-size:14px;line-height:1.6;color:#466a58;margin:0 0 15px}
.model-empty-actions{display:flex;gap:10px;flex-wrap:wrap}
.model-empty-actions a,.model-empty-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 15px;border-radius:11px;border:1px solid #a3c9b0;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.model-empty-actions a{background:#d8f2df;color:#174c37}
.model-empty-actions button{background:#fff;color:#1b6650}
.model-empty-actions a:hover,.model-empty-actions button:hover{background:#c7e9d3}
.model-empty-actions a:focus-visible,.model-empty-actions button:focus-visible{outline:3px solid #3c8b61;outline-offset:2px}
@media(max-width:650px){.model-empty-actions{flex-direction:column}.model-empty-actions a,.model-empty-actions button{width:100%}}

/* v6.6: tell a search visitor what each action actually does. */
.model-action-explainer{font-size:12px;line-height:1.6;color:#557467;margin:7px 0 0}