/* Desktop N Draw FAMILY strip — same look in the website and all 4 apps (edit only in brand/family/) */
.dndf{--fn:#14123a;--fn2:#2b1a63;--fgold:#ffd21f;display:block;margin:22px 0 8px;padding:16px 14px 14px;border-radius:22px;
 background:radial-gradient(120% 140% at 0% 0%,#3a2384 0%,var(--fn2) 38%,var(--fn) 100%);color:#fff;position:relative;overflow:hidden;
 box-shadow:0 10px 28px #14123a33;border:1px solid #ffd21f40;font-family:"Nunito","Noto Sans Devanagari",system-ui,sans-serif;text-align:left}
.dndf::before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 4px 4px;
 background:linear-gradient(90deg,#ffd21f,#6c2bd9,#1e5bd8,#f28c28)}
.dndf-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dndf-dots{display:grid;grid-template-columns:repeat(2,9px);gap:3px;flex:none}
.dndf-dots i{width:9px;height:9px;border-radius:50%;display:block}
.dndf-dots i:nth-child(1){background:#ffd21f}.dndf-dots i:nth-child(2){background:#a77bff}.dndf-dots i:nth-child(3){background:#4f8cff}.dndf-dots i:nth-child(4){background:#f28c28}
.dndf-title{display:block;font:800 16px/1.15 "Baloo 2","Noto Sans Devanagari",system-ui,sans-serif;color:#fff;letter-spacing:.01em}
.dndf-sub{display:block;font-size:11.5px;font-weight:700;color:#ffd21f;margin-top:1px}
.dndf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dndf-app{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 9px;border-radius:16px;text-decoration:none;color:#fff;
 background:#ffffff12;border:1px solid #ffffff1f;font:inherit;cursor:pointer;min-width:0;text-align:center;transition:transform .15s,background .15s;-webkit-tap-highlight-color:transparent}
.dndf-app:hover{background:#ffffff1f;transform:translateY(-2px)}
.dndf-app:focus-visible{outline:3px solid #ffd21f;outline-offset:2px}
.dndf-app.on{background:#ffffff26;border-color:#ffd21faa;cursor:default;transform:none}
.dndf-logo{width:56px;height:56px;border-radius:50%;padding:3px;display:block;flex:none;box-shadow:0 4px 12px #0006}
.dndf-logo img{width:100%;height:100%;border-radius:50%;display:block;background:#fff}
.dndf-main .dndf-logo{background:#ffd21f}.dndf-jr .dndf-logo{background:#a77bff}.dndf-study .dndf-logo{background:#4f8cff}.dndf-dpl .dndf-logo{background:#f28c28}
.dndf-name{display:block;font:800 11.5px/1.2 "Baloo 2","Noto Sans Devanagari",system-ui,sans-serif;margin-top:4px;color:#fff;overflow-wrap:anywhere}
.dndf-tag{display:block;font-size:9.5px;line-height:1.25;color:#d9d4f5;font-weight:700;overflow-wrap:anywhere}
.dndf-cta{display:inline-block;margin-top:auto;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#ffd21f;color:#14123a;max-width:100%;line-height:1.25;text-align:center}
.dndf-cta.here{background:#ffffff;color:#2b1a63}
.dndf-note{margin:10px 2px 0;font-size:11px;color:#cfc9ee;font-weight:700}
@media (max-width:359px){.dndf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:700px){.dndf{padding:20px}.dndf-logo{width:66px;height:66px}.dndf-name{font-size:13.5px}.dndf-tag{font-size:11px}.dndf-cta{font-size:11px}}
@media (prefers-reduced-motion:reduce){.dndf-app{transition:none}}