.c-protection-teaser{position:relative;overflow:hidden}.c-protection-teaser__preview{pointer-events:none;-webkit-user-select:none;user-select:none;max-height:200px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.c-protection-teaser__overlay{text-align:center;pointer-events:auto;background:linear-gradient(#0000 0%,#000000b3 30%,#000000f2 100%);padding:3rem 2rem 2rem;transition:opacity .3s ease-in-out;position:absolute;bottom:0;left:0;right:0}.c-protection-paywall{background:var(--color-gray-50,#f9fafb);border:2px dashed var(--color-gray-300,#d1d5db);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:250px;padding:3rem 2rem;display:flex}.c-protection-paywall__icon{margin-bottom:.5rem}.c-protection-paywall__icon svg{color:var(--color-gray-400,#9ca3af)}.c-protection-paywall__heading h3{color:var(--color-gray-900,#111827);font-size:1.5rem;font-weight:700;line-height:1.3}.c-protection-paywall__message{max-width:500px}.c-protection-paywall__message p{color:var(--color-gray-600,#4b5563);font-size:1rem;line-height:1.6}.c-protection-paywall__button{margin-top:.5rem}.c-protection-paywall__button a{justify-content:center;align-items:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:inline-flex}.c-protection-paywall__button a:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}@media (max-width:768px){.c-protection-teaser__preview{max-height:150px}.c-protection-teaser__overlay{padding:2rem 1.5rem 1.5rem}.c-protection-paywall{min-height:200px;padding:2rem 1.5rem}.c-protection-paywall__heading h3{font-size:1.25rem}.c-protection-paywall__message p{font-size:.875rem}}@media (prefers-color-scheme:dark){.c-protection-paywall{background:var(--color-gray-800,#1f2937);border-color:var(--color-gray-600,#4b5563)}.c-protection-paywall__heading h3{color:var(--color-gray-100,#f3f4f6)}.c-protection-paywall__message p{color:var(--color-gray-300,#d1d5db)}.c-protection-paywall__icon svg{color:var(--color-gray-500,#6b7280)}}.c-protection-teaser a:focus-visible,.c-protection-teaser button:focus-visible,.c-protection-paywall a:focus-visible,.c-protection-paywall button:focus-visible{outline:3px solid var(--color-blue-500,#3b82f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.c-protection-teaser *,.c-protection-paywall *{transition:none!important;animation:none!important}}