/* ============================================================
   BOARD UPDATES — home ke boxes + /board-updates page
   ------------------------------------------------------------
   Har board ka apna rang (--c1 / --c2, PHP se aata hai).
   "NEW" ka laal sitara sarkari site ke new_star.gif ki yaad me —
   wahi ek cheez jo is section ko pehchaan deti hai.
   ============================================================ */

.bu-scope{
    --bu-ink:#141033;
    --bu-ink-2:#4b4870;
    --bu-mute:#7a7799;
    --bu-line:#e7e6f2;
    --bu-bg:#faf9ff;
    --bu-new:#e11d48;
    font-family:var(--font-main, 'Lexend', 'Noto Sans Devanagari', sans-serif);
}
.bu-scope *,.bu-scope *::before,.bu-scope *::after{box-sizing:border-box;}

/* ---------- live dot ---------- */
.bu-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;position:relative;flex:0 0 8px;}
.bu-live::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #ef4444;opacity:0;
    animation:bu-ping 2.2s ease-out infinite;}
@keyframes bu-ping{0%{transform:scale(.5);opacity:.8;}100%{transform:scale(1.5);opacity:0;}}

/* ---------- NEW sitara ---------- */
.bu-new{
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:28px;height:28px;margin:-4px 5px -4px -2px;vertical-align:middle;
    background:var(--bu-new);color:#fff;font-size:7.5px;font-weight:800;letter-spacing:.2px;line-height:1;
    clip-path:polygon(50% 0%,61% 14%,79% 7%,80% 25%,98% 30%,88% 45%,100% 60%,83% 67%,85% 86%,66% 84%,56% 100%,44% 87%,27% 97%,22% 79%,3% 75%,10% 58%,0% 43%,15% 33%,12% 14%,31% 15%);
    transform:rotate(-12deg);
}
.bu-seen .bu-new{animation:bu-wiggle .9s ease-in-out 1 both;}
@keyframes bu-wiggle{
    0%{transform:rotate(-12deg) scale(.4);}
    45%{transform:rotate(8deg) scale(1.12);}
    70%{transform:rotate(-16deg) scale(.96);}
    100%{transform:rotate(-12deg) scale(1);}
}

