/* FILE-O latest capabilities: compact illustrated 4x2 cards.
 * This stylesheet is scoped to the homepage news cards only.
 * No changes to the tool catalog, its cards, or processing interface.
 */
#homePage .home-latest-grid{gap:10px}
#homePage .home-latest-card{
  --news-wash:#f5f0ff;--news-border:#dcd0f1;
  --news-accent:#694dc4;--news-icon-bg:#e8dbff;--news-highlight:rgba(111,75,199,.12);
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;align-items:stretch;
  min-height:132px;gap:4px;
  padding:12px 14px 11px;
  border:1px solid var(--news-border);
  border-radius:15px;
  background:linear-gradient(130deg,var(--news-wash) 0%,#fff 82%);
  color:#2c2943;
  box-shadow:0 6px 20px rgba(36,32,75,.045),inset 0 1px rgba(255,255,255,.72);
  text-decoration:none;
  transition:transform .22s cubic-bezier(.2,.75,.25,1),box-shadow .22s,border-color .22s;
  animation:home-news-reveal .42s cubic-bezier(.2,.75,.25,1) both;
}
#homePage .home-latest-card:nth-child(1){
  --news-wash:#f2ebff;--news-border:#ded0f7;--news-accent:#694bb5;
  --news-icon-bg:#e9dcff;--news-highlight:rgba(131,85,223,.16)
}
#homePage .home-latest-card:nth-child(2){
  --news-wash:#eaf3ff;--news-border:#d6e4fa;--news-accent:#3069a9;
  --news-icon-bg:#d8eaff;--news-highlight:rgba(82,148,222,.14)
}
#homePage .home-latest-card:nth-child(3){
  --news-wash:#fff0f6;--news-border:#f6dce8;--news-accent:#a74478;
  --news-icon-bg:#ffe0ed;--news-highlight:rgba(224,91,147,.14)
}
#homePage .home-latest-card:nth-child(4){
  --news-wash:#eaf8fb;--news-border:#d2ebf1;--news-accent:#16809a;
  --news-icon-bg:#d2f0f5;--news-highlight:rgba(60,177,196,.13)
}
#homePage .home-latest-card:nth-child(5){
  --news-wash:#fff1ea;--news-border:#f6dfd2;--news-accent:#a75d37;
  --news-icon-bg:#ffe1d0;--news-highlight:rgba(220,124,73,.13)
}
#homePage .home-latest-card:nth-child(6){
  --news-wash:#fff8e9;--news-border:#f1e8c9;--news-accent:#8a691e;
  --news-icon-bg:#f9edc7;--news-highlight:rgba(190,148,39,.13)
}
#homePage .home-latest-card:nth-child(7){
  --news-wash:#eaf8f1;--news-border:#d3ecdf;--news-accent:#267a65;
  --news-icon-bg:#d3f1e2;--news-highlight:rgba(55,166,119,.14)
}
#homePage .home-latest-card:nth-child(8){
  --news-wash:#eff2fb;--news-border:#dce2f3;--news-accent:#5869a0;
  --news-icon-bg:#e2e8fa;--news-highlight:rgba(103,119,190,.13)
}
#homePage .home-latest-card::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  right:-24px;top:-29px;width:132px;height:112px;
  border-radius:50%;
  background:radial-gradient(circle,var(--news-highlight) 0%,transparent 69%);
  opacity:.78;transition:opacity .22s,transform .3s;
}
#homePage .home-latest-card::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  right:12px;top:10px;width:45px;height:45px;border-radius:50%;
  border:1px solid var(--news-highlight);
  box-shadow:0 0 0 11px rgba(255,255,255,.14),0 0 0 23px rgba(255,255,255,.11);
  opacity:.52;
}
#homePage .home-latest-card .home-latest-top{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:7px;min-height:30px;margin:0 0 2px;
}
#homePage .home-latest-card .home-latest-icon{
  width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.7);border-radius:10px;
  background:linear-gradient(145deg,var(--news-icon-bg),rgba(255,255,255,.82));
  color:var(--news-accent);
  box-shadow:0 3px 9px rgba(31,25,74,.08);
  transition:transform .22s cubic-bezier(.16,.8,.3,1),box-shadow .22s;
}
#homePage .home-latest-card .home-latest-icon svg{
  width:19px;height:19px;display:block;flex:none;
}
#homePage .home-latest-card .home-latest-category{
  flex:0 1 auto;font-size:8px;font-weight:820;line-height:1.3;
  letter-spacing:.052em;color:var(--news-accent);
  text-align:right;opacity:.92;white-space:normal;overflow-wrap:anywhere;
}
#homePage .home-latest-card strong{
  display:block;line-height:1.26;color:#27243e;
  font-size:14px;font-weight:830;letter-spacing:-.026em;
  margin:1px 0 1px;max-width:100%;
}
#homePage .home-latest-card .home-latest-description{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;line-height:1.43;color:#6d697b;
  font-size:10.2px;max-width:100%;
}
#homePage .home-latest-card .home-latest-action{
  display:inline-flex;align-items:center;gap:6px;width:max-content;
  margin-top:auto;padding-top:6px;
  font-size:10px;font-weight:790;line-height:1.15;color:var(--news-accent);
}
#homePage .home-latest-card .home-latest-action::before{
  content:"";width:5px;height:5px;flex:none;border-radius:50%;
  background:var(--news-accent);opacity:.72;
  transition:transform .18s;
}
#homePage .home-latest-card:nth-child(n){animation-delay:0s}
#homePage .home-latest-card:nth-child(2){animation-delay:.045s}
#homePage .home-latest-card:nth-child(3){animation-delay:.09s}
#homePage .home-latest-card:nth-child(4){animation-delay:.135s}
#homePage .home-latest-card:nth-child(5){animation-delay:.18s}
#homePage .home-latest-card:nth-child(6){animation-delay:.225s}
#homePage .home-latest-card:nth-child(7){animation-delay:.27s}
#homePage .home-latest-card:nth-child(8){animation-delay:.315s}
@keyframes home-news-reveal{
  from{opacity:.45;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@media(hover:hover) and (pointer:fine){
  #homePage .home-latest-card:is(:hover,:focus-visible){
    transform:translateY(-3px);
    box-shadow:0 12px 27px rgba(40,32,95,.12),inset 0 1px rgba(255,255,255,.82);
    border-color:var(--news-accent);
  }
  #homePage .home-latest-card:hover .home-latest-icon{
    transform:translateY(-2px) rotate(-4deg) scale(1.07);
    box-shadow:0 6px 13px var(--news-highlight);
  }
  #homePage .home-latest-card:hover::before{opacity:1;transform:scale(1.16)}
  #homePage .home-latest-card:hover .home-latest-action::before{transform:scale(1.35)}
}
#homePage .home-latest-card:focus-visible{
  outline:3px solid var(--news-accent);outline-offset:3px;
}
@media(max-width:1060px){
  #homePage .home-latest-card{min-height:136px;padding:11px 12px 10px}
  #homePage .home-latest-card strong{font-size:13px}
}
@media(max-width:960px){
  #homePage .home-latest-card{min-height:142px;padding:12px}
}
@media(max-width:420px){
  #homePage .home-latest-card{
    min-height:147px;gap:4px;padding:10px;
    border-radius:12px;
  }
  #homePage .home-latest-card .home-latest-top{gap:4px;min-height:29px;margin-bottom:1px}
  #homePage .home-latest-card .home-latest-icon{
    width:29px;height:29px;flex-basis:29px;border-radius:9px
  }
  #homePage .home-latest-card .home-latest-icon svg{width:17px;height:17px}
  #homePage .home-latest-card .home-latest-category{
    font-size:7.5px;letter-spacing:.025em;
  }
  #homePage .home-latest-card strong{font-size:12.3px;line-height:1.27}
  #homePage .home-latest-card .home-latest-description{
    font-size:9.5px;line-height:1.42;
  }
  #homePage .home-latest-card .home-latest-action{font-size:9px;padding-top:4px}
}
@media(prefers-reduced-motion:reduce){
  #homePage .home-latest-card{animation:none!important;transition:none!important}
  #homePage .home-latest-card::before,
  #homePage .home-latest-card .home-latest-icon,
  #homePage .home-latest-card .home-latest-action::before{transition:none!important}
  #homePage .home-latest-card:is(:hover,:focus-visible){transform:none!important}
}


