.njs-blogger-sidebar{
position:fixed;top:0;left:0;right:auto;width:var(--njs-sidebar-width,280px);height:100vh;
background:#fff;border-right:1px solid #9d9d9d;z-index:999999;overflow-y:auto;
box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#333;
}
.njs-blogger-inner{padding:24px 24px 30px;box-sizing:border-box;min-height:100%}
.njs-sidebar-logo{margin:0 0 18px;text-align:center}
.njs-sidebar-logo img{max-width:100%;max-height:70px;width:auto;height:auto}
.njs-sidebar-section{padding:16px 0;border-bottom:1px solid #aaa}
.njs-sidebar-section:first-of-type{padding-top:0}
.njs-sidebar-heading{font-size:16px;line-height:1.4;font-weight:400;color:#333;margin:0 0 8px;text-transform:uppercase}
.njs-sidebar-section ul{list-style:none;margin:0;padding:0}
.njs-sidebar-section li{margin: 1em 14px  0 0 0;padding:0}
.njs-sidebar-section a{display:block;color:#333;text-decoration:none;font-size:11px;line-height:1.35;padding:3px 0;transition:color .15s ease}
.njs-sidebar-section a:hover{color:#b58a55}
.njs-main-menu a:first-child{font-weight:500}
.njs-advice-toggle{width:100%;padding:5px 0;border:0;background:transparent;text-align:left;font:inherit;font-size:11px;color:#333;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.njs-advice-toggle span{font-size:13px;color:#333;transition:transform .2s}
.njs-advice-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.njs-advice-panel{display:none;padding-top:5px}
.njs-advice-panel.is-open{display:block}
.njs-advice-panel a{font-size:11px;padding:3px 0}
.njs-contact-card{margin-top:25px;padding:14px 12px;border:1px solid #dedede;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.10);text-align:center;background:#fff;font-size:10px;line-height:1.55;color:#444; font-size: 15px;}
.njs-contact-title{font-size:13px;font-weight:700;margin-bottom:10px;color:#333}
.njs-contact-card strong{font-weight:700; font-size: 15px;
    line-height: 1.8;}
.njs-contact-email{margin-top:8px;font-size:9.5px;word-break:break-word}
.njs-contact-email {
    margin-top: 8px;
    font-size: 14px;
    font-weight: bold;
    word-break: break-word;
}
.njs-contact-card hr{border:0;border-top:1px solid #ddd;margin:10px 0}
.njs-sidebar-close,.njs-sidebar-toggle,.njs-sidebar-backdrop{display:none}
button.njs-advice-toggle, .njs-sidebar-section a{
    font-size:14px ;
    font-weight:400px;
}
/* Desktop: fixed sidebar + content area reduced to the remaining viewport width. */
@media (min-width:782px){
body.njs-blogger-sidebar-active{padding-left:0!important;padding-right:0!important;overflow-x:hidden}
body.njs-blogger-sidebar-active #page,
body.njs-blogger-sidebar-active .site,
body.njs-blogger-sidebar-active .site-container,
body.njs-blogger-sidebar-active .site-wrapper,
body.njs-blogger-sidebar-active .wp-site-blocks{
margin-left:var(--njs-sidebar-width,280px)!important;
width:calc(100% - var(--njs-sidebar-width,280px))!important;
max-width:none!important;
box-sizing:border-box;
}
body.njs-blogger-sidebar-active .alignfull{max-width:100%}
}

/* Mobile */
@media (max-width:781px){
body.njs-sidebar-open{overflow:hidden}
.njs-blogger-sidebar{display:none;width:min(82vw,320px);box-shadow:8px 0 24px rgba(0,0,0,.18)}
body.njs-sidebar-open .njs-blogger-sidebar{display:block}
.njs-sidebar-toggle{display:block;position:fixed;top:14px;left:14px;right:auto;z-index:999998;border:1px solid #b58a55;background:#fff;color:#333;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px}
.njs-sidebar-close{display:block;position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:26px;line-height:1;color:#333;cursor:pointer}
.njs-sidebar-backdrop{display:none;position:fixed;inset:0;z-index:999997;background:rgba(0,0,0,.35)}
body.njs-sidebar-open .njs-sidebar-backdrop{display:block}
body.njs-sidebar-open .njs-sidebar-toggle{display:none}
body,body.njs-blogger-sidebar-active{padding-left:0!important;padding-right:0!important}
}