/* SETTER CIRCLE / ATELIER v9
   Section-specific illustrated action cards, refined product typography,
   compact mobile compositions, richer ambient motion and a coherent UI.
   Loaded last intentionally to consolidate the existing design layers.
*/
body.member-shell-active:not(.member-focus-mode) {
 --sc9-electric:#d0f83b;
 --sc9-yellow:#e2f6a0;
 --sc9-cream:#eef3e0;
 --sc9-slate:#a1ae99;
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .workhead{
 padding-bottom:19px!important;margin-bottom:18px!important;
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .workhead .eyebrow{
 color:#c7ec74!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .workhead h2{
 font-size:clamp(30px,3.5vw,40px)!important;
 font-weight:760;letter-spacing:-.062em!important;line-height:1.08!important;
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .workhead p{
 color:#aeb8a3!important;font-size:12.5px!important;line-height:1.6!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-label{
 color:#cde875!important;letter-spacing:.16em;font-size:9px
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-count{
 color:#8a9d7b!important;
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-grid{
 gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))
}
/* Structured compositions instead of copy-pasted green boxes */
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card{
 --card-glow:rgba(208,248,59,.13);
 --card-accent:#d0f83b;
 display:flex!important;align-items:center!important;
 min-height:160px!important;padding:23px 22px!important;
 gap:19px!important;overflow:hidden;isolation:isolate;position:relative;
 border-radius:18px!important;border:1px solid #404c32!important;
 background:linear-gradient(127deg,#1b2417 0%,#101710 56%,#0b110b 100%)!important;
 box-shadow:inset 0 1px rgba(231,254,176,.045),0 12px 27px rgba(0,0,0,.11);
 animation:sc9CardIn .46s cubic-bezier(.15,.8,.25,1) var(--sc9-delay,0ms) both!important;
 transition:transform .25s,border-color .25s,box-shadow .25s!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card:before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(ellipse 55% 115% at -10% 40%,var(--card-glow),transparent 89%);
 opacity:.88;transition:opacity .3s
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card:after{
 content:"";position:absolute;inset:0 auto 0 0;width:2px;z-index:2;pointer-events:none;
 background:linear-gradient(0deg,transparent,var(--card-accent),transparent);
 opacity:.26;transition:opacity .2s
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card:hover{
 transform:translateY(-3px);border-color:#8bac4a!important;
 box-shadow:inset 0 1px rgba(236,255,193,.07),0 16px 32px #0005,0 0 25px var(--card-glow)!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card:hover:after{opacity:1}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card:hover:before{opacity:1}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card.is-featured{
 grid-column:span 2!important;min-height:176px!important;
 border-color:#809943!important;
 background:linear-gradient(116deg,#25331c 0%,#151f14 52%,#0a110c 100%)!important;
 box-shadow:0 0 30px rgba(208,248,59,.08),inset 0 1px rgba(234,255,190,.08)
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card.is-featured:before{
 background:radial-gradient(ellipse 75% 110% at 0% 49%,rgba(208,248,59,.16),transparent 88%);
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-workplace{
 --card-glow:rgba(200,225,111,.14);
 --card-accent:#b9dc69;
 background:linear-gradient(129deg,#202817,#12180e)!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-interview,
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-profile{
 --card-glow:rgba(171,207,129,.105);
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-checklist,
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-roadmap,
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-placement{
 --card-glow:rgba(172,202,77,.13);--card-accent:#bddc7d;
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-performance,
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-vault{
 --card-glow:rgba(129,181,135,.09);--card-accent:#a4c7a7;
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-coach,
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card-clinic{
 --card-glow:rgba(160,231,143,.10);
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-icon.sc9-visual-tile {
 position:relative;z-index:2;display:grid!important;place-items:center!important;
 width:78px!important;height:78px!important;flex:0 0 78px!important;
 border-radius:19px!important;
 background:
  radial-gradient(circle at 31% 15%,rgba(227,255,157,.17),transparent 65%),
  linear-gradient(142deg,#29391a 0%,#182613 100%)!important;
 border:1px solid rgba(195,233,104,.38)!important;
 color:#d8fc75!important;
 box-shadow:inset 0 1px rgba(247,255,216,.11),inset 0 -9px 25px #090e0745,0 0 24px rgba(202,248,59,.065);
 transform:translateZ(0);
 transition:border-color .22s,box-shadow .3s,transform .3s!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card:hover .sc9-visual-tile{
 transform:translateY(-2px) scale(1.035);
 border-color:rgba(226,255,136,.62)!important;
 box-shadow:inset 0 1px rgba(247,255,216,.19),0 0 33px rgba(208,248,59,.18);
}
.sc9-vector{display:block;width:55px!important;height:55px!important;overflow:visible!important;filter:drop-shadow(0 1px 0 #0005)}
.sc9-glyph{stroke:currentColor}
.sc9-orbit-track{stroke:rgba(206,244,108,.16);stroke-width:.7;fill:none}
.sc9-orbit-trace{stroke:rgba(223,255,143,.46);stroke-width:1;stroke-dasharray:27 73;fill:none;stroke-linecap:round;transform-origin:24px 24px;animation:sc9Orbit 22s linear infinite}
.sc9-detail-dot{stroke:none;fill:#d0f83b;filter:drop-shadow(0 0 3px rgba(208,248,59,.4))}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-copy{position:relative;z-index:2;min-width:0;gap:6px!important}
.sc9-typelabel{color:#aac37c;font-size:9px;font-weight:810;letter-spacing:.14em;margin:0 0 4px}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-copy strong{
 color:#f2f5e9;font-size:18px;line-height:1.18;font-weight:770;letter-spacing:-.036em;
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-copy>span:not(.sc9-typelabel):not(.sc9-inline-cta){
 font-size:11.5px;color:#a6b29c;line-height:1.55;max-width:480px
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card.is-featured .member-root-card-copy strong{font-size:23px}
.sc9-inline-cta{font-size:10px;color:#d2f081;letter-spacing:.025em;font-weight:750;margin-top:8px;position:relative}
.sc9-inline-cta:after{content:"↗";display:inline-block;margin-left:7px;transition:transform .23s}
.sc9-root-card:hover .sc9-inline-cta:after{transform:translate(3px,-2px)}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-arrow{
 margin-left:auto!important;position:relative;z-index:3;flex:0 0 33px;width:33px;height:33px;border-radius:50%;
 background:rgba(16,28,12,.74);border:1px solid rgba(208,248,59,.29)!important;
 color:#d0f83b!important;box-shadow:0 0 15px rgba(208,248,59,.035)
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card:hover .member-root-card-arrow{
 background:#26391b;border-color:#c5e677!important;box-shadow:0 0 20px rgba(208,248,59,.14)
}
/* Abstract UI thumbnails indicate tool type. They are visual motifs, NOT user metrics. */
.sc9-mini-preview{position:absolute;right:66px;bottom:18px;z-index:1;
 display:flex;align-items:center;justify-content:center;
 width:95px;height:44px;pointer-events:none;opacity:.26;
 transform:translateY(2px);transition:opacity .28s,transform .28s
}
.sc9-root-card:hover .sc9-mini-preview{opacity:.57;transform:translateY(0)}
.sc9-mini-sheets,.sc9-mini-text,.sc9-mini-route,.sc9-mini-pipeline,.sc9-mini-graph,.sc9-mini-checks,
.sc9-mini-waves,.sc9-mini-bubbles{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:6px}
.sc9-mini-sheets{align-items:flex-end}
.sc9-mini-sheets i{width:23px;height:33px;border-radius:5px;border:1px solid #c1e76a;transform:rotate(-7deg);background:#233415}
.sc9-mini-sheets i:nth-child(2){height:37px;transform:none}
.sc9-mini-sheets i:nth-child(3){transform:rotate(7deg);height:29px}
.sc9-mini-text{flex-direction:column;align-items:flex-start;gap:6px}
.sc9-mini-text i{height:4px;width:83%;border-radius:10px;background:#b9d95e}
.sc9-mini-text i:nth-child(2){width:66%}.sc9-mini-text i:nth-child(3){width:49%}
.sc9-mini-route{gap:0}
.sc9-mini-route i{width:14px;height:14px;border-radius:50%;border:2px solid #b7db6b;background:#182814;position:relative}
.sc9-mini-route i:not(:last-child):after{content:"";position:absolute;top:4px;left:13px;width:12px;height:2px;background:#b7db6b}
.sc9-mini-route i:not(:last-child){margin-right:12px}
.sc9-mini-pipeline i{height:30px;width:25px;border-radius:6px;border:1px solid #b9df7f;background:#172911}
.sc9-mini-pipeline i:nth-child(2){transform:translateY(-6px);background:#2d481c}
.sc9-mini-pipeline i:nth-child(3){transform:translateY(3px)}
.sc9-mini-checks{flex-direction:column;align-items:flex-start;gap:7px}
.sc9-mini-checks i{width:70%;height:2px;border-radius:5px;background:#b4d975;position:relative;margin-left:12px}
.sc9-mini-checks i:before{content:"✓";position:absolute;left:-13px;top:-9px;font-style:normal;font-size:10px}
.sc9-mini-graph,.sc9-mini-waves{align-items:flex-end;gap:5px}
.sc9-mini-graph i,.sc9-mini-waves i{height:55%;width:12px;border-radius:4px 4px 1px 1px;background:linear-gradient(#d4f879,#688a3b)}
.sc9-mini-graph i:nth-child(2){height:95%}.sc9-mini-graph i:nth-child(3){height:67%}.sc9-mini-graph i:nth-child(4){height:82%}
.sc9-mini-waves{align-items:center}
.sc9-mini-waves i{width:6px;height:33%;border-radius:5px}
.sc9-mini-waves i:nth-child(2){height:90%}.sc9-mini-waves i:nth-child(3){height:60%}.sc9-mini-waves i:nth-child(4){height:44%}
.sc9-mini-bubbles i{height:22px;width:39px;border-radius:9px;border:1px solid #d0f83b;background:#33451c;transform:translateY(-4px)}
.sc9-mini-bubbles i:nth-child(2){transform:translateY(7px);background:#172512}
/* Featured action can afford one additional decorative preview. */
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card.is-featured .sc9-mini-preview{
 right:87px;bottom:27px;opacity:.32;transform:scale(1.25)
}
/* Distinct section identities without changing the core brand */
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root[data-sc9-section="practice"] .sc9-root-card:nth-child(2),
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root[data-sc9-section="career"] .sc9-root-card:nth-child(2){
 background:linear-gradient(128deg,#222b19,#10180f)!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root[data-sc9-section="progress"] .sc9-root-card{
 border-color:#42513c!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root[data-sc9-section="community"] .sc9-root-card:nth-child(even){
 background:linear-gradient(127deg,#222719,#12170f)!important
}
body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-footnote{margin-top:22px;padding-bottom:40px}
/* Main dashboard: new detailed illustrations and live training focus. */
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool.sc9-sig-tool{
 overflow:hidden;
 background:linear-gradient(142deg,#1b2518,#0d140c 74%)!important;
 border:1px solid #465638!important;min-height:225px;
 box-shadow:inset 0 1px rgba(240,255,206,.045),0 12px 30px #0002;
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool.sc9-sig-tool:nth-child(2){
 background:linear-gradient(142deg,#232a19,#121710 74%)!important
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool.sc9-sig-tool:nth-child(3){
 background:linear-gradient(142deg,#18271e,#0e1510 74%)!important
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool.sc9-sig-tool:nth-child(4){
 background:linear-gradient(142deg,#1d251c,#0f1510 74%)!important
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool.sc9-sig-tool:before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:radial-gradient(ellipse 90% 65% at -10% -10%,rgba(196,245,78,.09),transparent 80%)
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool:hover{
 box-shadow:0 0 30px rgba(208,248,59,.12),0 20px 36px #0005!important
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool-art.sc9-dashboard-art{
 width:59px;height:59px;border-radius:17px;
 background:radial-gradient(circle at 24% 16%,rgba(224,254,165,.16),transparent 66%),linear-gradient(139deg,#34441e,#1d2c15)!important;
 border:1px solid #6b883b!important;
 box-shadow:inset 0 1px rgba(251,255,215,.09),0 0 27px rgba(208,248,59,.10)!important;
 position:relative;z-index:2;margin:14px 0 20px
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sc9-dashboard-art .sc9-vector{
 width:47px!important;height:47px!important
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool:hover .sc9-dashboard-art{
 box-shadow:inset 0 1px rgba(251,255,215,.14),0 0 37px rgba(208,248,59,.24)!important;
 transform:translateY(-2px)
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool .sc9-mini-preview{
 right:10px;bottom:26px;width:58px;height:33px;opacity:.22
}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool:hover .sc9-mini-preview{opacity:.48}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool strong{font-size:20px;letter-spacing:-.04em}
body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool-sub{font-size:11px;max-width:85%}
/* Recommendation context chips derive their message from the EXISTING AI output. */
.sc9-live-context{
 display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:7px 11px;margin:0 0 16px;
 color:#dae9b6;background:rgba(32,47,19,.72);
 border:1px solid rgba(183,226,112,.29);
 border-radius:999px;box-shadow:inset 0 1px rgba(236,255,175,.03);
 font-size:10px;font-weight:710;letter-spacing:.015em;line-height:1.35
}
.sc9-live-beacon{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#d0f83b;
 box-shadow:0 0 8px rgba(208,248,59,.65);animation:sc9Beacon 2.8s ease-in-out infinite alternate
}
.sc9-top-decoration{display:none}
body.member-shell-active:not(.member-focus-mode) #profilePanel .todaycard.signature-feature .sig-feature-copy{
 position:relative
}
body.member-shell-active:not(.member-focus-mode) #profilePanel .sig-orbit{
 filter:drop-shadow(0 0 11px rgba(208,248,59,.09))
}
body.member-shell-active:not(.member-focus-mode) #profilePanel .sc9-insight-card{
 box-shadow:inset 0 1px rgba(242,255,188,.035);
}
.sc9-insight-mark{font-size:16px;color:#d0f83b;margin-left:auto;float:right;line-height:.8}
body.member-shell-active:not(.member-focus-mode) #profilePanel .sc9-insight-card .eyebrow{display:block}
/* Navigation: quiet inner stroke, restrained lift and active marker */
body.member-shell-active:not(.member-focus-mode) #memberAppNav.signature-navigation{
 box-shadow:inset -1px 0 rgba(234,255,178,.04)
}
body.member-shell-active:not(.member-focus-mode) #memberAppNav .member-nav-item.is-active{
 background:linear-gradient(104deg,#2e3f1b,#162510)!important;
}
body.member-shell-active:not(.member-focus-mode) #memberAppNav .member-nav-item:not(.is-active):hover{
 background:#202b18!important
}
body.member-shell-active:not(.member-focus-mode) #memberAppNav .member-nav-item svg{
 transition:transform .2s,filter .2s!important
}
body.member-shell-active:not(.member-focus-mode) #memberAppNav .member-nav-item:active svg{
 transform:scale(.87)
}
@keyframes sc9CardIn{from{opacity:.4;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@keyframes sc9Orbit{to{transform:rotate(360deg)}}
@keyframes sc9Beacon{from{opacity:.55;box-shadow:0 0 3px rgba(208,248,59,.25)}to{opacity:1;box-shadow:0 0 10px rgba(208,248,59,.7)}}
@media(max-width:1080px){
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card{
  padding:19px!important;gap:14px!important
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-icon.sc9-visual-tile{
  width:65px!important;height:65px!important;flex-basis:65px!important;border-radius:16px!important
 }
 .sc9-vector{width:48px!important;height:48px!important}
 .sc9-mini-preview{right:48px;opacity:.2;width:60px}
}
@media(max-width:720px){
 body.member-shell-active:not(.member-focus-mode) #workspace:not(.workplace-page){
  padding-bottom:calc(155px + env(safe-area-inset-bottom,0px))!important
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .workhead{
  margin-bottom:17px!important;padding-bottom:17px!important
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .workhead h2{font-size:30px!important}
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-grid{
  grid-template-columns:1fr!important;gap:10px!important
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card,
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card.is-featured{
  grid-column:span 1!important;
  min-height:124px!important;border-radius:16px!important;
  padding:15px 13px!important;gap:13px!important
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-icon.sc9-visual-tile{
  width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:15px!important
 }
 .sc9-vector{width:47px!important;height:47px!important}
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-copy{
  gap:4px!important;padding-right:15px
 }
 .sc9-typelabel{font-size:8px;letter-spacing:.085em;margin-bottom:2px}
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-copy strong,
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card.is-featured .member-root-card-copy strong{
  font-size:16px;line-height:1.19;letter-spacing:-.034em
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-copy>span:not(.sc9-typelabel):not(.sc9-inline-cta){
  font-size:10.5px;line-height:1.37;color:#b0baaa
 }
 .sc9-inline-cta{font-size:10px;margin-top:7px}
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-arrow{
  margin-left:auto!important;flex:0 0 25px;width:25px;height:25px
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-arrow svg{width:13px;height:13px}
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-mini-preview{
  display:none
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-footnote{margin-top:17px;padding-bottom:30px}
 body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard{
  padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important
 }
 body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sc9-sig-tool.sig-tool{
  min-height:180px;padding:13px 12px 17px
 }
 body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool-art.sc9-dashboard-art{
  width:48px;height:48px;margin:10px 0 15px;border-radius:13px
 }
 body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sc9-dashboard-art .sc9-vector{
  width:37px!important;height:37px!important
 }
 body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool strong{
  font-size:16px
 }
 body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sc9-mini-preview{
  display:none
 }
 body.member-shell-active:not(.member-focus-mode) #profilePanel.sc9-dashboard .sig-tool-sub{
  font-size:10px;max-width:100%
 }
 .sc9-live-context{
  margin-bottom:15px;padding:6px 9px;font-size:9px;max-width:100%;
 }
 body.member-shell-active:not(.member-focus-mode) #memberAppNav.signature-navigation{
  transition:box-shadow .25s
 }
}
@media(max-width:390px){
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-icon.sc9-visual-tile{
  width:56px!important;height:56px!important;flex:0 0 56px!important
 }
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .member-root-card-copy{
  padding-right:0
 }
 .sc9-vector{width:43px!important;height:43px!important}
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card,
 body.member-shell-active:not(.member-focus-mode) #workspace.sc9-root .sc9-root-card.is-featured{
  padding:13px 11px!important;gap:10px!important
 }
}
@media(prefers-reduced-motion:reduce){
 body.member-shell-active #workspace .sc9-root-card,
 .sc9-orbit-trace,.sc9-live-beacon{
  animation:none!important;transition:none!important
 }
 body.member-shell-active #workspace .sc9-visual-tile,
 body.member-shell-active #workspace .sc9-inline-cta:after{
  transition:none!important
 }
}