/* Master catalog — the same drafting grid and neutral palette as the material catalogs. */
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body.master-catalog-page { --text:#171716; --muted:#4d535a; --dim:#626b75; --border:#d9dde1; --border-md:#a8adb3; --accent:#20201e; --surface:#f7f8f8; --gutter:clamp(24px,3.6vw,64px); --xeon-title-size:clamp(42px,5.1vw,76px); margin:0; color:var(--text); background:#fff; font-family:Inter,Arial,sans-serif; line-height:1.65; -webkit-font-smoothing:antialiased; }
#main-nav { position:fixed; top:0; left:0; right:0; }
[hidden] { display:none !important; }
.mc-skip { position:fixed; top:-80px; left:20px; z-index:2000; padding:12px 20px; background:#20201e; color:#fff; }
.mc-skip:focus { top:12px; }
#catalog-main { background-image:linear-gradient(rgba(28,39,51,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,39,51,.06) 1px,transparent 1px),linear-gradient(rgba(28,39,51,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(28,39,51,.025) 1px,transparent 1px); background-size:160px 160px,160px 160px,32px 32px,32px 32px; padding-bottom:72px; }
#catalog-main :is(h1,h2,h3,p) { margin:0; }
#catalog-main a { color:inherit; text-decoration:none; }
#catalog-main :is(a,button,input):focus-visible { outline:2px solid #42677d; outline-offset:4px; }
#catalog-main :is(button,input) { font:inherit; border-radius:0; }
#catalog-main button { cursor:pointer; }
#catalog-main h2 { font-size:clamp(27px,3.1vw,44px); }
.mc-container { max-width:1560px; padding-inline:var(--gutter); margin-inline:auto; }
.mc-hero { padding-top:122px; padding-bottom:40px; }
.mc-breadcrumb { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:32px; font-size:12px; color:var(--muted); }
.mc-breadcrumb a:hover { text-decoration:underline !important; }
.mc-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:end; }
#catalog-main .mc-eyebrow { color:var(--dim); font-size:11px; letter-spacing:.09em; text-transform:uppercase; margin-bottom:14px; }
.mc-hero-intro { max-width:570px; font-size:16px; color:var(--muted); }
.mc-hero-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:20px; }
.mc-hero-links a { display:inline-flex; gap:16px; align-items:center; font-size:13px; min-height:36px; border-bottom:1px solid var(--border-md); color:var(--text) !important; }
.mc-hero-links a:hover { border-color:var(--text); }
.mc-summary { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:36px; padding-block:18px; border-block:1px solid var(--border-md); font-size:12px; color:var(--muted); }
.mc-summary strong { font-size:17px; font-weight:500; margin-right:8px; color:var(--text); }
.mc-summary-note { margin-left:auto; align-self:center; }
.mc-section-head { display:flex; justify-content:space-between; align-items:end; gap:28px; margin-bottom:24px; }
.mc-section-head>p { max-width:350px; color:var(--muted); font-size:14px; }
.mc-controls { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(0,1.55fr); gap:28px; padding:24px; border:1px solid var(--border-md); background:#fff; }
.mc-search label,#catalog-main .mc-filter-wrap>p { display:block; font-size:12px; margin-bottom:10px; color:var(--muted); }
.mc-search-field { display:flex; align-items:center; gap:12px; min-height:46px; padding-left:14px; border:1px solid var(--border-md); background:var(--surface); }
.mc-search-field svg { flex-shrink:0; color:var(--dim); }
.mc-search-field input { min-width:0; width:100%; padding:12px 10px 12px 0; min-height:46px; border:0; background:transparent; color:var(--text); font-size:13px !important; }
.mc-search-field:focus-within { outline:2px solid #42677d; outline-offset:2px; }
#catalog-main .mc-search-field input:focus-visible { outline:none; }
.mc-search-field input::placeholder { color:var(--dim); }
.mc-filters { display:flex; flex-wrap:wrap; gap:7px; }
.mc-filters button { min-height:46px; padding:10px 13px; border:1px solid var(--border); background:#fff; color:var(--muted); font-size:12px !important; }
.mc-filters button:hover { border-color:var(--border-md); background:var(--surface); }
.mc-filters button[aria-pressed="true"] { color:#fff; background:var(--accent); border-color:var(--accent); }
.mc-result-row { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:58px; color:var(--dim); font-size:12px; }
.mc-result-row>p,.mc-empty p { overflow-wrap:anywhere; }
.mc-result-row>button { flex-shrink:0; }
.mc-reset { display:flex; gap:14px; align-items:center; padding:10px 0 10px 12px; min-height:44px; border:0; background:transparent; color:var(--text); font-size:12px !important; text-decoration:underline; text-underline-offset:3px; }
.mc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mc-card { min-width:0; display:flex; flex-direction:column; border:1px solid var(--border); background:#fff; transition:border-color .15s; }
.mc-card:hover,.mc-card:focus-within { border-color:var(--border-md); }
.mc-photo { display:block; position:relative; overflow:hidden; border-bottom:1px solid var(--border); background:var(--surface); }
.mc-photo img { display:block; width:100%; height:auto; aspect-ratio:1.85; object-fit:cover; }
.mc-badge { position:absolute; top:14px; left:14px; padding:5px 9px; font-size:10px; line-height:1.6; color:var(--text); background:#fff; border:1px solid var(--border); }
.mc-card-body { display:flex; flex:1; flex-direction:column; padding:24px 24px 0; }
#catalog-main .mc-kicker { font-size:10px; color:var(--dim); text-transform:uppercase; letter-spacing:.055em; margin-bottom:10px; }
.mc-kicker>span { display:inline-block; border-right:1px solid var(--border-md); padding-right:10px; margin-right:7px; font-family:'IBM Plex Mono',monospace; }
#catalog-main .mc-card h3 { font-size:29px; margin-bottom:12px; }
#catalog-main .mc-desc { color:var(--muted); font-size:13px; line-height:1.75; margin-bottom:18px; }
.mc-quick-links { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:24px; }
.mc-quick-links a { display:inline-flex; gap:12px; align-items:center; min-height:36px; padding:7px 9px; border:1px solid var(--border); font-size:11px; line-height:1.5; background:var(--surface); }
.mc-quick-links a:hover { border-color:var(--text); background:#fff; }
#catalog-main .mc-meta { font-size:11px; color:var(--dim); margin-top:auto; padding-bottom:18px; }
.mc-card-cta { display:flex; justify-content:space-between; gap:16px; align-items:center; min-height:61px; padding-block:16px; border-top:1px solid var(--border); font-size:13px; }
.mc-card-cta>span { font-size:20px; }
.mc-card-cta:hover { text-decoration:underline !important; text-underline-offset:4px; }
.mc-guide { display:flex; flex-direction:column; padding:32px; border:1px solid var(--border-md); background:linear-gradient(135deg,#f6f7f7,#fff); }
#catalog-main .mc-guide h3 { font-size:clamp(28px,2.5vw,38px); margin-bottom:22px; }
#catalog-main .mc-guide>p:not(.mc-eyebrow) { color:var(--muted); font-size:14px; margin-bottom:28px; }
.mc-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; padding:12px 18px; border:1px solid var(--border-md); font-size:13px !important; text-decoration:none; }
#catalog-main .mc-button-dark { color:#fff; background:var(--accent); border-color:var(--accent); }
#catalog-main .mc-button-dark:hover { background:#393936; }
.mc-guide-links { display:flex; flex-direction:column; margin-top:22px; }
.mc-guide-links a { display:flex; justify-content:space-between; gap:16px; padding-block:13px; border-bottom:1px solid var(--border); font-size:12px; }
.mc-guide-links a:hover { text-decoration:underline !important; text-underline-offset:3px; }
.mc-guide-foot { margin-top:auto; padding-top:28px; color:var(--dim); font-size:11px; }
.mc-empty { padding:56px 24px; border:1px solid var(--border); background:#fff; text-align:center; }
.mc-empty h3 { font-size:28px; }
#catalog-main .mc-empty>p:not(.mc-eyebrow) { margin:16px auto 24px; max-width:560px; color:var(--muted); font-size:14px; }
.mc-comparison { padding-top:64px; }
.mc-family-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mc-family { padding:24px; border:1px solid var(--border); background:#fff; display:flex; flex-direction:column; }
.mc-family-top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:24px; font-size:10px; color:var(--dim); }
.mc-family h3 { font-size:29px; }
#catalog-main .mc-family>p { color:var(--muted); font-size:12px; margin:12px 0 24px; }
.mc-family-actions { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:auto; padding-top:10px; border-top:1px solid var(--border); }
.mc-family-actions a { display:inline-flex; gap:12px; align-items:center; min-height:40px; font-size:12px; }
.mc-family-actions a:hover { text-decoration:underline !important; text-underline-offset:4px; }
.mc-quote { display:flex; justify-content:space-between; gap:32px; align-items:center; padding:32px; background:#fff; border:1px solid var(--border-md); margin-top:48px; }
#catalog-main .mc-quote h2 { font-size:clamp(26px,2.7vw,38px); }
#catalog-main .mc-quote p:not(.mc-eyebrow) { color:var(--muted); margin-top:14px; font-size:14px; }
.mc-quote .mc-button { flex-shrink:0; }
@media(max-width:1200px) { .mc-controls { grid-template-columns:1fr; gap:18px; } .mc-search { max-width:600px; } .mc-summary-note { display:none; } .mc-section-head>p { max-width:280px; } .mc-card-body { padding:20px 20px 0; } .mc-guide { padding:24px; } }
@media(max-width:1000px) { .mc-hero-grid { grid-template-columns:1fr; gap:22px; } .mc-hero-intro { max-width:720px; } .mc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .mc-section-head { align-items:start; flex-direction:column; gap:14px; } .mc-section-head>p { max-width:650px; } .mc-family-grid { grid-template-columns:1fr; gap:14px; } .mc-family-top { margin-bottom:16px; } .mc-family-actions { margin-top:0; } }
@media(max-width:600px) { .mc-hero { padding-top:106px; padding-bottom:32px; } .mc-breadcrumb { margin-bottom:24px; } .mc-summary { gap:12px; flex-direction:column; margin-top:24px; } .mc-summary strong { display:inline-block; min-width:36px; } .mc-grid { grid-template-columns:1fr; gap:18px; } .mc-controls { padding:18px; } .mc-search-field { padding-left:10px; gap:8px; } .mc-search-field input { font-size:16px !important; } .mc-filters { gap:6px; } .mc-filters button { flex:1 1 42%; padding-inline:8px; } .mc-photo img { aspect-ratio:1.65; } .mc-card-body { padding:22px 20px 0; } .mc-quick-links a { min-height:44px; } .mc-comparison { padding-top:44px; } .mc-guide { padding:24px; } .mc-guide h3 br { display:none; } .mc-quote { align-items:stretch; flex-direction:column; padding:24px; gap:24px; margin-top:32px; } #catalog-main { padding-bottom:40px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .mc-card { transition:none; } }