.hplpro{--navy:#0a337a;--blue:#1773dc;--ink:#14213d;--muted:#667892;--line:#dce5f2;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8fbff,#edf4ff);padding:16px;width:calc(100% - 24px);margin:12px auto 28px;border-radius:22px}.hplpro *{box-sizing:border-box}.hpl-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-radius:18px;background:linear-gradient(120deg,#0a337a,#1764c9 58%,#2a94f2);box-shadow:0 18px 40px rgba(10,51,122,.22)}.hpl-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.hpl-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#5424d6,#2d7df5);color:#fff;font-weight:900}.hpl-brand strong,.hpl-brand small{display:block}.hpl-brand small{color:#d7e7ff;margin-top:3px}.hpl-top nav{display:flex;gap:8px}.hpl-top nav button{padding:9px 13px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-weight:750;cursor:pointer}.hpl-top nav button:hover{background:#fff;color:var(--navy)}.hpl-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) auto;gap:10px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.hpl-filters input,.hpl-filters select{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px}.hpl-go{padding:10px 18px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:800}.hpl-layout{display:grid;grid-template-columns:310px minmax(0,1fr) 360px;gap:16px;align-items:start}.hpl-exams,.hpl-main,.hpl-updates{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(15,46,97,.08)}.hpl-exams{padding:14px}.hpl-side-title{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 12px}.hpl-side-title span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#edf4ff;color:var(--blue);font-weight:800}.hpl-exam-card{padding:16px 17px;margin-bottom:12px;border:1px solid #e3e9f2;border-radius:16px;cursor:pointer;transition:.18s}.hpl-exam-card:hover{transform:translateY(-2px);border-color:#a9c9f5;box-shadow:0 10px 24px rgba(23,100,201,.1)}.hpl-exam-card strong,.hpl-exam-card small{display:block}.hpl-exam-card small{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55}.hpl-main{padding:18px;min-width:0}.hpl-welcome{min-height:680px;padding:42px;border-radius:16px;background:radial-gradient(circle at right top,rgba(33,150,232,.15),transparent 28%),linear-gradient(145deg,#fbfdff,#f1f6fd)}.hpl-welcome>span{color:var(--blue);font-size:12px;font-weight:900}.hpl-welcome h1{font-size:clamp(38px,5vw,62px);line-height:1.05;margin:13px 0}.hpl-welcome p{font-size:17px;color:var(--muted);max-width:760px}.hpl-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.hpl-feature-grid div{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.hpl-feature-grid b{display:block;margin-top:8px}.hpl-updates{overflow:hidden}.hpl-updates header{display:flex;align-items:center;gap:11px;padding:13px;background:linear-gradient(135deg,#0c80d8,#1f98e8);color:#fff}.hpl-updates header span{width:42px;height:42px;display:grid;place-items:center;background:#f14848}.hpl-updates header b{flex:1}.hpl-updates header i{width:31px;height:31px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.2);font-style:normal}.hpl-update-list{padding:12px}.hpl-update-card{padding:13px;margin-bottom:10px;border:1px solid #9cc1ff;border-radius:13px;background:#f4f8ff;cursor:pointer}.hpl-update-card strong,.hpl-update-card small{display:block}.hpl-update-card small{margin-top:5px;color:var(--muted)}.hplpro.detail-mode .hpl-layout{grid-template-columns:1fr}.hplpro.detail-mode .hpl-exams,.hplpro.detail-mode>.hpl-layout>.hpl-updates{display:none}.hpl-back{margin-bottom:14px;padding:9px 13px;border:1px solid var(--blue);border-radius:10px;background:#fff;color:var(--blue);font-weight:750}.hpl-exam-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;padding:18px 20px;border-radius:17px;background:linear-gradient(135deg,#0f459e,#1b72d7);color:#fff}.hpl-cover{width:88px;height:74px;object-fit:cover;border-radius:12px;background:#fff}.hpl-exam-head h1{margin:7px 0 5px;color:#fff;font-size:clamp(24px,2.6vw,38px)}.hpl-exam-head>div>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px}.hpl-meta,.hpl-description{margin:4px 0;color:#dbeafe}.hpl-levels,.hpl-years{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hpl-levels button,.hpl-years button{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}.hpl-levels button.active,.hpl-years button.active{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.hpl-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);overflow:auto}.hpl-tabs button{padding:11px 14px;border:0;border-radius:10px 10px 0 0;background:#eef4ff;color:#31547f;font-weight:750;white-space:nowrap}.hpl-tabs button.active{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.hpl-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:14px;align-items:start}.hpl-reader,.hpl-related{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.hpl-reader-head{padding:14px 16px;background:linear-gradient(135deg,#0f459e,#1b72d7);color:#fff}.hpl-reader-head h2{margin:4px 0;color:#fff}.hpl-book-stage{position:relative;display:grid;place-items:center;min-height:620px;padding:24px;background:#8a8a8a}.hpl-book{position:relative;display:grid;grid-template-columns:1fr 6px 1fr;width:min(100%,1050px);aspect-ratio:1.42;background:#666}.hpl-page{position:relative;display:grid;place-items:center;background:#fff;overflow:hidden}.hpl-page canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.hpl-page>span{position:absolute;bottom:5px;color:#555;font-size:10px}.hpl-book>i{background:linear-gradient(90deg,#aaa,#fff,#aaa)}.hpl-empty-note{display:none;position:absolute;inset:0;place-items:center;padding:30px;text-align:center;color:#fff;background:#666}.hpl-book-stage.empty .hpl-empty-note{display:grid}.hpl-arrow{position:absolute;z-index:3;width:48px;height:70px;border:0;background:rgba(0,0,0,.18);color:#fff;font-size:42px}.hpl-arrow.prev{left:5px}.hpl-arrow.next{right:5px}.hpl-controls{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;background:#fff;border-top:1px solid var(--line);flex-wrap:wrap}.hpl-controls button,.hpl-controls a{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none}.hpl-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:14px;background:#eef3f8}.hpl-thumb{padding:6px;border:1px solid var(--line);background:#fff}.hpl-thumb canvas{width:100%}.hpl-related header{display:flex;align-items:center;justify-content:space-between;padding:14px;background:linear-gradient(135deg,#0c80d8,#1f98e8);color:#fff}.hpl-related-list{padding:14px}.hpl-related-card{padding:15px;margin-bottom:10px;border:1px solid #b9d2f7;border-radius:15px;background:#f6f9ff;cursor:pointer}.hpl-related-card.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(23,115,220,.12)}.hpl-related-card strong,.hpl-related-card small{display:block}.hpl-related-card small{margin-top:5px;color:var(--muted)}.hpl-footer{display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(170px,.65fr));gap:26px;margin-top:18px;padding:28px;border-radius:18px;background:linear-gradient(135deg,#071d49,#0b357c);color:#d8e6ff}.hpl-footer strong{color:#fff}.hpl-footer p,.hpl-footer a,.hpl-footer button{display:block;margin:8px 0;color:#bdcfee;background:none;border:0;text-align:left;text-decoration:none}.hpl-footer small{grid-column:1/-1;padding-top:13px;border-top:1px solid rgba(255,255,255,.13)}.hpl-admin-login{min-height:75vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4ff,#f8fbff);padding:20px}.hpl-admin-login form{width:min(480px,100%);padding:30px;border-radius:20px;background:#fff}.hpl-admin-login label{display:grid;gap:6px;margin:13px 0}.hpl-admin-login input{padding:12px;border:1px solid var(--line);border-radius:10px}.hpl-admin-login button{width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#0a337a,#1773dc);color:#fff}.hpl-admin{display:grid;grid-template-columns:280px 1fr;min-height:80vh;background:#f6f9fd}.hpl-admin>aside{padding:22px;background:#0b2f6f;color:#fff}.hpl-admin>aside h2{display:flex;align-items:center;gap:10px}.hpl-admin>aside button,.hpl-admin>aside a{display:block;width:100%;padding:11px 12px;margin:5px 0;border:0;border-radius:9px;background:transparent;color:#dbe8ff;text-align:left;text-decoration:none}.hpl-admin>aside button.active,.hpl-admin>aside button:hover,.hpl-admin>aside a:hover{background:rgba(255,255,255,.13)}.hpl-admin>main{padding:25px}.hpl-admin>main section{display:none}.hpl-admin>main section.active{display:block}.hpl-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.hpl-admin-stats>div{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.hpl-admin-stats span,.hpl-admin-stats strong{display:block}.hpl-admin-stats strong{font-size:28px;margin-top:8px;color:#1773dc}.hpl-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.hpl-form label{display:grid;gap:6px}.hpl-form input,.hpl-form select,.hpl-form textarea{padding:11px;border:1px solid var(--line);border-radius:9px}.hpl-form .full{grid-column:1/-1}.hpl-form button{padding:11px;border:0;border-radius:10px;background:linear-gradient(135deg,#0a337a,#1773dc);color:#fff}.hpl-manage{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hpl-manage>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.hpl-manage article{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.hpl-manage article div{display:flex;gap:8px}.hpl-manage a{color:#1773dc}.hpl-manage a.delete{color:#d33}.hpl-exam-view[hidden],.hpl-thumbs[hidden]{display:none!important}@media(max-width:1200px){.hpl-layout{grid-template-columns:280px minmax(0,1fr)}.hpl-updates{grid-column:1/-1}.hpl-workspace{grid-template-columns:1fr 300px}.hpl-footer{grid-template-columns:1fr 1fr}.hpl-footer>div:first-child{grid-column:1/-1}}@media(max-width:900px){.hpl-filters{grid-template-columns:1fr}.hpl-layout{grid-template-columns:1fr}.hpl-workspace{grid-template-columns:1fr}.hpl-feature-grid{grid-template-columns:1fr 1fr}.hpl-admin{grid-template-columns:1fr}.hpl-admin>aside{display:grid;grid-template-columns:repeat(3,1fr)}.hpl-admin-stats{grid-template-columns:1fr 1fr}}@media(max-width:700px){.hplpro{padding:8px;border-radius:0}.hpl-top{align-items:flex-start;flex-direction:column}.hpl-top nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.hpl-top nav button{padding:8px 4px;font-size:11px}.hpl-main{padding:10px}.hpl-welcome{min-height:480px;padding:25px}.hpl-exam-head{display:block;padding:17px}.hpl-cover{display:none}.hpl-book-stage{min-height:520px;padding:12px}.hpl-book{grid-template-columns:1fr;aspect-ratio:.72;width:min(100%,440px)}.hpl-page.left,.hpl-book>i{display:none}.hpl-thumbs{grid-template-columns:repeat(3,1fr)}.hpl-footer{grid-template-columns:1fr;padding:22px 18px}.hpl-footer>div:first-child{grid-column:auto}.hpl-form,.hpl-admin-stats,.hpl-manage{grid-template-columns:1fr}.hpl-form .full{grid-column:auto}.hpl-admin>aside{grid-template-columns:1fr 1fr}}


/* ===== Version 2: RJU-style typography and one-field-per-row admin ===== */
.hplpro,
.hplpro *,
.hpl-admin,
.hpl-admin *,
.hpl-admin-login,
.hpl-admin-login *{
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* Front tabs and compact controls */
.hpl-tabs{gap:7px!important;align-items:flex-end!important;}
.hpl-tabs button{
    min-height:46px!important;
    padding:11px 18px!important;
    border-radius:12px 12px 0 0!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:0!important;
}
.hpl-levels button,.hpl-years button,.hpl-back,.hpl-go{
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
.hpl-reader-head h2{
    font-size:clamp(22px,2.2vw,34px)!important;
    line-height:1.2!important;
    font-weight:800!important;
}
.hpl-related header,.hpl-updates header{
    font-size:14px!important;
    font-weight:800!important;
}

/* Footer links and category buttons */
.hpl-footer strong{
    display:block!important;
    margin-bottom:11px!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:800!important;
}
.hpl-footer p{
    font-size:13px!important;
    line-height:1.65!important;
}
.hpl-footer a,.hpl-footer button{
    width:auto!important;
    margin:8px 0!important;
    padding:0!important;
    border:0!important;
    color:#c8d8f6!important;
    background:transparent!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:600!important;
    cursor:pointer!important;
}
.hpl-footer a:hover,.hpl-footer button:hover{color:#fff!important;}
.hpl-footer small{font-size:11.5px!important;line-height:1.55!important;}

/* Standalone admin: remove theme typography and restrictive width */
body.hplpro-admin-page{background:#f5f8fd!important;overflow-x:hidden!important;}
body.hplpro-admin-page .hpl-admin,
body.hplpro-admin-page .hpl-admin-login{
    width:min(1380px,100%)!important;
    max-width:none!important;
    margin:0 auto!important;
}
.hpl-admin{
    grid-template-columns:280px minmax(0,1fr)!important;
    min-height:760px!important;
    border:1px solid #dce5f2!important;
    border-radius:20px!important;
    overflow:hidden!important;
    box-shadow:0 18px 45px rgba(15,46,97,.10)!important;
}
.hpl-admin>aside{padding:24px 18px!important;}
.hpl-admin>aside h2{
    margin:0 0 24px!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1.3!important;
    font-weight:800!important;
}
.hpl-admin>aside button,.hpl-admin>aside a{
    min-height:44px!important;
    padding:11px 13px!important;
    margin:6px 0!important;
    border-radius:11px!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:700!important;
}
.hpl-admin>main{padding:30px!important;min-width:0!important;}
.hpl-admin>main h1{
    margin:0 0 22px!important;
    color:#17243c!important;
    font-size:clamp(28px,3vw,42px)!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.5px!important;
}
.hpl-admin-stats{gap:16px!important;}
.hpl-admin-stats>div{padding:22px!important;border-radius:16px!important;}
.hpl-admin-stats span{font-size:13px!important;color:#65758d!important;}
.hpl-admin-stats strong{font-size:30px!important;font-weight:850!important;}

/* One field in one row, RJU-style */
.hpl-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
    max-width:920px!important;
    padding:24px!important;
    border-radius:18px!important;
}
.hpl-form label,
.hpl-form label.full{
    grid-column:1!important;
    width:100%!important;
    gap:8px!important;
    color:#26364f!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:750!important;
}
.hpl-form input,.hpl-form select,.hpl-form textarea{
    width:100%!important;
    min-height:48px!important;
    padding:12px 14px!important;
    border:1px solid #d8e2ef!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#17243c!important;
    font-size:14px!important;
    line-height:1.4!important;
    box-shadow:none!important;
}
.hpl-form textarea{min-height:130px!important;resize:vertical!important;}
.hpl-form input[type=file]{padding:10px!important;}
.hpl-form input:focus,.hpl-form select:focus,.hpl-form textarea:focus{
    border-color:#1773dc!important;
    box-shadow:0 0 0 4px rgba(23,115,220,.12)!important;
    outline:none!important;
}
.hpl-form>button{
    width:min(260px,100%)!important;
    min-height:48px!important;
    padding:12px 20px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
}

.hpl-manage{grid-template-columns:1fr 1fr!important;gap:18px!important;}
.hpl-manage>div{border-radius:16px!important;padding:18px!important;}
.hpl-manage h3{font-size:18px!important;font-weight:800!important;}
.hpl-manage article{align-items:center!important;}
.hpl-manage article span{font-size:13px!important;line-height:1.45!important;}
.hpl-manage article a{font-size:12px!important;font-weight:750!important;}

@media(max-width:900px){
  .hpl-admin{grid-template-columns:1fr!important;}
  .hpl-admin>aside{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .hpl-admin>aside h2{grid-column:1/-1!important;}
  .hpl-admin>main{padding:20px!important;}
  .hpl-manage{grid-template-columns:1fr!important;}
}
@media(max-width:600px){
  .hpl-tabs button{padding:10px 12px!important;font-size:12px!important;}
  .hpl-footer a,.hpl-footer button{font-size:12.5px!important;}
  .hpl-admin>aside{grid-template-columns:1fr!important;}
  .hpl-form{padding:16px!important;}
  .hpl-admin>main h1{font-size:27px!important;}
}


/* ===== Version 4: clickable Latest Updates + compact mobile exam header ===== */
.hpl-update-card{
    position:relative;
    padding-right:76px!important;
}
.hpl-update-card span{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    padding:6px 9px;
    border-radius:9px;
    color:#fff;
    background:linear-gradient(135deg,var(--navy),var(--blue));
    font-size:10px;
    font-weight:800;
}
.hpl-update-card:hover{
    transform:translateY(-2px);
    border-color:var(--blue);
    box-shadow:0 9px 22px rgba(17,82,175,.12);
}

@media(max-width:700px){
    .hpl-exam-head{
        display:grid!important;
        grid-template-columns:64px minmax(0,1fr)!important;
        align-items:center!important;
        gap:12px!important;
        padding:14px!important;
        min-height:92px!important;
    }
    .hpl-cover{
        display:block!important;
        width:64px!important;
        height:64px!important;
        border-radius:14px!important;
        grid-row:1 / span 2!important;
    }
    .hpl-exam-head>div{
        display:grid!important;
        grid-template-columns:1fr!important;
        align-content:center!important;
        min-width:0!important;
    }
    .hpl-exam-head>div>span{
        display:none!important;
    }
    .hpl-exam-head h1{
        margin:0!important;
        font-size:20px!important;
        line-height:1.2!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .hpl-meta{
        margin:5px 0 0!important;
        font-size:12px!important;
        line-height:1.25!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .hpl-description{
        display:none!important;
    }
    .hpl-update-card{
        padding-right:66px!important;
    }
    .hpl-update-card span{
        right:10px;
        padding:5px 7px;
        font-size:9px;
    }
}


/* ===== Version 6: embedded Gorkhapatra + RJU, clipped headers ===== */
.hpl-top nav button{
    min-height:42px!important;
    padding:10px 14px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.15!important;
}
.hpl-platform-btn{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.38)!important;
}
.hpl-platform-btn:hover{
    background:#fff!important;
    color:var(--navy)!important;
}
.hpl-platform-view{
    margin-top:16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 34px rgba(15,46,97,.08);
    overflow:hidden;
}
.hpl-platform-view[hidden]{display:none!important}
.hpl-platform-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    color:#fff;
    background:linear-gradient(120deg,#0a337a,#1764c9 58%,#2a94f2);
}
.hpl-platform-toolbar small{
    display:block;
    margin-bottom:4px;
    color:#d8e8ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.6px;
}
.hpl-platform-toolbar h2{
    margin:0!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.2!important;
}
.hpl-platform-actions{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
}
.hpl-platform-actions button,
.hpl-platform-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:9px 14px;
    border:1px solid rgba(255,255,255,.34);
    border-radius:10px;
    color:#fff!important;
    background:rgba(255,255,255,.10);
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
    cursor:pointer;
}
.hpl-platform-actions button:hover,
.hpl-platform-actions a:hover{
    color:#0a337a!important;
    background:#fff;
}

/* Hide the embedded site's own header by clipping its top area */
.hpl-platform-frame-wrap{
    position:relative;
    width:100%;
    height:calc(100vh - 205px);
    min-height:720px;
    overflow:hidden;
    background:#f5f8fd;
}
.hpl-platform-frame{
    position:absolute;
    left:0;
    top:-165px;
    display:block;
    width:100%;
    height:calc(100% + 165px);
    border:0;
    background:#fff;
}

@media(max-width:1100px){
    .hpl-top nav{
        gap:6px!important;
    }
    .hpl-top nav button{
        padding:9px 11px!important;
        font-size:12px!important;
    }
}
@media(max-width:700px){
    .hpl-top nav{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    .hpl-top nav button{
        width:100%!important;
        min-height:40px!important;
        padding:8px 5px!important;
        font-size:11px!important;
    }
    .hpl-platform-toolbar{
        align-items:flex-start;
        flex-direction:column;
        padding:14px;
    }
    .hpl-platform-actions{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .hpl-platform-frame-wrap{
        height:calc(100vh - 245px);
        min-height:620px;
    }
    .hpl-platform-frame{
        top:-125px;
        height:calc(100% + 125px);
    }
}


/* ===== Version 7: clean embedded platform view ===== */
.hpl.platform-mode{
    padding-top:0!important;
}
.hpl.platform-mode .hpl-platform-view{
    margin-top:0!important;
    border-radius:18px!important;
}
.hpl.platform-mode .hpl-top{
    display:none!important;
}

/* Keep only the blue Back/Open toolbar outside the embedded site */
.hpl-platform-toolbar{
    position:sticky;
    top:0;
    z-index:20;
}

/* Clip the embedded platform's own top header area */
.hpl-platform-frame-wrap{
    position:relative;
    overflow:hidden!important;
}
.hpl-platform-frame{
    top:-205px!important;
    height:calc(100% + 300px)!important;
}

/* Hide any remaining embedded footer visually at the viewport bottom */
.hpl-platform-frame-wrap::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:74px;
    z-index:5;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(245,248,253,0),#f5f8fd 72%);
}

@media(max-width:700px){
    .hpl-platform-frame{
        top:-150px!important;
        height:calc(100% + 235px)!important;
    }
    .hpl-platform-frame-wrap::after{
        height:58px;
    }
}


/* ===== Version 8: hide parent Notes header, keep embedded footer ===== */

/* Hide parent WordPress/Notes header only while an embedded platform is open */
body.hpl-platform-open #wpadminbar,
body.hpl-platform-open .site-header,
body.hpl-platform-open header.site-header,
body.hpl-platform-open .elementor-location-header,
body.hpl-platform-open .wp-block-template-part:first-child{
    display:none!important;
}
body.hpl-platform-open{
    margin-top:0!important;
    padding-top:0!important;
}
body.hpl-platform-open html{
    margin-top:0!important;
}

/* Let platform content use the full available page */
.hpl.platform-mode{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
}
.hpl.platform-mode .hpl-platform-view{
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
}

/* Keep the embedded footer visible */
.hpl-platform-frame-wrap::after{
    display:none!important;
    content:none!important;
}
.hpl-platform-frame-wrap{
    height:auto!important;
    min-height:calc(100vh - 96px)!important;
    overflow:auto!important;
}
.hpl-platform-frame{
    position:relative!important;
    top:-165px!important;
    left:0!important;
    width:100%!important;
    height:calc(100vh + 900px)!important;
    min-height:1500px!important;
}

/* Toolbar remains the only external header */
.hpl-platform-toolbar{
    position:sticky!important;
    top:0!important;
    z-index:999!important;
}

/* Better full-width mobile view */
@media(max-width:700px){
    .hpl-platform-frame{
        top:-120px!important;
        height:calc(100vh + 1100px)!important;
        min-height:1650px!important;
    }
    .hpl-platform-view{
        border-radius:0!important;
    }
}


/* ===== Version 9: functional navigation + clean full-page platform viewer ===== */

/* Hide all outer theme/library chrome in platform mode */
body.hpl-platform-open #wpadminbar,
body.hpl-platform-open .site-header,
body.hpl-platform-open header,
body.hpl-platform-open .elementor-location-header,
body.hpl-platform-open .wp-block-template-part:first-child{
    display:none!important;
}
body.hpl-platform-open,
body.hpl-platform-open .hplpro-wrap{
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
.hplpro.platform-mode{
    width:100%!important;
    height:100vh!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    overflow:hidden!important;
}
.hplpro.platform-mode .hpl-platform-view{
    height:100vh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    display:flex!important;
    flex-direction:column!important;
}
.hpl-platform-toolbar{
    position:relative!important;
    flex:0 0 auto!important;
}
.hpl-platform-frame-wrap{
    position:relative!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
}
.hpl-platform-frame{
    position:absolute!important;
    left:0!important;
    width:100%!important;
    border:0!important;
    background:#fff!important;
}

/* Same-origin Gorkhapatra: header/footer removed by injected CSS */
.hplpro[data-platform="gorkhapatra"] .hpl-platform-frame{
    top:0!important;
    height:100%!important;
}

/* Cross-origin RJU: clip only its own header, keep internal scrolling */
.hplpro[data-platform="rju"] .hpl-platform-frame{
    top:-145px!important;
    height:calc(100% + 145px)!important;
}

/* Functional category/question/model browse pages */
.hpl-browse-view{
    margin-top:16px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 34px rgba(15,46,97,.08);
}
.hpl-browse-view[hidden]{display:none!important}
.hpl-browse-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
    padding:20px;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(120deg,#0a337a,#1764c9 58%,#2a94f2);
}
.hpl-browse-head small{font-size:10px;font-weight:900;letter-spacing:.6px;color:#d9e9ff}
.hpl-browse-head h2{margin:5px 0 3px!important;color:#fff!important;font-size:28px!important}
.hpl-browse-head p{margin:0;color:#dbe9ff}
.hpl-browse-back{
    min-height:42px;
    padding:9px 14px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:10px;
    color:#fff;
    background:rgba(255,255,255,.10);
    font-weight:800;
}
.hpl-browse-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.hpl-category-card,
.hpl-material-card{
    min-width:0;
    padding:18px;
    border:1px solid #d9e4f2;
    border-radius:16px;
    background:linear-gradient(145deg,#fff,#f5f9ff);
    box-shadow:0 7px 20px rgba(15,46,97,.06);
    cursor:pointer;
    transition:.18s ease;
}
.hpl-category-card:hover,
.hpl-material-card:hover{
    transform:translateY(-3px);
    border-color:#9bc1f5;
    box-shadow:0 13px 28px rgba(15,77,166,.12);
}
.hpl-category-card>span{display:block;font-size:28px;margin-bottom:10px}
.hpl-category-card strong,
.hpl-material-card strong{display:block;font-size:16px;line-height:1.4}
.hpl-category-card small,
.hpl-material-card small{display:block;margin-top:7px;color:var(--muted);line-height:1.45}
.hpl-category-card p{min-height:55px;color:var(--muted);font-size:12px;line-height:1.5}
.hpl-category-card button,
.hpl-material-card button{
    margin-top:12px;
    padding:8px 11px;
    border:0;
    border-radius:9px;
    color:#fff;
    background:linear-gradient(135deg,var(--navy),var(--blue));
    font-weight:800;
}
.hpl-material-type{
    display:inline-flex;
    margin-bottom:10px;
    padding:5px 8px;
    border-radius:999px;
    color:#1764c9;
    background:#eaf3ff;
    font-size:10px;
    font-weight:900;
}
.hpl-empty-browse,.hpl-loading{
    grid-column:1/-1;
    padding:50px;
    text-align:center;
    color:var(--muted);
    border:2px dashed var(--line);
    border-radius:16px;
}

@media(max-width:1100px){
    .hpl-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .hplpro[data-platform="rju"] .hpl-platform-frame{
        top:-105px!important;
        height:calc(100% + 105px)!important;
    }
    .hpl-browse-head{
        align-items:flex-start;
        flex-direction:column;
        padding:16px;
    }
    .hpl-browse-back{width:100%}
    .hpl-browse-grid{grid-template-columns:1fr}
}


/* ===== Version 10 reliability fixes ===== */
.hpl-browse-view:not([hidden]){
    display:block!important;
}
.hpl-layout,
.hpl-filters,
.hpl-top,
.hpl-footer{
    visibility:visible;
}


/* ===== Version 11 dynamic menu manager ===== */
.hpl-top nav a.hpl-menu-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:10px 14px!important;
    border:1px solid rgba(255,255,255,.38)!important;
    border-radius:10px!important;
    color:#fff!important;
    background:rgba(255,255,255,.16)!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-decoration:none!important;
}
.hpl-top nav a.hpl-menu-link:hover{
    color:var(--navy)!important;
    background:#fff!important;
}
.hplpro[data-platform="custom"] .hpl-platform-frame{
    top:-145px!important;
    height:calc(100% + 145px)!important;
}
.hpl-admin-help{
    max-width:850px;
    padding:13px 15px;
    border:1px solid #cfe0f5;
    border-radius:12px;
    color:#526982;
    background:#f5f9ff;
    line-height:1.6;
}
.hpl-menu-form{
    padding:18px;
    border:1px solid #dce5f2;
    border-radius:15px;
    background:#fff;
}
.hpl-menu-table{
    display:grid;
    gap:10px;
}
.hpl-menu-row{
    display:grid;
    grid-template-columns:minmax(170px,.75fr) minmax(280px,1.5fr) minmax(220px,.8fr);
    gap:10px;
}
.hpl-menu-row input,
.hpl-menu-row select{
    min-width:0;
    padding:11px 12px;
    border:1px solid #dce5f2;
    border-radius:9px;
    background:#fff;
}
.hpl-menu-heading{
    padding:0 2px 7px;
    color:#5c6f89;
    font-size:12px;
}
.hpl-menu-save{
    margin-top:16px;
    padding:11px 18px;
    border:0;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(135deg,#0a337a,#1773dc);
    font-weight:800;
}
@media(max-width:800px){
    .hpl-menu-row{
        grid-template-columns:1fr;
        padding:12px;
        border:1px solid #e2e9f2;
        border-radius:12px;
    }
    .hpl-menu-heading{display:none}
}


/* ===== Version 12: restore platform menus + syllabus browse ===== */
.hpl-category-card button,
.hpl-material-card button{
    min-height:40px!important;
    padding:10px 14px!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.1px!important;
    font-weight:900!important;
    border-radius:10px!important;
    box-shadow:0 7px 16px rgba(13,72,157,.18)!important;
}
.hpl-category-card button:hover,
.hpl-material-card button:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
}
.hpl-top nav{
    align-items:center!important;
}
.hpl-top nav button,
.hpl-top nav a{
    white-space:nowrap!important;
}
@media(max-width:900px){
    .hpl-top nav{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        width:100%!important;
    }
    .hpl-top nav button,
    .hpl-top nav a{
        width:100%!important;
        min-width:0!important;
        padding:9px 6px!important;
        font-size:11px!important;
    }
}
@media(max-width:560px){
    .hpl-top nav{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}


/* ===== Version 13: compact detail header + focused reading view ===== */

/* When an organization or latest update is open, hide the main library chrome */
.hpl.detail-focus{
    padding-top:0!important;
}
.hpl.detail-focus .hpl-detail{
    width:100%!important;
    max-width:none!important;
}
.hpl.detail-focus .hpl-exam-view{
    margin-top:0!important;
}

/* Larger, clearer Back button */
.hpl .hpl-back,
.hpl .hpl-back-to-library,
.hpl .hpl-exam-view > .hpl-back{
    min-height:44px!important;
    padding:10px 16px!important;
    border:1.5px solid #1670db!important;
    border-radius:11px!important;
    color:#1161c2!important;
    background:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.2!important;
    box-shadow:0 6px 16px rgba(18,88,180,.10)!important;
}
.hpl .hpl-back:hover,
.hpl .hpl-back-to-library:hover{
    color:#fff!important;
    background:#1769d2!important;
}

/* Compact organization/exam hero: one clean line */
.hpl .hpl-exam-head{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:0!important;
    margin-top:14px!important;
    padding:16px 20px!important;
    border-radius:16px!important;
}
.hpl .hpl-exam-head .hpl-cover{
    width:64px!important;
    height:64px!important;
    flex:0 0 64px!important;
    border-radius:13px!important;
}
.hpl .hpl-exam-head > div{
    min-width:0!important;
}
.hpl .hpl-exam-head > div > span{
    display:none!important;
}
.hpl .hpl-exam-head h1,
.hpl .hpl-exam-head .hpl-title{
    margin:0!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:28px!important;
    font-weight:850!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.hpl .hpl-exam-head .hpl-meta{
    margin:6px 0 0!important;
    color:rgba(255,255,255,.86)!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.hpl .hpl-exam-head .hpl-description{
    display:none!important;
}

/* Reduce space below hero */
.hpl .hpl-levels{
    margin:12px 0 8px!important;
}
.hpl .hpl-tabs{
    margin-top:8px!important;
}

/* Keep detail content visually full-width */
.hpl.detail-focus .hpl-reader-grid,
.hpl.detail-focus .hpl-material-layout{
    width:100%!important;
}

@media(max-width:700px){
    .hpl .hpl-exam-head{
        grid-template-columns:54px minmax(0,1fr)!important;
        gap:10px!important;
        padding:13px!important;
    }
    .hpl .hpl-exam-head .hpl-cover{
        width:54px!important;
        height:54px!important;
        flex-basis:54px!important;
    }
    .hpl .hpl-exam-head h1,
    .hpl .hpl-exam-head .hpl-title{
        font-size:19px!important;
    }
    .hpl .hpl-exam-head .hpl-meta{
        font-size:11px!important;
    }
    .hpl .hpl-back,
    .hpl .hpl-back-to-library,
    .hpl .hpl-exam-view > .hpl-back{
        width:100%!important;
        justify-content:center!important;
        text-align:center!important;
        font-size:13px!important;
    }
}


/* ===== Version 14: focused detail page + compact one-line exam header ===== */

/* Hide the outer Notes/WordPress header and admin bar while viewing an exam/latest item */
body.hpl-detail-open #wpadminbar,
body.hpl-detail-open .site-header,
body.hpl-detail-open header.site-header,
body.hpl-detail-open .elementor-location-header,
body.hpl-detail-open .wp-block-template-part:first-child{
    display:none!important;
}

body.hpl-detail-open{
    margin-top:0!important;
    padding-top:0!important;
}

/* Keep only the focused library detail section */
.hpl.detail-focus .hpl-top,
.hpl.detail-focus .hpl-filters,
.hpl.detail-focus .hpl-footer{
    display:none!important;
}

/* Make Back to Home / Back to Library clearly visible */
.hpl .hpl-browse-back,
.hpl .hpl-back,
.hpl .hpl-back-to-library,
.hpl .hpl-exam-view > button:first-child{
    min-height:46px!important;
    padding:11px 17px!important;
    border:1.5px solid #1670db!important;
    border-radius:11px!important;
    color:#0f5fc2!important;
    background:#ffffff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.2!important;
    box-shadow:0 7px 18px rgba(17,83,171,.12)!important;
    opacity:1!important;
}

.hpl .hpl-browse-back:hover,
.hpl .hpl-back:hover,
.hpl .hpl-back-to-library:hover{
    color:#fff!important;
    background:#1769d2!important;
}

/* Browse header button visibility */
.hpl-browse-head .hpl-browse-back{
    color:#fff!important;
    border-color:rgba(255,255,255,.55)!important;
    background:rgba(255,255,255,.13)!important;
}
.hpl-browse-head .hpl-browse-back:hover{
    color:#0a337a!important;
    background:#fff!important;
}

/* Compact organization/latest blue header */
.hpl .hpl-exam-head{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:0!important;
    padding:15px 20px!important;
    margin-top:14px!important;
}

.hpl .hpl-exam-head .hpl-cover{
    display:block!important;
    width:72px!important;
    height:72px!important;
    border-radius:14px!important;
    object-fit:cover!important;
}

.hpl .hpl-exam-head > div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:8px 14px!important;
    min-width:0!important;
}

/* Put title on one line */
.hpl .hpl-exam-head h1,
.hpl .hpl-exam-head .hpl-title{
    grid-column:1 / -1!important;
    margin:0!important;
    color:#fff!important;
    font-size:27px!important;
    font-weight:850!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Put level/category on left and EXAM / ORGANIZATION on right */
.hpl .hpl-exam-head .hpl-meta{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.hpl .hpl-exam-head > div > span{
    grid-column:2!important;
    grid-row:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    margin:0!important;
    padding:5px 9px!important;
    border:1px solid rgba(255,255,255,.32)!important;
    border-radius:999px!important;
    color:#fff!important;
    background:rgba(255,255,255,.13)!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1.1!important;
    white-space:nowrap!important;
}

.hpl .hpl-exam-head .hpl-description{
    display:none!important;
}

/* Remove excess gap below the header */
.hpl .hpl-levels{
    margin:10px 0 7px!important;
}
.hpl .hpl-tabs{
    margin-top:7px!important;
}

@media(max-width:700px){
    .hpl .hpl-exam-head{
        grid-template-columns:54px minmax(0,1fr)!important;
        gap:10px!important;
        padding:12px 13px!important;
    }
    .hpl .hpl-exam-head .hpl-cover{
        width:54px!important;
        height:54px!important;
    }
    .hpl .hpl-exam-head h1,
    .hpl .hpl-exam-head .hpl-title{
        font-size:18px!important;
    }
    .hpl .hpl-exam-head .hpl-meta{
        font-size:11px!important;
    }
    .hpl .hpl-exam-head > div > span{
        padding:4px 7px!important;
        font-size:8px!important;
    }
    .hpl .hpl-browse-back,
    .hpl .hpl-back,
    .hpl .hpl-back-to-library{
        width:100%!important;
        text-align:center!important;
        justify-content:center!important;
    }
}


/* ===== Version 15: corrected compact detail selectors ===== */
body.hpl-detail-open #wpadminbar,
body.hpl-detail-open .site-header,
body.hpl-detail-open header.site-header,
body.hpl-detail-open .elementor-location-header,
body.hpl-detail-open .wp-block-template-part:first-child{
    display:none!important;
}
body.hpl-detail-open{
    margin-top:0!important;
    padding-top:0!important;
}

.hplpro.detail-focus .hpl-top,
.hplpro.detail-focus .hpl-filters,
.hplpro.detail-focus .hpl-footer{
    display:none!important;
}

.hplpro.detail-focus{
    margin-top:0!important;
    padding-top:8px!important;
}

.hplpro .hpl-back{
    min-height:44px!important;
    padding:10px 16px!important;
    border:1.5px solid #1670db!important;
    border-radius:11px!important;
    color:#0f5fc2!important;
    background:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    box-shadow:0 6px 16px rgba(18,88,180,.10)!important;
}

.hplpro .hpl-exam-head{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:0!important;
    padding:15px 20px!important;
    margin-top:12px!important;
}

.hplpro .hpl-exam-head .hpl-cover{
    width:72px!important;
    height:72px!important;
    object-fit:cover!important;
    border-radius:14px!important;
}

.hplpro .hpl-exam-head > div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:end!important;
    gap:7px 14px!important;
    min-width:0!important;
}

.hplpro .hpl-exam-head h1.hpl-title{
    grid-column:1 / -1!important;
    grid-row:1!important;
    margin:0!important;
    color:#fff!important;
    font-size:27px!important;
    font-weight:850!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.hplpro .hpl-exam-head .hpl-meta{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.hplpro .hpl-exam-head > div > span{
    grid-column:2!important;
    grid-row:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    margin:0!important;
    padding:5px 9px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:999px!important;
    color:#fff!important;
    background:rgba(255,255,255,.14)!important;
    font-size:9px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}

.hplpro .hpl-exam-head .hpl-description{
    display:none!important;
}

.hplpro .hpl-levels{margin:10px 0 7px!important}
.hplpro .hpl-years{margin:7px 0!important}
.hplpro .hpl-tabs{margin-top:6px!important}

@media(max-width:700px){
    .hplpro .hpl-exam-head{
        grid-template-columns:54px minmax(0,1fr)!important;
        gap:10px!important;
        padding:12px 13px!important;
    }
    .hplpro .hpl-exam-head .hpl-cover{
        width:54px!important;
        height:54px!important;
        display:block!important;
    }
    .hplpro .hpl-exam-head h1.hpl-title{
        font-size:18px!important;
    }
    .hplpro .hpl-exam-head .hpl-meta{
        font-size:11px!important;
    }
    .hplpro .hpl-exam-head > div > span{
        padding:4px 7px!important;
        font-size:8px!important;
    }
}


/* ===== Version 16: professional mobile bottom navigation ===== */
.hplpro .hpl-mobile-bottom-nav{display:none}

@media(max-width:767px){
    html{scroll-padding-bottom:92px}
    body{padding-bottom:86px!important}
    .hplpro{padding-bottom:94px!important}

    .hplpro .hpl-top{padding:13px!important}
    .hplpro .hpl-top nav{display:none!important}
    .hplpro .hpl-brand{width:100%!important;min-width:0!important}
    .hplpro .hpl-brand strong,
    .hplpro .hpl-brand b{min-width:0!important;font-size:16px!important}
    .hplpro .hpl-brand small{font-size:11px!important;white-space:normal!important}

    .hplpro .hpl-mobile-bottom-nav{
        position:fixed!important;
        z-index:99990!important;
        left:10px!important;
        right:10px!important;
        bottom:10px!important;
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:4px!important;
        min-height:66px!important;
        padding:7px!important;
        border:1px solid rgba(195,215,242,.96)!important;
        border-radius:20px!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 18px 45px rgba(8,42,92,.22),0 3px 10px rgba(8,42,92,.10)!important;
        backdrop-filter:blur(18px)!important;
        -webkit-backdrop-filter:blur(18px)!important;
    }

    .hplpro .hpl-mobile-bottom-nav button{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:3px!important;
        min-width:0!important;
        min-height:52px!important;
        padding:6px 2px!important;
        border:0!important;
        border-radius:14px!important;
        color:#657791!important;
        background:transparent!important;
        box-shadow:none!important;
        cursor:pointer!important;
        transition:color .18s ease,background .18s ease,transform .18s ease!important;
    }

    .hplpro .hpl-mobile-bottom-nav button span{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:24px!important;
        height:24px!important;
        color:inherit!important;
        font-size:20px!important;
        font-weight:900!important;
        line-height:1!important;
    }

    .hplpro .hpl-mobile-bottom-nav button b{
        display:block!important;
        max-width:100%!important;
        overflow:hidden!important;
        color:inherit!important;
        font-size:9.2px!important;
        font-weight:850!important;
        line-height:1.05!important;
        white-space:nowrap!important;
        text-overflow:ellipsis!important;
    }

    .hplpro .hpl-mobile-bottom-nav button.active{
        color:#fff!important;
        background:linear-gradient(145deg,#0a337a,#1768cf 62%,#2b93ee)!important;
        box-shadow:0 7px 15px rgba(20,96,204,.26)!important;
        transform:translateY(-2px)!important;
    }

    .hplpro .hpl-mobile-bottom-nav button:active{transform:scale(.96)!important}

    .hplpro .hpl-back,
    .hplpro .hpl-back-to-library,
    .hplpro .hpl-browse-back{display:none!important}

    .hplpro .hpl-filters{
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:10px!important;
    }

    .hplpro .hpl-filters button,
    .hplpro .hpl-filters .hpl-search-button{
        width:100%!important;
        min-height:44px!important;
    }

    .hplpro .hpl-browse-view{
        margin-top:10px!important;
        padding:10px!important;
        border-radius:15px!important;
    }

    .hplpro .hpl-browse-head{
        padding:15px!important;
        border-radius:14px!important;
    }

    .hplpro .hpl-browse-head h1{
        font-size:23px!important;
        line-height:1.2!important;
    }

    .hplpro .hpl-browse-card,
    .hplpro .hpl-category-card,
    .hplpro .hpl-material-card{border-radius:14px!important}

    .hplpro .hpl-reader-grid,
    .hplpro .hpl-material-layout{grid-template-columns:1fr!important}

    .hplpro .hpl-related{order:-1!important}
    .hplpro .hpl-footer{margin-bottom:4px!important}
}

@media(max-width:390px){
    .hplpro .hpl-mobile-bottom-nav{
        left:6px!important;
        right:6px!important;
        bottom:6px!important;
        gap:2px!important;
        padding:6px 4px!important;
    }
    .hplpro .hpl-mobile-bottom-nav button b{font-size:8.4px!important}
    .hplpro .hpl-mobile-bottom-nav button span{font-size:18px!important}
}


/* ===== Version 17: compact cards, visible back button and live search ===== */

/* Remove unused vertical gaps from category cards on every device */
.hplpro .hpl-category-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    padding:17px!important;
}
.hplpro .hpl-category-card>span{
    margin-bottom:7px!important;
    font-size:25px!important;
}
.hplpro .hpl-category-card strong{
    margin:0!important;
}
.hplpro .hpl-category-card small{
    margin-top:5px!important;
}
.hplpro .hpl-category-card p{
    min-height:0!important;
    margin:5px 0 12px!important;
    line-height:1.4!important;
}
.hplpro .hpl-category-card button{
    align-self:flex-start!important;
    margin-top:0!important;
}

/* Material type now sits beside Open Material */
.hplpro .hpl-material-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:184px!important;
}
.hplpro .hpl-material-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:auto!important;
    padding-top:16px!important;
}
.hplpro .hpl-material-actions button{
    margin:0!important;
    flex:0 0 auto!important;
}
.hplpro .hpl-material-type{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    color:#1764c9!important;
    background:#eaf3ff!important;
    font-size:10px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

/* Clear, readable Back to Home button */
.hplpro .hpl-browse-back{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:138px!important;
    min-height:44px!important;
    padding:10px 16px!important;
    border:1.5px solid rgba(255,255,255,.62)!important;
    border-radius:11px!important;
    color:#fff!important;
    background:rgba(255,255,255,.14)!important;
    box-shadow:0 7px 18px rgba(4,35,83,.16)!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.15!important;
}
.hplpro .hpl-browse-back:hover{
    color:#0b4da5!important;
    background:#fff!important;
}

/* Hide only the small HINT PLUS LIBRARY label above browse page titles */
.hplpro .hpl-browse-head small{
    display:none!important;
}

/* Live search on Categories, Syllabus, Questions and Models */
.hplpro .hpl-browse-search-wrap{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    margin:0 0 16px!important;
}
.hplpro .hpl-browse-search-wrap>span{
    position:absolute!important;
    left:15px!important;
    z-index:2!important;
    color:#71839d!important;
    font-size:20px!important;
    pointer-events:none!important;
}
.hplpro .hpl-browse-search{
    width:100%!important;
    min-height:48px!important;
    padding:11px 48px 11px 45px!important;
    border:1px solid #d5e2f2!important;
    border-radius:13px!important;
    outline:none!important;
    color:#17263f!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(14,61,124,.05)!important;
    font-size:14px!important;
}
.hplpro .hpl-browse-search:focus{
    border-color:#68a7ef!important;
    box-shadow:0 0 0 4px rgba(56,133,224,.12)!important;
}
.hplpro .hpl-browse-search-clear{
    position:absolute!important;
    right:10px!important;
    display:none;
    width:32px!important;
    height:32px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    color:#4d607c!important;
    background:#edf4fd!important;
    font-size:20px!important;
    line-height:1!important;
}
.hplpro .hpl-browse-no-results{
    grid-column:1/-1!important;
    padding:42px 20px!important;
    border:2px dashed #d5e2f2!important;
    border-radius:15px!important;
    color:#6f819d!important;
    text-align:center!important;
    background:#fbfdff!important;
}

/* More natural category grid height */
.hplpro .hpl-browse-grid{
    align-items:start!important;
}

@media(max-width:767px){
    /* Keep Notes main header; only internal library navigation is moved below */
    .hplpro .hpl-browse-head{
        gap:12px!important;
    }

    /* Back button remains clearly visible on mobile */
    .hplpro .hpl-browse-back{
        display:inline-flex!important;
        width:100%!important;
        min-width:0!important;
        min-height:43px!important;
    }

    .hplpro .hpl-browse-search{
        min-height:46px!important;
        font-size:13px!important;
    }

    .hplpro .hpl-material-card{
        min-height:0!important;
    }

    .hplpro .hpl-material-actions{
        flex-wrap:wrap!important;
    }
}


/* ===== Version 18: reliable live search + compact material cards ===== */
.hplpro .hpl-material-card[style*="display: none"],
.hplpro .hpl-category-card[style*="display: none"]{
    display:none!important;
}

.hplpro .hpl-material-card{
    min-height:150px!important;
    height:auto!important;
    padding:15px 16px!important;
}

.hplpro .hpl-material-card strong{
    margin:0!important;
    font-size:16px!important;
    line-height:1.34!important;
}

.hplpro .hpl-material-card small{
    margin-top:6px!important;
    line-height:1.38!important;
}

.hplpro .hpl-material-actions{
    margin-top:12px!important;
    padding-top:8px!important;
}

.hplpro .hpl-material-actions button{
    min-height:40px!important;
    padding:9px 13px!important;
}

.hplpro .hpl-material-type{
    padding:5px 8px!important;
    font-size:9.5px!important;
}

.hplpro .hpl-browse-grid{
    gap:12px!important;
}

@media(max-width:767px){
    .hplpro .hpl-material-card{
        min-height:0!important;
        padding:14px!important;
    }

    .hplpro .hpl-material-actions{
        margin-top:10px!important;
        padding-top:6px!important;
    }
}


/* ===== Version 19: remove browse hero block on mobile only ===== */
@media(max-width:767px){
    .hplpro .hpl-browse-head{
        display:none!important;
    }

    .hplpro .hpl-browse-view{
        padding-top:10px!important;
    }

    .hplpro .hpl-browse-search-wrap{
        margin-top:0!important;
    }
}


/* ===== Version 20: two-column mobile categories + reliable loading ===== */

.hplpro .hpl-inline-loading,
.hplpro .hpl-load-error{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-height:150px!important;
    width:100%!important;
    padding:24px!important;
    border:1.5px dashed #cbdced!important;
    border-radius:16px!important;
    color:#657a98!important;
    background:#fbfdff!important;
    font-size:14px!important;
    font-weight:750!important;
    text-align:center!important;
}

.hplpro button.hpl-load-error{
    cursor:pointer!important;
}

.hplpro .hpl-inline-loading span{
    width:22px!important;
    height:22px!important;
    border:3px solid #d5e6fa!important;
    border-top-color:#1768cf!important;
    border-radius:50%!important;
    animation:hplSpin .75s linear infinite!important;
}

@keyframes hplSpin{
    to{transform:rotate(360deg)}
}

@media(max-width:767px){
    /* Two compact category cards per row */
    .hplpro .hpl-browse-grid:has(.hpl-category-card){
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
        align-items:stretch!important;
    }

    .hplpro .hpl-category-card{
        min-width:0!important;
        padding:13px!important;
        border-radius:14px!important;
    }

    .hplpro .hpl-category-card>span{
        margin-bottom:5px!important;
        font-size:22px!important;
    }

    .hplpro .hpl-category-card strong{
        font-size:15px!important;
        line-height:1.25!important;
        overflow-wrap:anywhere!important;
    }

    .hplpro .hpl-category-card small{
        font-size:11px!important;
        line-height:1.35!important;
    }

    .hplpro .hpl-category-card p{
        margin:5px 0 10px!important;
        font-size:11px!important;
        line-height:1.35!important;
        overflow-wrap:anywhere!important;
    }

    .hplpro .hpl-category-card button{
        width:100%!important;
        min-height:38px!important;
        padding:8px 7px!important;
        border-radius:9px!important;
        font-size:10px!important;
        white-space:nowrap!important;
    }

    .hplpro .hpl-inline-loading,
    .hplpro .hpl-load-error{
        min-height:120px!important;
        padding:20px 14px!important;
    }
}

@media(max-width:370px){
    .hplpro .hpl-category-card{
        padding:11px!important;
    }

    .hplpro .hpl-category-card strong{
        font-size:14px!important;
    }

    .hplpro .hpl-category-card button{
        font-size:9px!important;
    }
}


/* ===== Version 21: premium count badge + search row ===== */

/* Remove duplicated browse hero on desktop and tablet */
.hplpro .hpl-browse-head{
    display:none!important;
}

.hplpro .hpl-browse-search-row{
    display:grid!important;
    grid-template-columns:minmax(205px,auto) minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    margin:0 0 16px!important;
}

.hplpro .hpl-browse-count-badge{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:50px!important;
    padding:10px 16px!important;
    border:1px solid #d4e1f1!important;
    border-radius:14px!important;
    color:#17315a!important;
    background:linear-gradient(135deg,#edf5ff,#f8fbff)!important;
    box-shadow:0 5px 16px rgba(14,61,124,.05)!important;
    white-space:nowrap!important;
}

.hplpro .hpl-browse-count-badge>span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    background:#dcecff!important;
    font-size:17px!important;
}

.hplpro .hpl-browse-count-badge strong{
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.2!important;
}

.hplpro .hpl-browse-search-row .hpl-browse-search-wrap{
    margin:0!important;
}

@media(max-width:767px){
    /* Keep current mobile version exactly as before */
    .hplpro .hpl-browse-search-row{
        display:block!important;
        margin:0 0 12px!important;
    }

    .hplpro .hpl-browse-count-badge{
        display:none!important;
    }

    .hplpro .hpl-browse-search-row .hpl-browse-search-wrap{
        width:100%!important;
        margin:0!important;
    }
}