/* AV Insights > Learn: a classroom whiteboard in a wooden frame, text written with markers */
.av-card.av-lb{display:block!important;grid-column:1/-1;width:100%;max-width:1120px;margin:0 auto;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.av-lb .lb-frame{position:relative;border-radius:10px;padding:16px;background:linear-gradient(135deg,#a86f3a,#7a4a22 45%,#965f2e 70%,#6b3f1b);box-shadow:0 22px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 3px rgba(0,0,0,.4)}
.av-lb .lb-board{position:relative;box-sizing:border-box;min-height:400px;padding:34px 44px 28px;border-radius:4px;color:#10213f;overflow:hidden;
  background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 44%,rgba(255,255,255,0) 58%),linear-gradient(180deg,#f7f9fb,#eef2f6);
  box-shadow:inset 0 0 40px rgba(60,80,110,.18),inset 0 0 0 2px rgba(120,135,155,.45)}
.av-lb .lb-board::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background:radial-gradient(30% 10% at 25% 82%,rgba(120,130,150,.09),rgba(255,255,255,0)),radial-gradient(25% 8% at 75% 35%,rgba(120,130,150,.07),rgba(255,255,255,0))}
.av-lb .lb-tray{height:12px;margin:0 -4px;border-radius:0 0 4px 4px;background:linear-gradient(#8b5a2b,#5a3416);box-shadow:0 3px 6px rgba(0,0,0,.4)}
.av-lb .lb-chalks{position:absolute;right:40px;bottom:15px;display:flex;gap:7px;pointer-events:none}
.av-lb .lb-chalks i{display:block;width:34px;height:9px;border-radius:4px;background:linear-gradient(90deg,#d8dde4 0 22%,#d8222a 22%);box-shadow:0 1px 2px rgba(0,0,0,.45)}
.av-lb .lb-chalks i:nth-child(2){background:linear-gradient(90deg,#d8dde4 0 22%,#1553d6 22%)}
.av-lb .lb-chalks i:nth-child(3){background:linear-gradient(90deg,#d8dde4 0 22%,#0e7a3c 22%)}
.av-lb .lb-text{position:relative}
html body #news .av-card.av-lb .lb-board,html body #news .av-card.av-lb .lb-board *{font-family:"Caveat","Kalam","Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;-webkit-text-fill-color:currentColor}
html body #news .av-card.av-lb .lb-kicker{margin:0 0 4px;font-size:clamp(26px,2.8vw,32px);font-weight:700;color:#1553d6;display:flex;justify-content:space-between;gap:12px}
html body #news .av-card.av-lb .lb-date{color:#0e7a3c;font-size:clamp(22px,2.5vw,28px);text-align:right}
html body #news .av-card.av-lb .lb-title{margin:6px 0 4px;font-family:"Permanent Marker","Caveat",cursive!important;font-size:clamp(34px,5.4vw,66px);font-weight:400;line-height:1.08;color:#10213f;background:none!important}
html body #news .av-card.av-lb .lb-title *{font-family:"Permanent Marker","Caveat",cursive!important}
.av-lb .lb-line{height:7px;margin:4px 0 18px;width:0;border-radius:7px;background:#d8222a;transform:rotate(-.7deg);transition:width 1.1s ease-out}
.av-lb .lb-line.on{width:62%}
html body #news .av-card.av-lb .lb-body{margin:0;font-size:clamp(30px,3.8vw,46px);font-weight:700;line-height:1.2;color:#1553d6}
.av-lb .lb-ch{opacity:0}
.av-lb .lb-ch.on{opacity:1;animation:lbInk .2s ease-out}
@keyframes lbInk{from{opacity:0}to{opacity:1}}
.av-lb .lb-pen{position:absolute;width:9px;height:16px;border-radius:2px 2px 5px 5px;background:#1553d6;box-shadow:0 2px 4px rgba(0,0,0,.35);transform:rotate(28deg);opacity:0;pointer-events:none;transition:opacity .2s,left .06s linear,top .06s linear}
.av-lb .lb-pen.on{opacity:1}
.av-lb .lb-foot{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}
html body #news .av-card.av-lb .lb-link{color:#0e7a3c!important;font-size:clamp(24px,2.5vw,28px);font-weight:700;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
html body #news .av-card.av-lb .lb-pg{color:#5b6b85;font-size:24px}
@media (max-width:700px){
  .av-lb .lb-frame{padding:8px;border-radius:7px}
  .av-lb .lb-board{padding:20px 16px 20px;min-height:350px}
  .av-lb .lb-chalks{right:16px;bottom:11px;gap:5px}.av-lb .lb-chalks i{width:26px;height:7px}
  .av-lb .lb-line.on{width:78%}
  html body #news .av-card.av-lb .lb-title{font-size:clamp(30px,9vw,40px)}
  html body #news .av-card.av-lb .lb-body{font-size:clamp(26px,7.4vw,32px)}
  html body #news .av-card.av-lb .lb-kicker{font-size:24px}html body #news .av-card.av-lb .lb-date{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.av-lb .lb-ch.on{animation:none}.av-lb .lb-line{transition:none}}