/* Solid RESON surfaces; Card Nav disclosure with two staggered cards. */
body.rcn-mounted .rcn-legacy-header{display:none!important}
body.rcn-mounted .rcn-spacer{height:98px;min-height:98px;flex:0 0 98px;pointer-events:none}
body.reson-home-one-screen.rcn-mounted .rcn-spacer{height:64px;min-height:64px;flex-basis:64px}
#resonCardNav,#resonCardNav *{box-sizing:border-box}
#resonCardNav{--rcn-ink:#e9f5f1;--rcn-muted:#a1bcb5;position:fixed;top:calc(var(--reson-notice-height,0px) + 16px);left:50%;transform:translateX(-50%);z-index:1110;width:min(1120px,calc(100% - 64px));border:1px solid #28413f;border-radius:18px;background:#0b1518;color:var(--rcn-ink);box-shadow:0 16px 42px #0004;font:400 14px/1.5 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;isolation:isolate}
#resonCardNav .rcn-bar{height:72px;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
#resonCardNav a{color:inherit;text-decoration:none}
#resonCardNav button{font:inherit;cursor:pointer}
#resonCardNav :is(a,button,summary):focus-visible{outline:2px solid #63edda;outline-offset:4px}
#resonCardNav .rcn-toggle{display:flex;gap:11px;align-items:center;justify-self:start;height:44px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--rcn-ink);font-size:14px;font-weight:550}
#resonCardNav .rcn-toggle:hover{background:#ffffff0a}
#resonCardNav .rcn-toggle-label{width:40px;text-align:left}
#resonCardNav .rcn-burger{position:relative;width:20px;height:16px;display:block}
#resonCardNav .rcn-burger i{position:absolute;left:0;top:4px;width:20px;height:1.5px;background:currentColor;transition:transform .34s ease,top .34s ease}
#resonCardNav .rcn-burger i:last-child{top:11px}
#resonCardNav.is-open .rcn-burger i{top:7px;transform:rotate(45deg)}
#resonCardNav.is-open .rcn-burger i:last-child{transform:rotate(-45deg)}
#resonCardNav .rcn-brand{display:flex;align-items:center;justify-content:center;min-width:0;height:56px}
#resonCardNav .rcn-brand img{display:block;width:160px;height:52px;object-fit:contain;max-width:100%}
#resonCardNav .rcn-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;margin:0;width:100%;visibility:visible!important}
#resonCardNav #theme-toggle{display:none!important}
#resonCardNav .rcn-profile{display:flex;align-items:center;justify-content:center;gap:8px;max-width:145px;min-width:90px;min-height:40px;padding:8px 17px;border:1px solid #343b53;border-radius:100px;background:#151929;color:#c7c1ff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;list-style:none}
#resonCardNav .rcn-profile::-webkit-details-marker{display:none}
#resonCardNav .rcn-profile:before{content:'◉';color:#61e1d0;flex-shrink:0}
#resonCardNav :is(.reson-account-menu,.rcn-account){position:relative;flex:0 0 auto}
#resonCardNav :is(.reson-account-panel,.rcn-account-panel){position:absolute;display:block;top:calc(100% + 12px);left:auto;right:0;z-index:5;width:230px;padding:8px;border:1px solid #35504e;border-radius:12px;background:#0b181c;box-shadow:0 16px 40px #0007}
#resonCardNav details:not([open])>:is(.reson-account-panel,.rcn-account-panel){display:none}
#resonCardNav :is(.reson-account-panel,.rcn-account-panel) :is(a,button){display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 10px;border:0;border-radius:7px;background:transparent;color:#d2e9e2;text-align:left;font-size:13px}
#resonCardNav :is(.reson-account-panel,.rcn-account-panel) :is(a,button):hover{background:#16332f}
#resonCardNav .reson-account-caption{padding:9px 10px;color:#a0b9b2;font-size:12px;overflow-wrap:anywhere}
#resonCardNav #taskCenter{position:relative;visibility:visible!important;flex:0 1 auto;min-width:0}
body[data-session-ready='false'] #resonCardNav #taskCenter{display:none!important}
#resonCardNav .task-indicator{max-width:230px;min-width:0}
#resonCardNav .task-compact-copy{min-width:0}
#resonCardNav .task-secondary{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#resonCardNav .task-popover{top:calc(100% + 14px)!important;bottom:auto!important;left:auto!important;right:0!important;width:min(390px,calc(100vw - 40px));max-height:60dvh;overflow:auto;transform-origin:top right}
#resonCardNav .rcn-content{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .48s cubic-bezier(.22,1,.36,1),visibility 0s .48s}
#resonCardNav.is-open .rcn-content{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1),visibility 0s}
#resonCardNav .rcn-clip{min-height:0;overflow:hidden}
#resonCardNav .rcn-cards{display:grid;grid-template-columns:.85fr 1.15fr;gap:8px;padding:0 8px 8px;max-height:calc(100dvh - var(--reson-notice-height,0px) - 118px);overflow:auto;overscroll-behavior:contain}
#resonCardNav .rcn-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:260px;padding:25px 27px;border-radius:12px;background:#142c30;opacity:0;transform:translateY(22px);transition:opacity .25s ease,transform .42s cubic-bezier(.22,1,.36,1)}
#resonCardNav .rcn-studio{background:#123d36}
#resonCardNav.is-open .rcn-card{opacity:1;transform:translateY(0);transition-delay:.07s}
#resonCardNav.is-open .rcn-card:nth-child(2){transition-delay:.14s}
#resonCardNav .rcn-kicker{display:block;margin-bottom:9px;font:10px/1.5 ui-monospace,monospace;letter-spacing:.16em;color:#a1c1b9}
#resonCardNav h2,#resonCardNav .rcn-studio-title{display:block;margin:0;font-size:27px;line-height:1.35;font-weight:600;letter-spacing:-.03em}
#resonCardNav .rcn-studio-title{width:fit-content}
#resonCardNav .rcn-studio-title:hover{color:#80ffe3}
#resonCardNav .rcn-card-head p{margin:8px 0 24px;color:#acc7bf;font-size:12px;line-height:1.8}
#resonCardNav .rcn-links{display:flex;gap:13px 25px;flex-wrap:wrap}
#resonCardNav .rcn-link{position:relative;display:block;padding:6px 0 6px 22px;border:0;background:transparent;color:var(--rcn-ink);font-size:14px;font-weight:500;text-align:left;border-radius:3px}
#resonCardNav .rcn-link:before{content:'↗';position:absolute;left:0;top:5px;color:#70e7cd;font:18px/1.4 system-ui;transition:transform .2s ease}
#resonCardNav .rcn-link:hover:before{transform:translate(2px,-2px)}
#resonCardNav .rcn-link:hover{color:#8fffe6}
#resonCardNav .rcn-studio-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}
#resonCardNav .rcn-studio-link span{display:inline-block;font-size:15px}
#resonCardNav .rcn-studio-link small{display:block;margin-top:3px;color:#a1c4b9;font-size:11px;font-weight:400}
#resonCardNav .rcn-studio-link[aria-current='page'] span:after{content:'';display:inline-block;width:5px;height:5px;margin:0 0 3px 9px;border-radius:50%;background:#65edce}
@media(max-width:1080px){
  #resonCardNav .rcn-brand img{width:140px}
  #resonCardNav .rcn-bar{gap:10px}
  #resonCardNav .task-indicator{max-width:190px}
  #resonCardNav .task-view-compact{font-size:10px;padding:5px 6px}
}
@media(max-width:900px){
  #resonCardNav{width:calc(100% - 36px);top:calc(var(--reson-notice-height,0px) + 12px)}
  #resonCardNav #taskCenter{position:absolute;top:calc(100% + 24px);right:0}
  #resonCardNav .task-indicator{max-width:min(290px,calc(100vw - 50px));background:#0b181cf5}
  #resonCardNav.is-open #taskCenter{display:none!important}
  #resonCardNav .task-popover{max-height:calc(100dvh - var(--reson-notice-height,0px) - 175px)}
  body.rcn-mounted .rcn-spacer{height:136px;min-height:136px;flex-basis:136px}
  body.reson-home-one-screen.rcn-mounted .rcn-spacer{height:118px;min-height:118px;flex-basis:118px}
}
@media(max-width:600px){
  #resonCardNav{width:calc(100% - 24px);border-radius:14px}
  #resonCardNav .rcn-bar{height:64px;padding:0 10px;gap:4px;grid-template-columns:76px minmax(0,1fr) auto}
  #resonCardNav .rcn-toggle{padding:0 4px;gap:8px;font-size:12px}
  #resonCardNav .rcn-toggle-label{width:34px}
  #resonCardNav .rcn-brand img{width:112px;height:42px}
  #resonCardNav .rcn-profile{min-width:72px;max-width:110px;min-height:38px;padding:7px 11px;font-size:12px;gap:6px}
  #resonCardNav .rcn-cards{grid-template-columns:1fr;max-height:calc(100dvh - var(--reson-notice-height,0px) - 102px);padding:0 6px 6px;gap:6px}
  #resonCardNav .rcn-card{min-height:164px;padding:19px 20px;border-radius:9px}
  #resonCardNav .rcn-card-head p{margin:5px 0 15px;font-size:11px}
  #resonCardNav h2,#resonCardNav .rcn-studio-title{font-size:23px}
  #resonCardNav .rcn-kicker{font-size:9px;margin-bottom:5px}
  #resonCardNav .rcn-studio-links{gap:9px 16px}
  #resonCardNav .rcn-link{font-size:13px}
  #resonCardNav .rcn-studio-link span{font-size:14px}
  #resonCardNav .rcn-studio-link small{font-size:10px}
  #resonCardNav :is(.reson-account-panel,.rcn-account-panel){width:min(230px,calc(100vw - 40px))}
}
@media(prefers-reduced-motion:reduce){
  #resonCardNav .rcn-content,#resonCardNav .rcn-card,#resonCardNav .rcn-burger i,#resonCardNav .rcn-link:before{transition:none!important}
}

