/* MGC R4.2.5 — scoped to the Mazatrol/Fusion overview and Blog landing page only. */
/* MGC Matrix hero: 55/45 balance, product-specific visuals, capability cards below columns. */
.r425-matrix-hero{padding-block:64px 38px}
.r425-matrix-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:46px;align-items:center}
.r425-matrix-copy{min-width:0}
.r425-matrix-hero h1{max-width:650px;margin:0;font-size:clamp(2.5rem,3.6vw,3.72rem);line-height:1.07;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:normal}
.r425-matrix-hero .lede{max-width:570px;margin:22px 0 0;font-size:1.01rem;line-height:1.7;color:#cbd7da}
.r425-matrix-actions{margin-top:24px}
.r425-matrix-price-link{color:#99edf5!important}
.r425-matrix-previews{display:grid;gap:13px;min-width:0}
.r425-product-preview{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(52,193,221,.52);border-radius:17px;background:#081317;box-shadow:0 12px 36px rgba(0,0,0,.15)}
.r425-preview-amber{border-color:rgba(230,164,53,.52)}
.r425-preview-image{display:block;overflow:hidden;background:#071115;line-height:0}
.r425-preview-image img{display:block;width:100%;aspect-ratio:16/7.4;height:auto;object-fit:contain;object-position:center;background:#071115;transition:transform .25s ease}
.r425-preview-image:hover img{transform:scale(1.015)}
.r425-preview-image:focus-visible,.r425-product-preview figcaption a:focus-visible{outline:3px solid #9eecf6;outline-offset:-3px}
.r425-product-preview figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:48px;padding:9px 15px;color:#d5e6eb;font-size:.78rem;line-height:1.3}
.r425-product-preview figcaption>span{font:800 .66rem Consolas,monospace;letter-spacing:.08em;color:#69dfea}
.r425-preview-amber figcaption>span{color:#efbc62}
.r425-product-preview figcaption>strong{flex:1 1 140px;font-size:.8rem}
.r425-product-preview figcaption a{font-weight:800;color:#a7ebf4;text-decoration:underline;text-underline-offset:3px}
.r425-preview-amber figcaption a{color:#ffce83}
.r425-matrix-status{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;gap:11px}
.r425-matrix-status>div{padding:14px 16px}
#fusion-product,#mazatrol-product{scroll-margin-top:136px}
/* Blog listing: reduce empty hero and surface article previews immediately. */
.r425-blog-intro{position:relative;overflow:hidden;padding-block:39px 35px;border-bottom:1px solid #dce2e3;background:linear-gradient(120deg,#fffbf5,#edf1f2)}
.r425-blog-intro:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(#b9c3c8 1px,transparent 1px),linear-gradient(90deg,#b9c3c8 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 90%)}
.r425-blog-intro-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:42px;align-items:center}
.r425-blog-heading h1{margin:6px 0 13px;max-width:730px;font-size:clamp(2.6rem,3.9vw,3.92rem);line-height:1.05;letter-spacing:-.049em;text-wrap:balance}
.r425-blog-heading .lede{max-width:700px;margin:0;color:#526068;font-size:.99rem;line-height:1.6}
.r425-blog-platforms{padding:15px 19px;border:1px solid #d5dedf;border-radius:16px;background:rgba(255,255,255,.87);box-shadow:0 12px 28px rgba(23,37,45,.06)}
.r425-platforms-title{margin:0 0 4px;color:#b95100;font:800 .65rem Consolas,monospace;text-transform:uppercase;letter-spacing:.11em}
.r425-blog-platforms>a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #e5e9e9;color:#213039;font-size:.83rem;font-weight:760;line-height:1.4}
.r425-blog-platforms>a:last-child{border-bottom:0}
.r425-blog-platforms>a:hover{color:#bb5c0a}
.r425-blog-platforms>a:focus-visible{outline:2px solid #a5530c;outline-offset:2px}
.r425-blog-library{padding-block:30px 80px}
.r425-library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.r425-library-heading h2{margin:2px 0 0;font-size:clamp(1.55rem,2.4vw,2.3rem);line-height:1.1;letter-spacing:-.035em}
.r425-article-count{margin:0;color:#5e6c75;font-size:.84rem}
.r425-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 19px}
.r425-filter{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #cdd4d6;border-radius:999px;background:#fff;color:#3a4750;font-size:.8rem;font-weight:750;line-height:1.2;cursor:pointer}
.r425-filter span{display:inline-block;color:#7b868b;font-size:.7rem}
.r425-filter[aria-pressed="true"]{border-color:#ce710c;background:#282f33;color:white}
.r425-filter[aria-pressed="true"] span{color:#ffc681}
.r425-filter:focus-visible{outline:3px solid #d97c12;outline-offset:3px}
.r425-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.r425-blog-grid .r425-article-card{min-width:0;border-radius:17px}
.r425-blog-grid .article-visual{height:148px;min-height:148px;background:#e8eff1}
.r425-blog-grid .article-visual img{width:100%;height:148px;object-fit:contain}
.r425-blog-grid .article-visual:hover img{filter:brightness(.95)}
.r425-blog-grid .article-card>div:last-child{padding:18px}
.r425-blog-grid .article-card h2{margin:4px 0 9px;font-size:1.25rem;line-height:1.22}
.r425-blog-grid .article-card p{margin:7px 0;color:#56646c;font-size:.84rem}
.r425-blog-grid .article-card .text-link{font-size:.82rem}
.r425-blog-grid .article-card .r425-article-date{font-size:.7rem;color:#9d5815}
.r425-article-fallback{max-width:75%;color:#4e5e69;text-align:center;font:800 1rem Consolas,monospace;letter-spacing:.06em}
.r425-blog-grid .article-card[hidden],.r425-no-matches[hidden]{display:none!important}
.r425-no-matches{padding:25px;border-radius:14px;background:#fff;color:#576871}
@media(max-width:1099px){.r425-matrix-layout{gap:30px}.r425-matrix-hero h1{font-size:clamp(2.25rem,4.1vw,3.2rem)}.r425-blog-intro-grid{grid-template-columns:1fr .8fr;gap:25px}}
@media(max-width:920px){.r425-matrix-layout,.r425-blog-intro-grid{grid-template-columns:1fr}.r425-matrix-layout{max-width:740px}.r425-matrix-previews{grid-template-columns:1fr 1fr;gap:12px}.r425-preview-image img{aspect-ratio:16/10}.r425-matrix-status{grid-template-columns:1fr 1fr}.r425-blog-intro-grid{gap:15px}.r425-blog-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.r425-platforms-title{grid-column:1/-1}.r425-blog-platforms>a{border:0}.r425-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.r425-matrix-hero{padding-block:43px 28px}.r425-matrix-hero h1{font-size:clamp(2.2rem,9.6vw,2.72rem);line-height:1.08}.r425-matrix-actions{align-items:stretch}.r425-matrix-previews{grid-template-columns:1fr}.r425-preview-image img{aspect-ratio:16/8}.r425-matrix-status{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.r425-matrix-status>div{padding:10px}.r425-matrix-status strong{font-size:.72rem}.r425-matrix-status span{font-size:.51rem}.r425-blog-intro{padding-block:32px 29px}.r425-blog-heading h1{font-size:clamp(2.2rem,9vw,2.8rem)}.r425-blog-platforms{grid-template-columns:1fr}.r425-blog-platforms>a{border-bottom:1px solid #e5e9e9}.r425-blog-library{padding-block:26px 56px}.r425-library-heading{align-items:start;flex-direction:column;gap:7px}.r425-filter-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:2px 0 10px}.r425-filter{white-space:nowrap;flex-shrink:0}.r425-blog-grid{grid-template-columns:1fr}.r425-blog-grid .article-visual,.r425-blog-grid .article-visual img{height:180px;min-height:180px}}
@media(prefers-reduced-motion:reduce){.r425-preview-image img{transition:none}}
