/* Credanta Netherlands complete-site design and conversion polish.
   Article model: credanta.com/pl/blog/kredyt-100-tys-na-10-lat-jaka-rata/
   Isolated under .article-page and the Netherlands page classes; preserves existing imagery. */
:root{--nl-credanta-navy:#102d61;--nl-credanta-orange:#ff6335;--nl-credanta-ink:#102d61}
.nl-site-complete :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--nl-credanta-orange)!important;outline-offset:3px!important}
.nl-site-complete a[data-wf-cta]{transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.nl-site-complete a[data-wf-cta]:hover{transform:translateY(-2px)}
.nl-site-complete a.button-primary[data-wf-cta]{background:var(--nl-credanta-orange);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(255,99,53,.19)}
.nl-site-complete a.button-primary[data-wf-cta]:hover{background:#ec502c;box-shadow:0 16px 35px rgba(255,99,53,.26)}
.article-page.nl-site-complete .article-hero .article-title{color:var(--nl-credanta-navy)}
.article-page.nl-site-complete .article-hero .article-dek{max-width:67ch}
.article-page.nl-site-complete .article-hero-actions{flex-wrap:wrap}
.article-page.nl-site-complete .article-date-row{display:flex;flex-wrap:wrap;gap:8px 18px}
/* Byline: same card morphology as the approved Polish reference, retaining verified NL editorial attribution. */
.article-page.nl-site-complete .article-author.article-author-nl{
 display:flex!important;align-items:center!important;gap:13px!important;max-width:465px!important;
 min-height:98px!important;margin:20px 0 0!important;padding:13px 16px!important;
 border:1px solid #ecd7d3!important;border-radius:18px!important;background:#fffdfb!important;
 box-shadow:0 8px 22px rgba(57,25,45,.04)!important;box-sizing:border-box!important;
}
.article-page.nl-site-complete .article-author-nl .nl-author-mark{
 display:grid!important;place-items:center!important;flex:0 0 65px!important;width:65px!important;height:65px!important;
 border:4px solid #fff!important;border-radius:50%!important;background:linear-gradient(145deg,#f6edf0,#fff6ee)!important;
 box-shadow:0 0 0 1px #eddadc!important;overflow:hidden!important;
}
.article-page.nl-site-complete .article-author-nl .nl-author-mark img{width:39px!important;height:39px!important;object-fit:contain!important}
.article-page.nl-site-complete .article-author-nl .nl-author-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0}
.article-page.nl-site-complete .article-author-nl .nl-author-eyebrow{display:block!important;font-size:9px!important;letter-spacing:.11em!important;font-weight:850!important;color:#bd553b!important;text-transform:uppercase!important}
.article-page.nl-site-complete .article-author-nl .nl-author-info strong{display:block!important;font-size:15px!important;line-height:1.18!important;color:#102d61!important}
.article-page.nl-site-complete .article-author-nl .nl-author-info>span{display:block!important;font-size:10px!important;line-height:1.45!important;color:#63728a!important}
.article-page.nl-site-complete .article-stage-note{border-radius:17px!important}
.article-page.nl-site-complete .article-answer{border-radius:19px}
.article-page.nl-site-complete .article-overview{gap:9px}
.article-page.nl-site-complete .article-toc{scroll-margin-top:110px}
.article-page.nl-site-complete .article-card h2{scroll-margin-top:115px}
.article-page.nl-site-complete .article-card a:not([data-wf-cta]):focus-visible{outline-offset:4px}
.article-page.nl-site-complete .article-action-banner{overflow:hidden}
.article-page.nl-site-complete .article-action-banner a[data-wf-cta]{background:#ff6335!important;color:#fff!important;border-color:transparent!important;
 border-radius:999px!important;box-shadow:0 10px 26px rgba(255,99,53,.21)!important;text-align:center!important}
.article-page.nl-site-complete .article-action-banner a[data-wf-cta]:hover{background:#eb522f!important}
.article-page.nl-site-complete .side-cta{border-radius:22px!important;box-shadow:0 20px 45px rgba(10,35,79,.11)!important}
.article-page.nl-site-complete .side-cta a[data-wf-cta]{background:#ff6335!important;color:white!important;text-align:center!important;border-radius:999px!important}
.article-page.nl-site-complete .article-bottom-card{border-radius:30px;overflow:hidden}
.article-page.nl-site-complete .article-bottom-card a[data-wf-cta]{background:#ff6335!important;color:#fff!important}
/* Desktop always-visible conversion widget: fixed, not scroll-triggered. */
.article-page.nl-site-complete .article-desktop-float-nl{display:none}
@media(min-width:681px){
 .article-page.nl-site-complete .article-sidebar.article-right{position:sticky!important;top:94px!important;overflow:visible!important;max-height:none!important}
 .article-page.nl-site-complete .article-desktop-float-nl{
  position:fixed!important;z-index:990!important;right:25px!important;bottom:22px!important;
  display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;
  align-items:center!important;gap:13px!important;width:min(472px,calc(100vw - 50px))!important;
  min-height:86px!important;padding:12px!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;
  background:linear-gradient(130deg,#102d61,#09224b)!important;color:#fff!important;
  box-shadow:0 19px 55px rgba(8,31,70,.23)!important;box-sizing:border-box!important;
 }
 .article-page.nl-site-complete .article-desktop-float-nl .nl-float-mark{
  display:grid!important;place-items:center!important;width:54px!important;height:54px!important;
  border-radius:16px!important;background:linear-gradient(145deg,#ff5535,#fa7537)!important;flex-shrink:0!important;
 }
 .article-page.nl-site-complete .article-desktop-float-nl .nl-float-mark img{width:32px!important;height:32px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
 .article-page.nl-site-complete .article-desktop-float-nl .nl-float-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
 .article-page.nl-site-complete .article-desktop-float-nl .nl-float-copy small{font-size:9px!important;line-height:1.2!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:850!important;opacity:.87!important}
 .article-page.nl-site-complete .article-desktop-float-nl .nl-float-copy strong{font-size:12.5px!important;line-height:1.3!important;font-weight:850!important;color:#fff!important}
 .article-page.nl-site-complete .article-desktop-float-nl a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;
  padding:11px 15px!important;border-radius:14px!important;background:#ff6335!important;color:#fff!important;
  font-size:11.5px!important;font-weight:850!important;line-height:1.2!important;white-space:nowrap!important;
  text-decoration:none!important;box-shadow:0 8px 18px rgba(255,99,53,.19)!important;
 }
 .article-page.nl-site-complete .article-desktop-float-nl a:hover{background:#ee522e!important;transform:translateY(-2px)}
}
@media(min-width:681px) and (max-width:960px){
 .article-page.nl-site-complete .article-desktop-float-nl{width:min(410px,calc(100vw - 30px))!important;right:15px!important;bottom:16px!important;grid-template-columns:45px minmax(0,1fr) auto!important;gap:9px!important;padding:10px!important;min-height:74px!important}
 .article-page.nl-site-complete .article-desktop-float-nl .nl-float-mark{width:45px!important;height:45px!important}
 .article-page.nl-site-complete .article-desktop-float-nl a{font-size:10.5px!important;min-height:42px!important;padding:10px 12px!important}
}
/* Mobile floating CTA: existing scroll visibility logic remains intact. */
@media(max-width:680px){
 .article-page.nl-site-complete .article-desktop-float-nl{display:none!important}
 .article-page.nl-site-complete .article-mobile-float[hidden]{display:none!important}
 .article-page.nl-site-complete .article-mobile-float{
  position:fixed!important;z-index:991!important;left:10px!important;right:10px!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important;
  width:auto!important;min-height:73px!important;padding:10px!important;gap:10px!important;
  background:linear-gradient(125deg,#102d61,#09214a)!important;color:#fff!important;
  border-radius:19px!important;border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:0 16px 45px rgba(8,31,70,.25)!important;
 }
 .article-page.nl-site-complete .article-mobile-float .article-float-mark{
  display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px!important;height:43px!important;
  border-radius:13px!important;background:#ff6335!important;
 }
 .article-page.nl-site-complete .article-mobile-float .article-float-mark img{width:27px!important;height:27px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
 .article-page.nl-site-complete .article-mobile-float .article-float-copy{min-width:0!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:3px!important}
 .article-page.nl-site-complete .article-mobile-float .article-float-copy small{color:#dae3f0!important;font-size:8px!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.08em!important}
 .article-page.nl-site-complete .article-mobile-float .article-float-copy strong{color:#fff!important;font-size:11px!important;line-height:1.2!important;font-weight:850!important}
 .article-page.nl-site-complete .article-mobile-float a{
  margin:0!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;
  min-height:45px!important;padding:10px 12px!important;border-radius:12px!important;
  background:#ff6335!important;color:#fff!important;font-size:10px!important;font-weight:850!important;line-height:1.2!important;white-space:nowrap!important
 }
 .article-page.nl-site-complete .article-author.article-author-nl{min-height:83px!important;max-width:100%!important;padding:11px 12px!important;margin-top:16px!important}
 .article-page.nl-site-complete .article-author-nl .nl-author-mark{flex-basis:56px!important;width:56px!important;height:56px!important}
 .article-page.nl-site-complete .article-author-nl .nl-author-mark img{width:34px!important;height:34px!important}
 .article-page.nl-site-complete .article-author-nl .nl-author-info strong{font-size:13px!important}
 .article-page.nl-site-complete .article-author-nl .nl-author-info>span{font-size:9px!important}
 .article-page.nl-site-complete .article-action-banner{padding:16px!important}
 .article-page.nl-site-complete .article-action-banner a[data-wf-cta]{min-height:44px!important;width:100%!important;white-space:normal!important}
 .article-page.nl-site-complete .article-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .article-page.nl-site-complete .article-faq-list summary{overflow-wrap:anywhere}
}
@media(max-width:375px){
 .article-page.nl-site-complete .article-mobile-float .article-float-mark{display:none!important}
 .article-page.nl-site-complete .article-mobile-float .article-float-copy strong{font-size:10px!important}
 .article-page.nl-site-complete .article-mobile-float a{font-size:9.5px!important;padding:9px 10px!important}
}
@media(prefers-reduced-motion:reduce){
 .nl-site-complete a[data-wf-cta]{transition:none!important}
}