/* Category pages use the CareKudos resource palette. Navigation and card anatomy
   informed by 21st.dev Tabs Breadcrumb and Interfaces Card; native HTML/CSS. */
.resource-library [data-reveal],.resource-library [data-stagger]>*{opacity:1;transform:none;animation:none;transition:none}
.resource-library .wortweise .wort{opacity:1;transform:none;animation:none;transition:none}
.resource-library :focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.resource-library .seite-hero{padding-top:calc(var(--kopf) + 28px);padding-bottom:48px}
.library-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:0 0 32px;font-size:12px;line-height:1.4}
.library-breadcrumb li{display:flex;align-items:center;gap:8px}
.library-breadcrumb li+li::before{content:'›';color:#83998f;font-size:18px}
.library-breadcrumb :is(a,[aria-current]){display:block;padding:7px 12px;border-radius:30px;border:1px solid #d4e6e0;background:#ffffffb3;color:#42635a;min-height:32px}
.library-breadcrumb [aria-current]{background:var(--res-teal);border-color:var(--res-teal);color:#fff}
.resource-library .library-hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.06;letter-spacing:-.04em;max-width:960px;text-wrap:balance}
.resource-library .library-hero .lead{max-width:670px;font-size:18px;line-height:1.6;margin-top:20px}
.library-hero .etikett{color:var(--teal);margin-bottom:16px}
.library-navigation{background:#fff;border-bottom:1px solid var(--res-line)}
.library-navigation>.wrap{display:flex;gap:6px;align-items:center;overflow-x:auto;padding-block:12px;scrollbar-width:thin;scrollbar-color:#afcfc4 transparent;scroll-padding-inline:8px}
.library-navigation a{display:block;flex:none;padding:12px 15px;min-height:44px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.5;color:#566477;white-space:nowrap;border:1px solid transparent}
.library-navigation a[aria-current]{background:#e8f5f1;border-color:#c7e3d8;color:#0e5468}
.library-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}
.library-section-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;color:var(--navy)}
.library-section-heading>p{font-size:14px;line-height:1.5;color:#5a6174}
.resource-library .library-directory,.resource-library .library-collection{padding:48px 0 64px;background:#fff}
.library-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.library-card{display:flex;position:relative;flex-direction:column;overflow:hidden;border:1px solid var(--res-line);border-radius:22px;background:#fff;box-shadow:var(--card-lift);transition:transform 250ms ease,box-shadow 250ms ease,border-color 250ms ease;isolation:isolate}
.library-card[id]{scroll-margin-top:calc(var(--kopf) + 20px)}
.library-card__visual{height:210px;position:relative;overflow:hidden;background:#e9f3ef}
.library-card__books{display:flex;justify-content:center;align-items:flex-end;gap:10px;background:radial-gradient(ellipse at 50% 60%,#fff,#e1f2eb)}
.library-card__books img{width:auto;height:182px;object-fit:contain;flex:none;box-shadow:0 10px 20px #123e3926;border-radius:4px;transform:translateY(12px) rotate(-9deg);transition:transform 400ms ease}
.library-card__books img:nth-child(2){height:197px;transform:translateY(9px);z-index:1}.library-card__books img:nth-child(3){transform:translateY(12px) rotate(9deg)}
.library-card__presentation{display:grid;place-items:center;background:linear-gradient(130deg,#e9edf8,#dce6f0)}
.library-card__presentation img{width:76%;max-width:360px;height:auto;box-shadow:0 14px 22px #04055023;border:5px solid #fff;border-radius:8px;transform:rotate(-3deg);transition:transform 400ms ease}
.library-card__photo img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;transition:transform 400ms ease}
.library-card__kit{display:grid;place-items:center;background:#edf2fa}
.library-card__kit img{width:70%;max-width:300px;height:auto;border-radius:4px;box-shadow:0 14px 25px #04055020;transform:rotate(4deg);transition:transform 400ms ease}
.library-card__body{display:flex;flex:1;flex-direction:column;padding:24px 28px 26px}
.library-card__label{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:18px}
.library-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:10px;background:var(--res-mint-2);color:var(--teal)}
.library-icon svg{width:20px;height:20px}
.library-card h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;color:var(--navy);margin-bottom:10px}
.library-card p{font-size:15px;line-height:1.6;color:#5a6174;max-width:49ch}
.library-card__cta{display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:auto;font-size:14px;font-weight:700;color:var(--res-teal-tief)}
.library-card__cta>span{transition:transform 250ms ease}
.library-card--faq,.library-card--glossary{background:#fff}
.library-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.library-guides .res-guide{display:grid;grid-template-columns:34% 1fr;border-radius:20px;border:1px solid var(--res-line);box-shadow:var(--card-lift);min-width:0;transform:none}
.library-guides .res-guide__bild{height:100%;min-height:310px}
.library-guides .res-guide__bild img{width:87%;height:auto;bottom:auto;top:50%;transform:translate(-50%,-50%) rotate(-5deg)}
.library-guides .res-guide__inhalt{padding:26px 24px;min-width:0}
.library-guides .res-guide__art{font-size:10px;line-height:1.5;letter-spacing:.05em}
.library-guides .res-guide h3{font-size:23px;line-height:1.17;letter-spacing:-.025em}
.library-guides .res-guide p{font-size:14px;line-height:1.6}
.library-guides .res-format{font-size:10px;padding:5px 8px;gap:4px}.library-guides .res-format svg{width:14px;height:14px}
.library-guides .link-pfeil{font-size:14px}
.library-related{display:flex;gap:20px;align-items:center;margin-block:0 56px;padding:24px 28px;background:#fff;border:1px solid var(--res-line);box-shadow:var(--card-lift);border-radius:18px}
.library-related b{font-size:18px;color:var(--navy);line-height:1.3;display:block}
.library-related p{font-size:14px;line-height:1.5;margin-top:6px;color:#5a6174}
.library-related>a{margin-left:auto;white-space:nowrap;font-size:14px}
.library-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.library-articles .res-karte{box-shadow:var(--card-lift);border:1px solid var(--res-line);border-radius:20px}
.library-articles .res-karte .art{font-size:10px;line-height:1.5;letter-spacing:.05em}
.library-articles .res-karte h3{font-size:25px;line-height:1.18}.library-articles .res-karte p{font-size:15px;line-height:1.6}
.resource-library.library-profiles .seite-hero__mitte{text-align:left;max-width:none}
.resource-library.library-profiles .seite-hero .lead{margin-inline:0}
.resource-library.library-profiles .profil-raster{margin-top:0}
@media (hover:hover) and (pointer:fine){
  .library-navigation a:hover{background:#f2f7f5;color:var(--teal)}
  .library-card:hover{transform:translateY(-3px);border-color:#a6c9ba;box-shadow:var(--shadow-2)}
  .library-card:hover .library-card__cta>span{transform:translate(2px,-2px)}
  .library-card:hover .library-card__presentation img,.library-card:hover .library-card__kit img{transform:rotate(0)}
  .library-card:hover .library-card__photo img{transform:scale(1.025)}
  .library-guides .res-guide:hover .res-guide__bild img{transform:translate(-50%,-50%) rotate(-2deg)}
}
@media (max-width:1050px){
  .library-guides .res-guide{grid-template-columns:30% 1fr}.library-guides .res-guide__inhalt{padding:22px 20px}.library-guides .res-guide h3{font-size:21px}
  .library-articles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .resource-library .seite-hero{padding-top:calc(var(--kopf) + 20px);padding-bottom:32px}
  .library-breadcrumb ol{font-size:11px;gap:5px;margin-bottom:26px}.library-breadcrumb li{gap:5px}.library-breadcrumb :is(a,[aria-current]){padding:7px 10px}
  .resource-library .library-hero h1{font-size:38px;text-wrap:initial;line-height:1.08}
  .resource-library .library-hero .lead{font-size:16px;line-height:1.6;margin-top:18px}
  .library-hero .etikett{font-size:11px;margin-bottom:14px}
  .library-navigation>.wrap{width:100%;padding-inline:20px;gap:4px}.library-navigation a{font-size:12px;padding:11px 13px}
  .library-section-heading{display:block;margin-bottom:22px}.library-section-heading h2{font-size:25px}.library-section-heading>p{margin-top:8px;font-size:14px}
  .resource-library .library-directory,.resource-library .library-collection{padding:32px 0 40px}
  .library-categories,.library-guides,.library-articles{grid-template-columns:1fr;gap:18px}
  .library-card{border-radius:18px}.library-card__visual{height:172px}
  .library-card__books img{height:150px;width:auto}.library-card__books img:nth-child(2){height:164px}
  .library-card__presentation img{width:74%}.library-card__kit img{max-height:146px;width:auto;max-width:80%}
  .library-card__body{padding:20px 22px 22px}.library-card__label{font-size:11px;margin-bottom:14px}
  .library-card h3{font-size:24px}.library-card p{font-size:14px}.library-card__cta{padding-top:18px;font-size:13px}
  .library-guides .res-guide{grid-template-columns:28% 1fr;min-height:0;border-radius:18px}
  .library-guides .res-guide__bild{min-height:0;height:100%}
  .library-guides .res-guide__inhalt{padding:20px 18px}.library-guides .res-guide h3{font-size:21px}.library-guides .res-guide p{font-size:13px}
  .library-guides .res-guide__art{font-size:9px}.library-guides .res-formate{gap:5px}
  .library-guides .res-format{padding:4px 6px}.library-guides .link-pfeil{font-size:13px}
  .library-related{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:22px;margin-block:0 36px}.library-related>a{grid-column:2;margin-left:0;white-space:normal}
  .library-related b{font-size:17px}.library-related p{font-size:13px}
  .library-articles .res-karte h3{font-size:23px}
}
@media (prefers-reduced-motion:reduce){
  .library-card,.library-card img,.library-card__cta>span,.library-guides .res-guide,.library-guides .res-guide img{transition:none!important;animation:none!important}
}
@media print{
  .library-navigation{display:none}.resource-library .seite-hero{padding-top:20px}
  .library-card,.res-guide,.res-karte{break-inside:avoid;box-shadow:none!important;transform:none!important}
  .library-categories,.library-guides,.library-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}