/* Interaction feedback: lighten the existing palette without moving the layout.
   Hover is mouse-only; keyboard focus and touch presses remain available. */
.cn-design #smn-home :is(.smn-picker-options button,.smn-picker-results a,.smn-picker-quote,.cn-detail-link,.smn-faq summary),
.cn-design #smn-home .smn-sim-v2 :is(.smn-event-tabs button,.smn-story-toolbar button,.smn-story-step,.smn-monitor-tile,.smn-monitor-open,.smn-story-retry,.smn-scenario-summary){
 --smn-hover-bg:#354956;
 --smn-hover-ink:#f2f5f7;
 --smn-hover-line:#91a5b5;
 --smn-hover-shadow:inset 0 0 0 1px #d7e2ee0d,0 4px 16px #07141d1a;
 transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.cn-design #smn-home .smn-picker-options button{--smn-hover-bg:#33464e;--smn-hover-line:#859da8}
.cn-design #smn-home .smn-picker-options button[aria-pressed=true]{--smn-hover-bg:#d6c4df;--smn-hover-ink:#222937;--smn-hover-line:#e5d8ec}
.cn-design #smn-home .smn-picker-results a{--smn-hover-bg:#354c60;--smn-hover-line:#9fabc1}
.cn-design #smn-home .smn-picker-results a>i{transition:color .18s ease;text-align:center;min-width:24px;flex:none}
.cn-design #smn-home .smn-picker-results a>b{transition:background-color .18s ease,color .18s ease}
.cn-design #smn-home .smn-picker-quote{--smn-hover-bg:#d0a17c;--smn-hover-ink:#18232b;--smn-hover-line:#e4b998;border:1px solid #b67f59}
.cn-design #smn-home :is(.smn-picker-options button,.smn-picker-quote,.cn-detail-link)::before,
.cn-design #smn-home :is(.smn-picker-options button,.smn-picker-quote,.cn-detail-link)::after,
.cn-design #smn-home .smn-sim-v2 button::before,
.cn-design #smn-home .smn-sim-v2 button::after{content:none!important}

/* Each service row is one real link, including its copy and decorative arrow. */
.cn-design #smn-home .cn-details-list article{display:block;padding:0}
.cn-design #smn-home .cn-detail-link{
 --smn-hover-bg:#293b46;--smn-hover-line:#99a9b6;
 --smn-hover-shadow:inset 2px 0 0 #c9b6d5;
 display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:start;gap:16px;
 padding:24px 14px;border-radius:4px;color:#f1f4f4;text-decoration:none;
}
.cn-design #smn-home .cn-detail-link>span{color:#c49979;font-size:12px;line-height:28px}
.cn-design #smn-home .cn-detail-link>div{min-width:0}
.cn-design #smn-home .cn-detail-link .cn-detail-arrow{width:22px;height:22px;margin-top:3px;fill:none;stroke:#c49979;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s ease}
.cn-design #smn-home .cn-detail-link h3{color:#f1f4f4;overflow-wrap:anywhere}
.cn-design #smn-home .smn-faq summary{--smn-hover-bg:#ffffff10;--smn-hover-shadow:inset 2px 0 0 #c9b6d5}
.cn-design #smn-home .smn-faq details[open]>summary{--smn-hover-bg:#ffffff0e}
.cn-design #smn-home .smn-faq summary::before{transition:background-color .18s ease,border-color .18s ease}

