/* The Raider News strip.
 *
 * Lifted out of the homepage so the News Builder's "Home Page Strip" preview and the
 * homepage itself are drawn by ONE stylesheet. If these lived in two places they would
 * drift, and a preview that does not match the page is worse than no preview.
 *
 * Rules stay scoped to .skin-rb2 exactly as they were, so the homepage is unaffected;
 * the preview page just wraps itself in that class.
 */

/* The tokens the strip depends on, at the homepage's exact values. The homepage defines
 * these in its own inline :root, which loads AFTER this file and therefore wins there;
 * these exist so the strip looks IDENTICAL anywhere else it is drawn (the Builder's
 * preview frame), instead of falling back to another sheet's cream and navy.
 * If the homepage's values ever change, change these to match. */
.skin-rb2{
  --paper:#FBFAF8;
  --ink:#0B2240;
  --rb-deep:#2B6E9E;
  --red:#C8102E;
  --slab:'SquareSlab','Roboto Slab','Oswald',Arial,sans-serif;
}

/* ---- RAIDER NEWS (Bulletin) ---- */
  .skin-rb2 .news{position:relative;background:var(--paper);color:var(--ink);padding:6rem 0 6.5rem;}
  .skin-rb2 .news .nw-wrap{max-width:1240px;margin:0 auto;padding:0 2.4rem;}
  .skin-rb2 .news .rn-band{text-align:center;padding:.2rem 0 .4rem;}
  .skin-rb2 .news .rn-band .pre{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--rb-deep);font-weight:600;margin-bottom:.75rem;}
  .skin-rb2 .news .rn-band .pre::before,.skin-rb2 .news .rn-band .pre::after{content:"";width:48px;height:1px;background:rgba(11,34,64,.22);}
  .skin-rb2 .news .rn-band h2{font-family:var(--slab);text-transform:uppercase;font-size:clamp(2.2rem,5.2vw,3.7rem);line-height:.9;color:var(--ink);}
  .skin-rb2 .news .rn-band em{font-style:normal;color:var(--rb-deep);}
  .skin-rb2 .news .rn-lead{display:grid;grid-template-columns:1fr 1.1fr;gap:2.6rem;align-items:stretch;padding:3rem 0 .6rem;}
  .skin-rb2 .news .rn-lead .rn-copy{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;}
  .skin-rb2 .news .rn-lead .kick{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--red);}
  .skin-rb2 .news .rn-lead h3{font-family:var(--slab);text-transform:uppercase;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:.95;color:var(--red);margin:.5rem 0 .9rem;}
  .skin-rb2 .news .rn-lead .dek{font-size:1.05rem;color:#33465a;line-height:1.7;max-width:44ch;}
  .skin-rb2 .news .rn-lead .by{margin-top:.9rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#8190a0;}
  .skin-rb2 .news .rn-lead .pic{position:relative;overflow:hidden;border-radius:10px;min-height:300px;height:100%;box-shadow:0 22px 44px -24px rgba(11,34,64,.5);}
  .skin-rb2 .news .rn-lead .pic img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .skin-rb2 .news .rn-lead .pic:hover img{transform:scale(1.05);}
  .skin-rb2 .news .rn-sech{display:flex;align-items:center;gap:.85rem;margin:1.1rem 0 1.3rem;}
  .skin-rb2 .news .rn-sech .lbl{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--rb-deep);font-weight:700;}
  .skin-rb2 .news .rn-sech .ln{flex:1;height:1px;background:rgba(11,34,64,.14);}
  .skin-rb2 .news .rn-sech .all{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--rb-deep);text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .2s;}
  .skin-rb2 .news .rn-sech .all:hover{border-color:var(--rb-deep);}
  .skin-rb2 .news .rn-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
  .skin-rb2 .news .rn-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(11,34,64,.07);box-shadow:0 18px 40px -26px rgba(11,34,64,.45);display:flex;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;}
  .skin-rb2 .news .rn-card:hover{transform:translateY(-5px);box-shadow:0 30px 54px -28px rgba(11,34,64,.5);}
  .skin-rb2 .news .rn-card .tag{position:absolute;top:.85rem;left:.85rem;z-index:2;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#fff;background:var(--nc,var(--rb-deep));padding:.32rem .6rem;border-radius:4px;}
  .skin-rb2 .news .rn-card .pic{position:relative;overflow:hidden;aspect-ratio:16/10;}
  .skin-rb2 .news .rn-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
  .skin-rb2 .news .rn-card:hover .pic img{transform:scale(1.06);}
  .skin-rb2 .news .rn-card .cb{padding:1rem 1.1rem 1.2rem;}
  .skin-rb2 .news .rn-card h4{font-weight:600;font-size:1.04rem;line-height:1.22;color:var(--ink);transition:color .2s;}
  .skin-rb2 .news .rn-card:hover h4{color:var(--rb-deep);}
  .skin-rb2 .news .rn-card .d{margin-top:.45rem;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#8190a0;}
  @media(max-width:860px){
    .skin-rb2 .news{padding:4.5rem 0 5rem;}
    .skin-rb2 .news .rn-lead{grid-template-columns:1fr;gap:1.4rem;}
    .skin-rb2 .news .rn-tags{grid-template-columns:1fr;}
  }
  @media(max-width:480px){
    .skin-rb2 .news .nw-wrap{padding:0 1.3rem;}
    .skin-rb2 .news .rn-band .pre::before,.skin-rb2 .news .rn-band .pre::after{width:24px;}
  }