/* BenefitDesk UX Design System v1.0
   Loaded after site.css, layout.css and article.css.
   Purpose: unify legacy and sprint-era page patterns without changing content.
*/
:root{
  --ux-ink:#17212b;--ux-muted:#5b6775;--ux-navy:#0b2a4a;--ux-blue:#1f5f99;
  --ux-gold:#d4a84b;--ux-line:#dce4ec;--ux-page:#f4f7fa;--ux-surface:#fff;
  --ux-info:#eaf3fb;--ux-success:#eaf6ee;--ux-warning:#fff6df;--ux-danger:#fff0f0;
  --ux-r1:.625rem;--ux-r2:.875rem;--ux-r3:1.25rem;
  --ux-shadow-1:0 2px 8px rgba(15,23,42,.06);
  --ux-shadow-2:0 12px 32px rgba(15,23,42,.09);
  --ux-space-1:.5rem;--ux-space-2:1rem;--ux-space-3:1.5rem;--ux-space-4:2rem;--ux-space-5:3rem;
}
*{box-sizing:border-box}
body{background:var(--ux-page);color:var(--ux-ink);font-size:16px;line-height:1.72;text-rendering:optimizeLegibility}
main{min-height:55vh}
img{max-width:100%;height:auto}
a{text-decoration-thickness:.08em}
.site-header{position:sticky;top:0}
.site-topbar{padding-block:.78rem}
.site-brand-mark{box-shadow:inset 0 0 0 1px rgba(7,29,51,.14)}
.site-search input,.site-search button{min-height:46px}
.site-nav{overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap}
.site-nav a{white-space:nowrap}
.bd-shell,.site-shell{width:min(100% - 2rem,1180px)}
.bd-breadcrumb{margin:1.15rem 0;color:var(--ux-muted)}
.bd-breadcrumb ol{align-items:center}
.bd-article-hero,.hero{
  background:linear-gradient(135deg,#071d33 0%,#0b2a4a 58%,#174f7c 100%);
  border:1px solid rgba(255,255,255,.08);border-radius:var(--ux-r3);
  box-shadow:var(--ux-shadow-2);padding:clamp(1.7rem,4vw,3.5rem)
}
.bd-article-hero h1,.hero h1{font-size:clamp(2rem,5vw,3.5rem);max-width:920px}
.bd-eyebrow{letter-spacing:.08em;background:rgba(255,255,255,.11)}
.bd-meta-row{padding-top:.15rem}
.bd-btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}
.bd-btn,.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:.68rem;padding:.72rem 1.05rem;font-weight:800;text-decoration:none}
.bd-btn--primary,.btn{background:var(--ux-gold);color:#071d33!important;border:1px solid var(--ux-gold)}
.bd-btn--primary:hover,.btn:hover{background:#e2b858;color:#071d33!important}
.bd-btn--secondary{border:1px solid rgba(255,255,255,.45);color:#fff!important;background:rgba(255,255,255,.06)}
.bd-layout,.bd-article-layout{gap:clamp(1.3rem,3vw,2.25rem);margin-top:2rem}
.bd-article,.bd-article-content{min-width:0}
.bd-article>section,.bd-article-section,.section{
  background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-r2);
  padding:clamp(1.15rem,3vw,1.75rem);margin:1.25rem 0;box-shadow:var(--ux-shadow-1)
}
.bd-article>section.bd-quick-answer,.bd-quick-answer{background:var(--ux-info);border-color:#cfe3f4}
.bd-article h2,.bd-article-content h2,.bd-article-section h2,.section h2{
  margin-top:0;color:var(--ux-navy);font-size:clamp(1.35rem,2.7vw,1.8rem);line-height:1.25;
  border-left:4px solid var(--ux-gold);padding-left:.75rem
}
.bd-article h3,.bd-article-content h3{color:var(--ux-navy);font-size:1.15rem}
.bd-article p,.bd-article li,.bd-article-content p,.bd-article-content li{color:#334155}
.bd-quick-answer{font-size:1.025rem;line-height:1.7}
.bd-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.bd-fact{background:#fff;border:1px solid var(--ux-line);border-top:3px solid var(--ux-gold);border-radius:var(--ux-r2);padding:1rem;box-shadow:var(--ux-shadow-1)}
.bd-fact strong,.bd-fact span{display:block}.bd-fact strong{color:var(--ux-navy);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.bd-fact span{margin-top:.35rem;color:#475569}
.bd-checklist{list-style:none!important;padding-left:0!important;display:grid;gap:.65rem}
.bd-checklist li{position:relative;padding:.72rem .8rem .72rem 2.55rem;background:#f8fafc;border:1px solid var(--ux-line);border-radius:.65rem}
.bd-checklist li:before{content:'✓';position:absolute;left:.85rem;top:.7rem;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;background:#21653a;color:white;font-size:.75rem;font-weight:900}
.bd-steps{counter-reset:uxstep;list-style:none!important;padding-left:0!important;display:grid;gap:.85rem}
.bd-steps>li{counter-increment:uxstep;position:relative;padding:1rem 1rem 1rem 3.75rem;background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-r2);box-shadow:var(--ux-shadow-1);min-height:3.4rem}
.bd-steps>li:before{content:counter(uxstep);position:absolute;left:1rem;top:.92rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--ux-navy);color:#fff;font-weight:900}
.bd-table-wrap{overflow-x:auto;border:1px solid var(--ux-line);border-radius:var(--ux-r2);background:#fff;margin:1rem 0}
.bd-table{width:100%;border-collapse:collapse;min-width:620px}
.bd-table th{background:var(--ux-navy);color:white;text-align:left;font-size:.88rem;letter-spacing:.01em}
.bd-table th,.bd-table td{padding:.85rem .9rem;border-bottom:1px solid var(--ux-line);vertical-align:top}
.bd-table tbody tr:nth-child(even){background:#f8fafc}.bd-table tbody tr:last-child td{border-bottom:0}
.bd-callout,.bd-notice,.bd-status-box,.bd-note{border-radius:var(--ux-r2);padding:1rem 1.1rem;margin:1rem 0;border:1px solid var(--ux-line);border-left-width:5px;box-shadow:none}
.bd-notice-info,.bd-callout:not(.bd-callout--warning):not(.bd-callout--danger):not(.bd-callout--success){background:var(--ux-info);border-left-color:var(--ux-blue)}
.bd-callout--success{background:var(--ux-success);border-left-color:#21653a}.bd-callout--warning,.bd-notice-warning{background:var(--ux-warning);border-left-color:#b7791f}.bd-callout--danger{background:var(--ux-danger);border-left-color:#9a2d2d}
.bd-screen-placeholder{
  position:relative;overflow:hidden;margin:1.15rem 0;border:1px solid #e6c98b;border-radius:var(--ux-r2);
  background:linear-gradient(#fff 0 2.5rem,#fff8e8 2.5rem);padding:4.5rem 1.25rem 1.5rem;min-height:190px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--ux-shadow-1)
}
.bd-screen-placeholder:before{content:'●  ●  ●';position:absolute;top:.62rem;left:.9rem;color:#c3922d;letter-spacing:.18rem;font-size:.72rem}
.bd-screen-placeholder:after{content:'SCREENSHOT FRAME';position:absolute;top:.62rem;right:.9rem;color:#8a6319;font-size:.68rem;font-weight:900;letter-spacing:.07em}
.bd-screen-placeholder strong{color:var(--ux-navy);font-size:1rem}.bd-screen-placeholder span{display:block;max-width:620px;margin-top:.4rem;color:#66593f}
.bd-faq details,.bd-faq-item{background:#fff;border:1px solid var(--ux-line);border-radius:.7rem;margin:.7rem 0;overflow:hidden}
.bd-faq summary,.bd-faq-item summary{cursor:pointer;padding:1rem 3rem 1rem 1rem;font-weight:800;color:var(--ux-navy);position:relative;list-style:none}
.bd-faq summary:after,.bd-faq-item summary:after{content:'+';position:absolute;right:1rem;top:.78rem;font-size:1.45rem;color:var(--ux-blue)}
.bd-faq details[open] summary:after,.bd-faq-item[open] summary:after{content:'−'}
.bd-faq details p,.bd-faq-item p{padding:0 1rem 1rem;margin:0}
.bd-related-links,.bd-card-grid,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.bd-related-link,.bd-link-card,.card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-r2);padding:1rem;box-shadow:var(--ux-shadow-1);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.bd-related-link:hover,.bd-link-card:hover,.card:hover{transform:translateY(-2px);border-color:#c79b40;box-shadow:var(--ux-shadow-2)}
.bd-link-card strong{font-size:1.04rem;color:var(--ux-navy)}.bd-link-card span{color:var(--ux-muted)}.bd-link-card em{margin-top:auto;color:#8a6319;font-style:normal;font-weight:800}
.bd-card-badge{align-self:flex-start;border-radius:999px;background:var(--ux-info);color:var(--ux-blue)!important;padding:.18rem .5rem;font-size:.7rem!important;font-weight:850;text-transform:uppercase;letter-spacing:.03em}
.bd-toc,.bd-side-card{background:#fff;border:1px solid var(--ux-line);border-radius:var(--ux-r2);box-shadow:var(--ux-shadow-1)}
.bd-sidebar{position:sticky;top:9.2rem}.bd-toc{padding:1rem}.bd-toc h2{font-size:1rem!important;border:0!important;padding:0!important;margin:0 0 .65rem!important}.bd-toc ul,.bd-toc ol{padding-left:1.1rem;margin:0}.bd-toc li{margin:.38rem 0}.bd-toc a{text-decoration:none;color:#475569;font-size:.9rem}.bd-toc a:hover{color:var(--ux-blue);text-decoration:underline}
.bd-side-card{padding:1rem;margin-top:1rem}.bd-side-card h2{font-size:1rem!important;border:0!important;padding:0!important;margin:0 0 .5rem!important}
.site-footer{margin-top:4rem}.site-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;padding:2.4rem 0 2rem}.site-footer-grid h2{font-size:1rem}.site-footer-grid p{margin:.35rem 0}.site-footer-bottom{margin:0}
/* Hub dashboard */
body[data-page='sparsh-hub'] .bd-article-section{padding:clamp(1.2rem,3vw,2rem)}
body[data-page='sparsh-hub'] .bd-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page='sparsh-hub'] .bd-article-section>h2{display:flex;align-items:center;gap:.6rem}
body[data-page='sparsh-hub'] .bd-link-card{min-height:150px;border-top:4px solid var(--ux-gold)}
@media(max-width:980px){.bd-layout,.bd-article-layout{grid-template-columns:1fr!important}.bd-sidebar{position:static}.bd-toc{display:none}.bd-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page='sparsh-hub'] .bd-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bd-shell,.site-shell{width:min(100% - 1rem,1180px)}.site-header{position:relative}.bd-article-hero,.hero{border-radius:.9rem}.bd-related-links,.bd-card-grid,.cards,body[data-page='sparsh-hub'] .bd-card-grid{grid-template-columns:1fr}.bd-fact-grid{grid-template-columns:1fr}.bd-btn-row{display:grid}.bd-btn{width:100%}.bd-article>section,.bd-article-section,.section{padding:1rem}.site-footer-grid{grid-template-columns:1fr;gap:1rem}.bd-screen-placeholder{min-height:160px;padding-top:4rem}}
@media(max-width:420px){body{font-size:15.5px}.bd-article-hero h1,.hero h1{font-size:1.9rem}.site-search input{font-size:16px}.bd-steps>li{padding-left:3.35rem}.bd-steps>li:before{left:.75rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:#fff}.bd-sidebar,.bd-btn-row,.site-header,.site-footer{display:none!important}.bd-layout,.bd-article-layout{display:block}.bd-article>section,.bd-article-section{box-shadow:none;break-inside:avoid}.bd-screen-placeholder{display:none}.bd-shell{width:100%}}

/* BenefitDesk FOOTER UNIFICATION */
.site-footer .site-footer-grid > div:not(:first-child) a,
.site-footer .site-footer-grid > nav a,
.site-footer .footer-links a,
.site-footer .footcol a,
.site-footer .footer-col a {
  display:block !important; width:max-content; max-width:100%;
  margin:0 0 .48rem 0 !important; line-height:1.45;
}
.site-footer .footer-links,.site-footer .footcol,.site-footer .footer-col {
  flex-direction:column !important; align-items:flex-start !important;
}
@media(max-width:700px){.site-footer .site-footer-grid{grid-template-columns:1fr !important;gap:1rem !important}}