/* Keep selected tabs and alert severity distinct when hovered or focused. */
.cn-design #smn-home .smn-sim-v2 .smn-event-tabs button{--smn-hover-bg:#354554}
.cn-design #smn-home .smn-sim-v2 .smn-event-tabs button[aria-pressed=true]{--smn-hover-bg:#e4daed;--smn-hover-ink:#20232d;--smn-hover-line:#eee6f4}
.cn-design #smn-home .smn-sim-v2 .smn-story-toolbar button{--smn-hover-bg:#485d70;--smn-hover-line:#adbdd0}
.cn-design #smn-home .smn-sim-v2 .smn-story-step{--smn-hover-bg:#344655}
.cn-design #smn-home .smn-sim-v2 .smn-story-step[aria-pressed=true]{--smn-hover-bg:#47465d;--smn-hover-line:#cbbadc}
.cn-design #smn-home .smn-sim-v2 .smn-monitor-tile{--smn-hover-bg:#314656}
.cn-design #smn-home .smn-sim-v2 .smn-monitor-tile.alert{--smn-hover-bg:#49434b;--smn-hover-line:#ebc795}
.cn-design #smn-home .smn-sim-v2 .smn-monitor-tile.alert[data-severity=urgent]{--smn-hover-line:#f3b6a5}
.cn-design #smn-home .smn-sim-v2 .smn-monitor-tile.alert[data-severity=success]{--smn-hover-bg:#35514f;--smn-hover-line:#a8e0cc}
.cn-design #smn-home .smn-sim-v2 .smn-monitor-open{--smn-hover-bg:#304453;--smn-hover-shadow:inset 2px 0 0 #bda8d0;border-radius:3px}
.cn-design #smn-home .smn-sim-v2 .smn-story-auto{cursor:pointer;transition:color .18s ease}
.cn-design #smn-home .smn-sim-v2 .smn-scenario-summary{--smn-hover-bg:#3c4860;--smn-hover-line:#b7a5cc}

/* Keyboard and pressed states do not depend on hover hardware. */
.cn-design #smn-home :is(.smn-picker-options button,.smn-picker-results a,.smn-picker-quote,.cn-detail-link,.smn-faq summary,.smn-sim-v2 .smn-event-tabs button,.smn-sim-v2 .smn-story-toolbar button,.smn-sim-v2 .smn-story-step,.smn-sim-v2 .smn-monitor-tile,.smn-sim-v2 .smn-monitor-open,.smn-sim-v2 .smn-story-retry,.smn-sim-v2 .smn-scenario-summary):is(:focus-visible,:active):not(:disabled){
 background:var(--smn-hover-bg)!important;color:var(--smn-hover-ink)!important;
 border-color:var(--smn-hover-line)!important;box-shadow:var(--smn-hover-shadow)!important;transform:none!important;
}
.cn-design #smn-home :is(.smn-picker-options button,.smn-picker-results a,.smn-picker-quote,.cn-detail-link):focus-visible{outline:2px solid #decce9!important;outline-offset:3px}
.cn-design #smn-home .smn-sim-v2 .smn-story-auto:focus-within{color:#f2f5f7}
.cn-design #smn-home .smn-picker-results a:focus-visible>i{color:#ffe0b7}
.cn-design #smn-home .smn-picker-results a:focus-visible>b{background:#516778;color:#fff}
.cn-design #smn-home .cn-detail-link:focus-visible .cn-detail-arrow{stroke:#efc39e}

