.page-shell[hidden]{display:none!important}
.page-shell{position:fixed;inset:0;z-index:1000000;display:flex;flex-direction:column;background:#f8f7fc;box-shadow:0 0 80px rgba(32,26,72,.2)}
body.page-shell-open{overflow:hidden!important}
.page-shell-bar{box-sizing:border-box;display:flex;align-items:center;gap:28px;min-height:70px;padding:10px max(24px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #e7e3f2;font-family:"Public Sans",Arial,sans-serif}
.page-shell-brand{display:flex;align-items:center;gap:9px;color:#312b48;white-space:nowrap;font-size:16px;letter-spacing:.02em}
.page-shell-brand img{display:block;width:190px;max-width:44vw;height:auto}
.page-shell-brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#7061f2;color:#fff;font-weight:800;font-size:12px}
.page-shell-brand strong{font-weight:800}
.page-shell-heading{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#736d84;font-size:13px}
.page-shell-back{display:flex;align-items:center;gap:9px;flex:none;margin-left:auto;padding:10px 15px;border:1px solid #ded9f3;border-radius:9px;background:#f6f4ff;color:#6354dc;font:600 13px "Public Sans",Arial,sans-serif;cursor:pointer}
.page-shell-back:hover{background:#ece8ff}
.page-shell-back:focus-visible{outline:3px solid #b9afff;outline-offset:2px}
.page-shell-frame{display:block;width:100%;min-height:0;flex:1;border:0;background:#fff}
@media(max-width:650px){.page-shell-bar{gap:12px;padding:10px 14px}.page-shell-heading{display:none}.page-shell-brand img{width:154px}.page-shell-back{padding:9px 11px}.page-shell-back span{font-size:12px}}