/* Elite Digital Era premium universal tool experience — v2.3
   Scoped to the tool library and dedicated tool routes, not blog/Elementor pages. */
.ede-detail-page {
  --ede-premium-navy: #0b1f44;
  --ede-premium-deep: #102e51;
  --ede-premium-teal: #047f73;
  --ede-premium-ink: #163550;
  --ede-premium-muted: #476473;
  --ede-premium-line: #dce8e5;
  --ede-premium-soft: #f5faf8;
  --ede-premium-focus: #0e987e;
  color: var(--ede-premium-ink);
  background: radial-gradient(ellipse at 89% 0%,#dff5ed 0,transparent 29%),
    linear-gradient(180deg,#f8fbfa 0%,#fff 530px);
  min-height: 67vh;
}
.ede-detail-page .ede-detail-wrap {width:100%;max-width:1192px;margin-inline:auto}
.ede-detail-page .ede-crumb {padding-block:19px 10px;color:var(--ede-premium-muted);font-size:12px}
.ede-detail-page .ede-crumb a {color:#0a685e}
.ede-detail-page .ede-crumb a:hover {text-decoration:underline;text-underline-offset:4px}
.ede-detail-page .ede-detail-hero,
.ede-detail-page .ede-directory-hero {
  position:relative;overflow:hidden;
  border:1px solid #dfebe6;
  box-shadow:0 14px 40px rgba(9,37,51,.035);
  background:linear-gradient(120deg,#fff 60%,#f1faf5);
  border-radius:20px;
}
.ede-detail-page .ede-detail-hero:after,
.ede-detail-page .ede-directory-hero:after {
  content:'';position:absolute;right:-95px;top:-95px;width:260px;height:260px;
  border-radius:50%;border:40px solid rgba(3,145,116,.055);pointer-events:none
}
.ede-detail-page .ede-detail-hero h1,.ede-detail-page .ede-directory-hero h1 {
  letter-spacing:-.042em;color:#0b1f44;line-height:1.09;
}
.ede-detail-page .ede-detail-hero p,.ede-detail-page .ede-directory-hero p,
.ede-detail-page .ede-detail-info p {color:#3d5868;line-height:1.75}
.ede-detail-page .ede-detail-work,
.ede-detail-page .ede-detail-guide,
.ede-detail-page .ede-detail-info,
.ede-detail-page .ede-detail-faq,
.ede-detail-page .ede-detail-more {
  border:1px solid var(--ede-premium-line);
  border-radius:18px;background:#fff;
  box-shadow:0 10px 35px rgba(12,43,53,.035);
}
.ede-detail-page .ede-detail-work {overflow:visible}
.ede-detail-page .ede-detail-work-header {border-bottom:1px solid #e5efeb}
.ede-detail-page .ede-detail-work-header strong {color:var(--ede-premium-deep)}
.ede-detail-page .ede-detail-guide {background:linear-gradient(160deg,#f7fbf9,#fff)}
.ede-detail-page .ede-detail-guide li,.ede-detail-page .ede-detail-faq p {color:#405e6b;line-height:1.65}
.ede-detail-page .ede-detail-guide li::marker {color:var(--ede-premium-teal);font-weight:800}
.ede-detail-page .ede-detail-work input:not([type=checkbox]):not([type=radio]):not([type=range]),
.ede-detail-page .ede-detail-work textarea,
.ede-detail-page .ede-detail-work select {
  border:1px solid #cadbd7;color:#12314a;background-color:white;
  border-radius:11px;min-height:44px;max-width:100%;
  transition:border-color .14s,box-shadow .14s
}
.ede-detail-page .ede-detail-work textarea {min-height:110px}
.ede-detail-page .ede-detail-work :is(input,textarea,select):focus-visible,
.ede-detail-page :is(a,button,summary):focus-visible {
  outline:3px solid rgba(1,134,110,.5);outline-offset:3px
}
.ede-detail-page .ede-primary-btn,.ede-detail-page button.ede-primary-btn {
  background:#0b1f44;color:#fff;border:1px solid #0b1f44;
  border-radius:10px;min-height:45px;font-weight:800;
  box-shadow:0 5px 16px #0b1f4420;
}
.ede-detail-page .ede-primary-btn:hover,.ede-detail-page button.ede-primary-btn:hover {
  background:#16406a;border-color:#16406a;color:#fff
}
.ede-detail-page .ede-secondary-btn,.ede-detail-page button.ede-secondary-btn {
  border-radius:10px;min-height:43px;border:1px solid #ccdeda;
  background:#fff;color:#194a59;font-weight:700
}
.ede-detail-page .ede-secondary-btn:hover {background:#eef8f4;color:#075f54}
.ede-detail-page .ede-detail-result,
.ede-detail-page .ede-next-result,
.ede-detail-page #ede-filetool-result {
  border-radius:12px;overflow-wrap:anywhere;
  border:1px solid #d5e9e1;
  background:#f5faf7;color:#163e4d;
  font-variant-numeric:tabular-nums;
}
.ede-detail-page [data-state=error] {color:#8b2d24!important;background:#fff5f3!important;border-color:#efcfc9!important}
.ede-detail-page .ede-detail-faq details {border-color:#e3eeea}
.ede-detail-page .ede-detail-faq summary {color:#163b4f;font-weight:750;cursor:pointer}
.ede-detail-page .ede-detail-more-grid a,
.ede-directory .ede-directory-card {
  position:relative;border-color:#dce9e6;border-radius:15px;
  box-shadow:0 6px 21px rgba(10,38,54,.025);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.ede-detail-page .ede-detail-more-grid a:hover,
.ede-directory .ede-directory-card:hover {
  transform:translateY(-3px);border-color:#72c7b6;
  box-shadow:0 15px 33px rgba(8,53,53,.095)
}
.ede-directory .ede-directory-card small,.ede-detail-page .ede-detail-more-grid a small{color:#405b69}
.ede-directory .ede-directory-card-link{font-weight:800;color:#006b60}
.ede-directory .ede-directory-group {scroll-margin-top:32px}
.ede-directory .ede-directory-jump {overflow-x:auto;scrollbar-width:thin}
.ede-directory .ede-directory-searchbar {box-shadow:0 8px 27px #122c3921}
.ede-premium-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 19px}
.ede-premium-tag {display:inline-flex;align-items:center;gap:6px;padding:7px 11px;
  border:1px solid #dce9e4;background:#fff;border-radius:999px;
  font-family:inherit;font-size:11px;line-height:1.3;font-weight:700;color:#345a67;letter-spacing:.005em}
.ede-premium-tag .ede-premium-dot{display:inline-block;width:6px;height:6px;background:#13a88d;border-radius:50%}
.ede-premium-toolbar .ede-premium-spacer {flex:1 1 10px}
.ede-premium-share {border:1px solid #bcdcd1;background:#ecfaf4;color:#065e58;
  font-family:inherit;font-size:12px;line-height:1.25;font-weight:800;border-radius:9px;min-height:37px;padding:9px 13px;cursor:pointer}
.ede-premium-share:hover {background:#d9f6e9}
.ede-premium-message {font-size:12px;color:#365b67;min-width:175px}
.ede-premium-message:empty {display:none}
.ede-premium-drop {width:100%;display:grid;place-items:center;gap:5px;
  padding:18px 12px;border:2px dashed #b3d8cd;border-radius:13px;
  margin:9px 0 14px;background:linear-gradient(135deg,#f5fbf8,#fff);
  color:#215062;font-size:12px;font-weight:700;cursor:pointer;text-align:center}
.ede-premium-drop strong {font-size:14px;color:#0d354a}
.ede-premium-drop small {font-size:11px;color:#55717e;font-weight:500}
.ede-premium-drop[aria-busy=true],.ede-premium-drop.is-dragging {border-color:#008e7a;background:#e7f8f0}
.ede-premium-drop:hover {border-color:#179f8b}
.ede-premium-drop:focus-visible {outline:3px solid #0a927d;outline-offset:2px}
.ede-premium-privacy {display:flex;gap:9px;align-items:flex-start;margin:11px 0 3px;
  padding:11px 13px;border:1px solid #e0ece6;background:#f9fcfa;border-radius:10px;
  color:#4b6672;font-size:11px;line-height:1.6}
.ede-premium-privacy:before{content:'ⓘ';color:#008873;font-size:17px;line-height:1}
.ede-premium-search-hint {display:block;color:#52717b;font-size:11px;margin:7px 0 0}
.ede-premium-work-status {display:inline-block;margin-left:8px;font-size:11px;color:#376375;font-weight:700}
.ede-premium-work-status[hidden] {display:none}
@media(min-width:981px){.ede-detail-page .ede-detail-layout {align-items:start}}
@media(max-width:700px){
 .ede-detail-page .ede-detail-hero,.ede-detail-page .ede-directory-hero{border-radius:14px}
 .ede-detail-page .ede-detail-work,.ede-detail-page .ede-detail-guide,
 .ede-detail-page .ede-detail-info,.ede-detail-page .ede-detail-faq{border-radius:14px}
 .ede-premium-toolbar{gap:6px}.ede-premium-tag{font-size:10px;padding:6px 9px}
 .ede-directory .ede-directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
 .ede-premium-share {min-height:44px}
 .ede-premium-drop {min-height:92px}
}
@media(max-width:390px){.ede-premium-toolbar .ede-premium-spacer{display:none}}
@media(prefers-reduced-motion:reduce){
 .ede-detail-page .ede-directory-card,.ede-detail-page .ede-detail-more-grid a,
 .ede-detail-page .ede-detail-work input,.ede-detail-page .ede-detail-work textarea{transition:none}
 .ede-detail-page .ede-directory-card:hover,.ede-detail-page .ede-detail-more-grid a:hover{transform:none}
}
