:root{  --mmt-navy:#0a1e5e; --mmt-navy-900:#071642; --mmt-blue:#1e6fd8; --mmt-blue-dark:#1559b0; --mmt-blue-050:#eaf2fd;  --mmt-ink:#14161a; --mmt-muted:#5b6472; --mmt-line:#d9dde5; --mmt-head:#eef1f6; --mmt-surface:#f4f6f9; --mmt-row-hover:#f4f8fd; --mmt-white:#ffffff;  --mmt-success:#147a45; --mmt-warning:#8a5a00; --mmt-danger:#b3261e;  --mmt-font-display:'Oswald',sans-serif; --mmt-font-body:'IBM Plex Sans','Segoe UI',sans-serif; --mmt-font-mono:'IBM Plex Mono',ui-monospace,monospace; --mmt-fs-hero:3rem; --mmt-fs-h1:2.25rem; --mmt-fs-h2:1.75rem; --mmt-fs-h3:1.375rem; --mmt-fs-lg:1.2rem; --mmt-fs-base:1rem; --mmt-fs-sm:.9rem; --mmt-fs-label:.85rem;  --mmt-sp-1:4px; --mmt-sp-2:8px; --mmt-sp-3:12px; --mmt-sp-4:16px; --mmt-sp-5:24px; --mmt-sp-6:32px; --mmt-sp-7:48px; --mmt-sp-8:64px; --mmt-sp-9:96px; --mmt-sp-10:128px;  --mmt-container:1280px; --mmt-gutter:24px; --mmt-radius-sm:3px; --mmt-radius-md:6px; --mmt-radius-pill:999px; --mmt-border:1px solid var(--mmt-line); --mmt-shadow-card:0 1px 2px rgba(10,30,94,.06); --mmt-shadow-hover:0 4px 14px rgba(10,30,94,.10); --mmt-shadow-menu:0 8px 24px rgba(10,30,94,.14);  --mmt-tap:48px; --mmt-focus:0 0 0 3px rgba(30,111,216,.45); } @media (max-width:640px){ :root{--mmt-gutter:16px} }    [hidden]{display:none!important} .mmt-docs,.mmt-docs *, .mmt-cat,.mmt-cat *{box-sizing:border-box}  @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important} .mmt-docs .mmt-doc:hover, .mmt-docs .mmt-doc:hover .mmt-doc__arrow, .mmt-cat .mmt-card:hover, .mmt-cat .mmt-cat__arrow:active{transform:none!important} .mmt-cat .mmt-cat__track{scroll-behavior:auto!important} }   .mmt-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:var(--mmt-tap); padding:0 var(--mmt-sp-5); border-radius:var(--mmt-radius-sm); border:none; font-family:var(--mmt-font-body); font-size:1.05rem; font-weight:600; line-height:1.2; text-decoration:none; cursor:pointer; background:var(--mmt-blue); color:var(--mmt-white); transition:background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out; } .mmt-btn:hover{background:var(--mmt-blue-dark)} .mmt-btn:focus-visible{outline:none;box-shadow:var(--mmt-focus)} .mmt-btn:disabled, .mmt-btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed} .mmt-btn--navy{background:var(--mmt-navy);color:var(--mmt-white)} .mmt-btn--navy:hover{background:var(--mmt-navy-900)} .mmt-btn--ghost{ background:transparent; border:1px solid var(--mmt-blue); color:var(--mmt-blue-dark); } .mmt-btn--ghost:hover{background:var(--mmt-blue-050)} .mmt-btn--on-dark{background:var(--mmt-white);color:var(--mmt-navy)} .mmt-btn--on-dark:hover{background:var(--mmt-blue-050)} .mmt-link-arrow{ color:var(--mmt-blue-dark); font-weight:600; text-decoration:none; } .mmt-link-arrow:hover{text-decoration:underline} .mmt-link-arrow::after{content:" »"} .mmt-link-arrow:focus-visible{outline:none;box-shadow:var(--mmt-focus)}  .mmt-field{ display:block; width:100%; min-height:var(--mmt-tap); padding:0 var(--mmt-sp-3); border:1px solid var(--mmt-line); border-radius:var(--mmt-radius-sm); background:var(--mmt-white); font-family:var(--mmt-font-body); font-size:1.05rem; color:var(--mmt-ink); transition:border-color 150ms ease-out, background-color 150ms ease-out, box-shadow 150ms ease-out; } textarea.mmt-field{min-height:calc(var(--mmt-tap) * 2);padding:var(--mmt-sp-3)} .mmt-field:focus{ outline:none; border-color:var(--mmt-blue); background:var(--mmt-blue-050); box-shadow:var(--mmt-focus); } .mmt-field[aria-invalid="true"]{border-color:var(--mmt-danger)}  .mmt-qty{display:inline-flex;align-items:center;border:2px solid var(--mmt-line);border-radius:10px;overflow:hidden;background:var(--mmt-white)} .mmt-qty-btn{width:44px;height:48px;border:none;background:var(--mmt-head);color:var(--mmt-ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .mmt-qty-btn:hover{background:#e0e5ee} .mmt-qty-btn:focus-visible{outline:none;box-shadow:var(--mmt-focus)} .mmt-qty-input{width:56px;height:48px;border:none;border-left:2px solid var(--mmt-line);border-right:2px solid var(--mmt-line);text-align:center;font-size:1.15rem;font-weight:600;background:var(--mmt-white);-moz-appearance:textfield;border-radius:0;margin:0;padding:0;color:var(--mmt-ink)} .mmt-qty-input::-webkit-outer-spin-button,.mmt-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}  .mmt-docs{  --docs-tds:var(--mmt-blue-dark);  --docs-msds:var(--mmt-warning);  --docs-iso:var(--mmt-navy);  --docs-partner:var(--mmt-muted);  --docs-radius:var(--mmt-radius-md);  --docs-display:var(--mmt-font-display); background:var(--mmt-white); color:var(--mmt-ink); font-family:var(--mmt-font-body); font-size:1.375rem;  line-height:1.75; padding:clamp(var(--mmt-sp-7),7vw,var(--mmt-sp-9)) clamp(var(--mmt-sp-5),5vw,var(--mmt-sp-8)); max-width:var(--mmt-container); margin-inline:auto; }  .mmt-docs .mmt-eyebrow{ font-family:var(--mmt-font-mono); font-size:1.15rem; letter-spacing:.12em; text-transform:uppercase; color:var(--mmt-blue-dark); font-weight:600; margin:0 0 var(--mmt-sp-5); } .mmt-docs .mmt-title{ font-family:var(--docs-display); font-weight:600; font-size:clamp(3rem,7vw,4.5rem); line-height:1.15; letter-spacing:-.02em; color:var(--mmt-ink); margin:0 0 var(--mmt-sp-6); position:relative; padding-bottom:var(--mmt-sp-5); } .mmt-docs .mmt-title::after{ content:""; position:absolute; left:0; bottom:0; width:100px; height:4px; background:var(--mmt-blue); } .mmt-docs .mmt-title span{color:var(--mmt-blue-dark)} .mmt-docs .mmt-lede{ max-width:62ch; color:var(--mmt-muted); margin:var(--mmt-sp-6) 0 var(--mmt-sp-8); font-size:1.5rem; line-height:1.75; }  .mmt-docs .mmt-controls{ border-top:2px solid var(--mmt-line); padding-top:var(--mmt-sp-7); margin-bottom:var(--mmt-sp-8); } .mmt-docs .mmt-search{position:relative;margin-bottom:var(--mmt-sp-7);max-width:44rem} .mmt-docs .mmt-search svg{ position:absolute; left:var(--mmt-sp-5); top:50%; transform:translateY(-50%); width:28px; height:28px; fill:none; stroke:var(--mmt-muted); stroke-width:2; stroke-linecap:round; pointer-events:none; }  .mmt-docs .mmt-search input{ width:100%; font-family:var(--mmt-font-body); font-size:1.4rem; padding:var(--mmt-sp-5) var(--mmt-sp-5) var(--mmt-sp-5) 4.5rem; border:2px solid var(--mmt-line); border-radius:var(--mmt-radius-pill); background:var(--mmt-white); color:var(--mmt-ink); transition:border-color 150ms ease-out, background-color 150ms ease-out, box-shadow 150ms ease-out; } .mmt-docs .mmt-search input::placeholder{color:var(--mmt-muted);opacity:1} .mmt-docs .mmt-search input:focus{ outline:none; border-color:var(--mmt-blue); background:var(--mmt-blue-050); box-shadow:var(--mmt-focus); } .mmt-docs .mmt-filters{display:flex;flex-direction:column;gap:var(--mmt-sp-5)} .mmt-docs .mmt-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mmt-sp-3)} .mmt-docs .mmt-filter-label{ font-family:var(--mmt-font-body); font-weight:600; font-size:1.1rem; letter-spacing:.06em; text-transform:uppercase; color:var(--mmt-ink); width:8rem; flex-shrink:0; } .mmt-docs .mmt-chip{ display:inline-flex; align-items:center; gap:var(--mmt-sp-2); font-family:var(--mmt-font-body); font-weight:500; font-size:1.25rem; min-height:var(--mmt-tap);  padding:0 var(--mmt-sp-5); border:1.5px solid var(--mmt-line); border-radius:var(--mmt-radius-pill); background:var(--mmt-surface); color:var(--mmt-muted); cursor:pointer; transition:border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out; } .mmt-docs .mmt-chip:hover{ border-color:var(--mmt-blue); color:var(--mmt-blue-dark); background:var(--mmt-blue-050); } .mmt-docs .mmt-chip:focus-visible{outline:none;box-shadow:var(--mmt-focus)} .mmt-docs .mmt-chip.is-active{ background:var(--mmt-blue); border-color:var(--mmt-blue); color:var(--mmt-white); } .mmt-docs .mmt-dot{width:12px;height:12px;border-radius:50%;display:block} .mmt-docs .mmt-dot--tds{background:var(--docs-tds)} .mmt-docs .mmt-dot--msds{background:var(--docs-msds)} .mmt-docs .mmt-dot--iso{background:var(--docs-iso)} .mmt-docs .mmt-dot--partner{background:var(--docs-partner)} .mmt-docs .mmt-chip.is-active .mmt-dot{background:var(--mmt-white);box-shadow:none} .mmt-docs .mmt-count{ font-family:var(--mmt-font-body); font-size:1.2rem; color:var(--mmt-muted); margin:var(--mmt-sp-5) 0 0; }  .mmt-docs .mmt-group{margin-bottom:var(--mmt-sp-9)} .mmt-docs .mmt-group__head{display:flex;align-items:center;gap:var(--mmt-sp-5);margin-bottom:var(--mmt-sp-5)} .mmt-docs .mmt-group__head h2{ font-family:var(--docs-display); font-weight:600; font-size:var(--mmt-fs-h2); letter-spacing:.02em; text-transform:uppercase; color:var(--mmt-ink); margin:0; flex-shrink:0; } .mmt-docs .mmt-rule{flex:1;height:2px;background:var(--mmt-line)} .mmt-docs .mmt-group__count{ font-family:var(--mmt-font-body); font-size:1.15rem; color:var(--mmt-muted); flex-shrink:0; }  .mmt-docs .mmt-doc{ display:grid; grid-template-columns:10rem 1fr auto 3.25rem; align-items:center; gap:var(--mmt-sp-6); padding:var(--mmt-sp-6) var(--mmt-sp-5); border-bottom:1px solid var(--mmt-line);  border-radius:var(--docs-radius); text-decoration:none; color:inherit; background:var(--mmt-white); transition:box-shadow 200ms ease-out, transform 200ms ease-out, border-color 150ms ease-out; } .mmt-docs .mmt-doc:hover{ box-shadow:var(--mmt-shadow-hover); transform:translateY(-2px);  border-bottom-color:transparent; } .mmt-docs .mmt-doc:focus-visible{outline:none;box-shadow:var(--mmt-focus)} .mmt-docs .mmt-stamp{ font-family:var(--mmt-font-mono); font-weight:600; font-size:1rem; letter-spacing:.06em; text-align:center; padding:var(--mmt-sp-2) var(--mmt-sp-3); border:1px solid currentColor; border-radius:var(--mmt-radius-sm); justify-self:start; min-width:9rem; text-transform:uppercase; }  .mmt-docs .mmt-stamp--tds{ color:var(--docs-tds); background:var(--mmt-blue-050); background:color-mix(in srgb, var(--docs-tds) 8%, var(--mmt-white)); } .mmt-docs .mmt-stamp--msds{ color:var(--docs-msds); background:var(--mmt-surface); background:color-mix(in srgb, var(--docs-msds) 8%, var(--mmt-white)); } .mmt-docs .mmt-stamp--iso{ color:var(--mmt-white); background:var(--docs-iso); border-color:var(--docs-iso); } .mmt-docs .mmt-stamp--partner{ color:var(--docs-partner); background:var(--mmt-surface); border-color:var(--mmt-line); } .mmt-docs .mmt-doc__body{display:flex;flex-direction:column;gap:var(--mmt-sp-2);min-width:0} .mmt-docs .mmt-doc__name{ font-weight:600; font-size:1.6rem; line-height:1.35; color:var(--mmt-ink); transition:color 150ms ease-out; } .mmt-docs .mmt-doc:hover .mmt-doc__name{color:var(--mmt-blue-dark)} .mmt-docs .mmt-doc__desc{font-size:1.25rem;color:var(--mmt-muted);line-height:1.6} .mmt-docs .mmt-doc__meta{ font-family:var(--mmt-font-body); font-size:1.1rem; color:var(--mmt-muted); margin-top:var(--mmt-sp-2); } .mmt-docs .mmt-doc__meta em{font-style:normal;font-weight:600;color:var(--mmt-ink)} .mmt-docs .mmt-doc__file{ font-family:var(--mmt-font-mono); font-size:1.05rem; color:var(--mmt-muted); background:var(--mmt-surface); padding:var(--mmt-sp-2) var(--mmt-sp-3); border-radius:var(--mmt-radius-sm); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:22rem; } .mmt-docs .mmt-doc__arrow{ font-size:1.85rem; color:var(--mmt-blue-dark); font-weight:600; justify-self:end; transition:transform 200ms ease-out; } .mmt-docs .mmt-doc:hover .mmt-doc__arrow{transform:translateX(6px)}  .mmt-docs .mmt-empty{ font-size:1.4rem; color:var(--mmt-muted); padding:var(--mmt-sp-8) 0; border-top:2px solid var(--mmt-line); text-align:center; } .mmt-docs .mmt-empty a{ color:var(--mmt-blue-dark); text-decoration:underline; text-underline-offset:3px; font-weight:600; }  @media (max-width:1024px){ .mmt-docs .mmt-doc{grid-template-columns:9rem 1fr 3rem;gap:var(--mmt-sp-5)} .mmt-docs .mmt-doc__file{display:none} }  @media (max-width:860px){ .mmt-docs{font-size:1.25rem}  .mmt-docs .mmt-doc{ grid-template-columns:1fr 2.5rem; gap:var(--mmt-sp-3) var(--mmt-sp-4); padding:var(--mmt-sp-5) var(--mmt-sp-4); } .mmt-docs .mmt-stamp{grid-column:1 / -1;min-width:0;justify-self:start} .mmt-docs .mmt-doc__name{font-size:1.4rem} .mmt-docs .mmt-doc__desc{font-size:1.15rem} .mmt-docs .mmt-filter-label{width:100%;margin-bottom:var(--mmt-sp-3)} }  .mmt-cat{ --cols:4;  --gap:var(--mmt-sp-5); --cat-radius:var(--mmt-radius-md); max-width:var(--mmt-container); margin:0 auto; padding:var(--mmt-sp-8) var(--mmt-sp-6); background:var(--mmt-surface); font-family:var(--mmt-font-body); color:var(--mmt-ink); }  .mmt-cat .mmt-cat__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:var(--mmt-sp-5); margin-bottom:var(--mmt-sp-6); } .mmt-cat .mmt-cat__eyebrow{ font-family:var(--mmt-font-display); font-weight:600; font-size:var(--mmt-fs-label); letter-spacing:.22em; text-transform:uppercase; color:var(--mmt-blue-dark); margin:0 0 var(--mmt-sp-2); } .mmt-cat .mmt-cat__title{ font-family:var(--mmt-font-display); font-weight:600; font-size:clamp(var(--mmt-fs-h2),3.4vw,var(--mmt-fs-h1)); line-height:1.05; margin:0; color:var(--mmt-navy); position:relative; padding-bottom:var(--mmt-sp-3); } .mmt-cat .mmt-cat__title::after{ content:""; position:absolute; left:0; bottom:0; width:56px; height:4px; background:var(--mmt-blue); border-radius:2px; }  .mmt-cat .mmt-cat__nav{display:flex;gap:var(--mmt-sp-2);flex-shrink:0} .mmt-cat .mmt-cat__arrow{ width:var(--mmt-tap); height:var(--mmt-tap); border:1px solid var(--mmt-line); background:var(--mmt-white); border-radius:50%; display:grid; place-items:center; cursor:pointer; color:var(--mmt-navy); transition:border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out, transform 200ms ease-out; } .mmt-cat .mmt-cat__arrow:hover{border-color:var(--mmt-navy);background:var(--mmt-navy);color:var(--mmt-white)} .mmt-cat .mmt-cat__arrow:active{transform:scale(.94)} .mmt-cat .mmt-cat__arrow:disabled{ opacity:.5;  cursor:not-allowed; background:var(--mmt-white); color:var(--mmt-navy); border-color:var(--mmt-line); } .mmt-cat .mmt-cat__arrow svg{width:20px;height:20px} .mmt-cat .mmt-cat__arrow:focus-visible{outline:none;box-shadow:var(--mmt-focus)}  .mmt-cat .mmt-cat__viewport{overflow:hidden} .mmt-cat .mmt-cat__track{ display:grid; grid-auto-flow:column; grid-template-rows:repeat(2,1fr); grid-auto-columns:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)); gap:var(--gap); overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:var(--mmt-sp-1); scrollbar-width:none; -ms-overflow-style:none; } .mmt-cat .mmt-cat__track::-webkit-scrollbar{display:none}  .mmt-cat .mmt-card{ position:relative; scroll-snap-align:start; background:var(--mmt-white); border:1px solid var(--mmt-line); border-radius:var(--cat-radius); padding:var(--mmt-sp-5); min-height:190px; display:flex; flex-direction:column; overflow:hidden; transition:border-color 150ms ease-out, box-shadow 200ms ease-out, transform 200ms ease-out; } .mmt-cat .mmt-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--mmt-blue); transform:scaleY(0); transform-origin:top; transition:transform 200ms ease-out; } .mmt-cat .mmt-card:hover{ border-color:var(--mmt-blue);  box-shadow:var(--mmt-shadow-hover); transform:translateY(-2px); } .mmt-cat .mmt-card:hover::before{transform:scaleY(1)} .mmt-cat .mmt-card:focus-within{border-color:var(--mmt-blue)} .mmt-cat .mmt-card__icon{ width:52px; height:52px; border-radius:var(--mmt-radius-md); background:var(--mmt-blue-050); color:var(--mmt-navy); display:grid; place-items:center; margin-bottom:var(--mmt-sp-4); transition:background-color 150ms ease-out, color 150ms ease-out; }  .mmt-cat .mmt-card:hover .mmt-card__icon{ background:color-mix(in srgb, var(--mmt-blue) 14%, var(--mmt-white)); } .mmt-cat .mmt-card__icon svg{width:26px;height:26px} .mmt-cat .mmt-card__icon img, .mmt-cat .mmt-card__img{width:30px;height:30px;object-fit:contain;display:block} .mmt-cat .mmt-card__title{ font-family:var(--mmt-font-body); font-weight:600; font-size:var(--mmt-fs-base); line-height:1.28; color:var(--mmt-ink); margin:0 0 auto; letter-spacing:-.01em; } .mmt-cat .mmt-card__cta{ display:inline-flex; align-items:center; gap:var(--mmt-sp-2); margin-top:var(--mmt-sp-4); font-size:var(--mmt-fs-sm); font-weight:600; color:var(--mmt-blue-dark); transition:gap 200ms ease-out; } .mmt-cat .mmt-card:hover .mmt-card__cta{gap:var(--mmt-sp-3)} .mmt-cat .mmt-card__cta svg{width:15px;height:15px}  .mmt-cat .mmt-card__link{position:absolute;inset:0;z-index:1;border-radius:var(--cat-radius)} .mmt-cat .mmt-card__link:focus-visible{outline:none;box-shadow:var(--mmt-focus)}  .mmt-cat .mmt-cat__dots{display:flex;justify-content:center;gap:var(--mmt-sp-2);margin-top:var(--mmt-sp-6)} .mmt-cat .mmt-cat__dot{ position:relative; width:9px; height:9px; border-radius:50%; border:none; padding:0; cursor:pointer; background:#c9cdda; background:color-mix(in srgb, var(--mmt-muted) 45%, var(--mmt-white)); transition:width 200ms ease-out, background-color 150ms ease-out; }  .mmt-cat .mmt-cat__dot::after{content:"";position:absolute;inset:-16px -4px} .mmt-cat .mmt-cat__dot.is-active{width:26px;border-radius:var(--mmt-radius-sm);background:var(--mmt-navy)} .mmt-cat .mmt-cat__dot:focus-visible{outline:none;box-shadow:var(--mmt-focus)}  @media (max-width:1024px){ .mmt-cat{--cols:3} } @media (max-width:640px){ .mmt-cat{--cols:2; --gap:var(--mmt-sp-4); padding:var(--mmt-sp-7) var(--mmt-sp-4)} .mmt-cat .mmt-cat__head{flex-direction:column;align-items:flex-start} .mmt-cat .mmt-cat__nav{display:none}  } @media (max-width:480px){ .mmt-cat{--cols:1} }   :is(.mmt-catindex, .mmt-svcindex), :is(.mmt-catindex, .mmt-svcindex) * { font-feature-settings: "locl" 0; }  :is(.mmt-catindex__lead, .mmt-svcindex__lead) { font-family: var(--mmt-font-body); font-size: var(--mmt-fs-lg, 1.2rem); line-height: 1.6; color: var(--mmt-ink); max-width: 62ch; }  :is(.mmt-catindex__controls, .mmt-svcindex__controls) { display: flex; flex-direction: column; gap: var(--mmt-sp-4); } :is(.mmt-catindex, .mmt-svcindex) .mmt-filter-group { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mmt-sp-3); }  :is(.mmt-catindex, .mmt-svcindex) .mmt-filter-label { flex: 0 0 100%; margin-bottom: var(--mmt-sp-1); color: var(--mmt-ink); font-family: var(--mmt-font-body); font-size: 0.95rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }  :is(.mmt-catindex, .mmt-svcindex) .mmt-chip { display: inline-flex; align-items: center; gap: var(--mmt-sp-3); min-height: 52px; padding: 0 var(--mmt-sp-5); color: var(--mmt-navy); background: var(--mmt-white); border: 1px solid var(--mmt-line); border-radius: var(--mmt-radius-sm); font-family: var(--mmt-font-body); font-size: 1.1rem; font-weight: 600; line-height: 1.25; text-align: left; cursor: pointer; transition: background-color 150ms ease-out, border-color 150ms ease-out; } :is(.mmt-catindex, .mmt-svcindex) .mmt-chip:hover { background: var(--mmt-blue-050); border-color: var(--mmt-blue); } :is(.mmt-catindex, .mmt-svcindex) .mmt-chip.is-active { color: var(--mmt-white); background: var(--mmt-navy); border-color: var(--mmt-navy); } :is(.mmt-catindex, .mmt-svcindex) .mmt-chip:focus-visible { outline: none; box-shadow: var(--mmt-focus); }  :is(.mmt-catindex, .mmt-svcindex) .mmt-chip__n { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 28px; padding: 0 8px; color: var(--mmt-navy); background: var(--mmt-head, #eef1f6); border-radius: var(--mmt-radius-sm); font-family: var(--mmt-font-mono); font-size: 0.95rem; font-weight: 500; } :is(.mmt-catindex, .mmt-svcindex) .mmt-chip.is-active .mmt-chip__n { color: var(--mmt-navy); background: var(--mmt-white); }  :is(.mmt-catindex, .mmt-svcindex) .mmt-count { margin: 0; color: var(--mmt-ink); font-family: var(--mmt-font-body); font-size: 1.05rem; font-weight: 500; text-align: left; }  @media (max-width: 640px) { :is(.mmt-catindex, .mmt-svcindex) .mmt-filter-group { gap: var(--mmt-sp-2); } :is(.mmt-catindex, .mmt-svcindex) .mmt-chip { flex: 1 1 100%; justify-content: space-between; font-size: 1.05rem; } }   .mmt-s{display:flex;align-items:center;width:100%} .mmt-s--icon{width:auto} .mmt-s--auto .mmt-s-iconbtn{display:none} @media (max-width:767px){ .mmt-s--auto{width:auto} .mmt-s--auto .mmt-s-bar{display:none} .mmt-s--auto .mmt-s-iconbtn{display:inline-grid} }  .mmt-s-bar{position:relative;display:flex;align-items:center;width:100%;height:52px;border:2px solid var(--mmt-line);border-radius:var(--mmt-radius-pill);background:#fff;color:var(--mmt-ink);transition:border-color .15s ease-out;cursor:text} .mmt-s-bar:focus-within{border-color:var(--mmt-blue);box-shadow:var(--mmt-focus)} .mmt-s-bar .mmt-s-ico{flex:none;margin-left:18px;color:var(--mmt-muted)} .mmt-s-input{flex:1;min-width:0;height:100%;margin:0;padding:0 var(--mmt-sp-3);border:0;background:transparent;color:inherit;font:inherit;font-size:1.05rem;outline:none;-webkit-appearance:none;appearance:none} .mmt-s-input:focus-visible{box-shadow:none} .mmt-s-input::placeholder{color:var(--mmt-muted);opacity:1} .mmt-s-input::-webkit-search-cancel-button{display:none} .mmt-s-input[readonly]{cursor:pointer} .mmt-s-clear{flex:none;width:44px;height:44px;margin-right:4px;border:0;border-radius:50%;background:transparent;color:var(--mmt-muted);font-size:1.5rem;line-height:1;cursor:pointer} .mmt-s-clear:hover{background:var(--mmt-surface);color:var(--mmt-ink)}  .mmt-s-iconbtn{display:inline-grid;place-items:center;width:var(--mmt-tap);height:var(--mmt-tap);padding:0;border:0;border-radius:var(--mmt-radius-sm);background:transparent;color:var(--mmt-ink);cursor:pointer} .mmt-s-iconbtn:hover{background:var(--mmt-surface)} .mmt-s-iconbtn:focus-visible,.mmt-s-close:focus-visible,.mmt-s-chip:focus-visible,.mmt-s-cbtn:focus-visible,.mmt-s-tile:focus-visible,.mmt-s-ghost:focus-visible,.mmt-s-btn:focus-visible{outline:none;box-shadow:var(--mmt-focus)}  .mmt-s-modal{position:fixed;inset:auto;left:50%;top:calc(var(--mmt-s-vvt,0px) + var(--mmt-s-vvh,100vh) / 2);transform:translate(-50%,-50%);margin:0;padding:0; width:min(1180px,calc(100vw - 48px));height:min(880px,calc(var(--mmt-s-vvh,100vh) - 48px));max-width:none;max-height:none; border:0;border-radius:var(--mmt-radius-md);background:#fff;color:var(--mmt-ink);box-shadow:var(--mmt-shadow-menu);overflow:hidden} .mmt-s-modal::backdrop{background:rgba(7,22,66,.55)} .mmt-s-mwrap{display:flex;flex-direction:column;height:100%} .mmt-s-mhead{flex:none;display:flex;align-items:center;gap:var(--mmt-sp-2);padding:var(--mmt-sp-3);border-bottom:1px solid var(--mmt-line)} .mmt-s-mhead .mmt-s-bar{flex:1;width:auto;min-width:0;height:48px} .mmt-s-mhead .mmt-s-input{font-size:16px}  .mmt-s-close{flex:none;display:grid;place-items:center;width:var(--mmt-tap);height:var(--mmt-tap);padding:0;border:1px solid var(--mmt-line);border-radius:var(--mmt-radius-sm);background:#fff;color:var(--mmt-ink);cursor:pointer} .mmt-s-close:hover{border-color:var(--mmt-blue)} .mmt-s-mbody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--mmt-sp-5)} html.mmt-s-lock,html.mmt-s-lock body{overflow:hidden}  .mmt-s-results{font-family:var(--mmt-font-body);color:var(--mmt-ink);line-height:1.5} .mmt-s-h{margin:0 0 var(--mmt-sp-3);font-family:var(--mmt-font-display);font-weight:500;font-size:1.15rem;line-height:1.25;color:var(--mmt-ink)} .mmt-s-msg{margin:var(--mmt-sp-4) 0;color:var(--mmt-muted)} .mmt-s-notice{margin:0 0 var(--mmt-sp-4);padding:var(--mmt-sp-3) var(--mmt-sp-4);border-left:4px solid var(--mmt-blue);background:var(--mmt-blue-050);font-size:.95rem} .mmt-s-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--mmt-sp-6)} .mmt-s-grid>*{min-width:0} .mmt-s-cats{border-right:1px solid var(--mmt-line);padding-right:var(--mmt-sp-4)} .mmt-s-modal .mmt-s-cats{position:sticky;top:0;align-self:start;max-height:calc(var(--mmt-s-vvh,100vh) - 190px);overflow:auto;overscroll-behavior:contain} .mmt-s-catlist,.mmt-s-catlist ul{list-style:none;margin:0;padding:0} .mmt-s-catlist>li{margin:0 0 var(--mmt-sp-3)} .mmt-s-catlist>li.mmt-s-allrow{margin-bottom:var(--mmt-sp-4);padding-bottom:var(--mmt-sp-3);border-bottom:1px solid var(--mmt-line)}  .mmt-s-cbtn{display:flex;align-items:center;justify-content:space-between;gap:var(--mmt-sp-3);width:100%;min-height:40px;padding:var(--mmt-sp-2) var(--mmt-sp-3);border:0;border-radius:var(--mmt-radius-sm);background:transparent;color:var(--mmt-ink);font-family:var(--mmt-font-body);font-size:.95rem;font-weight:400;text-align:left;line-height:1.3;cursor:pointer;transition:background-color .15s ease-out} .mmt-s-cbtn:hover{background:var(--mmt-row-hover)} .mmt-s-cbtn[aria-pressed="true"]{background:var(--mmt-blue);color:#fff} .mmt-s-cbtn[aria-pressed="true"] .mmt-s-n{background:rgba(255,255,255,.2);color:#fff} .mmt-s-cbtn[aria-pressed="true"] mark{background:transparent;color:inherit;box-shadow:inset 0 -2px 0 #fff}  .mmt-s-cbtn.is-parent,.mmt-s-cbtn.is-all{min-height:44px;background:var(--mmt-surface);font-weight:600;font-size:1rem} .mmt-s-cbtn.is-parent:hover,.mmt-s-cbtn.is-all:hover{background:var(--mmt-blue-050)} .mmt-s-cbtn.is-parent[aria-pressed="true"],.mmt-s-cbtn.is-all[aria-pressed="true"]{background:var(--mmt-blue)}  .mmt-s-catlist ul{margin:var(--mmt-sp-1) 0 0 var(--mmt-sp-4);padding-left:var(--mmt-sp-2);border-left:2px solid var(--mmt-line)} .mmt-s-cbtn.is-sub{min-height:36px;padding:6px var(--mmt-sp-3);font-size:.9rem;color:var(--mmt-muted)} .mmt-s-cbtn.is-sub:hover{color:var(--mmt-ink)} .mmt-s-cbtn.is-sub[aria-pressed="true"]{color:#fff;font-weight:600} .mmt-s-n{flex:none;min-width:28px;padding:1px 8px;border-radius:var(--mmt-radius-pill);background:#fff;border:1px solid var(--mmt-line);font-family:var(--mmt-font-mono);font-size:.8rem;font-weight:500;color:var(--mmt-muted);text-align:center} .mmt-s-n:empty{display:none} .mmt-s-tag{display:block;font-weight:400;font-size:.8rem;color:var(--mmt-blue-dark)} .mmt-s-results mark{background:var(--mmt-blue-050);color:inherit;border-radius:2px;padding:0 1px;box-shadow:inset 0 -2px 0 var(--mmt-blue)} .mmt-s-phead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--mmt-sp-2) var(--mmt-sp-4);margin-bottom:var(--mmt-sp-4)} .mmt-s-phead .mmt-s-h{margin:0} .mmt-s-count{font-size:.9rem;color:var(--mmt-muted)} .mmt-s-filter{font-size:.9rem} .mmt-s-filter button,.mmt-s-filter a{min-height:32px;padding:0 var(--mmt-sp-2);border:0;background:none;color:var(--mmt-blue-dark);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer} .mmt-s-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mmt-sp-4);list-style:none;margin:0;padding:0} .mmt-s-card{min-width:0} .mmt-s-clink{display:flex;flex-direction:column;height:100%;border:1px solid var(--mmt-line);border-radius:var(--mmt-radius-md);background:#fff;box-shadow:var(--mmt-shadow-card);color:var(--mmt-ink);text-decoration:none;overflow:hidden;transition:border-color .15s ease-out,box-shadow .2s ease-out,transform .2s ease-out} .mmt-s-clink:hover,.mmt-s-clink:focus-visible{border-color:var(--mmt-blue);box-shadow:var(--mmt-shadow-hover);transform:translateY(-2px);outline:none} .mmt-s-clink:focus-visible{box-shadow:var(--mmt-focus)} .mmt-s-img{display:grid;place-items:center;aspect-ratio:1/1;padding:var(--mmt-sp-3);background:#fff;border-bottom:1px solid var(--mmt-line);color:var(--mmt-line)} .mmt-s-img img{width:100%;height:100%;object-fit:contain} .mmt-s-img .mmt-s-ico{width:48px;height:48px} .mmt-s-cbody{display:flex;flex-direction:column;gap:var(--mmt-sp-1);padding:var(--mmt-sp-3) var(--mmt-sp-4) var(--mmt-sp-4)} .mmt-s-ccat{font-size:.82rem;color:var(--mmt-muted);line-height:1.35} .mmt-s-name{font-family:var(--mmt-font-display);font-weight:500;font-size:1.1rem;line-height:1.25} .mmt-s-sku{font-family:var(--mmt-font-mono);font-size:.85rem;color:var(--mmt-muted);overflow-wrap:anywhere} .mmt-s-note{font-size:.8rem;color:var(--mmt-muted);font-style:italic} .mmt-s-more{display:flex;justify-content:center;margin-top:var(--mmt-sp-5)} .mmt-s-ghost{min-height:var(--mmt-tap);padding:0 var(--mmt-sp-5);border:1px solid var(--mmt-blue);border-radius:var(--mmt-radius-sm);background:transparent;color:var(--mmt-blue-dark);font:inherit;font-weight:600;cursor:pointer} .mmt-s-ghost:hover{background:var(--mmt-blue-050)} .mmt-s-btn{display:inline-flex;align-items:center;min-height:var(--mmt-tap);padding:0 var(--mmt-sp-5);border-radius:var(--mmt-radius-sm);background:var(--mmt-blue);color:#fff;font-weight:600;text-decoration:none} .mmt-s-btn:hover{background:var(--mmt-blue-dark);color:#fff} .mmt-s-zero{max-width:62ch;margin-bottom:var(--mmt-sp-5)} .mmt-s-zero p{margin:0 0 var(--mmt-sp-3)} .mmt-s-chips{display:flex;flex-wrap:wrap;gap:var(--mmt-sp-2);list-style:none;margin:0 0 var(--mmt-sp-5);padding:0} .mmt-s-chip{min-height:40px;padding:0 var(--mmt-sp-4);border:1px solid var(--mmt-line);border-radius:var(--mmt-radius-sm);background:#fff;color:var(--mmt-ink);font:inherit;font-size:.95rem;cursor:pointer} .mmt-s-chip:hover{border-color:var(--mmt-blue);background:var(--mmt-blue-050)} .mmt-s-chip.is-recent::before{content:"↺ ";color:var(--mmt-muted)} .mmt-s-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--mmt-sp-3);list-style:none;margin:0;padding:0} .mmt-s-tile{display:flex;flex-direction:column;height:100%;border:1px solid var(--mmt-line);border-radius:var(--mmt-radius-md);background:#fff;color:var(--mmt-ink);text-decoration:none;overflow:hidden} .mmt-s-tile:hover{border-color:var(--mmt-blue);background:var(--mmt-blue-050)} .mmt-s-ti{display:block;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--mmt-line)} .mmt-s-ti img{width:100%;height:100%;object-fit:contain;padding:var(--mmt-sp-2)} .mmt-s-tn{padding:var(--mmt-sp-2) var(--mmt-sp-3) var(--mmt-sp-3);font-weight:600;font-size:1.2rem;line-height:1.3} .mmt-s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (max-width:1100px){.mmt-s-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}  @media (max-width:767px){ .mmt-s-modal .mmt-s-grid{grid-template-columns:minmax(0,1fr);gap:var(--mmt-sp-4)} .mmt-s-modal .mmt-s-cats{position:static;max-height:none;overflow:visible;border-right:0;padding-right:0} .mmt-s-modal .mmt-s-cards{grid-template-columns:repeat(3,minmax(0,1fr))} .mmt-s-modal .mmt-s-catlist{display:flex;gap:var(--mmt-sp-2);overflow-x:auto;padding-bottom:var(--mmt-sp-2);scrollbar-width:thin} .mmt-s-modal .mmt-s-catlist>li,.mmt-s-modal .mmt-s-catlist ul{display:contents} .mmt-s-modal .mmt-s-cbtn{flex:none;width:auto;max-width:240px;border:1px solid var(--mmt-line);border-radius:var(--mmt-radius-sm);padding:var(--mmt-sp-2) var(--mmt-sp-3);font-size:.9rem;white-space:nowrap} .mmt-s-modal .mmt-s-cbtn span:first-child{overflow:hidden;text-overflow:ellipsis} .mmt-s-modal .mmt-s-cbtn[aria-pressed="true"]{border-color:var(--mmt-blue)} .mmt-s-modal .mmt-s-tag{display:none} .mmt-s-modal .mmt-s-catlist>li{margin:0;padding:0;border:0} .mmt-s-modal .mmt-s-catlist .mmt-s-allrow{display:none} .mmt-s-modal .mmt-s-catlist ul{margin:0;padding:0;border:0} .mmt-s-modal .mmt-s-cbtn,.mmt-s-modal .mmt-s-cbtn.is-parent,.mmt-s-modal .mmt-s-cbtn.is-sub{min-height:44px;background:#fff;color:var(--mmt-ink);font-size:.9rem} .mmt-s-modal .mmt-s-cbtn.is-parent{font-weight:600} .mmt-s-modal .mmt-s-cbtn.is-sub{font-weight:400} .mmt-s-modal .mmt-s-cbtn[aria-pressed="true"]{background:var(--mmt-blue-050);color:var(--mmt-ink);border-color:var(--mmt-blue)} .mmt-s-modal .mmt-s-cbtn[aria-pressed="true"] .mmt-s-n{background:#fff;color:var(--mmt-muted)} .mmt-s-modal .mmt-s-n{min-width:0;padding:0;border:0;background:none} } @media (max-width:767px){ .mmt-s-modal{width:calc(100vw - 16px);height:calc(var(--mmt-s-vvh,100vh) - 16px)} .mmt-s-mbody{padding:var(--mmt-sp-3)} .mmt-s-modal .mmt-s-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mmt-sp-3)} .mmt-s-cbody{padding:var(--mmt-sp-3)} .mmt-s-name{font-size:1rem} .mmt-s-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} }  @media (min-width:768px){ .mmt-s-name{font-size:1.3rem;line-height:1.25} .mmt-s-ccat{font-size:.92rem} .mmt-s-sku{font-size:.9rem} .mmt-s-cbtn.is-parent,.mmt-s-cbtn.is-all{min-height:48px;font-size:1.12rem} .mmt-s-cbtn.is-sub{min-height:40px;font-size:1.02rem} .mmt-s-n{font-size:.85rem} .mmt-s-grid{grid-template-columns:300px minmax(0,1fr)} } @media (prefers-reduced-motion:reduce){.mmt-s-clink,.mmt-s-bar{transition:none}.mmt-s-clink:hover{transform:none}}