.mcc-scope{--ink: var(--surisa-ink, #0b1220);--muted: var(--surisa-muted, #5b6275);--line: rgba(11, 18, 32, .14);--line-2: rgba(11, 18, 32, .07);--paper: var(--surisa-paper, #ffffff);--paper-warm: var(--surisa-paper-warm, #faf8f3)}.mcc-scope svg text{font-family:var(--surisa-mono, "IBM Plex Mono", ui-monospace, monospace)}.mcc-scope svg .upper{text-transform:uppercase}.mcc-lead{font-size:1.8rem;line-height:1.55;color:var(--surisa-ink, #0b1220);margin:0 0 1.8rem;max-width:72rem}.mcc-body{font-size:1.5rem;line-height:1.7;color:var(--surisa-ink, #0b1220);margin:0 0 1.6rem;max-width:72rem}.mcc-body strong{font-weight:600}.mcc-body:last-child{margin-bottom:0}.mcc-callout{margin-top:2.4rem;padding:2rem 2.2rem;background:var(--surisa-paper-warm, #faf8f3);border-left:3px solid #a85d3f}.landing-section--alt .mcc-callout{background:#fff}.mcc-callout__label{font-family:var(--surisa-mono, "IBM Plex Mono", monospace);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--surisa-muted, #5b6275);margin-bottom:.6rem}.mcc-callout__body{font-size:1.4rem;line-height:1.6;color:var(--surisa-ink, #0b1220)}.mcc-callout__body p{margin:0 0 1rem}.mcc-callout__body p:last-child{margin-bottom:0}.mcc-fig{margin:0;background:var(--surisa-paper, #fff);border:1px solid var(--surisa-line, rgba(26, 26, 26, .08));padding:1.8rem 2rem 1.4rem}.mcc-fig+.mcc-fig{margin-top:1.8rem}.mcc-fig__caption{font-family:var(--surisa-mono, "IBM Plex Mono", monospace);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--surisa-muted, #5b6275);margin-bottom:1.2rem}.mcc-fig__svgwrap{background:var(--surisa-paper-warm, #faf8f3);border:1px solid var(--surisa-line, rgba(26, 26, 26, .08));padding:1.6rem}.mcc-fig__svgwrap svg{width:100%;height:auto;display:block}.mcc-fig__foot{font-size:1.3rem;line-height:1.55;color:var(--surisa-muted, #5b6275);margin-top:1.2rem}.mcc-keylist{list-style:none;margin:2.2rem 0 0;padding:0;border:1px solid var(--surisa-line, rgba(26, 26, 26, .08));background:var(--surisa-paper, #fff)}.mcc-keylist__row{display:grid;grid-template-columns:12rem 1fr;gap:1.6rem;align-items:baseline;padding:1.4rem 1.8rem;border-top:1px solid var(--surisa-line, rgba(26, 26, 26, .08))}.mcc-keylist__row:first-child{border-top:0}.mcc-keylist__k{font-family:var(--surisa-mono, "IBM Plex Mono", monospace);font-size:1.05rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#a85d3f}.mcc-keylist__v{font-size:1.35rem;line-height:1.55;color:var(--surisa-ink, #0b1220)}.mcc-fulltext{max-width:none}.mcc-fulltext__p{font-size:1.5rem;line-height:1.7;color:var(--surisa-ink, #0b1220);margin:0 0 1.6rem}.mcc-fulltext__p:last-child{margin-bottom:0}.mcc-fulltext__p>p{margin:0 0 1.6rem}.mcc-fulltext__p>p:last-child{margin-bottom:0}.mcc-fulltext__p strong{font-weight:600}.mcc-apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2.4rem;background:var(--surisa-line, rgba(26, 26, 26, .08));border:1px solid var(--surisa-line, rgba(26, 26, 26, .08))}.mcc-apps-grid__card{background:var(--surisa-paper, #fff);padding:1.6rem 1.8rem}.landing-section--alt .mcc-apps-grid__card{background:var(--surisa-paper, #fff)}.mcc-apps-grid__top{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.8rem}.mcc-apps-grid__num{font-family:var(--surisa-mono, "IBM Plex Mono", monospace);font-size:1.05rem;font-weight:500;color:#a85d3f;flex-shrink:0}.mcc-apps-grid__eyebrow{font-family:var(--surisa-mono, "IBM Plex Mono", monospace);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--surisa-muted, #5b6275);line-height:1.3}.mcc-apps-grid__title{font-size:1.4rem;font-weight:500;margin:0 0 .5rem;color:var(--surisa-ink, #0b1220)}.mcc-apps-grid__body{font-size:1.25rem;line-height:1.5;color:var(--surisa-muted, #5b6275)}.mcc-apps-grid__body p{margin:0}.landing-2col.mcc-2col-match{align-items:stretch}.mcc-2col-match .mcc-fig{height:100%;display:flex;flex-direction:column}.mcc-2col-match .mcc-fig .mcc-fig__svgwrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.mcc-col-fill{height:100%;display:flex;flex-direction:column}.mcc-col-fill .mcc-callout{margin-top:auto}@media screen and (max-width:989px){.mcc-keylist__row{grid-template-columns:1fr;gap:.4rem}.mcc-apps-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:480px){.mcc-apps-grid__card{padding:1.3rem 1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-mcc-sections.css.map */