@media(hover:hover) and (pointer:fine){
 .cn-design #smn-home :is(.smn-picker-options button,.smn-picker-results a,.smn-picker-quote,.cn-detail-link,.smn-faq summary,.smn-sim-v2 .smn-event-tabs button,.smn-sim-v2 .smn-story-toolbar button,.smn-sim-v2 .smn-story-step,.smn-sim-v2 .smn-monitor-tile,.smn-sim-v2 .smn-monitor-open,.smn-sim-v2 .smn-story-retry,.smn-sim-v2 .smn-scenario-summary):hover:not(:disabled){
  background:var(--smn-hover-bg)!important;color:var(--smn-hover-ink)!important;
  border-color:var(--smn-hover-line)!important;box-shadow:var(--smn-hover-shadow)!important;transform:none!important;
 }
 .cn-design #smn-home .smn-picker-results a:hover>i{color:#ffe0b7}
 .cn-design #smn-home .smn-picker-results a:hover>b{background:#516778;color:#fff}
 .cn-design #smn-home .cn-detail-link:hover .cn-detail-arrow{stroke:#efc39e}
 .cn-design #smn-home .smn-faq details:has(>summary:hover){border-color:#b7a7c6}
 .cn-design #smn-home .smn-faq summary:hover::before{background:#cdb6df26;border-color:#d3c2e3}
 .cn-design #smn-home .smn-sim-v2 .smn-story-auto:hover{color:#f2f5f7}
 .cn-design #smn-home .smn-sim-v2 .smn-story-timeline input:hover{accent-color:#e0cfee}
 .cn-design #smn-home .cn-hero-bottom>a:hover strong{color:#ecc4a5;text-decoration:underline;text-underline-offset:5px}
 .cn-design #smn-home .smn-footer a:hover{color:#eed8c5;text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:767px){
 .cn-design #smn-home .cn-detail-link{grid-template-columns:22px minmax(0,1fr) 20px;gap:12px;padding:20px 10px}
 .cn-design #smn-home .cn-detail-link .cn-detail-arrow{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
 .cn-design #smn-home :is(.smn-picker-options button,.smn-picker-results a,.smn-picker-quote,.cn-detail-link,.cn-detail-arrow,.smn-faq summary,.smn-sim-v2 button,.smn-sim-v2 summary,.smn-story-auto),
 .cn-design #smn-home .smn-picker-results a>:is(b,i),.cn-design #smn-home .smn-faq summary::before{transition:none!important}
}

/* Catalog and quote: feedback belongs to the actual controls, not to static
   prices, product descriptions or the printable quotation/contract paper. */
