.mtf-site{max-width:1180px;margin:24px auto 48px;color:#1d3044}.mtf-site__intro{padding:clamp(20px,4vw,48px);border:1px solid #dbe5ef;border-radius:16px;background:#f4f7fa;margin-bottom:28px}
.mtf-site h1{font-size:clamp(28px,4vw,44px);line-height:1.18;color:#013564;margin:0 0 18px}.mtf-site h2{font-size:clamp(21px,2.5vw,28px);line-height:1.25;color:#013564}.mtf-site p{line-height:1.65;max-width:80ch}.mtf-site__eyebrow{font-size:12px;letter-spacing:.1em;font-weight:700;color:#013564}.mtf-site a{color:#013564}.mtf-site .btn-primary{color:#fff;background:#013564;border-color:#013564;min-height:44px}.mtf-site__note{font-size:13px;color:#53687a;margin-top:18px}.mtf-site__empty{padding:24px;border:1px dashed #a8b8ca;border-radius:10px}
.mtf-site-grid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mtf-site-card{position:relative;overflow:hidden;border:1px solid #dbe5ef;border-radius:14px;min-width:0}.mtf-site-card>div{padding:20px}.mtf-site-card h2{font-size:21px}.mtf-site-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.mtf-site-card a{font-weight:700;text-decoration:none}.mtf-site-card a:hover{text-decoration:underline}.mtf-site-card a::after,.mtf-design-categories__card .mtf-category-link::after{content:"";position:absolute;inset:0}.mtf-site-card:focus-within,.mtf-design-categories__card:focus-within{outline:3px solid #013564;outline-offset:3px}.mtf-design-categories__card{position:relative}.mtf-category-link{color:inherit;text-decoration:none}.mtf-category-link:hover{text-decoration:underline}
.mtf-site-search{max-width:700px;margin:24px 0 0}.mtf-site-search label{display:block;font-weight:600;margin:0 0 8px}.mtf-site-search>div{display:flex;gap:10px}.mtf-site-search input{min-width:0;flex:1;border:1px solid #8099b1;border-radius:6px;padding:10px 12px;min-height:44px;font:inherit}
@media(max-width:991px){.mtf-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.mtf-site-grid{grid-template-columns:1fr}.mtf-site-search>div{flex-wrap:wrap}.mtf-site-search input{flex-basis:100%}.mtf-site-search button{width:100%}}