/* V86.12 — member home news/jobs + restored resource attachments */

/* The base V86 home intentionally hides secondary home-only sections. Once a
   member is authenticated, surface the two live sections that are useful at a
   glance instead of forcing another click through the four public cards. */
html[data-auth="member"] body[data-audience="home"] main.container > #safety-news,
html[data-auth="member"] body[data-audience="home"] main.container > #safety-jobs{
  display:block!important;
  margin:26px auto 0!important;
  padding:28px 30px!important;
  border:1px solid rgba(171,198,218,.55)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(139,198,255,.19),transparent 34%),
    radial-gradient(circle at 2% 100%,rgba(255,237,139,.16),transparent 28%),
    rgba(255,255,255,.92)!important;
  box-shadow:0 18px 42px rgba(41,79,115,.09)!important;
  overflow:hidden;
}
html[data-auth="member"] body[data-audience="home"] .v86-public-features{
  display:none!important;
}
html[data-auth="member"] body[data-audience="home"] #safety-news .section-head,
html[data-auth="member"] body[data-audience="home"] #safety-jobs .section-head{
  margin:0 0 12px!important;
  align-items:flex-end;
}
html[data-auth="member"] body[data-audience="home"] #safety-news .section-head h2,
html[data-auth="member"] body[data-audience="home"] #safety-jobs .section-head h2{
  font-size:clamp(1.7rem,2.2vw,2.35rem)!important;
  letter-spacing:-.04em;
}
html[data-auth="member"] body[data-audience="home"] #safety-news .news-desc,
html[data-auth="member"] body[data-audience="home"] #safety-jobs .jobs-desc{
  max-width:1050px;
  margin:0 0 16px!important;
  color:#536b80!important;
  font-size:.92rem!important;
  line-height:1.7!important;
}
html[data-auth="member"] body[data-audience="home"] #safety-news .news-grid,
html[data-auth="member"] body[data-audience="home"] #safety-jobs .jobs-grid{
  margin-top:14px!important;
}

/* Resource attachment picker: keep the existing site file-control language and
   make the limit easy to scan inside the write dialog. */
#attachment-fields{
  border:1px solid #d7e4e9;
  border-radius:16px;
  background:#f8fbfb;
  padding:16px 18px;
}
#attachment-fields legend{font-weight:900;color:#173e68;padding:0 7px;}
#attachment-fields small{display:block;margin:4px 0 9px;color:#607689;line-height:1.6;}
#attachment-fields input[type="file"]{width:100%;}

@media(max-width:820px){
  html[data-auth="member"] body[data-audience="home"] main.container > #safety-news,
  html[data-auth="member"] body[data-audience="home"] main.container > #safety-jobs{
    margin-top:18px!important;
    padding:20px 18px!important;
    border-radius:22px!important;
  }
  html[data-auth="member"] body[data-audience="home"] #safety-news .section-head,
  html[data-auth="member"] body[data-audience="home"] #safety-jobs .section-head{
    align-items:flex-start;
    gap:10px;
  }
}