.pp-mode-switch{display:flex!important;flex-direction:column;gap:4px;margin:10px 0 18px;padding:5px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff)}
.sidebar .pp-mode-switch a{padding:10px 9px;min-width:0;font-size:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.sidebar .pp-mode-switch a[aria-current]{font-weight:750;box-shadow:inset 3px 0 var(--green)}
.sidebar .brand{min-width:0;align-items:center}.sidebar .brand>span:last-child{min-width:0;overflow-wrap:anywhere;line-height:1.35;font-size:18px}.sidebar .brand-mark{flex-shrink:0}
.pp-platform .sidebar,.pp-customer .sidebar{left:0;right:auto;border-left:0;border-right:1px solid var(--border)}
.pp-platform .main-shell,.pp-customer .main-shell{margin-left:258px;margin-right:0}
.topbar{height:auto;min-height:77px;gap:20px;padding-top:16px;padding-bottom:16px}
.pp-topnav{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-left:auto;font-size:13px;line-height:1.5;flex-shrink:0}
.pp-topnav a,.pp-topnav .pp-logout{color:var(--ink);white-space:nowrap}
.pp-topnav a[aria-current]{font-weight:650;text-decoration:underline;text-underline-offset:5px}
.pp-topnav form{margin:0}
.pp-topnav .pp-logout{font:inherit;border:0;background:transparent;padding:7px 0;cursor:pointer}
.pp-topnav .pp-logout:hover{text-decoration:underline;text-underline-offset:5px}
.pp-topnav .button.primary{color:var(--button-ink,#fff)}
.pp-public .academy-header{display:block;max-width:none;padding:0}
.pp-public .academy-header-inner{width:100%}
.pp-preview-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;padding:18px 22px;border:2px dashed var(--green);border-radius:var(--radius,12px);background:var(--surface,#fff);margin:20px 0 32px}
.pp-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0 35px}.pp-preset{padding:20px!important;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:10px;min-width:0}.pp-preset:focus-visible{outline:3px solid var(--green);outline-offset:3px}.pp-preset small{font-size:12px}.pp-palette{display:flex;width:100%;height:38px;border-radius:6px;overflow:hidden}.pp-palette i{flex:1}.pp-palette-forest i:nth-child(1){background:#285e4c}.pp-palette-forest i:nth-child(2){background:#dce9b4}.pp-palette-forest i:nth-child(3){background:#f8faf4}.pp-palette-ocean i:nth-child(1){background:#174f78}.pp-palette-ocean i:nth-child(2){background:#a9dfe5}.pp-palette-ocean i:nth-child(3){background:#f4f9fc}.pp-palette-sunshine i:nth-child(1){background:#8b4513}.pp-palette-sunshine i:nth-child(2){background:#ffd166}.pp-palette-sunshine i:nth-child(3){background:#fffaf0}.pp-palette-berry i:nth-child(1){background:#783956}.pp-palette-berry i:nth-child(2){background:#f5c4d5}.pp-palette-berry i:nth-child(3){background:#fff7fa}.pp-palette-slate i:nth-child(1){background:#334155}.pp-palette-slate i:nth-child(2){background:#dbe4ef}.pp-palette-slate i:nth-child(3){background:#f7f9fc}.pp-palette-classic i:nth-child(1){background:#61452e}.pp-palette-classic i:nth-child(2){background:#e5d2ad}.pp-palette-classic i:nth-child(3){background:#fcf8f1}
.pp-publish{margin-top:24px}.pp-publish form{margin-top:20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.pp-publish .check-field{display:flex;gap:9px;align-items:center}.pp-public .academy-brand{display:flex;gap:14px;align-items:center;max-width:450px;text-decoration:none}.pp-public .academy-brand>span{display:flex;flex-direction:column;gap:5px}.pp-public .academy-brand strong{font-size:22px;line-height:1.25}.pp-public .academy-brand small{font-size:9px;letter-spacing:2px}.pp-public .academy-logo{object-fit:contain;width:auto;max-width:200px;max-height:64px}.pp-public .academy-main{max-width:1280px;margin:auto;padding:0 40px}.pp-public .academy-header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1360px;margin:auto;padding:24px 40px}.pp-public .academy-header nav{display:flex;align-items:center;gap:24px}.pp-public .academy-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:32px 40px;border-top:1px solid var(--border)}.pp-public .website-hero{padding-top:70px}.pp-public .academy-header{border-bottom:1px solid var(--border);background:var(--surface)}
/* The shared website editor uses the full canvas in either management mode. */
body:has([data-website-editor]) .sidebar{display:none}body:has([data-website-editor]) .main-shell{margin:0}body:has([data-website-editor]) .content{max-width:none;padding:25px}body:has([data-website-editor]) .topbar{position:static}
@media(max-width:1100px){.pp-public .academy-header-inner{flex-wrap:wrap}.pp-public .academy-header nav{gap:16px}.pp-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){.pp-platform .main-shell,.pp-customer .main-shell{margin-left:210px}}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:12px}.topbar>.pp-topnav{flex-wrap:wrap;gap:20px}}
@media(max-width:760px){.topbar{min-height:48px}.topbar>.pp-topnav{width:100%;justify-content:flex-start;margin-left:0;gap:22px;font-size:12px}}
@media(max-width:760px){.pp-platform .sidebar,.pp-customer .sidebar{left:0;right:0;border-left:0;border-right:0}.pp-platform .main-shell,.pp-customer .main-shell{margin:0}.pp-mode-switch{max-width:420px}.pp-preset-grid{grid-template-columns:1fr}.pp-public .academy-main{padding:0 22px}.pp-public .academy-header-inner{padding:20px 22px;align-items:flex-start}.pp-public .academy-header nav{width:100%;gap:14px;flex-wrap:wrap}.pp-public .academy-header .responsive-nav.is-collapsed>:not(.mobile-nav-toggle){display:none!important}.pp-public .academy-header .mobile-nav-toggle{display:inline-flex}.pp-public .academy-brand strong{font-size:20px}.pp-public .academy-footer{padding:28px 22px}.pp-public .website-hero{padding-top:40px}.pp-public .academy-logo{max-width:150px}body:has([data-website-editor]) .content{padding:14px}}