/* AV Insights > Information: a small old-time newspaper in the brand blues. Cream paper, blue binding, old-print type; the page turns every 8 s. */
.av-card.av-np{display:block!important;grid-column:1/-1;width:100%;max-width:780px;margin:0 auto;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}

/* all pages share one grid cell (the card is as tall as the tallest page); the stack clips the turning page so it never grows over the site */
.av-np .np-stack{position:relative;display:grid;overflow:hidden;border-radius:6px 14px 14px 6px;perspective:4200px;perspective-origin:50% 50%;filter:drop-shadow(0 18px 26px rgba(0,30,90,.28))}
.av-np .np-page{grid-area:1/1;position:relative;visibility:hidden;z-index:1;transform-origin:left center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}
.av-np .np-page.is-under{visibility:visible;z-index:2}
.av-np .np-page.is-top{visibility:visible;z-index:3}
.av-np .np-page.is-turning{animation:npTurn 1.2s cubic-bezier(.55,.05,.25,1) forwards}
@keyframes npTurn{0%{transform:rotateY(0)}100%{transform:rotateY(-100deg)}}
.av-np .np-page.is-turning .np-front,.av-np .np-page.is-turning .np-back{animation:npFade 1.2s linear forwards}
@keyframes npFade{0%,60%{opacity:1}100%{opacity:0}}
.av-np .np-page.is-under::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,rgba(0,25,80,.5),rgba(0,25,80,.12) 45%,rgba(0,25,80,0) 70%);animation:npUnder 1.2s ease-out forwards}
@keyframes npUnder{0%{opacity:1}100%{opacity:0}}
.av-np .np-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,20,70,.38),rgba(0,0,0,0) 40%,rgba(255,255,255,.2) 100%);opacity:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.av-np .np-page.is-turning .np-shade{animation:npShade 1.2s ease-in-out forwards}
@keyframes npShade{0%{opacity:0}50%{opacity:1}100%{opacity:.5}}

