/* The plan's sidebar on pages with a layout of their own (Learn, Your saved data), so the plan stays one click away.
   On a wide screen the whole page moves over to make room; on a phone the sidebar stays hidden, as on every page. */
#playbook-sidebar,#playbook-sidebar *{box-sizing:border-box}
#playbook-sidebar .mwp-plan{display:block;padding:12px;background:#fff;border:1px solid #d9deea;border-radius:12px;text-decoration:none;color:#00236f}
#playbook-sidebar .mwp-plan strong{display:block;font:700 20px/1.5 'Archivo',sans-serif}
#playbook-sidebar .mwp-sidebar-note{font-size:12px;color:#5b5e6b}
#playbook-sidebar .mwp-link{display:block;text-decoration:none}
/* Every link one line and the same height, as on the plan pages (workspace.css): the tier tag sits at the end of the line. */
#playbook-sidebar{scrollbar-width:none}
#playbook-sidebar::-webkit-scrollbar{display:none}
aside#playbook-sidebar a.mwp-link{display:flex!important;align-items:center;justify-content:space-between;gap:6px;min-height:32px;margin:1px 0 1px 6px!important;padding:5px 8px 5px 10px!important;line-height:1.3!important}
aside#playbook-sidebar .mwp-nav-tier{display:inline-block!important;flex:none;margin:0!important;padding:1px 5px;border-radius:999px;background:#ece8fb;font:600 8.5px/1.5 var(--mwp-mono)!important;letter-spacing:0;color:#5a43c0;white-space:nowrap}
aside#playbook-sidebar a.mwp-link.on .mwp-nav-tier{background:#ffffff2e;color:inherit}
@media(min-width:1024px){
  body.mwp-side-page{padding-left:236px}
  body.mwp-side-page #playbook-sidebar{display:flex!important;padding-top:18px!important}
  body.mwp-side-page>.mwp-footnote{margin-left:28px}
}