:root{
  --ac-primary:#0370A3;
  --ac-primary-dark:#025d86;
  --ac-bg:#F0F2F5;
  --ac-text:#212529;
  --ac-white:#FFFFFF;
  --ac-radius:.5rem;
}
html{scroll-behavior:smooth;background:var(--ac-bg);min-height:100%;overscroll-behavior-x:none;overscroll-behavior-y:none}
body{margin:0;min-height:100%;background:var(--ac-bg);color:var(--ac-text);font-family:"Readex Pro",sans-serif;overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
body.admin-bar .ac-drawer{top:32px}
.ac-site{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;background:var(--ac-bg);overflow-x:clip}
.ac-container{width:100%;max-width:1220px;margin-inline:auto}
.ac-main{flex:1 0 auto;min-height:0;width:100%}
.ac-wp-content{color:var(--ac-text);line-height:1.95}
.ac-wp-content > *{max-width:100%}
.ac-wp-content h2,.ac-wp-content h3{
  background:#f3f4f6;padding:1rem;border-inline-start:2px solid var(--ac-primary);
  color:var(--ac-text);font-family:"Readex Pro",sans-serif;font-weight:600;margin-top:2rem;margin-bottom:1rem
}
.ac-wp-content h2{font-size:1.5rem}
.ac-wp-content h3{font-size:1.25rem}
.ac-wp-content p{color:#374151;margin:0 0 1rem}
.ac-wp-content a{color:var(--ac-primary);text-decoration:none}
.ac-wp-content a:hover{text-decoration:underline}
.ac-wp-content ul,.ac-wp-content ol{margin:1rem 1.5rem;padding-inline-start:1.5rem}
.ac-wp-content li{margin:.5rem 0}
.ac-wp-content img{border-radius:.5rem;height:auto;max-width:100%}
.ac-wp-content blockquote{border-inline-start:3px solid var(--ac-primary);background:#f8fafc;padding:1rem 1.25rem;margin:1.25rem 0}
.ac-wp-content table{width:100%;border-collapse:collapse;background:#fff}
.ac-wp-content th,.ac-wp-content td{border:1px solid #d1d5db;padding:.75rem}
.ac-card{background:#fff;border-radius:.5rem;box-shadow:0 6px 24px rgba(15,23,42,.06)}
.ac-header-brand{display:flex;align-items:center;gap:.65rem;color:#111827;font-weight:600}
.ac-header-brand img{max-height:40px;width:auto}
.ac-drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,340px);background:#fff;z-index:9999;box-shadow:0 20px 55px rgba(0,0,0,.18);transform:translateX(-110%);transition:transform .22s ease;overflow-y:auto}
html[dir="rtl"] .ac-drawer{inset-inline-start:auto;inset-inline-end:0;transform:translateX(110%)}
.ac-drawer.is-open{transform:translateX(0)!important}
.ac-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:9998;opacity:0;visibility:hidden;transition:.2s}
.ac-drawer-overlay.is-open{opacity:1;visibility:visible}
.ac-drawer-head{height:70px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}
.ac-drawer-nav{padding:1rem}
.ac-drawer-nav ul{list-style:none;padding:0;margin:0}
.ac-drawer-nav li{margin:.2rem 0}
.ac-drawer-nav a{display:block;padding:.8rem 1rem;border-radius:.5rem;color:#374151}
.ac-drawer-nav a:hover,.ac-drawer-nav .current-menu-item>a{background:#f3f4f6;color:var(--ac-primary)}
.ac-menu-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:transparent;color:#111827;cursor:pointer}
.ac-menu-button svg{width:22px;height:22px}
.ac-tools-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.ac-tool-link{display:block;width:100%;box-shadow:0 10px 20px rgba(15,23,42,.08);border-top:2px solid #e5e7eb;text-align:inherit;padding:.85rem 1rem;border-radius:.5rem;color:#374151;background:#fff;transition:.18s}
.ac-tool-link:hover{border-color:var(--ac-primary);background:#f3f4f6;color:var(--ac-primary);transform:translateY(-1px)}
.ac-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.ac-post-card{background:#fff;border-radius:.6rem;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.ac-post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ac-post-card-body{padding:1.2rem}
.ac-post-card-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .65rem}
.ac-post-card-title a{color:inherit}
.ac-post-card-excerpt{color:#6b7280;font-size:.95rem;line-height:1.8}
.ac-pagination{margin:2rem 0;display:flex;justify-content:center}
.ac-pagination .nav-links{display:flex;gap:.4rem;flex-wrap:wrap}
.ac-pagination .page-numbers{padding:.55rem .8rem;border-radius:.4rem;background:#fff;color:#374151}
.ac-pagination .current,.ac-pagination .page-numbers:hover{background:var(--ac-primary);color:#fff}
.ac-breadcrumbs{font-size:.88rem;color:#6b7280;margin:0 0 1rem}
.ac-ad-slot{width:100%;margin:1.5rem auto;text-align:center;overflow:hidden}
.ac-footer-menu ul{display:flex;justify-content:center;align-items:center;gap:1.25rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.ac-footer-menu a{color:#111827;font-weight:700}
.ac-footer-social{display:flex;gap:1rem;align-items:center}
.ac-footer-social a{color:#fff;display:inline-flex}
.ac-footer-social svg{width:28px;height:28px}
.ac-screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ac-language-link{font-weight:500}
.ac-hero h1{line-height:1.35}
.ac-calculator-wrap select{background:#fff}
.ac-calculator-wrap button{cursor:pointer}
.ac-calculator-wrap [hidden]{display:none!important}
.ac-calculator-result table{table-layout:fixed}
.ac-no-content{color:#6b7280}
.ac-content-white{background:#fff;padding:1.5rem;border-radius:.5rem}
.ac-search-form{display:flex;gap:.5rem;max-width:620px}
.ac-search-form input{flex:1;border:1px solid #d1d5db;border-radius:.4rem;padding:.75rem 1rem}
.ac-search-form button,.ac-button{background:var(--ac-primary);color:#fff;padding:.7rem 1.2rem;border-radius:.4rem;font-weight:700;border:0}
.ac-search-form button:hover,.ac-button:hover{background:var(--ac-primary-dark)}
/* Common plugin form styling */
.wpforms-container input:not([type="checkbox"]):not([type="radio"]),
.wpforms-container textarea,.wpforms-container select,
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7 textarea,.wpcf7 select{width:100%;border:1px solid #d1d5db;border-radius:.4rem;padding:.7rem .8rem}
.wpforms-container button[type="submit"],.wpcf7 input[type="submit"]{background:var(--ac-primary)!important;color:#fff!important;border:0!important;border-radius:.4rem!important;padding:.7rem 1.25rem!important;font-weight:700!important}
.wpforms-container button[type="submit"]:hover,.wpcf7 input[type="submit"]:hover{background:var(--ac-primary-dark)!important}
@media(max-width:782px){body.admin-bar .ac-drawer{top:46px}}
@media(max-width:767px){
 .ac-container{padding-inline:.75rem}
 .ac-post-grid{grid-template-columns:1fr}
 .ac-hero h1{font-size:1.9rem!important}
 .ac-footer-menu ul{gap:.8rem;font-size:.9rem}
 .ac-calculator-result table{table-layout:auto}
}
@media(min-width:768px) and (max-width:1023px){.ac-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v1.1 — navigation + mobile hardening */
.ac-topbar{position:relative;z-index:50}
.ac-topbar-inner{width:100%;max-width:1220px}
.ac-drawer{
  visibility:hidden;
  pointer-events:none;
  will-change:transform;
  overscroll-behavior:contain;
}
.ac-drawer.is-open{visibility:visible;pointer-events:auto}
body.ac-menu-open{overflow:hidden!important}
.ac-drawer-nav a{word-break:normal;overflow-wrap:anywhere}
.ac-drawer-nav .menu{width:100%}

/* Keep language behavior identical: only the opening side changes with direction. */
html[dir="ltr"] .ac-drawer{left:0;right:auto;transform:translateX(-110%)}
html[dir="rtl"] .ac-drawer{right:0;left:auto;transform:translateX(110%)}
html[dir="ltr"] .ac-drawer.is-open,
html[dir="rtl"] .ac-drawer.is-open{transform:translateX(0)}

/* Calculator content should never force horizontal scrolling. */
.ac-calculator-wrap,.ac-calculator-wrap>div,.ac-calculator-wrap form{max-width:100%}
.ac-calculator-result{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ac-calculator-result table{min-width:560px}
.ac-wp-content{overflow-wrap:anywhere}
.ac-wp-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:767px){
  .ac-topbar{height:64px!important;padding:.75rem 1rem!important}
  .ac-topbar-inner{font-size:1rem!important}
  .ac-header-brand{max-width:60%;font-size:1rem;text-align:center}
  .ac-header-brand a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ac-header-brand img{max-height:34px;max-width:180px}
  .ac-menu-button{width:40px;height:40px;flex:0 0 40px}
  .ac-language-link{font-size:.95rem;padding:.35rem}
  .ac-drawer{width:min(88vw,320px)}
  .ac-drawer-head{height:64px;padding:1rem}
  .ac-drawer-nav{padding:.75rem}
  .ac-drawer-nav a{padding:.9rem .85rem;font-size:1rem}
  .ac-hero{padding:1.25rem!important;border-radius:.5rem!important}
  .ac-hero h1{font-size:1.65rem!important;line-height:1.5!important}
  .ac-hero p{font-size:1rem!important;line-height:1.8!important;margin-top:1rem!important}
  .ac-calculator-wrap{padding:.75rem!important;margin-top:1.25rem!important}
  .ac-calculator-wrap>div{padding:.5rem!important}
  .ac-calculator-wrap [data-calendar-tab]{font-size:.93rem;padding:.6rem .7rem}
  .ac-calculator-wrap .flex.justify-center.gap-4{gap:.5rem!important;flex-wrap:wrap}
  .ac-calculator-wrap form .bg-gray-100{padding:1rem!important}
  .ac-calculator-wrap select{width:100%!important;min-width:0!important;max-width:100%!important;font-size:16px!important}
  .ac-calculator-wrap label{width:100%;text-align:start;margin-bottom:.25rem!important}
  .ac-calculator-wrap .flex.flex-col.mt-2{width:100%!important;align-items:stretch!important}
  .ac-calculator-wrap form button[type="submit"]{min-width:150px;padding:.7rem 1.1rem!important;font-size:1rem}
  .ac-calculator-wrap [data-calendar-label]{display:inline-block;max-width:94%;line-height:1.5;padding:.65rem .8rem!important}
  .ac-tools-grid{gap:.75rem}
  .ac-tool-link{padding:1rem;font-size:.98rem}
  .ac-content-white,.ac-wp-content{padding:1rem!important}
  .ac-wp-content h2{font-size:1.25rem}
  .ac-wp-content h3{font-size:1.1rem}
  .ac-footer-social{justify-content:center;flex-wrap:wrap}
  .ac-search-form{flex-direction:column}
  .ac-search-form button{width:100%}
}

@media(max-width:420px){
  .ac-header-brand{max-width:54%;font-size:.95rem}
  .ac-drawer{width:90vw}
  .ac-hero h1{font-size:1.45rem!important}
  .ac-calculator-wrap{padding:.5rem!important}
  .ac-calculator-wrap [data-calendar-tab]{width:100%}
  .ac-calculator-result table{min-width:500px}
}

@media(min-width:768px) and (max-width:1023px){
  .ac-container{padding-inline:1rem}
  .ac-topbar-inner{padding-inline:1rem}
  .ac-drawer{width:min(42vw,340px)}
}

@media(prefers-reduced-motion:reduce){
  .ac-drawer,.ac-drawer-overlay{transition:none!important}
}

/* v1.2 — mobile result cards + content architecture */
.ac-result-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 0}
.ac-result-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--ac-primary);color:#fff;border:0;border-radius:.45rem;padding:.65rem 1rem;font-weight:700;cursor:pointer}
.ac-result-action:hover{background:var(--ac-primary-dark)}
.ac-result-action.is-secondary{background:#fff;color:var(--ac-primary);border:1px solid var(--ac-primary)}
.ac-result-action.is-secondary:hover{background:#f3f4f6}
.ac-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ac-feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:.7rem;padding:1.25rem;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.ac-feature-card h3{margin:0 0 .6rem!important;background:transparent!important;border:0!important;padding:0!important;color:#1f2937;font-size:1.08rem!important}
.ac-feature-card p{margin:0!important;color:#4b5563!important;line-height:1.9}
.ac-year-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}
.ac-year-link{display:flex;align-items:center;justify-content:center;min-height:72px;background:#fff;border:2px solid #e5e7eb;border-radius:.7rem;color:#111827;font-weight:700;font-size:1.05rem;transition:.18s}
.ac-year-link:hover{border-color:var(--ac-primary);color:var(--ac-primary);transform:translateY(-1px)}
.ac-year-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}
.ac-year-stat{background:#fff;border:1px solid #e5e7eb;border-radius:.8rem;padding:1.25rem;text-align:center;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.ac-year-stat strong{display:block;color:var(--ac-primary);font-size:2rem;margin-top:.5rem}
.ac-year-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.ac-year-nav a{background:#fff;border:1px solid #d1d5db;border-radius:.45rem;padding:.7rem 1rem;color:var(--ac-primary);font-weight:700}
.ac-faq{display:grid;gap:.75rem}
.ac-faq details{background:#fff;border:1px solid #e5e7eb;border-radius:.65rem;padding:1rem 1.1rem}
.ac-faq summary{cursor:pointer;font-weight:700;color:#1f2937}
.ac-faq p{margin:.8rem 0 0!important}
.ac-note{background:#eff6ff;border-inline-start:3px solid var(--ac-primary);padding:1rem 1.1rem;border-radius:.5rem;color:#374151}

@media(max-width:767px){
  /* Results become vertical information cards instead of a wide table. */
  .ac-calculator-result{overflow:visible!important;width:100%}
  .ac-calculator-result>div,.ac-calculator-result>div>div{width:100%!important;max-width:100%!important;padding:.25rem!important}
  .ac-calculator-result table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important;background:transparent!important}
  .ac-calculator-result tbody{display:block!important;width:100%!important}
  .ac-calculator-result tr{display:block!important;width:100%!important;margin:.7rem 0;border:1px solid #d1d5db!important;border-radius:.65rem!important;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.035)}
  .ac-calculator-result td{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;text-align:start!important;border:0!important;padding:.75rem 1rem!important;overflow-wrap:anywhere;word-break:normal}
  .ac-calculator-result td:first-child{background:#f3f4f6!important;border-bottom:1px solid #e5e7eb!important;font-weight:700!important;color:#374151!important}
  .ac-calculator-result td:last-child{font-size:1rem!important;color:#111827!important;line-height:1.7}
  html[dir="rtl"] .ac-calculator-result td{text-align:right!important}
  html[dir="ltr"] .ac-calculator-result td{text-align:left!important}
  .ac-result-actions{display:grid;grid-template-columns:1fr;width:100%}
  .ac-result-action{width:100%}
  .ac-feature-grid{grid-template-columns:1fr}
  .ac-year-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .ac-year-link{min-height:64px}
  .ac-year-summary{grid-template-columns:1fr 1fr;gap:.75rem}
  .ac-year-stat{padding:1rem .65rem}
  .ac-year-stat strong{font-size:1.65rem}
}
@media(min-width:768px) and (max-width:1023px){
 .ac-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac-year-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* v1.3 — advanced calculators, mobile-first tool hub */
.ac-advanced-tool{margin-top:1.5rem;padding:1.5rem;background:#fff}
.ac-advanced-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:end}
.ac-field{display:flex;flex-direction:column;gap:.45rem}
.ac-field label{font-weight:700;color:#374151}
.ac-field input{width:100%;min-height:50px;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;padding:.7rem .85rem;font:inherit;color:#111827}
.ac-field input:focus{outline:2px solid rgba(3,112,163,.18);border-color:var(--ac-primary)}
.ac-advanced-actions{grid-column:1/-1;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}
.ac-button-secondary{background:#fff!important;color:var(--ac-primary)!important;border:1px solid var(--ac-primary)!important}
.ac-button-secondary:hover{background:#f3f4f6!important}
.ac-advanced-error{margin-top:1rem;padding:.85rem 1rem;background:#fff7ed;border-inline-start:3px solid #ea580c;border-radius:.45rem;color:#9a3412}
.ac-advanced-result{margin-top:1.25rem}
.ac-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.ac-result-card{background:#fff;border:1px solid #dbe2ea;border-radius:.7rem;padding:1rem;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.ac-result-card span{display:block;font-size:.88rem;color:#64748b;margin-bottom:.35rem}
.ac-result-card strong{display:block;font-size:1.08rem;color:#111827;line-height:1.7}
.ac-result-card small{display:block;color:#64748b;margin-top:.35rem}
.ac-countdown-title{text-align:center;margin-bottom:1rem;color:#374151}
.ac-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.ac-countdown>div{background:#f8fafc;border:1px solid #dbe2ea;border-radius:.8rem;text-align:center;padding:1rem .5rem}
.ac-countdown strong{display:block;color:var(--ac-primary);font-size:1.8rem;line-height:1.2}
.ac-countdown span{display:block;color:#64748b;font-size:.85rem;margin-top:.35rem}
.ac-tools-hub{margin:1.5rem 0}
.ac-tools-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ac-tool-card{display:flex;flex-direction:column;gap:.5rem;min-height:165px;background:#fff;border:1px solid #e5e7eb;border-radius:.8rem;padding:1.2rem;color:#1f2937;box-shadow:0 7px 20px rgba(15,23,42,.045);transition:.18s;text-decoration:none!important}
.ac-tool-card:hover{transform:translateY(-2px);border-color:var(--ac-primary);box-shadow:0 10px 25px rgba(15,23,42,.08)}
.ac-tool-card-icon{width:34px;height:34px;border-radius:50%;background:#e8f4f9;color:var(--ac-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.ac-tool-card strong{font-size:1.05rem;color:#111827}
.ac-tool-card>span:last-child{color:#64748b;line-height:1.75;font-size:.92rem}
.ac-tool-guide{margin-top:1.5rem;background:#fff;padding:1.5rem;border-radius:.7rem;box-shadow:0 6px 20px rgba(15,23,42,.04)}
.ac-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ac-milestone-table{width:100%;border-collapse:collapse;background:#fff}
.ac-milestone-table th,.ac-milestone-table td{border:1px solid #e2e8f0;padding:.75rem;text-align:start}
.ac-milestone-table th{background:#f8fafc;color:#374151}
.ac-status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.82rem;font-weight:700}
.ac-status.is-past{background:#f1f5f9;color:#475569}.ac-status.is-future{background:#e8f4f9;color:var(--ac-primary)}
@media(max-width:767px){
 .ac-advanced-tool{padding:1rem}
 .ac-advanced-form{grid-template-columns:1fr}
 .ac-advanced-actions{display:grid;grid-template-columns:1fr;width:100%}
 .ac-advanced-actions .ac-button{width:100%;min-height:48px}
 .ac-result-grid{grid-template-columns:1fr}
 .ac-countdown{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac-countdown strong{font-size:1.55rem}
 .ac-tools-hub-grid{grid-template-columns:1fr}
 .ac-tool-card{min-height:0}
 .ac-tool-guide{padding:1rem}
 .ac-milestone-table{min-width:560px}
}
@media(min-width:768px) and (max-width:1023px){.ac-tools-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.4 — premium age-result cards + integrated birthday countdown */
.ac-age-result-wrap{margin-top:2rem}
.ac-age-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ac-age-result-card{min-width:0;background:#fff;border:1px solid #d9e1e7;border-radius:1rem;padding:1.15rem;text-align:center;box-shadow:0 7px 22px rgba(15,23,42,.045);display:flex;flex-direction:column;justify-content:center;min-height:145px}
.ac-age-result-card span{display:block;color:#4b5563;font-size:.92rem;line-height:1.7;margin-bottom:.6rem}
.ac-age-result-card strong{display:block;color:#111827;font-size:1.08rem;line-height:1.75;overflow-wrap:anywhere}
.ac-age-result-card small{display:block;color:#64748b;margin-top:.4rem}
.ac-age-result-card.is-primary{grid-column:1/-1;background:linear-gradient(135deg,#f7fbfd 0%,#eef8fc 100%);border-color:rgba(3,112,163,.28);min-height:130px}
.ac-age-result-card.is-primary span{color:#036b9b;font-weight:700}
.ac-age-result-card.is-primary strong{color:#0370A3;font-size:1.45rem}
.ac-birthday-countdown{margin:1.25rem 0 0;background:linear-gradient(135deg,#1694c9 0%,#0370A3 48%,#025d86 100%);border-radius:1rem;padding:1.35rem 1rem;color:#fff;box-shadow:0 10px 28px rgba(3,112,163,.18);overflow:hidden;position:relative}
.ac-birthday-countdown:before{content:none!important;display:none!important}
.ac-birthday-countdown-kicker{position:relative;text-align:center;margin:0;color:rgba(255,255,255,.82);font-size:.95rem}
.ac-birthday-countdown h3{position:relative;text-align:center;color:#fff!important;margin:.45rem 0 1rem!important;font-size:1.2rem!important}
.ac-birthday-countdown-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.ac-birthday-countdown-grid>div{text-align:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:.8rem;padding:.75rem .35rem}
.ac-birthday-countdown-grid strong{display:block;color:#fff;font-size:1.55rem;line-height:1.2}
.ac-birthday-countdown-grid span{display:block;color:rgba(255,255,255,.78);font-size:.78rem;margin-top:.35rem}
@media(max-width:767px){
 .ac-age-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
 .ac-age-result-card{padding:.9rem .65rem;min-height:132px;border-radius:.85rem}
 .ac-age-result-card span{font-size:.82rem;margin-bottom:.45rem}
 .ac-age-result-card strong{font-size:.98rem;line-height:1.65}
 .ac-age-result-card.is-primary{grid-column:1/-1;min-height:112px}
 .ac-age-result-card.is-primary strong{font-size:1.22rem}
 .ac-birthday-countdown{padding:1.1rem .75rem}
 .ac-birthday-countdown-grid{gap:.45rem}
 .ac-birthday-countdown-grid>div{padding:.65rem .25rem}
 .ac-birthday-countdown-grid strong{font-size:1.35rem}
 .ac-birthday-countdown-grid span{font-size:.72rem}
}
@media(max-width:380px){
 .ac-age-results-grid{gap:.55rem}
 .ac-age-result-card{padding:.75rem .5rem;min-height:124px}
 .ac-birthday-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v1.5 Growth Edition */
.ac-breadcrumbs{max-width:1220px;margin:0 auto 1rem;display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;font-size:.9rem;color:#64748b}.ac-breadcrumbs a{color:#0370A3;text-decoration:none}.ac-breadcrumbs [aria-current=page]{color:#475569}
.ac-related-tools{margin-top:2rem;background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 8px 28px rgba(15,23,42,.05)}.ac-related-tools h2{margin:0 0 1rem;color:#212529}.ac-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.ac-related-card{display:flex;flex-direction:column;gap:.45rem;padding:1rem;border:1px solid #dce5ea;border-radius:.85rem;text-decoration:none;background:#fbfdfe;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ac-related-card:hover{transform:translateY(-2px);border-color:#0370A3;box-shadow:0 8px 20px rgba(3,112,163,.09)}.ac-related-card strong{color:#0370A3}.ac-related-card span{color:#64748b;font-size:.9rem;line-height:1.7}
.ac-insights{margin-top:1.5rem;background:#fff;padding:1.25rem;border-radius:1rem}.ac-insights .ac-year-link small{font-weight:400;opacity:.72}.ac-note{padding:.85rem 1rem;background:#f0f7fa;border-inline-start:3px solid #0370A3;border-radius:.55rem;color:#475569}
.ac-year-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1.25rem 0}.ac-year-fact{padding:1rem;border:1px solid #dce5ea;border-radius:.9rem;background:#fbfdfe}.ac-year-fact span{display:block;color:#64748b;font-size:.85rem}.ac-year-fact strong{display:block;color:#0370A3;font-size:1.18rem;margin-top:.35rem}.ac-year-faq details{border-bottom:1px solid #e5e7eb;padding:.8rem 0}.ac-year-faq summary{cursor:pointer;font-weight:650;color:#212529}
.ac-ad-slot{contain:layout paint}.ac-ad-slot--ac_ad_after_calculator{margin-top:2rem;margin-bottom:2rem}
@media(max-width:820px){.ac-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-year-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ac-related-grid{grid-template-columns:1fr}.ac-year-facts-grid{grid-template-columns:1fr}}

/* v1.7 compatibility: obsolete Recent Calculations must never affect layout. */
[data-ac-recents],.ac-recent-box{display:none!important;width:0!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}

/* v1.7 — clearer age-difference result */
.ac-difference-result{margin-top:2rem}
.ac-difference-hero{background:linear-gradient(135deg,#1694c9 0%,#0370A3 48%,#025d86 100%);color:#fff;border-radius:1rem;padding:1.5rem;text-align:center;box-shadow:0 12px 30px rgba(3,112,163,.18)}
.ac-difference-hero>span{display:block;color:rgba(255,255,255,.8);font-size:.92rem;margin-bottom:.55rem}
.ac-difference-hero h3{margin:0!important;color:#fff!important;font-size:1.45rem!important;line-height:1.8!important}
.ac-difference-hero p{margin:.55rem 0 0;color:rgba(255,255,255,.84)}
.ac-difference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.ac-difference-grid article{background:#fff;border:1px solid #d9e1e7;border-radius:1rem;padding:1.1rem;text-align:center;min-width:0;box-shadow:0 7px 22px rgba(15,23,42,.045)}
.ac-difference-grid span{display:block;color:#64748b;font-size:.88rem;margin-bottom:.45rem}
.ac-difference-grid strong{display:block;color:#111827;font-size:1.05rem;line-height:1.75;overflow-wrap:anywhere}
@media(max-width:600px){.ac-difference-grid{grid-template-columns:1fr}.ac-difference-hero{padding:1.2rem .9rem}.ac-difference-hero h3{font-size:1.2rem!important}}


/* v1.8 — Umm al-Qura notes, premium home tools and SEO content polish */
.ac-ummalqura-note{margin:1rem auto 0;max-width:980px;padding:.85rem 1rem;background:#f3f8fb;border-inline-start:3px solid #0370A3;border-radius:.65rem;color:#526173;font-size:.9rem;line-height:1.8}
.ac-home-tools{margin-top:2.5rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 30px rgba(15,23,42,.055);color:#212529}
.ac-home-tools>h2{margin:0 0 .55rem;text-align:center;color:#212529;font-size:1.55rem;font-weight:700}.ac-home-tools-intro{text-align:center;color:#64748b;max-width:850px;margin:0 auto 1.25rem;line-height:1.9}
.ac-home-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ac-home-tool-card{display:flex;flex-direction:column;gap:.55rem;min-height:180px;padding:1.2rem;border:1px solid #dce5ea;border-radius:1rem;background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);text-decoration:none!important;box-shadow:0 7px 22px rgba(15,23,42,.04);transition:.18s ease}.ac-home-tool-card:hover{transform:translateY(-2px);border-color:#0370A3;box-shadow:0 12px 28px rgba(3,112,163,.10)}.ac-home-tool-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#e8f4f9;color:#0370A3;font-weight:800}.ac-home-tool-card strong{font-size:1.08rem;color:#0f172a}.ac-home-tool-card>span:last-child{font-size:.92rem;line-height:1.8;color:#64748b}
.ac-seo-home h2{margin-top:2.2rem}.ac-seo-home h2:first-child{margin-top:0}.ac-related-inline{margin:1.1rem 0;padding:.85rem 1rem;background:#f4f9fc;border-radius:.7rem;border-inline-start:3px solid #0370A3}.ac-related-inline a{color:#0370A3;font-weight:700;text-decoration:none}
html[dir="rtl"] .ac-hero,html[dir="rtl"] .ac-hero h1,html[dir="rtl"] .ac-hero p{text-align:right!important}
@media(max-width:900px){.ac-home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ac-home-tools{padding:1rem}.ac-home-tools-grid{grid-template-columns:1fr}.ac-home-tool-card{min-height:0}.ac-home-tools>h2{font-size:1.3rem}}

/* v1.9 — deterministic direction/alignment from the page container, independent of WP site locale. */
.ac-container[dir="rtl"] .ac-hero,
.ac-container[dir="rtl"] .ac-hero h1,
.ac-container[dir="rtl"] .ac-hero p,
.ac-container[dir="rtl"] .ac-wp-content h1,
.ac-container[dir="rtl"] .ac-wp-content h2,
.ac-container[dir="rtl"] .ac-wp-content h3 { text-align:right!important; direction:rtl; }
.ac-container[dir="ltr"] .ac-hero,
.ac-container[dir="ltr"] .ac-hero h1,
.ac-container[dir="ltr"] .ac-hero p,
.ac-container[dir="ltr"] .ac-wp-content h1,
.ac-container[dir="ltr"] .ac-wp-content h2,
.ac-container[dir="ltr"] .ac-wp-content h3 { text-align:left!important; direction:ltr; }
.ac-container[dir="rtl"] .ac-related-tools,
.ac-container[dir="rtl"] .ac-related-tools h2 { text-align:right!important; direction:rtl; }
.ac-container[dir="ltr"] .ac-related-tools,
.ac-container[dir="ltr"] .ac-related-tools h2 { text-align:left!important; direction:ltr; }
.ac-hero[dir="rtl"],.ac-hero[dir="rtl"] h1,.ac-hero[dir="rtl"] p{text-align:right!important;direction:rtl}
.ac-hero[dir="ltr"],.ac-hero[dir="ltr"] h1,.ac-hero[dir="ltr"] p{text-align:left!important;direction:ltr}


/* v2.0 — deterministic header placement, clean difference forms, compact home calculators */
/* WordPress RTL changes flex flow. Keep the physical header layout stable: brand left in English, brand right in Arabic. */
.ac-topbar-inner{direction:ltr!important}
.ac-topbar-inner-ar .ac-header-brand{order:2;margin-left:auto;text-align:right;direction:rtl}
.ac-topbar-inner-ar>div:first-child{order:1;margin-right:auto;direction:ltr}
.ac-topbar-inner-en .ac-header-brand{order:1;margin-right:auto;text-align:left;direction:ltr}
.ac-topbar-inner-en>div:first-child{order:2;margin-left:auto;direction:ltr}
.ac-header-brand a{color:inherit;text-decoration:none}

/* Difference calculator: the intro is now in normal document flow so it never overlaps the first title. */
.ac-difference-intro{display:flex;justify-content:center;align-items:center;margin:2rem 0 1.25rem;text-align:center}
.ac-difference-intro span{display:inline-block;color:#212529;background:#fff;padding:.75rem 1.15rem;border:2px solid #0370A3;border-radius:.85rem;line-height:1.5;max-width:100%}
.ac-calculator-wrap[data-ac-difference],
.ac-calculator-wrap [data-calculator="difference"]{overflow:visible}
[data-calculator="difference"] [data-person]{clear:both;position:relative;margin-top:1.5rem!important}
[data-calculator="difference"] .ac-person-title{display:block;width:100%;margin:0 0 1rem!important;border-inline-start:3px solid #0370A3!important;border-right:0!important;border-left:0!important;line-height:1.5;position:relative;z-index:1}
[dir="rtl"] [data-calculator="difference"] .ac-person-title{text-align:right!important;direction:rtl}
[dir="ltr"] [data-calculator="difference"] .ac-person-title{text-align:left!important;direction:ltr}
[data-calculator="difference"] form{display:block;width:100%}
[data-calculator="difference"] [data-person]>.bg-gray-100{margin-top:0!important}

/* Homepage: six core age calculators in compact modern cards. */
.ac-home-calculators{padding:1.35rem}
.ac-home-calculators>h2{text-align:start!important;margin-bottom:1.1rem}
.ac-home-calculators-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.ac-home-calculator-card{min-height:150px;justify-content:center;text-align:start;padding:1.2rem 1.25rem;background:#fff}
.ac-home-calculator-card strong{color:#0370A3;font-size:1.12rem;line-height:1.5}
.ac-home-calculator-card span{font-size:.94rem;line-height:1.8;color:#64748b}
.ac-home-calculators[dir="rtl"] .ac-home-calculator-card{text-align:right;direction:rtl}
.ac-home-calculators[dir="ltr"] .ac-home-calculator-card{text-align:left;direction:ltr}
@media(max-width:560px){
 .ac-home-calculators{padding:1rem}
 .ac-home-calculators-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
 .ac-home-calculator-card{min-height:135px;padding:.9rem .75rem;border-radius:.9rem}
 .ac-home-calculator-card strong{font-size:1rem}
 .ac-home-calculator-card span{font-size:.82rem;line-height:1.65}
 .ac-difference-intro{margin:1.25rem 0 1rem}
 .ac-difference-intro span{width:auto;max-width:95%;font-size:.95rem}
 [data-calculator="difference"] .ac-person-title{font-size:1.35rem!important;padding:1rem!important}
}
@media(max-width:370px){.ac-home-calculators-grid{grid-template-columns:1fr}}

/* v2.1 — Homepage Authority Edition */
.ac-home-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0370A3 0%,#025d86 100%)!important;box-shadow:0 16px 38px rgba(3,112,163,.16)}
.ac-home-hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.13);border-radius:50%;inset-inline-end:-90px;top:-105px;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.02);pointer-events:none}
.ac-home-hero-copy{position:relative;z-index:1;max-width:1000px}
.ac-home-eyebrow{display:inline-flex;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);font-size:.86rem;font-weight:700;letter-spacing:.01em}
.ac-home-hero-badges{position:relative;z-index:1;display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.2rem}
.ac-home-hero-badges span{padding:.36rem .7rem;border-radius:.55rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:.82rem;font-weight:700}

.ac-home-authority{margin-top:2.25rem;color:#0f172a;display:grid;gap:1.5rem}
.ac-home-section{background:#fff;border:1px solid #e6edf1;border-radius:1.2rem;padding:1.7rem;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.ac-home-section p{color:#334155;line-height:2.05;margin:.8rem 0;font-size:1.01rem}
.ac-home-section a{color:#0370A3;font-weight:700;text-decoration:none}
.ac-home-section a:hover{text-decoration:underline}
.ac-home-section-heading{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.ac-home-section-heading.centered{justify-content:center;text-align:center}
.ac-home-section-heading h2{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#0f274e!important;font-size:1.75rem!important;line-height:1.45!important}
.ac-home-kicker{display:block;color:#0370A3;font-size:.82rem;font-weight:800;margin-bottom:.18rem}
.ac-home-icon{width:48px;height:48px;min-width:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#eaf5fa;color:#0370A3;font-weight:900;font-size:1.25rem}
.ac-home-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ac-i-spark{background:#f1efff;color:#5b5ce2}.ac-i-route{background:#eef7ff;color:#2b7db2}.ac-i-calendar{background:#effcf6;color:#138a63}.ac-i-example{background:#fff5e9;color:#d97706}.ac-i-search{background:#fff1f2;color:#e11d48}.ac-i-shield{background:#effcf6;color:#059669}.ac-i-faq{background:#f5f3ff;color:#6d5bd0}

.ac-home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ac-home-step{position:relative;border:1px solid #dfe7ec;border-radius:1rem;padding:1.15rem 1.15rem 1.25rem;background:linear-gradient(180deg,#fff,#fbfdff)}
.ac-home-step>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#eef7fb;color:#0370A3;font-weight:900;font-size:1.1rem;margin-bottom:.75rem}
.ac-home-step h3{margin:.1rem 0 .45rem!important;color:#0f274e!important;font-size:1.08rem!important;border:0!important;background:transparent!important;padding:0!important}
.ac-home-step p{margin:0!important;font-size:.94rem;line-height:1.8}

.ac-home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ac-home-feature-grid article{border:1px solid #e2e8f0;border-radius:1rem;padding:1.1rem;background:#fff;min-height:160px}
.ac-mini-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#edf6fa;color:#0370A3;font-weight:900;margin-bottom:.65rem}
.ac-home-feature-grid h3{margin:0 0 .45rem!important;color:#0f274e!important;font-size:1.05rem!important;border:0!important;background:transparent!important;padding:0!important}
.ac-home-feature-grid p{margin:0!important;font-size:.92rem;line-height:1.8}

.ac-calendar-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ac-calendar-compare article{border:1px solid #dfe7ec;border-radius:1rem;padding:1.2rem;background:linear-gradient(180deg,#fff,#f9fcfd)}
.ac-calendar-compare article:first-child{border-top:3px solid #0370A3}.ac-calendar-compare article:last-child{border-top:3px solid #138a63}
.ac-calendar-compare h3{margin:0 0 .55rem!important;color:#0f274e!important;border:0!important;background:transparent!important;padding:0!important;font-size:1.15rem!important}
.ac-calendar-compare p{margin:0 0 .8rem!important;font-size:.95rem}

.ac-home-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ac-home-example-grid article{border:1px solid #e4e7f5;border-radius:1rem;padding:1.15rem;background:linear-gradient(180deg,#fff,#fcfbff)}
.ac-home-example-grid article>span{display:inline-flex;padding:.3rem .55rem;border-radius:.45rem;background:#f1efff;color:#5b5ce2;font-size:.78rem;font-weight:800;margin-bottom:.55rem}
.ac-home-example-grid h3{margin:0 0 .45rem!important;color:#0f274e!important;font-size:1.05rem!important;border:0!important;background:transparent!important;padding:0!important}
.ac-home-example-grid p{margin:0!important;font-size:.92rem;line-height:1.8}

.ac-home-intent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ac-home-intent-grid>a{display:flex;gap:.9rem;align-items:flex-start;border:1px solid #e2e8f0;border-radius:1rem;padding:1.1rem;background:#fff;color:inherit!important;text-decoration:none!important;transition:.18s ease}
.ac-home-intent-grid>a:hover{transform:translateY(-2px);border-color:#9cc9dc;box-shadow:0 10px 24px rgba(3,112,163,.08)}
.ac-intent-icon{display:inline-flex;width:42px;height:42px;min-width:42px;align-items:center;justify-content:center;border-radius:12px;background:#eef7fb;font-size:1.15rem}
.ac-home-intent-grid h3{margin:0 0 .3rem!important;color:#0f274e!important;font-size:1.04rem!important;border:0!important;background:transparent!important;padding:0!important}
.ac-home-intent-grid p{margin:0!important;font-size:.9rem;line-height:1.75;color:#64748b}

.ac-home-faq-section .ac-faq{margin-top:.25rem}
.ac-home-faq-section .ac-faq details{border-color:#e2e8f0;border-radius:.8rem;box-shadow:none}

html[dir="rtl"] .ac-home-authority,html[dir="rtl"] .ac-home-authority *{text-align:right}
html[dir="rtl"] .ac-home-section-heading.centered,html[dir="rtl"] .ac-home-section-heading.centered *{text-align:center}
html[dir="ltr"] .ac-home-authority,html[dir="ltr"] .ac-home-authority *{text-align:left}
html[dir="ltr"] .ac-home-section-heading.centered,html[dir="ltr"] .ac-home-section-heading.centered *{text-align:center}

@media(max-width:900px){
 .ac-home-steps,.ac-home-feature-grid,.ac-home-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac-calendar-compare{grid-template-columns:1fr}
}
@media(max-width:640px){
 .ac-home-hero{padding:1.35rem!important;border-radius:.9rem}
 .ac-home-hero h1{font-size:2rem!important;line-height:1.4!important}
 .ac-home-hero p{font-size:1rem!important;line-height:1.8}
 .ac-home-hero-badges{gap:.4rem}.ac-home-hero-badges span{font-size:.75rem}
 .ac-home-authority{gap:1rem;margin-top:1.25rem}
 .ac-home-section{padding:1.05rem;border-radius:1rem}
 .ac-home-section-heading{align-items:flex-start;gap:.7rem}
 .ac-home-section-heading.centered{justify-content:flex-start;text-align:start}
 .ac-home-section-heading.centered *{text-align:start!important}
 .ac-home-icon{width:42px;height:42px;min-width:42px;border-radius:12px}
 .ac-home-section-heading h2{font-size:1.35rem!important}
 .ac-home-section p{font-size:.95rem;line-height:1.95}
 .ac-home-steps,.ac-home-feature-grid,.ac-home-example-grid,.ac-home-intent-grid{grid-template-columns:1fr}
 .ac-home-step,.ac-home-feature-grid article,.ac-home-example-grid article{min-height:0}
 .ac-calendar-compare article{padding:1rem}
}

/* v2.2 — dedicated countdown hub and event pages */
.ac-countdown-hub{margin:2rem 0 1rem}.ac-countdown-hub .ac-section-heading{text-align:center;margin-bottom:1.25rem}.ac-countdown-hub .ac-section-kicker{display:inline-block;color:#0370A3;background:#e9f6fb;border:1px solid #cbeaf5;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:600}.ac-countdown-hub .ac-section-heading h2{margin:.65rem 0 .35rem;color:#212529}.ac-countdown-hub .ac-section-heading p{color:#64748b;max-width:720px;margin:0 auto}.ac-countdown-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.ac-countdown-hub-card{display:flex;align-items:center;gap:.8rem;text-decoration:none!important;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;box-shadow:0 5px 18px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ac-countdown-hub-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(3,112,163,.10);border-color:#aad7e8}.ac-countdown-hub-icon{flex:0 0 44px;width:44px;height:44px;border-radius:.8rem;display:grid;place-items:center;background:linear-gradient(135deg,#e8f7fd,#d7f0fa);color:#0370A3;font-size:1.25rem;font-weight:700}.ac-countdown-hub-card strong{display:block;color:#212529;font-size:.95rem;line-height:1.45}.ac-countdown-hub-card small{display:block;color:#64748b;font-size:.75rem;margin-top:.2rem}.ac-event-countdown-wrap{margin:1.4rem 0 2rem}.ac-event-countdown{margin-top:0}.ac-event-date-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.9rem}.ac-event-date-cards>div{background:#fff;border:1px solid #dbe7ee;border-radius:.8rem;padding:.85rem 1rem;text-align:center}.ac-event-date-cards span{display:block;color:#64748b;font-size:.8rem}.ac-event-date-cards strong{display:block;color:#212529;margin-top:.3rem;font-size:.96rem}.ac-countdown-seo{margin-top:1.5rem}.ac-related-countdowns{margin-top:1.5rem}
@media(max-width:900px){.ac-countdown-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ac-countdown-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.ac-countdown-hub-card{padding:.8rem .65rem;gap:.55rem}.ac-countdown-hub-icon{width:38px;height:38px;flex-basis:38px}.ac-countdown-hub-card strong{font-size:.82rem}.ac-countdown-hub-card small{font-size:.68rem}.ac-event-date-cards{grid-template-columns:1fr}.ac-event-countdown .ac-birthday-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.3 — green occasion countdowns only; birthday and age countdowns remain unchanged */
.ac-event-countdown{
  background:linear-gradient(135deg,#2fb071 0%,#16865a 48%,#0f6b46 100%)!important;
  box-shadow:0 10px 28px rgba(15,107,70,.20)!important;
}
.ac-event-countdown:before{background:rgba(255,255,255,.08)!important}
.ac-event-countdown .ac-birthday-countdown-kicker{
  color:rgba(255,255,255,.92)!important;
  font-weight:600;
  font-size:1.05rem;
}
.ac-event-countdown h3[data-event-date]{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:#fff!important;
  margin:.5rem 0 1rem!important;
  font-size:1.3rem!important;
}
.ac-event-countdown .ac-birthday-countdown-grid>div{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.20)!important;
}
.ac-related-countdowns .ac-related-tools-grid a span{display:none!important}
.ac-related-countdowns .ac-related-tools-grid a{min-height:auto;padding:.9rem 1rem}
.ac-related-countdowns .ac-related-tools-grid strong{font-size:.95rem;line-height:1.55}


/* v2.5 — iOS Safari scroll/bounce + blank-space hardening */
@supports (-webkit-touch-callout:none){
  html,body,.ac-site{background-color:var(--ac-bg)!important}
  body{min-height:-webkit-fill-available}
  .ac-site{min-height:-webkit-fill-available}
}
/* Never reserve a visual block for a genuinely empty ad wrapper. */
.ac-ad-slot:empty{display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important}

/* =========================================================
   AgeCalculator Pro 3.0 — PrayerTimes-inspired design system
   ========================================================= */
:root{--ac:#0370A3;--acd:#025d86;--acs:#edf6fb;--acbg:#f6f9fb;--acbd:#dce8ef;--actx:#172536;--acmut:#687a8c;--acshadow:0 8px 28px rgba(18,61,88,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--acbg);overscroll-behavior-y:none}body{margin:0!important;background:var(--acbg)!important;color:var(--actx);font-family:'Readex Pro',Tahoma,sans-serif!important;line-height:1.85;overscroll-behavior-y:none}a{text-decoration:none}.ac3-site{min-height:100svh;display:flex;flex-direction:column;background:var(--acbg)}.ac3-main{flex:1}.ac3-wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}.ac3-content{padding:26px 0 52px}.ac3-ltr{direction:ltr;text-align:left}
.ac3-header{height:70px;background:#fff;border-bottom:1px solid #e6edf2;display:flex;align-items:center;position:sticky;top:0;z-index:70}.ac3-header-in{display:flex;align-items:center;justify-content:space-between;gap:18px}.ac3-brand{font-size:23px;font-weight:700;color:var(--ac);white-space:nowrap}.ac3-brand .custom-logo{max-height:42px;width:auto}.ac3-nav{display:flex;gap:24px;font-size:14px;color:#536777;align-items:center}.ac3-nav a:hover{color:var(--ac)}.ac3-lang{font-size:13px;font-weight:700;color:var(--ac);border:1px solid var(--acbd);border-radius:999px;padding:5px 10px}.ac3-menu{display:none;border:0;background:var(--acs);color:var(--ac);border-radius:9px;padding:7px 11px;font-size:20px;cursor:pointer}.ac3-drawer,.ac3-drawer-overlay{display:none}
.ac3-homehero,.ac3-minihero{background:linear-gradient(135deg,var(--ac),#026b98 55%,var(--acd));color:#fff}.ac3-homehero{text-align:center;padding:50px 0 46px}.ac3-minihero{padding:36px 0;text-align:start}.ac3-eyebrow{display:inline-block;font-size:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);padding:4px 12px;border-radius:30px}.ac3-homehero h1,.ac3-minihero h1{font-size:40px;line-height:1.35;margin:8px 0 10px;color:#fff}.ac3-minihero h1{font-size:33px}.ac3-homehero p,.ac3-minihero p{max-width:790px;margin:0 auto;color:rgba(255,255,255,.9);font-size:15px}.ac3-minihero p{margin-inline:0}.ac3-crumb{font-size:12px;color:var(--acmut);margin:0 0 14px;display:flex;gap:8px;align-items:center}.ac3-crumb a{color:var(--ac);font-weight:600}
.ac3-panel,.ac3-page,.ac3-soft{background:#fff;border:1px solid var(--acbd);border-radius:18px;padding:25px;margin-top:22px;box-shadow:none}.ac3-soft{background:var(--acs)}.ac3-panel:first-child{margin-top:0}.ac3-section-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ac3-section-head h2{margin:0;color:var(--actx);font-size:24px;line-height:1.45}.ac3-section-head p{margin:2px 0 0;color:var(--acmut);font-size:13px}.ac3-section-icon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--acs);color:var(--ac);display:grid;place-items:center;font-weight:800}.ac3-section-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ac3-copy-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ac3-copy-cols p,.ac3-panel>p,.ac3-copy p{margin:0;color:#526676}.ac3-copy p+p{margin-top:12px}.ac3-copy h2{font-size:23px;color:var(--ac);margin:22px 0 7px}.ac3-copy h2:first-child{margin-top:0}.ac3-copy h3{font-size:19px;margin:20px 0 6px}.ac3-copy ul{color:#526676}.ac3-copy strong{color:var(--actx)}
.ac3-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ac3-step-grid article{background:#fff;border:1px solid var(--acbd);border-radius:14px;padding:18px}.ac3-step-grid i{font-style:normal;width:35px;height:35px;background:var(--acs);color:var(--ac);border-radius:10px;display:grid;place-items:center;font-weight:700}.ac3-step-grid b,.ac3-step-grid span{display:block}.ac3-step-grid b{margin-top:10px}.ac3-step-grid span{margin-top:4px;color:var(--acmut);font-size:12px}
.ac3-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ac3-feature-grid article{background:var(--acs);border-radius:13px;padding:15px}.ac3-feature-grid b,.ac3-feature-grid span{display:block}.ac3-feature-grid b{font-size:14px;color:var(--acd)}.ac3-feature-grid span{font-size:11px;color:var(--acmut);margin-top:4px}.ac3-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ac3-two-grid article{background:#fff;border:1px solid var(--acbd);border-radius:14px;padding:20px}.ac3-two-grid h3{color:var(--ac);margin:0 0 8px}.ac3-two-grid p{color:#526676;margin:0}.ac3-two-grid a{display:inline-block;color:var(--ac);font-size:13px;font-weight:700;margin-top:12px}.ac3-note,.ac-ummalqura-note{background:var(--acs)!important;border:1px solid var(--acbd)!important;border-radius:12px!important;padding:12px 14px!important;color:#567080!important;font-size:12px!important;margin-top:14px!important}
.ac3-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ac3-link-grid>a{background:#fff;border:1px solid var(--acbd);border-radius:12px;padding:15px;transition:.18s}.ac3-link-grid>a:hover{border-color:var(--ac);transform:translateY(-1px)}.ac3-link-grid b,.ac3-link-grid span{display:block}.ac3-link-grid b{color:var(--actx);font-size:14px}.ac3-link-grid span{font-size:11px;color:var(--acmut);margin-top:4px}.ac3-faq details{border-top:1px solid #e9eff3;padding:12px 0}.ac3-faq details:first-child{border-top:0}.ac3-faq summary{cursor:pointer;font-weight:600}.ac3-faq p{color:#586b79;margin:8px 0 0}.ac3-primary{display:inline-flex;background:var(--ac);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700}.ac3-ad{width:min(1120px,calc(100% - 32px));margin:18px auto;text-align:center}.ac3-ad:empty{display:none}
.ac3-footer{background:#fff;border-top:1px solid #e2eaf0;padding:30px 0;text-align:center}.ac3-foot-brand{font-size:20px;font-weight:700;color:var(--ac)}.ac3-footer p,.ac3-footer small{color:var(--acmut);font-size:12px}.ac3-foot-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px;margin:8px}.ac3-foot-links a:hover{color:var(--ac)}

/* Main calculator: compact card system like PrayerTimes Pro */
.ac3-calculator-panel{padding:18px}.ac3-calculator-panel .ac-calculator-wrap,.ac-calculator-wrap{margin:0!important;padding:0!important;background:transparent!important;display:block!important}.ac3-calculator-panel .ac-calculator-wrap>div,.ac-calculator-wrap>div{padding:0!important}.ac-calculator-wrap [data-calendar-tab]{border:1px solid var(--acbd)!important;background:#fff!important;color:var(--actx)!important;border-radius:10px!important;padding:9px 14px!important}.ac-calculator-wrap [data-calendar-tab].is-active,.ac-calculator-wrap [data-calendar-tab][aria-pressed="true"]{background:var(--acs)!important;border-color:var(--ac)!important;color:var(--ac)!important}.ac-calculator-wrap [data-calendar-label]{display:inline-block!important;background:#fff!important;color:var(--actx)!important;border:1px solid var(--acbd)!important;border-radius:12px!important;padding:8px 15px!important;box-shadow:none!important}.ac-calculator-wrap form>div[class*="bg-gray-100"],.ac-calculator-wrap [data-person]>div[class*="bg-gray-100"]{background:var(--acs)!important;border:1px solid var(--acbd)!important;border-top:2px solid var(--ac)!important;border-radius:15px!important;padding:17px!important}.ac-calculator-wrap label{color:var(--acmut)!important;font-size:12px!important}.ac-calculator-wrap select,.ac-advanced-tool select,.ac-advanced-tool input{border:1px solid var(--acbd)!important;background:#fff!important;border-radius:10px!important;padding:12px 13px!important;color:var(--actx)!important;font:inherit!important;min-height:46px}.ac-calculator-wrap select:focus,.ac-advanced-tool select:focus,.ac-advanced-tool input:focus{outline:0;border-color:var(--ac)!important;box-shadow:0 0 0 3px rgba(3,112,163,.08)!important}.ac-calculator-wrap button[type="submit"],.ac-button,.ac-advanced-tool button{background:var(--ac)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:11px 17px!important;font:inherit!important;font-weight:700!important;cursor:pointer}.ac-calculator-wrap button[type="submit"]:hover,.ac-button:hover,.ac-advanced-tool button:hover{background:var(--acd)!important}.ac-person-title{background:#fff!important;border:0!important;border-inline-start:3px solid var(--ac)!important;text-align:start!important;padding:10px 14px!important;border-radius:0!important;margin:14px 0 8px!important}.ac-difference-intro{position:static!important;text-align:center!important;margin:18px 0 8px!important}.ac-difference-intro span{display:inline-block;background:var(--acs);color:var(--ac);border:1px solid var(--acbd);border-radius:999px;padding:7px 13px;font-weight:600}.ac-calculator-result{margin-top:18px!important}

/* Result cards */
.ac-result-grid,.ac-result-cards,.ac-calculator-result .ac-results-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.ac-result-card,.ac-calculator-result .ac-result-card,.ac-calculator-result article{border:1px solid var(--acbd)!important;border-radius:14px!important;background:#fff!important;padding:15px!important;box-shadow:none!important}.ac-calculator-result .ac-result-primary{grid-column:1/-1!important;background:var(--acs)!important;border-color:#c9e0ed!important}.ac-birthday-countdown{background:linear-gradient(135deg,var(--ac),var(--acd))!important;color:#fff!important;border-radius:18px!important;border:0!important}.ac-birthday-countdown *{color:#fff!important}

/* Legacy content + related cards aligned to new system */
.ac-wp-content,.ac-tool-guide,.ac-related-tools,.ac-related-countdowns,.ac-tools-hub,.ac-countdown-seo,.ac-growth-page,.ac-year-summary,.ac-year-facts,.ac-year-faq{background:#fff!important;border:1px solid var(--acbd)!important;border-radius:18px!important;box-shadow:none!important;padding:24px!important;margin-top:22px!important;color:var(--actx)!important}.ac-wp-content h2,.ac-tool-guide h2,.ac-countdown-seo h2{color:var(--ac)!important;font-size:22px!important;margin:22px 0 7px!important}.ac-wp-content h2:first-child,.ac-tool-guide h2:first-child{margin-top:0!important}.ac-wp-content p,.ac-tool-guide p,.ac-countdown-seo p{color:#526676!important}.ac-related-tools h2,.ac-related-countdowns h2,.ac-home-tools h2{font-size:24px!important;color:var(--actx)!important}.ac-related-tools-grid,.ac-related-grid,.ac-home-tools-grid,.ac-tools-hub-grid,.ac-countdown-hub-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.ac-related-card,.ac-home-tool-card,.ac-tool-card,.ac-countdown-hub-card{background:#fff!important;border:1px solid var(--acbd)!important;border-radius:13px!important;padding:15px!important;box-shadow:none!important;transition:.18s!important}.ac-related-card:hover,.ac-home-tool-card:hover,.ac-tool-card:hover,.ac-countdown-hub-card:hover{border-color:var(--ac)!important;transform:translateY(-1px)}.ac-related-card strong,.ac-home-tool-card strong,.ac-tool-card strong,.ac-countdown-hub-card strong{color:var(--ac)!important}.ac-related-card span,.ac-home-tool-card span,.ac-tool-card span,.ac-countdown-hub-card span{color:var(--acmut)!important;font-size:11px!important}.ac-home-tools{background:#fff!important;border:1px solid var(--acbd)!important;border-radius:18px!important;padding:24px!important;margin-top:22px!important}.ac-home-tools-grid{margin-top:14px}.ac-home-tool-card{text-align:start!important}

/* Advanced tools */
.ac-advanced-tool{background:#fff!important;border:1px solid var(--acbd)!important;border-radius:18px!important;padding:22px!important;box-shadow:none!important;margin-top:0!important}.ac-advanced-form{background:var(--acs)!important;border:1px solid var(--acbd)!important;border-radius:15px!important;padding:18px!important}.ac-advanced-result{background:#fff!important;border:1px solid var(--acbd)!important;border-radius:15px!important;padding:18px!important}.ac-advanced-actions{display:flex;gap:8px;flex-wrap:wrap}.ac-button-secondary{background:#fff!important;color:var(--ac)!important;border:1px solid var(--ac)!important}

/* Countdown: keep the special green event identity; hub uses blue cards */
.ac-event-countdown{border-radius:18px!important;box-shadow:none!important}.ac-countdown-hub{background:#fff!important;border:1px solid var(--acbd)!important;border-radius:18px!important;padding:24px!important}.ac-countdown-hub-icon{background:var(--acs)!important;color:var(--ac)!important}.ac-event-date-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.ac-event-date-cards>div{border:1px solid var(--acbd)!important;border-radius:13px!important;background:#fff!important;padding:15px!important}

/* Programmatic year pages */
.ac-year-grid{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:8px!important}.ac-year-link{background:#fff!important;border:1px solid var(--acbd)!important;border-radius:10px!important;padding:10px!important;text-align:center!important;color:var(--ac)!important}.ac-year-facts-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.ac-year-fact,.ac-year-stat{border:1px solid var(--acbd)!important;background:var(--acs)!important;border-radius:12px!important;padding:14px!important}

@media(max-width:850px){.ac3-nav{display:none}.ac3-menu{display:block}.ac3-feature-grid{grid-template-columns:repeat(2,1fr)}.ac3-link-grid{grid-template-columns:repeat(2,1fr)}.ac-related-tools-grid,.ac-related-grid,.ac-home-tools-grid,.ac-tools-hub-grid,.ac-countdown-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ac-year-grid{grid-template-columns:repeat(5,1fr)!important}}
@media(max-width:620px){.ac3-wrap{width:min(100% - 22px,1120px)}.ac3-header{height:64px}.ac3-brand{font-size:19px}.ac3-lang{margin-inline-start:auto}.ac3-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(15,28,38,.38);z-index:99;opacity:0;pointer-events:none;transition:.22s}.ac3-drawer-overlay.open{opacity:1;pointer-events:auto}.ac3-drawer{display:flex;position:fixed;z-index:100;top:0;bottom:0;inset-inline-end:-310px;width:min(290px,84vw);background:#fff;padding:20px;flex-direction:column;gap:8px;box-shadow:0 0 35px #0002;transition:.24s}.ac3-drawer.open{inset-inline-end:0}.ac3-drawer-close{align-self:flex-start;border:0;background:var(--acs);color:var(--ac);width:38px;height:38px;border-radius:9px;font-size:24px}.ac3-drawer a{padding:9px 5px;border-bottom:1px solid #edf1f4;font-size:13px}.ac3-menu-open{overflow:hidden}.ac3-homehero{padding:36px 0}.ac3-homehero h1{font-size:29px}.ac3-minihero{padding:30px 0}.ac3-minihero h1{font-size:26px}.ac3-homehero p,.ac3-minihero p{font-size:13px}.ac3-content{padding:18px 0 34px}.ac3-panel,.ac3-page,.ac3-soft{padding:17px 14px;border-radius:16px;margin-top:16px}.ac3-section-head{align-items:flex-start}.ac3-section-head h2{font-size:20px}.ac3-section-icon{width:34px;height:34px;flex-basis:34px}.ac3-copy-cols,.ac3-two-grid{grid-template-columns:1fr}.ac3-step-grid{grid-template-columns:1fr}.ac3-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ac3-link-grid{grid-template-columns:1fr}.ac3-calculator-panel{padding:12px}.ac-calculator-wrap form>div[class*="bg-gray-100"],.ac-calculator-wrap [data-person]>div[class*="bg-gray-100"]{padding:14px!important}.ac-calculator-wrap select{width:100%!important;max-width:none!important}.ac-calculator-wrap form>div>div{width:100%!important}.ac-result-grid,.ac-result-cards,.ac-calculator-result .ac-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ac-related-tools-grid,.ac-related-grid,.ac-home-tools-grid,.ac-tools-hub-grid,.ac-countdown-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.ac-related-card,.ac-home-tool-card,.ac-tool-card,.ac-countdown-hub-card{padding:12px!important}.ac-event-date-cards{grid-template-columns:1fr!important}.ac-year-grid{grid-template-columns:repeat(4,1fr)!important}.ac-year-facts-grid{grid-template-columns:1fr!important}.ac3-footer{padding:24px 0}}
@media(max-width:390px){.ac3-feature-grid{grid-template-columns:1fr}.ac-related-tools-grid,.ac-related-grid,.ac-home-tools-grid,.ac-tools-hub-grid,.ac-countdown-hub-grid{grid-template-columns:1fr!important}.ac-year-grid{grid-template-columns:repeat(3,1fr)!important}}

/* v3.1 — Homepage Rebuild: calmer hierarchy, fewer stronger sections */
.ac31-home{padding-top:22px}
.ac31-hero{padding:38px 0 34px}
.ac31-hero .ac3-eyebrow{margin-bottom:10px}
.ac31-hero h1{max-width:920px}
.ac31-hero p{max-width:880px}

.ac31-toolhero{padding:22px!important}
.ac31-toolhead{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.ac31-toolhead h2{margin:0;color:var(--actx);font-size:24px;line-height:1.4}
.ac31-toolhead p{margin:4px 0 0;color:var(--acmut);font-size:13px}

.ac31-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.ac31-value-grid article{border:1px solid var(--acbd);border-radius:14px;background:var(--acs);padding:16px;min-height:178px}
.ac31-value-grid b{display:block;color:var(--actx);font-size:15px;margin:8px 0 5px}
.ac31-value-grid p{margin:0;color:var(--acmut);font-size:12px;line-height:1.85}
.ac31-mini{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#e7f3f9;color:var(--ac);font-weight:800;font-size:11px}

.ac31-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.ac31-compare-grid article{border:1px solid var(--acbd);border-radius:14px;background:#fff;padding:18px;border-top:3px solid var(--ac)}
.ac31-compare-grid article:last-child{border-top-color:#16865a}
.ac31-compare-grid h3{margin:0 0 8px;color:var(--actx);font-size:17px}
.ac31-compare-grid p{margin:0 0 10px;color:#526676;font-size:13px;line-height:1.95}
.ac31-compare-grid a{color:var(--ac);font-weight:700;text-decoration:none;font-size:13px}

.ac31-use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.ac31-use-grid>a{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--acbd);border-radius:13px;background:#fff;padding:15px;text-decoration:none;color:inherit;transition:.16s}
.ac31-use-grid>a:hover{border-color:#9bcbdc;transform:translateY(-1px)}
.ac31-use-grid>a>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:10px;background:var(--acs);color:var(--ac);font-weight:800;font-size:11px}
.ac31-use-grid b{display:block;color:var(--actx);font-size:14px;margin-bottom:4px}
.ac31-use-grid small{display:block;color:var(--acmut);font-size:11px;line-height:1.7}

.ac31-seo-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:10px}
.ac31-seo-copy p{margin:0;color:#526676;line-height:2.05;font-size:13px}
.ac31-seo-copy strong{color:var(--actx)}

.ac31-faq-panel .ac3-faq{margin-top:8px}
.ac31-faq-panel .ac3-faq details{background:#fff;border:1px solid var(--acbd);border-radius:11px;padding:0 13px}

/* Keep the final core calculators visually separate as the closing section. */
.ac31-home .ac-home-calculators{margin-top:22px!important;background:#fff!important;border:1px solid var(--acbd)!important;border-radius:18px!important;box-shadow:none!important}

@media(max-width:900px){
 .ac31-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .ac31-home{padding-top:14px}
 .ac31-hero{padding:30px 0 27px}
 .ac31-toolhero{padding:14px!important}
 .ac31-toolhead{align-items:flex-start;margin-bottom:12px}
 .ac31-toolhead h2{font-size:19px}
 .ac31-toolhead p{font-size:12px;line-height:1.7}
 .ac31-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ac31-value-grid article{min-height:150px;padding:13px}
 .ac31-value-grid b{font-size:13px}
 .ac31-value-grid p{font-size:11px;line-height:1.75}
 .ac31-compare-grid,.ac31-use-grid,.ac31-seo-copy{grid-template-columns:1fr}
 .ac31-compare-grid article{padding:15px}
 .ac31-use-grid>a{padding:13px}
 .ac31-seo-copy{gap:10px}
 .ac31-seo-copy p{font-size:12px;line-height:1.95}
}
@media(max-width:390px){
 .ac31-value-grid{grid-template-columns:1fr}
 .ac31-value-grid article{min-height:0}
}

/* =========================================================
   AgeCalculator Pro 3.2 — PrayerTimes-grade calculator + Safari hardening
   ========================================================= */
:root{--ac32-border:#d9e7ef;--ac32-field:#f7fbfd;--ac32-dark:#172536}

/* Radical blank-space mitigation: one paint surface, no legacy paint containment. */
html,body{background:#f6f9fb!important;min-height:100%;overscroll-behavior:none!important}
body{overflow-x:hidden!important;-webkit-font-smoothing:antialiased}
.ac3-site,.ac3-main{background:#f6f9fb!important;min-height:100%;transform:none!important}
.ac-ad-slot{contain:none!important}
.ac-ad-slot:empty,.ac3-ad:empty{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
body:before{content:"";position:fixed;inset:0;background:#f6f9fb;z-index:-1;pointer-events:none}
@supports(-webkit-touch-callout:none){
  html{background:#f6f9fb!important}
  body{background:#f6f9fb!important;min-height:-webkit-fill-available!important}
  .ac3-site{min-height:-webkit-fill-available!important}
  .ac3-header{position:relative!important;top:auto!important}
}

/* Homepage sections: PrayerTimes-like light borders + blue top rule. */
.ac31-home>.ac3-panel{border:1px solid var(--ac32-border)!important;border-top:3px solid var(--ac)!important;border-radius:14px!important;box-shadow:none!important}
.ac31-home .ac3-section-head h2,.ac31-home .ac31-toolhead h2{color:var(--ac)!important}
.ac31-home .ac3-section-head{padding-top:1px}
.ac32-toolhead{display:block!important;margin:0 0 16px!important;padding:0 0 12px!important;border-bottom:1px solid #e9f0f4!important}
.ac32-toolhead h2{margin:0!important;font-size:24px!important;line-height:1.35!important;font-weight:700!important;text-align:start!important}

/* Calculator: zero Tailwind dependency, compact and predictable. */
.ac32-calculator{display:block!important;width:100%!important;background:transparent!important;margin:0!important;padding:0!important}
.ac32-calculator>div{padding:0!important;width:100%!important}
.ac32-tabs{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px}
.ac32-tabs button{appearance:none;border:1px solid var(--ac32-border)!important;background:#fff!important;color:var(--ac)!important;border-radius:9px!important;padding:9px 14px!important;font:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.35!important;cursor:pointer}
.ac32-tabs button.is-active,.ac32-tabs button[aria-pressed="true"]{border-color:var(--ac)!important;background:var(--acs)!important;color:var(--acd)!important}
.ac32-calendar-label{display:flex;justify-content:center;margin:0 0 10px}
.ac32-calendar-label span{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:var(--ac)!important;border:1px solid var(--ac32-border)!important;border-top:2px solid var(--ac)!important;border-radius:10px!important;padding:8px 14px!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important}
.ac32-form{margin:0!important;padding:0!important}
.ac32-date-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;background:var(--ac32-field)!important;border:1px solid var(--ac32-border)!important;border-top:3px solid var(--ac)!important;border-radius:12px!important;padding:16px!important}
.ac32-field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
.ac32-field label{display:block!important;margin:0!important;color:var(--ac32-dark)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;text-align:start!important}
.ac32-field select{display:block!important;width:100%!important;max-width:none!important;min-height:46px!important;border:1px solid var(--ac32-border)!important;border-radius:9px!important;background:#fff!important;color:var(--ac32-dark)!important;padding:9px 12px!important;font:inherit!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important}
.ac32-field select:focus{outline:none!important;border-color:var(--ac)!important;box-shadow:0 0 0 3px rgba(3,112,163,.08)!important}
.ac32-submit-row{display:flex!important;justify-content:center!important;margin:0!important;padding:14px 0 0!important;background:transparent!important}
.ac32-submit-row button{appearance:none;background:var(--ac)!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:10px 24px!important;font:inherit!important;font-weight:700!important;cursor:pointer!important;min-height:44px!important}
.ac32-submit-row button:hover{background:var(--acd)!important}
.ac32-error{margin-top:12px;padding:10px 12px;border:1px solid #f1c6c6;border-inline-start:3px solid #c84646;border-radius:9px;background:#fff7f7;color:#7f1d1d;font-size:13px}
.ac32-person{margin-top:18px!important}
.ac32-person:first-child{margin-top:8px!important}
.ac32-difference .ac-person-title{margin:0 0 9px!important;padding:10px 12px!important;background:#fff!important;border:1px solid var(--ac32-border)!important;border-inline-start:3px solid var(--ac)!important;border-radius:9px!important;color:var(--ac)!important;font-size:19px!important;font-weight:700!important;text-align:start!important}
.ac32-difference .ac-difference-intro{margin:8px 0 12px!important}
.ac32-difference .ac-difference-intro span{background:var(--acs)!important;color:var(--ac)!important;border:1px solid var(--ac32-border)!important;border-radius:999px!important;padding:6px 11px!important;font-size:13px!important}

/* Keep all primary section headings consistent with the site's blue identity. */
.ac31-home h2,.ac31-home h3{color:var(--ac)}

@media(max-width:620px){
  .ac31-home>.ac3-panel{border-radius:12px!important}
  .ac32-toolhead{margin-bottom:12px!important;padding-bottom:10px!important}
  .ac32-toolhead h2{font-size:21px!important}
  .ac32-tabs{gap:7px;margin-bottom:13px}
  .ac32-tabs button{flex:1 1 0;padding:9px 8px!important;font-size:13px!important;white-space:normal}
  .ac32-calendar-label{margin-bottom:8px}
  .ac32-date-fields{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important;border-radius:11px!important}
  .ac32-field label{font-size:14px!important;color:#111827!important;font-weight:600!important}
  .ac32-field select{min-height:48px!important;font-size:16px!important}
  .ac32-submit-row{padding-top:12px!important}
  .ac32-submit-row button{width:min(240px,100%)!important}
}


/* =========================================================
   AgeCalculator Pro 3.3 — calculator spacing + PrayerTimes FAQ
   ========================================================= */
.ac31-toolhero{padding:28px!important}
.ac32-toolhead{margin-bottom:24px!important;padding-bottom:15px!important}
.ac32-tabs{gap:14px!important;margin-bottom:30px!important}
.ac32-tabs button{padding:12px 20px!important;border-color:#cfdfe8!important;border-radius:12px!important;font-size:15px!important;color:var(--ac32-dark)!important}
.ac32-tabs button.is-active,.ac32-tabs button[aria-pressed="true"]{border:2px solid var(--ac)!important;background:#fff!important;color:var(--ac)!important}
.ac32-calendar-label{position:relative!important;z-index:2!important;margin:0 0 -18px!important}
.ac32-calendar-label span{border:2px solid var(--ac)!important;border-radius:14px!important;padding:11px 20px!important;font-size:16px!important;background:#fff!important;color:var(--ac32-dark)!important}
.ac32-date-fields{gap:18px!important;border:1px solid #cfdee7!important;border-top:4px solid var(--ac)!important;border-radius:15px!important;padding:34px 22px 24px!important;background:#f4f9fc!important}
.ac32-field{gap:10px!important}
.ac32-field label{font-size:15px!important;font-weight:700!important;color:#111827!important}
.ac32-field select{min-height:52px!important;border:1px solid #cbdce6!important;border-radius:11px!important;padding:11px 14px!important;font-size:15px!important;color:#172536!important}
.ac32-submit-row{margin-top:14px!important;padding:18px!important;border:1px solid #cfdee7!important;border-top:3px solid var(--ac)!important;border-radius:14px!important;background:#f4f9fc!important}
.ac32-submit-row button{min-height:48px!important;padding:12px 30px!important;border-radius:10px!important;font-size:16px!important}

.ac33-faq-list{margin-top:10px;border:1px solid var(--acbd);border-radius:13px;background:#fff;overflow:hidden}
.ac33-faq-list article{padding:17px 18px;border-top:1px solid #e8eef2}
.ac33-faq-list article:first-child{border-top:0}
.ac33-faq-list h3{margin:0 0 7px!important;color:var(--ac)!important;font-size:15px!important;line-height:1.6!important}
.ac33-faq-list p{margin:0!important;color:#526676!important;font-size:13px!important;line-height:1.9!important}

@media(max-width:620px){
  .ac31-toolhero{padding:18px!important}
  .ac32-toolhead{margin-bottom:20px!important}
  .ac32-tabs{gap:9px!important;margin-bottom:26px!important}
  .ac32-tabs button{padding:11px 9px!important;font-size:13px!important}
  .ac32-calendar-label{margin-bottom:-16px!important}
  .ac32-calendar-label span{padding:10px 16px!important;font-size:14px!important}
  .ac32-date-fields{gap:16px!important;padding:31px 16px 20px!important}
  .ac32-field{gap:9px!important}
  .ac32-field label{font-size:15px!important}
  .ac32-field select{min-height:52px!important;font-size:16px!important}
  .ac32-submit-row{margin-top:12px!important;padding:16px!important}
  .ac33-faq-list article{padding:15px 14px}
  .ac33-faq-list h3{font-size:14px!important}
  .ac33-faq-list p{font-size:12px!important}
}

/* =========================================================
   AgeCalculator Pro 3.4 — calculator control sizing polish
   ========================================================= */
.ac32-tabs{gap:16px!important;margin-bottom:30px!important}
.ac32-tabs button{
  flex:1 1 0!important;
  min-height:60px!important;
  padding:15px 22px!important;
  border:2px solid var(--ac)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--ac32-dark)!important;
  font-size:16px!important;
  font-weight:700!important;
}
.ac32-tabs button.is-active,.ac32-tabs button[aria-pressed="true"]{
  border-color:var(--ac)!important;
  background:var(--acs)!important;
  color:var(--ac)!important;
}
.ac32-calendar-label span{
  border:2px solid var(--ac)!important;
  border-radius:14px!important;
}
.ac32-submit-row{
  margin-top:16px!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.ac32-field select{
  font-size:14px!important;
  font-weight:500!important;
}

@media(max-width:620px){
  .ac32-tabs{gap:10px!important;margin-bottom:27px!important}
  .ac32-tabs button{
    min-height:56px!important;
    padding:13px 10px!important;
    font-size:14px!important;
  }
  .ac32-calendar-label span{font-size:14px!important}
  .ac32-field select{font-size:14px!important;min-height:50px!important}
  .ac32-submit-row{margin-top:14px!important;padding-top:12px!important}
}


/* =========================================================
   AgeCalculator Pro 3.5 — stronger segmented calendar states
   ========================================================= */
.ac32-tabs button{
  border:3px solid var(--ac)!important;
  background:#fff!important;
  color:var(--ac32-dark)!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .12s ease!important;
}
.ac32-tabs button:hover{
  background:#f4fafd!important;
}
.ac32-tabs button.is-active,
.ac32-tabs button[aria-pressed="true"]{
  background:var(--ac)!important;
  border-color:var(--ac)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(3,112,163,.16)!important;
}
.ac32-tabs button.is-active:hover,
.ac32-tabs button[aria-pressed="true"]:hover{
  background:var(--acd)!important;
  border-color:var(--acd)!important;
}
.ac32-calendar-label span{
  border-width:3px!important;
  border-color:var(--ac)!important;
}
/* The same segmented calendar control is shared by the age calculator,
   age-difference calculator and spouses age-gap calculator. */
.ac32-difference .ac32-tabs button{border-width:3px!important}

/* =========================================================
   AgeCalculator Pro 3.6 — full visual/function audit
   One identity across every calculator, tool, result and page.
   ========================================================= */
:root{
  --ac:#0370A3;
  --acd:#025d86;
  --acs:#f2f8fc;
  --acbg:#f5f8fa;
  --acbd:#cfdfe8;
  --acbd-soft:#dce7ed;
  --actx:#172536;
  --acmut:#607286;
  --acshadow:0 8px 24px rgba(18,61,88,.045);
}

/* Global page rhythm and typography */
.ac3-content{padding-top:24px}
.ac3-panel,.ac3-page,.ac3-soft,.ac-card,.ac-tool-guide,.ac-related-tools,.ac-tools-hub,.ac-countdown-hub{
  border:1px solid var(--acbd)!important;
  border-top:4px solid var(--ac)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ac3-panel,.ac3-page{padding:24px!important}
.ac3-page>p:first-child{margin-top:0}
.ac3-page p,.ac-tool-guide p,.ac-wp-content p,.ac3-copy p{
  color:var(--acmut)!important;
  font-size:15px!important;
  line-height:1.95!important;
}
.ac3-page h2,.ac-tool-guide h2,.ac-wp-content h2,.ac3-copy h2{
  color:var(--ac)!important;
  font-size:22px!important;
  line-height:1.55!important;
  margin:26px 0 10px!important;
}
.ac3-page h2:first-child,.ac-tool-guide h2:first-child,.ac-wp-content h2:first-child,.ac3-copy h2:first-child{margin-top:0!important}
.ac3-page h3,.ac-tool-guide h3,.ac-wp-content h3,.ac3-copy h3{
  color:var(--actx)!important;
  font-size:18px!important;
  line-height:1.6!important;
}
.ac3-minihero{padding:30px 0!important}
.ac3-minihero h1{font-size:30px!important;line-height:1.45!important;margin:6px 0 7px!important}
.ac3-minihero p{font-size:14px!important;line-height:1.8!important;max-width:820px!important}
.ac3-eyebrow{font-size:11px!important}

/* Section headings, cards and related links */
.ac3-section-head h2{color:var(--ac)!important;font-size:22px!important}
.ac3-section-head p{color:var(--acmut)!important;font-size:13px!important;line-height:1.7!important}
.ac3-section-icon{border:1px solid #d5e8f2;background:var(--acs)!important;color:var(--ac)!important}
.ac-related-tools,.ac-tools-hub,.ac-countdown-hub{margin-top:22px!important;padding:22px!important}
.ac-related-tools>h2,.ac-tools-hub h2,.ac-countdown-hub h2{color:var(--ac)!important;font-size:21px!important;margin:0 0 14px!important}
.ac-related-tools-grid,.ac-related-grid,.ac-tools-hub-grid,.ac-countdown-hub-grid{gap:10px!important}
.ac-related-tools-grid a,.ac-related-card,.ac-tool-card,.ac-countdown-hub-card,.ac-home-tool-card{
  border:1px solid var(--acbd)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ac-related-tools-grid a:hover,.ac-related-card:hover,.ac-tool-card:hover,.ac-countdown-hub-card:hover,.ac-home-tool-card:hover{border-color:var(--ac)!important;background:#fbfdff!important}
.ac-related-tools-grid strong,.ac-related-card strong,.ac-tool-card strong,.ac-countdown-hub-card strong{color:var(--ac)!important}

/* Tables share the same quiet visual language. */
.ac3-page table,.ac-wp-content table,.ac-tool-guide table,.ac-milestone-table{
  width:100%;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--acbd)!important;border-radius:13px!important;overflow:hidden;background:#fff;
}
.ac3-page th,.ac-wp-content th,.ac-tool-guide th,.ac-milestone-table th{background:var(--acs)!important;color:var(--actx)!important;font-size:13px!important;font-weight:700!important;padding:12px!important}
.ac3-page td,.ac-wp-content td,.ac-tool-guide td,.ac-milestone-table td{border-top:1px solid #e6eef3!important;color:#425466!important;padding:12px!important;font-size:13px!important}
.ac-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Core calculator visual consistency */
.ac31-toolhero,.ac3-calculator-panel{border-top:4px solid var(--ac)!important}
.ac32-tabs button{border-width:3px!important}
.ac32-calendar-label span{border-width:3px!important}
.ac32-date-fields{border:1px solid var(--acbd)!important;border-top:4px solid var(--ac)!important;background:var(--acs)!important}
.ac32-field label{color:var(--actx)!important;font-size:14px!important}
.ac32-field select{border:1px solid var(--acbd)!important;color:var(--actx)!important;font-size:14px!important}
.ac32-submit-row button{background:var(--ac)!important;color:#fff!important}

/* Results: consistent cards, readable dates and no mixed visual weights. */
.ac-age-results-grid,.ac-result-grid,.ac-result-cards,.ac-calculator-result .ac-results-grid{gap:10px!important}
.ac-age-result-card,.ac-result-card,.ac-calculator-result article,.ac-difference-grid article{
  border:1px solid var(--acbd)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:15px!important;
  min-width:0;
}
.ac-age-result-card>span,.ac-result-card>span,.ac-difference-grid span{color:var(--acmut)!important;font-size:12px!important;line-height:1.6!important}
.ac-age-result-card>strong,.ac-result-card>strong,.ac-difference-grid strong{color:var(--actx)!important;font-size:16px!important;line-height:1.75!important;overflow-wrap:anywhere}
.ac-age-result-card.is-primary,.ac-calculator-result .ac-result-primary{background:var(--acs)!important;border-color:#c4dce9!important;border-top:3px solid var(--ac)!important}
.ac-result-actions{gap:8px!important}
.ac-result-action{border-radius:10px!important;font-size:13px!important}
.ac-difference-hero{background:linear-gradient(135deg,var(--ac),var(--acd))!important;border-radius:15px!important;box-shadow:none!important}
.ac-difference-hero h3{font-size:20px!important}

/* Advanced tools: replace browser-native date fields with the same day/month/year language as the main calculator. */
.ac-advanced-tool{
  margin:0!important;
  padding:22px!important;
  border:1px solid var(--acbd)!important;
  border-top:4px solid var(--ac)!important;
  border-radius:16px!important;
  background:#fff!important;
}
.ac-advanced-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;background:transparent!important;border:0!important;padding:0!important;align-items:start!important}
.ac-date-control{
  min-width:0;margin:0!important;padding:34px 16px 18px!important;
  border:1px solid var(--acbd)!important;border-top:4px solid var(--ac)!important;border-radius:15px!important;background:var(--acs)!important;
}
.ac-date-control legend{
  float:none!important;width:auto!important;margin:0 auto -18px!important;padding:9px 16px!important;
  border:2px solid var(--ac)!important;border-radius:12px!important;background:#fff!important;color:var(--actx)!important;
  font-size:15px!important;font-weight:700!important;line-height:1.5!important;text-align:center!important;
}
.ac-date-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;clear:both}
.ac-date-control-grid label,.ac-number-control label{display:flex;flex-direction:column;gap:7px;min-width:0}
.ac-date-control-grid label>span,.ac-number-control label>span{color:var(--actx)!important;font-size:13px!important;font-weight:700!important}
.ac-date-control select,.ac-number-control input{
  width:100%!important;min-height:48px!important;border:1px solid var(--acbd)!important;border-radius:10px!important;background:#fff!important;
  color:var(--actx)!important;padding:10px 11px!important;font:inherit!important;font-size:13px!important;font-weight:500!important;
}
.ac-date-control select:focus,.ac-number-control input:focus{outline:0!important;border-color:var(--ac)!important;box-shadow:0 0 0 3px rgba(3,112,163,.08)!important}
.ac-number-control{padding:18px;border:1px solid var(--acbd);border-top:4px solid var(--ac);border-radius:15px;background:var(--acs)}
.ac-advanced-actions{grid-column:1/-1!important;display:flex!important;justify-content:center!important;gap:10px!important;margin:0!important}
.ac-advanced-actions .ac-button{min-width:150px!important;min-height:46px!important;border-radius:10px!important;font-size:14px!important}
.ac-button-secondary{background:#fff!important;color:var(--ac)!important;border:2px solid var(--ac)!important}
.ac-advanced-result{grid-column:1/-1!important;margin-top:0!important;padding:18px!important;border:1px solid var(--acbd)!important;border-top:4px solid var(--ac)!important;border-radius:15px!important;background:#fff!important}
.ac-advanced-result:empty{display:none!important}
.ac-advanced-error{grid-column:1/-1!important}
.ac-countdown-title{color:var(--actx)!important;font-size:14px!important;text-align:center;margin-bottom:12px}
.ac-countdown-title strong{color:var(--ac)!important}
.ac-countdown{border-radius:15px!important;background:linear-gradient(135deg,var(--ac),var(--acd))!important;padding:14px!important}
.ac-countdown>div{border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.08)!important;border-radius:12px!important}
.ac-countdown strong,.ac-countdown span{color:#fff!important}

/* Countdown event cards retain their dedicated green identity, while their surrounding page follows the blue site system. */
.ac-event-date-cards>div{border:1px solid var(--acbd)!important;border-top:3px solid var(--ac)!important;border-radius:13px!important}
.ac-event-date-cards span{color:var(--acmut)!important;font-size:12px!important}
.ac-event-date-cards strong{color:var(--actx)!important;font-size:15px!important}

/* Year/discovery pages */
.ac-year-summary,.ac-year-facts-grid{gap:10px!important}
.ac-year-stat,.ac-year-fact{border:1px solid var(--acbd)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.ac-year-stat strong,.ac-year-fact strong{color:var(--ac)!important}
.ac-year-link{border:1px solid var(--acbd)!important;border-radius:10px!important;background:#fff!important;color:var(--actx)!important}
.ac-year-link:hover{border-color:var(--ac)!important;color:var(--ac)!important}
.ac-year-faq{border:1px solid var(--acbd);border-radius:13px;overflow:hidden;background:#fff}
.ac-year-faq details{padding:13px 15px!important;border-top:1px solid #e7eef2!important;border-bottom:0!important}
.ac-year-faq details:first-child{border-top:0!important}

/* Utility notes and editorial panels */
.ac-note,.ac3-note,.ac-ummalqura-note{border:1px solid #cfe0ea!important;border-inline-start:3px solid var(--ac)!important;background:var(--acs)!important;color:#52697a!important}

@media(max-width:820px){
  .ac3-minihero h1{font-size:26px!important}
  .ac3-panel,.ac3-page{padding:18px!important}
  .ac-advanced-form{grid-template-columns:1fr!important}
  .ac-advanced-result{grid-column:1!important}
}
@media(max-width:620px){
  .ac3-content{padding-top:18px}
  .ac3-minihero{padding:24px 0!important}
  .ac3-minihero h1{font-size:23px!important;line-height:1.5!important}
  .ac3-minihero p{font-size:13px!important}
  .ac3-page p,.ac-tool-guide p,.ac-wp-content p,.ac3-copy p{font-size:14px!important;line-height:1.9!important}
  .ac3-page h2,.ac-tool-guide h2,.ac-wp-content h2,.ac3-copy h2{font-size:19px!important}
  .ac3-section-head h2{font-size:19px!important}
  .ac-advanced-tool{padding:14px!important}
  .ac-date-control{padding:31px 14px 16px!important}
  .ac-date-control-grid{grid-template-columns:1fr!important;gap:12px!important}
  .ac-date-control legend{font-size:14px!important;padding:8px 13px!important}
  .ac-date-control-grid label>span,.ac-number-control label>span{font-size:13px!important}
  .ac-date-control select,.ac-number-control input{font-size:14px!important;min-height:49px!important}
  .ac-advanced-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .ac-advanced-actions .ac-button{width:100%!important;min-width:0!important}
  .ac-age-results-grid,.ac-result-grid,.ac-result-cards,.ac-calculator-result .ac-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ac-age-result-card>strong,.ac-result-card>strong,.ac-difference-grid strong{font-size:15px!important}
  .ac-related-tools,.ac-tools-hub,.ac-countdown-hub{padding:16px!important}
}
@media(max-width:390px){
  .ac-age-results-grid,.ac-result-grid,.ac-result-cards,.ac-calculator-result .ac-results-grid{grid-template-columns:1fr!important}
}

/* Editorial/search templates brought into the same 3.6 identity. */
.ac-post-featured{margin:0 0 18px;border:1px solid var(--acbd);border-radius:16px;overflow:hidden;background:#fff}
.ac-post-featured img{display:block;width:100%;height:auto}
.ac-post-list{display:grid;gap:12px}
.ac-post-card{padding:16px;border:1px solid var(--acbd);border-radius:13px;background:#fff}
.ac-post-card h2{margin:0 0 6px!important;font-size:18px!important;line-height:1.6!important}
.ac-post-card h2 a{color:var(--ac)!important}
.ac-post-card p{margin:0;color:var(--acmut);font-size:14px;line-height:1.85}
.ac-search-form{display:flex;gap:8px}
.ac-search-form input{flex:1;min-width:0;min-height:46px;border:1px solid var(--acbd);border-radius:10px;padding:10px 12px;font:inherit;color:var(--actx)}
.ac-search-form button{min-height:46px;border:0;border-radius:10px;padding:10px 18px;background:var(--ac);color:#fff;font:inherit;font-weight:700}
.ac-pagination{margin-top:16px}.ac-pagination .nav-links{display:flex;gap:7px;flex-wrap:wrap}.ac-pagination a,.ac-pagination span{padding:7px 10px;border:1px solid var(--acbd);border-radius:9px;background:#fff;color:var(--actx)}.ac-pagination .current{background:var(--ac);border-color:var(--ac);color:#fff}
.ac-comments h2{color:var(--ac);font-size:20px}.ac-comments .comment-list{padding-inline-start:20px}.ac-comments input,.ac-comments textarea{width:100%;border:1px solid var(--acbd);border-radius:10px;padding:10px;font:inherit}.ac-comments input[type="submit"]{width:auto;background:var(--ac);color:#fff;border:0;padding:10px 18px;font-weight:700}
@media(max-width:620px){.ac-search-form{flex-direction:column}.ac-search-form button{width:100%}}

/* Discovery/calculation subpanels */
.ac-insights{margin-top:18px!important;padding:18px!important;border:1px solid var(--acbd)!important;border-top:3px solid var(--ac)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.ac-insights h2{color:var(--ac)!important;font-size:20px!important;margin-top:0!important}
.ac-insights p{color:var(--acmut)!important;font-size:14px!important;line-height:1.9!important}
.ac-advanced-tool .ac-button-secondary{background:#fff!important;color:var(--ac)!important;border:2px solid var(--ac)!important}
.ac-advanced-tool .ac-button-secondary:hover{background:var(--acs)!important;color:var(--acd)!important;border-color:var(--acd)!important}
.ac-result-action{background:var(--ac)!important;color:#fff!important;border:2px solid var(--ac)!important}
.ac-result-action:hover{background:var(--acd)!important;border-color:var(--acd)!important}
.ac-result-action.is-secondary{background:#fff!important;color:var(--ac)!important;border-color:var(--ac)!important}
.ac-result-action.is-secondary:hover{background:var(--acs)!important;color:var(--acd)!important;border-color:var(--acd)!important}

/* =========================================================
   AgeCalculator Pro 3.7 — homepage SEO architecture
   ========================================================= */
.ac37-home>.ac3-panel{margin-top:20px!important}
.ac37-home .ac3-section-head{margin-bottom:14px}
.ac37-home .ac3-section-head h2{font-size:22px!important;line-height:1.45!important;color:var(--ac)!important}
.ac37-home .ac3-section-head p{margin-top:4px!important;color:var(--acmut)!important;line-height:1.8!important}
.ac37-step-grid article{border-top:3px solid var(--ac)!important;min-height:150px}
.ac37-step-grid i{background:var(--ac)!important;color:#fff!important}
.ac37-step-grid b{color:var(--actx)!important;font-size:15px!important}
.ac37-step-grid span{font-size:12px!important;line-height:1.8!important}
.ac37-rich-copy{display:grid;grid-template-columns:1fr;gap:8px}
.ac37-rich-copy p{margin:0!important;color:#526676!important;font-size:13px!important;line-height:2.05!important}
.ac37-rich-copy strong{color:var(--actx)!important}
.ac37-rich-copy a{color:var(--ac)!important;text-decoration:none!important}
.ac37-rich-copy--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ac37-rich-copy--two p{background:var(--acs);border:1px solid var(--acbd-soft);border-radius:12px;padding:14px 15px}
.ac37-benefit-grid article{background:#fff!important;border-top:3px solid var(--ac)!important;min-height:160px!important}
.ac37-benefit-grid article:nth-child(2){border-top-color:#16865a!important}
.ac37-benefit-grid article:nth-child(3){border-top-color:#6d5dfc!important}
.ac37-benefit-grid article:nth-child(4){border-top-color:#0e7490!important}
.ac37-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ac37-example-grid article{position:relative;border:1px solid var(--acbd);border-top:3px solid var(--ac);border-radius:14px;background:#fff;padding:17px;min-height:215px}
.ac37-example-no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--acs);color:var(--ac);font-size:12px;font-weight:800}
.ac37-example-grid h3{margin:11px 0 7px!important;color:var(--actx)!important;font-size:15px!important;line-height:1.65!important}
.ac37-example-grid p{margin:0!important;color:#526676!important;font-size:12px!important;line-height:1.95!important}
.ac37-example-grid a{color:var(--ac)!important;text-decoration:none!important}
.ac37-keyword-panel,.ac37-difference-panel,.ac37-benefits-panel,.ac37-examples-panel,.ac37-steps-panel{border-top-color:var(--ac)!important}
@media(max-width:850px){.ac37-example-grid{grid-template-columns:1fr}.ac37-rich-copy--two{grid-template-columns:1fr}}
@media(max-width:620px){
 .ac37-home>.ac3-panel{margin-top:16px!important}
 .ac37-home .ac3-section-head h2{font-size:19px!important}
 .ac37-step-grid article{min-height:0}
 .ac37-rich-copy p{font-size:12px!important;line-height:1.95!important}
 .ac37-benefit-grid article{min-height:145px!important}
 .ac37-example-grid article{min-height:0;padding:14px}
 .ac37-example-grid h3{font-size:14px!important}
 .ac37-example-grid p{font-size:12px!important}
}

/* =========================================================
   AgeCalculator Pro 3.8 — homepage editorial polish
   ========================================================= */
/* Editorial authority sections: quiet dark headings, consistent scale. */
.ac37-keyword-panel .ac3-section-head h2,
.ac31-seo-panel .ac3-section-head h2{
  color:var(--actx)!important;
  font-size:22px!important;
  line-height:1.55!important;
  font-weight:800!important;
}
.ac37-keyword-panel .ac3-section-head p,
.ac31-seo-panel .ac3-section-head p{
  color:var(--acmut)!important;
  font-size:13px!important;
  line-height:1.75!important;
}
.ac37-keyword-panel .ac37-rich-copy p,
.ac31-seo-panel .ac31-seo-copy p{
  color:#425466!important;
  font-size:15px!important;
  line-height:1.95!important;
}
.ac37-keyword-panel .ac37-rich-copy strong,
.ac31-seo-panel .ac31-seo-copy strong{
  color:var(--actx)!important;
}

/* Examples keep a soft card border only; remove the strong top stripe. */
.ac37-example-grid article{
  border:1px solid var(--acbd)!important;
  border-top:1px solid var(--acbd)!important;
  box-shadow:none!important;
}

/* Prayer-times style FAQ: the section panel is the only container. */
.ac31-faq-panel .ac33-faq-list{
  margin-top:10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.ac31-faq-panel .ac33-faq-list article{
  padding:17px 0!important;
  border:0!important;
  border-top:1px solid #e6eef3!important;
  background:transparent!important;
}
.ac31-faq-panel .ac33-faq-list article:first-child{
  border-top:0!important;
  padding-top:6px!important;
}
.ac31-faq-panel .ac33-faq-list h3{
  margin:0 0 7px!important;
  color:var(--actx)!important;
  font-size:16px!important;
  line-height:1.7!important;
  font-weight:800!important;
}
.ac31-faq-panel .ac33-faq-list p{
  margin:0!important;
  color:#526676!important;
  font-size:14px!important;
  line-height:1.9!important;
}
@media(max-width:620px){
  .ac37-keyword-panel .ac3-section-head h2,
  .ac31-seo-panel .ac3-section-head h2{font-size:20px!important}
  .ac37-keyword-panel .ac37-rich-copy p,
  .ac31-seo-panel .ac31-seo-copy p{font-size:14px!important;line-height:1.9!important}
  .ac31-faq-panel .ac33-faq-list article{padding:15px 0!important}
  .ac31-faq-panel .ac33-faq-list h3{font-size:15px!important}
  .ac31-faq-panel .ac33-faq-list p{font-size:13px!important}
}


/* =========================================================
   AgeCalculator Pro 3.9 — homepage copy color correction
   ========================================================= */
.ac37-keyword-panel .ac3-section-head h2,
.ac31-seo-panel .ac3-section-head h2{
  color:var(--ac)!important;
  font-size:22px!important;
  line-height:1.5!important;
  font-weight:800!important;
}
.ac37-keyword-panel .ac37-rich-copy p,
.ac31-seo-panel .ac31-seo-copy p{
  color:#111827!important;
  font-size:15px!important;
  line-height:1.95!important;
}
.ac37-keyword-panel .ac37-rich-copy strong,
.ac31-seo-panel .ac31-seo-copy strong{
  color:#111827!important;
}
@media(max-width:620px){
  .ac37-keyword-panel .ac3-section-head h2,
  .ac31-seo-panel .ac3-section-head h2{font-size:20px!important}
  .ac37-keyword-panel .ac37-rich-copy p,
  .ac31-seo-panel .ac31-seo-copy p{font-size:14px!important;line-height:1.9!important}
}


/* =========================================================
   AgeCalculator Pro 3.10 — final homepage visual polish
   Hero title/description intentionally unchanged.
   ========================================================= */
/* Tighter hand-off from the calculator title to the calendar tabs. */
.ac37-home .ac31-toolhero .ac32-toolhead{
  margin-bottom:18px!important;
}
.ac37-home .ac31-toolhero .ac32-tabs{
  margin-bottom:27px!important;
}

/* Difference explainer cards: quieter, whiter, closer to PrayerTimes panels. */
.ac37-home .ac37-rich-copy--two p{
  background:#fff!important;
  border:1px solid var(--acbd-soft)!important;
  box-shadow:none!important;
}

/* Benefits: slightly stronger card titles only. */
.ac37-home .ac37-benefit-grid article b{
  display:block!important;
  color:var(--actx)!important;
  font-size:16px!important;
  line-height:1.55!important;
  font-weight:800!important;
}

/* Final Age Calculators hub heading follows the homepage blue section system. */
.ac37-home .ac-home-calculators>h2{
  color:var(--ac)!important;
  font-size:24px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

@media(max-width:620px){
  .ac37-home .ac31-toolhero .ac32-toolhead{margin-bottom:15px!important}
  .ac37-home .ac31-toolhero .ac32-tabs{margin-bottom:24px!important}
  .ac37-home .ac37-benefit-grid article b{font-size:15px!important}
  .ac37-home .ac-home-calculators>h2{font-size:21px!important}
}

/* =========================================================
   AgeCalculator Pro 3.11 — homepage interaction/content/footer polish
   ========================================================= */
/* Calendar segmented controls: selected state stays visually locked until JS switches it. */
.ac3-theme .ac32-tabs button.is-active,
.ac3-theme .ac32-tabs button[aria-pressed="true"],
.ac3-theme [data-calendar-tab].is-active,
.ac3-theme [data-calendar-tab][aria-pressed="true"]{
  background:var(--ac)!important;
  border-color:var(--ac)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
.ac3-theme .ac32-tabs button.is-active:hover,
.ac3-theme .ac32-tabs button[aria-pressed="true"]:hover,
.ac3-theme [data-calendar-tab].is-active:hover,
.ac3-theme [data-calendar-tab][aria-pressed="true"]:hover{
  background:var(--acd)!important;
  border-color:var(--acd)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Why results differ: text scale now matches the editorial body rhythm. */
.ac37-home .ac37-difference-panel .ac37-rich-copy--two p{
  font-size:15px!important;
  line-height:1.95!important;
  color:#425466!important;
  padding:18px 20px!important;
}
.ac37-home .ac37-difference-panel .ac37-rich-copy--two strong{
  color:var(--actx)!important;
}

/* Practical examples: one shared panel with PrayerTimes-style separators. */
.ac37-home .ac37-examples-panel .ac37-example-grid{
  display:block!important;
  border:1px solid var(--acbd)!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  margin-top:8px!important;
}
.ac37-home .ac37-examples-panel .ac37-example-grid article{
  min-height:0!important;
  margin:0!important;
  padding:20px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ac37-home .ac37-examples-panel .ac37-example-grid article+article{
  border-top:1px solid #e6eef3!important;
}
.ac37-home .ac37-examples-panel .ac37-example-grid h3{
  margin:10px 0 7px!important;
}

/* Final calculators hub: strong top identity line, titles only. */
.ac37-home .ac-home-calculators{
  border:1px solid var(--acbd)!important;
  border-top:4px solid var(--ac)!important;
  box-shadow:none!important;
}
.ac37-home .ac-home-calculator-card{
  min-height:112px!important;
  justify-content:center!important;
}
.ac37-home .ac-home-calculator-card strong{
  font-size:18px!important;
  line-height:1.55!important;
}
.ac37-home .ac-home-calculator-card>span{
  display:none!important;
}

/* Footer uses the site's primary blue identity. */
.ac3-footer{
  background:var(--ac)!important;
  border-top:0!important;
  color:#fff!important;
  padding:34px 0!important;
}
.ac3-footer .ac3-foot-brand{
  color:#fff!important;
  font-size:22px!important;
  font-weight:800!important;
}
.ac3-footer p,
.ac3-footer small{
  color:rgba(255,255,255,.82)!important;
}
.ac3-footer .ac3-foot-links{
  margin:15px auto 14px!important;
  gap:10px 20px!important;
}
.ac3-footer .ac3-foot-links a{
  color:#fff!important;
  font-weight:600!important;
  text-decoration:none!important;
}
.ac3-footer .ac3-foot-links a:hover{
  color:#dff4ff!important;
  text-decoration:underline!important;
}

@media(max-width:620px){
  .ac37-home .ac37-difference-panel .ac37-rich-copy--two p{
    font-size:14px!important;
    line-height:1.9!important;
    padding:15px 14px!important;
  }
  .ac37-home .ac37-examples-panel .ac37-example-grid article{
    padding:16px 14px!important;
  }
  .ac37-home .ac-home-calculator-card strong{
    font-size:16px!important;
  }
  .ac3-footer{padding:28px 0!important}
}

/* v3.12 — restore the prominent classic primary age-result card */
.ac-age-result-card.is-primary{
  grid-column:1/-1!important;
  min-height:150px!important;
  padding:28px 22px!important;
  background:linear-gradient(135deg,#f4fbfe 0%,#edf8fc 100%)!important;
  border:2px solid rgba(3,112,163,.28)!important;
  border-top:2px solid rgba(3,112,163,.28)!important;
  border-radius:22px!important;
  text-align:center!important;
}
.ac-age-result-card.is-primary>span{
  color:var(--ac)!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.6!important;
  margin-bottom:10px!important;
}
.ac-age-result-card.is-primary>strong{
  color:var(--ac)!important;
  font-size:30px!important;
  font-weight:800!important;
  line-height:1.7!important;
}
@media(max-width:620px){
  .ac-age-result-card.is-primary{min-height:132px!important;padding:22px 14px!important;border-radius:18px!important}
  .ac-age-result-card.is-primary>span{font-size:16px!important}
  .ac-age-result-card.is-primary>strong{font-size:24px!important}
}


/* v3.13 — final result density + date/number presentation audit */
.ac-age-result-card:not(.is-primary){
  min-height:108px!important;
  padding:12px 12px!important;
}
.ac-age-result-card:not(.is-primary)>span{
  margin-bottom:5px!important;
  font-size:12px!important;
}
.ac-age-result-card:not(.is-primary)>strong{
  font-size:16px!important;
  line-height:1.55!important;
}
.ac-result-card,.ac-difference-grid article{
  min-height:96px!important;
  padding:12px!important;
}
.ac-milestone-table th,.ac-milestone-table td{
  padding:10px!important;
}
@media(max-width:620px){
  .ac-age-result-card:not(.is-primary){min-height:102px!important;padding:11px 9px!important}
  .ac-age-result-card:not(.is-primary)>strong{font-size:15px!important}
  .ac-result-card,.ac-difference-grid article{min-height:92px!important;padding:11px!important}
}

/* v3.15 — consistent Arabic dual-calendar order: Gregorian right, Hijri left */
[dir="rtl"] .ac32-tabs{direction:rtl}
[dir="rtl"] .ac-event-date-cards{direction:rtl}
.ac-age-calendar-note{font-size:12px!important;line-height:1.75!important;padding:10px 12px!important;margin-top:12px!important}

/* 3.16 — Hijri birthday helper date */
.ac-birthday-countdown-equivalent{display:block;margin:-4px 0 16px;text-align:center;font-size:.86rem;opacity:.82}
.ac-age-result-card small{display:block;margin-top:6px;font-size:.78rem;font-weight:500;line-height:1.5;color:var(--ac-muted,#667085)}
.ac-age-calendar-note--result{grid-column:1/-1!important;margin:0!important}
[data-age-calendar-note][hidden]{display:none!important}


/* =========================================================
   AgeCalculator Pro 3.20 — unified headings + responsive tool polish
   ========================================================= */

/* Main editorial headings match the light-gray band / blue inline rule identity. */
.ac3-copy > h2,
.ac-tool-guide > h2,
.ac-wp-content > h2,
.ac-v19-enriched .ac-tool-guide > h2,
.ac-v19-enriched .ac-wp-content > h2,
.ac3-page > h2{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:26px 0 14px!important;
  padding:15px 18px!important;
  background:#f3f4f6!important;
  border:0!important;
  border-inline-start:4px solid var(--ac)!important;
  border-radius:0!important;
  color:var(--ac)!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.65!important;
}
.ac3-copy > h2:first-child,
.ac-tool-guide > h2:first-child,
.ac-wp-content > h2:first-child,
.ac3-page > h2:first-child{margin-top:0!important}

/* Advanced calculator cards: centered, proportionate, and less stretched on desktop. */
.ac-advanced-tool .ac-advanced-form{
  width:100%!important;
  max-width:1040px!important;
  margin-inline:auto!important;
}
.ac-advanced-tool .ac-advanced-result{
  width:100%!important;
  max-width:1040px!important;
  box-sizing:border-box!important;
  margin-inline:auto!important;
}
.ac-number-control{
  min-width:0;
  border:1px solid var(--acbd)!important;
  border-top:3px solid var(--ac)!important;
  border-radius:15px!important;
  background:var(--acs)!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
.ac-number-control label{height:100%;justify-content:center}
.ac-number-control input{width:100%!important;box-sizing:border-box!important}

/* Single-date tools use the available desktop width instead of sitting in half a card. */
.ac-advanced-tool--countdown .ac-advanced-form,
.ac-advanced-tool--duration .ac-advanced-form,
.ac-advanced-tool--milestones .ac-advanced-form{
  grid-template-columns:minmax(0,680px)!important;
  justify-content:center!important;
  max-width:760px!important;
}
.ac-advanced-tool--countdown .ac-advanced-form > .ac-date-control,
.ac-advanced-tool--duration .ac-advanced-form > .ac-date-control,
.ac-advanced-tool--milestones .ac-advanced-form > .ac-date-control,
.ac-advanced-tool--countdown .ac-advanced-actions,
.ac-advanced-tool--duration .ac-advanced-actions,
.ac-advanced-tool--milestones .ac-advanced-actions{
  grid-column:1!important;
}

/* Target-age / retirement tools: generous date area + compact age card. */
.ac-advanced-tool--turn-age .ac-advanced-form{
  grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr)!important;
  max-width:980px!important;
}
[dir="rtl"].ac-advanced-tool--turn-age .ac-date-control{grid-column:2}
[dir="rtl"].ac-advanced-tool--turn-age .ac-number-control{grid-column:1}
[dir="ltr"].ac-advanced-tool--turn-age .ac-date-control{grid-column:1}
[dir="ltr"].ac-advanced-tool--turn-age .ac-number-control{grid-column:2}
.ac-advanced-tool--turn-age .ac-advanced-actions{grid-column:1/-1!important}

/* Two-date tools remain balanced without excessive stretching. */
.ac-advanced-tool--on-date .ac-advanced-form,
.ac-advanced-tool--date-diff .ac-advanced-form{max-width:1040px!important}
.ac-advanced-tool--on-date .ac-date-control,
.ac-advanced-tool--date-diff .ac-date-control{min-height:184px!important}

@media(min-width:821px){
  .ac-advanced-result .ac-result-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  .ac-advanced-result .ac-result-card{
    min-height:104px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
}

/* Keep the proven mobile one-column interaction and compact spacing. */
@media(max-width:820px){
  .ac-advanced-tool .ac-advanced-form,
  .ac-advanced-tool--turn-age .ac-advanced-form,
  .ac-advanced-tool--countdown .ac-advanced-form,
  .ac-advanced-tool--duration .ac-advanced-form,
  .ac-advanced-tool--milestones .ac-advanced-form{
    grid-template-columns:1fr!important;
    max-width:100%!important;
  }
  .ac-advanced-tool--turn-age .ac-date-control,
  .ac-advanced-tool--turn-age .ac-number-control,
  .ac-advanced-tool .ac-advanced-actions{grid-column:1!important}
  .ac-number-control{padding:15px!important}
}
@media(max-width:620px){
  .ac3-copy > h2,
  .ac-tool-guide > h2,
  .ac-wp-content > h2,
  .ac3-page > h2{
    margin:22px 0 12px!important;
    padding:13px 14px!important;
    font-size:19px!important;
    line-height:1.7!important;
  }
  .ac-advanced-tool--on-date .ac-date-control,
  .ac-advanced-tool--date-diff .ac-date-control{min-height:0!important}
}

/* =========================================================
   AgeCalculator Pro 3.21 — final heading + desktop tool consistency
   ========================================================= */
/* One section-heading identity across home, FAQ, editorial and related blocks. */
.ac3-section-head{
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.ac3-section-head > div{display:block!important;width:100%!important;min-width:0!important}
.ac3-section-head .ac3-section-icon{display:none!important}
.ac3-section-head h2,
.ac31-toolhead h2,
.ac-home-tools > h2,
.ac-related-tools > h2,
.ac-tools-hub > h2,
.ac-countdown-hub > h2,
.ac-tool-guide > h2,
.ac-wp-content > h2,
.ac3-copy > h2,
.ac3-page > h2{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:26px 0 14px!important;
  padding:15px 18px!important;
  background:#f3f4f6!important;
  border:0!important;
  border-inline-start:4px solid var(--ac)!important;
  border-radius:0!important;
  color:var(--ac)!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.55!important;
  box-shadow:none!important;
}
.ac3-section-head h2{margin-top:0!important}
.ac3-section-head p{
  display:block!important;
  margin:7px 0 0!important;
  padding:0 2px!important;
  background:transparent!important;
  color:var(--acmut)!important;
  font-size:13px!important;
  line-height:1.8!important;
}
/* FAQ heading follows the same band; questions remain plain H3 rows. */
.ac31-faq-panel .ac3-section-head{margin-bottom:8px!important}

/* Target-age and retirement: birth-date card stays dominant, target-age card compact. */
.ac-advanced-tool--turn-age .ac-advanced-form{
  grid-template-columns:minmax(0,2fr) minmax(250px,.8fr)!important;
  gap:18px!important;
  max-width:1040px!important;
  align-items:stretch!important;
}
[dir="rtl"].ac-advanced-tool--turn-age .ac-date-control,
[dir="ltr"].ac-advanced-tool--turn-age .ac-date-control{grid-column:1!important}
[dir="rtl"].ac-advanced-tool--turn-age .ac-number-control,
[dir="ltr"].ac-advanced-tool--turn-age .ac-number-control{grid-column:2!important}
.ac-advanced-tool--turn-age .ac-date-control,
.ac-advanced-tool--turn-age .ac-number-control{min-height:172px!important}
.ac-advanced-tool--turn-age .ac-number-control{display:flex!important;align-items:center!important}
.ac-advanced-tool--turn-age .ac-number-control label{width:100%!important}

/* Keep all desktop date controls comfortably readable, never squeezed into a tiny column. */
@media(min-width:821px){
  .ac-advanced-tool .ac-date-control{min-width:0!important}
  .ac-advanced-tool--turn-age .ac-date-control-grid{grid-template-columns:repeat(3,minmax(130px,1fr))!important}
  .ac-advanced-tool--turn-age .ac-date-control select{min-width:0!important;width:100%!important}
}

@media(max-width:820px){
  .ac-advanced-tool--turn-age .ac-advanced-form{grid-template-columns:1fr!important;max-width:100%!important}
  .ac-advanced-tool--turn-age .ac-date-control,
  .ac-advanced-tool--turn-age .ac-number-control{grid-column:1!important;min-height:0!important}
}
@media(max-width:620px){
  .ac3-section-head h2,
  .ac31-toolhead h2,
  .ac-home-tools > h2,
  .ac-related-tools > h2,
  .ac-tools-hub > h2,
  .ac-countdown-hub > h2,
  .ac-tool-guide > h2,
  .ac-wp-content > h2,
  .ac3-copy > h2,
  .ac3-page > h2{
    margin:22px 0 12px!important;
    padding:13px 14px!important;
    font-size:19px!important;
    line-height:1.65!important;
  }
}


/* =========================================================
   AgeCalculator Pro 3.22 — specialized tool final polish
   ========================================================= */
/* Target-age and retirement: compact age card on desktop; never a tall narrow card. */
.ac-advanced-tool--turn-age .ac-advanced-form{
  align-items:start!important;
}
.ac-advanced-tool--turn-age .ac-number-control{
  min-height:0!important;
  align-self:start!important;
  padding:18px!important;
  display:block!important;
}
.ac-advanced-tool--turn-age .ac-number-control label{
  height:auto!important;
  justify-content:flex-start!important;
}

/* Tablet/mobile: stack birth date and target/retirement age into full-width cards. */
@media(max-width:980px){
  .ac-advanced-tool--turn-age .ac-advanced-form{
    grid-template-columns:1fr!important;
    max-width:100%!important;
    gap:16px!important;
  }
  .ac-advanced-tool--turn-age .ac-date-control,
  .ac-advanced-tool--turn-age .ac-number-control,
  .ac-advanced-tool--turn-age .ac-advanced-actions{
    grid-column:1!important;
    width:100%!important;
    min-height:0!important;
  }
  .ac-advanced-tool--turn-age .ac-date-control{grid-row:1!important}
  .ac-advanced-tool--turn-age .ac-number-control{grid-row:2!important}
  .ac-advanced-tool--turn-age .ac-advanced-actions{grid-row:3!important}
}

/* Graduation result: make the exact age the clear primary result on phone. */
@media(max-width:620px){
  .ac-advanced-tool[data-context="graduation"] .ac-result-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .ac-advanced-tool[data-context="graduation"] .ac-result-card:first-child{
    grid-column:1/-1!important;
    background:var(--acs)!important;
    border-top:3px solid var(--ac)!important;
  }
}
@media(max-width:390px){
  .ac-advanced-tool[data-context="graduation"] .ac-result-grid{grid-template-columns:1fr!important}
  .ac-advanced-tool[data-context="graduation"] .ac-result-card:first-child{grid-column:1!important}
}


/* =========================================================
   AgeCalculator Pro 3.23.1 — v3.19 target-age card restored only
   Scoped to turn-age / retirement input layout. No other component changed.
   ========================================================= */
.ac-advanced-tool--turn-age .ac-advanced-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.ac-advanced-tool--turn-age .ac-date-control,
.ac-advanced-tool--turn-age .ac-number-control{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  align-self:auto!important;
}
.ac-advanced-tool--turn-age .ac-number-control{
  display:block!important;
  padding:18px!important;
  border:1px solid var(--acbd)!important;
  border-top:4px solid var(--ac)!important;
  border-radius:15px!important;
  background:var(--acs)!important;
  box-sizing:border-box!important;
}
.ac-advanced-tool--turn-age .ac-number-control label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  justify-content:flex-start!important;
}
.ac-advanced-tool--turn-age .ac-number-control input{
  width:100%!important;
  min-height:48px!important;
  box-sizing:border-box!important;
}
.ac-advanced-tool--turn-age .ac-advanced-actions{
  grid-column:1/-1!important;
  grid-row:auto!important;
}

/* Exact proven v3.19 responsive behavior for this card: stack on phone. */
@media(max-width:767px){
  .ac-advanced-tool--turn-age .ac-advanced-form{
    grid-template-columns:1fr!important;
  }
  .ac-advanced-tool--turn-age .ac-date-control,
  .ac-advanced-tool--turn-age .ac-number-control,
  .ac-advanced-tool--turn-age .ac-advanced-actions{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:0!important;
  }
}


/* =========================================================
   AgeCalculator Pro 3.24 — structural tool-page fix
   Root cause: WordPress tool pages wrapped the tool shortcode inside
   an .ac3-page card, while the shortcode rendered its own card and
   each date/number control rendered another card. This created the
   visible card-inside-card-inside-card effect and constrained grids.
   Tool pages now use a transparent layout shell; each functional
   block is its own first-level card, matching the main calculators.
   ========================================================= */
.ac3-page--tool-layout{
  background:transparent!important;
  border:0!important;
  border-top:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.ac3-page--tool-layout > p:empty{display:none!important}
.ac3-page--tool-layout > p:first-child{
  margin:0 0 18px!important;
  padding:17px 20px!important;
  background:#fff!important;
  border:1px solid var(--acbd)!important;
  border-top:4px solid var(--ac)!important;
  border-radius:16px!important;
  color:var(--acmut)!important;
  line-height:1.9!important;
}
.ac3-page--tool-layout > .ac-advanced-tool,
.ac3-page--tool-layout > .ac-tools-hub,
.ac3-page--tool-layout > .ac-tool-guide,
.ac3-page--tool-layout > .ac-wp-content{
  margin-top:18px!important;
  margin-bottom:0!important;
}
.ac3-page--tool-layout > .ac-advanced-tool:first-child,
.ac3-page--tool-layout > .ac-tools-hub:first-child,
.ac3-page--tool-layout > .ac-tool-guide:first-child,
.ac3-page--tool-layout > .ac-wp-content:first-child{
  margin-top:0!important;
}

/* The tool itself is the first-level calculator card. Controls are its
   children only; no extra page card sits around it anymore. */
.ac3-page--tool-layout .ac-advanced-tool{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Responsive layout based on available component width rather than a
   fragile viewport breakpoint. Narrow containers naturally collapse to
   one column on phones; desktop gets two balanced cards. */
.ac3-page--tool-layout .ac-advanced-form{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
}
.ac3-page--tool-layout .ac-advanced-actions{
  grid-column:1/-1!important;
}

/* Target-age / retirement: same balanced card language as v3.19, but
   with container-responsive behavior so it cannot remain a thin side
   card on a phone. */
.ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-form{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
  align-items:start!important;
}
.ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control,
.ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
.ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
  align-self:start!important;
}

/* Two-date tools are independent sibling cards, not cards squeezed by
   an outer decorative shell. */
.ac3-page--tool-layout .ac-advanced-tool--on-date .ac-date-control,
.ac3-page--tool-layout .ac-advanced-tool--date-diff .ac-date-control{
  width:100%!important;
  min-width:0!important;
}

/* Tool hub: one standalone hub card containing only its item cards. */
.ac3-page--tool-layout > .ac-tools-hub{
  width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:620px){
  .ac3-page--tool-layout > p:first-child{
    padding:14px!important;
    margin-bottom:14px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .ac3-page--tool-layout > .ac-advanced-tool,
  .ac3-page--tool-layout > .ac-tools-hub,
  .ac3-page--tool-layout > .ac-tool-guide,
  .ac3-page--tool-layout > .ac-wp-content{
    margin-top:14px!important;
  }
  .ac3-page--tool-layout .ac-advanced-form,
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-form{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .ac3-page--tool-layout .ac-date-control,
  .ac3-page--tool-layout .ac-number-control,
  .ac3-page--tool-layout .ac-advanced-actions{
    grid-column:1!important;
    width:100%!important;
  }
}

/* =========================================================
   AgeCalculator Pro 3.25 — desktop-only advanced-tool layout parity
   Goal: make desktop tool calculators use the same broad, balanced
   visual language as the main Gregorian/Hijri calculator without
   touching the already-correct mobile layout.
   ========================================================= */
@media (min-width:821px){
  /* Use the full calculator width on desktop. */
  .ac3-page--tool-layout .ac-advanced-tool{
    width:100%!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool .ac-advanced-form{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    gap:20px!important;
    align-items:start!important;
  }

  /* One-date tools: one full-width date card, like the main calculator. */
  .ac3-page--tool-layout .ac-advanced-tool--countdown .ac-advanced-form,
  .ac3-page--tool-layout .ac-advanced-tool--duration .ac-advanced-form,
  .ac3-page--tool-layout .ac-advanced-tool--milestones .ac-advanced-form{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--countdown .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--duration .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--milestones .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--countdown .ac-advanced-actions,
  .ac3-page--tool-layout .ac-advanced-tool--duration .ac-advanced-actions,
  .ac3-page--tool-layout .ac-advanced-tool--milestones .ac-advanced-actions{
    grid-column:1!important;
    width:100%!important;
  }

  /* Two-date tools: two true sibling cards that fill the row evenly. */
  .ac3-page--tool-layout .ac-advanced-tool--on-date .ac-advanced-form,
  .ac3-page--tool-layout .ac-advanced-tool--date-diff .ac-advanced-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--on-date .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--date-diff .ac-date-control{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--on-date .ac-advanced-actions,
  .ac3-page--tool-layout .ac-advanced-tool--date-diff .ac-advanced-actions{
    grid-column:1/-1!important;
  }

  /* Target age / retirement: wide date card + compact age card. */
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-form{
    grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr)!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="rtl"] .ac-date-control{
    grid-column:1!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="rtl"] .ac-number-control{
    grid-column:2!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="ltr"] .ac-date-control{
    grid-column:1!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="ltr"] .ac-number-control{
    grid-column:2!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
    align-self:start!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-actions{
    grid-column:1/-1!important;
  }

  /* Keep action buttons centered beneath the full desktop form. */
  .ac3-page--tool-layout .ac-advanced-actions{
    width:100%!important;
    justify-content:center!important;
  }

  /* Avoid squeezed date fields on desktop. */
  .ac3-page--tool-layout .ac-date-control-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .ac3-page--tool-layout .ac-date-control select{
    width:100%!important;
    min-width:0!important;
  }
}


/* =========================================================
   AgeCalculator Pro 3.26 — final desktop parity for target-age / retirement
   Desktop only. Mobile/tablet rules remain untouched.
   These two tools now use the same two-sibling-card rhythm as other fixed tools.
   ========================================================= */
@media (min-width:821px){
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="rtl"] .ac-date-control{
    grid-column:2!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="rtl"] .ac-number-control{
    grid-column:1!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="ltr"] .ac-date-control{
    grid-column:1!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age[dir="ltr"] .ac-number-control{
    grid-column:2!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
    width:100%!important;
    min-width:0!important;
    min-height:184px!important;
    align-self:stretch!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control label{
    width:min(100%,420px)!important;
    margin:0 auto!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control input{
    width:100%!important;
    max-width:none!important;
  }
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-actions{
    grid-column:1/-1!important;
    width:100%!important;
    justify-content:center!important;
  }
}

/* ==========================================================
   AgeCalculator Pro 3.27 — desktop-only vertical stack for
   target-age / retirement inputs. Mobile/tablet untouched.
   ========================================================== */
@media (min-width: 821px){
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-form{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    width:100%!important;
    max-width:920px!important;
    margin-inline:auto!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
    width:min(760px,100%)!important;
    max-width:760px!important;
    min-height:0!important;
    margin-inline:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    box-sizing:border-box!important;
  }

  /* Invisible layout cards: preserve spacing, remove the extra framed-box look. */
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control,
  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
    border-color:transparent!important;
    border-top-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control{
    padding:30px 0 4px!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control legend{
    margin-inline:auto!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-date-control-grid{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control{
    display:block!important;
    padding:4px 0!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control label{
    width:min(420px,100%)!important;
    height:auto!important;
    margin-inline:auto!important;
    justify-content:flex-start!important;
    text-align:start!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-number-control input{
    width:100%!important;
    min-height:50px!important;
  }

  .ac3-page--tool-layout .ac-advanced-tool--turn-age .ac-advanced-actions{
    width:100%!important;
    margin-top:2px!important;
    justify-content:center!important;
    align-self:center!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
}

/* v3.29 Date & Calendar tools */
.ac-date-tool{margin-top:0!important;background:#fff!important;border:1px solid var(--acbd)!important;border-radius:18px!important;padding:22px!important}
.ac-date-tool-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.ac-date-tool-tabs button{min-height:48px;border:2px solid var(--ac)!important;border-radius:11px!important;background:#fff!important;color:var(--actx)!important;font:inherit!important;font-weight:700!important;cursor:pointer}
.ac-date-tool-tabs button.is-active{background:var(--ac)!important;color:#fff!important}
.ac-date-tool-form{display:grid;gap:16px}
.ac-date-tool-fields{background:var(--acs);border:1px solid var(--acbd);border-top:4px solid var(--ac);border-radius:16px;padding:24px 18px 18px;min-width:0}
.ac-date-tool-fields legend{margin:auto;padding:8px 18px;border:2px solid var(--ac);background:#fff;border-radius:12px;color:var(--actx);font-weight:700}
.ac-date-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ac-date-tool-grid label,.ac-calendar-selectors label{display:flex;flex-direction:column;gap:7px;color:var(--actx);font-weight:700;font-size:13px}
.ac-date-tool select,.ac-date-tool input{width:100%;min-height:48px;border:1px solid var(--acbd);border-radius:10px;background:#fff;padding:10px 12px;color:var(--actx);font:inherit}
.ac-date-tool select:focus,.ac-date-tool input:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px rgba(3,112,163,.08)}
.ac-date-tool-actions,.ac-calendar-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ac-date-tool-actions .ac-button,.ac-calendar-nav .ac-button{min-width:150px}
.ac-date-tool-result{margin-top:18px}.ac-date-tool-result:empty{display:none}
.ac-date-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ac-date-result-grid article{border:1px solid var(--acbd);border-radius:14px;padding:20px;text-align:center;background:#fff}
.ac-date-result-grid span{display:block;color:var(--acmut);font-size:13px;margin-bottom:7px}.ac-date-result-grid strong{display:block;color:var(--actx);font-size:20px}.ac-date-result-grid small{display:block;color:var(--acmut);margin-top:6px}
.ac-date-tool-error{padding:14px;border-inline-start:3px solid #d97706;background:#fff7ed;border-radius:8px;color:#92400e}
.ac-today-hero{text-align:center;background:var(--acs);border:1px solid var(--acbd);border-top:4px solid var(--ac);border-radius:15px;padding:20px;margin-bottom:14px}.ac-today-hero span{color:var(--acmut)}.ac-today-hero h2{margin:5px 0 0!important;color:var(--ac)!important}
.ac-calendar-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.ac-calendar-toolbar .ac-date-tool-tabs{margin:0}.ac-calendar-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ac-calendar-nav{margin:16px 0}.ac-calendar-output{overflow-x:auto}
.ac-month-calendar{border:1px solid var(--acbd);border-top:4px solid var(--ac);border-radius:15px;padding:16px;background:#fff}.ac-month-calendar h3{text-align:center;color:var(--ac);margin:0 0 14px;font-size:20px}.ac-week-head,.ac-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ac-week-head{margin-bottom:6px}.ac-week-head span{text-align:center;font-size:12px;font-weight:700;color:var(--acmut);padding:7px 3px}.ac-calendar-day,.ac-calendar-days .is-empty{min-height:78px;border:1px solid var(--acbd);border-radius:9px;padding:8px;background:#fff}.ac-calendar-day strong{display:block;color:var(--actx);font-size:16px}.ac-calendar-day small{display:block;color:var(--acmut);font-size:10px;margin-top:4px;line-height:1.45}.ac-calendar-days .is-empty{background:#fafcfd;border-style:dashed}
.ac-year-calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ac-month-calendar.is-compact{padding:12px}.ac-month-calendar.is-compact h3{font-size:15px}.ac-month-calendar.is-compact .ac-calendar-day,.ac-month-calendar.is-compact .is-empty{min-height:44px;padding:4px}.ac-month-calendar.is-compact .ac-calendar-day strong{font-size:12px}.ac-month-calendar.is-compact .ac-calendar-day small{display:none}
.ac-date-tool .ac-ummalqura-note{margin:16px 0 0!important;font-size:12px!important;color:var(--acmut)!important;background:var(--acs);border:1px solid var(--acbd);border-radius:9px;padding:10px 12px}
.ac-static-faq .ac-faq-row{padding:16px 0;border-bottom:1px solid var(--acbd)}.ac-static-faq .ac-faq-row:last-child{border-bottom:0}.ac-static-faq h3{font-size:16px;margin:0 0 7px;color:var(--actx)}
@media(max-width:850px){.ac-calendar-toolbar{grid-template-columns:1fr}.ac-year-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ac-date-tool{padding:14px!important}.ac-date-tool-grid,.ac-date-result-grid,.ac-calendar-selectors{grid-template-columns:1fr}.ac-date-tool-tabs{grid-template-columns:1fr}.ac-date-tool-fields{padding:28px 14px 14px}.ac-date-tool-actions,.ac-calendar-nav{display:grid;grid-template-columns:1fr;width:100%}.ac-date-tool-actions .ac-button,.ac-calendar-nav .ac-button{width:100%;min-width:0}.ac-year-calendar{grid-template-columns:1fr}.ac-week-head span{font-size:10px}.ac-calendar-day{min-height:62px;padding:6px}.ac-calendar-day small{font-size:9px}.ac-month-calendar{padding:10px}.ac-calendar-output{margin-inline:-4px}}

/* ==========================================================
   AgeCalculator Pro 3.30 — richer converter & calendar suite
   Inspired by the information architecture of the prayer site,
   rebuilt in Age Calculator's blue identity and card system.
   ========================================================== */
.ac-date-tool--converter,
.ac-date-tool--hijri-calendar,
.ac-date-tool--gregorian-calendar{padding:26px!important;border-top:5px solid var(--ac)!important;box-shadow:0 8px 28px rgba(15,39,78,.045)!important}
.ac-date-tool-heading{text-align:center;max-width:820px;margin:0 auto 22px}
.ac-date-tool-heading>span{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:var(--acs);border:1px solid var(--acbd);color:var(--ac);font-size:12px;font-weight:700;margin-bottom:8px}
.ac-date-tool-heading h2{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--actx)!important;font-size:clamp(25px,3.2vw,38px)!important;line-height:1.25!important;text-align:center!important}
.ac-date-tool-heading p{margin:10px auto 0!important;color:var(--acmut)!important;max-width:720px;font-size:15px;line-height:1.8}
.ac-date-converter-tabs{max-width:760px;margin:0 auto 18px!important;gap:0!important;border:2px solid var(--ac);border-radius:16px;overflow:hidden;background:#fff}
.ac-date-converter-tabs button{border:0!important;border-radius:0!important;min-height:58px!important;font-size:16px!important}
.ac-date-converter-tabs button+button{border-inline-start:1px solid var(--acbd)!important}
.ac-date-tool-prompt{text-align:center!important;color:var(--actx)!important;font-weight:500!important;margin:0!important;font-size:16px!important}
.ac-date-tool--converter .ac-date-tool-form{max-width:880px;margin:0 auto;gap:18px}
.ac-date-tool--converter .ac-date-tool-fields{padding:30px 22px 22px!important;border-top-width:3px!important;background:linear-gradient(180deg,#f7fbfd,#f1f7fa)!important}
.ac-date-tool--converter .ac-date-tool-fields legend{font-size:15px;padding:8px 20px}
.ac-date-tool--converter .ac-date-tool-grid{gap:16px}
.ac-date-tool--converter .ac-date-tool-grid label{font-size:14px}
.ac-date-tool--converter .ac-date-tool-grid select{min-height:54px;font-weight:600;font-size:15px}
.ac-date-tool--converter .ac-date-tool-actions{margin-top:2px}
.ac-date-tool--converter .ac-date-tool-actions .ac-button{min-width:190px;min-height:50px}
.ac-converter-result{max-width:880px;margin-inline:auto}
.ac-conversion-result-panel{margin-top:22px;border:2px solid rgba(3,112,163,.23);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd);padding:26px;text-align:center;position:relative;overflow:hidden}
.ac-conversion-result-panel:before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:var(--ac)}
.ac-conversion-kicker{display:block;color:var(--acmut);font-size:13px;font-weight:700;margin-bottom:8px}
.ac-conversion-result-panel>h3{margin:0 0 20px!important;color:var(--ac)!important;font-size:clamp(27px,4vw,40px)!important;line-height:1.35!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important}
.ac-conversion-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ac-conversion-meta>div{padding:14px;border:1px solid var(--acbd);border-radius:12px;background:#fff}
.ac-conversion-meta span{display:block;font-size:12px;color:var(--acmut);margin-bottom:5px}
.ac-conversion-meta strong{display:block;color:var(--actx);font-size:15px;line-height:1.6}
.ac-copy-date{margin:18px auto 0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ac)!important;background:#fff!important;color:var(--ac)!important;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer}
.ac-copy-date:hover{background:var(--acs)!important}

.ac-calendar-control-card{border:1px solid var(--acbd);border-top:4px solid var(--ac);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbfd);padding:18px;margin-bottom:18px}
.ac-calendar-toolbar{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)!important;gap:18px!important}
.ac-calendar-toolbar .ac-date-tool-tabs{align-self:stretch}
.ac-calendar-toolbar .ac-date-tool-tabs button{min-height:52px!important}
.ac-calendar-selectors{gap:12px!important}
.ac-calendar-selectors select{min-height:52px!important;font-weight:600}
.ac-calendar-nav{margin:14px 0 0!important}
.ac-calendar-nav .ac-button{min-width:135px!important}
.ac-calendar-output{margin-top:0!important;overflow:visible!important}
.ac-month-calendar{padding:20px!important;border-top-width:5px!important;box-shadow:0 6px 18px rgba(15,39,78,.035)}
.ac-month-calendar h3{font-size:clamp(22px,3vw,30px)!important;margin-bottom:18px!important}
.ac-week-head,.ac-calendar-days{gap:8px!important}
.ac-week-head span{font-size:13px!important;padding:8px 4px!important}
.ac-calendar-day,.ac-calendar-days .is-empty{min-height:92px!important;border-radius:11px!important;padding:9px!important;position:relative}
.ac-calendar-day strong{font-size:18px!important;color:var(--actx)!important}
.ac-calendar-day small{font-size:11px!important;line-height:1.5!important}
.ac-calendar-day.is-today{border:2px solid var(--ac)!important;background:linear-gradient(180deg,#eef8fc,#fff)!important;box-shadow:0 0 0 2px rgba(3,112,163,.06)}
.ac-today-badge{position:absolute;inset-inline-end:6px;top:5px;background:var(--ac);color:#fff;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700}
.ac-year-calendar{gap:16px!important}
.ac-month-calendar.is-compact{padding:12px!important}
.ac-month-calendar.is-compact .ac-calendar-day,.ac-month-calendar.is-compact .is-empty{min-height:48px!important}

.ac-calendar-detail-grid{display:block;margin-top:18px}
.ac-calendar-info-card,.ac-calendar-months-card,.ac-calendar-today-card{border:1px solid var(--acbd);border-top:4px solid var(--ac);border-radius:16px;background:#fff;padding:20px;margin-top:18px}
.ac-calendar-section-title{display:flex;align-items:center;justify-content:flex-start;margin-bottom:14px;padding:12px 16px;background:#f5f7f9;border-inline-start:4px solid var(--ac)}
.ac-calendar-section-title span{color:var(--ac);font-size:clamp(19px,2.4vw,27px);font-weight:700;line-height:1.4}
.ac-calendar-info-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ac-calendar-info-cells article{background:linear-gradient(180deg,#f7fbfd,#f2f8fb);border:1px solid #deebf1;border-radius:12px;padding:14px;text-align:start}
.ac-calendar-info-cells span{display:block;color:var(--acmut);font-size:12px;margin-bottom:5px}
.ac-calendar-info-cells strong{display:block;color:var(--actx);font-size:15px;line-height:1.55}
.ac-calendar-months-card>p{margin:0 0 14px!important;color:var(--acmut)!important;font-size:14px!important}
.ac-calendar-month-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ac-calendar-month-links button{position:relative;min-height:76px;border:1px solid var(--acbd);border-radius:12px;background:#fff;padding:12px;font:inherit;cursor:pointer;text-align:center;color:var(--actx)}
.ac-calendar-month-links button:hover{border-color:var(--ac);background:var(--acs)}
.ac-calendar-month-links button.is-current{border:2px solid var(--ac);background:linear-gradient(180deg,#eef8fc,#fff)}
.ac-calendar-month-links small{position:absolute;top:7px;inset-inline-end:9px;color:var(--acmut);font-size:10px}
.ac-calendar-month-links strong{display:block;font-size:15px;color:var(--ac);margin-top:6px}
.ac-calendar-month-links span{display:block;font-size:9px;color:var(--acmut);margin-top:3px}
.ac-calendar-today-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ac-calendar-today-row>div{padding:14px;border:1px solid var(--acbd);border-radius:12px;background:#fff}
.ac-calendar-today-row span{display:block;color:var(--acmut);font-size:12px;margin-bottom:5px}
.ac-calendar-today-row strong{display:block;color:var(--actx);font-size:15px;line-height:1.55}
.ac-calendar-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.ac-calendar-related a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border:1px solid var(--acbd);border-radius:10px;background:#fff;color:var(--ac);font-weight:700;text-align:center}
.ac-calendar-related a:hover{border-color:var(--ac);background:var(--acs)}
.ac-date-tool--hijri-calendar .ac-ummalqura-note,.ac-date-tool--gregorian-calendar .ac-ummalqura-note{margin-top:18px!important}

@media(max-width:900px){
 .ac-calendar-toolbar{grid-template-columns:1fr!important}
 .ac-calendar-info-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac-calendar-month-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
 .ac-date-tool--converter,.ac-date-tool--hijri-calendar,.ac-date-tool--gregorian-calendar{padding:14px!important}
 .ac-date-tool-heading{margin-bottom:16px}
 .ac-date-tool-heading h2{font-size:26px!important}
 .ac-date-tool-heading p{font-size:13px!important}
 .ac-date-converter-tabs{grid-template-columns:1fr 1fr!important;border-radius:13px}
 .ac-date-converter-tabs button{min-height:52px!important;font-size:13px!important;padding:8px!important}
 .ac-date-tool--converter .ac-date-tool-grid{grid-template-columns:1fr!important}
 .ac-date-tool--converter .ac-date-tool-fields{padding:27px 14px 14px!important}
 .ac-conversion-result-panel{padding:20px 14px}
 .ac-conversion-result-panel>h3{font-size:27px!important}
 .ac-conversion-meta{grid-template-columns:1fr}
 .ac-calendar-control-card{padding:14px}
 .ac-calendar-selectors{grid-template-columns:1fr 1fr!important}
 .ac-calendar-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .ac-calendar-nav .ac-button{width:100%!important;min-width:0!important;padding:10px 5px!important;font-size:12px!important}
 .ac-month-calendar{padding:10px!important}
 .ac-week-head,.ac-calendar-days{gap:4px!important}
 .ac-week-head span{font-size:9px!important;padding:5px 1px!important}
 .ac-calendar-day,.ac-calendar-days .is-empty{min-height:64px!important;padding:6px 4px!important}
 .ac-calendar-day strong{font-size:15px!important}
 .ac-calendar-day small{font-size:8px!important}
 .ac-today-badge{font-size:7px;padding:1px 4px;top:3px;inset-inline-end:3px}
 .ac-calendar-info-card,.ac-calendar-months-card,.ac-calendar-today-card{padding:14px}
 .ac-calendar-info-cells,.ac-calendar-today-row{grid-template-columns:1fr 1fr}
 .ac-calendar-month-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac-calendar-related{grid-template-columns:1fr}
 .ac-calendar-section-title{padding:10px 12px}
 .ac-calendar-section-title span{font-size:20px}
}
@media(max-width:390px){
 .ac-calendar-info-cells,.ac-calendar-today-row{grid-template-columns:1fr}
 .ac-calendar-selectors{grid-template-columns:1fr!important}
}

/* v3.32 — seven-item date/age primary navigation */
.ac3-nav{gap:13px;font-size:12.5px;white-space:nowrap}
@media(min-width:851px) and (max-width:1080px){.ac3-nav{gap:8px;font-size:11px}.ac3-brand{font-size:20px}.ac3-header-in{gap:10px}}

/* Keep the expanded seven-link navigation usable on tablets and narrow desktops. */
@media (min-width:621px) and (max-width:1020px){
  .ac3-nav{display:none}
  .ac3-menu{display:block}
  .ac3-lang{margin-inline-start:auto}
  .ac3-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(15,28,38,.38);z-index:99;opacity:0;pointer-events:none;transition:.22s}
  .ac3-drawer-overlay.open{opacity:1;pointer-events:auto}
  .ac3-drawer{display:flex;position:fixed;z-index:100;top:0;bottom:0;inset-inline-end:-330px;width:min(310px,84vw);background:#fff;padding:20px;flex-direction:column;gap:8px;box-shadow:0 0 35px #0002;transition:.24s}
  .ac3-drawer.open{inset-inline-end:0}
  .ac3-drawer-close{align-self:flex-start;border:0;background:var(--acs);color:var(--ac);width:38px;height:38px;border-radius:9px;font-size:24px}
  .ac3-drawer a{padding:10px 5px;border-bottom:1px solid #edf1f4;font-size:13px}
  .ac3-menu-open{overflow:hidden}
}


/* v3.33 — homepage calculator density and compact related tools on core age pages */
.ac37-home .ac-home-calculator-card{min-height:96px!important;padding:1rem 1.05rem!important}
.ac-core-related .ac-related-tools{border:1px solid var(--acbd);border-top:4px solid var(--ac);box-shadow:none;padding:1.35rem}
.ac-core-related .ac-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.ac-core-related .ac-related-card{min-height:96px;justify-content:center;padding:1rem 1.05rem;background:#fff}
.ac-core-related .ac-related-card strong{font-size:16px;line-height:1.55;color:var(--ac)}
.ac-core-related .ac-related-card span{display:none}
@media(max-width:560px){
  .ac-core-related .ac-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .ac-core-related .ac-related-card{min-height:92px;padding:.9rem .75rem}
}
@media(max-width:370px){.ac-core-related .ac-related-grid{grid-template-columns:1fr}}

/* =========================================================
   AgeCalculator Pro 3.34 — global typography consistency
   Darker section headings and one readable body-text tone
   across Arabic and English, including both calendar pages.
   ========================================================= */
:root{
  --acmut:#526676;
}

/* Primary editorial/section headings use the darker brand blue.
   Interactive controls and primary buttons keep --ac (#0370A3). */
.ac3-page h2,
.ac-tool-guide h2,
.ac-wp-content h2,
.ac3-copy h2,
.ac3-section-head h2,
.ac-related-tools>h2,
.ac-tools-hub h2,
.ac-countdown-hub h2,
.ac-countdown-seo h2,
.ac-insights h2,
.ac37-home .ac3-section-head h2,
.ac31-home h2,
.ac31-home h3,
.ac-calendar-section-title span,
.ac-month-calendar h3,
.ac-date-tool-heading h2,
.ac33-faq-list h3,
.ac-static-faq h3,
.ac-year-faq summary,
.ac-faq summary,
.ac-comments h2{
  color:var(--acd)!important;
}

/* Keep prose equally readable across every landing page and date/calendar page. */
.ac3-page p,
.ac-tool-guide p,
.ac-wp-content p,
.ac3-copy p,
.ac-countdown-seo p,
.ac-insights p,
.ac37-rich-copy p,
.ac33-faq-list p,
.ac-static-faq p,
.ac-date-tool-heading p,
.ac-calendar-months-card>p{
  color:#526676!important;
}

/* Calendar information labels were slightly lighter than the rest of the site. */
.ac-calendar-info-cells span,
.ac-calendar-today-row span,
.ac-calendar-month-links small,
.ac-calendar-month-links span,
.ac-date-result-grid span,
.ac-date-result-grid small,
.ac-date-tool .ac-ummalqura-note{
  color:#526676!important;
}

/* =========================================================
   AgeCalculator Pro 3.35 — sitewide dark-blue labels +
   unified readable copy tone across Arabic and English.
   This finishes the global typography pass requested after
   v3.34, especially for age-detail cards and calendar pages.
   ========================================================= */
:root{
  --ac-copy:#526676;
  --ac-heading:#025d86;
}

/* 1) Age detail/result card labels should be dark blue, not faded gray. */
.ac-age-result-card span,
.ac-result-card span,
.ac-year-fact span,
.ac-event-date-cards span,
.ac-date-result-grid span,
.ac-date-result-grid small,
.ac-calendar-info-cells span,
.ac-calendar-today-row span,
.ac-calendar-month-links small,
.ac-calendar-month-links span,
.ac-conversion-kicker,
.ac-conversion-meta span,
.ac-today-hero span,
.ac-age-calendar-note,
.ac-age-result-card small,
.ac-date-tool .ac-ummalqura-note,
.ac3-footer p,
.ac3-footer small{
  color:var(--ac-heading)!important;
}

/* 2) Keep explanatory/body copy unified and readable on every page. */
body,
.ac-wp-content,
.ac3-copy,
.ac3-page,
.ac3-panel,
.ac-tool-guide,
.ac-countdown-seo,
.ac-insights,
.ac37-rich-copy,
.ac33-faq-list,
.ac-static-faq,
.ac31-seo-copy,
.ac31-faq-panel,
.ac-calendar-months-card,
.ac-calendar-info-card,
.ac-calendar-today-card,
.ac-date-tool,
.ac-date-tool-heading,
.ac-conversion-result-panel,
.ac3-footer,
.ac-page-template-default{
  color:var(--ac-copy)!important;
}

.ac3-page p,
.ac-tool-guide p,
.ac-wp-content p,
.ac3-copy p,
.ac3-panel>p,
.ac3-copy-cols p,
.ac-countdown-seo p,
.ac-insights p,
.ac37-rich-copy p,
.ac33-faq-list p,
.ac-static-faq p,
.ac-date-tool-heading p,
.ac-calendar-months-card>p,
.ac-year-summary p,
.ac-year-faq p,
.ac-faq p,
.ac-note,
.ac-home-faq-section p,
.ac31-seo-copy p,
.ac31-faq-panel p,
.ac-calendar-info-card p,
.ac-calendar-today-card p,
.ac-conversion-result-panel p{
  color:var(--ac-copy)!important;
}

/* 3) Section headings and FAQ titles use the darker home-page blue. */
.ac3-page h1,
.ac3-page h2,
.ac3-page h3,
.ac-tool-guide h2,
.ac-tool-guide h3,
.ac-wp-content h2,
.ac-wp-content h3,
.ac3-copy h2,
.ac3-copy h3,
.ac3-section-head h2,
.ac-related-tools>h2,
.ac-tools-hub h2,
.ac-countdown-hub h2,
.ac-countdown-seo h2,
.ac-insights h2,
.ac31-home h2,
.ac31-home h3,
.ac31-faq-panel .ac3-section-head h2,
.ac37-home .ac3-section-head h2,
.ac-calendar-section-title span,
.ac-month-calendar h3,
.ac-date-tool-heading h2,
.ac-date-tool-prompt,
.ac33-faq-list h3,
.ac-static-faq h3,
.ac-year-faq summary,
.ac-faq summary,
.ac-comments h2,
.ac31-toolhead h2,
.ac31-compare-grid h3,
.ac31-use-grid b,
.ac-core-related .ac-related-card strong{
  color:var(--ac-heading)!important;
}

/* =========================================================
   AgeCalculator Pro 3.36 — sitewide typography contrast fix
   Applies the darker homepage copy color across Arabic/English
   pages and strengthens age-detail card labels.
   ========================================================= */

:root{
  --acmut:#3d4f63;
}

/* Sitewide editorial/body copy: use the stronger homepage text color. */
.ac3-page p,
.ac-tool-guide p,
.ac-wp-content p,
.ac3-copy p,
.ac-countdown-seo p,
.ac31-seo-copy p,
.ac37-rich-copy p,
.ac31-faq-panel .ac33-faq-list p,
.ac-static-faq p,
.ac-faq p,
.ac-year-faq p,
.ac-insights p,
.ac-note,
.ac3-note,
.ac-ummalqura-note,
.ac-date-tool-heading p,
.ac-date-tool-prompt,
.ac-calendar-months-card>p,
.ac-conversion-kicker,
.ac31-value-grid p,
.ac31-use-grid small,
.ac3-section-head p,
.ac-home-tool-card span,
.ac-related-card span,
.ac-tool-card span,
.ac-countdown-hub-card span,
.ac-post-card p,
.ac-event-date-cards span,
.ac-week-head span,
.ac-calendar-day small,
.ac-date-result-grid small,
.ac-conversion-meta span,
.ac-calendar-info-cells span,
.ac-calendar-today-row span,
.ac-year-link span,
.ac-tool-link,
.ac-drawer-nav a,
.ac-breadcrumbs,
.ac-no-content{
  color:var(--actx)!important;
}

/* Headings/labels inside the age-details and result cards: dark blue + bold. */
.ac-age-result-card>span,
.ac-result-card>span,
.ac-difference-grid span,
.ac-date-result-grid span,
.ac-calendar-info-cells span,
.ac-calendar-today-row span,
.ac-event-date-cards span,
.ac-conversion-meta span,
.ac31-value-grid p,
.ac31-use-grid small{
  color:var(--ac)!important;
  font-weight:800!important;
  font-size:16px!important;
  line-height:1.65!important;
}

/* Supporting values remain strong and readable. */
.ac-age-result-card>strong,
.ac-result-card>strong,
.ac-difference-grid strong,
.ac-date-result-grid strong,
.ac-calendar-info-cells strong,
.ac-calendar-today-row strong,
.ac-event-date-cards strong,
.ac-conversion-meta strong{
  color:var(--actx)!important;
  font-weight:800!important;
}

/* Calendar/date-tool pages: enforce the same darker copy across descriptions and FAQs. */
.ac-date-tool .ac-wp-content p,
.ac-date-tool .ac-static-faq p,
.ac-date-tool .ac-ummalqura-note,
.ac-date-tool .ac-date-tool-heading p,
.ac-date-tool .ac-date-tool-prompt,
.ac-date-tool .ac-calendar-months-card>p{
  color:var(--actx)!important;
}

/* Mobile tuning so strengthened labels stay balanced. */
@media(max-width:620px){
  .ac-age-result-card>span,
  .ac-result-card>span,
  .ac-difference-grid span,
  .ac-date-result-grid span,
  .ac-calendar-info-cells span,
  .ac-calendar-today-row span,
  .ac-event-date-cards span,
  .ac-conversion-meta span,
  .ac31-value-grid p,
  .ac31-use-grid small{
    font-size:15px!important;
    line-height:1.6!important;
  }
}

/* =========================================================
   AgeCalculator Pro 3.37 — justified editorial content +
   neutral homepage benefit-card copy
   ========================================================= */

/* Editorial/content prose only: visually balanced justification.
   Result/detail cards, calculators, date fields and countdowns are excluded. */
.ac3-page p,
.ac-tool-guide p,
.ac-wp-content p,
.ac3-copy p,
.ac31-seo-copy p,
.ac37-rich-copy p,
.ac31-faq-panel .ac33-faq-list p,
.ac-static-faq p,
.ac-faq p,
.ac-year-faq p,
.ac-countdown-seo p,
.ac-insights p,
.ac-calendar-months-card>p,
.ac-date-tool-heading p,
.ac-home-authority p,
.ac37-example-grid p,
.ac3-two-grid p,
.ac3-copy-cols p{
  text-align:justify!important;
  text-justify:inter-word;
  text-align-last:auto;
}

/* Keep short descriptive copy and UI/result areas natural, not justified. */
.ac3-section-head p,
.ac-date-tool-prompt,
.ac-note,
.ac3-note,
.ac-ummalqura-note,
.ac-age-result-card p,
.ac-age-result-card span,
.ac-age-result-card strong,
.ac-result-card p,
.ac-result-card span,
.ac-result-card strong,
.ac-difference-grid p,
.ac-difference-grid span,
.ac-difference-grid strong,
.ac-date-result-grid p,
.ac-date-result-grid span,
.ac-date-result-grid strong,
.ac-calendar-info-cells p,
.ac-calendar-info-cells span,
.ac-calendar-info-cells strong,
.ac-calendar-today-row p,
.ac-calendar-today-row span,
.ac-calendar-today-row strong,
.ac-birthday-countdown p,
.ac-birthday-countdown span,
.ac-countdown p,
.ac-countdown span{
  text-align:inherit!important;
  text-justify:auto!important;
}

/* Homepage benefits: body copy is neutral dark text, not brand blue. */
.ac37-home .ac37-benefit-grid article p,
.ac31-home .ac37-benefit-grid article p,
.ac37-benefit-grid article p{
  color:#374151!important;
  font-weight:400!important;
}

/* Benefit titles stay dark, not blue. */
.ac37-home .ac37-benefit-grid article b,
.ac31-home .ac37-benefit-grid article b,
.ac37-benefit-grid article b{
  color:#172536!important;
}

/* =========================================================
   AgeCalculator Pro 3.42 — requested final UI refinements
   ========================================================= */

/* Birthday countdown date/title: always white on the blue panel. */
.ac-birthday-countdown h3,
.ac-birthday-countdown h3 *,
.ac-birthday-countdown .ac-birthday-countdown-equivalent{
  color:#fff!important;
}

/* Compact PrayerTimes-style utility cards across the site (AR + EN). */
.ac-home-calculators-grid,
.ac-tools-hub-grid,
.ac-related-tools-grid,
.ac-related-grid{
  gap:8px!important;
}
.ac-home-calculator-card,
.ac-tools-hub-grid .ac-tool-card,
.ac-related-tools-grid .ac-related-card,
.ac-related-tools-grid>a,
.ac-related-grid .ac-related-card{
  min-height:74px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-shadow:none!important;
}
.ac-home-calculator-card strong,
.ac-tools-hub-grid .ac-tool-card strong,
.ac-related-tools-grid .ac-related-card strong,
.ac-related-tools-grid>a strong,
.ac-related-grid .ac-related-card strong{
  font-size:14px!important;
  line-height:1.55!important;
}
.ac-tools-hub-grid .ac-tool-card>span:not(.ac-tool-card-icon),
.ac-related-tools-grid .ac-related-card>span,
.ac-related-grid .ac-related-card>span{
  display:none!important;
}
.ac-tools-hub-grid .ac-tool-card{
  flex-direction:row!important;
  gap:8px!important;
}
.ac-tools-hub-grid .ac-tool-card-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:8px!important;
  font-size:11px!important;
}

/* Calendar related links live in a dedicated card after editorial content. */
.ac-calendar-related-card{
  margin-top:22px!important;
}
.ac-calendar-related-card>h2{
  margin:0 0 12px!important;
  color:var(--acd)!important;
  font-size:20px!important;
}
.ac-calendar-related-tools{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Footer support line and copyright are fully white. */
.ac3-footer p,
.ac3-footer small{
  color:#fff!important;
  opacity:1!important;
}

@media(max-width:620px){
  .ac-home-calculator-card,
  .ac-tools-hub-grid .ac-tool-card,
  .ac-related-tools-grid .ac-related-card,
  .ac-related-tools-grid>a,
  .ac-related-grid .ac-related-card{
    min-height:68px!important;
    padding:9px 10px!important;
  }
  .ac-home-calculator-card strong,
  .ac-tools-hub-grid .ac-tool-card strong,
  .ac-related-tools-grid .ac-related-card strong,
  .ac-related-tools-grid>a strong,
  .ac-related-grid .ac-related-card strong{
    font-size:13px!important;
  }
  .ac-calendar-related-tools{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =========================================================
   AgeCalculator Pro 3.43 — PrayerTimes-style mobile drawer
   + unified FAQ presentation on date/calendar pages
   ========================================================= */

@media(max-width:620px){
  /* Direction-aware drawer: Arabic opens from the right, English from the left. */
  html[dir="rtl"] .ac3-drawer{
    inset-inline:auto!important;
    right:-82vw!important;
    left:auto!important;
    width:min(78vw,360px)!important;
    padding:24px 22px!important;
    gap:0!important;
    box-shadow:0 0 38px rgba(15,23,42,.14)!important;
    transition:right .24s ease!important;
  }
  html[dir="rtl"] .ac3-drawer.open{right:0!important;left:auto!important}

  html[dir="ltr"] .ac3-drawer{
    inset-inline:auto!important;
    left:-82vw!important;
    right:auto!important;
    width:min(78vw,360px)!important;
    padding:24px 22px!important;
    gap:0!important;
    box-shadow:0 0 38px rgba(15,23,42,.14)!important;
    transition:left .24s ease!important;
  }
  html[dir="ltr"] .ac3-drawer.open{left:0!important;right:auto!important}

  /* Close button follows drawer side and matches the quiet PrayerTimes control. */
  html[dir="rtl"] .ac3-drawer-close{align-self:flex-end!important}
  html[dir="ltr"] .ac3-drawer-close{align-self:flex-start!important}
  .ac3-drawer-close{
    width:44px!important;
    height:44px!important;
    margin-bottom:26px!important;
    border:1px solid #d9e7ef!important;
    border-radius:12px!important;
    background:#edf7f6!important;
    color:#0d665a!important;
    font-size:27px!important;
    line-height:1!important;
  }

  /* Clean full-width rows; no visited/current/pressed color changes. */
  .ac3-drawer a,
  .ac3-drawer a:link,
  .ac3-drawer a:visited,
  .ac3-drawer a:hover,
  .ac3-drawer a:focus,
  .ac3-drawer a:active,
  .ac3-drawer a[aria-current="page"]{
    display:flex!important;
    align-items:center!important;
    min-height:60px!important;
    padding:14px 4px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid #e7ecef!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--actx)!important;
    font-size:17px!important;
    font-weight:600!important;
    line-height:1.55!important;
    text-decoration:none!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  html[dir="rtl"] .ac3-drawer a{justify-content:flex-start!important;text-align:right!important}
  html[dir="ltr"] .ac3-drawer a{justify-content:flex-start!important;text-align:left!important}

  .ac3-drawer-overlay{background:rgba(15,28,38,.40)!important}
}

/* Date Converter + Hijri/Gregorian Calendar FAQs now match the rest of the site:
   black/dark question, normal answer, quiet separators, no blue heading bands. */
.ac-date-tool + .ac-static-faq,
.ac-static-faq{
  background:#fff!important;
}
.ac-static-faq .ac-faq-row{
  padding:17px 0!important;
  border:0!important;
  border-top:1px solid #e6eef3!important;
  background:transparent!important;
}
.ac-static-faq .ac-faq-row:first-of-type{
  border-top:0!important;
  padding-top:7px!important;
}
.ac-static-faq h3,
.ac-wp-content.ac-static-faq h3{
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
  border-inline-start:0!important;
  border-left:0!important;
  border-right:0!important;
  background:transparent!important;
  color:var(--actx)!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.7!important;
  text-align:inherit!important;
}
.ac-static-faq p,
.ac-wp-content.ac-static-faq p{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--actx)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.9!important;
  text-align:justify!important;
  text-justify:inter-word!important;
}
@media(max-width:620px){
  .ac-static-faq .ac-faq-row{padding:15px 0!important}
  .ac-static-faq h3,.ac-wp-content.ac-static-faq h3{font-size:15px!important}
  .ac-static-faq p,.ac-wp-content.ac-static-faq p{font-size:13px!important}
}