/* paper + the little blue binding along the left edge */
.av-np .np-front,.av-np .np-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.av-np .np-front{position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-height:340px;padding:18px 28px 14px 42px;color:#0b1a3a;
  background:
   radial-gradient(120% 90% at 10% 0%,rgba(255,255,255,.6),rgba(255,255,255,0) 55%),
   repeating-linear-gradient(0deg,rgba(60,80,120,.035) 0 1px,rgba(0,0,0,0) 1px 3px),
   linear-gradient(135deg,#f7f3e8,#efe9d9);
  border:1px solid rgba(0,60,150,.2);box-shadow:inset 0 0 60px rgba(120,100,50,.13)}
.av-np .np-front::before{content:"";position:absolute;top:0;bottom:0;left:0;width:16px;background:
   repeating-linear-gradient(180deg,rgba(255,255,255,0) 0 15px,rgba(255,255,255,.55) 15px 17px),
   linear-gradient(90deg,#00307f 0%,#0057e0 55%,#3b86ff 100%);box-shadow:2px 0 8px rgba(0,40,120,.35),inset -2px 0 3px rgba(255,255,255,.25)}
.av-np .np-front::after{content:"";position:absolute;top:0;bottom:0;left:16px;width:10px;background:linear-gradient(90deg,rgba(0,30,90,.22),rgba(0,30,90,0));pointer-events:none}
.av-np .np-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);background:repeating-linear-gradient(0deg,rgba(60,80,120,.05) 0 1px,rgba(0,0,0,0) 1px 4px),linear-gradient(225deg,#e8e2d0,#dbd3bb);border:1px solid rgba(0,60,150,.25)}

/* type: old newspaper (Old Standard TT for headlines and small print, IM Fell English for the article) over the site-wide Lato rule */
html body #news .av-card.av-np .np-front,html body #news .av-card.av-np .np-front *{font-family:"IM Fell English","Old Standard TT",Georgia,"Times New Roman","Noto Serif",serif!important;-webkit-text-fill-color:currentColor}
html body #news .av-card.av-np .np-headline{font-family:"Old Standard TT","Libre Baskerville",Georgia,"Times New Roman","Noto Serif",serif!important;font-weight:700!important;font-size:clamp(27px,3.9vw,40px);line-height:1.1;letter-spacing:-.005em;color:#0b1a3a;margin:6px 0 14px;text-wrap:balance;background:none!important}
.av-np .np-mast{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#0b1a3a}
.av-np .np-led{display:block;width:76px;height:50px;flex:0 0 auto}
html body #news .av-card.av-np .np-date{font-family:"Old Standard TT",Georgia,serif!important;font-style:italic;font-size:clamp(14px,1.7vw,17px);letter-spacing:.02em;text-align:right;color:#143a8a}
.av-np .np-rule{height:7px;margin:6px 0 12px;border-top:3px solid #0057e0;border-bottom:1px solid #0057e0}
html body #news .av-card.av-np .np-kicker{margin:0;font-family:"Old Standard TT",Georgia,serif!important;font-size:13px;font-weight:700;font-style:italic;letter-spacing:.14em;text-transform:uppercase;color:#0057e0}

.av-np .np-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start;flex:1}
.av-np .np-body.np-nophoto{display:block}
.av-np .np-fig{margin:0;position:relative}
.av-np .np-photo{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#d6d3c6;border:1px solid #0b1a3a;padding:3px;box-sizing:border-box;filter:grayscale(.55) contrast(1.08) sepia(.14) saturate(1.15)}
html body #news .av-card.av-np .np-fig figcaption{margin-top:5px;font-family:"Old Standard TT",Georgia,serif!important;font-size:12px;font-style:italic;color:#3d4a68}
html body #news .av-card.av-np .np-deck{margin:0;font-size:clamp(18px,2.15vw,21px);line-height:1.5;color:#1d2a47;text-align:left;hyphens:auto}
html body #news .av-card.av-np .np-deck::first-letter{float:left;font-family:"Old Standard TT",Georgia,serif!important;font-weight:700;font-size:3.5em;line-height:.8;padding:6px 10px 0 0;color:#0057e0}

.av-np .np-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(0,60,150,.45)}
.av-np .np-body+.np-foot{margin-top:16px}
html body #news .av-card.av-np .np-link{font-family:"Old Standard TT",Georgia,serif!important;font-size:14px;font-style:italic;color:#0057e0!important;text-decoration:underline;text-decoration-color:rgba(0,87,224,.4);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
html body #news .av-card.av-np .np-link:hover,html body #news .av-card.av-np .np-link:focus-visible{color:#0b1a3a!important;text-decoration-color:#0b1a3a}
html body #news .av-card.av-np .np-pg{font-family:"Old Standard TT",Georgia,serif!important;font-size:12px;font-style:italic;letter-spacing:.08em;color:#3d4a68;white-space:nowrap}
html body #news .av-card.av-np .np-share{flex:0 0 auto;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid #0057e0;background:transparent;color:#0057e0!important;text-decoration:none;transition:background .2s,transform .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.av-np .np-share svg{width:16px;height:16px;fill:#0057e0;transition:fill .2s}
.av-np .np-share:hover,.av-np .np-share:focus-visible{background:#0057e0;transform:scale(1.06)}
.av-np .np-share:hover svg,.av-np .np-share:focus-visible svg{fill:#fff}
.av-np .np-link:focus-visible,.av-np .np-share:focus-visible{outline:2px solid #d4a62a;outline-offset:3px;border-radius:4px}

@media (max-width:700px){
  .av-np .np-front{padding:14px 16px 12px 32px;min-height:430px}
  .av-np .np-front::before{width:13px}.av-np .np-front::after{left:13px}
  .av-np .np-body{grid-template-columns:1fr;gap:12px}
  .av-np .np-body.np-nophoto{display:block}
  html body #news .av-card.av-np .np-headline{font-size:clamp(26px,7.4vw,33px)}
  html body #news .av-card.av-np .np-deck{font-size:19px}
  .av-np .np-led{width:64px;height:44px}
  .av-np .np-pg{display:none}
  html body #news .av-card.av-np .np-kicker{letter-spacing:.1em;font-size:12px}
}
html.ks-a11y-noimg .av-np .np-fig{display:none}
html.ks-a11y-noimg .av-np .np-body{display:block}
@media (prefers-reduced-motion:reduce){
  .av-np .np-page.is-turning,.av-np .np-page.is-turning .np-front,.av-np .np-page.is-turning .np-back,.av-np .np-page.is-under::before,.av-np .np-page.is-turning .np-shade{animation:none}
}
html.ks-a11y-still .av-np .np-page.is-turning{animation:none}
