:root{--ink:#142448;--ink-2:#263b60;--muted:#677895;--blue:#2168ec;--blue-dark:#1355d1;--line:#e5ecf7;--canvas:#f8faff;--shadow:0 12px 34px rgba(27,63,120,.07);font-family:'Cairo',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;line-height:1.7;min-width:300px;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:wait}
img,svg{vertical-align:middle}.icon{height:1.2em;width:1.2em;flex:0 0 auto}.container{width:min(1190px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #90b8ff;outline-offset:3px}
/* Header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);border-bottom:1px solid #e7eef8;backdrop-filter:blur(15px)}
.nav{height:76px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:800;color:#1760dc;white-space:nowrap;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#2168ec;color:#fff;border-radius:12px;box-shadow:0 7px 16px rgba(33,104,236,.22)}.brand-mark .icon{width:22px;height:22px}
.navlinks{display:flex;gap:33px;align-items:center;margin-inline-start:40px}.navlinks a{font-size:14px;font-weight:700;color:#516280;padding:27px 0 24px;border-bottom:3px solid transparent;transition:color .2s}.navlinks a:hover,.navlinks a.active{color:var(--blue)}.navlinks a.active{border-color:var(--blue)}
.nav-actions{display:flex;margin-inline-start:auto;align-items:center;gap:9px}.header-search,.menu-button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:13px;background:#f0f5ff;color:#254572;transition:background .2s}.header-search:hover,.menu-button:hover{background:#e1ecff}.menu-button{display:none}
/* Hero */
.hero{background:linear-gradient(120deg,#e3f2ff 0%,#f4faff 29%,#ffffff 52%,#e5f2ff 100%);border-bottom:1px solid #e7effa;position:relative;isolation:isolate;overflow:hidden}
.hero-blob{position:absolute;z-index:-1;pointer-events:none;border-radius:35% 65% 45% 55%;opacity:.65;filter:blur(3px)}.hero-blob-right{right:-190px;top:-170px;width:520px;height:480px;background:linear-gradient(135deg,#bfddff,#d9ebff)}.hero-blob-left{left:-210px;bottom:-170px;width:500px;height:390px;background:linear-gradient(135deg,#d7e3ff,#b8e8fb)}
.hero-content{position:relative;min-height:370px;padding:62px 0 45px;display:flex;align-items:center;justify-content:center}
.hero-centered{text-align:center;width:min(690px,100%);position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#2c6edf;background:#e7f1ff;border:1px solid #d2e7ff;border-radius:50px;padding:4px 14px;font-size:12px;font-weight:800;margin-bottom:8px}.eyebrow .icon{width:16px;height:16px}
.hero h1{font-size:clamp(31px,3.4vw,48px);letter-spacing:-1.2px;line-height:1.55;margin:6px auto 11px;font-weight:800;max-width:690px}.hero h1 span{color:#1769eb;display:block}.hero-description{font-size:15px;color:#506585;max-width:600px;margin:0 auto 28px}
.search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e0e9f7;border-radius:20px;padding:7px 8px 7px 10px;box-shadow:0 14px 33px rgba(39,91,168,.12);width:100%;margin:auto;max-width:710px;min-height:62px}.search>.icon{color:#4f6a92;width:23px;height:23px;margin-inline-start:12px}.search input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--ink);font-size:13px}.search input::placeholder{color:#94a1b5}.btn{background:#2168eb;color:#fff;border:1px solid #2168eb;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;padding:11px 22px;min-height:44px;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 5px 13px rgba(33,104,235,.12)}.btn:hover:not(:disabled){background:#1254d1;transform:translateY(-1px)}.btn.secondary{background:#eaf2ff;color:#145acf;border-color:#dce9ff;box-shadow:none}.btn.secondary:hover{background:#dceafe}.btn .icon{height:17px;width:17px}.hero-footnote{display:flex;align-items:center;gap:6px;justify-content:center;font-size:11px;color:#7991ad;margin:17px 0 0}.hero-footnote svg{color:#3285d0}
/* CSS illustration - static, zero external imagery */
.hero-art{position:absolute;width:255px;height:260px;inset-inline-end:auto;left:-15px;top:46px;pointer-events:none;opacity:.95}.art-orbit{position:absolute;inset:20px 6px;background:linear-gradient(140deg,#aed4ff63,#d2ebff28);border-radius:39% 61% 53% 47%;transform:rotate(22deg)}.art-orbit-two{inset:54px 24px;transform:rotate(-23deg);border:2px dashed rgba(55,137,243,.32);background:transparent}.art-card{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 30px #2b68a821;border-radius:18px;transform:rotate(-8deg)}.art-card .icon{width:35px;height:35px}.art-picture{top:62px;left:12px;width:90px;height:90px;color:#247fe6;background:linear-gradient(135deg,#e6f5ff,#a0d2ff)}.art-pdf{top:20px;left:115px;width:68px;height:75px;color:#ff4c5d;background:#fff1f1;transform:rotate(10deg)}.art-qr{top:149px;left:151px;width:69px;height:70px;color:#8656ff;background:#f5eeff;transform:rotate(12deg)}.art-text{top:153px;left:54px;width:65px;height:76px;background:#fff;color:#3892df}.art-spark{position:absolute;color:#3d9cef;font-size:30px}.art-spark-one{top:0;left:65px}.art-spark-two{top:94px;left:222px}.hero-note{position:absolute;inset-inline-start:-24px;top:123px;font-size:19px;color:#4c7fc2;font-style:italic;line-height:2;transform:rotate(-7deg);opacity:.8;pointer-events:none}.hero-note span{display:block;text-align:center;line-height:1;font-size:32px}
/* General sections */
.home-main{padding-bottom:42px}.section{padding:34px 0}.categories-section{padding-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head h2{font-size:24px;line-height:1.5;margin:2px 0 0;font-weight:800;letter-spacing:-.45px}.section-kicker{font-size:11px;color:#3276e7;font-weight:800;letter-spacing:.1px}.sub{color:#7988a2;font-size:13px;margin:3px 0 0}.section .more-link{flex:0 0 auto}.more-link{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:40px;border:1px solid #dfebff;background:#f0f7ff;color:#2069df;font-size:12px;font-weight:800}.more-link:hover{background:#e2efff}.more-link .icon{width:16px;height:16px}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category{position:relative;display:flex;flex-direction:column;min-height:156px;padding:20px 21px;border:1px solid rgba(255,255,255,.8);border-radius:19px;box-shadow:0 5px 20px rgba(40,88,160,.035);transition:transform .2s,box-shadow .2s}.category:hover,.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(40,88,160,.1)}.tone-surface-images{background:linear-gradient(115deg,#f1edff,#e8eaff)}.tone-surface-pdf{background:linear-gradient(115deg,#fff0f1,#ffeaed)}.tone-surface-text{background:linear-gradient(115deg,#e9fbf5,#e4f7f0)}.tone-surface-web{background:linear-gradient(115deg,#e9f5ff,#e4f1ff)}
.cat-icon,.tool-icon,.page-icon,.group-icon{display:grid;place-items:center;flex:0 0 auto;color:white}.cat-icon{width:46px;height:46px;border-radius:13px;margin-bottom:9px}.cat-icon .icon{width:25px;height:25px}.tone-images{background:linear-gradient(140deg,#9a74ff,#674fe8);box-shadow:0 6px 12px #9470ed2f}.tone-pdf{background:linear-gradient(140deg,#ff797e,#ee4558);box-shadow:0 6px 12px #f562792b}.tone-text{background:linear-gradient(140deg,#3ccea0,#19a879);box-shadow:0 6px 12px #32ba9130}.tone-web{background:linear-gradient(140deg,#56b2ff,#2979ef);box-shadow:0 6px 12px #367deb29}
.cat-copy{display:block;max-width:205px}.cat-copy strong{display:block;font-size:15px;font-weight:800}.cat-copy small{display:block;color:#687b96;font-size:11px;line-height:1.8;margin-top:3px}.cat-arrow{position:absolute;inset-inline-end:18px;bottom:24px;background:#ffffffd9;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#345d92;border:1px solid #ffffff}.cat-arrow svg{height:16px;width:16px}
.featured-section{padding-top:39px}.flame{color:#ff914d;font-size:17px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:112px;padding:17px 14px;background:#fff;border:1px solid #e8edf6;border-radius:17px;box-shadow:0 3px 13px rgba(46,76,128,.03);transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{border-color:#cddffa}.tool-icon{width:49px;height:49px;border-radius:13px}.tool-icon svg{height:26px;width:26px}.tool-copy{flex:1;min-width:0;display:block}.tool-copy strong{display:block;font-size:13px;font-weight:800;line-height:1.6}.tool-copy small{display:block;font-size:10px;line-height:1.65;margin-top:4px;color:#7b8ba5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-arrow{align-self:center;display:grid;place-items:center;background:#f3f7ff;border:1px solid #e7eefb;border-radius:50%;width:25px;height:25px;color:#49678d;flex:0 0 25px}.tool-arrow svg{width:14px;height:14px}.all-tools{border-top:1px solid #edf1f8;margin-top:5px;padding-bottom:3px}.tool-count{color:#5378b2;background:#eaf2ff;border-radius:35px;font-size:11px;font-weight:800;padding:6px 13px;white-space:nowrap}.group-section{scroll-margin-top:85px;border-top:1px solid #eff2f9;margin-top:10px;padding-top:27px}.group-icon{width:44px;height:44px;border-radius:13px}.group-icon svg{width:24px;height:24px}.empty{background:white;padding:35px;text-align:center;border:1px dashed #cdd9ec;border-radius:16px;color:#5e7193}.trust-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:45px 0 10px;gap:15px;background:linear-gradient(120deg,#f2f8ff,#f5f9ff);border:1px solid #e5effa;border-radius:21px;padding:24px}.trust-item{display:flex;gap:11px;align-items:flex-start}.trust-item>.icon{color:var(--blue);height:26px;width:26px;margin-top:4px}.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:13px}.trust-item small{font-size:11px;color:#7b8ba5}
/* tool page */
.page-title{background:linear-gradient(115deg,#edf6ff,#fff 64%,#eaf3ff);border-bottom:1px solid #e8eff9;padding:27px 0 30px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px;color:#7c8eab;margin-bottom:22px}.breadcrumb a:hover{color:var(--blue)}.breadcrumb svg{width:12px;height:12px}.tool-heading{display:flex;align-items:center;gap:17px}.page-icon{width:70px;height:70px;border-radius:19px}.page-icon svg{width:36px;height:36px}.category-label{color:#2876e7;font-size:11px;font-weight:800}.tool-heading h1{margin:0;font-size:clamp(23px,3vw,31px);line-height:1.5;font-weight:800}.tool-heading p{margin:1px 0 0;color:#687d9b;font-size:13px}.tool-main{padding-top:22px;padding-bottom:30px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:21px;align-items:start}.workspace,.aside-card,.info,.prose{border:1px solid #e6edf7;background:#fff;border-radius:19px;box-shadow:0 10px 34px rgba(21,52,105,.045)}.workspace{padding:27px;min-height:315px}.workspace-head{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-bottom:21px;border-bottom:1px solid #eef2f7;margin-bottom:19px}.workspace-head h2{font-size:21px;line-height:1.6;margin:5px 0 0}.workspace-head p{font-size:12px;color:#7a88a0;margin:2px 0 0}.workspace-kicker{font-size:11px;color:#2775e7;font-weight:800;display:inline-flex;align-items:center;gap:5px}.workspace-kicker svg{height:15px;width:15px}.workspace-check{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;color:#1a986b;background:#eaf9f3;padding:8px 9px;border-radius:30px}.workspace-check .icon{width:14px;height:14px}
.field{margin:0 0 17px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input:not([type=checkbox]):not([type=file]),.field textarea,.field select,.result textarea{width:100%;border:1px solid #dce6f5;border-radius:12px;background:#f9fbff;padding:12px 14px;color:#203558;transition:border-color .2s,box-shadow .2s}.field textarea,.result textarea{min-height:160px;resize:vertical;line-height:1.9;direction:auto}.field select{background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:#77aaff;box-shadow:0 0 0 3px #dbeaff}.field input[type=checkbox]{accent-color:#2168ec;width:17px;height:17px;vertical-align:middle;margin-inline-end:7px}.field>label:has(input[type=checkbox]){display:flex;align-items:center;gap:4px;font-weight:600}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tool-app>.btn{min-width:165px}.tool-app .hint{color:#8292ac;font-size:11px;line-height:1.85;margin:14px 0 0}.status{display:none;white-space:pre-wrap;overflow-wrap:anywhere;background:#ecf8f3;color:#13744b;border:1px solid #d4f2e4;border-radius:12px;padding:12px 15px;margin-top:18px;font-size:12px}.status.visible{display:block}.status.error{background:#fff1f2;color:#ac2944;border-color:#ffd8df}.result{margin-top:19px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.result:empty{display:none}.result img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid #e2eaf6}.result textarea{width:100%;min-height:155px;font-size:13px}.result .btn{margin-top:2px}.result a.btn{font-size:12px}.tool-aside{display:grid;gap:16px}.aside-card{padding:22px}.aside-icon{display:grid;place-items:center;width:39px;height:39px;background:#eaf6ef;color:#26a46f;border-radius:12px}.aside-icon svg{width:23px;height:23px}.aside-card h2{font-size:16px;margin:13px 0 7px}.aside-card p,.aside-card li{font-size:12px;color:#6b7b95;line-height:2;margin:0}.aside-card ol{margin:10px 0 0;padding:0 22px 0 0}.aside-card li{padding:3px 0}.aside-card li::marker{color:#2b72dd;font-weight:800}.info{padding:26px;margin:26px 0 0}.info>.section-head{margin-bottom:7px}.info p{color:#6b7a93;font-size:13px;margin:0 0 14px}.info-note{background:#eff7ff;border-radius:12px;border:1px solid #daeafd;display:flex;align-items:flex-start;gap:8px;color:#426a9a;font-size:12px;padding:12px 14px}.info-note .icon{color:#2e8eec;margin-top:3px}.related{padding-top:36px}.prose{max-width:850px;margin:35px auto 55px;padding:33px;min-height:250px}.prose h2{font-size:26px;margin:0 0 15px}.prose p{color:#576b88;font-size:14px;line-height:2.1}
/* File dropzone enhancement, progressive JS; input stays in DOM */
.upload-shell{border:2px dashed #c5d9f5;border-radius:17px;background:linear-gradient(145deg,#f5f9ff,#fbfdff);min-height:174px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;position:relative;overflow:hidden;text-align:center;padding:25px;transition:border-color .2s,background .2s}.upload-shell:hover,.upload-shell.is-dragover{border-color:#397cea;background:#eef6ff}.upload-shell .icon{color:#3380e9;width:33px;height:33px}.upload-shell strong{font-size:14px}.upload-shell small{font-size:11px;color:#8392aa}.upload-shell .upload-caption{color:#2870d9;font-size:11px;font-weight:800}.upload-shell input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-shell:focus-within{outline:3px solid #9dc2ff;outline-offset:3px}.upload-shell .file-selection{font-size:11px;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1b8b64;font-weight:800}
/* Footer */
.footer{background:#fff;border-top:1px solid #e7edf6}.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px;padding:40px 0 28px}.footer-brand .brand{font-size:24px}.footer-brand p{font-size:12px;color:#7d8ba4;max-width:400px;margin:14px 0 0}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h2{font-size:13px;margin:1px 0 6px}.footer-col a{color:#6b7d97;font-size:12px}.footer-col a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #eef2f7;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:17px 0;font-size:11px;color:#8996a9}
@media(max-width:1280px){.hero-art{opacity:.54;left:-54px}.hero-note{display:none}}
@media(max-width:1050px){.container{width:min(100% - 36px,1190px)}.navlinks{gap:19px;margin-inline-start:8px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{gap:11px}.category{padding:17px}.hero-art{left:-120px;opacity:.2}.tool-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:760px){.nav{height:67px;gap:10px}.brand{font-size:23px}.brand-mark{width:35px;height:35px}.menu-button{display:grid}.navlinks{display:none;position:absolute;top:67px;left:0;right:0;padding:13px 18px 18px;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 16px 30px rgba(25,55,100,.09);border-bottom:1px solid #e7edf6;margin:0}.navlinks.open{display:flex}.navlinks a{padding:12px 14px;border-bottom:0;border-radius:10px}.navlinks a.active{background:#eef5ff}.hero-content{min-height:auto;padding:45px 0 43px}.hero-art,.hero-note{display:none}.hero h1{font-size:clamp(27px,6vw,38px)}.hero-description{font-size:13px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category{min-height:140px}.tool-layout{grid-template-columns:1fr}.tool-aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-title{padding:20px 0}.footer-main{gap:25px;grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:560px){.container{width:min(100% - 28px,1190px)}.hero-content{padding:35px 0}.eyebrow{font-size:10px}.hero h1{font-size:29px;letter-spacing:-.7px;margin:7px 0}.hero-description{font-size:12px;line-height:2;margin-bottom:20px}.search{min-height:56px;gap:7px;padding:6px;border-radius:16px}.search>.icon{margin-inline-start:6px;width:19px;height:19px}.search input{font-size:11px}.search .btn{padding:8px 12px;min-height:40px;font-size:12px}.search .btn svg{display:none}.section{padding:26px 0}.section-head{align-items:center;gap:8px;margin-bottom:16px}.section-head h2{font-size:20px}.section-kicker{font-size:10px}.sub{font-size:11px}.category-grid{gap:10px}.category{padding:14px;min-height:134px;border-radius:15px}.cat-icon{height:36px;width:36px;border-radius:10px;margin-bottom:7px}.cat-icon .icon{width:20px;height:20px}.cat-copy strong{font-size:12px}.cat-copy small{font-size:10px;line-height:1.65}.cat-arrow{width:22px;height:22px;inset-inline-end:10px;bottom:11px}.cat-arrow svg{height:12px;width:12px}.tool-grid{grid-template-columns:1fr;gap:9px}.tool-card{min-height:84px;border-radius:14px;padding:12px 13px}.tool-icon{width:43px;height:43px;border-radius:11px}.tool-icon svg{width:22px;height:22px}.tool-copy strong{font-size:13px}.tool-copy small{font-size:10px}.tool-arrow{width:25px;height:25px}.more-link{padding:7px 9px;font-size:10px}.more-link svg{width:12px;height:12px}.tool-count{font-size:10px;padding:6px 8px}.trust-band{grid-template-columns:1fr;padding:16px;gap:12px;margin:24px 0}.trust-item>.icon{height:21px;width:21px}.trust-item strong{font-size:12px}.trust-item small{font-size:10px}.tool-heading{gap:12px}.page-icon{width:55px;height:55px;border-radius:15px}.page-icon svg{width:28px;height:28px}.tool-heading h1{font-size:23px}.tool-heading p{font-size:11px}.breadcrumb{margin-bottom:15px}.workspace{padding:17px;border-radius:17px}.workspace-head{flex-direction:column;gap:8px;margin-bottom:15px;padding-bottom:15px}.workspace-head h2{font-size:18px}.workspace-head p{font-size:11px}.workspace-check{padding:4px 8px}.tool-aside{grid-template-columns:1fr}.aside-card{padding:18px}.info{padding:18px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:28px 0}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:10px}.prose{padding:20px;margin:24px auto 35px}.prose h2{font-size:22px}.prose p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* ================================================================
   Adawat v1.3 - readability upgrade
   Enhanced type hierarchy and contrast, without changing tool logic.
   ================================================================ */
:root {
  --muted: #4e5f7d;
  --ink-2: #253957;
  font-size: 16px;
}
body { font-size: 16px; line-height: 1.85; }

/* Top navigation and hero */
.navlinks a { font-size: 16px; }
.brand { font-size: 27px; }
.hero-description { font-size: 17px; line-height: 1.95; color: #344f73; }
.eyebrow { font-size: 14px; }
.search input { font-size: 16px; }
.search input::placeholder { color: #667894; opacity: 1; }
.btn { font-size: 16px; min-height: 48px; }
.hero-footnote { font-size: 14px; color: #4d6787; }

/* Categories and directory */
.section-kicker { font-size: 14px; }
.section-head h2 { font-size: 27px; }
.sub { font-size: 16px; color: #4d6080; line-height: 1.8; }
.more-link { font-size: 14px; }
.category { min-height: 178px; }
.cat-copy strong { font-size: 17px; line-height: 1.55; }
.cat-copy small { font-size: 14px; line-height: 1.8; color: #4c617d; }
.tool-card { min-height: 107px; }
.tool-copy strong { font-size: 16px; line-height: 1.6; }
.tool-copy small { font-size: 14px; line-height: 1.6; color: #536783; }
.tool-count { font-size: 14px; }
.trust-item strong { font-size: 16px; }
.trust-item small { font-size: 14px; color: #536783; line-height: 1.7; }

/* Tool-specific pages */
.breadcrumb { font-size: 14px; color: #506580; }
.category-label { font-size: 14px; }
.tool-heading h1 { font-size: clamp(27px, 3vw, 37px); }
.tool-heading p { font-size: 16px; line-height: 1.8; color: #4b6384; }
.workspace-head h2 { font-size: 25px; }
.workspace-head p { font-size: 15px; line-height: 1.9; color: #506580; }
.workspace-kicker { font-size: 14px; }
.workspace-check { font-size: 13px; line-height: 1.6; white-space: normal; }
.field label { font-size: 16px; line-height: 1.65; }
.field input:not([type=checkbox]):not([type=file]),
.field textarea, .field select, .result textarea {
  font-size: 16px;
  line-height: 1.85;
  color: #1c3154;
}
.field input:not([type=checkbox]):not([type=file]), .field select { min-height: 50px; }
.tool-app .hint { font-size: 14px; line-height: 1.85; color: #526782; }
.status { font-size: 15px; line-height: 1.8; }
.result textarea { font-size: 16px; }
.result a.btn { font-size: 15px; }
.aside-card h2 { font-size: 20px; }
.aside-card p, .aside-card li { font-size: 15px; line-height: 1.95; color: #4e607c; }
.info p { font-size: 16px; line-height: 1.95; color: #50627e; }
.info-note { font-size: 15px; line-height: 1.8; color: #345d8b; }
.upload-shell strong { font-size: 17px; }
.upload-shell small, .upload-shell .upload-caption,
.upload-shell .file-selection { font-size: 14px; line-height: 1.65; }
.prose p { font-size: 16px; }

/* Footer */
.footer-brand p, .footer-col a { font-size: 14px; color: #52637e; line-height: 1.85; }
.footer-col h2 { font-size: 16px; }
.footer-bottom { font-size: 13px; color: #556781; }

/* Keep readable sizes on phones, rather than tiny 10-12px text */
@media (max-width:760px) {
  .navlinks a { font-size: 16px; }
  .hero-description { font-size: 16px; }
  .tool-layout { gap: 18px; }
}
@media (max-width:560px) {
  .eyebrow, .section-kicker { font-size: 13px; }
  .hero h1 { font-size: 30px; line-height: 1.5; }
  .hero-description { font-size: 15px; line-height: 1.85; }
  .search input { font-size: 15px; }
  .search .btn { font-size: 15px; padding: 8px 13px; min-height: 42px; }
  .hero-footnote { font-size: 13px; }
  .section-head { flex-wrap: wrap; }
  .section-head h2 { font-size: 23px; }
  .sub { font-size: 14px; }
  .category { min-height: 154px; }
  .cat-copy strong { font-size: 15px; }
  .cat-copy small { font-size: 13px; line-height: 1.7; }
  .cat-arrow { bottom: 9px; }
  .tool-card { min-height: 95px; padding: 13px; }
  .tool-copy strong { font-size: 16px; }
  .tool-copy small { font-size: 14px; }
  .tool-count { font-size: 13px; }
  .more-link { font-size: 13px; }
  .trust-item strong { font-size: 15px; }
  .trust-item small { font-size: 14px; }
  .tool-heading h1 { font-size: 27px; }
  .tool-heading p { font-size: 15px; }
  .breadcrumb, .category-label { font-size: 13px; }
  .workspace-head h2 { font-size: 22px; }
  .workspace-head p { font-size: 15px; }
  .workspace-kicker { font-size: 13px; }
  .workspace-check { font-size: 13px; }
  .aside-card p, .aside-card li { font-size: 15px; }
  .aside-card h2 { font-size: 19px; }
  .info p { font-size: 15px; }
  .footer-brand p, .footer-col a { font-size: 14px; }
  .footer-bottom { font-size: 13px; }
  .prose p { font-size: 15px; }
}

/* ==========================================================
   Adatak Plus v1.4 — calculators, calendar and domain identity
   ========================================================== */
[hidden] { display:none !important; }
.tone-calculators { background:linear-gradient(135deg,#e8efff,#dcdfff);color:#5b53cb; }
.tone-surface-calculators { background:linear-gradient(145deg,#eef1ff,#f6f7ff);border-color:#e1e3fa; }
.tone-surface-calculators:hover { border-color:#babef6; }
.category-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.category .cat-copy { min-width:0; }
.category .cat-copy strong { overflow-wrap:anywhere; }
.calculator-form { display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:5px 0 3px; }
.calc-input-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start; }
.calculator-form .field { min-width:0;display:flex;flex-direction:column;gap:6px; }
.calculator-form input,.calculator-form select { width:100%; box-sizing:border-box; }
.calculator-form input[type="date"] { direction:ltr;text-align:right; }
.calculator-form .btn { align-self:flex-start;min-width:180px; }
.field-help { display:block;color:#536782;font-size:14px;line-height:1.75; }
.hijri-fields { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.calc-results { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px; }
.calc-stat { background:linear-gradient(145deg,#f3f7ff,#ffffff);border:1px solid #dce8fa;border-radius:15px; padding:16px 14px;display:flex;flex-direction:column;gap:6px;min-width:0; }
.calc-stat-label { color:#52617a;font-size:14px;line-height:1.7;font-weight:700; }
.calc-stat-value { font-size:20px;font-weight:800;line-height:1.7;color:#123c88;overflow-wrap:anywhere; }
.calc-stat small { color:#536782;font-size:13px;line-height:1.8; }
.calc-result-note { margin:15px 0 0;color:#445879;font-size:15px;line-height:1.85; }
.tool-explainer { border-top:1px solid #e3eaf4; padding-top:16px;margin-top:15px; }
.tool-explainer h3 { font-size:19px;color:#1f3a60;margin:4px 0 9px; }
.tool-explainer p { line-height:1.95;margin:0 0 12px;font-size:15px; }
.tool-explainer code { font-size:14px;direction:ltr;unicode-bidi:isolate; }
@media (max-width:1199px) { .category-grid {grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:760px) { .category-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .calc-results {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px) {
  .category-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .calc-input-grid {grid-template-columns:1fr;gap:13px;}
  .hijri-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
  .calc-results {grid-template-columns:1fr;}
  .calc-stat-value {font-size:19px;}
  .calc-stat-label,.field-help {font-size:14px;}
  .calculator-form .btn {width:100%;}
  .tool-explainer h3 {font-size:18px;}
}