/* FKBS 3.3.6 — three independent resource center layouts */
.fkbs-resource-page,.fkbs-resource-hero,.fkbs-resource-crumb{font-family:inherit}
.fkbs-resource-page *,.fkbs-resource-hero *,.fkbs-resource-crumb *{box-sizing:border-box}
.fkbs-resource-container{width:min(100% - 48px,1410px);margin-inline:auto}
.fkbs-resource-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#03152c,#062b65 55%,#09448f);color:#fff}
.fkbs-resource-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(138deg,transparent 0 118px,#1a86d71a 120px 122px,transparent 124px 240px),radial-gradient(ellipse at 75% 28%,#0dbbff35,transparent 53%)}
.fkbs-resource-hero--fkbs_campaign{background:linear-gradient(110deg,#061637,#0b225c 62%,#072c69)}
.fkbs-resource-hero--fkbs_changelog{background:linear-gradient(110deg,#061835,#06346d 61%,#052d59)}
.fkbs-resource-hero--fkbs_knowledge{background:linear-gradient(115deg,#071a38,#062c64 61%,#15346e)}
.fkbs-resource-hero-inside{display:flex;align-items:center;gap:25px;min-height:230px;padding-block:38px;position:relative}
.fkbs-resource-hero-icon{border-right:2px solid #19caff;padding-right:24px;flex:none;color:#eaf8ff}
.fkbs-resource-hero-titles{position:relative;z-index:2;max-width:64%}
.fkbs-resource-hero-titles h1{font-size:clamp(31px,3.25vw,54px);font-weight:900;letter-spacing:-.04em;line-height:1.1;color:#fff;margin:0 0 10px;overflow-wrap:anywhere}
.fkbs-resource-hero-titles p{font-size:clamp(15px,1.3vw,19px);font-weight:650;line-height:1.5;color:#dbebff;margin:0}
.fkbs-resource-hero-art{position:absolute;right:-20px;bottom:0;width:47%;max-height:220px;object-fit:contain;object-position:right bottom;pointer-events:none}
.fkbs-resource-crumb{background:#f0f7ff;border-bottom:1px solid #d9e6f8}
.fkbs-resource-crumb>.fkbs-resource-container{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:46px;padding-block:11px;font-size:13px;font-weight:720;color:#244a77}
.fkbs-resource-crumb a{color:#0852a5}.fkbs-resource-crumb a:hover{text-decoration:underline}
.fkbs-resource-page{background:linear-gradient(180deg,#f7faff,#fff 70%);min-height:55vh;padding:30px 0 82px;color:#0a2850}
.fkbs-resource-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,335px);align-items:start;gap:26px}
.fkbs-resource-content{min-width:0}.fkbs-resource-intro{font-size:14px;color:#415c7d;line-height:1.65;margin:0 0 17px}
.fkbs-resource-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:19px;padding:8px;border-radius:13px;border:1px solid #d9e7f7;background:#fff;box-shadow:0 4px 15px #062d6210}
.fkbs-resource-filters>a{color:#153967;background:#f5f8fd;border:1px solid transparent;min-height:37px;display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:9px;font-weight:800;font-size:12.5px;transition:.15s}
.fkbs-resource-filters>a:hover,.fkbs-resource-filters>a.is-current{color:#fff;background:linear-gradient(125deg,#088eff,#073c9c);box-shadow:0 3px 12px #0f60c332}
.fkbs-resource-sidebar{display:flex;flex-direction:column;gap:16px}
.fkbs-resource-search{display:flex;align-items:stretch;min-height:46px;border:1px solid #bcd4ee;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #163b6010}
.fkbs-resource-search input{min-width:0;flex:1;border:0;background:transparent;padding:10px 14px;color:#153455;font-size:13.5px}
.fkbs-resource-search input:focus{outline:2px solid #0684ed;outline-offset:-2px}
.fkbs-resource-search button{display:flex;align-items:center;justify-content:center;flex:0 0 48px;background:linear-gradient(130deg,#087ef0,#0641aa);color:#fff;border:0;cursor:pointer}
.fkbs-resource-widget{background:linear-gradient(140deg,#fff,#f1f7ff);border:1px solid #d7e5f4;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0b2a570c}
.fkbs-resource-widget h2{display:flex;gap:9px;align-items:center;margin:0 0 15px;font-size:17px;line-height:1.3;font-weight:900;color:#092b58}
.fkbs-resource-widget h2 svg{color:#0873d5;flex:none}
.fkbs-resource-widget p{color:#3d5878;font-size:13.5px;line-height:1.68;margin:0}
.fkbs-resource-sidecategories{display:flex;flex-direction:column;gap:4px}
.fkbs-resource-sidecategories a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;color:#21436c;border-radius:9px;font-weight:740;font-size:13px}
.fkbs-resource-sidecategories a:hover,.fkbs-resource-sidecategories a:focus{background:#e4f0ff;color:#084bab}
.fkbs-resource-sidecategories span{border-radius:20px;padding:2px 7px;color:#345e89;background:#e8f1fa;font-size:11px;font-weight:800}
.fkbs-resource-info{background:linear-gradient(135deg,#e9f5ff,#f7fbff)}
.fkbs-resource-cta{background:radial-gradient(ellipse at 90% 80%,#076be1 0,transparent 52%),linear-gradient(145deg,#06214e,#061d5c);padding:25px 22px;border-radius:16px;box-shadow:0 8px 20px #071f5122;color:#fff}
.fkbs-resource-cta-icon{color:#59d0ff}.fkbs-resource-cta h2{color:#fff;font-size:21px;font-weight:900;line-height:1.25;margin:10px 0}.fkbs-resource-cta p{color:#d2e9ff;font-size:13.5px;line-height:1.65;margin:0 0 19px}
.fkbs-resource-cta>a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;color:#073777;font-weight:850;font-size:13px;border-radius:10px;padding:11px 16px}
.fkbs-resource-cta>a:hover{background:#dcf2ff}
.fkbs-resource-list{min-width:0}.fkbs-resource-tag{display:inline-flex;padding:5px 10px;border-radius:7px;background:#0b68d9;color:#fff;font-size:11.5px;line-height:1.2;font-weight:850}
.fkbs-resource-meta{display:flex;align-items:center;gap:9px;justify-content:space-between;flex-wrap:wrap}.fkbs-resource-meta time{font-size:12px;font-weight:750;color:#55718d}
.fkbs-resource-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(140deg,#0a88f4,#053c9f);padding:11px 14px;min-height:40px;border-radius:9px;color:#fff;font-size:12.5px;font-weight:840;white-space:nowrap}
.fkbs-resource-btn:hover,.fkbs-resource-arrow:hover{filter:brightness(1.09)}
/* Kampanyalar: image-first horizontal offer list */
.fkbs-resource-list--fkbs_campaign{display:flex;flex-direction:column;gap:13px}
.fkbs-resource-campaign{display:grid;grid-template-columns:minmax(185px,30%) minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 14px 10px 10px;border-radius:15px;border:1px solid #d8e5f4;background:#fff;box-shadow:0 5px 16px #15396713;min-width:0}
.fkbs-resource-campaign-image{position:relative;display:block;aspect-ratio:1.84;border-radius:10px;overflow:hidden;background:#061d55}
.fkbs-resource-thumb{display:block;width:100%;height:100%;object-fit:cover}
.fkbs-resource-thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 72% 26%,#0fa6ff83,transparent 50%),linear-gradient(125deg,#041842,#084f9a);color:#66ddff}
.fkbs-resource-thumb-fallback svg{filter:drop-shadow(0 0 12px #21d6ffb1)}
.fkbs-resource-campaign-body{min-width:0}.fkbs-resource-campaign h2{color:#112d54;font-weight:900;font-size:clamp(17px,1.55vw,21px);letter-spacing:-.02em;line-height:1.22;margin:10px 0 8px}
.fkbs-resource-campaign h2 a:hover,.fkbs-resource-change h2 a:hover,.fkbs-resource-guide h2 a:hover{color:#0873d8}
.fkbs-resource-campaign-body>p{font-size:13px;line-height:1.53;color:#4c6582;margin:0}
/* Güncelleme notları: date-and-version timeline */
.fkbs-resource-list--fkbs_changelog{position:relative;display:flex;flex-direction:column;gap:13px}
.fkbs-resource-list--fkbs_changelog:before{content:"";position:absolute;top:9px;bottom:14px;left:25px;width:2px;background:linear-gradient(#37baff,#a4d5ff)}
.fkbs-resource-change{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:stretch;min-width:0}
.fkbs-resource-change-date{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:22px 0 8px 53px}
.fkbs-resource-timeline-dot{position:absolute;left:19px;top:27px;width:14px;height:14px;border:3px solid #16a7f7;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #e2f3ff}
.fkbs-resource-version{background:linear-gradient(130deg,#0c82e8,#083d9b);color:#fff;padding:7px 11px;font-weight:900;font-size:13px;border-radius:9px;white-space:nowrap}
.fkbs-resource-change-date time{font-size:11.5px;font-weight:800;color:#537195;line-height:1.5}
.fkbs-resource-change-panel{display:grid;grid-template-columns:minmax(155px,28%) minmax(0,1fr) 36px;align-items:center;gap:16px;padding:12px;border:1px solid #d7e4f3;border-radius:15px;box-shadow:0 5px 15px #1b3e6913;background:#fff;min-width:0}
.fkbs-resource-change-image{display:block;aspect-ratio:1.68;position:relative;overflow:hidden;border-radius:10px;background:#061f55}
.fkbs-resource-change-body{min-width:0}.fkbs-resource-change-body h2{color:#092b57;font-size:clamp(16px,1.5vw,20px);font-weight:900;line-height:1.22;margin:8px 0}
.fkbs-resource-change-body ul{padding:0 0 0 16px;color:#355573;font-size:12.5px;line-height:1.52;margin:0;list-style:"✓  "}
.fkbs-resource-change-body li::marker{color:#0788ef;font-weight:900}
.fkbs-resource-change-body p{color:#52708b;font-size:12.5px;line-height:1.5;margin:0}
.fkbs-resource-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#075ccb;color:#fff}
/* Bilgi Bankası: 3-column learning grid */
.fkbs-resource-list--fkbs_knowledge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.fkbs-resource-guide{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #dce7f5;box-shadow:0 7px 18px #14386518}
.fkbs-resource-guide-image{position:relative;display:block;aspect-ratio:1.7;background:#041a52;overflow:hidden}
.fkbs-resource-guide-term{position:absolute;left:12px;bottom:12px;background:#0869db;color:#fff;font-size:11px;font-weight:850;border-radius:8px;padding:5px 10px}
.fkbs-resource-guide-body{padding:16px;flex:1;display:flex;flex-direction:column}
.fkbs-resource-guide h2{font-weight:900;line-height:1.23;color:#122f57;letter-spacing:-.02em;font-size:clamp(15px,1.25vw,18px);margin:0 0 9px}
.fkbs-resource-guide-body>p{font-size:12.5px;color:#526982;line-height:1.55;margin:0 0 16px;flex:1}
.fkbs-resource-guide-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #eaf0f8;padding-top:10px;font-size:11px;font-weight:800;color:#52718b}
.fkbs-resource-guide-bottom span,.fkbs-resource-guide-bottom a{display:flex;align-items:center;gap:5px}
.fkbs-resource-guide-bottom a{background:#0866d1;color:#fff;border-radius:7px;padding:8px 9px;font-size:11px}
.fkbs-resource-recent{display:flex;flex-direction:column;gap:10px}.fkbs-resource-recent a{color:#164a81;font-size:12.5px;font-weight:800;line-height:1.4;border-bottom:1px solid #e0e9f5;padding-bottom:10px}.fkbs-resource-recent a:last-child{border:0;padding-bottom:0}
/* Empty, pagination and full article */
.fkbs-resource-empty{background:#fff;border:1px dashed #bcd2ec;border-radius:16px;padding:55px 25px;text-align:center}.fkbs-resource-empty h2{font-size:23px;color:#153e72}.fkbs-resource-empty p{font-size:14px;color:#526b83}.fkbs-resource-empty a{font-weight:800;color:#075fc6}
.fkbs-resource-pagination{margin-top:26px}.fkbs-resource-pagination ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.fkbs-resource-pagination a.page-numbers,.fkbs-resource-pagination span.page-numbers{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;background:#fff;color:#24547b;border:1px solid #d9e5f5;border-radius:10px;font-size:12px;font-weight:800;padding:9px}
.fkbs-resource-pagination .page-numbers.current,.fkbs-resource-pagination a.page-numbers:hover{background:#076bd6;border-color:#076bd6;color:#fff}
.fkbs-resource-article{min-width:0;background:#fff;border:1px solid #d8e5f3;border-radius:16px;box-shadow:0 8px 30px #0a2b5410;padding:clamp(20px,3vw,42px)}
.fkbs-resource-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:13px;font-weight:780;color:#52708d}
.fkbs-resource-cover{margin:0 0 22px}.fkbs-resource-cover img{display:block;width:100%;height:auto;max-height:475px;object-fit:cover;border-radius:12px}
.fkbs-resource-article-content{font-size:16px;line-height:1.8;color:#293d58;overflow-wrap:break-word}
.fkbs-resource-article-content h2,.fkbs-resource-article-content h3{color:#092d63;line-height:1.3;margin-top:30px}
.fkbs-resource-article-content p{margin:0 0 19px}.fkbs-resource-article-content img{max-width:100%;height:auto}.fkbs-resource-article-content a{color:#0867c6;text-decoration:underline}
.fkbs-resource-release{padding:18px 20px;border-radius:14px;background:#ebf7ff;border-left:4px solid #0b86f0;margin:0 0 25px}.fkbs-resource-release h2{margin:0 0 13px;color:#0a3d75;font-size:19px}.fkbs-resource-release ul{margin:0;padding-left:22px;color:#23486b;line-height:1.7}
.fkbs-resource-expired{margin:15px 0 24px;padding:15px 18px;background:#fff3e8;border-radius:10px;border:1px solid #f6c998;color:#8a411a;font-size:14px;font-weight:750}
.fkbs-resource-disclaimer{margin:27px 0 14px;color:#60748a;font-size:13px}
.fkbs-resource-action{display:inline-flex;align-items:center;gap:10px;color:#fff;background:#0865ce;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:850}
.fkbs-resource-back{border-top:1px solid #e4edf6;margin-top:30px;padding-top:20px}.fkbs-resource-back a{color:#0b65c1;font-weight:850}
.fkbs-resource-page a:focus-visible,.fkbs-resource-crumb a:focus-visible{outline:3px solid #f27c17;outline-offset:3px}
@media(max-width:1230px){.fkbs-resource-list--fkbs_knowledge{grid-template-columns:repeat(2,minmax(0,1fr))}.fkbs-resource-change{grid-template-columns:105px minmax(0,1fr)}.fkbs-resource-change-date{padding-left:43px}.fkbs-resource-campaign{grid-template-columns:30% minmax(0,1fr)}.fkbs-resource-campaign>.fkbs-resource-btn{grid-column:2;justify-self:start;margin-top:-4px}.fkbs-resource-list--fkbs_changelog:before{left:17px}.fkbs-resource-timeline-dot{left:11px}}
@media(max-width:960px){.fkbs-resource-layout{grid-template-columns:minmax(0,1fr)}.fkbs-resource-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fkbs-resource-sidebar>.fkbs-resource-search{grid-column:1/-1}.fkbs-resource-hero-art{opacity:.65;width:43%}}
@media(max-width:660px){.fkbs-resource-container{width:min(100% - 28px,1410px)}.fkbs-resource-hero-inside{gap:12px;min-height:178px;padding-block:24px}.fkbs-resource-hero-icon{padding-right:14px}.fkbs-resource-hero-icon svg{width:38px;height:38px}.fkbs-resource-hero-titles{max-width:calc(100% - 60px)}.fkbs-resource-hero-titles h1{font-size:clamp(27px,6vw,39px)}.fkbs-resource-hero-titles p{font-size:13px}.fkbs-resource-hero-art{opacity:.17;width:77%;right:-65px}.fkbs-resource-page{padding:20px 0 55px}.fkbs-resource-sidebar{grid-template-columns:minmax(0,1fr)}.fkbs-resource-campaign{grid-template-columns:118px minmax(0,1fr);gap:12px;padding:9px}.fkbs-resource-campaign-image{height:108px;aspect-ratio:unset}.fkbs-resource-campaign h2{font-size:16px;margin:7px 0}.fkbs-resource-campaign-body>p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fkbs-resource-campaign>.fkbs-resource-btn{grid-column:2;font-size:11px;min-height:32px;padding:7px 10px;margin:0}.fkbs-resource-meta{gap:4px}.fkbs-resource-meta time{font-size:10px}.fkbs-resource-change{grid-template-columns:minmax(0,1fr);gap:7px}.fkbs-resource-list--fkbs_changelog:before{left:8px}.fkbs-resource-change-date{padding:4px 0 5px 26px;flex-direction:row;gap:10px;align-items:center}.fkbs-resource-timeline-dot{left:2px;top:12px;width:13px;height:13px}.fkbs-resource-change-panel{grid-template-columns:115px minmax(0,1fr);gap:10px;padding:10px}.fkbs-resource-change-image{aspect-ratio:1.1}.fkbs-resource-change-body h2{font-size:15px}.fkbs-resource-change-body ul{font-size:11px}.fkbs-resource-change-panel>.fkbs-resource-arrow{display:none}.fkbs-resource-list--fkbs_knowledge{grid-template-columns:minmax(0,1fr)}.fkbs-resource-guide-image{aspect-ratio:1.95}.fkbs-resource-article{padding:21px 16px}}
@media(max-width:360px){.fkbs-resource-hero-icon{display:none}.fkbs-resource-hero-titles{max-width:100%}.fkbs-resource-campaign{grid-template-columns:88px minmax(0,1fr)}.fkbs-resource-campaign-image{height:105px}.fkbs-resource-campaign h2{font-size:14px}.fkbs-resource-change-panel{grid-template-columns:80px minmax(0,1fr)}}
