.sdetail-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-width:0;padding:48px 32px;border:1px solid #ffffff66;border-radius:24px;background:#ffffff0d;text-align:center}
.sdetail-symbol{display:grid;place-items:center;width:132px;height:132px;border-radius:32px;background:#fff;color:#ff0000;box-shadow:0 16px 35px #47000026;font-size:58px}
.sdetail-visual>span{font-size:28px;font-weight:700;line-height:1.3;text-wrap:balance}
.sdetail-visual>p{font-size:16px;color:#fff}
.sdetail-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.sdetail-heading .wcat-item-icon{flex-basis:52px;width:52px;height:52px;font-size:22px}
.sdetail-heading .wcat-item-icon::before{content:none}
.sdetail-heading h2{flex:1;min-width:0}
.sdetail-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.sdetail-related a{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid #f0dcdc;border-radius:14px;background:#fff;color:#470000;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none}
.sdetail-related a>i{flex:0 0 22px;color:#ff0000}
.sdetail-related a>i:last-child{margin-left:auto;font-size:12px}
.sdetail-related a:hover{border-color:#ff0000;color:#ff0000}
.sdetail-related a>span{min-width:0}
.sdetail .wcat-final .sdetail-product-link{color:#fff;text-decoration:underline;text-underline-offset:4px}
.sdetail-long-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.sdetail .wcat-item-heading{min-height:54px}
.sdetail .wcat-item-icon{font-weight:700}
.sdetail .wcat-items+p{margin-top:24px}
.sdetail .wcat-actions .global-cta{margin-top:0}
.sdetail .wcat-item p{line-height:1.65}
.sdetail-table-wrap{max-width:100%;margin-top:24px;overflow-x:auto;border:1px solid #f0dcdc;border-radius:16px;background:#fff}
.sdetail-table{width:100%;margin:0;border-collapse:collapse;text-align:left;color:#470000;font-size:16px;line-height:1.6}
.sdetail-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sdetail-table :is(th,td){padding:18px 22px;border-bottom:1px solid #f0dcdc;vertical-align:top}
.sdetail-table thead{background:#470000;color:#fff}
.sdetail-table th{font-weight:700}
.sdetail-table tbody th{width:30%;background:#fff6f6}
.sdetail-table tbody tr:last-child :is(th,td){border-bottom:0}
.sdetail-table-wrap+p{margin-top:24px}
@media(max-width:575px){.sdetail-table :is(th,td){padding:12px;font-size:14px;overflow-wrap:anywhere}.sdetail-table tbody th{width:36%}}
@media(max-width:767px){.sdetail-long-cards{grid-template-columns:1fr}}
@media(max-width:575px){.sdetail .wcat-item-heading{min-height:0}}
@media(max-width:991px){.sdetail-related{grid-template-columns:repeat(2,minmax(0,1fr))}.sdetail-visual{padding:32px;min-height:260px}}
@media(max-width:575px){.sdetail-related{grid-template-columns:1fr}.sdetail-visual{padding:28px 20px}.sdetail-symbol{width:96px;height:96px;font-size:42px}.sdetail-visual>span{font-size:24px}.sdetail-heading{gap:12px;align-items:center}.sdetail-heading .wcat-item-icon{flex-basis:44px;width:44px;height:44px;font-size:20px}}

/* ===== Tone system (2026-10-31): service detail sections ===== */
/* Section backgrounds / headings / paragraphs / eyebrows come from css/section-system.css; this block only balances the layout
   (heading row, intro copy, cards, list panel, table, related links all centred inside the 1500px container) and keeps every
   card-like surface white with dark text so it reads on white, burgundy and pink. */
.sdetail .sdetail-sec>.container{text-align:center}
.sdetail .sdetail-heading{justify-content:center;margin-bottom:22px;text-align:center}
.sdetail .sdetail-heading h2{flex:0 1 auto;margin:0;max-width:1000px;text-wrap:balance}
.sdetail .sdetail-heading .wcat-item-icon{background:#fff;color:#ff0000;border:1px solid rgba(255,0,0,.35);box-shadow:0 6px 16px rgba(71,0,0,.12)}
.sdetail .sdetail-sec>.container>p{max-width:920px;margin-inline:auto}
.sdetail .sdetail-sec>.container>p+p{margin-top:14px}
.sdetail .sdetail-sec .wcat-items{margin-top:34px;text-align:left}
.sdetail .sdetail-sec .wcat-items+p{margin-top:30px}
.sdetail .sdetail-sec .wcat-grid.sdetail-long-cards{margin-top:34px}
.sdetail .wcat-item .wcat-list+p{margin-top:16px}
.sdetail .container>.wcat-list+p{margin-top:26px}
.sdetail .container>.wcat-list{max-width:1000px;margin:26px auto 0;text-align:left}
.sdetail .container>.wcat-list li{font-size:16px}
.sdetail .sdetail-table-wrap{max-width:1100px;margin:28px auto 0;text-align:left;border-color:rgba(71,0,0,.14);box-shadow:0 10px 28px rgba(71,0,0,.08)}
.sdetail section[data-ss="b"] .sdetail-table-wrap{border-color:rgba(255,255,255,.38);box-shadow:0 16px 38px rgba(0,0,0,.32)}
.sdetail .sdetail-table :is(th,td){color:#470000;-webkit-text-fill-color:currentColor;border-bottom-color:rgba(71,0,0,.12)}
.sdetail .sdetail-table tbody th{color:#470000;background:#fff6f6}
.sdetail .sdetail-table thead :is(th,td){color:#fff;background:#470000;border-bottom:0}
.sdetail .sdetail-table-wrap+p{margin-top:28px}
.sdetail .sdetail-sec>.container>.wcat-actions{justify-content:center;margin-top:30px}
.sdetail .sdetail-sec>.container>.wcat-actions .global-cta{margin-top:0}

/* related services: centred link tiles, an odd last row is centred (never a gap on the right) */
.sdetail .sdetail-related{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;text-align:left}
.sdetail .sdetail-related a{flex:0 0 calc((100% - 32px) / 3);min-width:0;border-color:rgba(71,0,0,.14);background:#fff;color:#470000;box-shadow:0 8px 22px rgba(71,0,0,.07)}
.sdetail section[data-ss="b"] .sdetail-related a{border-color:rgba(255,255,255,.38);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.sdetail .sdetail-related a:is(:hover,:focus-visible){border-color:#ff0000;color:#ff0000}
.sdetail .sdetail-sec--related>.container>h2{margin-inline:auto}

@media(max-width:991px){.sdetail .sdetail-related a{flex-basis:calc((100% - 16px) / 2)}}
@media(max-width:767px){
  .sdetail .sdetail-sec>.container{text-align:left}
  .sdetail .sdetail-heading{justify-content:flex-start;text-align:left}
  .sdetail .sdetail-sec>.container>p{margin-inline:0}
  .sdetail .sdetail-sec--related>.container{text-align:left}
}
@media(max-width:575px){
  .sdetail .sdetail-related a{flex-basis:100%}
  .sdetail .sdetail-sec .wcat-items{margin-top:26px}
}
/* text-only sections: centred heading, one centred reading column with left-aligned copy */
.sdetail .sdetail-sec--text>.container>p{max-width:900px;text-align:left}
.sdetail .sdetail-sec--text>.container>.wcat-actions{justify-content:center}

/* Per-section card styles for detail pages (section field "card_style": edge | leaf | stripe | fill | sweep). Cards keep their own dark text on white, so they read on any section tone. No numbers. */
html body .sdetail .sdetail-cs-edge .wcat-item:not(#_){position:relative;overflow:hidden;padding:24px 22px 22px 30px;border:1px solid rgba(255,0,0,.12);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fff 62%,#fff2f2 100%);box-shadow:0 12px 28px rgba(71,0,0,.12);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
html body .sdetail .sdetail-cs-edge .wcat-item:not(#_)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#ff0000,#ff8080);transition:width .3s ease}
html body .sdetail .sdetail-cs-edge .wcat-item:hover:not(#_){transform:translateY(-5px);box-shadow:0 20px 38px rgba(71,0,0,.2)}
html body .sdetail .sdetail-cs-edge .wcat-item:hover:not(#_)::before{width:11px}
html body .sdetail .sdetail-cs-edge .wcat-item-icon:not(#_){width:52px;height:52px;flex-basis:52px;border-radius:15px;background:linear-gradient(135deg,#ff4a4a,#ff0000 60%,#d90000);color:#fff;box-shadow:0 10px 18px -8px rgba(255,0,0,.7);transition:transform .35s ease}
html body .sdetail .sdetail-cs-edge .wcat-item:hover:not(#_) .wcat-item-icon{transform:rotate(-7deg) scale(1.07)}
/* leaf: opposite corners rounded hard, the other two nearly square; the corners swap on hover */
html body .sdetail .sdetail-cs-leaf .wcat-item:not(#_){position:relative;padding:26px 24px 24px;border:0;border-radius:38px 8px 38px 8px;background:#fff;box-shadow:0 12px 26px rgba(71,0,0,.14);transition:border-radius .5s cubic-bezier(.2,.7,.2,1),transform .35s ease,box-shadow .35s ease}
html body .sdetail .sdetail-cs-leaf .wcat-item:hover:not(#_){border-radius:8px 38px 8px 38px;transform:translateY(-5px);box-shadow:0 20px 36px rgba(71,0,0,.22)}
html body .sdetail .sdetail-cs-leaf .wcat-item-icon:not(#_){width:50px;height:50px;flex-basis:50px;border-radius:50%;background:#ff0000;color:#fff;box-shadow:0 0 0 6px rgba(255,0,0,.12)}
/* stripe: full-height red stripe on the left (painted by the card background), icon at its top */
html body .sdetail .sdetail-cs-stripe .wcat-item:not(#_){position:relative;padding:22px 22px 22px 98px;border:0;border-radius:18px;background:linear-gradient(180deg,#ff2a2a,#ff0000 55%,#c70000) left top/72px 100% no-repeat,#fff;box-shadow:0 12px 26px rgba(71,0,0,.16);transition:transform .35s ease,box-shadow .35s ease}
html body .sdetail .sdetail-cs-stripe .wcat-item:hover:not(#_){transform:translateY(-5px);box-shadow:0 20px 36px rgba(71,0,0,.26)}
html body .sdetail .sdetail-cs-stripe .wcat-item-heading:not(#_){display:block;margin-bottom:10px}
html body .sdetail .sdetail-cs-stripe .wcat-item-icon:not(#_){position:absolute;left:0;top:22px;width:72px;height:48px;flex-basis:auto;border-radius:0;background:transparent;color:#fff;box-shadow:none}
html body .sdetail .sdetail-cs-stripe .wcat-item-icon i:not(#_){font-size:24px}
/* fill: centred cards, the whole card fills red on hover */
html body .sdetail .sdetail-cs-fill .wcat-item:not(#_){position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 22px 24px;border:1px solid #ffd6d6;border-radius:24px;background:#fff;box-shadow:0 10px 24px rgba(71,0,0,.1);text-align:center;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
html body .sdetail .sdetail-cs-fill .wcat-item-heading:not(#_){flex-direction:column;align-items:center;gap:14px;margin-bottom:12px}
html body .sdetail .sdetail-cs-fill .wcat-item-icon:not(#_){width:64px;height:64px;flex-basis:64px;border-radius:50%;background:#fff0f0;color:#ff0000;box-shadow:0 0 0 7px rgba(255,0,0,.07);transition:background .35s ease,color .35s ease,transform .35s ease}
html body .sdetail .sdetail-cs-fill .wcat-item h3:not(#_),html body .sdetail .sdetail-cs-fill .wcat-item p:not(#_){text-align:center;transition:color .35s ease}
html body .sdetail .sdetail-cs-fill .wcat-item:hover:not(#_){transform:translateY(-6px);border-color:#ff0000;background:linear-gradient(160deg,#ff2a2a 0%,#ff0000 55%,#c70000 100%);box-shadow:0 22px 40px rgba(255,0,0,.32)}
html body .sdetail .sdetail-cs-fill .wcat-item:hover:not(#_) h3,html body .sdetail .sdetail-cs-fill .wcat-item:hover:not(#_) p{color:#fff}
html body .sdetail .sdetail-cs-fill .wcat-item:hover:not(#_) .wcat-item-icon{background:#fff;color:#ff0000;transform:scale(1.08)}
/* sweep: outlined round icon that fills red, pink wash sweeping in from the left */
html body .sdetail .sdetail-cs-sweep .wcat-item:not(#_){position:relative;overflow:hidden;padding:26px 22px 24px;border:1px solid #ffd9d9;border-radius:18px;background:linear-gradient(90deg,#ffe6e6,#ffe6e6) no-repeat left center/0% 100%,#fff;box-shadow:0 10px 24px rgba(71,0,0,.1);transition:background-size .5s cubic-bezier(.2,.7,.2,1),transform .35s ease,box-shadow .35s ease}
html body .sdetail .sdetail-cs-sweep .wcat-item:hover:not(#_){background-size:100% 100%;transform:translateY(-5px);box-shadow:0 18px 34px rgba(71,0,0,.18)}
html body .sdetail .sdetail-cs-sweep .wcat-item-icon:not(#_){width:50px;height:50px;flex-basis:50px;border:2px solid #ff0000;border-radius:50%;background:#fff;color:#ff0000;box-shadow:none;transition:background .3s ease,color .3s ease,transform .35s ease}
html body .sdetail .sdetail-cs-sweep .wcat-item:hover:not(#_) .wcat-item-icon{background:#ff0000;color:#fff;transform:scale(1.1)}
@media(max-width:575px){html body .sdetail .sdetail-cs-stripe .wcat-item:not(#_){padding:20px 18px 20px 88px}html body .sdetail .sdetail-cs-leaf .wcat-item:not(#_){border-radius:30px 8px 30px 8px}}
@media(prefers-reduced-motion:reduce){html body .sdetail [class*="sdetail-cs-"] .wcat-item:not(#_),html body .sdetail [class*="sdetail-cs-"] .wcat-item-icon:not(#_){transition:none}html body .sdetail [class*="sdetail-cs-"] .wcat-item:hover:not(#_){transform:none}}
html body .sdetail .sdetail-cs-stripe .wcat-item-heading:not(#_){min-height:0}
/* more per-section card styles: corner (folded top-right corner, square-ish card) and tab (icon badge overlapping the card's top edge) */
html body .sdetail .sdetail-cs-corner .wcat-item:not(#_){position:relative;padding:26px 24px 24px;border:0;border-radius:6px 6px 22px 6px;background:linear-gradient(225deg,#ff0000 0,#ff0000 38px,rgba(255,0,0,0) 38px) top right no-repeat,linear-gradient(180deg,#fff,#fff7f7);box-shadow:0 12px 26px rgba(71,0,0,.16);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
html body .sdetail .sdetail-cs-corner .wcat-item:not(#_)::after{content:"";position:absolute;top:0;right:0;width:38px;height:38px;background:linear-gradient(225deg,rgba(0,0,0,0) 50%,rgba(71,0,0,.28) 50%);border-bottom-left-radius:8px;transition:width .3s ease,height .3s ease}
html body .sdetail .sdetail-cs-corner .wcat-item:hover:not(#_){transform:translateY(-5px);box-shadow:0 20px 36px rgba(71,0,0,.24)}
html body .sdetail .sdetail-cs-corner .wcat-item:hover:not(#_)::after{width:52px;height:52px}
html body .sdetail .sdetail-cs-corner .wcat-item-icon:not(#_){width:48px;height:48px;flex-basis:48px;border-radius:6px 16px 6px 16px;background:linear-gradient(135deg,#ff3a3a,#ff0000 60%,#c70000);color:#fff;box-shadow:0 8px 16px -8px rgba(255,0,0,.8)}
html body .sdetail .sdetail-cs-tab .wcat-items:not(#_){margin-top:44px;row-gap:46px}
html body .sdetail .sdetail-cs-tab .wcat-item:not(#_){position:relative;padding:44px 24px 24px;border:1px solid rgba(255,0,0,.14);border-radius:22px;background:#fff;box-shadow:0 12px 26px rgba(71,0,0,.14);transition:transform .35s ease,box-shadow .35s ease}
html body .sdetail .sdetail-cs-tab .wcat-item:hover:not(#_){transform:translateY(-5px);box-shadow:0 20px 36px rgba(71,0,0,.22)}
html body .sdetail .sdetail-cs-tab .wcat-item-heading:not(#_){display:block;margin-bottom:12px}
html body .sdetail .sdetail-cs-tab .wcat-item-icon:not(#_){position:absolute;left:24px;top:-26px;width:56px;height:56px;flex-basis:auto;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#ff4a4a,#ff0000 60%,#d90000);color:#fff;box-shadow:0 10px 18px -6px rgba(255,0,0,.7)}
@media(prefers-reduced-motion:reduce){html body .sdetail .sdetail-cs-corner .wcat-item:not(#_)::after{transition:none}}
html body .sdetail .sdetail-cs-tab .wcat-item-heading:not(#_){min-height:0}
/* Home / About / Services-page inspired card styles (section field "card_style": tile | angled | hex | timeline) */
html body .sdetail [class*="sdetail-cs-"] .wcat-item-heading:not(#_){min-height:0}
/* tile: Services-page card, white with a soft pink icon tile that fills red on hover */
html body .sdetail .sdetail-cs-tile .wcat-item:not(#_){position:relative;padding:26px 24px 24px;border:1px solid #f3dcdc;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(71,0,0,.1);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .3s ease}
html body .sdetail .sdetail-cs-tile .wcat-item:hover:not(#_){transform:translateY(-5px);border-color:#ff0000;box-shadow:0 18px 36px rgba(71,0,0,.2)}
html body .sdetail .sdetail-cs-tile .wcat-item-icon:not(#_){width:52px;height:52px;flex-basis:52px;border-radius:14px;background:#ffe9e9;color:#ff0000;box-shadow:none;transition:background .3s ease,color .3s ease,transform .3s ease}
html body .sdetail .sdetail-cs-tile .wcat-item:hover:not(#_) .wcat-item-icon{background:#ff0000;color:#fff;transform:scale(1.07)}
/* angled: Services-page slanted cards, alternating white and crimson */
html body .sdetail .sdetail-cs-angled .wcat-item:not(#_){position:relative;padding:36px 26px 38px;border:0;border-radius:0;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);background:linear-gradient(180deg,#fff,#fff6f6);color:#470000;-webkit-text-fill-color:currentColor;box-shadow:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease}
html body .sdetail .sdetail-cs-angled .wcat-item:nth-child(even):not(#_){background:linear-gradient(160deg,#d90000,#a30000 62%,#7d0000);color:#fff}
html body .sdetail .sdetail-cs-angled .wcat-item:hover:not(#_){transform:translateY(-6px);filter:drop-shadow(0 16px 20px rgba(71,0,0,.35))}
html body .sdetail .sdetail-cs-angled .wcat-item h3:not(#_){color:#470000}
html body .sdetail .sdetail-cs-angled .wcat-item p:not(#_),html body .sdetail .sdetail-cs-angled .wcat-item li:not(#_){color:#470000;-webkit-text-fill-color:currentColor}
html body .sdetail .sdetail-cs-angled .wcat-item:nth-child(even) h3:not(#_),html body .sdetail .sdetail-cs-angled .wcat-item:nth-child(even) p:not(#_),html body .sdetail .sdetail-cs-angled .wcat-item:nth-child(even) li:not(#_){color:#fff}
html body .sdetail .sdetail-cs-angled .wcat-item:nth-child(even) li:not(#_)::before{background:#fff}
html body .sdetail .sdetail-cs-angled .wcat-item-icon:not(#_){width:50px;height:50px;flex-basis:50px;border-radius:50%;background:#ffe9e9;color:#ff0000;box-shadow:none}
html body .sdetail .sdetail-cs-angled .wcat-item:nth-child(even) .wcat-item-icon:not(#_){background:#fff;color:#d90000}
/* hex: About-page values look, dark card with a white hexagon icon */
html body .sdetail .sdetail-cs-hex .wcat-item:not(#_){position:relative;padding:26px 24px 24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:radial-gradient(120% 90% at 100% 0,#6a0000 0,#3d0000 55%,#2a0000 100%);color:#fff;box-shadow:0 14px 30px rgba(40,0,0,.4);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .3s ease}
html body .sdetail .sdetail-cs-hex .wcat-item:hover:not(#_){transform:translateY(-5px);border-color:#ff0000;box-shadow:0 20px 40px rgba(255,0,0,.28)}
html body .sdetail .sdetail-cs-hex .wcat-item h3:not(#_){color:#fff}
html body .sdetail .sdetail-cs-hex .wcat-item p:not(#_),html body .sdetail .sdetail-cs-hex .wcat-item li:not(#_){color:rgba(255,255,255,.88)}
html body .sdetail .sdetail-cs-hex .wcat-item li:not(#_)::before{background:#ff3a3a}
html body .sdetail .sdetail-cs-hex .wcat-item-icon:not(#_){width:58px;height:64px;flex-basis:58px;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#fff;color:#ff0000;box-shadow:none;transition:transform .35s ease}
html body .sdetail .sdetail-cs-hex .wcat-item:hover:not(#_) .wcat-item-icon{transform:rotate(60deg) scale(1.06)}
html body .sdetail .sdetail-cs-hex .wcat-item:hover:not(#_) .wcat-item-icon i{transform:rotate(-60deg)}
html body .sdetail .sdetail-cs-hex .wcat-item-icon i:not(#_){transition:transform .35s ease}
/* timeline: About-page journey, one column of cards hung on a vertical red line with icon markers */
html body .sdetail .sdetail-cs-timeline .wcat-items:not(#_){position:relative;display:block;max-width:940px;margin:40px auto 0}
html body .sdetail .sdetail-cs-timeline .wcat-items:not(#_)::before{content:"";position:absolute;left:25px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(180deg,#ff0000,rgba(255,0,0,.25))}
html body .sdetail .sdetail-cs-timeline .wcat-item:not(#_){position:relative;margin:0 0 22px 64px;padding:22px 24px;border:1px solid rgba(255,0,0,.14);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(71,0,0,.12);transition:transform .35s ease,box-shadow .35s ease}
html body .sdetail .sdetail-cs-timeline .wcat-item:last-child:not(#_){margin-bottom:0}
html body .sdetail .sdetail-cs-timeline .wcat-item:hover:not(#_){transform:translateX(6px);box-shadow:0 18px 34px rgba(71,0,0,.22)}
html body .sdetail .sdetail-cs-timeline .wcat-item-heading:not(#_){display:block;margin-bottom:10px}
html body .sdetail .sdetail-cs-timeline .wcat-item-icon:not(#_){position:absolute;left:-64px;top:18px;width:52px;height:52px;flex-basis:auto;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#ff4a4a,#ff0000 60%,#d90000);color:#fff;box-shadow:0 0 0 3px rgba(255,0,0,.25),0 10px 18px -6px rgba(255,0,0,.7)}
html body .sdetail .sdetail-cs-timeline .wcat-item:hover:not(#_) .wcat-item-icon{box-shadow:0 0 0 6px rgba(255,0,0,.25),0 10px 18px -6px rgba(255,0,0,.7)}
@media(max-width:575px){html body .sdetail .sdetail-cs-timeline .wcat-items:not(#_)::before{left:19px}html body .sdetail .sdetail-cs-timeline .wcat-item:not(#_){margin-left:48px;padding:18px}html body .sdetail .sdetail-cs-timeline .wcat-item-icon:not(#_){left:-50px;width:44px;height:44px}html body .sdetail .sdetail-cs-angled .wcat-item:not(#_){padding:32px 22px 34px}}
@media(prefers-reduced-motion:reduce){html body .sdetail [class*="sdetail-cs-"] .wcat-item:not(#_),html body .sdetail .sdetail-cs-hex .wcat-item-icon:not(#_),html body .sdetail .sdetail-cs-hex .wcat-item-icon i:not(#_){transition:none}}
/* banner: Insights-page article card, a maroon-to-red band carrying a white round icon above the copy */
html body .sdetail .sdetail-cs-banner .wcat-item:not(#_){position:relative;overflow:hidden;padding:130px 24px 24px;border:1px solid rgba(255,0,0,.12);border-radius:20px;background:linear-gradient(90deg,#470000,#ff0000) top/100% 104px no-repeat,#fff;box-shadow:0 12px 28px rgba(71,0,0,.14);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
html body .sdetail .sdetail-cs-banner .wcat-item:hover:not(#_){transform:translateY(-5px);box-shadow:0 20px 38px rgba(71,0,0,.24)}
html body .sdetail .sdetail-cs-banner .wcat-item-heading:not(#_){display:block;margin-bottom:12px}
html body .sdetail .sdetail-cs-banner .wcat-item-icon:not(#_){position:absolute;left:calc(50% - 28px);top:24px;width:56px;height:56px;flex-basis:auto;border-radius:50%;background:#fff;color:#ff0000;box-shadow:0 8px 18px rgba(0,0,0,.25);transition:transform .35s ease}
html body .sdetail .sdetail-cs-banner .wcat-item:hover:not(#_) .wcat-item-icon{transform:scale(1.1) rotate(-6deg)}
html body .sdetail .sdetail-cs-banner .wcat-item h3:not(#_){text-align:center}
@media(max-width:575px){html body .sdetail .sdetail-cs-banner .wcat-item:not(#_){padding:124px 18px 20px}}