/* Klima24 302: only article test sidebar */
.k24-article-sidebar .k302-sidebar-stack{display:grid;gap:20px;min-width:0}
.k24-article-sidebar .k24p-card{width:100%;max-width:100%;margin:0}
.k24-article-sidebar .k302-box,.k24-article-sidebar .k302-articles{border:1px solid #b8dff7;border-radius:17px;background:linear-gradient(155deg,#f3faff,#fff 45%);padding:18px 15px;overflow:hidden}
.k24-article-sidebar .k302-box h2,.k24-article-sidebar .k302-articles>h2{font:800 20px/1.3 Montserrat,Arial,sans-serif;color:#102e52;margin:0 0 6px}
.k24-article-sidebar .k302-box p{font:500 12px/1.5 Montserrat,Arial,sans-serif;margin:0 0 13px;color:#526b83}
.k24-article-sidebar .k302-links{display:grid;gap:7px}
.k24-article-sidebar .k302-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #c5e4f8;border-radius:10px;background:#fff;color:#123459;padding:11px 10px;font:700 12px/1.45 Montserrat,Arial,sans-serif;text-decoration:none}
.k24-article-sidebar .k302-links a:hover,.k24-article-sidebar .k302-category a:hover{color:#0075bd;background:#eef8ff}
.k24-article-sidebar .k302-articles{display:grid;gap:12px}
.k24-article-sidebar .k302-category{border:1px solid #c0e1f6;border-radius:12px;overflow:hidden;background:#fff}
.k24-article-sidebar .k302-category h3{font:800 14px/1.4 Montserrat,Arial,sans-serif;color:#102e52;margin:0;padding:11px 12px;background:linear-gradient(90deg,#e4f3ff,#f6fbff)}
.k24-article-sidebar .k302-category ul{margin:0;padding:8px 12px 8px 26px;list-style:disc}
.k24-article-sidebar .k302-category li{font:500 12px/1.5 Montserrat,Arial,sans-serif;margin:0 0 6px;color:#1a80b8;overflow-wrap:anywhere}
.k24-article-sidebar .k302-category li a{color:#173655;text-decoration:none}
.k24-article-sidebar .k302-more{display:block;padding:9px 12px;background:#eef8ff;color:#005d9b;text-decoration:none;font:800 11px/1.5 Montserrat,Arial,sans-serif}
@media(max-width:767px){.k24-article-sidebar .k302-box,.k24-article-sidebar .k302-articles{padding:15px 12px}}


/* Klima24 303: homepage-inspired yellow, pink and blue calculator rows */
.k24-article-sidebar .k303-calculators .k302-links a:nth-child(1){background:linear-gradient(100deg,#fff1a6,#fff9d6);border-color:#f4d66b}
.k24-article-sidebar .k303-calculators .k302-links a:nth-child(2){background:linear-gradient(100deg,#ffd8e5,#fff0f5);border-color:#f4b7cb}
.k24-article-sidebar .k303-calculators .k302-links a:nth-child(3){background:linear-gradient(100deg,#d3ecff,#edf8ff);border-color:#a6d8f7}
.k24-article-sidebar .k303-calculators .k302-links a{min-height:48px;box-shadow:0 2px 5px #0d47700b;transition:transform .15s ease,box-shadow .15s ease}
.k24-article-sidebar .k303-calculators .k302-links a:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0d477018}

/* 304: three independent pastel calculator cards, error-code promo, black travelling underline */
.k24-article-sidebar .k304-calculators{border:0;background:transparent;padding:0;overflow:visible}
.k24-article-sidebar .k304-calc-grid{display:grid;gap:12px}
.k24-article-sidebar .k304-calc-grid .k304-calc-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:118px;padding:18px 18px 22px;border-radius:18px;overflow:hidden;text-decoration:none;color:#0c2e51;border:1px solid transparent;box-shadow:0 4px 14px rgba(13,56,88,.06);transition:none}
.k24-article-sidebar .k304-calc-grid .k304-calc-1{background:linear-gradient(110deg,#fffdf0,#ffedaa);border-color:#f7d979}
.k24-article-sidebar .k304-calc-grid .k304-calc-2{background:linear-gradient(110deg,#fff3f6,#ffd5e2);border-color:#f6bfd0}
.k24-article-sidebar .k304-calc-grid .k304-calc-3{background:linear-gradient(110deg,#f1faff,#cbeaff);border-color:#b3dcf6}
.k24-article-sidebar .k304-calc-copy{display:grid;gap:8px;max-width:72%;position:relative;z-index:1}
.k24-article-sidebar .k304-calc-copy strong{font:800 15px/1.25 Montserrat,Arial,sans-serif;color:#0a2d52;display:inline-block;position:relative;width:max-content;max-width:100%}
.k24-article-sidebar .k304-calc-copy strong:after{content:'';position:absolute;left:0;bottom:-3px;height:1.5px;width:100%;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.k24-article-sidebar .k304-calc-card:hover .k304-calc-copy strong:after,.k24-article-sidebar .k304-calc-card:focus-visible .k304-calc-copy strong:after{transform:scaleX(1)}
.k24-article-sidebar .k304-calc-copy small{font:500 11px/1.5 Montserrat,Arial,sans-serif;color:#254763}
.k24-article-sidebar .k304-calc-art{font:800 60px/1 Arial,sans-serif;opacity:.28;color:#086da7;position:absolute;right:14px;top:12px;pointer-events:none}
.k24-article-sidebar .k304-calc-1 .k304-calc-art{color:#d89a00}.k24-article-sidebar .k304-calc-2 .k304-calc-art{color:#e74c7b}
.k24-article-sidebar .k304-calc-arrow{position:relative;z-index:1;align-self:flex-end;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#0c2e51;font-size:18px;flex-shrink:0}
.k24-article-sidebar .k304-error-card{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:23px 19px;background:linear-gradient(115deg,#07315b,#08629a);color:#fff;box-shadow:0 6px 18px rgba(0,42,80,.1)}
.k24-article-sidebar .k304-error-card:before{content:'';position:absolute;z-index:-1;right:-26px;top:-10px;width:155px;height:110px;opacity:.25;background:radial-gradient(ellipse at center,#70dcff,transparent 72%);border-radius:50%}
.k24-article-sidebar .k304-error-card:after{content:'!';position:absolute;z-index:-1;right:18px;top:12px;width:52px;height:52px;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:rgba(255,255,255,.3);font:800 42px/52px Montserrat,Arial,sans-serif;text-align:center}
.k24-article-sidebar .k304-error-card h2{max-width:80%;margin:0 0 10px;font:800 20px/1.2 Montserrat,Arial,sans-serif;color:#fff}
.k24-article-sidebar .k304-error-card p{max-width:78%;margin:0 0 18px;font:500 12px/1.5 Montserrat,Arial,sans-serif;color:#e5f4ff}
.k24-article-sidebar .k304-error-link{display:block;text-align:center;background:#fff;border-radius:10px;padding:13px 10px;color:#082f57;text-decoration:none;font:800 12px/1.4 Montserrat,Arial,sans-serif;position:relative}
/* Link hover: no background, movement, text-color or shadow change; only black travelling underline */
.k24-article-sidebar .k302-category li a,.k24-article-sidebar .k302-more,.k24-article-sidebar .k304-error-link{position:relative;transition:none!important}
.k24-article-sidebar .k302-category li a:hover,.k24-article-sidebar .k302-more:hover,.k24-article-sidebar .k304-error-link:hover{color:inherit!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.k24-article-sidebar .k302-category li a:after,.k24-article-sidebar .k302-more:after,.k24-article-sidebar .k304-error-link:after{content:'';position:absolute;left:0;bottom:-2px;height:1.5px;width:100%;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.k24-article-sidebar .k302-category li a:hover:after,.k24-article-sidebar .k302-category li a:focus-visible:after,.k24-article-sidebar .k302-more:hover:after,.k24-article-sidebar .k302-more:focus-visible:after,.k24-article-sidebar .k304-error-link:hover:after,.k24-article-sidebar .k304-error-link:focus-visible:after{transform:scaleX(1)}
.k24-article-sidebar .k304-error-link:hover{background:#fff!important;color:#082f57!important}
@media(prefers-reduced-motion:reduce){.k24-article-sidebar .k304-calc-copy strong:after,.k24-article-sidebar .k302-category li a:after,.k24-article-sidebar .k302-more:after,.k24-article-sidebar .k304-error-link:after{transition:none}}


/* 305: sidebar text links retain their original colour; only a travelling black underline. */
.k24-article-sidebar .k302-category li a,
.k24-article-sidebar .k302-more {color:#173655!important;background-color:transparent!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;filter:none!important;transition:none!important;}
.k24-article-sidebar .k302-category li a:is(:hover,:focus-visible,:active),
.k24-article-sidebar .k302-more:is(:hover,:focus-visible,:active) {color:#173655!important;background-color:transparent!important;text-decoration:none!important;box-shadow:none!important;transform:none!important;filter:none!important;}
.k24-article-sidebar .k302-category li a::after,
.k24-article-sidebar .k302-more::after {background:#111!important;}
.k24-article-sidebar .k304-calc-card:is(:hover,:focus-visible,:active) {color:#0c2e51!important;text-decoration:none!important;background-color:transparent;box-shadow:0 4px 14px rgba(13,56,88,.06)!important;transform:none!important;filter:none!important;}
.k24-article-sidebar .k304-calc-card:is(:hover,:focus-visible,:active) .k304-calc-copy strong {color:#0a2d52!important;}
.k24-article-sidebar .k304-calc-card:is(:hover,:focus-visible,:active) .k304-calc-copy small {color:#254763!important;}
/* Match the existing homepage lead CTA: same rising blue fill, timing, and text contrast. */
.k24-article-sidebar .k304-error-link {position:relative;isolation:isolate;overflow:hidden;z-index:0;background:#fff!important;color:#173B63!important;border:1px solid #fff;border-radius:9px;box-shadow:0 4px 14px #071b3320!important;transition:color .35s ease!important;text-decoration:none!important;}
.k24-article-sidebar .k304-error-link::before {content:"";position:absolute;left:50%;top:110%;width:210%;height:240%;border-radius:50%;background:#24669a;transform:translateX(-50%);z-index:-1;pointer-events:none;transition:top .55s cubic-bezier(.2,.7,.2,1);}
.k24-article-sidebar .k304-error-link:is(:hover,:focus-visible) {background:#fff!important;color:#fff!important;transform:none!important;box-shadow:0 4px 14px #071b3320!important;text-decoration:none!important;}
.k24-article-sidebar .k304-error-link:is(:hover,:focus-visible)::before {top:-55%;}
.k24-article-sidebar .k304-error-link::after {content:none!important;}
@media(prefers-reduced-motion:reduce){.k24-article-sidebar .k304-error-link,.k24-article-sidebar .k304-error-link::before{transition:none!important;}}

/* Same content-card inset as the central sidebar system; ads are excluded. */
html body .k24-article-sidebar :is(.k302-box,.k302-articles){box-sizing:border-box;padding:20px 18px;}
@media(max-width:767px){html body .k24-article-sidebar :is(.k302-box,.k302-articles){padding:18px 16px;}}