.sa-service-date-calculator .sa-tool-content{background:linear-gradient(180deg,#fff,#f7fbff)}
.sa-date-difference{font-family:"Alexandria",sans-serif}.sa-date-tool-intro{display:flex;gap:17px;align-items:center;padding:21px;border:1px solid #dbeafe;border-radius:20px;background:linear-gradient(135deg,#fff,#eff6ff);margin-bottom:18px}.sa-date-tool-intro__icon{display:grid;place-items:center;width:66px;height:66px;flex:0 0 auto;border-radius:19px;background:#2563eb;color:#fff;font-size:32px;box-shadow:0 12px 28px rgba(37,99,235,.2)}.sa-date-tool-intro h3{margin:0 0 5px;font-size:21px}.sa-date-tool-intro p{margin:0;color:#667085}
.sa-date-alert{display:flex;gap:12px;padding:16px;margin-bottom:15px;border-radius:14px}.sa-date-alert--error{border:1px solid #fecaca;background:#fff1f2;color:#991b1b}.sa-date-alert strong{display:block}.sa-date-alert ul{margin:5px 0 0;padding-right:18px}
.sa-date-range-form{padding:22px;border:1px solid #e1e7ef;border-radius:20px;background:#fff}.sa-date-range-grid{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:12px;align-items:end}.sa-date-field{display:grid;gap:8px}.sa-date-field__label{font-weight:800;color:#2d3542}.sa-date-field input{width:100%;min-height:56px;padding:0 14px;border:1px solid #d6dce5;border-radius:13px;background:#fff;color:#1f2937}.sa-date-field small{color:#7b8190}.sa-date-swap{display:grid;place-items:center;width:48px;height:48px;margin-bottom:25px;border:1px solid #cbd5e1;border-radius:50%;background:#eff6ff;color:#2563eb;cursor:pointer}.sa-date-swap:hover{transform:rotate(180deg);transition:.25s}
.sa-date-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sa-date-quick-actions button{padding:8px 12px;border:1px solid #d9e2ef;border-radius:10px;background:#f8fafc;color:#334155;cursor:pointer}.sa-date-checkbox{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:13px;background:#f8fafc}.sa-date-checkbox input{width:19px;height:19px;margin-top:2px}.sa-date-checkbox strong,.sa-date-checkbox small{display:block}.sa-date-checkbox small{color:#7b8190}.sa-date-submit{width:100%;min-height:55px;margin-top:16px;border:0;border-radius:13px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(37,99,235,.18)}
.sa-date-results{margin-top:20px}.sa-date-results__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#0f3e78,#2563eb);color:#fff}.sa-date-results__header span{font-size:12px;opacity:.8}.sa-date-results__header h3{margin:4px 0;color:#fff;font-size:25px}.sa-date-results__header p{margin:0;opacity:.82}.sa-date-result-actions{display:flex;gap:7px}.sa-date-result-actions button{min-height:39px;padding:0 12px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.sa-date-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:16px;border-inline:1px solid #dbe4ef;background:#f8fbff}.sa-date-summary-cards article{display:grid;gap:2px;padding:14px;border:1px solid #dfe8f5;border-radius:15px;background:#fff}.sa-date-summary-cards article>span{font-size:22px}.sa-date-summary-cards small,.sa-date-summary-cards em{font-size:11px;color:#758095;font-style:normal}.sa-date-summary-cards strong{font-size:18px;color:#174ea6}
.sa-date-direction{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:10px;padding:18px;border-inline:1px solid #dbe4ef;background:#fff}.sa-date-direction>div{padding:14px;border-radius:13px;background:#f8fafc}.sa-date-direction small,.sa-date-direction strong{display:block}.sa-date-direction small{color:#7b8190}.sa-date-direction>span{display:grid;place-items:center;color:#2563eb;font-size:24px}.sa-date-direction>span.is-reversed{transform:rotate(180deg)}
.sa-date-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px 18px;border-inline:1px solid #dbe4ef;background:#fff}.sa-date-details-grid section{padding:16px;border:1px solid #e3e8f0;border-radius:15px}.sa-date-details-grid h4{margin:0 0 10px;color:#1d4f91}.sa-date-details-grid dl{margin:0}.sa-date-details-grid dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #e1e6ed}.sa-date-details-grid dl div:last-child{border-bottom:0}.sa-date-details-grid dt{color:#6b7280}.sa-date-details-grid dd{margin:0;font-weight:700;text-align:left}
.sa-date-hijri-comparison{padding:18px;border:1px solid #dbe4ef;border-radius:0 0 20px 20px;background:#f4f8ff}.sa-date-hijri-comparison h4{margin:0 0 12px}.sa-date-hijri-comparison>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-date-hijri-comparison p{display:grid;gap:3px;margin:0;padding:13px;border-radius:12px;background:#fff}.sa-date-hijri-comparison small{color:#727b8b}
[data-theme="dark"] .sa-date-range-form,[data-theme="dark"] .sa-date-summary-cards article,[data-theme="dark"] .sa-date-direction,[data-theme="dark"] .sa-date-details-grid,[data-theme="dark"] .sa-date-hijri-comparison p{background:#171c24;color:#f4f7fb;border-color:#303948}[data-theme="dark"] .sa-date-field input{background:#202630;color:#fff;border-color:#3a4554}[data-theme="dark"] .sa-date-summary-cards,[data-theme="dark"] .sa-date-hijri-comparison{background:#141a22;border-color:#303948}
@media(max-width:760px){.sa-date-tool-intro{align-items:flex-start;padding:17px}.sa-date-tool-intro__icon{width:54px;height:54px;font-size:27px}.sa-date-range-grid{grid-template-columns:1fr}.sa-date-swap{margin:0 auto;transform:rotate(90deg)}.sa-date-swap:hover{transform:rotate(270deg)}.sa-date-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-date-results__header{display:grid}.sa-date-direction{grid-template-columns:1fr}.sa-date-direction>span{transform:rotate(90deg)}.sa-date-direction>span.is-reversed{transform:rotate(270deg)}.sa-date-details-grid{grid-template-columns:1fr}.sa-date-hijri-comparison>div{grid-template-columns:1fr}}
@media(max-width:430px){.sa-date-summary-cards{grid-template-columns:1fr}.sa-date-result-actions button{flex:1}.sa-date-range-form{padding:16px}}
.sa-date-inline-ad{width:100%;max-width:100%;padding:12px 18px;overflow:hidden;border-inline:1px solid #dbe4ef;background:#fff}.sa-date-inline-ad iframe,.sa-date-inline-ad ins,.sa-date-inline-ad>*{max-width:100%!important}

.sa-date-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sa-date-workweek{display:grid;gap:9px;padding:14px;border-radius:13px;background:#f8fafc}.sa-date-workweek span strong,.sa-date-workweek span small{display:block}.sa-date-workweek span small{color:#7b8190}.sa-date-workweek select{width:100%;min-height:45px;padding:0 11px;border:1px solid #d6dce5;border-radius:10px;background:#fff;color:#1f2937}
[data-theme="dark"] .sa-date-workweek{background:#202630}[data-theme="dark"] .sa-date-workweek select{background:#171c24;color:#fff;border-color:#3a4554}

@media(max-width:760px){.sa-date-options-grid{grid-template-columns:1fr}}

/* V22.21 — focused result experience and touch-friendly related tools. */
.sa-service-date-calculator .sa-tool-card__header,
.sa-service-date-calculator .sa-tool-aftercare{display:none!important}
.sa-service-date-calculator .sa-tool-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.sa-date-difference,.sa-date-difference *{box-sizing:border-box}
.sa-date-results{overflow:hidden;border:1px solid #dbe4ef;border-radius:26px;background:#fff;box-shadow:0 20px 55px rgba(15,62,120,.1)}
.sa-date-results__header{position:relative;align-items:center;padding:clamp(20px,4vw,32px);border-radius:0;background:radial-gradient(circle at 10% 0,rgba(96,165,250,.32),transparent 36%),linear-gradient(135deg,#0b2f5d,#174ea6 58%,#2563eb)}
.sa-date-results__header:after{content:"";position:absolute;inset-inline-end:-45px;inset-block-end:-75px;width:190px;aspect-ratio:1;border:28px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.sa-date-results__copy,.sa-date-result-actions{position:relative;z-index:1}
.sa-date-results__eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);color:#dbeafe!important;opacity:1!important;font-weight:800}
.sa-date-results__header h3{margin:9px 0 5px;color:#fff!important;font-size:clamp(26px,5vw,42px);line-height:1.4}
.sa-date-results__header p{max-width:680px;color:#dbeafe!important;font-size:12px;line-height:1.8;opacity:1}
.sa-date-result-actions button{min-height:45px;padding:0 15px;border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:12px;font-weight:800;white-space:nowrap;backdrop-filter:blur(8px)}
.sa-date-result-actions button:hover,.sa-date-result-actions button.is-copied{background:#fff!important;color:#174ea6!important}
.sa-date-summary-cards{padding:18px;border:0;background:#f5f9ff}
.sa-date-summary-cards article{position:relative;min-width:0;padding:16px;border-color:#dbe6f3;border-radius:17px;box-shadow:0 7px 20px rgba(15,62,120,.04)}
.sa-date-summary-cards article>span{width:42px;aspect-ratio:1;display:grid;place-items:center;margin-bottom:6px;border-radius:12px;background:#e8f1ff;color:#174ea6;font-size:19px}
.sa-date-summary-cards small{color:#5f6f84;font-size:11px}.sa-date-summary-cards strong{color:#123f78;font-size:21px}.sa-date-summary-cards em{font-size:10px;line-height:1.7}
.sa-date-inline-ad,.sa-date-direction,.sa-date-details-grid{border-inline:0}
.sa-date-direction{margin:0 18px;padding:18px 0;border-block:1px solid #e5edf6}
.sa-date-direction>div{border:1px solid #e4eaf2;background:#f8fafc}.sa-date-direction strong{margin-top:4px;color:#172033;font-size:13px}
.sa-date-details-grid{padding:18px}.sa-date-details-grid section{background:#fff}.sa-date-details-grid dl div{align-items:center}.sa-date-details-grid dd{color:#172033}
.sa-date-hijri-comparison{margin:0 18px 18px;padding:17px;border-radius:17px;background:#f4f8ff}.sa-date-hijri-comparison h4{color:#173f73}.sa-date-hijri-comparison p{border:1px solid #e0e9f4}.sa-date-hijri-comparison p strong{color:#172033}
.sa-date-related{margin-top:20px;padding:clamp(18px,3vw,25px);border:1px solid #e1e8f0;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.055)}
.sa-date-related>header{display:flex;align-items:center;gap:11px;margin-bottom:16px}.sa-date-related>header>span{width:49px;aspect-ratio:1;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:#e8f1ff;color:#174ea6;font-size:19px}.sa-date-related h3,.sa-date-related p{margin:0}.sa-date-related h3{color:#172033;font-size:17px}.sa-date-related p{margin-top:3px;color:#64748b;font-size:11px;line-height:1.7}
.sa-date-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sa-date-related a{min-width:0;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc;color:#172033!important;text-decoration:none!important;transition:.18s ease}.sa-date-related a:hover{transform:translateY(-2px);border-color:#93baf0;background:#f1f7ff}.sa-date-related a>i{width:43px;aspect-ratio:1;display:grid;place-items:center;border-radius:13px;background:#e8f1ff;color:#174ea6;font-size:18px}.sa-date-related b,.sa-date-related small{display:block;color:inherit}.sa-date-related b{font-size:12px}.sa-date-related small{margin-top:2px;color:#526174!important;font-size:10px;line-height:1.6}.sa-date-related em{color:#64748b}
[data-theme="dark"] .sa-date-results,[data-theme="dark"] .sa-date-related{border-color:#303948;background:#171c24}[data-theme="dark"] .sa-date-summary-cards{background:#121923}[data-theme="dark"] .sa-date-summary-cards article,[data-theme="dark"] .sa-date-details-grid section,[data-theme="dark"] .sa-date-related a,[data-theme="dark"] .sa-date-direction>div,[data-theme="dark"] .sa-date-hijri-comparison p{border-color:#334155;background:#202936;color:#f8fafc}[data-theme="dark"] .sa-date-summary-cards strong,[data-theme="dark"] .sa-date-direction strong,[data-theme="dark"] .sa-date-details-grid dd,[data-theme="dark"] .sa-date-hijri-comparison p strong,[data-theme="dark"] .sa-date-related h3,[data-theme="dark"] .sa-date-related a{color:#f8fafc!important}[data-theme="dark"] .sa-date-related small{color:#cbd5e1!important}
@media(max-width:900px){.sa-date-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sa-date-tool-intro{display:grid;grid-template-columns:49px minmax(0,1fr);gap:12px}.sa-date-tool-intro__icon{width:49px;height:49px;border-radius:15px;font-size:22px}.sa-date-tool-intro h3{font-size:17px}.sa-date-tool-intro p{font-size:11px;line-height:1.75}.sa-date-range-form{padding:15px}.sa-date-field input{font-size:16px}.sa-date-quick-actions{display:grid;grid-template-columns:repeat(3,1fr)}.sa-date-quick-actions button{min-height:42px;padding:6px}.sa-date-results{border-radius:21px}.sa-date-results__header{display:grid;gap:15px;padding:21px 17px}.sa-date-result-actions{width:100%}.sa-date-result-actions button{width:100%}.sa-date-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}.sa-date-summary-cards article{padding:12px}.sa-date-direction{margin:0 12px}.sa-date-details-grid{padding:12px}.sa-date-details-grid section{padding:13px}.sa-date-details-grid dl div{align-items:flex-start;flex-direction:column;gap:3px}.sa-date-details-grid dd{text-align:right}.sa-date-hijri-comparison{margin:0 12px 12px}.sa-date-related>header{align-items:flex-start}.sa-date-related>div{grid-template-columns:1fr}.sa-date-related a{min-height:68px}}
@media(max-width:390px){.sa-date-summary-cards{grid-template-columns:1fr}.sa-date-quick-actions{grid-template-columns:repeat(2,1fr)}}