/* MEP Center — rehber bileşenleri + ücretsiz araçlar */
.mepg-key,.mepg-ex,.mepg-tool,.mepg-cta,.mepg-note,.mep-arac{box-sizing:border-box}
.mepg-key{background:#f4f6fa;border-left:5px solid #14305A;border-radius:10px;padding:16px 20px;margin:22px 0}
.mepg-key::before{content:"Key takeaways";display:block;font-weight:700;color:#14305A;margin-bottom:6px;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.mepg-key ul{margin:0 0 0 18px}
.mepg-ex{border:1px solid #dde3ee;border-top:5px solid #F2A900;border-radius:10px;padding:18px 22px;margin:26px 0;background:#fffdf6}
.mepg-ex::before{content:"Worked example";display:block;font-weight:700;color:#8a6100;text-transform:uppercase;font-size:13px;letter-spacing:.06em;margin-bottom:6px}
.mepg-ex table{margin:10px 0}
.mepg-tool{background:#eef5ff;border:1px solid #c9dcf7;border-radius:10px;padding:12px 16px;margin:20px 0}
.mepg-tool a{font-weight:700}
.mepg-note{font-size:14px;color:#6b7785;border-left:3px solid #dde3ee;padding-left:12px}
.mepg-fig{margin:26px 0;text-align:center}
.mepg-fig svg{width:100%;height:auto;max-width:820px;background:#fff;border:1px solid #dde3ee;border-radius:10px}
.mepg-fig figcaption{font-size:14px;color:#6b7785;margin-top:8px}
.mepg-table,.mep-arac table{border-collapse:collapse;width:100%;font-size:15px;margin:14px 0}
.mepg-table th,.mepg-table td,.mep-arac th,.mep-arac td{border:1px solid #dde3ee;padding:7px 10px;text-align:left}
.mepg-table thead th,.mep-arac thead th{background:#14305A;color:#fff}
.mepg-table tbody tr:nth-child(even){background:#f8f9fc}
.mepg-cta{background:linear-gradient(135deg,#14305A 0%,#1f4a85 100%);color:#fff;border-radius:14px;padding:24px 26px;margin:34px 0}
.mepg-cta h3{color:#fff!important;margin:4px 0 8px;font-size:22px}
.mepg-cta p{color:#e6ecf5;margin:0 0 10px}
.mepg-cta-ust{color:#F2A900;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mepg-cta-alt{font-size:14px}
.mepg-cta-dug{margin-top:14px!important}
.mepg-dug{display:inline-block;margin:4px 10px 4px 0;padding:10px 20px;border-radius:6px;font-weight:700;text-decoration:none!important;background:#fff;color:#14305A!important}
.mepg-dug-sari{background:#F2A900;color:#1a1a1a!important}
/* araçlar */
.mep-arac{border:1px solid #dde3ee;border-radius:14px;padding:20px 22px;margin:20px 0;background:#fbfcfe}
.mep-arac h3{margin:0 0 12px;color:#14305A}
.mep-arac .ma-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 16px;margin-bottom:14px}
.mep-arac label{display:block;font-size:13px;font-weight:600;color:#1d2433}
.mep-arac input,.mep-arac select{width:100%;margin-top:4px;padding:8px 10px;border:1px solid #c7cfdc;border-radius:6px;font-size:15px;background:#fff;box-sizing:border-box}
.mep-arac .ma-sonuc{background:#14305A;color:#fff;border-radius:10px;padding:14px 18px;margin:12px 0}
.mep-arac .ma-sonuc b{color:#F2A900;font-size:20px}
.mep-arac .ma-sonuc div{margin:3px 0}
.mep-arac .ma-uyari{color:#C0392B;font-weight:600}
.mep-arac .ma-ok{color:#2E8B57;font-weight:600}
.mep-arac tr.ma-sec{background:#fff3cf!important;font-weight:700}
.mep-arac .ma-not{font-size:13px;color:#6b7785}
.mep-arac .ma-sekme{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.mep-arac .ma-sekme button{border:1px solid #c7cfdc;background:#fff;border-radius:20px;padding:6px 14px;cursor:pointer;font-size:14px;color:#14305A}
.mep-arac .ma-sekme button.on{background:#14305A;color:#fff;border-color:#14305A}
.mep-araclar-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0}
.mep-araclar-liste a{display:block;border:1px solid #dde3ee;border-radius:12px;padding:18px;text-decoration:none!important;background:#fff;color:#1d2433!important}
.mep-araclar-liste a:hover{border-color:#F2A900;box-shadow:0 4px 14px rgba(20,48,90,.08)}
.mep-araclar-liste strong{display:block;color:#14305A;font-size:17px;margin-bottom:4px}
/* v1.2 — kütüphane */
.mepg-quick{background:#eaf6ee;border-left:5px solid #2E8B57;border-radius:10px;padding:14px 18px;margin:18px 0;font-size:17px}
.mepg-steps{counter-reset:adim;list-style:none;margin:16px 0;padding:0}
.mepg-steps>li{counter-increment:adim;position:relative;padding:10px 12px 10px 52px;margin:8px 0;background:#f4f6fa;border-radius:10px}
.mepg-steps>li::before{content:counter(adim);position:absolute;left:12px;top:10px;width:28px;height:28px;border-radius:50%;background:#14305A;color:#fff;font-weight:700;text-align:center;line-height:28px}
.mepg-foto{margin:24px 0;text-align:center}.mepg-foto img{max-width:100%;width:720px;height:auto;border-radius:10px;border:1px solid #dde3ee}
.mepg-foto figcaption{font-size:14px;color:#6b7785;margin-top:6px}.mepg-kredi{display:block;font-size:12px;color:#8a95a5;margin-top:2px}
.mepg-ilgili{border-top:3px solid #F2A900;margin:34px 0 10px;padding-top:12px}.mepg-ilgili ul{margin:6px 0 10px 18px}
.mep-kutuphane{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:20px 0}
.mk-blok{border:1px solid #dde3ee;border-radius:14px;padding:16px 18px;background:#fff}
.mk-blok h2{font-size:20px;margin:0 0 8px}.mk-blok h2 a{color:#14305A!important;text-decoration:none}.mk-blok h2 small{font-size:13px;color:#6b7785;font-weight:400}
.mk-blok ul{list-style:none;margin:0;padding:0}.mk-blok li{padding:6px 0;border-bottom:1px solid #f0f2f6;font-size:15px}
.mk-tur{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:10px;margin-right:6px;background:#eef2f7;color:#14305A}
.mk-common-mistakes{background:#fdecea;color:#C0392B}.mk-how-to{background:#e6f2ff;color:#1F6FD1}.mk-quick-calc{background:#fff4d6;color:#8a6100}.mk-standards-compared{background:#eaf6ee;color:#2E8B57}
.mk-tum{margin:10px 0 0;font-weight:600}
/* 1.3 */
.mepg-yol{font-size:13px;color:#6b7785;margin:0 0 14px}
.mepg-yol a{color:#3a6db5;text-decoration:none}
.mepg-yazilim{border-left-color:#2E8B57}
.mk-ara{display:flex;gap:8px;margin:0 0 14px}
.mk-ara input[type=search]{flex:1;min-width:0;padding:10px 12px;border:1px solid #cdd6e3;border-radius:8px}
.mk-ara button{padding:10px 18px;border:0;border-radius:8px;background:#1d3a66;color:#fff;font-weight:700;cursor:pointer}
.mk-nav{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px}
.mk-nav a{font-size:13px;padding:5px 11px;border:1px solid #cdd6e3;border-radius:999px;color:#1d3a66;text-decoration:none;background:#f4f6fa}
.mk-nav a:hover{background:#1d3a66;color:#fff}
.mk-turler{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px}
.mk-turler a{text-decoration:none}