:root{color-scheme:light;--navy:#0c1b49;--blue:#2457d8;--ice:#eef5ff;--line:#dbe4f2;--muted:#657592;--bg:#f7f9fd;font-family:'DM Sans',Arial,sans-serif;color:var(--navy)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 47% 10%,#fff 0,var(--bg) 60%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.top{padding:16px 0}.nav{border:1px solid #e8edf6;background:#fff;box-shadow:0 15px 32px #123a8010;border-radius:22px;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 22px}.brand{font:700 24px 'Libre Baskerville',Georgia,serif;white-space:nowrap;display:flex;align-items:center;gap:9px}.mark{font:30px Arial;color:var(--blue)}.navlinks{display:flex;gap:32px;font-size:14px}.navlinks a:hover,.footer a:hover{color:var(--blue)}.nav-search{font-size:14px;color:var(--muted);border:1px solid var(--line);padding:11px 16px;border-radius:11px;min-width:180px;display:flex;justify-content:space-between}.hero{text-align:center;padding:88px 0 78px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;color:var(--blue);margin:0 0 18px}.hero h1,.tool-page h1{font:700 clamp(36px,5vw,62px)/1.2 'Libre Baskerville',Georgia,serif;letter-spacing:-.045em;margin:0}.hero h1 em{font-style:normal;color:var(--blue)}.hero>p:not(.eyebrow){color:var(--muted);font-size:19px;max-width:580px;margin:20px auto 32px;line-height:1.6}.searchbox{display:flex;align-items:center;text-align:left;gap:14px;background:white;border:1px solid var(--line);border-radius:16px;padding:15px 18px;box-shadow:0 16px 35px #1e438017;max-width:650px;margin:auto}.searchbox>span{font-size:28px;color:var(--blue)}.searchbox input{border:0;outline:0;flex:1;min-width:0;font-size:16px}.searchbox kbd{background:var(--bg);padding:3px 9px;border-radius:6px;color:var(--muted)}.quick{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px;margin-top:20px;color:var(--muted)}.quick a{padding:7px 11px;border:1px solid var(--line);border-radius:30px;background:white;color:var(--navy)}.directory{padding:25px 0 75px}.section-top{display:flex;align-items:end;justify-content:space-between}.section-top h2,.values h2,.below h2{font:700 31px 'Libre Baskerville',Georgia,serif;margin:0 0 12px}.section-top>span{color:var(--muted);padding-bottom:13px}.filters{display:flex;gap:9px;overflow:auto;margin:20px 0 25px;padding-bottom:4px}.filter{white-space:nowrap;border:1px solid var(--line);background:white;padding:10px 16px;border-radius:12px;color:var(--navy)}.filter.selected{background:var(--blue);color:#fff;border-color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:188px;padding:25px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #16478b16}.tool-category{color:var(--blue);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.tool-card h3{font:700 20px 'Libre Baskerville',Georgia,serif;margin:18px 0 7px}.tool-card p{margin:0 0 17px;color:var(--muted);line-height:1.5;font-size:14px}.open{margin-top:auto;font-size:14px;font-weight:700;color:var(--blue)}.values{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;border-top:1px solid var(--line);padding:55px 0}.values p,.below p{color:var(--muted);line-height:1.6}.footer{border-top:1px solid var(--line);padding:30px 0 50px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}.footer .brand{font-size:19px;color:var(--navy)}.footer>div{display:flex;gap:20px}.tool-page{text-align:center;padding:55px 0 75px}.subtitle{font-size:18px;color:var(--muted);margin:14px auto 30px;max-width:700px}.tool-workspace{text-align:left;display:grid;grid-template-columns:1fr 1fr;background:#fff;padding:10px;border-radius:24px;box-shadow:0 17px 40px #123a8016;border:1px solid #e5ecf6}.pane{padding:28px;min-width:0}.pane.result{background:linear-gradient(145deg,#f4f9ff,#eaf3ff);border-radius:18px}.pane h2{font:700 27px 'Libre Baskerville',Georgia,serif;margin:0 0 8px}.pane p{color:var(--muted);margin:4px 0 18px;line-height:1.5}.field{display:block;font-size:14px;font-weight:700;margin:18px 0 8px}.input,textarea,select{width:100%;border:1px solid #cbd8eb;border-radius:10px;padding:12px 14px;background:white;color:var(--navy);outline-color:var(--blue)}textarea{min-height:180px;resize:vertical;line-height:1.55}.row{display:flex;align-items:center;gap:10px}.row>*{min-width:0}.row .input{flex:1}.button{border:1px solid var(--blue);border-radius:10px;background:var(--blue);color:#fff;font-weight:700;padding:12px 17px;min-height:44px}.button.alt{color:var(--blue);background:transparent}.button:disabled{opacity:.5;cursor:not-allowed}.minor{font-size:13px;color:var(--muted)}.control-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.chip{padding:10px 15px;background:white;border:1px solid var(--line);border-radius:10px;color:var(--navy)}.chip.active{background:var(--blue);color:white;border-color:var(--blue)}.check{display:inline-flex;align-items:center;gap:8px;margin:7px 12px 7px 0;font-size:14px}.check input{width:17px;height:17px;accent-color:var(--blue)}.result-number{font:700 45px 'Libre Baskerville',Georgia,serif;text-align:center;margin:24px 0 5px}.result-center{text-align:center}.subresult{font-size:19px;text-align:center}.stat-pair{display:flex;justify-content:space-around;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;text-align:center}.stat-pair>*{flex:1}.stat-pair strong{display:block;font-size:22px}.stat-pair small{color:var(--muted)}.out{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:145px;line-height:1.55}.out:empty:after{content:'Your result will appear here.';color:var(--muted)}.below{display:grid;grid-template-columns:2fr 1fr;text-align:left;gap:32px;border-top:1px solid var(--line);margin-top:45px;padding-top:30px}.below h2{font-size:22px}.below aside a{color:var(--blue)}.info-page{min-height:55vh;padding:90px 0}.info-page h1{font:700 44px 'Libre Baskerville',Georgia,serif}.info-page p{max-width:700px;line-height:1.8;color:var(--muted)}.drop{border:2px dashed #a9c6fa;border-radius:13px;padding:27px;text-align:center;margin:15px 0;background:#fcfdff}.file-list{list-style:none;padding:0;margin:12px 0}.file-list li{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);padding:8px;border-radius:10px;margin-bottom:7px;font-size:14px}.file-list img{height:40px;width:50px;object-fit:cover;border-radius:5px}.file-list .filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list button{border:1px solid var(--line);background:white;border-radius:6px;min-width:30px;min-height:32px}.preview-image{width:100%;max-height:250px;object-fit:contain;border-radius:10px;background:#fff}.error{color:#a22d41!important;font-weight:600}.success{color:#2457d8!important}.divider{border:0;border-top:1px solid var(--line);margin:21px 0}.full{width:100%}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.options .field{margin-top:0}.options select{padding:10px 4px}.toggle{display:flex;align-items:center;gap:10px;margin-top:18px}.toggle input{accent-color:var(--blue);width:20px;height:20px}.pass{font:700 20px ui-monospace,monospace;word-break:break-all;letter-spacing:.03em}.range{width:100%;accent-color:var(--blue)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.navlinks{gap:15px}.nav-search{display:none}.tool-workspace{grid-template-columns:1fr}.pane{padding:22px}.footer{flex-wrap:wrap}}@media(max-width:570px){.shell{width:min(100% - 24px,1180px)}.top{padding:10px 0}.nav{padding:0 15px;border-radius:16px;min-height:58px}.brand{font-size:19px}.mark{font-size:24px}.navlinks a:not(:first-child){display:none}.navlinks{font-size:13px}.hero{padding:60px 0}.hero h1,.tool-page h1{font-size:36px}.hero>p:not(.eyebrow){font-size:16px}.searchbox kbd{display:none}.grid{grid-template-columns:1fr}.tool-card{min-height:155px}.section-top h2{font-size:26px}.values,.below{grid-template-columns:1fr;gap:20px}.tool-page{padding:48px 0}.subtitle{font-size:16px}.pane h2{font-size:23px}.footer{flex-direction:column;align-items:flex-start}.result-number{font-size:36px}.options{grid-template-columns:1fr}.stat-pair strong{font-size:17px}}:focus-visible{outline:3px solid #6696ff;outline-offset:2px}
[hidden]{display:none!important}
.hijri-age-card>#hijri-age{display:block;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:800;line-height:1.5;overflow-wrap:anywhere}.hijri-month-name{margin:10px 0 0!important;color:var(--blue)!important;font-size:1.2rem;font-weight:800;line-height:1.4;overflow-wrap:anywhere}
/* Homepage and shared navigation: pearl white, editorial navy, cobalt actions. */
:root{--navy:#102047;--blue:#1455e5;--muted:#586783;--bg:#f5f8fc;font-family:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(ellipse at 50% 12%,#fff 0,#f5f8fc 70%)}svg{width:24px;height:24px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-80px;z-index:20;padding:14px;background:white;border:2px solid var(--blue)}.skip-link:focus{top:10px}.shell{width:min(1180px,calc(100% - 48px))}.top{padding:20px 0 0}.nav{min-height:74px;padding:12px 25px;gap:20px;position:relative;border-radius:22px}.brand{font:700 1.8rem Georgia,serif;letter-spacing:-.06em;gap:10px}.mark{width:27px;height:28px;background:linear-gradient(140deg,#67adff,#0750df);position:relative;display:inline-block;border-radius:2px;flex-shrink:0}.mark:before{content:'';position:absolute;background:#fff;width:8px;height:8px;left:9px;top:9px}.mark:after{content:'';position:absolute;background:#a5d1ff;width:9px;height:9px;left:0;bottom:0}.navlinks{gap:19px;align-items:center;flex-wrap:wrap;font-size:.875rem}.navlinks a{padding:8px 0}.nav-actions{display:flex;gap:6px;align-items:center}.nav-search{min-width:152px;padding:9px 12px;gap:10px;align-items:center;min-height:44px;color:var(--muted);font-size:.875rem}.nav-search svg{width:19px;height:19px;color:var(--navy)}kbd{font:inherit;font-size:.875rem;border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--muted)}.menu-button{display:none;border:0;background:transparent;color:var(--navy);width:44px;height:44px;align-items:center;justify-content:center}.hero{padding:50px 0 40px}.eyebrow{font-size:.8125rem;letter-spacing:.15em;margin-bottom:17px}.hero h1{font:700 clamp(2.7rem,5.2vw,4.2rem)/1.02 Georgia,serif;letter-spacing:-.05em}.hero>p:not(.eyebrow){font-size:1.125rem;max-width:680px;margin:20px auto 25px;line-height:1.5}.searchbox{max-width:740px;min-height:65px;padding:7px 16px;gap:15px;border-radius:13px;box-shadow:0 8px 20px #163b7910}.searchbox>svg{color:var(--navy)}.searchbox:focus-within{outline:3px solid #85acff;outline-offset:3px}.searchbox input{padding:13px 0;font-size:1rem;color:var(--navy);background:transparent}.searchbox input::placeholder{color:var(--muted);opacity:1}.searchbox input::-webkit-search-cancel-button{display:none}.searchbox input:focus-visible{outline:0}.searchbox kbd{padding:2px 7px;background:#f9fbff}.searchbox button{border:0;background:transparent;color:var(--muted);font-size:1.5rem;min-width:44px;min-height:44px;border-radius:8px}.searchbox button:hover{background:var(--ice)}.quick{margin-top:18px;gap:9px;font-size:.875rem}.quick a{padding:10px 15px;min-height:40px;display:inline-flex;align-items:center;box-shadow:0 3px 5px #10325b06}.quick a:hover{border-color:#8facdf;color:var(--blue)}.directory{padding:0 0 32px}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.directory h2{font:700 2.2rem/1.15 Georgia,serif;letter-spacing:-.04em;margin:0 0 7px}.directory-heading p{color:var(--muted);margin:0;font-size:1rem;line-height:1.5}.filters{margin:0;padding:5px 2px 7px;gap:7px;min-width:0;max-width:100%;align-items:center}.filter{font-size:.875rem;padding:11px 12px;min-height:44px;border-radius:9px;box-shadow:0 3px 6px #14316606;display:flex;align-items:center;gap:5px}.filter.selected{box-shadow:0 4px 10px #1455e522}.filter-check{display:none}.filter[aria-pressed=true] .filter-check{display:inline}.tool-count{font-size:.8125rem;color:var(--muted);margin:13px 0 10px}.grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{padding:23px 22px 20px;min-height:193px;border:1px solid #e4eaf3;border-radius:15px;box-shadow:0 5px 12px #172e4e06;transition:border-color .18s,box-shadow .18s,transform .18s;min-width:0}.tool-card:hover{border-color:#aac4f5;transform:translateY(-2px);box-shadow:0 9px 23px #14376212}.card-heading{display:flex;gap:14px;align-items:center;margin-bottom:14px}.card-heading>div{min-width:0}.tool-icon{display:flex;align-items:center;justify-content:center;background:#edf5ff;color:var(--blue);width:53px;height:56px;border-radius:13px;flex-shrink:0}.tool-icon svg{width:29px;height:29px}.tool-card h3{font:700 1.27rem/1.17 Georgia,serif;letter-spacing:-.025em;margin:0 0 5px;overflow-wrap:anywhere}.tool-category{font-size:.875rem;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0}.tool-card p{font-size:1rem;line-height:1.45;margin:0 0 12px}.open{align-self:flex-end;font-size:.875rem;font-weight:500;display:flex;gap:8px;align-items:center}.browse-row{text-align:center;margin-top:25px;border-top:1px solid var(--line);padding-top:12px}.browse-button{border:0;background:none;color:var(--blue);min-height:44px;padding:10px 24px;font-size:1rem;border-radius:8px}.browse-button:hover{background:#eaf1ff}#no-results{text-align:center;border:1px dashed #b4c8e8;border-radius:16px;padding:40px 20px;background:#fff}#no-results h3{font:700 1.6rem Georgia,serif;margin:15px 0 10px}#no-results p{color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.empty-icon{display:inline-flex;color:var(--blue)}.values{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:37px 0 42px;border-top:0}.values h2{font:700 1.2rem Georgia,serif;margin:12px 0 10px}.trust-icon{color:var(--blue)}.values p{font-size:.9375rem;line-height:1.65;margin:0}.values a,.info-page a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.footer{font-size:.875rem;padding:28px 0 35px}.footer .brand{font-size:1.4rem}.footer p{margin:10px 0 0}.footer nav{display:flex;flex-wrap:wrap;gap:10px 24px}.footer nav a{display:inline-flex;align-items:center;min-height:44px}.info-page{max-width:800px;padding:65px 0}.info-page h1{font-size:2.7rem}.info-page h2{font:700 1.5rem Georgia,serif;margin-top:32px}.info-page p{font-size:1rem}.tool-page h1{overflow-wrap:anywhere}.result-number{overflow-wrap:anywhere}.row{flex-wrap:wrap}.row .input{min-width:160px}.button,.chip{font-size:1rem}.minor{font-size:.875rem}.field,.check,.toggle{font-size:.9375rem}.file-list button{min-width:44px;min-height:44px}
@media(max-width:1150px){.navlinks{gap:12px}.nav-search{min-width:44px;padding:10px}.nav-search span,.nav-search kbd{display:none}.directory-heading{align-items:flex-start;flex-direction:column;gap:15px}.tool-count{margin-top:7px}.hero{padding-top:42px}.values{gap:28px}}
@media(max-width:850px){.navlinks{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:14px;background:white;border:1px solid var(--line);box-shadow:0 12px 24px #18325418;border-radius:16px;z-index:5;flex-direction:column;align-items:stretch;gap:0}.navlinks.is-open{display:flex}.navlinks a{padding:12px 14px;min-height:44px}.menu-button{display:flex}.nav-search{display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{padding:10px 18px;min-height:66px}.brand{font-size:1.65rem}.directory-heading{gap:12px}.hero{padding:38px 0 32px}.values{gap:23px}}
@media(max-width:570px){.shell{width:calc(100% - 32px)}.top{padding:12px 0 0}.nav{border-radius:17px;padding:7px 12px;gap:8px;min-height:62px}.brand{font-size:1.55rem}.mark{width:25px;height:26px}.navlinks a:not(:first-child){display:block}.nav-actions{gap:1px}.nav-search{border:0}.hero{padding:30px 0}.hero h1{font-size:clamp(2.5rem,9vw,3.2rem);line-height:1.06}.eyebrow{font-size:.75rem;margin-bottom:13px}.hero>p:not(.eyebrow){font-size:1rem;line-height:1.5;margin:17px auto 22px;max-width:340px}.searchbox{padding:5px 11px;min-height:58px;gap:9px;border-radius:11px}.searchbox svg{width:21px;height:21px}.searchbox input{font-size:.9375rem}.searchbox kbd{display:none}.quick{gap:7px;margin-top:16px;font-size:.8125rem}.quick>span{flex-basis:100%;text-align:left}.quick a{padding:8px 11px;min-height:40px}.directory h2{font-size:1.9rem}.directory-heading{gap:12px}.directory-heading p{font-size:.9375rem}.filters{width:100%;padding:5px 3px 9px;scroll-padding-inline:3px}.filter{flex-shrink:0;font-size:.875rem;padding:10px 12px}.tool-count{margin:3px 0 12px}.grid{grid-template-columns:minmax(0,1fr);gap:13px}.tool-card{padding:20px;min-height:175px;border-radius:13px}.tool-card h3{font-size:1.3rem}.tool-card p{font-size:1rem}.card-heading{gap:13px}.tool-icon{width:49px;height:51px}.tool-category{font-size:.875rem}.values{grid-template-columns:1fr;padding:15px 0 35px;gap:27px}.values>div{position:relative;padding-left:39px}.trust-icon{position:absolute;left:0;top:3px}.values h2{margin:0 0 8px}.footer{gap:14px}.footer nav{gap:4px 18px}.footer nav a{font-size:.875rem}.browse-row{margin-top:20px}.info-page h1{font-size:2.2rem}.stat-pair{flex-wrap:wrap}.stat-pair>div{min-width:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.nav{flex-wrap:wrap}.nav-actions{margin-left:auto}.hero h1{overflow-wrap:anywhere}.quick a{max-width:100%;white-space:normal;overflow-wrap:anywhere}.hero .eyebrow{line-height:1.6}.tool-card:focus-visible{outline-offset:3px}
.footer>div{display:block;min-width:0;max-width:100%}.footer nav{min-width:0;max-width:100%}.footer p{line-height:1.5;overflow-wrap:anywhere}
.drop:focus-within{outline:3px solid #85acff;outline-offset:3px}
.drop-resizer{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:130px}.drop-resizer>p{margin:2px 0 0}.drop-resizer .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.selected-original{width:100%;display:flex;align-items:center;gap:14px;text-align:left;min-width:0}.selected-original[hidden]{display:none}.selected-original img{width:84px;height:84px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:9px;flex-shrink:0}.original-details{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.original-details strong{font-size:.9375rem;overflow-wrap:anywhere}.original-details span{font-size:.875rem;color:var(--muted);line-height:1.4}.selected-original button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-size:1.4rem;min-width:44px;min-height:44px;flex-shrink:0}.selected-original button:hover{background:var(--ice)}
@media(max-width:400px){.selected-original img{width:68px;height:68px}.selected-original{gap:9px}}

/* Readable Umm al-Qura birth and selected dates. */
.hijri-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.hijri-date-card{min-width:0;background:#fff;border:1px solid #cadbf4;border-top:3px solid var(--blue);border-radius:14px;padding:20px 16px;box-shadow:0 4px 12px #123a8008;text-align:left}
.hijri-date-card h3{margin:0 0 12px;color:var(--muted);font:700 .8125rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.055em}
.pane .hijri-full-date{margin:0;color:var(--navy);line-height:1.5;white-space:normal}
.hijri-day{font-size:1.25rem;font-weight:700}
.hijri-calendar-month{font-size:1.4rem;font-weight:800;color:#1247bc;overflow-wrap:anywhere}
.hijri-year{display:block;margin-top:6px;font-size:1rem;font-weight:600;color:var(--navy)}
@media(max-width:600px){.hijri-date-grid{grid-template-columns:1fr}.hijri-date-card{padding:20px}.hijri-calendar-month{font-size:1.4rem}}

/* Centered age results with readable groups at every text size. */
[data-tool="age-calculator"] .pane.result{text-align:center}
[data-tool="age-calculator"] .result-number{font:700 clamp(2.5rem,5vw,3.5rem)/1.15 Georgia,serif;margin:24px 0 12px;overflow-wrap:anywhere}
[data-tool="age-calculator"] .subresult{font-size:1.2rem;line-height:1.6;overflow-wrap:anywhere}
[data-tool="age-calculator"] .stat-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0;margin-top:24px}
[data-tool="age-calculator"] .stat-pair>div{min-width:0;padding:8px}
[data-tool="age-calculator"] .stat-pair strong{font-size:1.25rem;line-height:1.4;overflow-wrap:anywhere}
[data-tool="age-calculator"] .stat-pair small{display:block;margin-top:6px;font-size:.9375rem;line-height:1.5}
.hijri-age-card{padding:24px 16px;border-radius:16px;white-space:normal}
.hijri-age-card>#hijri-age{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-weight:400;line-height:1.4}
.hijri-age-value{display:inline-flex;flex-direction:column;align-items:center;white-space:nowrap;gap:4px}
.hijri-age-value strong{font:700 2rem/1.2 Georgia,serif;color:var(--navy)}
.hijri-age-value>span{font-size:1rem;color:var(--muted)}
.hijri-date-card{text-align:center;padding:24px 18px}
.hijri-date-card h3{text-align:center;font-size:.875rem;line-height:1.6}
.hijri-full-date{text-align:center}
.hijri-calendar-month{overflow-wrap:anywhere;word-break:normal}
.hijri-year{margin-top:10px}
@media(max-width:380px){[data-tool="age-calculator"] .pane{padding:16px}.hijri-date-card{padding:20px 12px}.hijri-age-card>#hijri-age{gap:16px}}

[data-tool="age-calculator"] .stat-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}

/* Matching Gregorian and Hijri age cards. */
.age-result-card{background:#fff;border:1px solid #cadbf4;border-top:3px solid var(--blue);border-radius:14px;box-shadow:0 4px 12px #123a8008;padding:24px 18px;text-align:center;min-width:0}
#hijri-result>.age-result-card{margin-top:18px}
.age-result-card .eyebrow{color:var(--muted);font-size:.875rem;line-height:1.6;letter-spacing:.055em;margin:0 0 12px}
[data-tool="age-calculator"] .age-result-card .result-number{color:var(--blue);font-size:clamp(2rem,4vw,2.8rem);margin:18px 0 12px;line-height:1.25}
[data-tool="age-calculator"] .age-result-card .subresult{color:var(--navy);font-size:1.1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em;line-height:1.7}
.age-unit{white-space:nowrap}
[data-tool="age-calculator"] .age-result-card .stat-pair{margin-bottom:0;padding-bottom:0}
@media(max-width:380px){.age-result-card{padding:24px 12px}}

/* NeatlyKit wordmark initial. */
.mark::before{content:"N";inset:0;width:auto;height:auto;background:none;display:grid;place-items:center;color:white;font:700 21px/1 Arial,sans-serif}.mark::after{display:none}
/* Approved NeatlyKit artwork: transparent, black wordmark and cobalt 3D accents. */
.brand{flex-shrink:0;min-height:44px;letter-spacing:normal}
.brand-logo{display:block;width:200px;height:auto;max-width:100%;object-fit:contain}
.footer .brand-logo{width:180px}
@media(max-width:570px){.brand-logo{width:164px}.footer .brand-logo{width:164px}}
@media(max-width:380px){.nav{gap:6px}.nav .brand-logo{width:140px}}