/* Chrome port: generated from the design file. Inline styles carry the design;
   this sheet only adds what the prototype did in JS (visibility, hover, toggles). */
.swc-chrome-mob{display:none}
@media (max-width:1240px){.swc-chrome-desk{display:none}.swc-chrome-mob{display:block}}

/* nav dropdowns: hover instead of JS state */
.swc-dd>.swc-dd__menu{display:none!important}
.swc-dd:hover>.swc-dd__menu,.swc-dd:focus-within>.swc-dd__menu{display:block!important}

/* phone drawer: hidden until toggled */
.swc-menu{display:none!important}
.swc-menu.is-open{display:block!important}

/* floating pill: the design used position:sticky inside a page-tall host; fixed is the equivalent here */
.swc-pill{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;justify-content:center;pointer-events:none}
.swc-pill>div{position:static!important;pointer-events:auto}
.swc-pill--mob{display:none}
@media (max-width:1240px){.swc-pill--desk{display:none}.swc-pill--mob{display:flex}body{padding-bottom:84px}}

/* sticky wrapper: the theme header element pins; top bar scrolls away */
.site>header{position:sticky!important;top:-52px;z-index:300;background:#fcfcff}
@media (max-width:1240px){.site>header{top:-36px}}
[data-header]{position:static!important}

/* hover states recovered from the prototype's style-hover attributes */

.swc-navlink:hover{color:#c60c76!important}
.swc-nav-active{border-bottom: 3px solid rgb(198, 12, 118);transition: color 0.2s}
.swc-dditem:hover{background:#f4f2f8!important;padding-left:22px!important}
.swc-ddcta:hover{background:#efe9f2!important}
.swc-lift{transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease}
.swc-lift:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(198,12,118,.34)}
.swc-social:hover{background:#2b3e8c!important}
.swc-legal:hover{color:#fff!important}
.swc-pill-a:hover{background:#f4f2f8!important}
.swc-chrome div[style*="ticker"]:hover{animation-play-state:paused}
/* Ticker: line-height:1 in the design clips the glyph ink under overflow:hidden.
   Give the line box room and trim the band padding so the strip keeps its height. */
.swc-chrome div[style*="ticker"]{line-height:1.5!important}
.swc-chrome div:has(> div[style*="ticker"]){padding-top:8px!important;padding-bottom:8px!important}

/* retire the pieces the design's pill and drawer replace */
.swc-actionbar,.swc-wa-float{display:none!important}

/* Keyframes the ported chrome markup references inline but that never made it
   into the port (they lived in the prototype's <style>). Without these the
   ticker marquee, the pulsing "next session" dot, the dropdown fade-in and the
   floating pill were all static. Copied verbatim from the design file. */
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(57,217,138,.55)}70%{box-shadow:0 0 0 7px rgba(57,217,138,0)}}
@keyframes openPanel{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.swc-chrome *{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* NOTE: the ticker no longer collapses on scroll. Animating the last child's
   height shrank the sticky header mid-scroll and reflowed the page, which read
   as a scroll "jump". The header now pins at a constant height (top bar scrolls
   away via the -52px sticky offset; nav + ticker stay pinned), so scrolling is
   perfectly linear. The .swc-scrolled class still drives the header shadow. */