/* Shared build cards. The complete card is one genuine material link. */

body.mcf-azure .bld-card.azure-build-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d6e5f8;border-radius:13px;background:#fff;color:#122b54;text-decoration:none;overflow:hidden;box-shadow:0 4px 15px #16467d08;transform:none;transition:transform .18s,border-color .18s,box-shadow .18s}

body.mcf-azure .bld-card.azure-build-card:hover{border-color:#91b9ff;box-shadow:0 10px 26px #1f62b51a;transform:translateY(-3px)}

body.mcf-azure .azure-build-card:focus-visible{outline:3px solid #8bb5ff;outline-offset:4px}

body.mcf-azure .azure-build-card .azure-build-card__cover{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:16/11;width:100%;background:linear-gradient(145deg,#d5ecff,#eff8ff);overflow:hidden;isolation:isolate}

body.mcf-azure .azure-build-card__cover::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#061c4b70);pointer-events:none;z-index:0}

body.mcf-azure .azure-build-card__cover img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transition:transform .3s}

/* mobile-fix.css otherwise forces every image inside main to height:auto. */

body.mcf-azure #main-content .azure-build-card__cover img{height:100%!important}

body.mcf-azure .azure-build-card:hover .azure-build-card__cover img{transform:scale(1.035)}

body.mcf-azure .azure-build-card__placeholder{display:grid;place-items:center;width:72px;height:72px;color:#5687c9}

body.mcf-azure .azure-build-card__placeholder svg{width:64px;height:64px}

body.mcf-azure .azure-build-card .bld-badge{position:absolute;z-index:1;max-width:calc(100% - 20px);margin:0;border:0;font:500 10px/1.2 Rubik,Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:normal;backdrop-filter:none;box-shadow:none}

body.mcf-azure .azure-build-card .azure-build-card__category{top:auto;bottom:10px;left:10px;right:auto;border-radius:5px;padding:5px 8px;background:#ffffffed;color:#183b70}

body.mcf-azure .azure-build-card .azure-build-card__premium{display:inline-flex;align-items:center;gap:4px;top:10px;right:10px;bottom:auto;left:auto;background:#ffe77b;color:#654805;border-radius:5px;padding:5px 7px;box-shadow:0 2px 8px #06275515}

body.mcf-azure .azure-build-card__premium svg{width:13px;height:13px;flex:none}

body.mcf-azure .azure-build-card__3d{position:absolute;z-index:1;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #ffffff60;border-radius:5px;background:#0954ffed;color:#fff;font:600 10px/1.2 Rubik,Arial,sans-serif}

body.mcf-azure .azure-build-card__3d svg{width:13px;height:13px}

body.mcf-azure .azure-build-card .azure-build-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:14px;min-width:0}

body.mcf-azure .azure-build-card .bld-body h3{margin:0;color:#0b234a;font:800 20px/1.15 var(--azure-heading-font,'Roboto Condensed',Arial,sans-serif);font-family:var(--azure-heading-font,'Roboto Condensed',Arial,sans-serif)!important;letter-spacing:-.015em;overflow-wrap:anywhere}

body.mcf-azure .azure-build-card:hover .bld-body h3{color:#0954ff}

body.mcf-azure .azure-build-card .azure-build-card__facts{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:auto;font:400 11px/1.3 Rubik,Arial,sans-serif;color:#597594}

body.mcf-azure .azure-build-card .azure-build-card__facts>span{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;border-radius:0;background:none;color:inherit;font-weight:400;white-space:nowrap}

body.mcf-azure .azure-build-card__facts svg{width:14px;height:14px;flex:none;color:#6a94d0}

body.mcf-azure .azure-build-card__compatibility{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;color:#587494;font:400 10px/1.25 Rubik,Arial,sans-serif}

body.mcf-azure .azure-build-card .bld-label{margin:0;color:#597594;font:inherit}

body.mcf-azure .azure-build-card__format{padding:3px 5px;border-radius:4px;background:#edf4ff;color:#547cbc;font-size:9px}

body.mcf-azure .azure-build-card__footer{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:10px;border-top:1px solid #edf2fa}

body.mcf-azure .azure-build-card .bld-social{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin:0;min-width:0;color:#738bac;font:400 10px/1.2 Rubik,Arial,sans-serif}

body.mcf-azure .azure-build-card .bld-social>span{display:inline-flex;align-items:center;gap:3px;font:inherit;background:none;border:0;padding:0}

body.mcf-azure .azure-build-card .bld-social svg{width:13px;height:13px;flex:none;color:#678ecd}

body.mcf-azure .azure-build-card__action{margin-left:auto;display:inline-flex;align-items:center;gap:7px;flex:none;padding:6px 8px;border-radius:5px;background:#edf4ff;color:#0954ff;font:500 10px/1.2 Rubik,Arial,sans-serif;transition:background .18s,color .18s}

body.mcf-azure .azure-build-card:hover .azure-build-card__action{background:#0954ff;color:#fff}

body.mcf-azure .azure-build-card__action>span{font-size:16px;line-height:1}

@media(max-width:600px){

 body.mcf-azure .bld-card.azure-build-card{border-radius:10px}

 body.mcf-azure .azure-build-card .azure-build-card__body{padding:10px;gap:8px}

 body.mcf-azure .azure-build-card .bld-body h3{font-size:17px;line-height:1.17}

 body.mcf-azure .azure-build-card .bld-badge{font-size:8px;max-width:calc(100% - 12px)}

 body.mcf-azure .azure-build-card .azure-build-card__category{left:6px;bottom:6px;padding:4px 5px}

 body.mcf-azure .azure-build-card .azure-build-card__premium{top:6px;right:6px;padding:4px 5px;gap:2px}

 body.mcf-azure .azure-build-card__premium svg{width:10px;height:10px}

 body.mcf-azure .azure-build-card__3d{top:6px;left:6px;padding:4px;font-size:8px;gap:2px}

 body.mcf-azure .azure-build-card__3d svg{width:10px;height:10px}

 body.mcf-azure .azure-build-card .azure-build-card__facts{font-size:9px;gap:5px 7px}

 body.mcf-azure .azure-build-card__facts svg{width:12px;height:12px}

 body.mcf-azure .azure-build-card__compatibility{font-size:9px}

 body.mcf-azure .azure-build-card__format{font-size:8px}

 body.mcf-azure .azure-build-card__footer{flex-wrap:wrap;gap:7px;padding-top:8px}

 body.mcf-azure .azure-build-card__action{margin-left:auto;font-size:9px;padding:5px 7px}

 body.mcf-azure .azure-build-card .bld-social{font-size:9px;gap:4px 6px}

}

@media(prefers-reduced-motion:reduce){body.mcf-azure .bld-card.azure-build-card,body.mcf-azure .azure-build-card__cover img{transition:none;transform:none!important}}


/* R6: larger, readable facts and quieter framing for real catalogue artwork. */
body.mcf-azure .bld-card.azure-build-card{border-color:#d2e3f5;border-radius:16px;box-shadow:none;transition:transform .2s,border-color .2s,box-shadow .2s}
body.mcf-azure .bld-card.azure-build-card:hover{border-color:#91b9ff;box-shadow:0 9px 24px #1f62b514;transform:translateY(-4px)}
body.mcf-azure .azure-build-card .azure-build-card__cover{aspect-ratio:16/11;background:#e9f5ff}
body.mcf-azure .azure-build-card__cover::after{inset:65% 0 0;background:linear-gradient(transparent,#08234b52)}
body.mcf-azure .azure-build-card .azure-build-card__category{font-size:11px;padding:6px 9px;background:#fffffff2;color:#214771}
body.mcf-azure .azure-build-card .azure-build-card__premium{font-size:11px;padding:6px 8px;border:1px solid #fff0a8;background:#ffea93;box-shadow:none}
body.mcf-azure .azure-build-card .azure-build-card__body{padding:16px;gap:12px}
body.mcf-azure .azure-build-card .bld-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:22px;line-height:1.2;min-height:2.4em;color:#102d51}
body.mcf-azure .azure-build-card .azure-build-card__facts{font-size:12px;line-height:1.4;gap:7px 12px;color:#496788}
body.mcf-azure .azure-build-card__facts svg{width:15px;height:15px;color:#3576c9}
body.mcf-azure .azure-build-card__compatibility{font-size:11px;line-height:1.4;gap:7px}
body.mcf-azure .azure-build-card .bld-label{color:#506986}
body.mcf-azure .azure-build-card__format{padding:3px 6px;font-size:11px;color:#36619a;background:#eff5fd}
body.mcf-azure .azure-build-card__footer{min-height:39px;gap:9px;flex-wrap:wrap;border-top-color:#e7eef7}
body.mcf-azure .azure-build-card .bld-social{font-size:11px;color:#4c698c;gap:6px 10px}
body.mcf-azure .azure-build-card .bld-social svg{width:14px;height:14px;color:#3576c9}
body.mcf-azure .azure-build-card .azure-build-card__downloads{font-variant-numeric:tabular-nums}
body.mcf-azure .azure-build-card__action{font-size:11px;padding:7px 9px;border-radius:6px;min-height:29px}
@media(max-width:600px){
 body.mcf-azure .bld-card.azure-build-card{border-radius:12px}
 body.mcf-azure .azure-build-card .azure-build-card__body{padding:11px;gap:10px}
 body.mcf-azure .azure-build-card .bld-body h3{font-size:18px;line-height:1.2}
 body.mcf-azure .azure-build-card .azure-build-card__category{font-size:10px;left:7px;bottom:7px;padding:5px 6px}
 body.mcf-azure .azure-build-card .azure-build-card__premium{font-size:10px;top:7px;right:7px;padding:5px 6px}
 body.mcf-azure .azure-build-card__premium svg{width:12px;height:12px}
 body.mcf-azure .azure-build-card .azure-build-card__facts{font-size:11px;gap:6px 9px}
 body.mcf-azure .azure-build-card .azure-build-card__facts>span{white-space:normal;overflow-wrap:anywhere}
 body.mcf-azure .azure-build-card__facts svg{width:13px;height:13px}
 body.mcf-azure .azure-build-card__compatibility{font-size:10px;gap:5px}
 body.mcf-azure .azure-build-card__format{font-size:10px;padding:3px 5px}
 body.mcf-azure .azure-build-card .bld-social{font-size:10px;gap:5px 8px}
 body.mcf-azure .azure-build-card__action{font-size:10px;padding:6px 7px}
}
@media(prefers-reduced-motion:reduce){body.mcf-azure .bld-card.azure-build-card{transition:none;transform:none!important}}

/* R7: useful project cards, complete images and readable names. */

body.mcf-azure .bld-card.azure-build-card{border:1px solid #d6e4f1;border-radius:17px;background:#fff;box-shadow:0 2px 4px #123d6303;transition:transform .22s,border-color .22s,box-shadow .22s}

body.mcf-azure .bld-card.azure-build-card:hover{transform:translateY(-3px);border-color:#95bde8;box-shadow:0 8px 20px #224e7c0d}

body.mcf-azure .azure-build-card .azure-build-card__cover{aspect-ratio:16/11;border-bottom:1px solid #e4eef8;background:linear-gradient(150deg,#e5f3fc,#f7fbff)}

body.mcf-azure #main-content .azure-build-card__cover img{width:100%;height:100%!important;object-fit:contain;transform:none;transition:filter .2s}

body.mcf-azure .azure-build-card:hover .azure-build-card__cover img{transform:none;filter:saturate(1.06)}

body.mcf-azure .azure-build-card__cover::after{display:none}

body.mcf-azure .azure-build-card .azure-build-card__category{padding:6px 9px;border:1px solid #d8e6f2;border-radius:7px;background:#fffffff5;color:#2e537c;line-height:1.25;font-size:11px}

body.mcf-azure .azure-build-card .azure-build-card__premium{border-radius:7px;border:1px solid #ffe39b;background:#fff0b4;color:#684a08;font-size:11px;gap:4px}

body.mcf-azure .azure-build-card .azure-build-card__body{padding:17px;gap:13px}

body.mcf-azure .azure-build-card .bld-body h3{display:block;overflow:visible;min-height:2.5em;-webkit-line-clamp:unset;font:700 20px/1.25 Rubik,Arial,sans-serif;font-family:Rubik,Arial,sans-serif!important;letter-spacing:-.02em;text-wrap:pretty;color:#163452}

body.mcf-azure .azure-build-card .azure-build-card__facts{font-size:12px;color:#496985;gap:8px 12px}

body.mcf-azure .azure-build-card .azure-build-card__facts>span{white-space:normal}

body.mcf-azure .azure-build-card__compatibility{font-size:11px;line-height:1.4}

body.mcf-azure .azure-build-card__format{padding:4px 7px;border:1px solid #deebf7;border-radius:5px;background:#f4f8fd;color:#42688e;font-size:11px}

body.mcf-azure .azure-build-card__footer{min-height:43px;border-top:1px solid #e7eef5;padding-top:11px}

body.mcf-azure .azure-build-card .bld-social{gap:7px 10px;font-size:11px;color:#4b6c8c}

body.mcf-azure .azure-build-card__action{min-height:32px;padding:7px 10px;border:1px solid #deebfa;border-radius:7px;background:#f1f7ff;color:#1260d6;font-size:11px;font-weight:500;gap:8px}

body.mcf-azure .azure-build-card__action svg{width:17px;height:17px;flex:none}

body.mcf-azure .azure-build-card:hover .azure-build-card__action{background:#0954ff;border-color:#0954ff;color:#fff}

body.mcf-azure.azure-builds-catalog .b7-catalog .azure-build-card .azure-build-card__body{padding:17px;gap:13px}

body.mcf-azure.azure-builds-catalog .b7-catalog .azure-build-card .bld-body h3{font:700 20px/1.25 Rubik,Arial,sans-serif!important;letter-spacing:-.02em}

body.mcf-azure.azure-builds-detail #bv-related .azure-build-card .bld-body h3{font:700 20px/1.25 Rubik,Arial,sans-serif!important}

@media(max-width:600px){

 body.mcf-azure .bld-card.azure-build-card{border-radius:12px}

 body.mcf-azure .azure-build-card .azure-build-card__body{padding:12px;gap:11px}

 body.mcf-azure .azure-build-card .bld-body h3{font-size:17px;line-height:1.28}

 body.mcf-azure.azure-builds-catalog .b7-catalog .azure-build-card .azure-build-card__body{padding:12px;gap:11px}

 body.mcf-azure.azure-builds-catalog .b7-catalog .azure-build-card .bld-body h3{font:700 17px/1.28 Rubik,Arial,sans-serif!important}

 body.mcf-azure.azure-builds-detail #bv-related .azure-build-card .bld-body h3{font:700 17px/1.28 Rubik,Arial,sans-serif!important}

 body.mcf-azure .azure-build-card .azure-build-card__category{font-size:11px;padding:5px 6px;bottom:6px;left:6px}

 body.mcf-azure .azure-build-card .azure-build-card__premium{font-size:11px;padding:5px;right:6px;top:6px}

 body.mcf-azure .azure-build-card .azure-build-card__facts{font-size:11px;gap:6px}

 body.mcf-azure .azure-build-card__compatibility{font-size:11px}

 body.mcf-azure .azure-build-card__format{font-size:11px;padding:3px 5px}

 body.mcf-azure .azure-build-card .bld-social{font-size:11px;gap:6px}

 body.mcf-azure .azure-build-card__action{font-size:11px;min-height:32px;padding:6px 8px}

 body.mcf-azure .azure-build-card__action svg{width:15px;height:15px}

}

@media(prefers-reduced-motion:reduce){body.mcf-azure .bld-card.azure-build-card,body.mcf-azure #main-content .azure-build-card__cover img{transition:none;transform:none!important}}