/* ── Shared sidebar nav ── */
*,*::before,*::after{box-sizing:border-box;}
:root{
  --nav-w:300px;
  --accent:#2777FE;
  --text:#0F1522;
  --text-muted:#4a5568;
  --text-dim:#718096;
  --border:#c8c8c8;
  --surface:#f8f9fb;
  --surface2:#f1f3f6;
  --accent-glow:rgba(39,119,254,0.08);
}

/* Independent scroll layout */
html,body{height:100%;margin:0;overflow:hidden;}
body{font-family:'Poppins',sans-serif;background:#fff;color:var(--text);display:flex;}

/* Sidebar — fixed height, scrolls independently */
.pmp-sidebar{
  width:var(--nav-w);
  flex-shrink:0;
  height:100%;
  overflow-y:auto;
  background:#fff;
  border:1px solid var(--border);
  border-radius: 8px;
  padding: 10px;
  display:flex;
  flex-direction:column;
}
.pmp-sidebar::-webkit-scrollbar{width:4px;}
.pmp-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;}
/* Main content — fills remaining width, scrolls independently */
.pmp-main{
  flex:1;
  height:100%;
  overflow-y:auto;
  padding:40px 48px 100px;
}
.pmp-main::-webkit-scrollbar{width:6px;}
.pmp-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}

/* Sidebar header */
.pmp-sb-logo{padding:18px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0;}
.pmp-sb-logo a{text-decoration:none;display:block;}
.pmp-sb-logo .brand{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;}
.pmp-sb-logo .sub{font-size:10px;color:var(--text-dim);margin-top:2px;text-transform:uppercase;letter-spacing:0.8px;}



.pmp-sb-search { padding: 12px 14px; border-bottom: 1px solid #dde1ea; flex-shrink: 0; }
.pmp-sb-search input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 9px 12px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  color: #0F1522;
  background: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  outline: none;
  transition: border-color 0.2s;
}
.pmp-sb-search input:focus { border-color: #2777FE; }
.pmp-sb-search input::placeholder { color: #a0aec0; }
.pmp-sb-no-results { padding: 10px 16px; font-size: 12px; color: #718096; font-style: italic; }

/* Sidebar search */
.pmp-sb-no-results{padding:10px 16px;font-size:12px;color:var(--text-dim);font-style:italic;}

/* Nav sections */
.pmp-nav{flex:1;padding:8px 0 24px;overflow-y:visible;}
.pmp-section{margin-bottom:2px;}
.pmp-sec-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;user-select:none;font-family:"Varela Round", sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:#0F1522;transition:color 0.15s;}
.pmp-sec-trigger:hover{color:#8B71FD;}
.pmp-sec-trigger.has-articles:hover{color:#8B71FD;}
.pmp-sec-arrow{font-size:10px;transition:transform 0.2s;flex-shrink:0;}
.pmp-sec-trigger.open .pmp-sec-arrow{transform:rotate(180deg);}
.pmp-sec-trigger.placeholder{opacity:0.5;cursor:default;}
.pmp-sec-trigger.placeholder:hover{background:none;color:var(--text-dim);}
/* Active section — change color here to restyle the active main nav item */
.pmp-sec-trigger.active{color:#8B71FD;}
.pmp-sec-link{text-decoration:none;}
.pmp-sec-badge{font-size:9px;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);padding:1px 6px;border-radius:10px;font-weight:600;margin-left:4px;}
.pmp-articles{display:none;padding:2px 0 6px;}
.pmp-articles.open{display:block;}
.pmp-article-group{padding:4px 0 2px;}
.pmp-group-label{font-family:"Poppins", sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#54595F;padding:6px 16px 2px 16px;}
.pmp-group-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:6px 16px 2px 16px;}
.pmp-group-toggle:hover{color:#2777FE;}
.pmp-group-arrow{font-size:8px;flex-shrink:0;}
.pmp-group-pages{display:none;}
.pmp-group-pages.open{display:block;}

.pmp-article-link{display:block;padding:7px 16px 7px 32px;font-size:12px;color:var(--text-muted);text-decoration:none;transition:all 0.12s;line-height:1.4;}
.pmp-article-link:hover{color:var(--text);}
.pmp-article-link.active{color:#8B71FD;font-weight:600;}

@media(max-width:768px){
  .pmp-sidebar{display:none;}
  .pmp-main{padding:24px 20px 60px;}
}

/* ── Prev / Next article navigation ── */
.pmp-prevnext{display:flex;justify-content:space-between;align-items:stretch;gap:14px;margin:0 0 30px;}
.pmp-pn{display:inline-flex;align-items:center;gap:11px;text-decoration:none;border:1px solid var(--border);border-radius:8px;padding:10px 16px;background:#fff;transition:border-color .12s,background .12s;max-width:47%;}
.pmp-pn:hover{border-color:var(--accent);background:var(--surface);}
.pmp-pn-next{margin-left:auto;}
.pmp-pn-arrow{font-size:19px;color:var(--accent);flex-shrink:0;line-height:1;}
.pmp-pn-text{display:flex;flex-direction:column;line-height:1.35;min-width:0;}
.pmp-pn-next .pmp-pn-text{align-items:flex-end;text-align:right;}
.pmp-pn-dir{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);}
.pmp-pn-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.pmp-pn-spacer{flex:0 0 auto;}
@media(max-width:600px){.pmp-pn-title{white-space:normal;}}