.sample-bar{position:fixed;inset:0 0 auto;z-index:30;min-height:46px;padding:12px 24px;background:#202246;color:white;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.sample-bar a{color:#9ee8d5;font-weight:700;text-decoration:none}.sample-bar span{font-size:10px;letter-spacing:1px}.topbar{top:46px}.sidebar{top:calc(var(--topbar) + 46px)}.main{padding-top:calc(var(--topbar) + 78px)}.sample-end{max-width:860px;margin:25px auto 60px;border-top:1px solid var(--line);padding:35px 0;display:grid;gap:20px}.sample-note{font-size:12px;color:var(--muted)}.sample-end .btn{justify-self:start}.skip:focus{top:50px}@media(max-width:700px){.sample-bar{padding:10px 14px}.sample-bar span{display:none}.sample-end{padding:25px 0}.main{padding-top:calc(var(--topbar) + 70px)}}