/* CHARME member navigation, account home, responsive account controls. */
body:is(.subpage,.homepage) .top .nav .cm20-header-logout{display:inline-flex;align-items:center;flex:0 0 auto;margin:0}
body:is(.subpage,.homepage) .top .nav .cm20-header-logout button{appearance:none;border:1px solid #bad3c4;border-radius:999px;padding:9px 14px;background:#eaf3ed;color:#174332;font-size:13px;font-weight:800;line-height:1.2;cursor:pointer}
body:is(.subpage,.homepage) .top .nav .cm20-header-logout button:hover{background:#dcebe0}
body:is(.subpage,.homepage) .top .nav a[href="member-dashboard.php"]{background:#194b37;color:#fff!important;border-radius:999px;padding:9px 13px;white-space:nowrap;font-weight:800}
body:is(.subpage,.homepage) .top .nav a[href="member-profile.php"],body:is(.subpage,.homepage) .top .nav a[href="organization-engagements.php"]{color:#195f45!important;font-weight:800}
body:is(.subpage,.homepage) .top .wrap>.nav{min-width:0;gap:clamp(6px,1vw,17px)}
body .drawer-panel .cm20-drawer-logout{margin:12px 0 4px;width:100%}
body .drawer-panel .cm20-drawer-logout button{width:100%;min-height:50px;border-radius:12px;border:1px solid #8daf9c;background:#eaf5ed;color:#194632;font-size:16px;font-weight:800;text-align:left;padding:12px 16px;cursor:pointer}
body .drawer-panel a[href="member-dashboard.php"]{font-weight:850;color:#15533d;background:#eaf4ee;border-radius:12px}
.cm20-account-quick{margin:8px 0 25px}
.cm20-account-primary{border-radius:22px;padding:clamp(23px,4vw,39px);color:#fff;box-shadow:0 15px 40px #153d3025}
.cm20-account-primary-instructor{background:linear-gradient(125deg,#214838,#153b33 75%)}
.cm20-account-primary-org{background:linear-gradient(125deg,#1d526c,#214c58 75%)}
.cm20-account-primary-learner{background:linear-gradient(125deg,#5e4d7d,#343c6a)}
.cm20-account-primary>span{display:block;color:#f5d89b;font-size:12px;font-weight:800;letter-spacing:.15em}
.cm20-account-primary h2{color:#fff!important;font-size:clamp(24px,3vw,37px)!important;line-height:1.35;margin:12px 0 9px}
.cm20-account-primary p{color:#f1f5f2!important;font-size:16px;line-height:1.8;margin:0 0 19px}
.cm20-account-primary>div{display:flex;flex-wrap:wrap;gap:10px}
.cm20-account-primary :is(.cm20-account-action,.cm20-account-action-alt){display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:11px 19px;border-radius:12px;font-size:15px;font-weight:800;text-align:center;text-decoration:none}
.cm20-account-action{background:#e9d19d;color:#243e34!important}
.cm20-account-action-alt{color:#fff!important;border:1px solid #ffffff88;background:#ffffff10}
.cm20-account-primary :is(.cm20-account-action,.cm20-account-action-alt):focus-visible{outline:3px solid #efce93;outline-offset:2px}
.cm20-account-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cm20-account-exit-form{margin-top:16px}
@media(max-width:1280px){body:is(.subpage,.homepage) .top .nav a[href="about.php"],body:is(.subpage,.homepage) .top .nav a[href="instructor-register.php"],body:is(.subpage,.homepage) .top .nav a[href="learning-studio.php"]{display:none}}
@media(max-width:980px){body:is(.subpage,.homepage) .top .nav{display:none!important}}
@media(max-width:650px){.cm20-account-primary>div{display:grid;grid-template-columns:minmax(0,1fr)}.cm20-account-primary :is(.cm20-account-action,.cm20-account-action-alt){width:100%}.cm20-account-links{display:grid;grid-template-columns:minmax(0,1fr)}.cm20-account-links .cm20-button{width:100%;text-align:center}.cm20-account-primary p{font-size:15px}}