/* FerdiSoft Webmaster & Developer Toolbox Hub · Tailwind dışında kalan küçük stiller
   Kodlama: Ferdi Giden | Yazılım Web: www.ferdisoft.com.tr */
.fa-donen { animation: fa-don .8s linear infinite; }
@keyframes fa-don { to { transform: rotate(360deg); } }
.fa-halka { transition: stroke-dashoffset 1.1s cubic-bezier(.2, .8, .2, 1); }
.fa-kod { tab-size: 4; font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; line-height: 1.6; }
.fa-kod::placeholder { font-family: inherit; }
textarea.fa-kod { resize: vertical; min-height: 14rem; }
.fa-cizgi-hata { background: rgba(244, 63, 94, .15); }
/* Klavye hız testi */
.fa-kelime { display: inline-block; margin: 0 .38em .2em 0; padding: 0 .08em; border-radius: .3em; transition: background-color .15s; }
.fa-kelime.is-aktif { background: rgba(99, 102, 241, .14); }
.fa-kelime.is-dogru { color: #10b981; }
.fa-kelime.is-yanlis { color: #f43f5e; text-decoration: underline wavy rgba(244, 63, 94, .6); }
.fa-kelime.is-aktif.is-hatali { background: rgba(244, 63, 94, .18); }
/* Cihaz çerçeveleri (mobil uyumluluk testi) */
.fa-cihaz { position: relative; margin: 0 auto; border-radius: 2.2rem; padding: .75rem; background: #0f172a; box-shadow: 0 0 0 2px #334155, 0 30px 60px -20px rgba(2, 6, 23, .55); transition: width .3s, height .3s; }
.fa-cihaz iframe { display: block; width: 100%; height: 100%; border: 0; border-radius: 1.55rem; background: #fff; }
.fa-cihaz.is-masaustu { border-radius: 1rem; padding: .5rem .5rem 1.1rem; }
.fa-cihaz.is-masaustu iframe { border-radius: .55rem; }
.fa-olcek { transform-origin: top left; }
/* Önizleme çerçeveleri */
.fa-onizleme-cerceve { width: 100%; border: 0; background: #fff; }
@media print { header, footer, aside, [data-fa-arac], .fg-reklam { display: none !important; } }
/* Markdown önizleme (gorunum/markdown-onizleyici.php) */
.fa-md { color: #334155; font-size: 15px; line-height: 1.75; }
.fa-md > * + * { margin-top: .9em; }
.fa-md h1, .fa-md h2, .fa-md h3, .fa-md h4 { color: #0f172a; font-weight: 800; line-height: 1.3; margin-top: 1.4em; }
.fa-md h1 { font-size: 1.8em; margin-top: 0; } .fa-md h2 { font-size: 1.4em; border-bottom: 1px solid #e2e8f0; padding-bottom: .25em; } .fa-md h3 { font-size: 1.15em; }
.fa-md a { color: #4f46e5; text-decoration: underline; text-underline-offset: 2px; }
.fa-md ul { list-style: disc; padding-left: 1.5em; } .fa-md ol { list-style: decimal; padding-left: 1.5em; } .fa-md li + li { margin-top: .25em; }
.fa-md li.gorev { list-style: none; margin-left: -1.3em; } .fa-md li.gorev input { margin-right: .4em; accent-color: #4f46e5; }
.fa-md code { background: #f1f5f9; border-radius: .35em; padding: .12em .38em; font-size: .88em; font-family: "JetBrains Mono", ui-monospace, monospace; }
.fa-md pre { background: #0f172a; color: #e2e8f0; border-radius: .9em; padding: 1em 1.2em; overflow-x: auto; font-size: 13px; line-height: 1.6; }
.fa-md pre code { background: none; padding: 0; color: inherit; font-size: inherit; }
.fa-md blockquote { border-left: 4px solid #a5b4fc; padding: .2em 0 .2em 1em; color: #64748b; }
.fa-md table { width: 100%; border-collapse: collapse; font-size: 14px; } .fa-md th, .fa-md td { border: 1px solid #e2e8f0; padding: .45em .7em; } .fa-md th { background: #f8fafc; font-weight: 700; }
.fa-md img { max-width: 100%; border-radius: .6em; } .fa-md hr { border: 0; border-top: 1px solid #e2e8f0; margin: 1.6em 0; }
.dark .fa-md { color: #cbd5e1; } .dark .fa-md h1, .dark .fa-md h2, .dark .fa-md h3, .dark .fa-md h4 { color: #f8fafc; } .dark .fa-md h2, .dark .fa-md th, .dark .fa-md td, .dark .fa-md hr { border-color: rgba(255,255,255,.1); }
.dark .fa-md a { color: #a5b4fc; } .dark .fa-md code { background: rgba(255,255,255,.08); } .dark .fa-md th { background: rgba(255,255,255,.04); } .dark .fa-md blockquote { color: #94a3b8; }