/* CHIPER UI refresh: presentation only; existing product records and indexing stay untouched. */
:root { --ch-ink:#112b49; --ch-muted:#5c7086; --ch-blue:#075db9; --ch-blue-dark:#08498f; --ch-line:#dce5ef; --ch-pale:#f3f7fb; }

/* Navigation: one clear RFQ action, normal treatment for Contact. */
.ast-desktop #menu-item-1128 > .menu-link { background:transparent !important; color:var(--ch-ink) !important; font-weight:500; }
.ast-desktop #menu-item-1128 > .menu-link:hover,
.ast-desktop #menu-item-1128.current-menu-item > .menu-link { color:var(--ch-blue) !important; }
.ast-desktop #menu-item-64003 > .menu-link { height:auto; line-height:1.2; min-height:44px; align-self:center; display:inline-flex; align-items:center; border-radius:9px; box-shadow:0 5px 14px rgba(7,93,185,.15); }
.main-header-menu .menu-link:focus-visible, .ch-ui-home a:focus-visible, .ch-ui-products a:focus-visible, .ch-ui-contact a:focus-visible, .ch-ui-part-bar a:focus-visible { outline:3px solid #f2ae35; outline-offset:3px; }

/* Shared system. */
.ch-ui-home, .ch-ui-products, .ch-ui-contact { color:var(--ch-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.ch-ui-home *, .ch-ui-products *, .ch-ui-contact * { box-sizing:border-box; }
.ch-ui-home h1, .ch-ui-home h2, .ch-ui-home h3,
.ch-ui-products h2, .ch-ui-contact h1, .ch-ui-contact h2 { color:var(--ch-ink); letter-spacing:-.025em; }
.ch-ui-eyebrow { margin:0 0 13px; color:var(--ch-blue); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.ch-ui-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:49px; padding:12px 22px; border-radius:9px; font-size:15px; font-weight:700; text-decoration:none !important; transition:transform .18s,background-color .18s,box-shadow .18s; }
.ch-ui-button:hover { transform:translateY(-2px); }
.ch-ui-button-primary { background:var(--ch-blue); color:#fff !important; box-shadow:0 8px 20px rgba(4,60,124,.2); }
.ch-ui-button-primary:hover { background:var(--ch-blue-dark); color:#fff !important; }
.ch-ui-button-light { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.52); color:#fff !important; }
.ch-ui-button-light:hover { background:rgba(255,255,255,.2); }
.ch-ui-fineprint { color:#66788a; font-size:13px; line-height:1.6; }
.ch-ui-text-link { color:var(--ch-blue); font-weight:700; text-decoration:none !important; white-space:nowrap; }

/* Homepage: decisive search and quote path. */
body.page-id-5 .site-content > .ast-container { max-width:1280px; }
body.page-id-5 .entry-content { margin-top:0; }
.ch-ui-home { padding-top:34px; }
.ch-ui-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:32px; align-items:center; position:relative; overflow:hidden; border-radius:20px; padding:64px clamp(28px,5vw,72px); background:radial-gradient(circle at 82% 12%,rgba(45,132,224,.26),transparent 32%),linear-gradient(120deg,#061b34,#0b3765 62%,#0c4b83); color:#fff; box-shadow:0 22px 42px rgba(5,35,70,.16); }
.ch-ui-hero:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:35px 35px; mask-image:linear-gradient(90deg,transparent 35%,#000); }
.ch-ui-hero > * { position:relative; z-index:1; }
.ch-ui-hero .ch-ui-eyebrow { color:#83c8ff; }
.ch-ui-hero h1 { max-width:710px; margin:0 0 18px; color:#fff; font-size:clamp(36px,4.3vw,59px); line-height:1.09; font-weight:800; }
.ch-ui-hero-lead { max-width:620px; margin:0 0 26px; color:#d6e7f9; font-size:17px; line-height:1.65; }
.ch-ui-search { max-width:620px; margin:0 0 18px; }
.ch-ui-search label { display:block; margin-bottom:9px; color:inherit; font-size:13px; font-weight:700; }
.ch-ui-search-row { display:flex; background:#fff; padding:6px; border-radius:11px; box-shadow:0 10px 24px rgba(0,0,0,.12); }
.ch-ui-search-row input[type="search"] { width:100%; min-width:0; flex:1; height:45px; padding:9px 14px; border:0; background:#fff; box-shadow:none; font-size:16px; color:var(--ch-ink); outline:none; }
.ch-ui-search-row input[type="search"]:focus-visible { outline:2px solid var(--ch-blue); outline-offset:-2px; border-radius:5px; }
.ch-ui-search-row button { flex:none; min-height:45px; padding:9px 19px; border:0; border-radius:7px; background:var(--ch-blue); color:#fff; font-size:14px; font-weight:700; cursor:pointer; }
.ch-ui-search-row button:hover { background:var(--ch-blue-dark); }
.ch-ui-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.ch-ui-hero-note { max-width:570px; margin:18px 0 0; color:#afc9e1; font-size:12px; line-height:1.5; }
.ch-ui-hero-aside { padding:29px 27px; border:1px solid rgba(255,255,255,.24); border-radius:15px; background:rgba(255,255,255,.09); backdrop-filter:blur(7px); }
.ch-ui-aside-label { color:#8fceff; font-size:11px; font-weight:800; letter-spacing:.15em; }
.ch-ui-hero-aside ol { margin:19px 0 23px; padding:0; list-style:none; counter-reset:quote-steps; }
.ch-ui-hero-aside li { position:relative; margin:0 0 20px; padding-left:42px; counter-increment:quote-steps; }
.ch-ui-hero-aside li:last-child { margin-bottom:0; }
.ch-ui-hero-aside li:before { content:counter(quote-steps); position:absolute; left:0; top:2px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#d9ecff; color:#063763; font-size:12px; font-weight:800; }
.ch-ui-hero-aside strong { display:block; color:#fff; font-size:15px; }
.ch-ui-hero-aside li span { display:block; margin-top:3px; color:#c4daec; font-size:13px; line-height:1.5; }
.ch-ui-hero-aside > a { color:#fff; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.ch-ui-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:25px 0 58px; padding:21px 0; border:1px solid var(--ch-line); border-radius:13px; background:#fff; box-shadow:0 7px 24px rgba(9,45,83,.04); }
.ch-ui-proof > div { display:flex; flex-direction:column; align-items:center; gap:2px; padding:4px 15px; text-align:center; border-right:1px solid var(--ch-line); }
.ch-ui-proof > div:last-child { border-right:0; }
.ch-ui-proof strong { color:var(--ch-ink); font-size:25px; line-height:1.2; }
.ch-ui-proof span { color:var(--ch-muted); font-size:13px; }
.ch-ui-section { margin:0 0 64px; }
.ch-ui-section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }
.ch-ui-section-heading h2 { margin:0 0 7px; font-size:clamp(27px,2.7vw,36px); line-height:1.2; }
.ch-ui-section-heading p:not(.ch-ui-eyebrow) { margin:0; color:var(--ch-muted); font-size:16px; }
.ch-ui-brand-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.ch-ui-brand-grid > br { display:none; } /* WordPress wpautop inserts these between linked cards. */
.ch-ui-brand { position:relative; display:flex; flex-direction:column; min-height:166px; padding:21px; border:1px solid var(--ch-line); border-radius:13px; background:#fff; color:var(--ch-ink) !important; text-decoration:none !important; box-shadow:0 5px 16px rgba(7,47,91,.03); transition:transform .18s,border-color .18s,box-shadow .18s; }
.ch-ui-brand:hover { transform:translateY(-3px); border-color:#7db3e6; box-shadow:0 12px 25px rgba(5,68,131,.11); }
.ch-ui-brand-mark { display:grid; place-items:center; width:40px; height:40px; margin-bottom:auto; border-radius:9px; background:#e8f2fc; color:#07549f; font-size:14px; font-weight:800; letter-spacing:.02em; }
.ch-ui-brand strong { display:block; margin:14px 0 3px; font-size:16px; line-height:1.25; }
.ch-ui-brand small { color:var(--ch-muted); font-size:12px; }
.ch-ui-brand-arrow { position:absolute; right:19px; top:23px; color:var(--ch-blue); font-size:20px; }
.ch-ui-section > .ch-ui-fineprint { margin:17px 0 0; }
.ch-ui-services { padding:40px; border-radius:17px; background:var(--ch-pale); }
.ch-ui-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.ch-ui-service-grid > div { padding:23px; border:1px solid var(--ch-line); border-radius:12px; background:#fff; }
.ch-ui-service-num { color:var(--ch-blue); font-size:12px; font-weight:800; letter-spacing:.12em; }
.ch-ui-service-grid h3 { margin:13px 0 8px; font-size:19px; }
.ch-ui-service-grid p { margin:0; color:var(--ch-muted); font-size:14px; line-height:1.6; }
.ch-ui-cta { display:flex; justify-content:space-between; align-items:center; gap:28px; margin:0 0 18px; padding:36px 41px; border-radius:16px; background:#102d50; color:#fff; }
.ch-ui-cta .ch-ui-eyebrow { color:#8bccff; }
.ch-ui-cta h2 { margin:0 0 7px; color:#fff; font-size:clamp(26px,2.5vw,34px); }
.ch-ui-cta p:not(.ch-ui-eyebrow) { max-width:620px; margin:0; color:#cbdcec; line-height:1.6; }
.ch-ui-cta .ch-ui-button { flex:none; }
.ch-ui-home-footer { text-align:center; }
.ch-ui-home-footer a { color:var(--ch-blue); }

/* Product index page. */
body.page-id-7 .site-content > .ast-container,
body.page-id-8 .site-content > .ast-container { max-width:1250px; }
body.page-id-7 .entry-title { margin-bottom:12px; color:var(--ch-ink); font-size:clamp(34px,3.2vw,44px); }
.ch-ui-products { padding-bottom:28px; }
.ch-ui-intro { max-width:770px; color:var(--ch-muted); font-size:17px; line-height:1.6; }
.ch-ui-products-search { max-width:670px; margin:25px 0 56px; padding:22px; border:1px solid var(--ch-line); border-radius:13px; background:var(--ch-pale); }
.ch-ui-products-search label { color:var(--ch-ink); }
.ch-ui-products .ch-ui-brand-grid { margin-bottom:19px; }
.ch-ui-other { padding:30px 32px; border:1px solid var(--ch-line); border-radius:14px; }
.ch-ui-other h2 { margin:0 0 5px; font-size:25px; }
.ch-ui-other > p { color:var(--ch-muted); }
.ch-ui-other-links { display:flex; flex-wrap:wrap; gap:10px; }
.ch-ui-other-links a { padding:9px 15px; border:1px solid var(--ch-line); border-radius:8px; color:var(--ch-blue); font-weight:650; text-decoration:none; }
.ch-ui-other-links a:hover { background:var(--ch-pale); }

/* Contact page: keep the existing CF7 fields and submission behavior. */
.ch-ui-contact { padding:12px 0 30px; }
.ch-ui-contact-intro { max-width:800px; margin-bottom:31px; }
.ch-ui-contact-intro h1 { margin:0 0 13px; font-size:clamp(34px,3.6vw,47px); line-height:1.15; }
.ch-ui-contact-intro > p:last-child { color:var(--ch-muted); font-size:17px; line-height:1.6; }
.ch-ui-contact-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(285px,.7fr); gap:24px; align-items:start; }
.ch-ui-contact-form { min-width:0; padding:33px; border:1px solid var(--ch-line); border-radius:15px; background:#fff; box-shadow:0 10px 28px rgba(10,50,93,.05); scroll-margin-top:25px; }
.ch-ui-contact-form h2 { margin:0 0 4px; font-size:28px; }
.ch-ui-form-help { margin:0 0 25px; color:var(--ch-muted); font-size:14px; }
.ch-ui-contact-form .wpcf7-form > p { margin:0 0 14px; }
.ch-ui-contact-form .wpcf7-form label { display:block; color:var(--ch-ink); font-size:13px; font-weight:700; }
.ch-ui-contact-form .wpcf7-form input:not([type="checkbox"]):not([type="submit"]):not([type="hidden"]),
.ch-ui-contact-form .wpcf7-form textarea { display:block; width:100%; min-height:45px; margin-top:5px; padding:10px 13px; border:1px solid #c9d6e3; border-radius:8px; background:#fff; color:var(--ch-ink); font-size:15px; box-shadow:none; }
.ch-ui-contact-form .wpcf7-form textarea { min-height:110px; }
.ch-ui-contact-form .wpcf7-form input:focus, .ch-ui-contact-form .wpcf7-form textarea:focus { border-color:var(--ch-blue) !important; outline:2px solid rgba(7,93,185,.18); }
.ch-ui-contact-form .wpcf7-form input[type="submit"] { min-height:49px; padding:12px 25px; border-radius:9px; background:var(--ch-blue); color:#fff; font-weight:700; }
.ch-ui-contact-form .wpcf7-form input[type="submit"]:hover { background:var(--ch-blue-dark); }
.ch-ui-contact-aside { display:grid; gap:17px; }
.ch-ui-contact-aside-card { padding:29px; border:1px solid var(--ch-line); border-radius:14px; background:var(--ch-pale); }
.ch-ui-contact-aside-card:last-child { background:#102d50; color:#fff; }
.ch-ui-contact-aside-card:last-child .ch-ui-eyebrow { color:#8bccff; }
.ch-ui-contact-aside-card h2 { margin:0 0 15px; font-size:22px; line-height:1.25; }
.ch-ui-contact-aside-card:last-child h2 { color:#fff; }
.ch-ui-contact-aside-card ul { margin:0 0 18px 18px; padding:0; }
.ch-ui-contact-aside-card li { padding:3px 0; }
.ch-ui-contact-aside-card p { font-size:14px; line-height:1.55; }
.ch-ui-contact-aside-card:last-child a { color:#fff; overflow-wrap:anywhere; }
.ch-ui-contact-company { margin-top:34px; padding:27px 32px; border-top:1px solid var(--ch-line); color:var(--ch-muted); }
.ch-ui-contact-company h2 { margin:0 0 8px; font-size:23px; }
.ch-ui-contact-company > div { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.ch-ui-contact-company p { font-size:14px; line-height:1.55; }

/* Existing 33k+ product URLs: introduce an early RFQ CTA and clearer reading width. */
body.single-post.ast-narrow-container .site-content > .ast-container { max-width:1110px; }
body.single-post .ast-article-single { border-radius:16px; box-shadow:0 8px 30px rgba(18,48,80,.05); }
body.single-post .entry-title { color:var(--ch-ink); font-size:clamp(29px,3vw,40px); overflow-wrap:anywhere; }
body.single-post .entry-content { color:var(--ch-ink); }
.ch-ui-part-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; clear:both; margin:0 0 26px; padding:18px 21px; border:1px solid #b7d5ef; border-radius:12px; background:#eef6fd; }
.ch-ui-part-bar > div { min-width:0; }
.ch-ui-part-eyebrow { display:block; color:var(--ch-blue); font-size:11px; font-weight:800; letter-spacing:.13em; }
.ch-ui-part-bar strong { display:block; color:var(--ch-ink); font-size:17px; overflow-wrap:anywhere; }
.ch-ui-part-bar small { display:block; color:var(--ch-muted); font-size:12px; }
.ch-ui-part-bar .ch-ui-button { flex:none; }
body.single-post .entry-content h2 { clear:both; margin-top:32px; color:var(--ch-ink); font-size:27px; }
body.single-post .entry-content table { width:100%; border:1px solid var(--ch-line); border-collapse:separate; border-spacing:0; border-radius:10px; overflow:hidden; }
body.single-post .entry-content table td, body.single-post .entry-content table th { padding:13px 16px; border-color:var(--ch-line); overflow-wrap:anywhere; }
body.single-post .entry-content table tr:nth-child(even) { background:#f7fafd; }
body.single-post .entry-content table td:first-child { width:34%; font-weight:650; color:var(--ch-ink); }
body.single-post .entry-content .ch-ui-rfq { clear:both; scroll-margin-top:26px; border-color:#bdd6ed !important; background:#f3f8fd !important; border-radius:12px !important; }
body.single-post .entry-content .ch-ui-rfq button[type="submit"] { min-height:48px; border-radius:8px !important; background:var(--ch-blue) !important; }
body.single-post .entry-content .ch-ui-rfq button[type="submit"]:hover { background:var(--ch-blue-dark) !important; }
@media (max-width:700px) { body.single-post .entry-content .ch-ui-rfq button[type="submit"] { width:100%; } }

@media (max-width:1000px) {
  .ch-ui-hero { grid-template-columns:minmax(0,1fr); padding:45px 38px; }
  .ch-ui-hero-aside { display:none; }
  .ch-ui-brand-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ch-ui-contact-grid { grid-template-columns:minmax(0,1fr); }
  .ch-ui-contact-aside { grid-template-columns:1fr 1fr; }
}
@media (max-width:700px) {
  .ch-ui-home { padding-top:8px; }
  .ch-ui-hero { padding:34px 22px; border-radius:14px; }
  .ch-ui-hero h1 { font-size:clamp(32px,8vw,43px); }
  .ch-ui-hero-lead { font-size:15px; }
  .ch-ui-hero-actions .ch-ui-button { flex:1; }
  .ch-ui-proof { margin:16px 0 42px; }
  .ch-ui-proof strong { font-size:20px; }
  .ch-ui-proof span { font-size:11px; }
  .ch-ui-section { margin-bottom:46px; }
  .ch-ui-section-heading { display:block; }
  .ch-ui-section-heading .ch-ui-text-link { display:inline-block; margin-top:15px; }
  .ch-ui-brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .ch-ui-brand { min-height:153px; padding:16px; }
  .ch-ui-brand strong { font-size:14px; }
  .ch-ui-brand-arrow { right:14px; top:15px; }
  .ch-ui-services { padding:25px 17px; }
  .ch-ui-service-grid { grid-template-columns:1fr; }
  .ch-ui-cta { display:block; padding:28px 23px; }
  .ch-ui-cta .ch-ui-button { margin-top:21px; }
  .ch-ui-contact-form { padding:22px 17px; }
  .ch-ui-contact-aside, .ch-ui-contact-company > div { grid-template-columns:1fr; }
  .ch-ui-contact-company { padding:25px 0; }
  .ch-ui-part-bar { align-items:stretch; flex-direction:column; }
  .ch-ui-part-bar .ch-ui-button { width:100%; }
}
@media (max-width:440px) {
  .ch-ui-search-row { display:block; padding:5px; }
  .ch-ui-search-row button { width:100%; }
  .ch-ui-hero-actions { flex-direction:column; }
  .ch-ui-proof { padding:12px 0; }
  .ch-ui-proof > div { padding:4px 7px; }
  .ch-ui-brand-mark { width:35px; height:35px; }
}

/* Second pass: give buyers concrete parts and recognizable brand routes. */
.ch-ui-search-examples { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:-1px 0 19px; color:#b7d6ef; font-size:12px; }
.ch-ui-search-examples a { display:inline-block; padding:5px 9px; border:1px solid rgba(255,255,255,.27); border-radius:6px; color:#e4f4ff; font-size:12px; font-weight:650; text-decoration:none; }
.ch-ui-search-examples a:hover { background:rgba(255,255,255,.16); color:#fff; }
.ch-ui-part-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.ch-ui-part-grid > br { display:none; }
.ch-ui-part-card { display:flex; flex-direction:column; min-height:151px; padding:20px 22px; border:1px solid var(--ch-line); border-radius:12px; background:#fff; color:var(--ch-ink) !important; text-decoration:none !important; transition:transform .18s,border-color .18s,box-shadow .18s; }
.ch-ui-part-card:hover { transform:translateY(-3px); border-color:#85bce9; box-shadow:0 11px 27px rgba(10,70,135,.11); }
.ch-ui-part-card > span { color:var(--ch-muted); font-size:12px; font-weight:650; }
.ch-ui-part-card strong { margin:10px 0; color:var(--ch-ink); font-size:17px; line-height:1.35; overflow-wrap:anywhere; }
.ch-ui-part-card small { margin-top:auto; color:var(--ch-blue); font-size:13px; font-weight:750; }
.ch-ui-featured > .ch-ui-fineprint { margin:15px 0 0; }
.ch-ui-brand { min-height:184px; }
.ch-ui-brand::after { content:"Browse listed parts  →"; margin-top:11px; color:var(--ch-blue); font-size:12px; font-weight:750; }
.ch-ui-brand[href^="/contact/"]::after { content:"Ask about a part  →"; }
.ch-ui-brand[href="/infineon/"] .ch-ui-brand-mark,
.ch-ui-brand[href="/altera-intel/"] .ch-ui-brand-mark,
.ch-ui-brand[href="/texas-instruments/"] .ch-ui-brand-mark,
.ch-ui-brand[href="/analog-devices/"] .ch-ui-brand-mark,
.ch-ui-brand[href="/stmicroelectronics/"] .ch-ui-brand-mark,
.ch-ui-brand[href="/microchip/"] .ch-ui-brand-mark { color:transparent; background-color:#fff; background-position:center; background-size:contain; background-repeat:no-repeat; }
.ch-ui-brand[href="/infineon/"] .ch-ui-brand-mark { background-image:url('/wp-content/uploads/2026/08/brand_4.png'); }
.ch-ui-brand[href="/altera-intel/"] .ch-ui-brand-mark { background-image:url('/wp-content/uploads/2026/08/brand_8.png'); }
.ch-ui-brand[href="/texas-instruments/"] .ch-ui-brand-mark { background-image:url('/wp-content/uploads/2026/08/brand_2.png'); }
.ch-ui-brand[href="/analog-devices/"] .ch-ui-brand-mark { background-image:url('/wp-content/uploads/2026/08/brand_3.png'); }
.ch-ui-brand[href="/stmicroelectronics/"] .ch-ui-brand-mark { background-image:url('/wp-content/uploads/2026/08/brand_5.png'); }
.ch-ui-brand[href="/microchip/"] .ch-ui-brand-mark { background-image:url('/wp-content/uploads/2026/08/brand_6.png'); }

/* Brand and series landing pages: product list first, guidance second. */
body:has(.ch-ui-landing) .site-content > .ast-container { max-width:1280px; }
.ch-ui-landing { padding:16px 0 28px; color:var(--ch-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.ch-ui-landing * { box-sizing:border-box; }
.ch-ui-landing h1, .ch-ui-landing h2, .ch-ui-landing h3 { color:var(--ch-ink); letter-spacing:-.025em; }
.ch-ui-landing a:focus-visible { outline:3px solid #f2ae35; outline-offset:3px; }
.ch-ui-landing-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:18px; color:var(--ch-muted); font-size:13px; }
.ch-ui-landing-breadcrumb a { color:var(--ch-blue); text-decoration:none; }
.ch-ui-landing-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); align-items:stretch; gap:24px; padding:36px; border:1px solid var(--ch-line); border-radius:17px; background:linear-gradient(115deg,#f7fbff,#edf5fc); }
.ch-ui-landing-logo { display:grid; place-items:center; width:60px; height:60px; margin-bottom:19px; border:1px solid #d8e5f0; border-radius:12px; background:#fff; }
.ch-ui-landing-logo img { width:52px; height:52px; object-fit:contain; }
.ch-ui-landing-copy h1 { margin:0 0 13px; font-size:clamp(33px,3.3vw,45px); line-height:1.16; }
.ch-ui-landing-copy > p:not(.ch-ui-eyebrow) { max-width:680px; margin:0 0 22px; color:#49627a; font-size:16px; line-height:1.65; }
.ch-ui-landing-actions { display:flex; flex-wrap:wrap; gap:10px; }
.ch-ui-button-quiet { border:1px solid #a9c5dd; background:#fff; color:var(--ch-blue) !important; }
.ch-ui-button-quiet:hover { background:#e6f2fc; color:var(--ch-blue-dark) !important; }
.ch-ui-landing-copy > small { display:block; max-width:660px; margin-top:18px; color:#667e93; font-size:12px; line-height:1.5; }
.ch-ui-landing-search { padding:28px; border-radius:12px; background:#102d50; color:#fff; }
.ch-ui-landing-search .ch-ui-eyebrow { color:#8bccff; }
.ch-ui-landing-search h2 { margin:0 0 10px; color:#fff; font-size:24px; }
.ch-ui-landing-search > p:not(.ch-ui-eyebrow) { margin:0 0 21px; color:#c4d9ec; font-size:14px; }
.ch-ui-landing-search label { display:block; margin-bottom:6px; color:#fff; font-size:12px; font-weight:700; }
.ch-ui-landing-search input[type="search"] { width:100%; min-height:45px; padding:11px 12px; border:1px solid #d9e6f2; border-radius:7px; background:#fff; color:var(--ch-ink); font-size:15px; }
.ch-ui-landing-search button { width:100%; min-height:45px; margin-top:10px; border:0; border-radius:7px; background:#1884e1; color:#fff; font-size:14px; font-weight:750; cursor:pointer; }
.ch-ui-landing-search button:hover { background:#0872ce; }
.ch-ui-landing-related { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:20px 0 0; }
.ch-ui-landing-related strong { margin-right:6px; color:var(--ch-ink); font-size:13px; }
.ch-ui-landing-related a { padding:8px 13px; border:1px solid var(--ch-line); border-radius:7px; background:#fff; color:var(--ch-blue); font-size:13px; font-weight:700; text-decoration:none; }
.ch-ui-landing-related a:hover { border-color:#8fb9db; background:#f0f7fd; }
.ch-ui-landing-catalog { margin:43px 0 52px; scroll-margin-top:25px; }
.ch-ui-landing-section-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:20px; }
.ch-ui-landing-section-head h2 { margin:0 0 5px; font-size:clamp(26px,2.6vw,33px); }
.ch-ui-landing-section-head p:not(.ch-ui-eyebrow) { margin:0; color:var(--ch-muted); font-size:15px; }
.ch-ui-landing-section-head > a { color:var(--ch-blue); font-size:14px; font-weight:750; text-decoration:none; white-space:nowrap; }
.ch-ui-catalog-list { padding:21px; border:1px solid var(--ch-line); border-radius:14px; background:#f8fbfe; }
.ch-ui-catalog-list p { margin:0 0 15px; color:var(--ch-muted); font-size:13px; }
.ch-ui-catalog-list ul { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px !important; columns:unset !important; list-style:none !important; padding:0 !important; margin:0 0 18px !important; }
.ch-ui-catalog-list li { margin:0 !important; padding:0 !important; min-width:0; border:1px solid var(--ch-line); border-radius:7px; background:#fff; }
.ch-ui-catalog-list li a { display:block; min-height:44px; padding:11px 12px; color:var(--ch-blue) !important; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; text-decoration:none; }
.ch-ui-catalog-list li a:hover { color:var(--ch-blue-dark) !important; text-decoration:underline; background:#edf6fe; }
.ch-ui-catalog-list div a[href*="pg="] { display:inline-block; margin:3px; padding:7px 10px; border:1px solid #c6d9ea; border-radius:6px; color:var(--ch-blue); font-size:13px; text-decoration:none; }
.ch-ui-landing-guide { margin:0 0 50px; }
.ch-ui-landing-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ch-ui-landing-guide-card { min-width:0; padding:24px; border:1px solid var(--ch-line); border-radius:12px; background:#fff; }
.ch-ui-landing-guide-card h3 { margin:0 0 11px; font-size:20px; }
.ch-ui-landing-guide-card p, .ch-ui-landing-guide-card li { color:#4e657b; font-size:14px; line-height:1.65; }
.ch-ui-landing-guide-card ul { margin:8px 0 0; padding-left:18px; }
.ch-ui-landing-guide-card p:last-child { margin-bottom:0; }
.ch-ui-landing > .ch-ui-fineprint { text-align:center; }
.ch-ui-landing .ch-ui-cta h2 { color:#fff; }
@media (max-width:950px) {
  .ch-ui-landing-hero { grid-template-columns:1fr; }
  .ch-ui-catalog-list ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ch-ui-part-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .ch-ui-landing { padding-top:8px; }
  .ch-ui-landing-hero { padding:22px 17px; }
  .ch-ui-landing-search { padding:22px; }
  .ch-ui-landing-actions { flex-direction:column; }
  .ch-ui-landing-actions .ch-ui-button { width:100%; }
  .ch-ui-landing-section-head { display:block; }
  .ch-ui-landing-section-head > a { display:inline-block; margin-top:12px; }
  .ch-ui-catalog-list { padding:14px; }
  .ch-ui-catalog-list ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ch-ui-landing-guide-grid { grid-template-columns:1fr; }
  .ch-ui-part-grid { grid-template-columns:1fr; }
  .ch-ui-part-card { min-height:125px; }
}