html, body {height:100%; margin:0; padding:0; display:flex; flex-direction:column; color:#333; font-family:'Segoe UI',Tahoma,sans-serif; line-height:1.6;}
body {background: linear-gradient(to bottom, #abd6ff, #ffffff);background-attachment: fixed;background-size: cover;}
.container {width:100%; max-width:1200px; margin:0 auto; padding:40px; background:#fff; border:1px solid #e0eaf1; box-shadow:0 0 25px rgba(0,70,140,.1); flex:1; display:flex; flex-direction:column;}
.site-header {margin-bottom:30px;}
.navbar {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.logo a {font-size:1.5rem; font-weight:bold; color:#007bff; text-decoration:none;}
.nav-toggle {display:none;}
.nav-toggle-label {display:none; cursor:pointer; width:30px; height:25px; flex-direction:column; justify-content:space-between;}
.nav-toggle-label span {position:relative; display:block; width:100%; height:3px; background:#007bff; border-radius:2px;}
.nav-toggle-label span::before, .nav-toggle-label span::after {content:''; position:absolute; width:100%; height:3px; background:#007bff; border-radius:2px; transition:all .3s ease;}
.nav-toggle-label span::before {top:-8px;}
.nav-toggle-label span::after {top:8px;}
.nav-links {display:flex; padding:0; margin:0; list-style:none;}
.nav-links li {margin:0; padding:0; border-left:0;}
.nav-links li a {display:block; padding:12px 20px; text-decoration:none; color:#222; background:#f5f7fa; border:1px solid #cacaca; border-left:none; font-weight:500; font-size:15px; white-space:nowrap;}
.nav-links li:first-child a {border-left:1px solid #cacaca;}
.nav-links li a:hover {background:#e2ecf9; color:#0056b3;}
@media (max-width:768px){.navbar {position:relative; padding:10px 16px; flex-wrap:nowrap;} .nav-toggle-label {display:flex; margin-left:auto; width:30px; height:25px; flex-direction:column; justify-content:space-between; z-index:1001;} .nav-links {display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; background:#fff; border-top:1px solid #e0e0e0; box-shadow:0 4px 10px rgba(0,0,0,.05); margin:0; padding:0; list-style:none; z-index:1000;} .nav-toggle:checked + .nav-toggle-label + .nav-links {display:flex;} .nav-links li {width:100%; border-bottom:1px solid #e6e6e6;} .nav-links li:last-child {border-bottom:none;} .nav-links li a {width:100%; padding:14px 20px; background:#f9f9f9; color:#333; font-size:16px; text-align:left; border-left:1px solid #cacaca;} .nav-links li a:hover {background:#e6f0ff; color:#0056b3;}}
.info-box {padding:10px 15px; margin:15px 0; font-size:18px; color:#004085; border-radius:4px; text-align:center;}
h1, h2, h3 {color:#0056b3; text-align:center; margin-bottom:25px; font-weight:400;}
.telsorgulama {text-align:center;}
form {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:30px;}
input[type="text"] {width:300px; padding:12px 16px; font-size:16px; border:1px solid #c4d8eb; border-radius:8px; background:#f9fcff; color:#333; transition:border .3s;}
input[type="text"]:focus {outline:none; border-color:#007bff;}
button {padding:12px 20px; background:#007bff; color:#fff; border:none; border-radius:8px; font-weight:600; cursor:pointer; transition:background .3s;}
button:hover {background:#0056b3;}
ul {list-style:none; padding-left:0;}
li {padding:5px; margin:6px 0; border-radius:6px; transition:background .2s;}
li:hover {background:#d6e9ff;}
a {color:#007bff; text-decoration:none;}
a:hover {text-decoration:underline;}
.back {display:inline-block; margin-top:20px; padding:8px 16px; background:#f0f4f8; color:#007bff; border-radius:6px; text-decoration:none; transition:background .3s;}
.back:hover {background:#e1ecf7;}
.error {color:#d9534f; text-align:center; font-weight:bold;}
.site-footer {text-align:center; padding:20px; font-size:14px; color:#666; background:#f4f8fb; border-top:1px solid #e0e0e0; margin-top:auto;}
.numara-sorgula {list-style:none; padding-left:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px;}
.telsorgulama-numara {background:#e9f1fb; border-left:4px solid #007bff; border-radius:6px; padding:10px 15px; transition:background .2s;}
.telsorgulama-numara:hover {background:#d6e9ff;}
.vote-link {background:none; border:none; color:#007bff; cursor:pointer; font-size:14px; padding:0;}
.vote-link:hover {background:none;}
.notice {background:#fff3cd; color:#856404; border-left:5px solid #ffeeba; padding:15px; margin:20px 0; font-size:14px; border-radius:4px;}
#cookie-banner {position:fixed; bottom:20px; left:20px; width:270px; height:110px; background:#fff; color:#1c1c1c; padding:15px; font-size:14px; z-index:1000; display:flex; align-items:center; justify-content:center; flex-direction:column; box-shadow:0 4px 6px rgba(0,0,0,.1); transition:all .3s ease; border-radius:10px;}
#cookie-banner a {color:#0056b3; text-decoration:none;}
#cookie-banner a:hover {text-decoration:underline;}
#cookie-banner button {background:#0056b3; color:#fff; border:none; padding:8px 12px; cursor:pointer; border-radius:5px;}
@media (min-width:768px) {#cookie-banner span {margin-bottom:10px; display:block; text-align:center;}}
@media (max-width:767px) {#cookie-banner {left:0; right:0; bottom:0; border-radius:0; flex-direction:row;}}
@media (max-width:768px) {.numara-sorgula {grid-template-columns:1fr;}}
@media (max-width:600px) {input[type="text"] {width:100%;} .container {margin:0; padding:10px; box-sizing: border-box;} .logo img {max-width: 240px;}}
.accordion {margin-bottom:45px; border:1px solid #d0d7de; border-radius:8px; background:#fefefe; box-shadow:0 2px 4px rgba(0,0,0,.05);}
.accordion-item + .accordion-item {border-top:1px solid #e1e4e8;}
.accordion-header {position:relative; display:flex; align-items:center; gap:.75rem; font:600 1rem/1.4 'Segoe UI',sans-serif; padding:1rem 1.25rem; width:100%; text-align:left; background:none; border:none; cursor:pointer; color:#1b1f23; transition:background .25s ease;}
.accordion-header:hover {background:#f6f8fa;}
.accordion-header.active {background: #e9f1fb;color: #007bff;}
.accordion-header::after {content:"\25BC"; margin-left:auto; font-size:.8rem; transition:transform .25s ease;}
.accordion-header.active::after {transform:rotate(-180deg);}
.accordion-content {max-height:0; overflow:hidden; background:#fff; transition:max-height .35s ease; padding:0 1.25rem;}
.accordion-content p {margin:1rem 0 1.25rem; color:#444; line-height:1.6;}
.ts-breadcrumb{font-family:'Segoe UI',Roboto,sans-serif;font-size:.95rem;}.ts-bc-list{list-style:none;padding:0;display:flex;flex-wrap:wrap}.ts-bc-item{display:flex;align-items:center;background:#fff;border-left:0}.ts-bc-item:not(:last-child)::after{content:"›";margin:0 .5rem;color:#999;font-weight:600}.ts-bc-link{text-decoration:none;color:#0077cc;transition:color .2s ease}.ts-bc-link:hover{color:#004e8c;text-decoration:underline}.ts-bc-current{color:#333;font-weight:600;pointer-events:none}
.blog-container {
       background: white;
  padding: 10px;
  border-radius: 6px;
  max-width: 1180px;
  margin: 25px 0;
  width: 100%;
    }
    .blog-container img {
        max-width: 100%;
        border-radius: 4px;
        margin-bottom: 20px;
    }
    .blog-title {
        font-size: 32px;
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
    }
    .blog-date {
        color: #777;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .blog-content {
        font-size: 18px;
        color: #444;
        line-height: 1.6;
    }
    .blog-back {
        display: inline-block;
        margin-top: 30px;
        text-decoration: none;
        color: #007bff;
    }
    .blog-back:hover {
        text-decoration: underline;
    }
.bloggrid-telsorgulama {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
        margin-top: 30px;
		margin-bottom: 45px;
    }
    .bloggrid-telsorgulama .blog-item {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 16px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        transition: all 0.3s ease;
    }
    .bloggrid-telsorgulama .blog-item:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }
    .bloggrid-telsorgulama img {
        max-width: 100%;
        border-radius: 6px;
        margin-bottom: 12px;
    }
    .bloggrid-telsorgulama .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 8px;
        color: #333;
    }
    .bloggrid-telsorgulama .title a {
        text-decoration: none;
        color: #333;
    }
    .bloggrid-telsorgulama .title a:hover {
        color: #007BFF;
    }
    .bloggrid-telsorgulama .date {
        font-size: 13px;
        color: #888;
        margin-bottom: 10px;
    }
    .bloggrid-telsorgulama .desc {
        font-size: 15px;
        color: #555;
        margin-bottom: 10px;
    }
    .bloggrid-telsorgulama .readmore {
        display: inline-block;
        font-size: 14px;
        color: #007BFF;
        text-decoration: none;
        font-weight: 500;
    }
    .bloggrid-telsorgulama .readmore:hover {
        text-decoration: underline;
    }