/* "Fler artiklar" mellan Studiekompass-bannern och FAQ, inne i artikelns
   textkolumn. Samma kort som raden på startsidan (#hpArtiklar), läggs in av
   supabase/lagg-in-fler-artiklar.mjs. Raden går ut till kolumnens kant
   (main har 22px sidmarginal, 16px på mobil). */
.fler-artiklar{margin:44px 0 8px}
.fler-artiklar .fa-in{padding:0}
.fler-artiklar .fa-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.fler-artiklar .fa-rubrik{font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:800;letter-spacing:-.7px;line-height:1.18;margin:0;color:#0A0A0A}
.fler-artiklar .fa-pilar{display:flex;gap:8px}
.fler-artiklar .fa-pil{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--bo,#C8D8E8);background:#fff;color:var(--ah,#2D6B4A);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,opacity .15s}
.fler-artiklar .fa-pil:hover{border-color:var(--ac,#5BA882)}
.fler-artiklar .fa-pil:disabled{opacity:.35;cursor:default}
@media(hover:none){.fler-artiklar .fa-pilar{display:none}}
.fler-artiklar .fa-rad{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:8px;margin:0 -22px;padding-left:22px;padding-right:22px;scroll-padding-inline:22px;scrollbar-width:thin}
.fler-artiklar .fa-kort{flex:0 0 240px;scroll-snap-align:start;background:#fff;border:1px solid var(--bo,#C8D8E8);border-radius:14px;overflow:hidden;box-shadow:0 1px 12px rgba(0,0,0,.05);transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit}
.fler-artiklar .fa-kort:hover{box-shadow:0 8px 40px rgba(0,0,0,.09);transform:translateY(-2px)}
.fler-artiklar .fa-bild{background:#DCE7E0 center/cover no-repeat;height:130px}
.fler-artiklar .fa-txt{padding:18px 18px 20px}
.fler-artiklar .fa-etiketter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.fler-artiklar .fa-tag{font-size:.62rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:20px;background:var(--al,#E8F5EE);color:var(--ah,#2D6B4A)}
.fler-artiklar .fa-tid{background:#EFF3F0;color:var(--li,#5C5C56)}
.fler-artiklar .fa-h{font-size:1.02rem;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 8px;color:#0F0F0D}
.fler-artiklar .fa-p{font-size:.83rem;line-height:1.55;color:var(--mu,#3E3E38);margin:0}
.fler-artiklar .fa-alla{display:inline-block;margin-top:22px;font-size:.9rem;font-weight:800;color:var(--ah,#2D6B4A);text-decoration:none}
.fler-artiklar .fa-alla:hover{text-decoration:underline}
@media(max-width:700px){
  .fler-artiklar .fa-rad{margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding-inline:16px}
}
@media(max-width:600px){
  .fler-artiklar .fa-kort{flex-basis:200px}
}