/* FreeTools design system — shared across Arabic RTL and English LTR. */
:root { --ft-bg:#f5f7fc; --ft-text:#14213b; --ft-muted:#53627b; --ft-border:#e1e8f3; --ft-purple:#5546dc; --ft-purple-dark:#4032b6; --ft-purple-light:#f0efff; --ft-radius:18px; --ft-shadow:0 12px 35px rgba(26,43,80,.07); }
html { scroll-padding-top:88px; }
body { background:radial-gradient(ellipse 65% 32% at 50% -8%,#e7e9ff 0%,transparent 90%),#f5f7fc; line-height:1.65; }
[dir=rtl] body { font-family:Tahoma,'Segoe UI',Arial,sans-serif; }
.wrap { width:min(100% - 36px,1200px); margin-inline:auto; }
.ft-header { background:rgba(255,255,255,.95); backdrop-filter:blur(16px); border-bottom:1px solid var(--ft-border); box-shadow:0 3px 24px rgba(24,40,75,.035); }
.ft-brand-logo { object-fit:contain; border-radius:12px; }
.ft-nav-link { transition:background-color .2s,color .2s,transform .2s; border-radius:10px; }
.ft-nav-link:hover { background:#f0efff; color:#4032b6; }
:where(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid #6559eb !important; outline-offset:3px; }
:where(button,[role=button],input,select,textarea) { min-height:44px; }
button,a { -webkit-tap-highlight-color:transparent; }
button:not(:disabled) { cursor:pointer; }
button:disabled { opacity:.55; cursor:not-allowed; }
input,select,textarea { max-width:100%; border-radius:10px; }
input:focus,select:focus,textarea:focus { border-color:#6559eb; box-shadow:0 0 0 3px rgba(101,89,235,.12); }
img { max-width:100%; height:auto; }
:where(.tool-card,.home-panel,.home-tool-card,.home-category-card) { transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
:where(.tool-card,.home-panel,.home-tool-card,.home-category-card):hover { border-color:#d1cdfa; box-shadow:0 18px 45px rgba(37,40,93,.11); }
:where(.tool-card,.home-tool-card,.home-category-card):hover { transform:translateY(-3px); }
:where(.tool-card,.home-panel,.home-tool-card,.home-category-card) { overflow-wrap:anywhere; }
:where(h1,h2,h3) { text-wrap:balance; letter-spacing:-.025em; }
[dir=rtl] :where(h1,h2,h3) { letter-spacing:normal; }
:where(p,li) { overflow-wrap:break-word; }
.ft-footer { border-top:1px solid var(--ft-border); }
@media(max-width:768px) { .wrap { width:min(100% - 28px,1200px); } :where(.tool-card,.home-panel,.home-tool-card,.home-category-card):hover { transform:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }
@media print { .ft-header,.ft-topbar,.ft-footer,.ft-mobile-links,.ft-skip-link { display:none!important; } body { background:#fff; } }

/* Editorial and trust pages */
.ft-editorial{max-width:940px;margin:0 auto;padding:clamp(32px,6vw,76px) 20px;line-height:1.85}.ft-editorial header{margin:28px 0 32px}.ft-editorial h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.22}.ft-editorial h2{font-size:1.4rem;margin:30px 0 10px}.ft-editorial p{max-width:75ch;margin:0 0 16px}.ft-editorial-lead{font-size:1.15rem;opacity:.85}.ft-editorial-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}.ft-editorial-cards>a{display:block;padding:22px;border:1px solid #d8e3ef;border-radius:18px;text-decoration:none;color:inherit;background:#fff}.ft-editorial-cards>a:hover{border-color:#2563eb;box-shadow:0 12px 28px #0f172a12}.ft-editorial-nav{display:flex;flex-wrap:wrap;gap:12px 26px;padding:24px 16px}.ft-editorial-nav a{color:inherit;text-decoration:none}.ft-editorial-nav a:hover{text-decoration:underline}