/* ---------- ek board ka box ---------- */
.bu-box{
    position:relative;display:flex;flex-direction:column;min-width:0;
    background:#fff;border:1px solid var(--bu-line);border-radius:16px;overflow:hidden;
    box-shadow:0 1px 2px rgba(20,16,51,.04);
}
.bu-band{
    position:relative;display:flex;align-items:center;gap:11px;padding:14px 14px 13px;color:#fff;
    background:
        repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 10px,transparent 10px 20px),
        linear-gradient(120deg,var(--c1),var(--c2));
}
.bu-mono{
    flex:0 0 auto;min-width:44px;height:44px;padding:0 7px;border-radius:12px;background:#fff;
    display:flex;align-items:center;justify-content:center;
    color:var(--c2);font-weight:800;font-size:15px;letter-spacing:-.3px;line-height:1;
    box-shadow:0 3px 0 rgba(0,0,0,.14);
}
.bu-mono.is-long{font-size:12.5px;}
.bu-band-txt{min-width:0;flex:1;}
.bu-band h3{margin:0;font-size:16px;line-height:1.2;font-weight:700;color:#fff;letter-spacing:-.2px;}
.bu-band h3 a{color:inherit;text-decoration:none;}
.bu-band small{display:block;margin-top:3px;font-size:11.5px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bu-today{
    flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;
    background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);
    border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700;white-space:nowrap;
}
.bu-today .bu-live{background:#fff;width:7px;height:7px;flex-basis:7px;}
.bu-today .bu-live::after{border-color:#fff;}

.bu-list{list-style:none;margin:0;padding:4px 0;flex:1;}
.bu-item{position:relative;padding:11px 14px 10px;border-top:1px solid #f0eff7;}
.bu-item:first-child{border-top:0;}
.bu-item a.bu-t{
    display:block;color:var(--bu-ink);text-decoration:none;
    font-size:13.5px;line-height:1.55;font-weight:500;
}
.bu-item a.bu-t:hover{color:var(--c2);}
.bu-item a.bu-t:focus-visible{outline:2px solid var(--c1);outline-offset:3px;border-radius:4px;}
.bu-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bu-item.is-pinned{background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 9%,#fff),#fff);}
.bu-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;font-size:11.5px;color:var(--bu-mute);line-height:1.3;}
.bu-src{min-width:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bu-off{display:inline-flex;align-items:center;gap:4px;color:var(--c2);font-weight:700;}
.bu-off svg{width:13px;height:13px;flex:0 0 13px;}

/* ---- Source type + reliability badge, category, class ---- */
.bu-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px;}
.bu-rel{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 6px;border-radius:7px;
    font-size:10.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap;
    color:var(--rl);background:color-mix(in srgb,var(--rl) 11%,#fff);border:1px solid color-mix(in srgb,var(--rl) 28%,#fff);}
.bu-rel svg{width:13px;height:13px;flex:0 0 13px;}
.bu-rel--official{--rl:#15803d;}
.bu-rel--reported{--rl:#1d4ed8;}
.bu-rel--expected{--rl:#b45309;}
.bu-rel--unverified{--rl:#be123c;}
.bu-cat,.bu-cls{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;font-size:10.5px;font-weight:700;white-space:nowrap;
    color:var(--bu-ink-2);background:var(--bu-bg);border:1px solid var(--bu-line);}
.bu-cls{color:var(--c2);background:color-mix(in srgb,var(--c1) 8%,#fff);border-color:color-mix(in srgb,var(--c1) 22%,#fff);}
.bu-top .bu-new{margin:-3px 0 -3px auto;}
.bu-desc{margin:5px 0 0;font-size:12.5px;line-height:1.6;color:var(--bu-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bu-item.has-img{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;}
.bu-item.has-img .bu-item-in{grid-column:2;min-width:0;}
.bu-thumb{position:relative;display:block;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:var(--bu-bg);margin-top:2px;}
.bu-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.bu-play{position:absolute;left:50%;top:50%;width:30px;height:22px;margin:-11px 0 0 -15px;border-radius:7px;background:#e11d48;}
.bu-play::after{content:'';position:absolute;left:12px;top:6px;border-left:9px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.bu-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;}
.bu-dot--official{background:#15803d;} .bu-dot--reported{background:#1d4ed8;} .bu-dot--expected{background:#d97706;} .bu-dot--unverified{background:#be123c;}
.bu-pdf{font-size:9.5px;font-weight:800;color:#b91c1c;border:1px solid #fecaca;background:#fff5f5;border-radius:4px;padding:1px 4px;letter-spacing:.3px;}
.bu-pin{font-size:10px;font-weight:700;color:var(--c2);}
.bu-more-src{font-size:10.5px;font-weight:600;color:var(--bu-ink-2);background:var(--bu-bg);border:1px solid var(--bu-line);border-radius:20px;padding:1px 7px;}
.bu-when{display:inline-flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--bu-ink-2);font-weight:600;}
.bu-when svg{width:12px;height:12px;flex:0 0 12px;opacity:.7;}

.bu-empty{padding:26px 16px;text-align:center;color:var(--bu-mute);font-size:13px;line-height:1.6;}
.bu-empty b{display:block;color:var(--bu-ink-2);font-size:13.5px;margin-bottom:2px;}

.bu-foot{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    padding:11px 14px;border-top:1px dashed var(--bu-line);background:#fcfcff;
    font-size:12.5px;font-weight:700;color:var(--c2);text-decoration:none;
}
.bu-foot:hover{background:color-mix(in srgb,var(--c1) 7%,#fff);}
.bu-foot span:last-child{transition:transform .15s;}
.bu-foot:hover span:last-child{transform:translateX(3px);}

/* ============================================================
   HOME — side-scroll cards: har board ka ek card, uski latest N khabar
   ============================================================ */
.bu-home{padding:52px 0 56px;background:#fff;border-top:1px solid var(--bu-line);border-bottom:1px solid var(--bu-line);}
.bu-home .hx-kick{gap:8px;}
.bu-home-note{margin-top:8px !important;font-size:12.5px !important;color:var(--bu-mute) !important;}
.bu-home .hx-headrow{margin-bottom:18px;}
.bu-headright{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}

/* ---- scroller ---- */
/* Scroller container ke dono taraf 20px bahar tak jaata hai (container ki
   padding), taaki card kinare se "nikalte hue" dikhein — aur fade bilkul
   screen ke kinare par lage. Rail ki apni padding card ko wapas container
   ki line me le aati hai. */
.bu-scroll{position:relative;margin:0 -20px;}
.bu-rail{
    display:flex;gap:16px;align-items:stretch;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:6px 20px 18px;              /* 6px upar — card ka shadow na kate */
    scroll-padding-left:20px;
}
.bu-rail::-webkit-scrollbar{display:none;}
.bu-rail > .bu-box{flex:0 0 360px;scroll-snap-align:start;min-height:100%;}
.bu-rail .bu-list{flex:1;}

/* kinare par halka fade — "aur bhi hai" ka ishaara */
.bu-scroll::before,.bu-scroll::after{
    content:'';position:absolute;top:0;bottom:var(--bu-fade-bottom,18px);width:34px;z-index:2;pointer-events:none;
    opacity:0;transition:opacity .18s;
}
/* Chips / tabs wali patli line ke liye — na negative margin, na neeche ki jagah */
.bu-scroll--flat{margin:0;--bu-fade-bottom:0px;min-width:0;flex:1;}
.bu-scroll--flat::before,.bu-scroll--flat::after{width:28px;}
.bu-scroll::before{left:0;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0));}
.bu-scroll::after{right:0;background:linear-gradient(270deg,#fff 30%,rgba(255,255,255,0));}
.bu-scroll.can-prev::before,.bu-scroll.can-next::after{opacity:1;}

/* ---- aage/peeche ke button ---- */
.bu-arrows{display:inline-flex;gap:8px;}
.bu-arrow{
    width:38px;height:38px;flex:0 0 38px;border-radius:50%;
    border:1px solid var(--bu-line);background:#fff;color:var(--bu-ink);
    display:flex;align-items:center;justify-content:center;cursor:pointer;
    transition:background .15s,border-color .15s,opacity .15s;
}
.bu-arrow svg{width:17px;height:17px;}
.bu-arrow:hover:not(:disabled){background:var(--bu-ink);border-color:var(--bu-ink);color:#fff;}
.bu-arrow:disabled{opacity:.32;cursor:default;}
.bu-arrow:focus-visible{outline:2px solid #6d28d9;outline-offset:2px;}

/* ---- dots (mobile) ---- */
.bu-dots{display:none;justify-content:center;gap:6px;margin-top:4px;}
.bu-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#d9d7ea;cursor:pointer;transition:width .18s,background .18s;}
.bu-dots button.is-on{background:var(--bu-ink);width:22px;border-radius:6px;}

.bu-legend{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--bu-mute);}

@media (max-width:1180px){
    .bu-rail > .bu-box{flex-basis:340px;}
}
@media (max-width:860px){
    .bu-arrows{display:none;}
    .bu-dots{display:flex;}
}
@media (max-width:640px){
    .bu-home{padding:38px 0 42px;}
    .bu-rail{gap:12px;}
    .bu-rail > .bu-box{flex-basis:86%;}
    .bu-legend{gap:6px 14px;font-size:11.5px;}
}

/* ============================================================
   PAGE — /board-updates
   ============================================================ */
.bu-page{background:var(--bu-bg);padding-bottom:64px;}

/* ---- hero: notice board ---- */
.bu-hero{position:relative;background:var(--bu-ink);color:#fff;overflow:hidden;}
.bu-hero::before{
    content:'';position:absolute;inset:0;opacity:.5;pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px);
    background-size:18px 18px;
}
.bu-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;padding:52px 0 58px;}
.bu-hero h1{margin:0 0 14px;font-size:clamp(32px,5.2vw,56px);line-height:1.02;letter-spacing:-1.6px;font-weight:800;color:#fff;}
.bu-hero h1 em{font-style:normal;display:block;font-size:.42em;letter-spacing:-.2px;font-weight:600;color:#c9c5f2;margin-top:10px;line-height:1.3;}
.bu-hero p{margin:0 0 22px;max-width:52ch;font-size:15px;line-height:1.75;color:#d7d4f5;}
.bu-status{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:#d7d4f5;margin-bottom:20px;}
.bu-search{position:relative;max-width:480px;}
.bu-search input{
    width:100%;height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:14.5px;padding:0 16px 0 46px;
}
.bu-search input::placeholder{color:#a9a5d6;}
.bu-search input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.13);}
.bu-search svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);opacity:.7;}

/* pinned slips — sabse nayi 3 khabar */
.bu-slips{position:relative;display:flex;flex-direction:column;padding-top:8px;}
.bu-slip{
    position:relative;display:block;text-decoration:none;color:var(--bu-ink);
    background:#fff;border-radius:6px;padding:20px 20px 16px;
    box-shadow:0 14px 30px rgba(0,0,0,.35);
    border-top:6px solid var(--c1);
}
.bu-slip::before{ /* pin */
    content:'';position:absolute;top:-13px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;
    background:radial-gradient(circle at 35% 35%,#fff 0 2px,var(--c2) 3px);
    box-shadow:0 2px 3px rgba(0,0,0,.4);
}
.bu-slip:nth-child(1){transform:rotate(-2.2deg);margin:0 30px 0 0;z-index:1;}
.bu-slip:nth-child(2){transform:rotate(1.6deg); margin:-6px 0 0 34px;z-index:2;}
.bu-slip:nth-child(3){transform:rotate(-1deg); margin:-6px 18px 0 10px;z-index:3;}
.bu-slip:hover{z-index:5;transform:rotate(0) translateY(-3px);}
.bu-slip .bu-slip-b{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:var(--c2);margin-bottom:6px;letter-spacing:.2px;}
.bu-slip .bu-slip-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.5;font-weight:600;}
.bu-slip .bu-slip-w{margin-top:8px;font-size:11.5px;color:var(--bu-mute);}
.bu-slips.bu-seen .bu-slip{animation:bu-drop .6s cubic-bezier(.2,.9,.3,1.2) both;}
.bu-slips.bu-seen .bu-slip:nth-child(2){animation-delay:.12s;}
.bu-slips.bu-seen .bu-slip:nth-child(3){animation-delay:.24s;}
@keyframes bu-drop{from{opacity:0;translate:0 -24px;}to{opacity:1;translate:0 0;}}

.bu-ribbon{display:flex;height:6px;}
.bu-ribbon span{flex:1;background:linear-gradient(90deg,var(--c1),var(--c2));}

/* ---- filter bar ---- */
/* NOTE: is site par position:sticky kaam nahi karta (html/body overflow-x:hidden),
   isliye bar seedha page ke flow me hai */
.bu-bar{position:relative;z-index:2;background:#fff;border-bottom:1px solid var(--bu-line);}
.bu-bar-in{display:flex;align-items:center;gap:12px;padding:12px 0;}
.bu-chips{
    display:flex;gap:7px;min-width:0;padding:2px;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
}
.bu-chips::-webkit-scrollbar{display:none;}
.bu-chips .bu-chip{scroll-snap-align:start;}
.bu-bar .bu-arrows{margin-left:2px;}
.bu-bar .bu-arrow{width:32px;height:32px;flex-basis:32px;}
.bu-bar .bu-arrow svg{width:15px;height:15px;}
.bu-chip{
    flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;
    border-radius:20px;border:1px solid var(--bu-line);background:#fff;color:var(--bu-ink);
    font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;
}
.bu-chip i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--c1,#6d28d9),var(--c2,#4f46e5));}
.bu-chip b{font-size:10.5px;background:var(--bu-new);color:#fff;border-radius:10px;padding:1px 6px;}
.bu-chip:hover{border-color:var(--c1,#6d28d9);}
.bu-chip.is-on{background:var(--bu-ink);border-color:var(--bu-ink);color:#fff;}
.bu-chip:focus-visible,.bu-seg button:focus-visible{outline:2px solid #6d28d9;outline-offset:2px;}
.bu-seg{flex:0 0 auto;display:inline-flex;background:#fff;border:1px solid var(--bu-line);border-radius:12px;padding:3px;}
.bu-seg button{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--bu-ink-2);
    padding:6px 11px;border-radius:9px;cursor:pointer;}
.bu-seg button.is-on{background:#efeefe;color:var(--bu-ink);}
.bu-bar-in.bu-bar-in--2{padding-top:0;gap:14px;flex-wrap:wrap;}
@media (max-width:860px){
    .bu-bar-in{flex-wrap:wrap;}
    .bu-bar .bu-arrows{display:none;}
    .bu-bar-in > .bu-seg{order:2;}
    .bu-bar-in > .bu-scroll--flat{order:1;flex:1 0 100%;}
}
/* Category ki line lambi ho jaati hai (8 tab) — isliye ye bhi side scroll
   karti hai, wrap nahi hoti (do-teen line ki bheed nahi banti). */
.bu-tabs{
    display:flex;align-items:center;gap:4px;flex-wrap:nowrap;min-width:0;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
}
.bu-tabs::-webkit-scrollbar{display:none;}
.bu-tabs span,.bu-tabs button{flex:0 0 auto;white-space:nowrap;}
.bu-tabs span{font-size:11.5px;font-weight:700;color:var(--bu-mute);margin-right:4px;}
.bu-tabs button{border:1px solid transparent;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--bu-ink-2);
    padding:6px 10px;border-radius:9px;cursor:pointer;}
.bu-tabs button:hover{background:var(--bu-bg);}
.bu-tabs button.is-on{background:var(--bu-ink);color:#fff;}
.bu-tabs button:focus-visible{outline:2px solid #6d28d9;outline-offset:2px;}
.bu-tabs--cat button.is-on{background:#e11d48;}

/* ---- board groups ---- */
.bu-group{padding-top:36px;}
.bu-group-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;}
.bu-group-h h2{margin:0;font-size:22px;color:var(--bu-ink);letter-spacing:-.4px;}
.bu-group-h p{margin:0;font-size:13px;color:var(--bu-mute);}
.bu-grid{display:grid;gap:18px;align-items:start;}
.bu-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.bu-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.bu-page .bu-band{padding:18px 18px 16px;gap:13px;}
.bu-page .bu-mono{min-width:52px;height:52px;font-size:17px;}
.bu-page .bu-mono.is-long{font-size:14px;}
.bu-page .bu-band h3{font-size:18px;}
.bu-page .bu-band small{white-space:normal;line-height:1.45;}
.bu-page .bu-item{padding:13px 18px 12px;}
.bu-page .bu-item a.bu-t{font-size:14.5px;}
.bu-page .bu-item.has-img{grid-template-columns:104px minmax(0,1fr);}
.bu-others-chips{display:flex;flex-wrap:wrap;gap:8px;}
.bu-others-chips a{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:12px;border:1px solid var(--bu-line);background:#fff;
    color:var(--bu-ink);font-size:13px;font-weight:600;text-decoration:none;}
.bu-others-chips a:hover{border-color:var(--c1);}
.bu-others-chips i{min-width:26px;height:26px;padding:0 5px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:10px;font-weight:800;background:linear-gradient(135deg,var(--c1),var(--c2));}
.bu-site{font-size:11.5px;color:#fff;opacity:.9;text-decoration:underline;text-underline-offset:2px;}
.bu-site:hover{opacity:1;}
.bu-item[hidden],.bu-box[hidden],.bu-group[hidden]{display:none !important;}
.bu-nohit{display:none;padding:22px 18px;text-align:center;color:var(--bu-mute);font-size:13px;}
.bu-box.is-nohit .bu-nohit{display:block;}
mark.bu-hl{background:#fde68a;color:inherit;border-radius:3px;padding:0 1px;}

/* ---- ek board chuna (chip) — box poori chaudai me, khabar 2 column me ---- */
.bu-page.is-solo .bu-grid{grid-template-columns:1fr;}
.bu-page.is-solo .bu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;}
.bu-page.is-solo .bu-item{border-top:0;border-bottom:1px solid #f0eff7;}
.bu-page.is-solo .bu-item:nth-child(odd){border-right:1px solid #f0eff7;}
.bu-page.is-solo .bu-group-h p{display:none;}
@media (max-width:680px){
    .bu-page.is-solo .bu-list{grid-template-columns:1fr;}
    .bu-page.is-solo .bu-item:nth-child(odd){border-right:0;}
}

/* ---- single board ---- */
.bu-hero--board{background:linear-gradient(120deg,var(--c1),var(--c2));}
.bu-hero--board .bu-hero-in{grid-template-columns:minmax(0,1fr) auto;padding:40px 0 44px;}
.bu-hero--board h1{font-size:clamp(28px,4.4vw,46px);}
.bu-hero--board p{color:rgba(255,255,255,.9);}
.bu-back{display:inline-flex;align-items:center;gap:6px;color:#fff;opacity:.9;font-size:13px;font-weight:600;text-decoration:none;margin-bottom:14px;}
.bu-back:hover{opacity:1;text-decoration:underline;}
.bu-bigmono{width:120px;height:120px;border-radius:28px;background:#fff;color:var(--c2);display:flex;align-items:center;justify-content:center;
    font-size:38px;font-weight:800;letter-spacing:-1px;box-shadow:0 10px 0 rgba(0,0,0,.15);transform:rotate(-4deg);}
.bu-solo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;padding-top:30px;}
.bu-side{display:flex;flex-direction:column;gap:14px;}
.bu-card{background:#fff;border:1px solid var(--bu-line);border-radius:16px;padding:18px;}
.bu-card h4{margin:0 0 10px;font-size:14.5px;color:var(--bu-ink);}
.bu-card p{margin:0 0 12px;font-size:13px;line-height:1.7;color:var(--bu-ink-2);}
.bu-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 15px;border-radius:11px;
    background:var(--bu-ink);color:#fff;font-size:13px;font-weight:700;text-decoration:none;}
.bu-btn:hover{background:#2a2466;color:#fff;}
.bu-others{display:flex;flex-direction:column;gap:6px;}
.bu-others a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--bu-ink);text-decoration:none;font-size:13.5px;font-weight:600;}
.bu-others a:hover{background:var(--bu-bg);}
.bu-others i{min-width:28px;height:28px;padding:0 4px;border-radius:8px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
    color:#fff;font-style:normal;font-size:10px;font-weight:800;background:linear-gradient(135deg,var(--c1),var(--c2));}

/* ---- note ---- */
.bu-note{margin-top:40px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:#fff;
    border:1px solid var(--bu-line);border-radius:16px;padding:20px 22px;}
.bu-note-ico{width:42px;height:42px;border-radius:12px;background:#fff7ed;color:#c2410c;display:flex;align-items:center;justify-content:center;}
.bu-note h3{margin:0 0 6px;font-size:15px;color:var(--bu-ink);}
.bu-note p{margin:0;font-size:13.5px;line-height:1.75;color:var(--bu-ink-2);}
.bu-note a{color:#4f46e5;font-weight:600;}

/* ---- "nayi updates aayi" ---- */
.bu-toast{
    position:fixed;left:50%;bottom:22px;z-index:90;transform:translate(-50%,120px);
    display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:30px;border:0;
    background:var(--bu-ink,#141033);color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;
    box-shadow:0 12px 30px rgba(20,16,51,.35);transition:transform .35s cubic-bezier(.2,.9,.3,1.2);
}
.bu-toast.is-on{transform:translate(-50%,0);}

@media (max-width:980px){
    .bu-hero-in{grid-template-columns:1fr;gap:28px;padding:40px 0 44px;}
    .bu-slips{gap:12px;padding-top:0;}
    .bu-slip{margin:0 !important;transform:none !important;}
    .bu-slip::before{display:none;}
    .bu-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
    .bu-solo{grid-template-columns:1fr;}
    .bu-hero--board .bu-hero-in{grid-template-columns:1fr;}
    .bu-bigmono{display:none;}
}
@media (max-width:680px){
    .bu-grid--3,.bu-grid--2{grid-template-columns:1fr;}
    /* NOTE: yahan flex-direction:column NAHI — column + wrap milkar container
       ko chaudai me badha deta hai, aur chips scroll hone ki jagah bahar nikal
       jaate hain. 860px wali line pehle hi har hissa apni row me daal deti hai. */
    .bu-bar-in{gap:8px;}
    .bu-seg{align-self:flex-start;}
    .bu-group-h{flex-direction:column;gap:4px;}
    .bu-slip:nth-child(3){display:none;}
    .bu-note{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion:reduce){
    .bu-live::after,.bu-seen .bu-new,.bu-slips.bu-seen .bu-slip{animation:none !important;}
    .bu-toast{transition:none;}
}