/* Build 218 — unified top-level dashboard shell */
:root{
  --ed218-bg:#fbf7ef;--ed218-surface:#fffdf8;--ed218-soft:#f3ecdf;
  --ed218-ink:#171a1c;--ed218-muted:#666b6e;--ed218-line:#e5ddd0;
  --ed218-gold:#c59b3f;--ed218-dark:#0d1215;
}
body.premium-platform-page,.app-body.premium-platform-page{
  background:linear-gradient(135deg,#fbf8f2 0%,#f5eee3 55%,#fbfaf7 100%)!important;
  color:var(--ed218-ink)!important;
}
.site-header.unified-header{
  position:sticky!important;top:0!important;z-index:80!important;
  background:rgba(255,253,248,.97)!important;border-bottom:1px solid var(--ed218-line)!important;
  box-shadow:0 4px 18px rgba(33,27,18,.055)!important;backdrop-filter:blur(12px)!important;
}
.site-header.unified-header .brand{display:flex!important;align-items:center!important;gap:12px!important}
.site-header.unified-header .brand-logo{width:56px!important;height:56px!important;object-fit:contain!important;border-radius:10px!important}
.site-header.unified-header .main-nav{display:flex!important;align-items:center!important;gap:5px!important;overflow:auto!important;scrollbar-width:none!important}
.site-header.unified-header .main-nav a{
  display:inline-flex!important;align-items:center!important;min-height:42px!important;
  padding:0 13px!important;border-radius:10px!important;color:#303437!important;
  text-decoration:none!important;font-weight:720!important;white-space:nowrap!important;background:transparent!important;
}
.site-header.unified-header .main-nav a:hover{background:#f0eadf!important}
.site-header.unified-header .main-nav a[aria-current="page"],.site-header.unified-header .main-nav a.is-current{
  background:#f1eadb!important;color:#171a1c!important;box-shadow:inset 0 -2px var(--ed218-gold)!important;
}
.site-header.unified-header .urgent-link{
  border:1px solid #d1b36f!important;background:#fffaf0!important;color:#2d3032!important;
}
.ed216-dashboard{background:transparent!important}
.ed216-shell{width:min(1220px,calc(100% - 28px))!important}
.ed216-sidebar{
  background:linear-gradient(180deg,#0c1114,#12181c)!important;
  border:1px solid #20292e!important;border-radius:20px!important;
}
.ed216-welcome{
  grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr)!important;
  min-height:360px!important;background:#0d1215!important;
  border-radius:22px!important;overflow:hidden!important;
}
.ed216-welcome-copy{padding:clamp(30px,4vw,52px)!important}
.ed216-welcome-photo{min-height:360px!important;height:100%!important}
.ed216-welcome-photo img{
  width:100%!important;height:100%!important;min-height:360px!important;object-fit:cover!important;
  object-position:center center!important;display:block!important;
}
.ed216-panel,.ed216-quick{
  background:rgba(255,253,248,.96)!important;border-color:var(--ed218-line)!important;
}
.ed216-route-grid>a,.ed216-tool-grid a,.ed216-important-grid a{
  border-color:#e6dfd4!important;background:#fff!important;
}
.ed216-route-grid>a{min-height:90px!important}
.ed216-pills a{background:#fff!important;border-color:#e4ddd2!important}

/* Consistent top-level page presentation */
body.ed218-top-page main{
  width:min(1180px,calc(100% - 28px))!important;margin:20px auto 70px!important;
}
body.ed218-top-page :is(.hubs-welcome,.page-hero,.page-heading,.cloud-hero,.flow-hero){
  background:linear-gradient(135deg,#11171a,#1b2023)!important;
  color:#fff!important;border:1px solid #252d31!important;border-radius:22px!important;
  padding:clamp(28px,4vw,48px)!important;margin:0 0 16px!important;
  box-shadow:0 14px 34px rgba(16,20,22,.12)!important;
}
body.ed218-top-page :is(.hubs-welcome,.page-hero,.page-heading,.cloud-hero,.flow-hero) h1{
  color:#fff!important;letter-spacing:-.045em!important;line-height:1.03!important;
}
body.ed218-top-page :is(.hubs-welcome,.page-hero,.page-heading,.cloud-hero,.flow-hero) p{
  color:#e1e3e2!important;max-width:70ch!important;
}
body.ed218-top-page .breadcrumbs,
body.ed218-top-page .flow-breadcrumb{color:#827158!important;margin-bottom:14px!important}
body.ed218-top-page :is(.card,.hub-card,.resource-card,.course-card,.cloud-card,.search-panel,.flow-card,.panel){
  background:#fff!important;border:1px solid var(--ed218-line)!important;border-radius:18px!important;
  box-shadow:0 7px 22px rgba(43,34,21,.045)!important;
}
body.ed218-top-page :is(.tabs,.filter-tabs,.category-tabs,.chip-row) a,
body.ed218-top-page :is(.tab,.filter-chip,.chip,.pill){
  background:#fff!important;color:#3d4144!important;border:1px solid #e1dacd!important;
}
body.ed218-top-page :is(.tab,.filter-chip,.chip,.pill).active,
body.ed218-top-page :is(.tab,.filter-chip,.chip,.pill)[aria-selected="true"]{
  background:#171c1f!important;color:#fff!important;border-color:#171c1f!important;
}

@media(max-width:760px){
  .site-header.unified-header{position:relative!important}
  .site-header.unified-header .brand-logo{width:48px!important;height:48px!important}
  .site-header.unified-header .main-nav{gap:4px!important;padding-bottom:3px!important}
  .site-header.unified-header .main-nav a{min-height:38px!important;padding:0 11px!important;font-size:.88rem!important}
  .ed216-shell{width:calc(100% - 18px)!important}
  .ed216-welcome{grid-template-columns:1fr!important;min-height:0!important}
  .ed216-welcome-photo{order:-1!important;min-height:235px!important;height:235px!important}
  .ed216-welcome-photo img{min-height:235px!important;height:235px!important;object-position:center 42%!important}
  body.ed218-top-page main{width:calc(100% - 18px)!important;margin-top:12px!important}
  body.ed218-top-page :is(.hubs-welcome,.page-hero,.page-heading,.cloud-hero,.flow-hero){
    border-radius:18px!important;padding:24px 20px!important;
  }
}