/* Arial resized to Poppins metrics: the swap from fallback to Poppins no longer reflows text (layout shift) */
@font-face{font-family:"Poppins Fallback";src:local("Arial"),local("Helvetica");size-adjust:112%;ascent-override:93.75%;descent-override:31.25%;line-gap-override:8.33%}
/* =====================================================================
   BOARD PORTAL DESIGN  —  body.ds-board
   Loaded only when Site Manager → Theme → Site Design = "Board Portal".
   Navy + orange government-portal look, Poppins, panel cards, gentle
   motion. Everything is scoped under .ds-board so switching the design
   back to Default restores the previous look instantly.
   ===================================================================== */
body.ds-board{
  --brand:#002060; --brand-dark:#001744; --brand-light:#e8edf8;
  --accent:#bc460b; --accent-dark:#9a3a09; --accent-soft:#fbf4f1;
  --slate:#6a728d; --link:#0b57d0; --topbar:#3b3b3b;
  --ink:#333333; --muted:#6b7280; --line:#e3e6ee; --bg:#f6f7fb;
  --hdr-bg:#ffffff; --hdr-text:#1d2b4f; --hdr-topbar:#3b3b3b; --hdr-accent:#bc460b;
  --ftr-bg:#002060; --ftr-text:#d2def5; --ftr-head:#ffffff;
  --bd-shadow:0 2px 10px rgba(0,32,96,.07); --bd-shadow-hover:0 10px 26px rgba(0,32,96,.16);
  --bd-ease:cubic-bezier(.22,.61,.36,1);
  font-family:Poppins,"Poppins Fallback","Noto Sans Devanagari",sans-serif; background:var(--bg); color:var(--ink);
}
body.ds-board h1,body.ds-board h2,body.ds-board h3,body.ds-board h4,body.ds-board h5,body.ds-board h6{font-family:Poppins,"Poppins Fallback","Noto Sans Devanagari",sans-serif}
body.ds-board{--bd-gutter:clamp(12px,2vw,32px);--bd-max:2000px}
body.ds-board main.container{margin-left:auto;margin-right:auto;max-width:var(--bd-max);padding-left:var(--bd-gutter);padding-right:var(--bd-gutter);padding-top:16px}

/* ---------- animation primitives ---------- */
@keyframes bdSlideUp{from{transform:translateY(10px)}to{transform:none}}
@keyframes bdFadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes bdFadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes bdPulse{0%{box-shadow:0 0 0 0 rgba(188,70,11,.55)}70%{box-shadow:0 0 0 14px rgba(188,70,11,0)}100%{box-shadow:0 0 0 0 rgba(188,70,11,0)}}
@keyframes bdBlink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes bdFlow{to{background-position:-24px 0}}
@keyframes bdLive{0%{box-shadow:0 0 0 0 rgba(67,209,122,.6)}100%{box-shadow:0 0 0 9px rgba(67,209,122,0)}}
.ds-board.bd-js .bd-reveal.bd-hide{opacity:0}   /* only ever set by JS, and only for sections below the fold */
.ds-board.bd-js .bd-reveal.in{animation:bdFadeIn .6s var(--bd-ease) both;animation-delay:var(--d,0s)}

