/* Whoisera — ana stil dosyası (referans tasarım). Responsive kurallar: responsive.css */

/* Site fontu: Jost (SIL OFL, self-hosted, değişken ağırlık 100–900; latin + latin-ext → Türkçe karakterler dahil) */
@font-face{font-family:Jost;src:url('../fonts/jost-latin-wght.woff2') format('woff2-variations'),url('../fonts/jost-latin-wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Jost;src:url('../fonts/jost-latin-ext-wght.woff2') format('woff2-variations'),url('../fonts/jost-latin-ext-wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0b1830;
  --muted:#70809c;
  --teal:#008c97;
  --teal-dark:#006a73;
  --blue:#0085ff;
  --green:#00a878;
  --line:#e1eaf4;
  --paper:#f3f7fb;
  --surface:#ffffff;
  --line-strong:#d8e2ed;
  --shadow-card:0 1px 2px #1a38600a,0 6px 18px #1a38600d;
  --orange:#ed7800;
  --red:#c63f2c;
  --button:linear-gradient(110deg,#0092af 0%,#009eaa 50%,#008d7d 100%);
  --font:Jost,'Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.45 var(--font)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
button:disabled{cursor:wait;opacity:.7}
a{color:inherit;text-decoration:none}
a,button,input{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #33aaff;outline-offset:3px}
svg,img{display:block}
img{max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
.icon{width:22px;height:22px;flex:none}
.container{width:min(1140px,calc(100% - 48px));margin-inline:auto}
.narrow{width:min(820px,calc(100% - 48px))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-60px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:30;border-radius:6px}
.skip-link:focus{top:10px}

/* ---------- Header ---------- */
.site-header{height:70px;border-bottom:1px solid #e3eaf2;background:var(--surface);position:relative;z-index:20}
.header-inner{height:100%;width:min(1140px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1}
.brand-mark{width:36px;height:36px;border-radius:10px}
/* Logo yazısı SVG (Ramidots çizimi); site adı değiştirilirse .brand-word düz yazı olarak kullanılır */
.brand-word-img{display:block;width:auto;height:40px}
.brand-word{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--ink)}
.brand img.brand-custom{width:auto;height:36px}
.main-nav{display:flex;align-items:center;gap:6px;margin:0 auto;height:100%}
.nav-link{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border-radius:9px;font-size:14px;font-weight:500;color:#2a3a57;white-space:nowrap;cursor:pointer;list-style:none;user-select:none;transition:background .15s,color .15s}
.nav-link::-webkit-details-marker{display:none}
.nav-link .icon{width:18px;height:18px;stroke-width:2;color:#4f6b88;transition:color .15s,transform .15s}
.nav-link:hover{background:#f2f7fa;color:var(--ink)}
.nav-link:hover .icon{color:var(--teal)}
.nav-link.active{background:#eaf6f6;color:var(--teal-dark);font-weight:600}
.nav-link.active .icon{color:var(--teal)}
.nav-link .caret{width:14px;height:14px;margin-left:-3px}
.nav-drop{position:relative}
.nav-drop[open]>.nav-link{background:#f2f7fa;color:var(--ink)}
.nav-drop[open]>.nav-link .caret{transform:rotate(180deg)}
.mega{position:absolute;left:50%;top:50px;transform:translateX(-50%);width:max-content;max-width:92vw;padding:18px 16px 10px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:0 18px 40px #1a386014,0 2px 6px #1a38600a;z-index:30}
.mega-cols{display:grid;grid-template-columns:repeat(3,max-content);gap:4px 18px}
.mega-title{padding:0 10px 6px;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8391a8}
.mega ul{margin:0;padding:0;list-style:none}
.mega li a{display:flex;align-items:center;gap:10px;min-width:200px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:#23324d;white-space:nowrap}
.mega li a .icon{width:17px;height:17px;flex:none;color:var(--teal)}
.mega li a:hover{background:#f2f7fa;color:var(--teal-dark)}
.mega-all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:11px 10px 6px;border-top:1px solid #edf2f7;font-size:13.5px;font-weight:600;color:var(--teal-dark)}
.mega-all .icon{width:16px;height:16px}
.mega-all:hover{color:var(--teal)}
.mobile-langs{display:none}
.button{background:var(--button);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:500;border:1px solid #00979b;box-shadow:inset 0 0 8px #03b9c033;transition:filter .18s,box-shadow .18s}
.button:hover{filter:brightness(1.06);box-shadow:0 3px 12px #009f9f25}
.menu-toggle{display:none;padding:8px;color:var(--ink)}

/* Dil seçici: dünya ikonu + bayrak + kod */
.flag{flex:none;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px #0b18301f}
.lang-switch{position:relative;flex:none}
.lang-switch summary{display:flex;align-items:center;gap:7px;height:38px;padding:0 10px;border:1px solid #dde6f0;border-radius:10px;background:var(--surface);font-size:13px;font-weight:600;color:#23324d;cursor:pointer;list-style:none;user-select:none;transition:border-color .15s,background .15s}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary:hover{border-color:#c9d6e3;background:#f8fbfd}
.lang-switch summary .globe{width:17px;height:17px;stroke-width:2;color:#4f6b88}
.lang-switch summary .caret{width:14px;height:14px;color:var(--muted);transition:transform .15s}
.lang-switch[open] summary .caret{transform:rotate(180deg)}
.lang-switch ul{position:absolute;right:0;top:46px;min-width:196px;margin:0;padding:6px;list-style:none;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:0 14px 32px #1a386014;z-index:30}
.lang-switch a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13.5px;color:#33435f}
.lang-switch a b{width:24px;font-weight:600;color:#23324d}
.lang-switch a span{color:#5b6a84}
.lang-switch a:hover{background:#f2f7fa}
.lang-switch a[aria-current]{background:#eaf6f6}
/* ---------- Hero ---------- */
main{background:var(--paper) url('../images/background.svg') center top/100% 763px no-repeat;padding-bottom:44px;min-height:60vh}
.hero{padding-top:28px;text-align:center}
.eyebrow{height:30px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#edf6ff;border-radius:30px;color:#187ac4;font-size:10px;font-weight:400;letter-spacing:.2px}
.eyebrow b{font-size:12px}
.hero h1{font-size:44px;line-height:50px;font-weight:900;letter-spacing:-1.45px;margin:17px 0 8px}
.hero h1 span{color:#0099b7}
.hero-description{font-size:16px;line-height:24px;color:#64748f;max-width:600px;margin-inline:auto}
.domain-form{height:62px;width:764px;max-width:100%;border:1px solid #d3dfeb;border-radius:40px;padding:6px;display:flex;align-items:center;margin:18px auto 0;background:var(--surface);box-shadow:0 8px 26px #375f9614}
.search-icon{width:27px;height:27px;margin:0 23px 0 20px;color:#304564;stroke-width:1.8}
.domain-form input{width:0;flex:1;border:0;outline:none;background:transparent;padding:10px 0;color:var(--ink);font-size:16px;min-width:0}
.domain-form input::placeholder{color:#7e8daa;opacity:1}
.domain-form:focus-within{border-color:#35acae;box-shadow:0 0 0 3px #00a0a010}
.domain-form input:focus-visible{outline:none}
.search-button{height:48px;width:149px;border-radius:16px 28px 28px 16px;font-size:16px;gap:12px;flex:none}
.form-status{margin:12px auto 0;max-width:760px;color:#b14422;font-size:13px}
.trust-row{display:flex;justify-content:center;gap:31px;margin:18px auto 0}
.trust-item{height:42px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 25px;border:1px solid #dde6f0;border-radius:30px;background:var(--surface);box-shadow:0 1px 2px #1a38600a;color:#445671;font-size:14px;min-width:233px}
.trust-item strong{font-weight:500;color:#142744}
.trust-item .icon{color:var(--blue);width:23px;height:23px}
.trust-item:nth-child(3) .icon{color:var(--green)}

/* Kompakt hero (iç sayfalar) */
.hero-compact{padding-top:22px;padding-bottom:4px}
.hero-compact h1{font-size:34px;line-height:40px;letter-spacing:-1px;margin:10px 0 8px}
.breadcrumbs ol{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--muted)}
.breadcrumbs li+li::before{content:'/';margin-right:6px;color:#b5c1d2}
.breadcrumbs a:hover{color:var(--teal)}
.article .breadcrumbs ol{justify-content:flex-start}

/* ---------- Araç kartları ---------- */
.tool-grid{display:grid;grid-template-columns:1fr .975fr 1fr;gap:15px;margin-top:22px}
.tool-grid-4{grid-template-columns:repeat(2,1fr)}
.tool-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tools-group{margin-top:30px}
.tools-group .tool-grid{margin-top:14px}
.tools-group-title{font-size:20px;font-weight:800;letter-spacing:-.3px}
.tool-card.quick.group-dns .tool-icon{background:linear-gradient(130deg,#fff0dc,#fff6e8);color:#f27a00}
.tool-card.quick.group-web .tool-icon{background:linear-gradient(130deg,#d0e9ff,#e5f3ff);color:#0080ff}
.tool-card{display:flex;gap:21px;min-height:145px;padding:16px 22px 13px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-card)}
.tool-icon{width:57px;height:58px;flex:none;border-radius:13px;display:grid;place-items:center;background:linear-gradient(130deg,#d8f7ec,#ebfbf4);color:#009e82}
.tool-icon .icon{height:33px;width:33px}
.tool-card.dns .tool-icon{background:linear-gradient(130deg,#fff0dc,#fff6e8);color:#f27a00}
.tool-card.ssl .tool-icon{background:linear-gradient(130deg,#d0e9ff,#e5f3ff);color:#0080ff}
.tool-card.ip .tool-icon{background:linear-gradient(130deg,#e7e5ff,#f1f0ff);color:#5a55d6}
.tool-copy{display:flex;flex-direction:column;align-items:flex-start}
.tool-copy h2{font-size:16px;line-height:23px;font-weight:700;margin:0 0 5px}
.tool-copy p{font-size:14px;line-height:20px;color:var(--muted);max-width:260px}
.tool-link{display:inline-flex;align-items:center;gap:9px;color:var(--teal-dark);padding:0;margin-top:auto;padding-top:8px;font-weight:600;font-size:15px;line-height:22px}
.tool-link .icon{width:18px;height:18px;transition:transform .18s}
.tool-link:hover{color:#005e68}
.tool-link:hover .icon{transform:translateX(3px)}
.other-tools{margin-top:28px}
.result-panel~.tool-grid{margin-top:34px}

/* ---------- Sonuç paneli ---------- */
.result-panel{margin-top:18px;padding:24px 28px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}

/* Başlık: domain + durum rozeti + açıklama | son kontrol + yeniden sorgula */
.rp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid #edf2f7}
.rp-title{min-width:0}
.rp-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rp-domain{font-size:33px;line-height:40px;font-weight:900;letter-spacing:-1px;color:var(--ink);overflow-wrap:anywhere}
.result-panel[data-state="idle"] .rp-domain{font-size:20px;line-height:28px;letter-spacing:-.3px}
/* Başlangıç ve yükleniyor durumu: yalnızca kompakt üst alan; kartlar, sekmeler ve detaylar sonuç gelince açılır */
.rp-idle-icon{display:none}
.result-panel[data-state="idle"],.result-panel[data-state="loading"]{padding:18px 24px}
.result-panel[data-state="idle"] :is(.rp-cards,.rp-tabs,.rp-body,.rp-foot),
.result-panel[data-state="loading"] :is(.rp-cards,.rp-tabs,.rp-body,.rp-foot,.rp-actions){display:none}
.result-panel[data-state="idle"] .rp-head,.result-panel[data-state="loading"] .rp-head{justify-content:flex-start;align-items:center;gap:16px;padding-bottom:0;border-bottom:0}
.result-panel[data-state="idle"] .rp-idle-icon,.result-panel[data-state="loading"] .rp-idle-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:#eaf6f6;color:var(--teal)}
.rp-idle-icon .icon{width:22px;height:22px}
.result-panel[data-state="idle"] .rp-desc,.result-panel[data-state="loading"] .rp-desc{margin-top:2px}
.result-panel[data-state="loading"] .rp-domain{font-size:22px;line-height:30px}
/* Boş durum (sorgu öncesi): içerik yatay ve dikey ortalı; sorgu sonrası görünüm etkilenmez */
.result-panel[data-state="idle"]{padding:26px 24px 24px}
.result-panel[data-state="idle"] .rp-head{flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.result-panel[data-state="idle"] .rp-title-line{justify-content:center}
.rp-desc{margin-top:6px;font-size:14.5px;line-height:22px;color:#51607a}
.rp-hint{margin-top:2px;font-size:13px;line-height:20px;color:var(--muted)}
.rp-badge{display:inline-flex;align-items:center;gap:7px;height:27px;padding:0 12px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;background:#eef1f5;color:#5b6a83}
.rp-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.rp-badge.tone-ok{background:#e3f6ee;color:#05865d}
.rp-badge.tone-warn{background:#fff1dc;color:#b85f00}
.rp-badge.tone-danger{background:#fde7e3;color:var(--red)}
.rp-actions{display:flex;align-items:center;gap:12px;flex:none;padding:5px 5px 5px 14px;border:1px solid #e3eaf2;border-radius:11px;background:#f6f9fc}
.result-panel[data-state="idle"] .rp-actions{display:none}
.rp-checked{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);white-space:nowrap}
.rp-checked .icon{width:15px;height:15px;color:#8b9ab1}
.rp-checked b{font-weight:600;color:#23324d}
.refresh-button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid #cfe3e6;border-radius:8px;background:var(--surface);color:var(--teal-dark);font-weight:600;font-size:13px;box-shadow:0 1px 2px #1a38600a;white-space:nowrap}
.refresh-button .icon{width:15px;height:15px}
.refresh-button:hover{background:#f1f9f9;color:var(--teal-dark)}
.rp-loading{display:flex;align-items:center;gap:10px;color:var(--muted)}
.rp-loading::before{content:'';width:14px;height:14px;flex:none;border:2px solid #cfdbe7;border-top-color:var(--teal);border-radius:50%;animation:wz-spin .8s linear infinite}
@keyframes wz-spin{to{transform:rotate(360deg)}}

/* Özet kartları */
.rp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.rp-card,.rp-box{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;border:1px solid #e3eaf2;border-radius:12px;background:#fafcfe}
.rp-card-label{font-size:12.5px;font-weight:500;color:var(--muted)}
.rp-card-value{font-size:17px;line-height:24px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.rp-card-value.tone-muted{font-size:14px;line-height:21px;font-weight:500;color:#8a97ad}
.rp-card-note{align-self:flex-start;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600;background:#eef1f5;color:#5b6a83}
.rp-card-note.tone-warn{background:#fff1dc;color:#b85f00}
.rp-card-note.tone-danger{background:#fde7e3;color:var(--red)}
.rp-card-note.tone-ok{background:#e3f6ee;color:#05865d}
/* Bitiş tarihi kartı: kalan gün rozeti daha belirgin; süre çok yakınsa güçlü uyarı */
.rp-card[data-card="expires"] .rp-card-note{padding:3px 11px;font-size:13px}
.rp-card[data-card="expires"] .rp-card-note.tone-warn{border:1px solid #f6d7a6}
.rp-card[data-card="expires"] .rp-card-note.tone-danger{border:1px solid #f1b0a4;background:#fbdcd6;color:#a3261a}
.rp-card[data-card="expires"]:has(.rp-card-note.tone-danger:not([hidden])){border-color:#f2c3b9;background:#fff7f5}

/* Sekmeler */
.rp-tabs{display:flex;gap:4px;margin-top:24px;padding:4px;border:1px solid #e3eaf2;border-radius:12px;background:#f3f7fa;overflow-x:auto;scrollbar-width:none}
.rp-tabs::-webkit-scrollbar{display:none}
.rp-tabs button{position:relative;flex:none;padding:9px 18px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:500;color:#51607a;white-space:nowrap;transition:background .15s,color .15s}
.rp-tabs button:hover{background:#ffffffa6;color:var(--ink)}
.rp-tabs button[aria-selected=true]{background:var(--surface);border-color:#d8e2ed;color:var(--teal-dark);font-weight:600;box-shadow:0 1px 3px #1a38601a}
.rp-tabs button:focus-visible{outline-offset:-2px}
.rp-body{padding-top:10px}
.tab-panel{min-height:120px}
.tab-panel:focus-visible{outline-offset:6px}
.rp-empty{padding:18px 0;font-size:14px;color:#8a97ad}
.rp-body>.tab-panel>div>.rp-loading{padding:18px 0;font-size:14px}

/* Etiket / değer listeleri (tablo yerine) */
.rp-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.rp-list{margin:0}
.rp-item{display:grid;grid-template-columns:minmax(110px,36%) minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid #eef2f6}
.rp-list .rp-item:last-child{border-bottom:0}
.rp-item dt{padding-top:1px;font-size:13px;line-height:21px;font-weight:500;color:var(--muted)}
.rp-item dd{margin:0;min-width:0;font-size:16px;line-height:23px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.rp-item dd .v+.v{margin-top:3px}
.rp-item dd.mono .v,.rp-box-value.mono .v{font-family:var(--mono);font-size:14px;font-weight:500;color:#1b2a45}
.rp-item dd .note,.rp-box-value .note{display:block;margin-top:3px;font-size:12.5px;line-height:18px;font-weight:400;color:#8391a8;font-family:inherit}
.rp-item dd.tone-muted,.rp-box-value.tone-muted{font-size:14px;font-weight:400;color:#8a97ad}
.rp-item dd.tone-ok,.rp-box-value.tone-ok{color:#05865d}
.rp-item dd.tone-warn,.rp-box-value.tone-warn{color:#b85f00}
.rp-item dd.tone-danger,.rp-box-value.tone-danger{color:var(--red)}
.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:currentColor;vertical-align:1px}
.rp-section{margin-top:6px;border-top:1px solid #eef2f6}
.rp-section .rp-item{grid-template-columns:minmax(110px,17.5%) minmax(0,1fr)}

/* EPP durum kodları ve SAN listeleri */
.rp-pills{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}
.rp-pill{display:inline-flex;align-items:center;max-width:100%;min-height:26px;padding:3px 10px;border:1px solid #dbe5ef;border-radius:7px;background:#f3f7fa;font:500 12.5px/1.4 var(--mono);color:#23324d;white-space:normal;word-break:break-word;overflow-wrap:anywhere}
.rp-pill-list{display:flex;flex-direction:column;gap:8px}
.rp-pill-line{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;min-width:0}
.rp-pill-text{min-width:0;font-size:14px;font-weight:500;color:#40506a}

/* DNS kayıt grupları */
.rp-dns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:12px}
.rp-group{min-width:0;padding:14px 16px;border:1px solid #e3eaf2;border-radius:12px;background:var(--surface)}
.rp-group.wide{grid-column:1/-1}
.rp-group h3{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:700;letter-spacing:.2px}
.rp-count{padding:1px 8px;border-radius:20px;background:#e8f6f6;color:var(--teal-dark);font-size:11.5px;font-weight:600}
.rp-group .rp-empty{padding:4px 0 0;font-size:13.5px}
.rp-records{margin:0;padding:0;list-style:none}
.rp-records li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;border-top:1px solid #f0f4f8}
.rp-records li:first-child{border-top:0}
.rp-rec{min-width:0;font:13.5px/1.5 var(--mono);color:#23324d;overflow-wrap:anywhere}
.rp-ttl{flex:none;font-size:12px;color:#8a97ad;white-space:nowrap}
.rp-records li.stacked{flex-direction:column;align-items:flex-start;gap:3px}
.rp-records li.stacked .rp-ttl{white-space:normal}

/* SSL özet kutuları */
.rp-ssl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px}
.rp-box.wide{grid-column:1/-1}
.rp-box-value{min-width:0;font-size:15px;line-height:22px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.rp-box-status .rp-badge{align-self:flex-start}
.rp-ssl+.rp-section{margin-top:14px}

/* Ham WHOIS ve veri kaynağı */
.raw-whois{margin-top:12px;border:1px solid #e3eaf2;border-radius:10px;font-size:13px;overflow:hidden}
.raw-whois summary{padding:10px 14px;color:var(--teal);font-weight:500;cursor:pointer}
.raw-whois pre{margin:0;padding:12px 14px;max-height:340px;overflow:auto;border-top:1px solid #e3eaf2;background:#f7fafc;font:12px/1.55 var(--mono);color:#40506a;white-space:pre-wrap;word-break:break-word}
.rp-foot{display:flex;align-items:center;gap:7px;margin-top:16px;padding-top:12px;border-top:1px solid #edf2f7;font-size:12.5px;color:var(--muted)}
.rp-foot .icon{width:15px;height:15px;color:#8b9ab1}
.rp-foot b{font-weight:500;color:#40506a}
.rp-info{position:relative;display:inline-flex;align-items:center;color:#8b9ab1;cursor:help}
.rp-info:hover,.rp-info:focus{color:var(--teal)}
.rp-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:280px;padding:7px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;line-height:1.45;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;z-index:5}
.rp-tip:empty{display:none}
.rp-info:hover .rp-tip,.rp-info:focus .rp-tip{opacity:1;visibility:visible}

/* Odaklı araç sonuçları */
.qt-body{padding-top:18px}
.qt-body:empty{display:none}
.qt-hero{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:18px 20px;border:1px solid #e3eaf2;border-radius:12px;background:#fafcfe}
.qt-hero-value{font-size:30px;line-height:36px;font-weight:800;letter-spacing:-.6px;color:var(--ink);overflow-wrap:anywhere}
.qt-hero-value.tone-muted{font-size:16px;line-height:24px;font-weight:500;letter-spacing:0;color:#8a97ad}
.qt-hero .rp-card-note{align-self:flex-start;padding:3px 11px;font-size:13px}
.qt-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:0}
.rp-card-value.tone-ok{color:#05865d}
.rp-card-value.tone-warn{color:#b85f00}
.rp-card-value.tone-danger{color:var(--red)}
.qt-body>.rp-list,.qt-body>.rp-group,.qt-body>.qt-tech,.qt-chain-wrap,.qt-body>.qt-stats+.qt-stats{margin-top:16px}
.qt-note{padding:4px 0;font-size:15px;line-height:23px;color:#40506a}
.qt-sub{margin:0 0 10px;font-size:14px;font-weight:700}
.qt-chain{margin:0;padding:0;list-style:none;border:1px solid #e3eaf2;border-radius:12px;overflow:hidden}
.qt-hop{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-top:1px solid #eef2f6}
.qt-hop:first-child{border-top:0}
.qt-hop .rp-badge{flex:none;min-width:54px;justify-content:center}
.qt-hop .rp-badge::before{display:none}
.qt-hop-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.qt-url{font:14px/1.45 var(--mono);color:#1b2a45;overflow-wrap:anywhere}
.qt-hop .note{font-size:12.5px;color:#8391a8;overflow-wrap:anywhere}
.qt-tech{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.qt-evidence{font:12px/1.5 var(--mono);color:#5b6a84;overflow-wrap:anywhere}
.qt-evidence b{font-family:var(--font);font-weight:600;color:#40506a}
.qt-disclaimer{margin-top:14px;font-size:12.5px;line-height:19px;color:var(--muted)}
.qt-foot{justify-content:space-between;flex-wrap:wrap}
.qt-foot-src{display:inline-flex;align-items:center;gap:7px}
.qt-foot .qt-full{margin:0;padding:0;font-size:13.5px}
.tone-ok{color:#008f63}
.tone-warn{color:var(--orange)}
.tone-danger{color:var(--red)}
.tone-muted{color:#8a97ad}
/* ---------- SSS / içerik ---------- */
/* Araç açılış sayfası: "Nasıl çalışır?" (veri kaynağı + kullanım) — SSS ile aynı görsel dil */
.tool-facts{margin-top:34px}
.tool-facts>h2{font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:14px}
.tool-facts-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.tool-fact{border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-card);padding:16px 20px}
.tool-fact dt{font-size:15px;line-height:21px;font-weight:700;margin-bottom:6px}
.tool-fact dd{margin:0;font-size:14px;line-height:21px;color:#5b6a84}
.faq{margin-top:34px}
.faq>h2{font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:14px}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-item{border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-card);padding:16px 20px}
.faq-item h3{font-size:15px;line-height:21px;margin-bottom:6px}
.faq-item p{font-size:14px;line-height:21px;color:#5b6a84}

.panel-card{border:1px solid var(--line-strong);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-card);padding:26px 30px;margin-top:22px}
.prose h2{font-size:18px;margin:20px 0 6px}
.prose h2:first-child{margin-top:0}
.prose p{font-size:15px;line-height:1.7;color:#4c5b75}
.prose a{color:var(--teal)}
/* Sabit sayfa içeriği: editörün ürettiği diğer öğeler (blog .article-content ile aynı görsel dil) */
.prose h3{font-size:16px;margin:18px 0 6px}
.prose h4{font-size:15px;margin:16px 0 6px}
.prose p+p{margin-top:10px}
.prose ul,.prose ol{padding-left:22px;margin:8px 0 12px;font-size:15px;line-height:1.7;color:#4c5b75}
.prose img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.prose blockquote{margin:10px 0;padding:4px 16px;border-left:3px solid var(--teal);color:#51607a}
.prose code{font-family:var(--mono);font-size:13px;background:#f3f7fa;border-radius:6px;padding:1px 5px}
.prose hr{border:0;border-top:1px solid var(--line);margin:20px 0}

.article-cat{display:inline-block;font-size:11px;font-weight:500;color:var(--teal);text-transform:uppercase;letter-spacing:.4px}
.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:22px;font-size:13px;color:var(--muted)}
.pagination a{color:var(--teal);font-weight:500}

/* ---------- Blog yazı detayı (article.php) ---------- */
/* Üst alan: kompakt, sola hizalı */
.art-hero{max-width:860px;padding:22px 0 6px}
.art-hero .breadcrumbs ol{justify-content:flex-start}
.art-badge{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:4px 11px 4px 9px;border:1px solid #cfe7e8;border-radius:20px;background:#eaf6f6;font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--teal-dark)}
.art-badge .icon{width:14px;height:14px}
.art-badge:hover{border-color:var(--teal);background:#e1f2f2}
.art-hero h1{margin:12px 0 10px;font-size:38px;line-height:46px;font-weight:800;letter-spacing:-1.1px;color:var(--ink);text-wrap:balance}
.art-lead{max-width:760px;margin:0 0 14px;font-size:17px;line-height:27px;color:#51607a}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--muted)}
.art-meta li{display:inline-flex;align-items:center;gap:7px}
.art-meta li+li::before{content:'';width:4px;height:4px;margin-right:4px;border-radius:50%;background:#c3cedb}
.art-meta .icon{width:15px;height:15px;color:#8a99b0}
.art-meta .flag{width:18px;height:12px}

/* İki kolon: içerik + kenar çubuğu */
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:22px}
.art-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.art-card{overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-card)}
/* Öne çıkan görsel: ASLA kırpılmaz ve büyütülmez. Doğal boyutunda, karta sığmazsa yalnızca oransal küçülür;
   dar görselin iki yanında sade zemin kalır. (object-fit:cover / sabit aspect-ratio kullanılmaz.) */
.art-figure{margin:0;padding:0;border-bottom:1px solid var(--line);background:#f7fafc}
.art-image{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;object-fit:contain}
.art-card .article-content{padding:34px 42px 8px}

/* Okuma tipografisi (≈70 karakter satır) */
.article-content{font-size:17px;line-height:1.8;color:#2f3e58;overflow-wrap:break-word}
.article-content>:first-child{margin-top:0}
.article-content p{margin:0 0 18px}
.article-content h2{margin:38px 0 12px;font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.4px;color:var(--ink);scroll-margin-top:24px}
.article-content h3{margin:30px 0 10px;font-size:20px;line-height:1.35;font-weight:700;color:var(--ink);scroll-margin-top:24px}
.article-content h4{margin:24px 0 8px;font-size:17.5px;font-weight:700;color:var(--ink)}
.article-content strong{font-weight:700;color:var(--ink)}
.article-content a{color:var(--teal-dark);text-decoration:underline;text-decoration-color:#9fd5d8;text-underline-offset:3px;text-decoration-thickness:1.5px}
.article-content a:hover{text-decoration-color:var(--teal-dark)}
.article-content ul,.article-content ol{margin:0 0 20px;padding-left:24px}
.article-content li{margin:6px 0;padding-left:4px}
.article-content ul li::marker{color:var(--teal)}
.article-content ol li::marker{font-weight:700;color:var(--teal-dark)}
.article-content code{padding:2px 7px;border:1px solid #dfeaf0;border-radius:6px;background:#f2f8fa;font-family:var(--mono);font-size:.86em;color:#0f4f59;word-break:break-word}
.article-content pre{padding:16px 18px;overflow:auto;border-radius:12px;background:#0f1d33;color:#e3ecf7;font-size:13.5px;line-height:1.6}
.article-content pre code{padding:0;border:0;background:none;color:inherit}
.article-content blockquote{position:relative;margin:24px 0;padding:16px 20px 16px 50px;border:1px solid #d6ecee;border-left:4px solid var(--teal);border-radius:0 12px 12px 0;background:#f3fafb;color:#36506a;font-size:16.5px}
.article-content blockquote::before{content:'“';position:absolute;left:16px;top:8px;font-size:40px;line-height:1;font-weight:700;color:#8fcfd3}
.article-content blockquote p:last-child{margin-bottom:0}
.article-content img{display:block;max-width:100%;height:auto;margin:22px auto;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card)}
.article-content hr{margin:34px 0;border:0;border-top:1px solid var(--line)}
.article-content table{width:100%;margin:0 0 18px;border-collapse:collapse;font-size:14px}
.article-content th,.article-content td{padding:7px 10px;border:1px solid var(--line);text-align:left}
.article-content .ad-slot{width:auto;margin:22px 0}

/* İçindekiler */
.art-toc-list{margin:0;padding:0;list-style:none;counter-reset:toc}
.art-toc-list li{counter-increment:toc}
.art-toc-list a{display:flex;gap:9px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:20px;color:#40506b}
.art-toc-list li.lvl-2>a::before{content:counter(toc,decimal-leading-zero);flex:none;font-size:12px;font-weight:600;color:#9aa8bb;font-variant-numeric:tabular-nums}
.art-toc-list li.lvl-3>a{padding-left:34px;font-size:13.5px;color:#5b6a84}
.art-toc-list li.lvl-3{counter-increment:none}
.art-toc-list a:hover{background:#f2f8fa;color:var(--teal-dark)}
.art-toc-list a.is-active{background:#eaf6f6;color:var(--teal-dark);font-weight:600}
.art-toc-list a.is-active::before{color:var(--teal)}
.art-toc-desktop h2{display:flex;align-items:center;gap:8px}
.art-toc-desktop h2 .icon{width:16px;height:16px;color:var(--teal)}
.art-toc-desktop .art-toc-list{max-height:calc(100vh - 260px);overflow-y:auto;margin:0 -8px}
.art-toc-mobile{display:none;margin:18px 20px 0;border:1px solid var(--line-strong);border-radius:12px;background:#f8fbfd}
.art-toc-mobile summary{display:flex;align-items:center;gap:9px;padding:12px 14px;font-size:14.5px;font-weight:600;cursor:pointer;list-style:none}
.art-toc-mobile summary::-webkit-details-marker{display:none}
.art-toc-mobile summary .icon{width:17px;height:17px;color:var(--teal)}
.art-toc-mobile summary .caret{margin-left:auto;transition:transform .18s}
.art-toc-mobile[open] summary .caret{transform:rotate(180deg)}
.art-toc-mobile .art-toc-list{padding:0 8px 10px}

/* Paylaşım (kartın alt şeridi) */
.art-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:16px 42px;border-top:1px solid var(--line);background:#fafcfe}
.art-share-title{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#33435f}
.art-share-title .icon{width:16px;height:16px;color:var(--teal)}
.art-share-links{display:flex;flex-wrap:wrap;gap:8px}
.art-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:#40506b;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.art-share-btn .icon{width:17px;height:17px}
.art-share-btn:hover{border-color:var(--teal);color:var(--teal-dark);background:#f2fafa}
.art-copy.is-copied{border-color:var(--green);color:var(--green);background:#ecf9f3}

/* İçerik sonu kutuları */
.art-box{padding:18px 22px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}
.art-box h2{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700}
.art-box h2 .icon{width:17px;height:17px;color:var(--teal)}
.art-langs ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.art-langs a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;font-size:14px;font-weight:500;color:#33435f}
.art-langs a .icon{width:15px;height:15px;color:#9aa8bb;transition:transform .15s}
.art-langs a:hover{border-color:var(--teal);color:var(--teal-dark)}
.art-langs a:hover .icon{transform:translateX(2px);color:var(--teal)}
.art-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.art-pager-link{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card);transition:border-color .15s}
.art-pager-link.next{text-align:right;align-items:flex-end}
.art-pager-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--muted)}
.art-pager-label .icon{width:14px;height:14px}
.art-pager-title{font-size:15.5px;line-height:22px;font-weight:600;color:var(--ink)}
.art-pager-link:hover{border-color:#b9dfe1}
.art-pager-link:hover .art-pager-title{color:var(--teal-dark)}
.art-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin:10px 0 12px}
.art-section-head h2{font-size:21px;font-weight:700;letter-spacing:-.3px}
.art-section-head .tool-link{margin:0;padding:0;font-size:14px}
/* 1–3 kart: boş sütun kalmadan genişliği doldurur */
.art-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.art-related-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}
.art-related-card .post-meta{gap:6px 8px;font-size:12.5px}
.art-related-card h3{font-size:16px;line-height:22px;font-weight:700}
.art-related-card h3 a:hover{color:var(--teal-dark)}
.art-related-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:21px;color:var(--muted)}
.art-related-card .tool-link{margin-top:auto;padding-top:2px;font-size:14px}
.art-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:4px;padding:22px 24px;border:1px solid #cfe7e8;border-radius:16px;background:linear-gradient(180deg,#f2fafa,#fff)}
.art-cta-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#dff1f2;color:var(--teal-dark)}
.art-cta-icon .icon{width:24px;height:24px}
.art-cta h2{font-size:18px;line-height:24px;font-weight:700;letter-spacing:-.2px}
.art-cta p{margin-top:4px;font-size:14px;line-height:21px;color:#51607a}
.art-cta-actions{display:flex;flex-direction:column;align-items:center;gap:6px}
.art-cta-btn{height:44px;padding:0 20px;font-size:15px;white-space:nowrap}
.art-cta-btn .icon{width:18px;height:18px}
.art-cta-secondary{font-size:13px;font-weight:500;color:var(--teal-dark)}
.art-cta-secondary:hover{text-decoration:underline}

/* Kenar çubuğu */
.art-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.art-side-sticky{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
.art-about dl{display:flex;flex-direction:column;margin:0}
.art-about dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #eef2f6;font-size:13.5px}
.art-about dl>div:first-child{border-top:0;padding-top:2px}
.art-about dt{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
.art-about dt .icon{width:15px;height:15px;color:#9aa8bb}
.art-about dd{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;color:#33435f;text-align:right}
.art-about dd a{color:var(--teal-dark)}
.art-about .flag{width:18px;height:12px}
.art-side .ad-slot{width:auto;margin-top:0}

/* Formlar */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:#1f3050}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid textarea{border:1px solid #d8e2ec;border-radius:10px;padding:11px 13px;background:#fff;font-size:14px;font-weight:400;width:100%}
.form-grid input:focus,.form-grid textarea:focus{outline:none;border-color:#35acae;box-shadow:0 0 0 3px #00a0a012}
.form-grid textarea{resize:vertical;min-height:130px}
.form-submit{height:44px;padding:0 24px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{padding:11px 14px;border-radius:10px;font-size:14px;margin-bottom:14px}
.notice-ok{background:#e8f8f1;color:#05724f}
.notice-error{background:#fdeeea;color:#a8341f}
.form-status.is-visible{display:block}
.not-found{padding:60px 0 40px}
.not-found .eyebrow{font-weight:700;font-size:12px}
.nf-back{margin-top:18px;display:flex;justify-content:center}

/* Reklam alanları */
.ad-slot{margin-top:18px;text-align:center;overflow:hidden}

/* ---------- Whoisera hakkında (ana sayfa, footer öncesi) ---------- */
.about{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:34px;padding:26px 30px;border:1px solid var(--line-strong);border-left:3px solid var(--teal);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}
.about h2{margin-bottom:8px;font-size:19px;line-height:26px;font-weight:800;letter-spacing:-.3px}
.about p{max-width:740px;font-size:15px;line-height:24px;color:#4c5b75}
.about-points{display:flex;flex-direction:column;gap:10px;margin:0;padding:2px 0 2px 28px;border-left:1px solid #e3eaf2;list-style:none}
.about-points li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#23324d;white-space:nowrap}
.about-points .icon{width:30px;height:30px;padding:6px;border-radius:8px;background:#eaf6f6;color:var(--teal)}

/* ---------- Footer: kompakt (logo + kısa açıklama | resmi linkler) ---------- */
.site-footer{border-top:1px solid var(--line-strong);background:var(--surface)}
.footer-main{width:min(1140px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px 40px;padding:26px 0}
.footer-brand-block{display:flex;align-items:center;gap:18px;min-width:0}
.footer-brand{gap:9px;flex:none}
.footer-brand .brand-mark{width:30px;height:30px;border-radius:8px}
.footer-brand .brand-word{font-size:20px}
.footer-brand .brand-word-img{height:32px}
.footer-brand-block p{padding-left:18px;border-left:1px solid #e3eaf2;font-size:14px;line-height:20px;color:#5b6a84}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 26px}
.footer-nav a{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:#33435f}
/* Footer madde işareti: HTML'deki • karakteri, metinle tam ortalı küçük yumuşak nokta olarak çizilir */
.footer-dot{display:inline-block;flex:none;width:5px;height:5px;border-radius:50%;background:#7fa6b3;font-size:0;line-height:0;overflow:hidden}
.footer-nav a:hover{color:var(--teal-dark)}
.footer-bottom{border-top:1px solid #edf2f7;background:#f8fbfd}
.footer-bottom-inner{width:min(1140px,calc(100% - 48px));margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:13px 0}
.footer-bottom small{font-size:13px;color:#7d8da4}
.footer-useful{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.footer-useful-title{font-size:12px;font-weight:600;color:#9aa8bb}
.footer-useful-sep{font-size:12px;color:#c3cdd9}
.footer-useful a{font-size:13px;color:#7d8da4}
.footer-useful a:hover{color:var(--teal-dark)}

/* ---------- Blog ---------- */
.cat-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.cat-chips a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid #dde6f0;border-radius:20px;background:var(--surface);font-size:14px;font-weight:500;color:#33435f}
.cat-chips a span{font-size:12px;color:#8391a8}
.cat-chips a:hover{border-color:#c9d6e3}
.cat-chips a.active{border-color:var(--teal);background:#eaf6f6;color:var(--teal-dark)}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;margin-top:26px}
.blog-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.post-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}
.post-featured-media,.post-card-media{display:block;background:#eef4f8}
.post-featured-media img,.post-card-media img{width:100%;height:100%;object-fit:cover}
.post-featured-media{min-height:0;height:100%}
.post-card-media{aspect-ratio:12/5}
.is-placeholder{display:grid!important;place-items:center;background:linear-gradient(135deg,#e6f5f5,#eef3fb)}
.is-placeholder span{font-size:46px;font-weight:700;line-height:1;color:#b6d9dc}
.post-card-media.is-placeholder span{font-size:38px}
.post-featured-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 24px}
.post-badge{padding:3px 10px;border-radius:20px;background:#eaf6f6;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--teal-dark)}
.post-featured h2{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.3px}
.post-featured h2 a:hover,.post-card h2 a:hover{color:var(--teal-dark)}
.post-featured p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:23px;color:#51607a}
.post-featured .tool-link,.post-card .tool-link{margin-top:auto;padding-top:4px}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--muted)}
.post-meta time{display:inline-flex;align-items:center;gap:6px}
.post-meta .icon{width:15px;height:15px}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.post-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}
.post-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;padding:18px 20px}
.post-card h2{font-size:18px;line-height:24px;font-weight:700}
.post-card p{font-size:14.5px;line-height:22px;color:var(--muted)}
.blog-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 24px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);text-align:center;box-shadow:var(--shadow-card)}
.blog-empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eaf6f6;color:var(--teal)}
.blog-empty h2{font-size:20px}
.blog-empty p{max-width:460px;font-size:15px;line-height:23px;color:var(--muted)}
.blog-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}
.side-box{padding:18px 20px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}
.side-box h2{margin-bottom:8px;font-size:15px;font-weight:700}
.side-box p{font-size:14px;line-height:22px;color:#51607a}
.side-count{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:600;color:var(--teal-dark)!important}
.side-count .icon{width:16px;height:16px}
.side-list,.side-tools{margin:0;padding:0;list-style:none}
.side-list a{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #eef2f6;font-size:14px;color:#33435f}
.side-list li:first-child a{border-top:0}
.side-list b{font-weight:600;color:#8391a8}
.side-list a:hover,.side-tools a:hover{color:var(--teal-dark)}
.side-tools a{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px;font-weight:500;color:#33435f}
.side-tools .icon{width:17px;height:17px;color:var(--teal)}

/* ---------- İletişim ---------- */
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:22px;margin-top:22px}
.contact-layout .contact-card{margin-top:0}
.contact-side{display:flex;flex-direction:column;gap:12px}
.info-box{display:flex;gap:14px;padding:16px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-card)}
.info-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:#eaf6f6;color:var(--teal)}
.info-icon .icon{width:19px;height:19px}
.info-box h2{margin-bottom:4px;font-size:15px;font-weight:700}
.info-box p{font-size:14px;line-height:21px;color:#51607a}
.info-box a{font-weight:600;color:var(--teal-dark)}
.info-box ul{margin:0;padding-left:17px;font-size:14px;line-height:23px;color:#51607a}
.info-note{background:#f6fafc}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}