/* FILE-O BRIGHT PALETTE v2: saturated yet readable card-wide gradients.
   Scoped only to the eight home news cards, without layout changes. */
#homePage .home-latest-card{
  --news-wash:#dfc3ff;--news-end:#f2e7ff;
  --news-border:#bd97ef;--news-accent:#6231c9;
  --news-icon-bg:#cda3ff;--news-highlight:rgba(131,85,223,.33);
  box-shadow:0 8px 24px rgba(36,32,75,.09),inset 0 1px rgba(255,255,255,.65);
}
#homePage .home-latest-card:nth-child(1){
  --news-wash:#dfc3ff;--news-end:#f2e7ff;--news-border:#bd97ef;
  --news-accent:#6231c9;--news-icon-bg:#cda3ff;--news-highlight:rgba(131,85,223,.33);
}
#homePage .home-latest-card:nth-child(2){
  --news-wash:#beddff;--news-end:#e5f2ff;--news-border:#90c1f6;
  --news-accent:#195eb2;--news-icon-bg:#a6d3ff;--news-highlight:rgba(52,124,223,.31);
}
#homePage .home-latest-card:nth-child(3){
  --news-wash:#ffc9e0;--news-end:#ffedf5;--news-border:#f3a1c3;
  --news-accent:#b72d72;--news-icon-bg:#ffa9ce;--news-highlight:rgba(224,70,139,.31);
}
#homePage .home-latest-card:nth-child(4){
  --news-wash:#b4ebf7;--news-end:#e7faff;--news-border:#86d7e8;
  --news-accent:#076e91;--news-icon-bg:#8edce9;--news-highlight:rgba(29,165,191,.30);
}
#homePage .home-latest-card:nth-child(5){
  --news-wash:#ffd4b6;--news-end:#fff0df;--news-border:#f5b58a;
  --news-accent:#ad4e20;--news-icon-bg:#ffc098;--news-highlight:rgba(218,105,52,.30);
}
#homePage .home-latest-card:nth-child(6){
  --news-wash:#ffe69e;--news-end:#fff7d1;--news-border:#ecc970;
  --news-accent:#8b6210;--news-icon-bg:#f7dc80;--news-highlight:rgba(188,139,26,.28);
}
#homePage .home-latest-card:nth-child(7){
  --news-wash:#b3eacb;--news-end:#e2f9ef;--news-border:#88d3ab;
  --news-accent:#14764f;--news-icon-bg:#94deb7;--news-highlight:rgba(27,154,97,.29);
}
#homePage .home-latest-card:nth-child(8){
  --news-wash:#cbd5fc;--news-end:#edf0ff;--news-border:#a8b9f1;
  --news-accent:#4558ac;--news-icon-bg:#b3c2fa;--news-highlight:rgba(74,95,185,.29);
}
#homePage .home-latest-card:nth-child(n){
  background:linear-gradient(132deg,var(--news-wash) 0%,var(--news-end) 100%);
}
#homePage .home-latest-card::before{opacity:.98}
#homePage .home-latest-card::after{opacity:.72}
#homePage .home-latest-card .home-latest-icon{
  background:linear-gradient(145deg,var(--news-icon-bg),rgba(255,255,255,.7));
  box-shadow:0 4px 11px rgba(31,25,74,.12);
}
#homePage .home-latest-card .home-latest-description{color:#58536a}
#homePage .home-latest-card:is(:hover,:focus-visible){
  box-shadow:0 14px 30px rgba(40,32,95,.17),inset 0 1px rgba(255,255,255,.82);
}