@media screen {
 body.cn-design :is(#sm-project,#sm-product-dialog) :is(button,.button,summary,.sq-tier) {
  --sm-action-hover:#405159;--sm-action-ink:#f4f5f3;--sm-action-line:#9bafbd;
  --sm-action-shadow:inset 0 0 0 1px #d8e4ee14,0 3px 12px #07141d1a;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
 }
 body.cn-design #sm-project .button.primary {--sm-action-hover:#c28c64;--sm-action-ink:#18232e;--sm-action-line:#e1b58e}
 body.cn-design :is(#sm-project,#sm-product-dialog) button:is([data-add],[data-page]) {
  --sm-action-hover:#e0d5e7;--sm-action-ink:#18232e;--sm-action-line:#f0e9f4;
 }
 body.cn-design #sm-project :is(#sm-system-panels,#sm-subcategories) button {--sm-action-hover:#344952;--sm-action-line:#91a6b1}
 body.cn-design #sm-project #sm-system-panels button.active {--sm-action-hover:#b7accb;--sm-action-ink:#202935;--sm-action-line:#d8cde5}
 body.cn-design #sm-project #sm-subcategories button.active {--sm-action-hover:#deb593;--sm-action-ink:#182830;--sm-action-line:#efd1b7}
 body.cn-design #sm-project :is(#sm-clear-filters,summary) {--sm-action-hover:#354b59}
 body.cn-design #sm-project :is(.sm-quantity button,.cart-row button.remove),
 body.cn-design #sm-product-dialog .sm-product-close {--sm-action-hover:#4b606e}
 body.cn-design #sm-project .sq-tier {--sm-action-hover:#30434f;--sm-action-line:#8ca4b5}
 body.cn-design #sm-project .sq-tier:has(input:checked) {
  --sm-action-hover:#49485f;--sm-action-line:#d1bddc;
  --sm-action-shadow:inset 0 0 0 1px #d1bddc;
 }
 /* The surrounding product card has several independent actions. */
 body.cn-design #sm-project #products .product-card:hover {border-color:#435159;box-shadow:none;transform:none}
 body.cn-design #sm-project :is(a[data-details],a.text-link),
 body.cn-design #sm-product-dialog a[href]:not(.button) {transition:color .18s ease,outline-color .18s ease}
 body.cn-design #sm-project a.symbol[data-details] {outline:2px solid transparent;outline-offset:3px}
 body.cn-design #sm-project :is(input:not([type=radio]):not([type=checkbox]),select,textarea) {
  transition:border-color .18s ease,box-shadow .18s ease;
 }
 body.cn-design :is(#sm-project,#sm-product-dialog) :is(button,.button,summary,.sq-tier):focus-visible {
  outline:2px solid #dfcee8!important;outline-offset:3px!important;
 }
 body.cn-design #sm-project .sq-tier:has(input:focus-visible) {outline:2px solid #dfcee8!important;outline-offset:3px!important}
 body.cn-design #sm-project .sq-tier input:focus-visible {outline:none!important}
 body.cn-design #sm-project :is(input:not([type=radio]):not([type=checkbox]),select,textarea):focus-visible {
  outline:2px solid #c5b4d4!important;outline-offset:3px!important;border-color:#b6c9d5!important;
 }
 body.cn-design :is(#sm-project,#sm-product-dialog) :is(button,.button,summary,.sq-tier):is(:focus-visible,:active):not(:disabled):not([aria-disabled=true]):not(:has(input:disabled)),
 body.cn-design #sm-project .sq-tier:has(input:focus-visible) {
  background:var(--sm-action-hover)!important;color:var(--sm-action-ink)!important;
  border-color:var(--sm-action-line)!important;box-shadow:var(--sm-action-shadow)!important;transform:none!important;
 }
 body.cn-design #sm-project a.symbol[data-details]:is(:focus-visible,:active) {outline-color:#d0bbdf!important}
 body.cn-design #sm-project a[data-details]:not(.symbol):is(:focus-visible,:active),
 body.cn-design #sm-project a.text-link:is(:focus-visible,:active),
 body.cn-design #sm-product-dialog a[href]:not(.button):is(:focus-visible,:active) {
  color:#efd3b5!important;text-decoration:underline!important;text-underline-offset:4px;
 }
 body.cn-design :is(#sm-project,#sm-product-dialog) :is(button,.button):is(:disabled,[aria-disabled=true]),
 body.cn-design #sm-project #sm-quickquote #sq-preview:is(:disabled,[aria-disabled=true]) {
  background:#2b3b45!important;color:#8999a4!important;border-color:#4b5e6a!important;
  cursor:not-allowed;box-shadow:none!important;
 }
}
@media screen and (hover:hover) and (pointer:fine) {
 body.cn-design :is(#sm-project,#sm-product-dialog) :is(button,.button,summary,.sq-tier):hover:not(:disabled):not([aria-disabled=true]):not(:has(input:disabled)) {
  background:var(--sm-action-hover)!important;color:var(--sm-action-ink)!important;
  border-color:var(--sm-action-line)!important;box-shadow:var(--sm-action-shadow)!important;transform:none!important;
 }
 body.cn-design #sm-project .sq-tier:hover strong {color:#fff}
 body.cn-design #sm-project .sq-tier:hover small {color:#dce4e8}
 body.cn-design #sm-project a.symbol[data-details]:hover {outline-color:#c7b4d5}
 body.cn-design #sm-project a[data-details]:not(.symbol):hover,
 body.cn-design #sm-project a.text-link:hover,
 body.cn-design #sm-product-dialog a[href]:not(.button):hover {
  color:#efd3b5!important;text-decoration:underline!important;text-underline-offset:4px;
 }
 body.cn-design #sm-project :is(input:not([type=radio]):not([type=checkbox]),select,textarea):hover:not(:disabled):not([readonly]) {
  border-color:#8ea7b6!important;
 }
}
@media(prefers-reduced-motion:reduce) {
 body.cn-design :is(#sm-project,#sm-product-dialog) :is(button,.button,summary,.sq-tier,input,select,textarea,a[data-details],a.text-link) {transition:none!important}
}