/* ============ Designlyft v2: mer genomarbetad look, samma färger och animationer ============ */
/* Rubriker: tätare, mer magasin-känsla */
h1,h2,h3,.focus h1{letter-spacing:-.02em}
/* Kort: större radier, djupare skugga, tydligare lyft */
.card{border-radius:22px;box-shadow:0 1px 0 color-mix(in oklab,var(--cream) 6%,transparent)}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -22px color-mix(in oklab,var(--cream) 50%,transparent)}
.card.no{box-shadow:0 16px 34px -16px color-mix(in oklab,var(--brand) 55%,transparent)}
/* Paneler och fokusyta: mjukare, luftigare */
.panel,.focus{border-radius:22px}
.focus{padding:34px}
/* Svarsalternativ: rundare och med tydligare hovring */
.opt{border-radius:16px}
.opt:hover{transform:translateX(4px);border-color:color-mix(in oklab,var(--brand) 45%,transparent)}
/* Primära knappar: subtil glöd och lyft */
.fab:hover{transform:translateY(-3px)}
button:not(.ghost):hover{filter:brightness(1.06)}
/* Ämnesshyllans knappar: mjuk aktiv-markering */
.shelf-nav button{border-radius:14px}
.shelf-nav button:hover{background:color-mix(in oklab,var(--cream) 6%,transparent)}
/* Sidhuvudet: lite mer luft */
header{padding-top:6px}
/* Chattbubblor och listor: rundare hörn */
.aimsg.bot,.aitask,.facit{border-radius:16px}
/* Sökfält och inmatning: mjuk fokusring */
textarea:focus,input:focus{outline:none;border-color:color-mix(in oklab,var(--brand) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 18%,transparent)}
@media(max-width:820px){.focus{padding:24px}}