/*
 * Fiberport Paket 02.11 — Bilgi Merkezi listeleme
 * Scope: yalnız .fp-knowledge
 */
.fp-knowledge {
    --kn-navy:#0b2239;
    --kn-blue:#075f96;
    --kn-cyan:#36a6df;
    --kn-ink:#172838;
    --kn-text:#596b7b;
    --kn-line:#d5dfe6;
    --kn-soft:#f3f6f8;
    --kn-white:#fff;
    color:var(--kn-ink);
    background:var(--kn-white);
}
.fp-knowledge *, .fp-knowledge *::before, .fp-knowledge *::after {box-sizing:border-box}
.fp-knowledge-hero {padding:30px 0 78px;background:#f1f4f6;border-bottom:1px solid var(--kn-line)}
.fp-knowledge-breadcrumbs {margin-bottom:46px}
.fp-knowledge-breadcrumbs ol {color:#6c7d8c}
.fp-knowledge-breadcrumbs a {color:#52697b}
.fp-knowledge-breadcrumbs a:hover,.fp-knowledge-breadcrumbs a:focus-visible {color:var(--kn-blue)}
.fp-knowledge-hero-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:clamp(50px,8vw,112px);align-items:end}
.fp-knowledge-kicker,.fp-knowledge-eyebrow {display:inline-flex;align-items:center;gap:9px;color:var(--kn-blue);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.fp-knowledge-kicker::before,.fp-knowledge-eyebrow::before {width:22px;height:2px;content:"";background:currentColor}
.fp-knowledge-hero h1 {max-width:800px;margin:18px 0 0;color:var(--kn-navy);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.7rem,5.6vw,5.55rem);font-weight:650;letter-spacing:-.04em;line-height:1}
.fp-knowledge-hero-copy>p {max-width:720px;margin:25px 0 0;color:var(--kn-text);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.68}
.fp-knowledge-search {display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;max-width:720px;margin-top:31px;padding:8px 8px 8px 17px;background:#fff;border:1px solid #c8d4dc;border-radius:5px}
.fp-knowledge-search-icon {width:19px;height:19px;color:#607487}
.fp-knowledge-search input {min-width:0;padding:10px 0;color:var(--kn-ink);background:transparent;border:0;outline:0;font:inherit}
.fp-knowledge-search input::placeholder {color:#7c8b98}
.fp-knowledge-search button {min-height:42px;padding:0 19px;color:#fff;background:var(--kn-navy);border:1px solid var(--kn-navy);border-radius:4px;font-weight:750;cursor:pointer}
.fp-knowledge-search button:hover,.fp-knowledge-search button:focus-visible {background:var(--kn-blue);border-color:var(--kn-blue)}
.fp-knowledge-summary {display:grid;background:var(--kn-navy);border-left:5px solid var(--kn-cyan)}
.fp-knowledge-summary>div {display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline;padding:24px 26px;border-bottom:1px solid rgba(255,255,255,.18)}
.fp-knowledge-summary>div:last-child {border-bottom:0}
.fp-knowledge-summary strong {color:#fff;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:650;line-height:1}
.fp-knowledge-summary span {color:rgba(255,255,255,.68);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.fp-knowledge-topics {padding:76px 0;background:#fff;border-bottom:1px solid var(--kn-line)}
.fp-knowledge-section-head {max-width:820px;margin-bottom:32px}
.fp-knowledge-section-head h2 {margin:14px 0 0;color:var(--kn-navy);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(1.55rem,2.5vw,2.55rem);font-weight:620;letter-spacing:-.025em;line-height:1.2}
.fp-knowledge-topic-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--kn-navy);border-left:1px solid var(--kn-line)}
.fp-knowledge-topic-grid a {display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:92px;padding:20px 22px;color:var(--kn-ink);background:#fff;border-right:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);text-decoration:none}
.fp-knowledge-topic-grid a>span {color:var(--kn-blue);font-size:.68rem;font-weight:800;letter-spacing:.08em}
.fp-knowledge-topic-grid a>strong {font-size:.94rem;line-height:1.35}
.fp-knowledge-topic-grid a>small {display:flex;min-width:29px;height:29px;align-items:center;justify-content:center;color:#536a7d;background:var(--kn-soft);border-radius:50%;font-size:.7rem;font-weight:800}
.fp-knowledge-topic-grid a:hover,.fp-knowledge-topic-grid a:focus-visible,.fp-knowledge-topic-grid a.is-active {color:#fff;background:var(--kn-navy)}
.fp-knowledge-topic-grid a:hover>span,.fp-knowledge-topic-grid a:focus-visible>span,.fp-knowledge-topic-grid a.is-active>span {color:#8fd6f8}
.fp-knowledge-topic-grid a:hover>small,.fp-knowledge-topic-grid a:focus-visible>small,.fp-knowledge-topic-grid a.is-active>small {color:var(--kn-navy);background:#fff}
.fp-knowledge-filter {display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px;padding:17px 18px;background:var(--kn-soft);border:1px solid var(--kn-line)}
.fp-knowledge-filter label {margin-right:3px;color:var(--kn-navy);font-size:.78rem;font-weight:750}
.fp-knowledge-filter select {min-width:250px;min-height:42px;padding:0 38px 0 12px;color:var(--kn-ink);background:#fff;border:1px solid #bdcad3;border-radius:4px}
.fp-knowledge-filter button {min-height:42px;padding:0 17px;color:#fff;background:var(--kn-navy);border:1px solid var(--kn-navy);border-radius:4px;font-weight:750;cursor:pointer}
.fp-knowledge-filter button:hover,.fp-knowledge-filter button:focus-visible {background:var(--kn-blue);border-color:var(--kn-blue)}
.fp-knowledge-filter>a {color:var(--kn-blue);font-size:.78rem;font-weight:750;text-decoration:none}
.fp-knowledge-results {padding:clamp(78px,8vw,118px) 0;background:#f8fafb}
.fp-knowledge-results-head {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-bottom:36px}
.fp-knowledge-results-head h2 {margin:13px 0 0;color:var(--kn-navy);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:clamp(2rem,3.5vw,3.6rem);font-weight:650;letter-spacing:-.03em;line-height:1.08}
.fp-knowledge-results-head>span {padding-bottom:5px;color:#65798a;font-size:.8rem;font-weight:750}
.fp-knowledge-lead {display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1fr);min-height:410px;background:#fff;border-top:3px solid var(--kn-navy);border-bottom:1px solid var(--kn-line)}
.fp-knowledge-lead-media {display:block;min-height:410px;overflow:hidden;background:var(--kn-navy);text-decoration:none}
.fp-knowledge-lead-media>span {display:flex;height:100%;min-height:410px;flex-direction:column;justify-content:flex-end;padding:38px;color:#fff;background:var(--kn-navy);border-left:5px solid var(--kn-cyan)}
.fp-knowledge-lead-media small {margin-bottom:12px;color:#9cdafb;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.fp-knowledge-lead-media strong {max-width:430px;font-size:clamp(1.7rem,3vw,3rem);font-weight:620;line-height:1.08}
.fp-knowledge-lead-image {display:block;width:100%;height:100%;min-height:410px;object-fit:cover}
.fp-knowledge-lead-copy {display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,66px)}
.fp-knowledge-meta {display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;color:#6a7e8f;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.fp-knowledge-meta a {color:var(--kn-blue);text-decoration:none}
.fp-knowledge-meta>*+*::before {margin-right:16px;color:#a6b4bf;content:"/"}
.fp-knowledge-lead h2 {margin:18px 0 0;font-size:clamp(1.75rem,3vw,3.15rem);letter-spacing:-.03em;line-height:1.12}
.fp-knowledge-lead h2 a,.fp-knowledge-archive h3 a {color:var(--kn-navy);text-decoration:none}
.fp-knowledge-lead h2 a:hover,.fp-knowledge-lead h2 a:focus-visible,.fp-knowledge-archive h3 a:hover,.fp-knowledge-archive h3 a:focus-visible {color:var(--kn-blue)}
.fp-knowledge-lead-copy>p {max-width:720px;margin:19px 0 0;color:var(--kn-text);line-height:1.66}
.fp-knowledge-tags {display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:19px}
.fp-knowledge-tags a {color:#607587;font-size:.72rem;font-weight:700;text-decoration:none}
.fp-knowledge-tags a:hover,.fp-knowledge-tags a:focus-visible {color:var(--kn-blue)}
.fp-knowledge-action {display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:25px;color:var(--kn-blue);font-size:.79rem;font-weight:800;text-decoration:none}
.fp-knowledge-action:hover,.fp-knowledge-action:focus-visible {color:var(--kn-navy)}
.fp-knowledge-action-icon {width:16px;height:16px}
.fp-knowledge-archive-head {display:flex;justify-content:space-between;gap:30px;margin:70px 0 23px}
.fp-knowledge-archive-head p {max-width:640px;margin:12px 0 0;color:var(--kn-text);line-height:1.58}
.fp-knowledge-archive {margin:0;padding:0;border-top:2px solid var(--kn-navy);list-style:none}
.fp-knowledge-archive>li {display:grid;grid-template-columns:52px minmax(0,1fr) minmax(220px,.35fr);gap:25px;align-items:start;padding:31px 4px;border-bottom:1px solid var(--kn-line)}
.fp-knowledge-number {padding-top:4px;color:var(--kn-blue);font-size:.69rem;font-weight:800;letter-spacing:.08em}
.fp-knowledge-archive h3 {max-width:760px;margin:12px 0 0;font-size:clamp(1.1rem,1.55vw,1.42rem);line-height:1.32}
.fp-knowledge-archive-main>p {max-width:760px;margin:11px 0 0;color:var(--kn-text);font-size:.89rem;line-height:1.58}
.fp-knowledge-archive-side {display:flex;flex-direction:column;align-items:flex-start}
.fp-knowledge-archive-side .fp-knowledge-tags {margin-top:0}
.fp-knowledge-archive-side .fp-knowledge-action {margin-top:19px}
.fp-knowledge-pagination {display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:42px;padding:22px 0;border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line)}
.fp-knowledge-pagination>div:last-child {text-align:right}
.fp-knowledge-pagination a {color:var(--kn-blue);font-size:.8rem;font-weight:800;text-decoration:none}
.fp-knowledge-pagination strong {color:var(--kn-navy);font-size:.78rem}
.fp-knowledge-empty {padding:70px 30px;text-align:center;background:#fff;border-top:3px solid var(--kn-navy);border-bottom:1px solid var(--kn-line)}
.fp-knowledge-empty h2 {margin:0;color:var(--kn-navy)}
.fp-knowledge-empty p {margin:14px 0 24px;color:var(--kn-text)}
.fp-knowledge-empty a {display:inline-flex;min-height:44px;align-items:center;padding:0 18px;color:#fff;background:var(--kn-navy);border-radius:4px;font-weight:750;text-decoration:none}
@media (max-width:980px) {
    .fp-knowledge-hero-grid {grid-template-columns:1fr}
    .fp-knowledge-summary {grid-template-columns:repeat(3,1fr)}
    .fp-knowledge-summary>div {display:flex;flex-direction:column;gap:8px;align-items:flex-start;border-right:1px solid rgba(255,255,255,.18);border-bottom:0}
    .fp-knowledge-summary>div:last-child {border-right:0}
    .fp-knowledge-topic-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    .fp-knowledge-lead {grid-template-columns:1fr}
    .fp-knowledge-lead-media,.fp-knowledge-lead-media>span,.fp-knowledge-lead-image {min-height:300px}
    .fp-knowledge-archive>li {grid-template-columns:44px minmax(0,1fr)}
    .fp-knowledge-archive-side {grid-column:2}
}
@media (max-width:680px) {
    .fp-knowledge-hero {padding:21px 0 54px}
    .fp-knowledge-breadcrumbs {margin-bottom:32px}
    .fp-knowledge-hero h1 {font-size:clamp(2.35rem,13vw,3.7rem)}
    .fp-knowledge-search {grid-template-columns:22px minmax(0,1fr);padding:10px 13px}
    .fp-knowledge-search button {grid-column:1/-1;width:100%}
    .fp-knowledge-summary {grid-template-columns:1fr}
    .fp-knowledge-summary>div {display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
    .fp-knowledge-topics {padding:58px 0}
    .fp-knowledge-topic-grid {grid-template-columns:1fr}
    .fp-knowledge-topic-grid a {min-height:78px}
    .fp-knowledge-filter {display:grid}
    .fp-knowledge-filter select,.fp-knowledge-filter button {width:100%;min-width:0}
    .fp-knowledge-results {padding:60px 0}
    .fp-knowledge-results-head {grid-template-columns:1fr}
    .fp-knowledge-lead-media,.fp-knowledge-lead-media>span,.fp-knowledge-lead-image {min-height:245px}
    .fp-knowledge-lead-copy {padding:30px 23px}
    .fp-knowledge-archive-head {margin-top:54px}
    .fp-knowledge-archive>li {grid-template-columns:34px minmax(0,1fr);gap:13px;padding:25px 0}
    .fp-knowledge-archive-side {grid-column:2}
    .fp-knowledge-meta>*+*::before {margin-right:10px}
    .fp-knowledge-pagination {grid-template-columns:1fr;gap:13px;text-align:center}
    .fp-knowledge-pagination>div:last-child {text-align:center}
}