/* ---------- utility bar (dark, like a government portal) ---------- */
.ds-board .util-strip{background:var(--topbar);color:#d8dbe3;font-size:12.5px}
.ds-board .util-strip .container{max-width:var(--bd-max);padding:0 var(--bd-gutter);min-height:38px}
.ds-board .util-strip .group:first-child{opacity:.9}
.ds-board .util-strip a,.ds-board .util-strip .fs-btn{color:#d8dbe3}
.ds-board .util-strip .fs-btn{border:0;border-right:1px solid rgba(255,255,255,.25);border-radius:0;padding:2px 9px;transition:color .3s ease,background .3s ease}
.ds-board .util-strip .fs-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.ds-board .util-strip .sep{display:none}
.ds-board .util-strip .lang{background:#fff;color:#333;border-radius:6px;padding:4px 12px;font-weight:500;transition:all .3s ease}
.ds-board .util-strip .lang + .lang{margin-left:-6px;border-radius:0 6px 6px 0}
.ds-board .util-strip .lang:not(.active){background:rgba(255,255,255,.14);color:#e5e7ee}
.ds-board .util-strip .lang.active{color:#001744;text-decoration:none;font-weight:600}
.ds-board .util-strip .hl-pill{background:var(--accent);color:#fff;border-radius:8px;padding:5px 14px;font-weight:600;letter-spacing:.03em;font-size:12px;transition:background .3s ease,transform .3s ease}
.ds-board .util-strip .hl-pill:hover{background:var(--accent-dark);text-decoration:none;transform:translateY(-1px)}
.ds-board .util-strip .hl-pill i{margin-right:4px;animation:bdBlink 2.2s ease-in-out infinite}

/* ---------- title row ---------- */
.ds-board .site-header{background:#fff;color:var(--hdr-text);border-bottom:1px solid var(--line)}
.ds-board .site-header .container{max-width:var(--bd-max);justify-content:space-between;padding:14px var(--bd-gutter);gap:22px}
.ds-board .site-header .titles{text-align:center;order:2}
.ds-board .site-header .emblem,.ds-board .site-header .hdr-logo-img{order:1;flex:none}
.ds-board .site-header .emblem{background:var(--brand);color:#fff;width:66px;height:66px;font-size:20px;box-shadow:0 4px 14px rgba(0,32,96,.25);border:3px solid #fff;outline:2px solid var(--brand)}
.ds-board .site-header .hdr-logo-img{height:66px;background:transparent!important;padding:0!important}
.ds-board .site-header .titles h1{font-size:clamp(17px,2.1vw,25px);font-weight:600;color:var(--brand);letter-spacing:.1px}
.ds-board .site-header .titles .mr{font-size:14px;opacity:1;color:#3d4a6b;font-weight:500}
.ds-board .site-header .titles .sub{font-size:11.5px;opacity:1;color:var(--muted);letter-spacing:.06em;font-weight:500}
.ds-board .site-header .side-box{order:3;color:var(--ink);opacity:1;min-width:150px}
.ds-board .site-header .side-box .big{color:var(--accent);font-weight:700}
.ds-board .site-header .side-box .btn-light{background:var(--brand);color:#fff;border-color:var(--brand)}
@media(max-width:768px){
  .ds-board .site-header .container{flex-direction:column;text-align:center;gap:8px}
  .ds-board .site-header .titles,.ds-board .site-header .side-box,.ds-board .site-header .emblem,.ds-board .site-header .hdr-logo-img{order:initial}
  .ds-board .site-header .side-box{text-align:center}
}

/* ---------- navy menu bar ---------- */
.ds-board .site-nav{background:var(--brand);border-bottom:0;box-shadow:0 3px 12px rgba(0,32,96,.25);position:relative;z-index:1020}
.ds-board .site-nav .container{max-width:var(--bd-max);padding:0 calc(var(--bd-gutter) - 4px)}
.ds-board .site-nav a.nav-item{color:#d2def5;font-weight:500;font-size:14.5px;padding:14px 16px;border-bottom:3px solid transparent;margin-bottom:0;position:relative;transition:color .3s ease,background .3s ease}
.ds-board .site-nav a.nav-item::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--bd-ease)}
.ds-board .site-nav a.nav-item:hover,.ds-board .site-nav a.nav-item.active{color:#fff;background:rgba(255,255,255,.07);border-bottom-color:transparent;text-decoration:none}
.ds-board .site-nav a.nav-item:hover::after,.ds-board .site-nav a.nav-item.active::after{transform:scaleX(1)}
.ds-board .site-nav .sub-menu{background:#fff;border:0;border-top:3px solid var(--accent);border-radius:0 0 10px 10px;box-shadow:0 18px 38px rgba(0,32,96,.22);animation:bdFadeDown .28s var(--bd-ease)}
.ds-board .site-nav .sub-menu a{color:var(--brand);font-weight:500;transition:all .25s ease}
.ds-board .site-nav .sub-menu a:hover{background:var(--accent-soft);color:var(--accent);padding-left:22px}
.ds-board .site-nav .nav-cta{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:50px;padding:6px 18px;font-weight:600;transition:all .3s ease}
.ds-board .site-nav .nav-cta:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}
.ds-board .site-nav .nav-toggle{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
@media(max-width:992px){
  .ds-board .site-nav a.nav-item{border-bottom:1px solid rgba(255,255,255,.12);padding:12px 8px}
  .ds-board .site-nav a.nav-item::after{display:none}
  .ds-board .site-nav .sub-menu{background:rgba(255,255,255,.07);box-shadow:none;animation:none}
  .ds-board .site-nav .sub-menu a{color:#d2def5;border-bottom-color:rgba(255,255,255,.1)}
  .ds-board .site-nav .sub-menu a:hover{background:rgba(255,255,255,.1);color:#fff;padding-left:34px}
}

/* ---------- announcements strip (ticker style "board") ---------- */
.ds-board .tkr-wrap{max-width:var(--bd-max);margin:0 auto;padding:12px var(--bd-gutter) 0}
.ds-board .tkr-board{display:flex;align-items:stretch;background:var(--accent-soft);border:1px solid #f0dcd2;border-radius:10px;overflow:hidden;color:var(--accent);min-height:40px;box-shadow:0 2px 8px rgba(188,70,11,.08)}
.ds-board .tkr-board .tag{background:var(--accent);color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px;padding:0 22px 0 18px;white-space:nowrap;position:relative;z-index:2}
.ds-board .tkr-board .tag svg{animation:bdPulse 2.4s ease-out infinite;border-radius:50%}
.ds-board .tkr-board .tw{display:flex;align-items:center}
.ds-board .tkr-board .track{padding:9px 0}
.ds-board .tkr-board .itm a{color:var(--accent);font-weight:500;font-size:14px;transition:color .3s ease}
.ds-board .tkr-board .itm a:hover{color:var(--brand);text-decoration:none}
.ds-board .tkr-board .itm svg{color:var(--accent);opacity:.7}
.ds-board .tkr-board .pp{border:0;background:var(--accent);color:#fff;width:36px;flex:none;cursor:pointer;transition:background .3s ease}
.ds-board .tkr-board .pp:hover{background:var(--accent-dark)}
.ds-board .tkr-board.paused .track{animation-play-state:paused}
body.ds-board > .tkr-wrap{display:block}

/* ---------- headings & page chrome ---------- */
.ds-board .page-title{color:var(--brand);font-weight:600}
.ds-board main.container{padding-top:22px}

/* ---------- buttons: orange, rounded, animated ---------- */
.ds-board .btn{border-radius:10px;font-weight:500;transition:all .3s ease}
.ds-board .btn-primary{--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-hover-bg:var(--accent-dark);--bs-btn-hover-border-color:var(--accent-dark);--bs-btn-active-bg:var(--accent-dark);--bs-btn-active-border-color:var(--accent-dark);--bs-btn-disabled-bg:var(--accent);--bs-btn-disabled-border-color:var(--accent);--bs-btn-focus-shadow-rgb:188,70,11;color:#fff}
.ds-board .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(188,70,11,.35)}
.ds-board .btn-outline-primary{--bs-btn-color:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-hover-bg:var(--accent);--bs-btn-hover-border-color:var(--accent);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--accent-dark);--bs-btn-active-border-color:var(--accent-dark)}
.ds-board .btn-outline-primary:hover{transform:translateY(-2px)}
.ds-board .btn-secondary,.ds-board .btn-dark{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark)}
.ds-board .btn-light{--bs-btn-hover-bg:var(--accent-soft)}
.ds-board .text-primary{color:var(--brand)!important}
.ds-board .badge.text-bg-primary{background:var(--brand)!important}

/* ---------- cards, panels, tables, forms ---------- */
.ds-board .info-card,.ds-board .tile,.ds-board .stat,.ds-board .qlink,.ds-board .card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--bd-shadow);transition:transform .3s ease,box-shadow .3s ease}
.ds-board .info-card:hover,.ds-board .tile:hover,.ds-board .qlink:hover{box-shadow:var(--bd-shadow-hover);transform:translateY(-2px)}
.ds-board .info-card .card-head{background:var(--slate);color:#fff;border-bottom:0;border-radius:9px 9px 0 0;font-weight:500;padding:11px 16px}
.ds-board .info-card .card-head a{color:#fff;text-decoration:underline}
.ds-board .tile .ic,.ds-board .qlink .ic,.ds-board .stat .ic{background:var(--accent-soft);color:var(--accent)}
.ds-board .tile .n,.ds-board .stat .n{color:var(--brand)}
.ds-board .table thead th{background:var(--brand);color:#fff;text-transform:none;font-weight:500;letter-spacing:0;border-color:var(--brand)}
.ds-board .table-hover>tbody>tr{transition:background .25s ease}
.ds-board .table-hover>tbody>tr:hover>*{--bs-table-hover-bg:var(--accent-soft)}
.ds-board .form-control,.ds-board .form-select{border-radius:8px;border-color:#cfd5e4;transition:border-color .3s ease,box-shadow .3s ease}
.ds-board .form-control:focus,.ds-board .form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(0,32,96,.15)}
.ds-board .form-label{color:#2b3557;font-weight:500}
.ds-board .page-link{color:var(--brand)}
.ds-board .page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}
.ds-board .alert{border-radius:10px}
.ds-board .timeline .ev.live::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgba(188,70,11,.25)}
.ds-board .timeline .ev .d{color:var(--accent)}
.ds-board .hero{border-radius:14px;background:linear-gradient(120deg,var(--brand),#0b3a99)}
.ds-board .hero .btn-light{color:var(--accent)}
.ds-board #toTop{background:var(--accent);color:#fff;border-radius:50%;box-shadow:0 6px 16px rgba(188,70,11,.4);transition:transform .3s ease,background .3s ease}
.ds-board #toTop:hover{background:var(--accent-dark);transform:translateY(-3px)}
.ds-board .skip-link:focus{background:var(--accent);color:#fff}

/* =====================================================================
   HOMEPAGE — "board" template
   ===================================================================== */
.ds-board .bd-intro{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:10px;padding:18px 24px;box-shadow:var(--bd-shadow);margin-bottom:16px}
.ds-board .bd-intro h2{font-size:clamp(19px,2.2vw,26px);font-weight:600;margin:8px 0 4px}
.ds-board .bd-intro p{margin:0;color:var(--muted);max-width:74ch;font-size:14px}
.ds-board .bd-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent);border-radius:30px;padding:3px 14px;font-size:12px;font-weight:600}
.ds-board .bd-live{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:bdLive 1.6s ease-out infinite}
.ds-board .bd-intro-cta{display:flex;flex-wrap:wrap;gap:10px}

.ds-board .bd-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--bd-shadow);overflow:hidden;transition:box-shadow .3s ease}
.ds-board .bd-panel:hover{box-shadow:var(--bd-shadow-hover)}
.ds-board .bd-panel-hd{background:var(--slate);color:#fff;font-weight:500;font-size:17px;padding:11px 18px;display:flex;align-items:center;gap:10px}
.ds-board .bd-title{color:#0a6ea8;font-weight:500;font-size:16.5px;padding:14px 20px 4px;border-bottom:0}
.ds-board .bd-more{text-align:right;padding:6px 18px 12px;font-size:13px}
.ds-board .bd-more a{color:var(--link)}
.ds-board .bd-more a:hover{color:var(--accent)}

/* quick-services menu (icon badges, smooth open, help tile) */
.ds-board .bd-menu{display:flex;flex-direction:column;background:#fff}
.ds-board .bd-acc{padding:14px;display:flex;flex-direction:column;gap:10px}
.ds-board .bd-acc .accordion-item{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .3s ease,box-shadow .3s ease}
.ds-board .bd-acc .accordion-item:hover{border-color:#f0c7b0;box-shadow:0 4px 14px rgba(188,70,11,.10)}
.ds-board .bd-acc .accordion-item:has(.accordion-button:not(.collapsed)){border-color:var(--brand);box-shadow:0 8px 22px rgba(0,32,96,.16)}
.ds-board .bd-acc .accordion-header{margin:0;font-size:inherit}
.ds-board .bd-acc .accordion-button{display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);font-weight:500;padding:11px 14px;border-radius:0!important;box-shadow:none;transition:background .3s ease,color .3s ease}
.ds-board .bd-acc .accordion-button:hover{background:var(--accent-soft)}
.ds-board .bd-acc .accordion-button:not(.collapsed){background:linear-gradient(115deg,var(--brand),#0b3a99);color:#fff}
.ds-board .bd-acc .accordion-button::after{filter:none;background-size:.9rem;opacity:.55;transition:transform .35s ease,opacity .3s ease}
.ds-board .bd-acc .accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1);opacity:1}
.ds-board .bd-mi{flex:none;width:40px;height:40px;border-radius:11px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .3s ease,color .3s ease,transform .35s ease}
.ds-board .bd-acc .accordion-button:hover .bd-mi{transform:rotate(-8deg) scale(1.06)}
.ds-board .bd-acc .accordion-button:not(.collapsed) .bd-mi{background:var(--accent);color:#fff}
.ds-board .bd-mt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ds-board .bd-mt b{font-weight:500;font-size:14.5px}
.ds-board .bd-mt small{font-size:11.5px;opacity:.7;margin-top:1px}
.ds-board .bd-acc .accordion-collapse{transition:height .5s ease}
.ds-board .bd-links{list-style:none;margin:0;padding:8px 10px 10px;background:#f8f9fd}
.ds-board .bd-links li+li{margin-top:2px}
.ds-board .bd-links a{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;color:var(--ink);border-radius:8px;transition:all .3s ease}
.ds-board .bd-links a i{font-size:10px;color:var(--accent);transition:transform .3s ease}
.ds-board .bd-links a:hover{background:#fff;color:var(--accent);text-decoration:none;padding-left:18px;box-shadow:0 2px 8px rgba(0,32,96,.08)}
.ds-board .bd-links a:hover i{transform:translateX(3px)}
.ds-board .bd-help-tile{margin:auto 14px 14px;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;background:linear-gradient(115deg,var(--accent),#d9581a);color:#fff;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.ds-board .bd-help-tile::after{content:"";position:absolute;right:-24px;top:-24px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.12)}
.ds-board .bd-help-tile:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(188,70,11,.35);color:#fff;text-decoration:none}
.ds-board .bd-help-tile .ic{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:19px;animation:bdPulse 2.6s ease-out infinite}
.ds-board .bd-help-tile .tx{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1}
.ds-board .bd-help-tile b{font-weight:600;font-size:14.5px}
.ds-board .bd-help-tile small{font-size:12px;opacity:.92}
.ds-board .bd-help-tile>i{transition:transform .3s ease}
.ds-board .bd-help-tile:hover>i{transform:translateX(4px)}
/* important notices list */
.ds-board .bd-notices{list-style:none;margin:0;padding:14px 20px 4px 34px}
.ds-board .bd-notices li{position:relative;padding:6px 0;font-size:14px;line-height:1.45;animation:bdSlideUp .5s var(--bd-ease) both;animation-delay:calc(var(--i,0) * .07s + .25s)}
.ds-board .bd-notices li::before{content:"";position:absolute;left:-16px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.ds-board .bd-notices a{color:var(--link);transition:color .3s ease}
.ds-board .bd-notices a:hover{color:var(--accent)}
.ds-board .bd-notices small{display:block;color:var(--muted);font-size:11.5px}
.ds-board .bd-new{display:inline-block;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px;margin-left:6px;letter-spacing:.05em;vertical-align:middle;animation:bdBlink 1.1s steps(2,jump-none) infinite}

/* sign-in card */

/* carousels (scroll-snap + arrows) */
.ds-board .bd-car{position:relative;padding:10px 46px 6px}
.ds-board .bd-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 2px 12px;scrollbar-width:none}
.ds-board .bd-track::-webkit-scrollbar{display:none}
.ds-board .bd-slide{flex:1 0 calc((100% - 28px) / 3);min-width:210px;scroll-snap-align:start;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;color:var(--ink);box-shadow:0 1px 4px rgba(0,32,96,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ds-board .bd-slide:hover{transform:translateY(-4px);box-shadow:var(--bd-shadow-hover);border-color:var(--accent);text-decoration:none}
.ds-board .bd-ic{flex:none;width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .5s ease}
.ds-board .bd-ic.alt{background:var(--brand-light);color:var(--brand)}
.ds-board .bd-slide:hover .bd-ic{transform:rotate(18deg) scale(1.08)}
.ds-board .bd-st{display:flex;flex-direction:column;min-width:0}
.ds-board .bd-st b{font-weight:500;font-size:14.5px;line-height:1.3}
.ds-board .bd-st small{color:var(--muted);font-size:12px;margin-top:2px}
.ds-board .bd-arw{position:absolute;top:50%;transform:translateY(-58%);z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #cfd5e4;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,32,96,.12);transition:all .3s ease}
.ds-board .bd-arw:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-58%) scale(1.1)}
.ds-board .bd-arw.prev{left:8px}.ds-board .bd-arw.next{right:8px}
@media(max-width:992px){.ds-board .bd-slide{flex-basis:calc((100% - 14px) / 2)}}
@media(max-width:576px){.ds-board .bd-slide{flex-basis:88%}.ds-board .bd-car{padding:10px 40px 6px}}

/* important dates */
.ds-board .bd-dates{padding:8px 20px 18px}
.ds-board .bd-dates .ev{position:relative;padding:9px 0 9px 22px;border-left:2px solid #dbe1ee;margin-left:6px}
.ds-board .bd-dates .ev::before{content:"";position:absolute;left:-7px;top:14px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--slate);transition:transform .3s ease}
.ds-board .bd-dates .ev:hover::before{transform:scale(1.35)}
.ds-board .bd-dates .ev.done::before{background:#15803d;border-color:#15803d}
.ds-board .bd-dates .ev.live::before{background:var(--accent);border-color:var(--accent);animation:bdPulse 2s ease-out infinite}
.ds-board .bd-dates .d{font-size:12px;font-weight:600;color:var(--accent)}
.ds-board .bd-dates .t{font-size:13.5px}

/* stats tiles */
.ds-board .bd-stat{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--bd-shadow);text-align:center;padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .3s ease,box-shadow .3s ease}
.ds-board .bd-stat:hover{transform:translateY(-5px);box-shadow:var(--bd-shadow-hover)}
.ds-board .bd-stat i{font-size:30px;color:var(--accent);transition:transform .4s ease}
.ds-board .bd-stat:hover i{transform:scale(1.18) rotate(-6deg)}
.ds-board .bd-stat b{font-size:clamp(26px,3vw,36px);font-weight:500;color:var(--brand);line-height:1.2}
.ds-board .bd-stat span{color:#333;font-size:15px}

/* =====================================================================
   FOOTER
   ===================================================================== */
.ds-board .site-footer{background:var(--ftr-bg);color:var(--ftr-text);margin-top:40px}
.ds-board .site-footer .top{padding:34px 0 22px}
.ds-board .site-footer .container{max-width:var(--bd-max);padding-left:var(--bd-gutter);padding-right:var(--bd-gutter)}
.ds-board .site-footer h6,.ds-board .site-footer .ftr-title{color:#fff;font-weight:600;font-size:14.5px;text-transform:none;letter-spacing:0;padding-bottom:9px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.25)}
.ds-board .site-footer a{color:var(--ftr-text);transition:all .3s ease}
.ds-board .site-footer a:hover{color:#fff;text-decoration:none}
.ds-board .site-footer .links a::before{content:"\203A";margin-right:8px;color:var(--accent);font-weight:700;display:inline-block;transition:transform .3s ease}
.ds-board .site-footer .links a:hover{padding-left:5px}
.ds-board .site-footer .links a:hover::before{transform:translateX(3px)}
.ds-board .site-footer .contact-line i{color:#f0a37c}
.ds-board .site-footer .social a{background:rgba(255,255,255,.12);border-radius:10px}
.ds-board .site-footer .social a:hover{background:var(--accent);transform:translateY(-3px)}
.ds-board .bd-ftr-stats{margin-top:26px}
.ds-board .bd-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ds-board .bd-chip{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px 16px;transition:transform .3s ease,background .3s ease}
.ds-board .bd-chip:hover{transform:translateY(-3px);background:rgba(255,255,255,.14)}
.ds-board .bd-chip i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}
.ds-board .bd-chip small{display:block;text-transform:uppercase;font-size:10.5px;letter-spacing:.08em;color:#b9c9e8}
.ds-board .bd-chip b{color:#fff;font-weight:600;font-size:16px}
.ds-board .site-footer .strip{background:#001848;border-top:1px solid rgba(255,255,255,.12);color:#b9c9e8}
.ds-board .site-footer .strip a,.ds-board .site-footer .ver-tag{color:#d2def5}

/* =====================================================================
   CANDIDATE PORTAL (dashboard shell)
   ===================================================================== */
.ds-board .cp-side{background:var(--brand)}
.ds-board .cp-brand .em{background:#fff;color:var(--brand)}
.ds-board .cp-nav .sec{color:#9db3e0}
.ds-board .cp-nav a{transition:all .3s ease}
.ds-board .cp-nav a:hover{background:rgba(255,255,255,.09);padding-left:22px}
.ds-board .cp-nav a.active{background:rgba(255,255,255,.14);border-left-color:var(--accent)}
.ds-board .cp-ring .r::before{background:var(--brand)}
.ds-board .cp-top{box-shadow:0 2px 10px rgba(0,32,96,.06)}
.ds-board .cp-top h1{color:var(--brand);font-weight:600}
.ds-board .cp-lang a.on{background:var(--accent-soft);color:var(--accent)}
.ds-board .cp-user .av{background:var(--accent)}
.ds-board .cp-hello{background:linear-gradient(120deg,var(--brand),#0b3a99);border-radius:12px}
.ds-board .cp-tile,.ds-board .cp-card{border-radius:10px;box-shadow:var(--bd-shadow);transition:transform .3s ease,box-shadow .3s ease}
.ds-board .cp-tile:hover{transform:translateY(-3px);box-shadow:var(--bd-shadow-hover)}
.ds-board .cp-tile .ic{background:var(--accent-soft);color:var(--accent)}
.ds-board .cp-tile .n{color:var(--brand)}
.ds-board .cp-steps .s.now{color:var(--accent)}
.ds-board .cp-steps .s.now .dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.ds-board .cp-tl .ev .d{color:var(--accent)}
.ds-board .cp-tl .ev::before{border-color:var(--accent)}
.ds-board .cp-content>*{animation:bdFadeIn .5s var(--bd-ease) both}

/* login / register cards (public shell) */
.ds-board .login-card,.ds-board .auth-card{border-radius:14px;box-shadow:0 8px 28px rgba(0,32,96,.12);border:1px solid var(--line)}

/* =====================================================================
   RESPONSIVE — fluid from 320px phones to 4K TVs
   ===================================================================== */
@media(min-width:2200px){body.ds-board{font-size:16px}}
@media(max-width:1199px){
  .ds-board .site-nav a.nav-item{padding:14px 12px;font-size:14px}
  .ds-board .site-header .titles h1{font-size:clamp(16px,2.4vw,22px)}
}
@media(max-width:991px){
  .ds-board .util-strip .container{justify-content:center;padding-top:4px;padding-bottom:4px}
  .ds-board .site-header .side-box{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px;min-width:0}
  .ds-board .site-header .side-box .addr{width:auto}
  .ds-board .bd-panel-hd{font-size:16px}
  .ds-board .bd-intro{padding:16px 18px}
}
@media(max-width:767px){
  .ds-board .site-nav .nav-cta{padding:5px 14px;font-size:13px}
  .ds-board .bd-stat{padding:16px 8px}
  .ds-board .bd-ftr-stats .bd-chips{grid-template-columns:1fr}
  .ds-board .site-footer .strip .container{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:575px){
  .ds-board .util-strip .group:first-child{display:none}
  .ds-board .util-strip .group span:first-child:not(.sep){display:none}
  .ds-board .util-strip .group a[href*="admin/login"]{display:none}
  .ds-board .util-strip .container{gap:4px 10px}
  .ds-board .site-header .emblem,.ds-board .site-header .hdr-logo-img{width:auto;height:54px}
  .ds-board .site-header .emblem{width:54px}
  .ds-board .site-header .side-box{font-size:11.5px}
  .ds-board .site-header .titles .sub{display:none}
  .ds-board .tkr-wrap{padding-top:8px}
  .ds-board .tkr-board .tag{padding:0 12px}
  .ds-board .tkr-board .tag .lbl{display:none}
  .ds-board .tkr-board .itm a{font-size:13px}
  .ds-board .bd-intro-cta{width:100%}
  .ds-board .bd-intro-cta .btn{flex:1 1 100%}
  .ds-board .bd-notices{padding-left:28px;padding-right:14px}
  .ds-board .bd-title{padding:12px 14px 2px;font-size:15.5px}
  .ds-board .bd-car{padding:8px 34px 4px}
  .ds-board .bd-arw{width:28px;height:28px}
  .ds-board .bd-arw.prev{left:2px}.ds-board .bd-arw.next{right:2px}
  .ds-board .bd-dates{padding:6px 14px 14px}
  .ds-board .bd-stat b{font-size:26px}
  .ds-board .bd-stat span{font-size:13px}
}
@media(max-width:359px){
  .ds-board .site-nav .nav-cta{display:none}
  .ds-board .bd-slide{min-width:0;padding:12px;gap:10px}
  .ds-board .bd-ic{width:42px;height:42px;font-size:20px}
}
@media(max-height:480px) and (orientation:landscape){
  .ds-board .site-header .container{padding-top:6px;padding-bottom:6px}
}

/* =====================================================================
   INNER PAGES — banner, filter bar, data tables, empty states
   ===================================================================== */
@keyframes bdRowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ds-board .bd-pagehead{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 120%,rgba(255,255,255,.10) 0 90px,transparent 91px),
  radial-gradient(circle at 96% -30%,rgba(255,255,255,.09) 0 130px,transparent 131px),
  linear-gradient(115deg,var(--brand) 0%,#0b3a99 100%);
  background-repeat:no-repeat;color:#fff;border-radius:12px;padding:20px 26px 22px 30px;margin-bottom:18px;box-shadow:0 8px 22px rgba(0,32,96,.22);
  animation:bdFadeIn .55s var(--bd-ease) both}
.ds-board .bd-pagehead::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent)}
.ds-board .bd-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:#c6d4f2}
.ds-board .bd-crumb a{color:#fff;transition:color .3s ease}
.ds-board .bd-crumb a:hover{color:#ffd9c4;text-decoration:none}
.ds-board .bd-crumb .bi-chevron-right{font-size:9px;opacity:.7}
.ds-board .bd-pagetitle{color:#fff;font-size:clamp(20px,2.6vw,28px);font-weight:600;margin:6px 0 0;line-height:1.25}
.ds-board .bd-moved{display:none!important}
.ds-board main .d-flex > .bd-moved + *{margin-left:auto}
.ds-board main.container > nav.small{display:none}

/* filter / search bar */
.ds-board main.container > form.row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 8px;margin:0 0 16px;box-shadow:var(--bd-shadow);align-items:center;animation:bdFadeIn .5s var(--bd-ease) .1s both}
.ds-board main.container > form.row .form-select-sm,.ds-board main.container > form.row .form-control-sm{min-height:40px;font-size:14px;padding:6px 12px}
.ds-board main.container > form.row .btn-sm{padding:9px 20px;font-size:14px}

/* data tables */
.ds-board .info-card:has(> .table-responsive){overflow:hidden;border-radius:12px;animation:bdFadeIn .55s var(--bd-ease) .12s both}
.ds-board .table{--bs-table-bg:transparent;margin-bottom:0}
.ds-board .table thead th{padding:14px 18px;font-size:13px;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}
.ds-board .table tbody td{padding:13px 18px;font-size:14px;border-color:#eef0f6}
.ds-board .table tbody td:first-child{border-left:3px solid transparent;transition:border-color .3s ease}
.ds-board .table-hover>tbody>tr:hover>td:first-child{border-left-color:var(--accent)}
.ds-board .table>tbody>tr:nth-child(even)>*{--bs-table-bg-type:#f9fafd}
.ds-board table.bd-stack tbody tr{animation:bdRowIn .45s var(--bd-ease) both;animation-delay:calc(.05s * var(--r,0) + .2s)}
.ds-board .badge.text-bg-secondary,.ds-board .badge.text-bg-light{background:#e8edf8!important;color:var(--brand)!important;font-weight:600;border-radius:6px;padding:5px 9px;letter-spacing:.03em;border:0!important}
.ds-board code{color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:6px;font-size:.9em}
.ds-board td.text-muted.p-3[colspan]{text-align:center;padding:34px 16px!important}
.ds-board .table td b{color:var(--brand)}
.ds-board .table td a{font-weight:500}

/* result / grievance style form cards */
.ds-board .info-card .card-body{padding:18px 22px}
.ds-board .info-card .card-body > .table:not(.bd-stack) th{width:34%;color:var(--brand);font-weight:600}
.ds-board .alert-info{background:#eaf1ff;border-color:#cfe0ff;color:#0b3a99}
.ds-board .alert-warning{background:var(--accent-soft);border-color:#f0dcd2;color:var(--accent-dark)}

/* updates timeline */
.ds-board main .timeline{padding-left:34px}
.ds-board main .timeline .ev{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:12px;box-shadow:var(--bd-shadow);transition:transform .3s ease,box-shadow .3s ease}
.ds-board main .timeline .ev:hover{transform:translateX(4px);box-shadow:var(--bd-shadow-hover)}
.ds-board main .timeline .ev::before{left:-31px;top:20px}

/* phones: tables become stacked cards */
@media(max-width:575px){
  .ds-board .bd-pagehead{padding:16px 18px 18px 22px}
  .ds-board main.container > form.row .col-auto,.ds-board main.container > form.row [class*="col-md"]{width:100%;flex:0 0 100%}
  .ds-board .info-card:has(table.bd-stack){background:transparent;border:0;box-shadow:none;overflow:visible}
  .ds-board table.bd-stack,.ds-board table.bd-stack tbody{display:block;width:100%}
  .ds-board table.bd-stack thead{display:none}
  .ds-board table.bd-stack tbody tr{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 12px;padding:4px 0;box-shadow:var(--bd-shadow)}
  .ds-board table.bd-stack tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:right;padding:9px 16px;border:0;border-bottom:1px dashed #e7eaf3;background:transparent;box-shadow:none}
  .ds-board table.bd-stack tbody td:last-child{border-bottom:0}
  .ds-board table.bd-stack tbody td::before{content:attr(data-label);flex:none;max-width:46%;text-align:left;font-weight:600;font-size:12px;color:var(--brand);text-transform:uppercase;letter-spacing:.03em}
  .ds-board table.bd-stack tbody tr.bd-empty td{display:block;text-align:center;border:0}
  .ds-board table.bd-stack tbody tr.bd-empty td::before{content:none}
  .ds-board table.bd-stack tbody td:first-child{border-left:0}
  .ds-board main .timeline{padding-left:26px}
}
/* =====================================================================
   SIGN-IN CARD (homepage) — richer layout
   ===================================================================== */

/* =====================================================================
   CANDIDATE LOGIN / REGISTER / OTP — split-screen layout
   ===================================================================== */
.ds-board .bd-auth{display:grid;grid-template-columns:minmax(300px,5fr) 6fr;max-width:1020px;margin:6px auto 22px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,32,96,.14);animation:bdFadeIn .6s var(--bd-ease) both}
.ds-board .bd-auth.bd-auth-wide{max-width:1180px;grid-template-columns:minmax(300px,4fr) 8fr}
.ds-board .bd-auth-aside{position:relative;overflow:hidden;color:#e4ebfb;padding:34px 30px;display:flex;flex-direction:column;gap:14px;background:
  radial-gradient(circle at 106% -6%,var(--accent) 0 92px,transparent 93px),
  radial-gradient(circle at -10% 110%,rgba(255,255,255,.09) 0 140px,transparent 141px),
  linear-gradient(160deg,var(--brand) 0%,#0b3a99 100%);background-repeat:no-repeat}
.ds-board .bd-aa-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:4px 14px;font-size:12px;font-weight:500;color:#fff}
.ds-board .bd-auth-aside h2{color:#fff;font-size:clamp(22px,2.4vw,30px);font-weight:600;margin:6px 0 0;line-height:1.25}
.ds-board .bd-auth-aside p{margin:0;color:#c9d6f3;font-size:14px}
.ds-board .bd-aa-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:0}
.ds-board .bd-aa-steps li{position:relative;display:flex;gap:14px;align-items:flex-start;padding-bottom:20px}
.ds-board .bd-aa-steps li:not(:last-child)::before{content:"";position:absolute;left:19px;top:42px;bottom:2px;border-left:2px dashed rgba(255,255,255,.35)}
.ds-board .bd-aa-steps .n{flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;transition:transform .35s ease,background .35s ease}
.ds-board .bd-aa-steps li:hover .n{transform:scale(1.12);background:var(--accent);border-color:var(--accent)}
.ds-board .bd-aa-steps b{display:block;color:#fff;font-weight:500;font-size:14.5px;line-height:1.3;margin-top:2px}
.ds-board .bd-aa-steps small{display:block;color:#b9c9e8;font-size:12.5px;margin-top:2px}
.ds-board .bd-aa-help{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;display:flex;flex-direction:column;gap:6px}
.ds-board .bd-aa-help i{color:#f0a37c;margin-right:6px}
.ds-board .bd-aa-help b{color:#fff}
.ds-board .bd-auth-main{padding:34px clamp(20px,4vw,46px);display:flex;flex-direction:column;justify-content:center;background:#fff}
.ds-board .bd-auth-main .info-card{border:0;box-shadow:none;border-radius:0;background:transparent;overflow:visible;animation:none}
.ds-board .bd-auth-main .info-card:hover{transform:none;box-shadow:none}
.ds-board .bd-auth-main .card-head{background:transparent;color:var(--brand);font-size:clamp(20px,2.2vw,26px);font-weight:600;padding:0 0 4px;border:0;border-radius:0}
.ds-board .bd-auth-main .card-head i{color:var(--accent);margin-right:6px}
.ds-board .bd-auth-main .card-body{padding:14px 0 0}
.ds-board .bd-auth-main .form-control,.ds-board .bd-auth-main .form-select{min-height:46px;border-radius:10px;background:#f8f9fd;border:1px solid #d9deec}
.ds-board .bd-auth-main .form-control:focus,.ds-board .bd-auth-main .form-select:focus{background:#fff}
.ds-board .bd-auth-main .btn-primary,.ds-board .bd-auth-main .btn-success{padding:12px 24px;font-size:15px;border-radius:50px}
.ds-board .bd-auth-main .btn-success{--bs-btn-bg:#15803d;--bs-btn-border-color:#15803d}
.ds-board .bd-auth-main hr{border-color:var(--line);opacity:1;margin:20px 0 14px}
.ds-board .bd-auth-main p.small{margin-bottom:8px!important;color:#4b5573}
.ds-board .bd-auth-main a{font-weight:500}
@media(max-width:860px){
  .ds-board .bd-auth,.ds-board .bd-auth.bd-auth-wide{grid-template-columns:1fr}
  .ds-board .bd-auth-aside{padding:24px 22px;gap:10px}
  .ds-board .bd-aa-steps,.ds-board .bd-aa-help{display:none}
  .ds-board .bd-auth-aside h2{font-size:22px}
}
/* =====================================================================
   SIGN-IN CARD (homepage)
   ===================================================================== */
.ds-board .bd-sc{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 22px rgba(0,32,96,.12);transition:box-shadow .3s ease}
.ds-board .bd-sc:hover{box-shadow:var(--bd-shadow-hover)}
.ds-board .bd-sc-hd{display:flex;align-items:center;gap:14px;padding:18px 20px;color:#fff;background:radial-gradient(circle at 104% -25%,var(--accent) 0 78px,transparent 79px),linear-gradient(115deg,var(--brand),#0b3a99);background-repeat:no-repeat}
.ds-board .bd-sc-av{flex:none;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);display:flex;align-items:center;justify-content:center;font-size:23px}
.ds-board .bd-sc-hd h3{margin:0;color:#fff;font-size:17.5px;font-weight:600;line-height:1.25}
.ds-board .bd-sc-hd p{margin:3px 0 0;font-size:12.5px;color:#c9d6f3;line-height:1.4}
.ds-board .bd-sc-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:18px 20px 16px}
.ds-board .bd-sc-grp{display:flex;flex-direction:column;gap:6px}
.ds-board .bd-sc-grp>small{font-size:12px;font-weight:500;color:var(--muted);padding-left:4px}
.ds-board .bd-sc-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:50px;padding:12px 44px;font-weight:600;font-size:14.5px;color:#fff;border:0;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.ds-board .bd-sc-btn .go{position:absolute;right:20px;transition:transform .3s ease}
.ds-board .bd-sc-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px)}
.ds-board .bd-sc-btn:hover .go{transform:translateX(4px)}
.ds-board .bd-sc-btn.navy{background:var(--brand)}
.ds-board .bd-sc-btn.navy:hover{background:var(--brand-dark);box-shadow:0 8px 18px rgba(0,32,96,.35)}
.ds-board .bd-sc-btn.orange{background:var(--accent)}
.ds-board .bd-sc-btn.orange:hover{background:var(--accent-dark);box-shadow:0 8px 18px rgba(188,70,11,.38)}
.ds-board .bd-sc-btn.ghost{background:#fff;color:var(--brand);border:1.5px solid #cfd5e4}
.ds-board .bd-sc-btn.ghost:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);box-shadow:none}
.ds-board .bd-sc-btn.off{background:#e6e9f1;color:#7a839a;cursor:default}
.ds-board .bd-sc-btn.off:hover{transform:none;color:#7a839a}
.ds-board .bd-pulse{animation:bdPulse 2.2s ease-out infinite}
.ds-board .bd-sc-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:0}
.ds-board .bd-sc-or::before,.ds-board .bd-sc-or::after{content:"";flex:1;height:1px;background:var(--line)}
.ds-board .bd-sc-otp{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1px dashed #b9c3dd;border-radius:50px;color:var(--brand);font-size:13.5px;font-weight:500;transition:all .3s ease}
.ds-board .bd-sc-otp:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);text-decoration:none}
.ds-board .bd-sc-how{flex:1;display:flex;flex-direction:column;background:#f6f8fd;border:1px solid #e6eaf5;border-radius:12px;padding:12px 14px 6px;margin-top:2px}
.ds-board .bd-sc-how .t{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.ds-board .bd-sc-how ol{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-around}
.ds-board .bd-sc-how li{position:relative;display:flex;align-items:flex-start;gap:12px;padding:6px 0 10px}
.ds-board .bd-sc-how li:not(:last-child)::before{content:"";position:absolute;left:16px;top:40px;bottom:-4px;border-left:2px dashed #c7d0e6}
.ds-board .bd-sc-how .n{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;border:1.5px solid #cfd8ee;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .35s ease}
.ds-board .bd-sc-how li:hover .n{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}
.ds-board .bd-sc-how b{display:block;font-weight:500;font-size:13.5px;color:#2b3557;line-height:1.3}
.ds-board .bd-sc-how small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.ds-board .bd-sc-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.ds-board .bd-sc-foot a{color:var(--link)}
.ds-board .bd-sc-foot a:hover{color:var(--accent)}
.ds-board .bd-sc-foot i{color:var(--accent);margin-right:4px}
.ds-board .bd-sc-foot b{color:var(--brand);font-weight:600}
.ds-board .bd-sc-qa{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:8px;padding-bottom:8px}
.ds-board .bd-sc-qa li{flex:1;display:flex;padding:0}
.ds-board .bd-sc-qa li::before{display:none!important}
.ds-board .bd-sc-qa a{flex:1;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e8f4;border-radius:10px;padding:8px 12px;color:#2b3557;font-size:13.5px;transition:all .3s ease}
.ds-board .bd-sc-qa a b{flex:1;font-weight:500}
.ds-board .bd-sc-qa a .n{flex:none;width:34px;height:34px;border-radius:9px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease}
.ds-board .bd-sc-qa a>i{font-size:11px;color:var(--muted);transition:transform .3s ease}
.ds-board .bd-sc-qa a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);text-decoration:none;transform:translateX(3px)}
.ds-board .bd-sc-qa a:hover .n{background:var(--accent);color:#fff}
.ds-board .bd-sc-qa a:hover>i{transform:translateX(3px);color:var(--accent)}
@media(max-width:575px){
  .ds-board .bd-sc-hd{padding:16px}
  .ds-board .bd-sc-body{padding:16px 16px 14px}
  .ds-board .bd-sc-foot{justify-content:center;text-align:center}
}
/* ---------- accessibility: honour reduced-motion, keep print clean ---------- */
@media(prefers-reduced-motion:reduce){
  .ds-board *,.ds-board *::before,.ds-board *::after{animation:none!important;transition:none!important}
  .ds-board.bd-js .bd-reveal,.ds-board .bd-notices li{opacity:1!important}
  .ds-board .bd-track{scroll-behavior:auto}
}
@media print{
  .ds-board .util-strip,.ds-board .tkr-board,.ds-board .site-nav,.ds-board .bd-arw{display:none!important}
  .ds-board .bd-reveal,.ds-board .bd-notices li{opacity:1!important;animation:none!important}
}

/* Sign In + Register Here (+ Student E-Learning Login, when present) sit together on one line */
.ds-board .bd-sc-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ds-board .bd-sc-pair .bd-sc-grp{min-width:0}
.ds-board .bd-sc-pair .bd-sc-btn{padding:12px 10px;gap:7px;font-size:14px;white-space:nowrap}
.ds-board .bd-sc-pair .bd-sc-btn .go{display:none}
.ds-board .bd-sc-pair .bd-sc-btn.off{white-space:normal;font-size:12.5px;line-height:1.25;text-align:center;padding:10px 8px}
@media(max-width:400px){.ds-board .bd-sc-pair{gap:8px}.ds-board .bd-sc-pair .bd-sc-btn{font-size:13px;padding:11px 6px;gap:5px}}
.ds-board .bd-sc-btn.teal{background:#0f766e}
.ds-board .bd-sc-btn.teal:hover{background:#0c5e58;box-shadow:0 8px 18px rgba(15,118,110,.35)}
.ds-board .bd-sc-elearn{width:100%}