/* Full browser width on desktop, tablet and mobile. Keep existing heights/interactions. */
#resonCardNav{left:0;right:0;width:100%;max-width:none;transform:none}

/* Join the notice bar directly and keep the expanded menu shallow. */
#resonCardNav{top:var(--reson-notice-height,0px);border-radius:0;border-top:0;border-left:0;border-right:0}
#resonCardNav .rcn-bar{height:64px}
#resonCardNav .rcn-cards{max-height:calc(100dvh - var(--reson-notice-height,0px) - 72px)}
#resonCardNav .rcn-card{min-height:0;padding:16px 22px;justify-content:flex-start;gap:8px;border-radius:9px}
#resonCardNav .rcn-kicker,#resonCardNav .rcn-card-head p,#resonCardNav .rcn-studio-link small{display:none}
#resonCardNav .rcn-kicker{font-size:9px;margin-bottom:4px}
#resonCardNav h2,#resonCardNav .rcn-studio-title{font-size:21px}
#resonCardNav .rcn-card-head p{font-size:11px;line-height:1.6;margin:5px 0 9px}
#resonCardNav .rcn-link{font-size:13px;padding-top:4px;padding-bottom:4px}
#resonCardNav .rcn-link:before{top:3px;font-size:16px}
#resonCardNav .rcn-studio-links{gap:7px 20px}
#resonCardNav .rcn-studio-link span{font-size:14px}
#resonCardNav .rcn-studio-link small{font-size:10px;margin-top:2px}
@media(min-width:1101px){
  #resonCardNav .rcn-studio-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
@media(max-width:600px){
  #resonCardNav .rcn-card{padding:13px 16px;gap:5px}
  #resonCardNav h2,#resonCardNav .rcn-studio-title{font-size:20px}
  #resonCardNav .rcn-card-head p{font-size:10px;margin:4px 0 6px}
  #resonCardNav .rcn-kicker{font-size:8px;margin-bottom:3px}
  #resonCardNav .rcn-studio-links{gap:6px 14px}
  #resonCardNav .rcn-studio-link small{font-size:10px}
}

/* Moderate card height between the original and compact versions. */
@media(min-width:601px){
 #resonCardNav .rcn-card{min-height:144px;padding:20px 24px;justify-content:center;gap:12px}
}

/* Restore the original explanatory copy within the moderate desktop height. */
#resonCardNav .rcn-kicker,#resonCardNav .rcn-card-head p,#resonCardNav .rcn-studio-link small{display:block}
@media(min-width:601px){
 #resonCardNav .rcn-card{padding:12px 24px;gap:4px}
 #resonCardNav .rcn-kicker{line-height:1.3;margin-bottom:2px}
 #resonCardNav .rcn-card-head p{margin:3px 0 5px}
}

/* Keep section introductions; remove per-destination captions. */
#resonCardNav .rcn-studio-link small{display:none}
#resonCardNav .rcn-card-head p{margin-top:8px;margin-bottom:8px}