.suppliers{min-width:0;max-width:1120px;margin:auto;font-family:Arial,sans-serif;color:#222}.supplier-banner{display:block;width:100%;height:auto;border-radius:5px}.supplier-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.supplier-search{padding:22px 0;margin:0}.supplier-search label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.supplier-search>div{display:flex;gap:10px}.supplier-search input{flex:1;min-width:0;width:100%;border:1px solid #d7d2c5;border-radius:8px;padding:12px 14px;background:#fff;font-size:16px}.supplier-search button{border-color:#c9b677;color:#332d1b;flex-shrink:0}.supplier-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.supplier-section-grid[hidden]{display:none}.supplier-section-card{display:block;min-width:0;border-radius:4px;overflow:hidden;background:#222;transition:transform .16s,box-shadow .16s}.supplier-section-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #332e2020}.supplier-section-card:focus-visible{outline:3px solid #a97e28;outline-offset:4px}.supplier-section-card img{display:block;width:100%;height:auto;aspect-ratio:1218/732}.supplier-back{display:inline-flex;align-items:center;min-height:44px;color:#706143;font-size:13px;text-decoration:none;margin:0 0 10px}.supplier-title{background:#222;color:#e6d295;border:1px solid #d8c48b;padding:28px 30px;border-radius:5px;margin-bottom:24px}.supplier-title>span{font-size:13px;color:#c1b898}.supplier-title h1{font-size:clamp(23px,3vw,34px);line-height:1.25;margin:7px 0;letter-spacing:-.02em;overflow-wrap:anywhere}.supplier-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.supplier-text-card{display:flex;flex-direction:column;min-width:0;min-height:175px;background:#222;color:#eee;text-decoration:none;border:1px solid #cab77e;border-radius:5px;overflow:hidden}.supplier-text-card h2{font-size:21px;line-height:1.3;color:#eee;padding:22px 24px;margin:0;overflow-wrap:anywhere}.supplier-text-card p{font-size:12px;color:#bfb7a5;margin:0 24px 20px}.supplier-text-card>span{display:block;background:linear-gradient(105deg,#d8bf75,#f7eccb,#d4b967);color:#25231c;font-size:12px;font-weight:bold;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:12px;margin-top:auto}.supplier-article{background:white;border:1px solid #e6e0d5;border-radius:10px;padding:8px 28px;overflow-wrap:anywhere}.supplier-source-block{scroll-margin-top:20px;min-width:0}.supplier-source-block>div{max-width:100%}.supplier-source-block h2{font-size:clamp(23px,2.7vw,34px)!important}.supplier-source-block h3{font-size:22px!important}.supplier-source-block img{max-width:100%;height:auto}.supplier-source-block a{overflow-wrap:anywhere}.supplier-source-block li{margin:5px 0}.supplier-source-block [style*="display:flex"],.supplier-source-block [style*="display: flex"]{flex-wrap:wrap}.supplier-empty{background:#fff;border:1px solid #e6dfcf;border-radius:8px;padding:24px;color:#766e5b}.supplier-bottom{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}.supplier-search-results{display:grid;gap:14px;margin-bottom:24px}.supplier-search-results>a{display:block;background:#fff;border:1px solid #ddd4be;border-radius:8px;padding:22px;text-decoration:none;color:#333;min-width:0;overflow-wrap:anywhere}.supplier-search-results h2{font-size:22px;color:#292820;margin:9px 0}.supplier-search-results small,.supplier-result-count{font-size:12px;color:#756747}.supplier-search-results p{font-size:14px;line-height:1.5;color:#60615b}.supplier-search-results span{font-size:13px;color:#7a642b}.suppliers a:focus-visible{outline:3px solid #b28c39;outline-offset:3px}
@media(max-width:1100px){.supplier-section-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.supplier-section-grid,.supplier-lesson-grid{grid-template-columns:1fr}.supplier-title{padding:20px}.supplier-article{padding:4px 16px}.supplier-search>div{gap:8px}.supplier-search input{padding:11px}.supplier-search-results>a{padding:18px}.supplier-source-block [style*="padding:14px 16px"],.supplier-source-block [style*="padding: 14px 16px"]{padding:12px!important}.supplier-banner{min-height:72px;object-fit:cover;object-position:left}}