/* SSC Board Challenge Result — front-end styles.

   The EXACT stylesheet from the source design, scoped under .sscbc-root so
   nothing leaks into the theme and so it can live alongside the XI Class
   Admission plugin (which uses .ebxi-root) without either one clashing.

   Typography note:
   Selectors are written as `.sscbc-root.sscbc-root` — the class is repeated on
   purpose. The original design was a standalone HTML document with no competing
   stylesheet; inside a WordPress theme its h1-h4 / p / li / b / small / th rules
   were beating this file and changing the rendered sizes and weights. Repeating
   the class raises every rule one class level so the theme can no longer win,
   and the "Typography base" block restores the browser defaults the original
   page relied on.

   The custom-property block immediately below is deliberately left at single
   `.sscbc-root` specificity so the admin colour picker (which prints an inline
   `.sscbc-root{--blue:...}` rule) can still override it. */

/* SSC Board Challenge Result — front-end styles.
   Design system replicated verbatim from the XI Class Admission source,
   scoped under .sscbc-root. Colours, fonts, sizes and spacing unchanged. */

.sscbc-root{
    --blue:#0080b9; --blue-deep:#045c86; --blue-darker:#033f5e;
    --ink:#06283b; --sky:#e6f3fb; --sky-2:#d3ebf7; --gold:#f5a623; --gold-soft:#ffedcf;
    --paper:#f4f8fb; --white:#ffffff; --line:#cfe3ef; --muted:#5a7486; --green:#1f9d76;
    --shadow:0 18px 40px -20px rgba(4,60,90,.35); --shadow-sm:0 8px 22px -14px rgba(4,60,90,.45);
    --radius:18px;
    --disp:"Bricolage Grotesque",sans-serif;
    --body:"Inter",sans-serif;
    --mono:"IBM Plex Mono",monospace;
    --bn:"Hind Siliguri",sans-serif;
  }
.sscbc-root.sscbc-root *{box-sizing:border-box;margin:0;padding:0}
.sscbc-root.sscbc-root{scroll-behavior:smooth}
.sscbc-root.sscbc-root{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.sscbc-root.sscbc-root h1, .sscbc-root.sscbc-root h2, .sscbc-root.sscbc-root h3, .sscbc-root.sscbc-root h4, .sscbc-root.sscbc-root .display{font-family:var(--disp);line-height:1.14;letter-spacing:-.01em}
.sscbc-root.sscbc-root a{color:inherit}
.sscbc-root.sscbc-root p,.sscbc-root.sscbc-root div,.sscbc-root.sscbc-root span,.sscbc-root.sscbc-root section,.sscbc-root.sscbc-root ul,.sscbc-root.sscbc-root ol,.sscbc-root.sscbc-root li,.sscbc-root.sscbc-root table,.sscbc-root.sscbc-root thead,.sscbc-root.sscbc-root tbody,.sscbc-root.sscbc-root tr,.sscbc-root.sscbc-root td,.sscbc-root.sscbc-root figure,.sscbc-root.sscbc-root figcaption{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.sscbc-root.sscbc-root h1{font-size:2em;font-weight:700}
.sscbc-root.sscbc-root h2{font-size:1.5em;font-weight:700}
.sscbc-root.sscbc-root h3{font-size:1.17em;font-weight:700}
.sscbc-root.sscbc-root h4{font-size:1em;font-weight:700}
.sscbc-root.sscbc-root b,.sscbc-root.sscbc-root strong{font-weight:bolder}
.sscbc-root.sscbc-root small{font-size:.83em;font-weight:inherit}
.sscbc-root.sscbc-root th{font-weight:700}
.sscbc-root.sscbc-root button,.sscbc-root.sscbc-root input,.sscbc-root.sscbc-root select,.sscbc-root.sscbc-root textarea{font-family:inherit;font-size:inherit;line-height:inherit}
.sscbc-root.sscbc-root .bn{font-family:var(--bn)}

.sscbc-root.sscbc-root #sscbc-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--blue),var(--gold));z-index:120;transition:width .1s linear}
.sscbc-root.sscbc-root .wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.sscbc-root.sscbc-root section{padding:38px 0;position:relative;scroll-margin-top:20px}
.sscbc-root.sscbc-root .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--sky);padding:6px 13px;border-radius:100px;border:1px solid var(--line)}
.sscbc-root.sscbc-root .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
/* One consistent, centred section-header pattern for every section */
.sscbc-root.sscbc-root .sec-head{text-align:center;margin:0 auto 22px;max-width:840px}
.sscbc-root.sscbc-root .sec-head h2{font-size:clamp(1.7rem,3.5vw,2.3rem);margin:10px 0 8px;font-weight:800;color:var(--ink)}
.sscbc-root.sscbc-root .sec-head p{color:var(--muted);font-size:1rem}

