.cl-mobile-back{display:none}.cl-nav-leave{border:1px solid #7798ad66;border-radius:20px;max-width:min(90vw,420px);padding:22px;background:#102638;color:#f4fbff}.cl-nav-leave p{line-height:1.6}.cl-nav-leave>div{display:flex;gap:12px;flex-wrap:wrap}.cl-nav-leave .btn{min-height:44px}.cl-nav-leave::backdrop{background:#0009}
@media(max-width:760px){
body[data-mobile-back] .cl-mobile-back{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:9;min-height:56px;padding:calc(4px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 4px max(14px,env(safe-area-inset-left,0px));background:#0c1c2ef5;border-bottom:1px solid #48627855;backdrop-filter:blur(14px)}
.cl-mobile-back strong{min-width:0;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.cl-mobile-back-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;border:1px solid #78ece07a;background:linear-gradient(145deg,#275c68,#163e4c);color:#76e8df;box-shadow:0 3px 0 #041119;text-decoration:none}.cl-mobile-back-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cl-mobile-back-button:active{transform:translateY(2px);box-shadow:0 1px 0 #041119;background:#267e82}.cl-mobile-back-button:focus-visible{outline:3px solid #54dbd1;outline-offset:2px}
body[data-ui-theme="fresh_light"] .cl-mobile-back{background:#f3f6f8f5;color:#263c4d;border-color:#a8bacb66}body[data-ui-theme="fresh_light"] .cl-mobile-back-button{color:#344b5c;background:linear-gradient(145deg,#fff,#c7d2d9);border-color:#abbcc7;box-shadow:0 3px 0 #8195a3}body[data-ui-theme="fresh_light"] .cl-mobile-back-button:active{background:#b3c3ce}body[data-ui-theme="fresh_light"] .cl-nav-leave{background:#fffdf6;color:#233b4e}
body[data-mobile-back] .cl-mobile-old-back,body[data-mobile-back] .cl-mobile-old-title{display:none!important}body.public-body[data-mobile-back] .topbar{position:relative}
/* The legacy rule nav a:not(.pill) hides mobile links; override it only here. */
body[data-mobile-back] .cl-mobile-back>.cl-mobile-back-button{display:grid}body[data-mobile-back] .cl-compact-bar{position:relative}
}
@media(max-width:760px){body[data-mobile-back] .cw-thread .message-thread-panel{height:calc(100dvh - 186px);min-height:280px}}
@media(prefers-reduced-motion:reduce){.cl-mobile-back-button{transition:none}}