/* एउटै किताब, हजार पाठक — feed card, reader page, profile badges */
.wn-mb-card{background:var(--surface,#fff);border:2px solid var(--ink,#120A08);border-radius:14px;padding:16px;margin:0 0 16px;box-shadow:4px 4px 0 var(--gold,#F7C600)}
.wn-mb-eyebrow{margin:0 0 10px;font-size:.82rem;font-weight:700;color:var(--ink-soft,#4A443B)}
.wn-mb-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.wn-mb-cover{flex:none;width:84px;aspect-ratio:2/3;background:var(--gold,#F7C600) center/cover no-repeat;border:2px solid var(--ink,#120A08);border-left:9px solid var(--gold,#F7C600);border-radius:4px 8px 8px 4px;display:flex;align-items:flex-end;padding:6px;font:700 .8rem/1.25 'Noto Serif Devanagari',serif;color:var(--ink,#120A08);max-width:100%;overflow:hidden}
.wn-mb-main{flex:1;min-width:0}
.wn-mb-main h3{margin:0 0 4px;font:700 1.15rem/1.35 'Noto Serif Devanagari',serif}
.wn-mb-bt{margin:0 0 6px;font-weight:600}
.wn-mb-cnt,.wn-mb-sm{margin:0;font-size:.92rem;color:var(--ink-soft,#4A443B)}
.wn-mb-bar{height:9px;background:var(--line,#D9D2C0);border-radius:99px;overflow:hidden;margin:8px 0 4px}
.wn-mb-bar i{display:block;height:100%;background:#2F8F5B;border-radius:99px;transition:width .3s}
.wn-mb-btn{display:inline-block;margin-top:10px;padding:8px 16px;font-weight:700;font-size:.95rem;color:#120A08;background:var(--gold,#F7C600);border:2px solid #120A08;border-radius:10px;text-decoration:none;cursor:pointer;font-family:inherit}
.wn-mb-btn.alt{background:transparent;color:var(--ink,#120A08)}
.wn-mb-btn:disabled{opacity:.55;cursor:default}
/* reader page */
.wn-mb-page{max-width:60rem;margin:0 auto;padding:24px 16px 56px}
.wn-mb-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media(min-width:860px){.wn-mb-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.wn-mb-side{position:sticky;top:90px}}
.wn-mb-box{background:var(--surface,#fff);border:2px solid var(--ink,#120A08);border-radius:14px;padding:18px}
.wn-mb-part{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line,#D9D2C0)}
.wn-mb-part.on{background:rgba(247,198,0,.14);margin:0 -10px;padding-inline:10px;border-radius:8px}
.wn-mb-part .n{flex:1;min-width:8rem}
.wn-mb-tag{font-size:.8rem;font-weight:700;padding:2px 10px;border-radius:99px;border:1.5px solid var(--line,#D9D2C0);color:var(--ink-soft,#4A443B)}
.wn-mb-tag.ok{border-color:#2F8F5B;color:#2F8F5B}
.wn-mb-note{border-top:1px solid var(--line,#D9D2C0);padding:10px 0}
.wn-mb-note small{color:var(--ink-soft,#4A443B)}
.wn-mb-note a{font-weight:700;color:inherit}
.wn-mb-lock{filter:blur(5px);user-select:none;pointer-events:none}
.wn-mb-form textarea{width:100%;min-height:140px;resize:vertical;font:inherit;padding:10px;border:2px solid var(--ink,#120A08);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#120A08);box-sizing:border-box}
.wn-mb-toast{margin-top:12px;padding:8px 12px;border:1.5px solid #2F8F5B;border-radius:10px;font-weight:700;color:#2F8F5B}
.wn-mb-confirm{margin-top:8px;padding:10px 12px;border:2px solid var(--ink,#120A08);border-radius:10px;background:var(--surface,#fff)}
.wn-mb-badges{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}
.wn-mb-bd{border:2px dashed var(--line,#D9D2C0);border-radius:12px;padding:12px;text-align:center;color:var(--ink-soft,#4A443B)}
.wn-mb-bd.on{border:2px solid var(--ink,#120A08);color:var(--ink,#120A08);box-shadow:3px 3px 0 var(--gold,#F7C600)}
.wn-mb-bd b{display:block}
.wn-mb-bd i{font-style:normal;font-size:1.6rem}
/* profile row */
.wn-mb-prof{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.wn-mb-prof-t{font-size:.8rem;font-weight:700;color:var(--ink-soft,#4A443B)}
.wn-mb-b{display:inline-flex;gap:5px;align-items:center;padding:3px 10px;border-radius:99px;border:1.5px solid var(--ink,#120A08);background:var(--gold,#F7C600);color:#120A08;font-size:.8rem;font-weight:700}
.wn-mb-b i{font-style:normal}
.wn-mb-b small{font-weight:600;opacity:.8}
.wn-mb-b-first{background:#fff6cc}
.wn-mb-b-cover{background:#F7C600}
.wn-mb-b-mid{background:#ffe27a}

.wn-mb-more{display:inline-block;margin:10px 0 0 14px;font-weight:700;font-size:.9rem;color:var(--ink,#120A08)}
.wn-mb-eyebrow a{color:inherit}
/* about page */
.wn-mb-about{max-width:46rem;margin:0 auto;padding:28px 16px 64px;line-height:1.85;font-size:1.05rem}
.wn-mb-about h1{font:700 1.8rem/1.35 'Noto Serif Devanagari',serif;margin:0 0 10px;text-wrap:balance}
.wn-mb-about h2{font:700 1.25rem/1.45 'Noto Serif Devanagari',serif;margin:34px 0 8px}
.wn-mb-about .lead{font-size:1.15rem;color:var(--ink-soft,#4A443B)}
.wn-mb-about ol,.wn-mb-about ul{padding-left:1.3rem}
.wn-mb-about li{margin:6px 0}
.wn-mb-about .wn-mb-who{border:2px solid var(--ink,#120A08);border-radius:14px;padding:14px 18px;margin:12px 0;background:var(--surface,#fff)}
.wn-mb-about .wn-mb-who h3{margin:0 0 4px;font-size:1.05rem}
.wn-mb-about .wn-mb-who p,.wn-mb-about .wn-mb-who ul{margin:0}
.wn-mb-about .wn-mb-q{border-left:4px solid var(--gold,#F7C600);padding:2px 14px;margin:8px 0;font-family:'Noto Serif Devanagari',serif}
.wn-mb-about .wn-mb-vs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:12px 0}
.wn-mb-about .wn-mb-vs div{border:2px dashed var(--line,#D9D2C0);border-radius:12px;padding:12px 14px}
.wn-mb-about .wn-mb-vs .good{border:2px solid var(--ink,#120A08)}
.wn-mb-about .wn-mb-btn{margin-top:18px}
.wn-mb-txt{margin-top:4px;line-height:1.7;overflow-wrap:anywhere}
.wn-mb-link{background:none;border:0;padding:0;margin:4px 0 0;font:inherit;font-weight:700;font-size:.88rem;color:var(--ink,#120A08);text-decoration:underline;cursor:pointer}
.wn-mb-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.wn-mb-act{background:none;border:0;padding:2px 0;font:inherit;font-size:.86rem;font-weight:600;color:var(--ink-soft,#4A443B);cursor:pointer;display:inline-flex;gap:4px;align-items:center}
.wn-mb-act:hover{color:var(--ink,#120A08)}
.wn-mb-act.on{color:#C0392B}
.wn-mb-replies{margin:0 0 4px 14px;border-left:3px solid var(--gold,#F7C600);padding-left:10px}
.wn-mb-reply{border-top:0;padding:8px 0}
.wn-mb-rform{margin:6px 0 10px}
.wn-mb-rform textarea{width:100%;min-height:70px;font:inherit;padding:8px;border:2px solid var(--ink,#120A08);border-radius:8px;background:var(--surface,#fff);color:var(--ink,#120A08);box-sizing:border-box}
.wn-mb-note.hl{background:rgba(247,198,0,.22);border-radius:8px;padding-inline:8px;transition:background .6s}
.wn-mb-cc{display:none;min-width:1.4em;padding:0 6px;margin-left:4px;border-radius:99px;background:var(--gold,#F7C600);color:#120A08;font-size:.8rem;line-height:1.5;text-align:center;border:1.5px solid #120A08}
.wn-mb-cc.has{display:inline-block}
.wn-mb-open .lk{font-size:.9em}