/* Quality pass shared mechanics (menu, tap targets, no word breaks). Each site keeps its own look below. */
[hidden]{display:none!important}
.mbtn,.mpanel{display:none}
h1,h2,h3,h4{overflow-wrap:normal;word-break:normal;hyphens:manual}
.qp-more{display:flex;margin:32px auto 0;min-height:48px;align-items:center;padding:0 28px;border-radius:999px;border:1px solid var(--qp-line);background:#fff;color:var(--qp-ink);font:500 16px/1 Inter,sans-serif;cursor:pointer;transition:transform .2s ease}
.qp-more:hover{transform:translateY(-1px)}
.qp-in{animation:qpin .45s ease both}@keyframes qpin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:900px){
 nav ul{display:none!important}
 .mbtn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;flex:0 0 44px;border-radius:999px;border:1px solid var(--qp-line);background:#fff;cursor:pointer;margin-left:8px}
 .mbtn i{display:block;width:18px;height:2px;background:var(--qp-ink);border-radius:2px;transition:transform .25s ease}
 .mbtn.on i:first-child{transform:translateY(4px) rotate(45deg)}.mbtn.on i:last-child{transform:translateY(-4px) rotate(-45deg)}
 .mpanel:not([hidden]){display:grid;position:absolute;left:12px;right:12px;top:calc(100% + 6px);background:#fff;border:1px solid var(--qp-line);border-radius:20px;padding:8px 20px 20px;box-shadow:0 10px 26px -4.5px rgba(0,0,0,.12);animation:mp .22s ease;z-index:60}
 .mpanel a:not(.btn):not(.qp-cta){display:flex;align-items:center;min-height:48px;font:500 18px/1 Inter,sans-serif;color:var(--qp-ink);text-decoration:none;border-bottom:1px solid var(--qp-line)}
 .mpanel .qp-cta{margin-top:14px;display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:999px;background:var(--qp-acc);color:#fff!important;font:500 16px/1 Inter,sans-serif;text-decoration:none}
 footer a{display:inline-flex;align-items:center;min-height:44px}
}
@keyframes mp{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mpanel,.qp-in{animation:none!important}.mbtn i,.qp-more{transition:none}}
/* nkemmanuel.com: personal, warm stone + ink, yellow only as the small arrow accent */
:root{--qp-ink:#161616;--qp-line:#E7E4DE;--qp-acc:#161616}
nav .bar{position:relative}
@media (max-width:900px){nav .bar{display:flex;align-items:center}nav .wm{margin-right:auto;min-height:44px}nav .pl{min-height:44px}}
@media (max-width:760px){footer .g{grid-template-columns:1fr 1fr!important;gap:24px}footer .g>div:first-child{grid-column:1/-1}}
.me-h{font-weight:600;letter-spacing:-.03em;font-size:28px;line-height:1.2;margin:40px 0 12px}
.vals.v7-box{margin:8px 0 24px}
.vals .val p{margin-bottom:12px}
@media (max-width:900px){.v7-tabs button{min-height:44px}}
/* pass 2: warm stone */
section.ch{background:#EFE8DD;border-radius:28px;margin:24px clamp(8px,2vw,24px) 0;padding-bottom:56px}
.qp-st{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 8px;max-width:720px}
.qp-st>*{display:flex;align-items:baseline;gap:14px;padding:18px 22px;border-radius:20px;background:#EFE8DD;color:var(--ink);text-decoration:none}
.qp-st b{font-family:inherit;font-size:clamp(2.2rem,4vw,3rem);line-height:1;font-weight:500;letter-spacing:-.03em}
.qp-st b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-left:4px;vertical-align:top}
.qp-st span{font-size:.92rem;color:var(--mut)}
.sg{align-items:stretch}
#values{scroll-margin-top:90px}
.cms-back{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:600px){.qp-st{grid-template-columns:1fr}}
.qp-st{margin-bottom:32px}.qp-st>*{align-items:center;flex-wrap:nowrap}.qp-st b{white-space:nowrap;flex:none}
.qp-st b{display:inline-flex!important;align-items:flex-start}.qp-st{margin-bottom:32px!important}