/* UI07 refines the selected UI02 system. One public stylesheet is shared by
   React and the generated catalog; existing layouts and data remain intact. */
body[data-site-theme="02"] {
  --ar-signal:#90dfed;
  --ar-violet:#b8a6ff;
  --ar-panel-edge:#3a4764;
  --ar-focus:#a5edfa;
}
body[data-site-theme="02"] :is(main,section,article)[id] { scroll-margin-top:155px; }
body[data-site-theme="02"] :is(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid var(--ar-focus); outline-offset:4px;
}
body[data-site-theme="02"] :is(input,select,textarea) { accent-color:var(--ar-violet); }
body[data-site-theme="02"] :is(input,select,textarea):disabled { cursor:not-allowed; opacity:.65; }

/* Fixed header dimensions stay unchanged so existing page offsets remain valid. */
body[data-site-theme="02"] .ar-site-header { border-bottom:1px solid #6575a02b; box-shadow:0 10px 32px #0005; }
body[data-site-theme="02"] .ar-nav-bar { background:linear-gradient(100deg,#10192d,#172139 68%,#10182c); }
.ar-search-workspace { flex:1; min-width:180px; max-width:700px; margin-inline:auto; }
body[data-site-theme="02"] .ar-search-workspace .ar-header-search {
  width:100%; height:40px; max-width:none; align-items:center;
  background:#091122; border:1px solid #62729c; border-radius:9px;
  box-shadow:inset 0 1px 3px #0005; margin:0;
}
body[data-site-theme="02"] .ar-header-search:focus-within {
  border-color:var(--ar-focus); box-shadow:0 0 0 3px #91ddec1a;
}
body[data-site-theme="02"] .ar-search-workspace .ar-header-search>svg { margin-left:13px; color:var(--ar-signal); flex:none; width:17px; height:17px; }
body[data-site-theme="02"] .ar-search-workspace .ar-header-search input { background:transparent; font-size:13px; padding:9px 11px; height:100%; }
.ar-search-workspace kbd { color:#aebcda; font:12px/20px monospace; width:21px; height:22px; text-align:center; border:1px solid #405173; border-radius:4px; flex:none; margin-right:11px; }
body[data-site-theme="02"] .ar-search-workspace .ar-header-search button {
  display:flex; justify-content:center; gap:7px; width:91px; height:100%;
  background:linear-gradient(120deg,#bcaaff,#98c6ef); color:#10172c; font-size:12px; font-weight:750;
}
.ar-search-hint { display:block; font-size:9px; letter-spacing:.025em; color:#93a4c4; margin:4px 0 0 3px; line-height:1; }
body[data-site-theme="02"] .ar-nav-link { position:relative; }
body[data-site-theme="02"] .ar-nav-link::after { content:""; position:absolute; inset:auto 10px 0; height:2px; background:linear-gradient(90deg,var(--ar-violet),var(--ar-signal)); transform:scaleX(0); transform-origin:left; transition:transform .2s; }
body[data-site-theme="02"] .ar-nav-link:is(:hover,:focus-visible)::after { transform:scaleX(1); }
body[data-site-theme="02"] .ar-mega-products>summary { background:linear-gradient(100deg,#b49bff24,#8adaec0a); border-inline:1px solid #a78cf630; }
body[data-site-theme="02"] .ar-mega-panel { border-color:#536184; border-top:2px solid var(--ar-violet); background:#101a2c; box-shadow:0 24px 70px #000a; overscroll-behavior:contain; }
body[data-site-theme="02"] .ar-mega-heading { background:linear-gradient(100deg,#1f2942,#132538); padding:20px 26px; }
.ar-menu-kicker { display:block; color:var(--ar-signal); font-size:9px; font-weight:750; letter-spacing:.17em; margin-bottom:8px; }
body[data-site-theme="02"] .ar-mega-heading strong { font-size:20px; font-weight:600; letter-spacing:-.025em; }
body[data-site-theme="02"] .ar-mega-heading p { font-size:12px; line-height:1.6; margin-top:7px; }
.ar-menu-pathways { display:flex; align-items:center; flex-wrap:wrap; gap:9px; padding:13px 26px; border-bottom:1px solid #344360; background:#0c1528; }
.ar-menu-pathways>span { color:#94a5c4; text-transform:uppercase; font-size:9px; letter-spacing:.12em; margin-right:8px; }
body[data-site-theme="02"] .ar-menu-pathways>a { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; background:#1a2941; color:#d9e5fa; border:1px solid #3b4c6a; border-radius:6px; font-size:11px; font-weight:650; }
.ar-menu-pathways .ar-icon { width:15px; height:15px; color:var(--ar-signal); }
body[data-site-theme="02"] .ar-mega-grid { gap:17px; }
body[data-site-theme="02"] .ar-mega-group { min-width:0; position:relative; }
.ar-menu-index { display:block; color:#7e91b9; font:10px/1.5 monospace; letter-spacing:.12em; margin:0 0 10px; }
body[data-site-theme="02"] .ar-mega-group-title { color:#e1dcff; border-color:#3f4c69; }
body[data-site-theme="02"] .ar-mega-group:nth-child(2n) .ar-menu-index { color:var(--ar-signal); }
body[data-site-theme="02"] .ar-mega-products .ar-mega-group>p { min-height:49px; padding-block:9px; color:#99abc9; font-size:11px; }
body[data-site-theme="02"] .ar-mega-leaf { color:#c4d0e5; font-size:12px; }
body[data-site-theme="02"] .ar-mega-leaf:is(:hover,:focus-visible) { background:#94ace61c; color:#eef3ff; border-radius:6px; text-decoration:none; }
body[data-site-theme="02"] .ar-mega-buying-paths { background:#0c1527; border-top:1px solid #344360; }
body[data-site-theme="02"] .ar-mobile-panel { background:linear-gradient(145deg,#142038,#0c1628); overscroll-behavior:contain; }
body[data-site-theme="02"] .ar-mobile-group { border:1px solid #364765; border-radius:10px; }
body[data-site-theme="02"] .ar-mobile-group>a { min-height:39px; }
body[data-site-theme="02"] .ar-mobile-shortcuts a { min-height:44px; display:flex; align-items:center; border-radius:7px; }

/* Hierarchy and pointer light on product families, catalog records and guides. */
body[data-site-theme="02"] :is(.ar-v27-sector-card,.ar-selected-category,.ar-product-card,.ar-v21-model-card,.ar-workbench-card,.ar-v27-model-card,.cx-card,.cx-panel,.cx-category-card) {
  border-color:var(--ar-panel-edge); box-shadow:0 8px 26px #0002;
  transition:border-color .22s,box-shadow .22s,transform .22s;
}
body[data-site-theme="02"] :is(.ar-selected-category,.ar-product-card,.ar-v21-model-card,.ar-v27-model-card,.cx-card,.cx-category-card):focus-within { border-color:var(--ar-focus); }
body[data-site-theme="02"] :is(.ar-section-heading h2,.cx-page-heading h1,.cx-detail-hero h1) { text-wrap:balance; letter-spacing:-.035em; }
body[data-site-theme="02"] :is(.ar-eyebrow,.cx-brand) { letter-spacing:.1em; }
body[data-site-theme="02"] .ar-v27-sector-scene { border-bottom:1px solid #536789; }
body[data-site-theme="02"] :is(.ar-product-media,.cx-approved-photo,.ar-v21-model-photo) { background:#0a1425; }
body[data-site-theme="02"].cx-site .cx-card { padding:23px; border-radius:16px; }
body[data-site-theme="02"].cx-site .cx-card-title { font-size:20px!important; letter-spacing:-.035em; }
body[data-site-theme="02"].cx-site .cx-card-name { font-size:12px; line-height:1.75; }
body[data-site-theme="02"].cx-site .cx-card-specs { font-size:11px; }
body[data-site-theme="02"].cx-site .cx-card-specs>div { padding:10px 0; }
body[data-site-theme="02"].cx-site .cx-card-specs dd { color:#e0e8f7!important; font-variant-numeric:tabular-nums; }
body[data-site-theme="02"].cx-site .cx-card-actions button { min-height:36px; padding:8px 10px; }
body[data-site-theme="02"].cx-site .cx-filters { background:linear-gradient(155deg,#17223a,#101a2e); border:1px solid #465774; padding:22px; border-radius:14px; }
body[data-site-theme="02"].cx-site :is(.cx-filters,.cx-panel,.cx-config-group) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border-color:#52607d; border-radius:7px; min-height:42px; }
body[data-site-theme="02"].cx-site .cx-tools-bar { padding:18px 0; }
body[data-site-theme="02"] :is(.cx-table-wrap,.px-table-scroll) { border-color:#445473; }
body[data-site-theme="02"] :is(.cx-table,.cx-spec-table,.px-expansion table) :is(td,th) { font-variant-numeric:tabular-nums; }
body[data-site-theme="02"] :is(.cx-table,.cx-spec-table,.px-expansion table) tbody tr:nth-child(even) { background:#7588af09; }
body[data-site-theme="02"] :is(.cx-table,.cx-spec-table,.px-expansion table) tbody tr:hover { background:#97b5ef10; }
body[data-site-theme="02"] .cx-pagination a { min-width:37px; min-height:37px; display:inline-grid; place-items:center; border-radius:7px; }
body[data-site-theme="02"] :is(.cx-reset,.ar-footer-column a) { text-underline-offset:4px; }

/* Useful footer navigation gives every page a direct route back into buying. */
.ar-footer-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:22px 0 38px; }
body[data-site-theme="02"] .ar-footer-paths>a { display:flex; gap:14px; align-items:center; padding:21px; border:1px solid #40506f; border-radius:12px; background:linear-gradient(115deg,#1e2941,#111d31); color:#e4eafd; }
.ar-footer-paths>a>span { align-self:flex-start; font:12px/1.5 monospace; color:var(--ar-signal); }
.ar-footer-paths strong { display:block; font-size:14px; font-weight:650; }
body[data-site-theme="02"] .ar-footer-paths p { font-size:11px; line-height:1.6; color:#a8b7d3; margin:6px 0 0; }
.ar-footer-paths>a>svg { width:20px; height:20px; margin-left:auto; color:var(--ar-violet); flex:none; }
body[data-site-theme="02"] .ar-footer-column h3 { font-size:13px; color:#e6e9f5; padding-bottom:12px; border-bottom:1px solid #384460; }
body[data-site-theme="02"] .ar-footer-column>a { padding-block:5px; }

@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  body[data-site-theme="02"] :is(.ar-v27-sector-card,.ar-selected-category,.ar-product-card,.ar-v21-model-card,.ar-workbench-card,.ar-v27-model-card,.cx-card,.cx-category-card):hover {
    transform:translateY(-3px); border-color:#9e93ce; box-shadow:0 16px 36px #0004,0 0 20px #8ca2e912;
  }
  body[data-site-theme="02"] .ar-footer-paths>a:hover { border-color:var(--ar-signal); box-shadow:0 0 22px #87ddec12; }
}
@media(min-width:1024px) and (max-width:1199px) {
  .ar-search-hint { font-size:8px; letter-spacing:0; }
  .ar-search-workspace kbd { display:none; }
  body[data-site-theme="02"] .ar-search-workspace .ar-header-search button { width:69px; }
  body[data-site-theme="02"] .ar-search-workspace .ar-header-search button .ar-icon { display:none; }
  body[data-site-theme="02"] .ar-mega-products .ar-mega-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1023px) {
  .ar-search-workspace { display:none; }
  body[data-site-theme="02"] :is(main,section,article)[id] { scroll-margin-top:82px; }
}
@media(max-width:760px) {
  .ar-footer-paths { grid-template-columns:1fr; margin-block:18px 28px; gap:10px; }
  .ar-footer-paths>a { padding:18px; }
  body[data-site-theme="02"].cx-site .cx-card { padding:21px; }
  body[data-site-theme="02"].cx-site .cx-card-actions button { min-height:42px; }
  body[data-site-theme="02"] .ar-mobile-search input { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-site-theme="02"] :is(.ar-nav-link::after,.ar-v27-sector-card,.ar-selected-category,.ar-product-card,.ar-v21-model-card,.ar-workbench-card,.ar-v27-model-card,.cx-card,.cx-panel,.cx-category-card) { transition:none; }
}
@media print {
  .ar-footer-paths,.ar-search-workspace { display:none; }
  body[data-site-theme="02"] :is(.cx-card,.cx-panel,.ar-product-card) { box-shadow:none; }
}
.cx-field-evidence{margin-top:8px;max-width:440px;font-size:12px;line-height:1.65;color:#9dacc5}
.cx-field-evidence summary{cursor:pointer;color:#c4b7ff;font-size:11px}
.cx-field-evidence p{margin:7px 0;overflow-wrap:anywhere}
.cx-field-evidence summary:focus-visible{outline:2px solid #bda8ff;outline-offset:3px}