.sscbc-root.sscbc-root .btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:.94rem;padding:12px 22px;border-radius:12px;cursor:pointer;border:none;transition:.18s;font-family:var(--body)}
.sscbc-root.sscbc-root .btn.sm{padding:9px 18px;font-size:.85rem;border-radius:10px}
.sscbc-root.sscbc-root .btn.primary{background:var(--blue);color:#fff;box-shadow:0 12px 26px -12px var(--blue)}
.sscbc-root.sscbc-root .btn.primary:hover{background:var(--blue-deep);transform:translateY(-2px);color:#fff}
.sscbc-root.sscbc-root .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.sscbc-root.sscbc-root .btn.ghost:hover{border-color:var(--blue);color:var(--blue)}
.sscbc-root.sscbc-root .btn.accent{background:linear-gradient(135deg,var(--gold),#e09000);color:#fff;border:none;box-shadow:0 10px 24px -10px rgba(196,128,0,.45)}
.sscbc-root.sscbc-root .btn.accent:hover{filter:brightness(1.08);transform:translateY(-2px);color:#fff}

.sscbc-root.sscbc-root .hero{padding:30px 0 26px;background:var(--paper)}
.sscbc-root.sscbc-root .hero-inner{max-width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.sscbc-root.sscbc-root .hero h1{font-size:clamp(2rem,4.6vw,3rem);font-weight:800;margin:14px 0 12px;line-height:1.14}
.sscbc-root.sscbc-root .hero h1 .hl{color:var(--blue);position:relative}
.sscbc-root.sscbc-root .hero h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.28em;background:var(--gold-soft);z-index:-1;border-radius:3px}
.sscbc-root.sscbc-root .hero p.lead{font-size:1rem;color:#39566a;max-width:820px;line-height:1.55;margin:0 auto}
.sscbc-root.sscbc-root .hero-cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

.sscbc-root.sscbc-root .timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sscbc-root.sscbc-root .t-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;gap:12px;transition:.2s}
.sscbc-root.sscbc-root .t-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--shadow)}
.sscbc-root.sscbc-root .t-card.active{border-color:var(--blue);box-shadow:0 10px 26px -12px var(--blue)}
/* Consistent badge semantics: done = green, now = gold highlight, awaiting = neutral */
.sscbc-root.sscbc-root .t-badge{font-family:var(--disp);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:100px;align-self:flex-start}
.sscbc-root.sscbc-root .t-badge.done{background:#eafaf3;color:var(--green);border:1px solid #b6e6d2}
.sscbc-root.sscbc-root .t-badge.now{background:var(--gold-soft);color:#a86800;border:1px solid var(--gold)}
.sscbc-root.sscbc-root .t-badge.awaiting{background:var(--sky);color:var(--muted);border:1px solid var(--line)}
.sscbc-root.sscbc-root .t-card h3{font-size:1.18rem;margin:0;color:var(--ink)}
.sscbc-root.sscbc-root .t-item{border-top:1px dashed var(--line);padding-top:8px;display:flex;flex-direction:column;gap:2px}
.sscbc-root.sscbc-root .t-item .lbl{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
.sscbc-root.sscbc-root .t-item .val{font-size:.9rem;font-weight:700;color:var(--blue-deep)}

.sscbc-root.sscbc-root .phases{position:relative;margin-top:6px}
.sscbc-root.sscbc-root .spine{position:absolute;left:31px;top:14px;bottom:14px;width:3px;background:var(--sky-2);border-radius:3px}
.sscbc-root.sscbc-root .spine-fill{position:absolute;left:0;top:0;width:100%;height:0;background:var(--blue);border-radius:3px;transition:height .5s ease}
.sscbc-root.sscbc-root .phase{position:relative;padding-left:78px;margin-bottom:12px;overflow-anchor:none}
.sscbc-root.sscbc-root .phase-node{position:absolute;left:14px;top:16px;width:38px;height:38px;border-radius:11px;background:#fff;border:2px solid var(--sky-2);z-index:2;display:grid;place-items:center;color:var(--muted);transition:.3s}
.sscbc-root.sscbc-root .phase.on .phase-node{border-color:var(--blue);color:var(--blue);background:var(--sky);box-shadow:0 0 0 5px rgba(0,128,185,.1)}
.sscbc-root.sscbc-root .phase-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s}
.sscbc-root.sscbc-root .phase-head{padding:15px 18px;cursor:pointer;display:flex;align-items:center;gap:16px;justify-content:space-between}
.sscbc-root.sscbc-root .phase-head .tag{font-family:var(--disp);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.sscbc-root.sscbc-root .phase-head h3, .sscbc-root.sscbc-root .phase-head h4{font-size:1.1rem}
.sscbc-root.sscbc-root .phase-head .meta{display:block;font-size:.78rem;color:var(--muted);font-weight:500;margin-top:3px}
.sscbc-root.sscbc-root .chev{width:28px;height:28px;flex:none;border-radius:8px;background:var(--sky);display:grid;place-items:center;color:var(--blue)}
.sscbc-root.sscbc-root .phase.open .chev{background:var(--blue);color:#fff}
.sscbc-root.sscbc-root .phase-body{display:none;overflow:visible}
.sscbc-root.sscbc-root .phase.open .phase-body{display:block}
.sscbc-root.sscbc-root .phase-body-inner{padding:14px 18px 18px;border-top:1px solid var(--line)}
.sscbc-root.sscbc-root .phase-body ul{list-style:none;display:grid;gap:9px}
.sscbc-root.sscbc-root .phase-body li{display:flex;gap:11px;font-size:.9rem;color:#39566a;align-items:flex-start}
/* Shared paragraph style inside phase bodies (replaces inline styles) */
.sscbc-root.sscbc-root .pb-p{font-size:.9rem;color:#39566a;line-height:1.65}
.sscbc-root.sscbc-root .pb-p + ul{margin-top:10px}
.sscbc-root.sscbc-root .pb-p + .btn{margin-top:14px}
.sscbc-root.sscbc-root .phase-body li .tick{flex:none;width:18px;height:18px;border-radius:6px;background:var(--sky);color:var(--blue);display:grid;place-items:center;margin-top:1px}
.sscbc-root.sscbc-root .phase-body li .evt-date{margin-left:auto;font-family:var(--mono);font-size:.72rem;font-weight:600;color:var(--blue);background:var(--sky);padding:3px 9px;border-radius:6px;border:1px solid var(--line);white-space:nowrap;flex:none;align-self:center}
.sscbc-root.sscbc-root .phase-body-inner p code, .sscbc-root.sscbc-root code.inline{background:var(--sky);color:var(--blue-deep);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:.84rem}

.sscbc-root.sscbc-root .apply-note{display:flex;gap:9px;align-items:flex-start;padding:9px 13px;border-radius:10px;font-size:.82rem;line-height:1.5;margin-top:10px}
.sscbc-root.sscbc-root .apply-note svg{flex:none;margin-top:1px}
.sscbc-root.sscbc-root .apply-note.warn{background:#fff8ec;border:1px solid #f5d89a;color:#8a6d20}
.sscbc-root.sscbc-root .apply-note.info{background:var(--sky);border:1px solid var(--line);color:var(--blue-deep)}
.sscbc-root.sscbc-root .apply-fee-highlight{background:linear-gradient(135deg,var(--sky),var(--sky-2));border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0;display:flex;align-items:center;gap:16px}
.sscbc-root.sscbc-root .apply-fee-amt{font-family:var(--disp);font-weight:800;font-size:1.5rem;color:var(--blue);white-space:nowrap}
.sscbc-root.sscbc-root .apply-fee-amt small{font-size:.6rem;font-weight:600;color:var(--muted);display:block}

.sscbc-root.sscbc-root .panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
.sscbc-root.sscbc-root .panel-p{font-size:.92rem;color:#39566a;line-height:1.65}
.sscbc-root.sscbc-root .about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.sscbc-root.sscbc-root .about-tile{background:var(--sky);border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center}
.sscbc-root.sscbc-root .about-num{font-family:var(--disp);font-weight:800;font-size:1.9rem;color:var(--blue);line-height:1}
.sscbc-root.sscbc-root .about-lbl{font-size:.8rem;color:var(--muted);line-height:1.4;margin-top:8px}
.sscbc-root.sscbc-root .sub-heading{font-family:var(--disp);font-size:1.35rem;font-weight:800;color:var(--ink);margin:28px 0 16px}
@media(max-width:720px){.sscbc-root.sscbc-root .about-grid{grid-template-columns:repeat(2,1fr)}}

.sscbc-root.sscbc-root .fee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.sscbc-root.sscbc-root .fee-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow-sm);position:relative;transition:.22s;display:flex;flex-direction:column;justify-content:space-between}
.sscbc-root.sscbc-root .fee-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--shadow)}
.sscbc-root.sscbc-root .fee-card.featured{border-color:var(--blue);background:linear-gradient(180deg,#fff,var(--sky));box-shadow:0 12px 30px -15px rgba(0,128,185,.3)}
.sscbc-root.sscbc-root .fee-badge{display:inline-block;font-family:var(--disp);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:100px;background:var(--sky);color:var(--blue);border:1px solid var(--line);margin-bottom:14px;align-self:flex-start}
.sscbc-root.sscbc-root .fee-card.featured .fee-badge{background:var(--blue);color:#fff;border-color:var(--blue)}
.sscbc-root.sscbc-root .fee-amount{font-family:var(--mono);font-size:2.2rem;font-weight:800;color:var(--blue-deep);line-height:1}
.sscbc-root.sscbc-root .fee-amount small{font-family:var(--body);font-size:.8rem;font-weight:500;color:var(--muted)}
.sscbc-root.sscbc-root .fee-title{font-family:var(--disp);font-size:1.15rem;font-weight:700;color:var(--ink);margin:10px 0 4px}
.sscbc-root.sscbc-root .fee-desc{font-size:.88rem;color:#39566a;line-height:1.5;margin-bottom:12px}

.sscbc-root.sscbc-root .gw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.sscbc-root.sscbc-root .gw-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow-sm);transition:.2s;display:flex;flex-direction:column;gap:10px}
.sscbc-root.sscbc-root .gw-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--shadow)}
.sscbc-root.sscbc-root .gw-header{display:flex;align-items:center;gap:12px}
.sscbc-root.sscbc-root .gw-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:#fff;font-family:var(--disp)}
.sscbc-root.sscbc-root .gw-bkash{background:linear-gradient(135deg,#e2136e,#b00d54)}
.sscbc-root.sscbc-root .gw-nagad{background:linear-gradient(135deg,#f7931e,#d67608)}
.sscbc-root.sscbc-root .gw-rocket{background:linear-gradient(135deg,#8c3494,#67216e)}
.sscbc-root.sscbc-root .gw-sonali{background:linear-gradient(135deg,#0066b3,#004478)}
.sscbc-root.sscbc-root .gw-name{font-family:var(--disp);font-weight:700;font-size:1rem;color:var(--ink)}
.sscbc-root.sscbc-root .gw-desc{font-size:.84rem;color:#39566a;line-height:1.48}

.sscbc-root.sscbc-root .table-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden;margin-top:24px}
.sscbc-root.sscbc-root .table-card h3{background:linear-gradient(135deg,var(--blue-deep),var(--blue-darker));color:#fff;padding:16px 24px;font-size:1.1rem}
.sscbc-root.sscbc-root .seo-table{width:100%;border-collapse:collapse;text-align:left}
.sscbc-root.sscbc-root .seo-table th, .sscbc-root.sscbc-root .seo-table td{padding:14px 20px;border-bottom:1px solid var(--line);font-size:.9rem;vertical-align:top}
.sscbc-root.sscbc-root .seo-table th{background:var(--sky);color:var(--blue-deep);font-family:var(--disp);font-weight:700;width:32%}
.sscbc-root.sscbc-root .seo-table td{color:#39566a;line-height:1.55}
.sscbc-root.sscbc-root .seo-table tr:last-child td, .sscbc-root.sscbc-root .seo-table tr:last-child th{border-bottom:none}
.sscbc-root.sscbc-root .seo-table code{background:var(--paper);border:1px solid var(--line);padding:2px 7px;border-radius:5px;font-family:var(--mono);font-size:.84rem;color:var(--blue-deep)}

.sscbc-root.sscbc-root .college-table-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}
.sscbc-root.sscbc-root .ctable-head{background:linear-gradient(135deg,var(--blue-deep),var(--blue-darker));color:#fff;padding:14px 20px;font-family:var(--disp);font-weight:700;font-size:1.02rem;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sscbc-root.sscbc-root .ctable-head h3{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0}
.sscbc-root.sscbc-root .ctable-hint{font-family:var(--body);font-weight:500;font-size:.72rem;color:rgba(255,255,255,.8);white-space:nowrap}
.sscbc-root.sscbc-root .ctable-scroll{overflow-x:auto}
.sscbc-root.sscbc-root .ctable{width:100%;border-collapse:collapse;text-align:left;min-width:760px}
.sscbc-root.sscbc-root .ctable th, .sscbc-root.sscbc-root .ctable td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:.88rem;vertical-align:middle}
.sscbc-root.sscbc-root .ctable th{background:var(--sky);color:var(--blue-deep);font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.sscbc-root.sscbc-root .ctable td{color:#39566a}
.sscbc-root.sscbc-root .ctable tbody tr:nth-child(even) td{background:var(--paper)}
.sscbc-root.sscbc-root .ctable tbody tr:hover td{background:var(--sky)}
.sscbc-root.sscbc-root .ctable .rank{width:30px;height:30px;border-radius:9px;background:var(--sky);color:var(--blue-deep);font-family:var(--disp);font-weight:800;font-size:.9rem;display:grid;place-items:center}
.sscbc-root.sscbc-root .ctable .cname{font-family:var(--disp);font-weight:700;font-size:.96rem;color:var(--ink)}
.sscbc-root.sscbc-root .ctable .gpa-pill{font-family:var(--mono);font-weight:700;font-size:.82rem;background:var(--sky);color:var(--blue-deep);padding:3px 9px;border-radius:6px;display:inline-block}
.sscbc-root.sscbc-root .ctable .pass-pill{font-family:var(--mono);font-weight:700;font-size:.82rem;background:#eafaf3;color:var(--green);padding:3px 9px;border-radius:6px;border:1px solid #b6e6d2;display:inline-block}
@media(max-width:760px){
.sscbc-root.sscbc-root .ctable-hint{display:none}
.sscbc-root.sscbc-root .ctable-scroll{overflow:visible}
.sscbc-root.sscbc-root .ctable{min-width:0}
.sscbc-root.sscbc-root .ctable thead{display:none}
.sscbc-root.sscbc-root .ctable, .sscbc-root.sscbc-root .ctable tbody{display:block}
.sscbc-root.sscbc-root .ctable tbody tr{display:block;border:1px solid var(--line);border-radius:14px;padding:14px 16px 6px;margin:14px;box-shadow:var(--shadow-sm);position:relative;background:#fff}
.sscbc-root.sscbc-root .ctable tbody tr:nth-child(even) td, .sscbc-root.sscbc-root .ctable tbody tr:hover td{background:transparent}
.sscbc-root.sscbc-root .ctable td{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;border:none;border-top:1px dashed var(--line)}
.sscbc-root.sscbc-root .ctable td::before{content:attr(data-label);font-family:var(--disp);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);flex:none}
.sscbc-root.sscbc-root .ctable td.col-name{border-top:none;padding:0 46px 10px 0}
.sscbc-root.sscbc-root .ctable td.col-name::before{display:none}
.sscbc-root.sscbc-root .ctable td.col-rank{position:absolute;top:14px;right:14px;padding:0;border:none}
.sscbc-root.sscbc-root .ctable td.col-rank::before{display:none}
}

.sscbc-root.sscbc-root .notice-board{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sscbc-root.sscbc-root .notice-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px 20px 26px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sscbc-root.sscbc-root .notice-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue)}
.sscbc-root.sscbc-root .notice-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--blue)}
.sscbc-root.sscbc-root .notice-important::before{background:#e0483d}
.sscbc-root.sscbc-root .notice-update::before{background:var(--blue)}
.sscbc-root.sscbc-root .notice-new::before{background:var(--green)}
.sscbc-root.sscbc-root .notice-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sscbc-root.sscbc-root .notice-badge{font-family:var(--disp);font-weight:700;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:100px;background:var(--sky);color:var(--blue-deep);border:1px solid var(--line)}
.sscbc-root.sscbc-root .notice-badge.important{background:#fdecea;color:#c23b30;border-color:#f6c9c4}
.sscbc-root.sscbc-root .notice-badge.update{background:var(--sky);color:var(--blue-deep);border-color:var(--line)}
.sscbc-root.sscbc-root .notice-badge.new{background:#eafaf3;color:var(--green);border-color:#b6e6d2}
.sscbc-root.sscbc-root .notice-date{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-weight:600;font-size:.78rem;color:var(--muted);margin-left:auto}
.sscbc-root.sscbc-root .notice-date svg{width:14px;height:14px;flex:none;opacity:.85}
.sscbc-root.sscbc-root .notice-title{font-size:1.08rem;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.3}
.sscbc-root.sscbc-root .notice-body p{color:#39566a;font-size:.9rem;line-height:1.6}
@media(max-width:760px){
.sscbc-root.sscbc-root .notice-board{grid-template-columns:1fr}
.sscbc-root.sscbc-root .notice-date{margin-left:0}
}

.sscbc-root.sscbc-root .faq-list{display:grid;gap:12px;max-width:840px;margin:0 auto}
.sscbc-root.sscbc-root .faq{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sscbc-root.sscbc-root .faq.open{border-color:var(--blue);box-shadow:var(--shadow-sm)}
.sscbc-root.sscbc-root .faq-qh{margin:0;padding:0;font:inherit;letter-spacing:inherit}
.sscbc-root.sscbc-root .faq-q{width:100%;background:none;border:none;text-align:left;color:inherit;font-family:var(--body);line-height:1.6;padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600;font-size:.98rem}
.sscbc-root.sscbc-root .faq-q:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.sscbc-root.sscbc-root .faq-q .faq-q-txt{min-width:0;overflow-wrap:anywhere}
.sscbc-root.sscbc-root .faq-q .plus{width:24px;height:24px;flex:none;border-radius:7px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:700}
.sscbc-root.sscbc-root .faq.open .plus{background:var(--blue);color:#fff}
.sscbc-root.sscbc-root .faq-a{display:none;overflow:visible}
.sscbc-root.sscbc-root .faq.open .faq-a{display:block}
.sscbc-root.sscbc-root .faq-a p{padding:0 20px 18px;color:#39566a;font-size:.92rem}

.sscbc-root.sscbc-root #disclaimer{padding-top:8px}
.sscbc-root.sscbc-root .disclaimer-panel{max-width:840px;margin:0 auto;display:flex;gap:14px;align-items:flex-start;text-align:left;padding:22px 24px}
.sscbc-root.sscbc-root .disclaimer-ico{flex:none;width:34px;height:34px;border-radius:10px;background:var(--sky);color:var(--blue);display:grid;place-items:center;margin-top:1px}
.sscbc-root.sscbc-root .disclaimer-ico svg{width:18px;height:18px}
.sscbc-root.sscbc-root .disclaimer-text,.sscbc-root.sscbc-root .disclaimer-text p{color:var(--muted);font-size:.9rem;line-height:1.7}
.sscbc-root.sscbc-root .disclaimer-text a{color:var(--blue);font-weight:600}

.sscbc-root.sscbc-root #sscbc-toTop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:12px;border:none;cursor:pointer;background:var(--blue);color:#fff;box-shadow:var(--shadow);display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s;z-index:90}
.sscbc-root.sscbc-root #sscbc-toTop.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.sscbc-root.sscbc-root .reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.sscbc-root.sscbc-root .reveal.in{opacity:1;transform:none}

@media (max-width:980px){
.sscbc-root.sscbc-root .timeline-grid, .sscbc-root.sscbc-root .fee-grid, .sscbc-root.sscbc-root .gw-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
.sscbc-root.sscbc-root .seo-table th{width:36%}
}
@media (max-width:560px){
.sscbc-root.sscbc-root .timeline-grid, .sscbc-root.sscbc-root .fee-grid, .sscbc-root.sscbc-root .gw-grid{grid-template-columns:1fr}
.sscbc-root.sscbc-root .seo-table th, .sscbc-root.sscbc-root .seo-table td{display:block;width:100%}
.sscbc-root.sscbc-root .seo-table th{border-bottom:none;padding-bottom:4px}
}
.sscbc-root.sscbc-root img, .sscbc-root.sscbc-root svg{max-width:100%}
.sscbc-root.sscbc-root .hero h1{overflow-wrap:anywhere}
@media (max-width:760px){
.sscbc-root.sscbc-root .wrap{padding-left:16px;padding-right:16px}
.sscbc-root.sscbc-root section{padding:30px 0}
.sscbc-root.sscbc-root .hero{padding:24px 0 22px}
.sscbc-root.sscbc-root .hero h1{font-size:clamp(1.75rem,7.4vw,2.4rem)}
.sscbc-root.sscbc-root .hero p.lead{font-size:.92rem}
.sscbc-root.sscbc-root .hero-cta{width:100%}
.sscbc-root.sscbc-root .hero-cta .btn{width:100%;justify-content:center}
.sscbc-root.sscbc-root .phase{padding-left:56px}
.sscbc-root.sscbc-root .spine{left:22px}
.sscbc-root.sscbc-root .phase-node{left:5px;width:34px;height:34px}
.sscbc-root.sscbc-root .phase-head{padding:13px 14px;gap:10px;align-items:flex-start}
.sscbc-root.sscbc-root .phase-head h3, .sscbc-root.sscbc-root .phase-head h4{font-size:1rem;line-height:1.25}
.sscbc-root.sscbc-root .phase-head .tag{font-size:.58rem;line-height:1.3;display:block;margin-bottom:3px}
.sscbc-root.sscbc-root .phase-body-inner{padding:12px 14px 16px}
.sscbc-root.sscbc-root .phase-body li{font-size:.84rem;gap:8px}
.sscbc-root.sscbc-root .phase-body li .evt-date{margin-left:0}
.sscbc-root.sscbc-root .apply-fee-highlight{flex-wrap:wrap}
}
@media (max-width:480px){
.sscbc-root.sscbc-root .sec-head h2{font-size:1.55rem}
.sscbc-root.sscbc-root .eyebrow{font-size:.62rem}
.sscbc-root.sscbc-root .phase{padding-left:48px}
.sscbc-root.sscbc-root .spine{left:18px}
.sscbc-root.sscbc-root .phase-node{left:2px;width:32px;height:32px;border-radius:9px}
}

.sscbc-root.sscbc-root .dl-featured{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,var(--blue-deep),var(--blue-darker));color:#fff;border-radius:var(--radius);padding:22px 26px;box-shadow:var(--shadow-sm);margin-bottom:18px}
.sscbc-root.sscbc-root .dl-featured-title{font-family:var(--disp);font-weight:800;font-size:1.15rem}
.sscbc-root.sscbc-root .dl-featured p{font-size:.88rem;color:rgba(255,255,255,.85);margin-top:4px;max-width:560px;line-height:1.5}
.sscbc-root.sscbc-root .dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.sscbc-root.sscbc-root .dl-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;transition:.2s}
.sscbc-root.sscbc-root .dl-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--shadow)}
.sscbc-root.sscbc-root .dl-ico{flex:none;width:42px;height:42px;border-radius:11px;background:var(--sky);color:var(--blue);display:grid;place-items:center}
.sscbc-root.sscbc-root .dl-info{min-width:0;flex:1}
.sscbc-root.sscbc-root .dl-name{font-family:var(--disp);font-weight:700;font-size:1rem;color:var(--ink);line-height:1.2}
.sscbc-root.sscbc-root .dl-sub{font-size:.75rem;color:var(--muted);margin-top:2px}
.sscbc-root.sscbc-root .dl-btn{flex:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--body);font-weight:700;font-size:.8rem;color:#fff;background:var(--blue);border:none;border-radius:9px;padding:8px 13px;text-decoration:none;transition:.18s;white-space:nowrap}
.sscbc-root.sscbc-root .dl-btn:hover{background:var(--blue-deep);color:#fff}
.sscbc-root.sscbc-root .dl-btn svg{width:14px;height:14px}
@media(max-width:900px){.sscbc-root.sscbc-root .dl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sscbc-root.sscbc-root .dl-grid{grid-template-columns:1fr}.sscbc-root.sscbc-root .dl-featured{padding:18px}}

.sscbc-root.sscbc-root .lead-para{font-size:.95rem;color:#39566a;line-height:1.7;margin-bottom:4px}
.sscbc-root.sscbc-root .fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.sscbc-root.sscbc-root .fact-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:var(--shadow-sm);transition:.2s}
.sscbc-root.sscbc-root .fact-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--shadow)}
.sscbc-root.sscbc-root .fact-lbl{font-family:var(--disp);font-weight:700;font-size:.66rem;color:var(--blue);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;display:block}
.sscbc-root.sscbc-root .fact-val{font-size:.9rem;color:var(--ink);font-weight:600;line-height:1.4}
/* Board chips flow as a centred flex grid so no row is left with an orphan */
.sscbc-root.sscbc-root .board-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}
.sscbc-root.sscbc-root .board-chip{flex:1 1 150px;max-width:190px;background:var(--sky);border:1px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center;transition:.2s}
.sscbc-root.sscbc-root .board-chip:hover{border-color:var(--blue);background:var(--sky-2)}
.sscbc-root.sscbc-root .board-chip .bc-name{font-family:var(--disp);font-weight:700;font-size:.9rem;color:var(--ink);line-height:1.2}
.sscbc-root.sscbc-root .board-chip .bc-type{font-size:.68rem;color:var(--muted);margin-top:3px}
@media(max-width:900px){.sscbc-root.sscbc-root .fact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sscbc-root.sscbc-root .fact-grid{grid-template-columns:1fr}}

.sscbc-root.sscbc-root .hc-steps{display:grid;gap:26px;margin-top:8px}
.sscbc-root.sscbc-root .hc-step{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:start}
.sscbc-root.sscbc-root .hc-num{font-family:var(--disp);font-weight:800;font-size:1.35rem;color:var(--blue);background:var(--sky);border:1px solid var(--line);border-radius:14px;width:56px;height:56px;display:grid;place-items:center;flex:none}
.sscbc-root.sscbc-root .hc-content{min-width:0}
.sscbc-root.sscbc-root .hc-eyebrow{font-family:var(--disp);font-weight:700;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.sscbc-root.sscbc-root .hc-content h3{font-size:1.18rem;margin:4px 0 12px;color:var(--ink)}
.sscbc-root.sscbc-root .hc-content>p{font-size:.9rem;color:#39566a;line-height:1.65;margin-top:12px}
.sscbc-root.sscbc-root .mock{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);background:#fff}
.sscbc-root.sscbc-root .mock-bar,.sscbc-root.sscbc-root .mock-pdfbar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--paper);border-bottom:1px solid var(--line)}
.sscbc-root.sscbc-root .mock-dots{display:inline-flex;gap:5px;flex:none}
.sscbc-root.sscbc-root .mock-dot{width:9px;height:9px;border-radius:50%;background:var(--line)}
.sscbc-root.sscbc-root .mock-url{flex:1;background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 10px;font-family:var(--mono);font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sscbc-root.sscbc-root .mock-body{padding:14px 16px}
.sscbc-root.sscbc-root .mock-site{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sscbc-root.sscbc-root .mock-logo{width:40px;height:40px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:var(--disp);font-weight:800;font-size:.7rem;flex:none}
.sscbc-root.sscbc-root .mock-site-name{font-family:var(--disp);font-weight:700;font-size:.88rem;color:var(--ink);line-height:1.2}
.sscbc-root.sscbc-root .mock-site-sub{font-size:.72rem;color:var(--muted)}
.sscbc-root.sscbc-root .mock-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem;font-weight:600;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.sscbc-root.sscbc-root .mock-nav span.active{color:var(--blue)}
.sscbc-root.sscbc-root .mock-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin:14px 0 8px}
.sscbc-root.sscbc-root .mock-notice{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--sky)}
.sscbc-root.sscbc-root .mock-notice-title{font-weight:700;font-size:.86rem;color:var(--ink);flex:1;min-width:0}
.sscbc-root.sscbc-root .mock-badge-new{font-family:var(--disp);font-size:.56rem;font-weight:700;letter-spacing:.06em;background:var(--green);color:#fff;padding:2px 8px;border-radius:100px;flex:none}
.sscbc-root.sscbc-root .mock-file-ico{font-family:var(--disp);font-weight:800;font-size:.58rem;color:#fff;background:#e0483d;border-radius:5px;padding:4px 5px;flex:none;letter-spacing:.02em;line-height:1}
.sscbc-root.sscbc-root .mock-crumb{font-size:.74rem;color:var(--muted);margin-bottom:10px}
.sscbc-root.sscbc-root .mock-file{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.sscbc-root.sscbc-root .mock-file-info{flex:1;min-width:0}
.sscbc-root.sscbc-root .mock-file-name{font-weight:700;font-size:.86rem;color:var(--ink)}
.sscbc-root.sscbc-root .mock-file-sub{font-size:.72rem;color:var(--muted);margin-top:1px}
.sscbc-root.sscbc-root .mock-dl-btn{font-family:var(--body);font-weight:700;font-size:.76rem;color:#fff;background:var(--blue);border-radius:8px;padding:7px 12px;display:inline-flex;align-items:center;gap:5px;flex:none}
.sscbc-root.sscbc-root .mock-dl-done{display:flex;align-items:center;gap:8px;margin-top:10px;font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.sscbc-root.sscbc-root .mock-done{color:var(--green);font-weight:700;margin-left:auto;display:inline-flex;align-items:center;gap:4px}
.sscbc-root.sscbc-root .mock-find{margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-family:var(--mono);font-size:.72rem;color:var(--ink);display:inline-flex;align-items:center;gap:5px}
.sscbc-root.sscbc-root .mock-page{font-family:var(--mono);font-size:.7rem;color:var(--muted);flex:none}
.sscbc-root.sscbc-root .mock-pdf-title{font-family:var(--disp);font-weight:800;font-size:.82rem;color:var(--ink);text-align:center}
.sscbc-root.sscbc-root .mock-pdf-sub{font-size:.72rem;color:var(--muted);text-align:center;margin:3px 0 12px}
.sscbc-root.sscbc-root .mock-rolls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.sscbc-root.sscbc-root .mock-roll{font-family:var(--mono);font-size:.73rem;padding:3px 7px;border-radius:5px;background:var(--paper);color:var(--muted);border:1px solid var(--line)}
.sscbc-root.sscbc-root .mock-roll.match{background:var(--gold-soft);color:#a86800;border-color:var(--gold);font-weight:700}
.sscbc-root.sscbc-root .mock-hint{text-align:center;font-size:.72rem;color:var(--blue);font-weight:600;margin-top:12px}
.sscbc-root.sscbc-root .mock-ms-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.sscbc-root.sscbc-root .mock-ms-title{font-family:var(--disp);font-weight:700;font-size:.86rem;color:var(--ink)}
.sscbc-root.sscbc-root .mock-ms-sub{font-size:.72rem;color:var(--muted);margin-top:2px}
.sscbc-root.sscbc-root .mock-badge-rev{font-family:var(--disp);font-size:.56rem;font-weight:700;letter-spacing:.06em;background:var(--blue);color:#fff;padding:3px 9px;border-radius:100px;flex:none}
.sscbc-root.sscbc-root .mock-grades{display:grid;gap:8px;margin-bottom:12px}
.sscbc-root.sscbc-root .mock-grade{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:.84rem}
.sscbc-root.sscbc-root .mock-grade>span:first-child{color:var(--muted);font-weight:600}
.sscbc-root.sscbc-root .mock-chg{font-family:var(--mono);font-size:.82rem;color:var(--muted)}
.sscbc-root.sscbc-root .mock-chg b{color:var(--green)}
.sscbc-root.sscbc-root .mock-chg .arr{color:var(--blue);margin:0 4px}
.sscbc-root.sscbc-root .mock-gpa{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:11px;background:linear-gradient(135deg,var(--sky),var(--sky-2));border:1px solid var(--line)}
.sscbc-root.sscbc-root .mock-gpa-lbl{font-family:var(--disp);font-weight:700;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.sscbc-root.sscbc-root .mock-gpa-sub{font-size:.72rem;color:var(--muted);margin-top:2px}
.sscbc-root.sscbc-root .mock-gpa-val{font-family:var(--mono);font-weight:800;font-size:1.4rem;color:var(--blue-deep);white-space:nowrap}
.sscbc-root.sscbc-root .mock-gpa-val .arr{color:var(--blue);margin:0 4px;font-weight:400}
.sscbc-root.sscbc-root .mock-gpa-val b{color:var(--green)}
@media(max-width:600px){
.sscbc-root.sscbc-root .hc-step{grid-template-columns:1fr;gap:10px}
.sscbc-root.sscbc-root .hc-num{width:46px;height:46px;font-size:1.15rem}
.sscbc-root.sscbc-root .mock-gpa-val{font-size:1.15rem}
.sscbc-root.sscbc-root .mock-nav{gap:12px;font-size:.74rem}
}
/* SVG step illustrations (real BISE board screens) */
.sscbc-root.sscbc-root .mock-svg{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);background:#fff}
.sscbc-root.sscbc-root .mock-svg text{user-select:none}

/* Grid cards for "What Gets Checked / Key Facts" */
.sscbc-root.sscbc-root .gc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}
.sscbc-root.sscbc-root .gc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:.2s;display:flex;flex-direction:column;gap:14px}
.sscbc-root.sscbc-root .gc-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:var(--shadow)}
.sscbc-root.sscbc-root .gc-card h3{font-size:1.15rem;color:var(--ink)}
.sscbc-root.sscbc-root .gc-list{list-style:none;display:grid;gap:10px}
.sscbc-root.sscbc-root .gc-list li{display:flex;gap:11px;font-size:.9rem;color:#39566a;align-items:flex-start;line-height:1.6}
.sscbc-root.sscbc-root .gc-list li .tick{flex:none;width:20px;height:20px;border-radius:7px;background:var(--sky);color:var(--blue);display:grid;place-items:center;margin-top:2px}
.sscbc-root.sscbc-root .gc-card .pb-p{margin-top:auto;padding-top:4px;font-size:.88rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px}
@media(max-width:860px){.sscbc-root.sscbc-root .gc-grid{grid-template-columns:1fr}}

/* Section headings span full width so they stay on one line */
@media(min-width:761px){
.sscbc-root.sscbc-root .sec-head{max-width:none}
.sscbc-root.sscbc-root .sec-head h2{white-space:nowrap}
.sscbc-root.sscbc-root .sec-head h2{font-size:clamp(1.3rem,0.6rem + 1.55vw,1.9rem)}
}

/* ---------------------------------------------------------------------------
   Plugin-only additions (features the static page hard-coded, now editable).
   Styled to sit naturally inside the original design language.
   --------------------------------------------------------------------------- */

/* Section background variants, chosen per section from the admin. */
.sscbc-root.sscbc-root section.sscbc-tinted{background:var(--sky);border-block:1px solid var(--line)}

/* The "notice-board" grid is 2-up in this design; a single card would stretch
   oddly wide, so a lone card is centred at a readable width instead. */
.sscbc-root.sscbc-root .notice-board:has(.notice-item:only-child){grid-template-columns:minmax(0,640px);justify-content:center}

/* Custom step image used in place of a built-in SVG illustration. */
.sscbc-root.sscbc-root .mock-img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);background:#fff}

/* Optional caption under a step illustration. */
.sscbc-root.sscbc-root .hc-caption{font-size:.78rem;color:var(--muted);margin-top:8px;text-align:center}

/* The disclaimer keeps its own section when it is not nested inside the FAQ. */
.sscbc-root.sscbc-root #disclaimer .disclaimer-panel{margin-top:22px}

/* Download cards: keep long board names from pushing the button off the card. */
.sscbc-root.sscbc-root .dl-name{overflow-wrap:anywhere}

/* The accordion card title is an h4 when it sits under the "Phase Details"
   sub-heading, so the document outline stays h1 > h2 > h3 > h4. Both levels
   share the design's type and wrapping rules. */
.sscbc-root.sscbc-root .phase-head{min-width:0}
.sscbc-root.sscbc-root .phase-head .lead-txt{min-width:0;flex:1 1 auto}
.sscbc-root.sscbc-root .phase-head h3, .sscbc-root.sscbc-root .phase-head h4{overflow-wrap:anywhere}
.sscbc-root.sscbc-root .phase-head .chev{margin-left:auto}

/* Uploaded board logos sit inside the same 42px rounded tile as the built-in
   icon. The tile drops its blue wash when a real logo is used, so coloured
   board crests are not fighting a tinted background. */
.sscbc-root.sscbc-root .dl-ico.has-img{background:#fff;border:1px solid var(--line);padding:5px}
.sscbc-root.sscbc-root .dl-ico img{display:block;width:100%;height:100%;object-fit:contain}