/* generated by tools/build_arabic.cjs from free-tools-page.css — edit the source, not this file */
.tool-intro{padding:clamp(42px,6vw,76px) 0 34px}
.tool-intro>div{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:24px 70px}
.tool-intro h1{max-width:650px}
.tool-intro>div>p{font-size:clamp(18px,2vw,24px);max-width:520px;line-height:1.45}
.tool-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--white)}
.tool-art{min-height:420px;background:var(--ink);position:relative;display:grid;place-items:center;overflow:hidden}
.tool-ring{width:min(260px,29vw);aspect-ratio:1;border:1px solid var(--silver);animation:tool-ring-turn 6s linear infinite}
.tool-star{position:absolute;color:var(--orange);font-size:135px;line-height:1;transform-origin:center;animation:tool-star-turn 2.8s linear infinite}
@keyframes tool-ring-turn{from{transform:rotate(-45deg)}to{transform:rotate(-135deg)}}
@keyframes tool-star-turn{from{transform:rotate(0deg)}to{transform:rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){.tool-ring,.tool-star{animation:none}.tool-ring{transform:rotate(-45deg)}.tool-star{transform:none}}
.tool-art-label{position:absolute;right:24px;top:24px;color:var(--paper);font-size:11px;font-weight:700;letter-spacing:.14em}
.tool-info{padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;align-items:flex-start}
.tool-info h2{font-size:clamp(34px,4vw,56px);margin:12px 0 6px}
.tool-info>p:not(.eyebrow){font-size:18px;line-height:1.5;margin:12px 0}
.tool-info .tool-platform{font-weight:700;margin-top:0!important}
.tool-info ul{list-style:none;padding:0;display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}
.tool-info li{border:1px solid var(--line);padding:7px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.tool-info .primary{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:14px 20px;min-height:50px;font-size:13px;font-weight:700;letter-spacing:.05em;margin-top:auto}
.tool-info .primary:hover{background:var(--orange);color:var(--ink);text-decoration:none}
.tool-end{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:20px 0 0}
@media(max-width:800px){.tool-intro>div{grid-template-columns:1fr;gap:0}.tool-card{grid-template-columns:1fr}.tool-art{min-height:280px}.tool-ring{width:min(180px,44vw)}.tool-info{padding:28px}.tool-info .primary{margin-top:0}}
@media(max-width:500px){.tool-intro{padding-top:42px}.tool-art{min-height:210px}.tool-ring{width:min(130px,40vw)}.tool-star{font-size:95px}.tool-info h2{font-size:36px}.tool-info>p:not(.eyebrow){font-size:16px}}
.tool-topbar{background:#172B36;color:#F1F6F4;border-bottom:0}
.tool-topbar nav{align-items:center;gap:clamp(16px,3vw,40px)}
.tool-topbar nav span{font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.tool-section-actions{display:flex;gap:6px}
.tool-section-actions a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #7F979F;font:700 21px Instrument,system-ui,sans-serif;text-decoration:none}
.tool-section-actions a:hover{background:#FF4D00;border-color:#FF4D00;color:#172B36;text-decoration:none}
.tool-section-actions a:last-child{background:#F1F6F4;border-color:#F1F6F4;color:#172B36}
.tool-section-actions a:last-child:hover{background:#FF4D00;border-color:#FF4D00}
.tool-neighbors{display:flex;justify-content:space-between;gap:12px;margin-top:42px;border-top:1px solid #7F979F;padding-top:22px}
.tool-neighbors a{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tool-neighbors a:hover{color:#FF4D00;text-decoration:none}
@media(max-width:650px){.tool-topbar{flex-direction:row;align-items:center;flex-wrap:wrap}.tool-topbar nav{justify-content:space-between;width:100%}.tool-neighbors a{font-size:11px}}
/* V53 · language link in the dark tool header */
.tool-topbar nav .tool-lang{margin-inline-start:auto;font-size:13px;font-weight:700;text-decoration:underline;text-decoration-color:#FF4D00;text-decoration-thickness:2px;text-underline-offset:6px}
.tool-topbar nav .tool-lang:hover{color:#FF4D00}