#ed-blog-dynamic,
#ed-contact {
  padding: 6rem 1.5rem 5rem;
  background: transparent;
  color: var(--ed-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

#ed-blog-dynamic .ed-blog-inner,
#ed-contact .ed-contact-inner,
#ed-contact .ed-faq-band-inner,
#ed-devtools .ed-dt-inner,
#ed-guides-archive .ed-guides-inner,
#ed-about .ed-about-inner,
#ed-clients .ed-clients-inner,
#ed-dev .ed-dev-inner,
#ed-process .ed-process-inner,
#ed-services .ed-services-inner,
#ed-resources .ed-resources-inner {
  max-width: 72rem;
  margin: 0 auto;
}

#ed-blog-dynamic .ed-card-link:hover .ed-card-title,
#ed-blog-dynamic .ed-title span,
#ed-contact .ed-title span,
#ed-devtools .ed-dt-ok,
#ed-devtools .ed-dt-title span, #ed-devtools .ed-dt-section-title span, #ed-devtools .ed-dt-card-title span,
#ed-footer a:hover,
#ed-guides-archive .ed-breadcrumbs a:hover,
#ed-guides-archive .ed-guide-card:hover .ed-guide-title,
#ed-about .ed-title span,
#ed-dev .ed-dev-label-positive,
#ed-dev .ed-dev-title span,
#ed-dev .text-primary,
#ed-portfolio .ed-portfolio-title span,
#ed-process .ed-title span,
#ed-services .ed-title span,
body:not(.darkMode) #ed-about .ed-badge-icon,
body:not(.darkMode) #ed-process .ed-step-number, body:not(.darkMode) #ed-process .ed-kicker,
.ed-portfolio__title span,
#ed-resources .ed-res-title span, #ed-resources .ed-res-section-title span,
.edpost .ed-card:hover .ed-title-sm,
.edpost .ed-toc a:hover,
#ed-outlook-guide .ed-breadcrumbs a:hover, #ed-outlook-guide .ed-back-link:hover, #ed-outlook-guide .ed-link:hover,
#ed-outlook-guide .ed-toc-link:hover,
#ed-darkmode-guide .ed-breadcrumbs a:hover, #ed-darkmode-guide .ed-back-link:hover, #ed-darkmode-guide .ed-link:hover,
#ed-darkmode-guide .ed-toc-link:hover,
#ed-accessibility-guide .ed-breadcrumbs a:hover, #ed-accessibility-guide .ed-back-link:hover, #ed-accessibility-guide .ed-link:hover,
#ed-accessibility-guide .ed-toc-link:hover {
  color: var(--ed-primary);
}

#ed-blog-dynamic .ed-featured-excerpt, #ed-blog-dynamic .ed-card-excerpt, #ed-blog-dynamic .ed-seo-copy,
#ed-outlook-guide .ed-subtitle, #ed-outlook-guide .ed-copy p, #ed-outlook-guide .ed-card-desc, #ed-outlook-guide .ed-fix-copy, #ed-outlook-guide .ed-small, #ed-outlook-guide .ed-code-note, #ed-outlook-guide .ed-seo-block p,
#ed-darkmode-guide .ed-subtitle, #ed-darkmode-guide .ed-copy p, #ed-darkmode-guide .ed-card-desc, #ed-darkmode-guide .ed-fix-copy, #ed-darkmode-guide .ed-small, #ed-darkmode-guide .ed-code-note, #ed-darkmode-guide .ed-seo-block p, #ed-darkmode-guide .ed-table-note, #ed-darkmode-guide .ed-cta-desc,
#ed-accessibility-guide .ed-subtitle, #ed-accessibility-guide .ed-copy p, #ed-accessibility-guide .ed-card-desc, #ed-accessibility-guide .ed-code-note, #ed-accessibility-guide .ed-seo-block p, #ed-accessibility-guide .ed-cta-desc {
  color: var(--ed-muted);
  line-height: 1.75;
}

#ed-blog-dynamic .ed-featured-grid,
.ed-mega-menu__grid {
  display: grid;
}

#ed-blog-dynamic .ed-featured-visual.has-image::before,
#ed-blog-dynamic .ed-mobile-filter-bar, #ed-blog-dynamic .ed-filter-backdrop, #ed-blog-dynamic .ed-filter-drawer,
#ed-footer .ed-footer-logo-img-dark,
body.darkMode #ed-footer .ed-footer-logo-img-light,
#ed-portfolio .ed-portfolio-card-border,
#ed-process .ed-step-spacer,
#ed-services-page .ed-faq-item summary::-webkit-details-marker,
#ed-service-single .ed-faq-item summary::-webkit-details-marker,
#ed-service-single .ed-hero-num--desktop {
  display: none;
}

@media (max-width: 767px) {
#ed-blog-dynamic .ed-mobile-filter-bar,
.ed-filter-backdrop.is-open {
  display: block;
}
}

#ed-blog-dynamic .ed-pill.ed-clear,
.edpost .ed-badge.outline,
#ed-outlook-guide .ed-button--secondary,
#ed-darkmode-guide .ed-button--secondary,
#ed-accessibility-guide .ed-button--secondary {
  background: transparent;
}

#ed-blog-dynamic .ed-pill:hover,
body.darkMode #ed-guides-archive .ed-filter-btn:hover {
  border-color: rgba(57, 181, 74, 0.45);
  color: var(--ed-text);
}

@media (min-width: 768px) {
#ed-blog-dynamic .ed-post-grid,
#ed-devtools .ed-dt-grid-2, #ed-devtools .ed-dt-fields-2, #ed-devtools .ed-dt-status-grid,
#ed-dev .ed-dev-grid,
#ed-services .ed-services-grid,
#ed-resources .ed-res-grid-2,
#ed-resources .ed-res-grid-3,
#ed-resources .ed-res-grid-6 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

#ed-blog-dynamic .ed-search::placeholder,
#ed-devtools .ed-dt-subtitle, #ed-devtools .ed-dt-section-copy, #ed-devtools .ed-dt-card-copy, #ed-devtools .ed-dt-tool-note, #ed-devtools .ed-dt-field-help, #ed-devtools .ed-dt-faq-answer, #ed-devtools .ed-dt-guide-copy, #ed-devtools .ed-dt-cta-copy, #ed-devtools .ed-dt-preview-label, #ed-devtools .ed-dt-code-wrap code, #ed-devtools .ed-dt-code-wrap pre, #ed-devtools .ed-dt-status-block, #ed-devtools .ed-dt-status-grid, #ed-devtools .ed-dt-guide-link,
#ed-resources .ed-res-subtitle, #ed-resources .ed-res-section-copy, #ed-resources .ed-res-card-copy, #ed-resources .ed-res-checklist-copy, #ed-resources .ed-res-checklist li, #ed-resources .ed-res-note,
#ed-services-page .ed-svc-feature span,
body.darkMode #ed-outlook-guide .ed-code-note, body.darkMode #ed-outlook-guide .ed-subtitle, body.darkMode #ed-outlook-guide .ed-copy p, body.darkMode #ed-outlook-guide .ed-card-desc, body.darkMode #ed-outlook-guide .ed-fix-copy, body.darkMode #ed-outlook-guide .ed-version-map, body.darkMode #ed-outlook-guide .ed-version-map li, body.darkMode #ed-outlook-guide .ed-seo-block p, body.darkMode #ed-outlook-guide .ed-cta-desc, body.darkMode #ed-outlook-guide .ed-small, body.darkMode #ed-outlook-guide .ed-breadcrumbs, body.darkMode #ed-outlook-guide .ed-back-link, body.darkMode #ed-outlook-guide .ed-toc-link,
body.darkMode #ed-darkmode-guide .ed-subtitle, body.darkMode #ed-darkmode-guide .ed-copy p, body.darkMode #ed-darkmode-guide .ed-card-desc, body.darkMode #ed-darkmode-guide .ed-fix-copy, body.darkMode #ed-darkmode-guide .ed-seo-block p, body.darkMode #ed-darkmode-guide .ed-cta-desc, body.darkMode #ed-darkmode-guide .ed-small, body.darkMode #ed-darkmode-guide .ed-breadcrumbs, body.darkMode #ed-darkmode-guide .ed-back-link, body.darkMode #ed-darkmode-guide .ed-toc-link, body.darkMode #ed-darkmode-guide .ed-table-note, body.darkMode #ed-darkmode-guide td,
body.darkMode #ed-accessibility-guide .ed-subtitle, body.darkMode #ed-accessibility-guide .ed-copy p, body.darkMode #ed-accessibility-guide .ed-card-desc, body.darkMode #ed-accessibility-guide .ed-code-note, body.darkMode #ed-accessibility-guide .ed-seo-block p, body.darkMode #ed-accessibility-guide .ed-cta-desc, body.darkMode #ed-accessibility-guide .ed-breadcrumbs, body.darkMode #ed-accessibility-guide .ed-back-link, body.darkMode #ed-accessibility-guide .ed-toc-link, body.darkMode #ed-accessibility-guide .ed-stat-label, body.darkMode #ed-accessibility-guide .ed-level-copy, body.darkMode #ed-accessibility-guide .ed-numbered-copy, body.darkMode #ed-accessibility-guide .ed-check-row span {
  color: var(--ed-muted);
}

#ed-blog-dynamic .ed-search:focus,
body.darkMode #ed-devtools .ed-dt-input:focus, body.darkMode #ed-devtools .ed-dt-textarea:focus, body.darkMode #ed-devtools .ed-dt-color-text:focus {
  border-color: var(--ed-primary);
  box-shadow: 0 0 0 1px rgba(57, 181, 74, 0.25);
}

#ed-blog-dynamic .ed-seo-copy p,
#ed-outlook-guide .ed-seo-block p,
#ed-darkmode-guide .ed-seo-block p,
#ed-accessibility-guide .ed-seo-block p {
  margin: 0 0 1rem;
}

#ed-blog-dynamic .ed-seo-copy p:last-child,
#ed-service-single .ed-copy > :last-child,
#ed-outlook-guide .ed-copy p:last-child, #ed-outlook-guide .ed-card-desc:last-child, #ed-outlook-guide .ed-fix-copy:last-child,
#ed-outlook-guide .ed-issue-layout .ed-card-icon, #ed-outlook-guide .ed-best-layout .ed-card-icon,
#ed-outlook-guide .ed-seo-block p:last-child,
#ed-darkmode-guide .ed-copy p:last-child, #ed-darkmode-guide .ed-card-desc:last-child, #ed-darkmode-guide .ed-fix-copy:last-child,
#ed-darkmode-guide .ed-seo-block p:last-child,
#ed-accessibility-guide .ed-copy p:last-child, #ed-accessibility-guide .ed-card-desc:last-child,
#ed-accessibility-guide .ed-pour-card .ed-card-icon, #ed-accessibility-guide .ed-info-card .ed-card-icon, #ed-accessibility-guide .ed-sr-card .ed-card-icon,
#ed-accessibility-guide .ed-seo-block p:last-child {
  margin-bottom: 0;
}

#ed-blog-dynamic, #ed-blog-dynamic *,
.ed-mega-menu, .ed-mega-menu *,
#ed-outlook-guide *,
#ed-darkmode-guide *,
#ed-accessibility-guide * {
  box-sizing: border-box;
}

body.ed-blog-filter-open,
#ed-devtools .ed-dt-code-wrap {
  overflow: hidden;
}

body:not(.darkMode) #ed-blog-dynamic .ed-featured-link:hover .ed-featured-card, body:not(.darkMode) #ed-blog-dynamic .ed-card-link:hover .ed-card,
body:not(.darkMode) #ed-contact .ed-contact-card:hover,
body:not(.darkMode) #ed-contact .ed-trust-card:hover,
body:not(.darkMode) #ed-guides-archive .ed-guide-card:hover {
  border-color: rgba(57, 181, 74, 0.7);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.15);
}

body:not(.darkMode) #ed-blog-dynamic .ed-pill.is-active,
body.darkMode #ed-guides-archive .ed-filter-btn.is-active:hover {
  color: #022c12;
}

#ed-contact .ed-contact-card {
  position: relative;
  padding: 1.75rem 1.75rem;
  border-radius: 1.25rem;
  background: var(--ed-card-bg);
  border: 1px solid var(--ed-card-border);
  box-shadow: 0 18px 45px rgba(5, 10, 23, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

#ed-contact .ed-contact-card:hover,
#ed-contact .ed-trust-card:hover {
  border-color: rgba(57, 181, 74, 0.6);
  transform: translateY(-6px);
  box-shadow: 0 24px 60px rgba(5, 10, 23, 0.9);
}

#ed-contact .ed-contact-form-shell {
  margin-top: 0.5rem;
  border-radius: 1.5rem;
  background: var(--ed-card-bg);
  border: 1px solid var(--ed-card-border);
  box-shadow: 0 22px 55px rgba(5, 10, 23, 0.9);
  padding: 2rem 1.5rem 2.25rem;
}

@media (min-width: 768px) {
#ed-contact .ed-contact-form-shell {
  padding: 2.5rem 2.25rem 2.75rem;
}
}

#ed-contact .ed-contact-grid {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
#ed-contact .ed-contact-grid,
#ed-contact .ed-trust-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

#ed-contact .ed-contact-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: rgba(57, 181, 74, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
}

#ed-contact .ed-contact-icon svg {
  width: 1.4rem;
  height: 1.4rem;
  color: var(--ed-primary);
}

#ed-contact .ed-contact-label {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: var(--ed-text);
}

#ed-contact .ed-contact-main {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.1rem;
}

#ed-contact .ed-contact-main a {
  color: var(--ed-primary);
  text-decoration: none;
}

#ed-contact .ed-contact-main a:hover,
#ed-contact .ed-seo-block a:hover,
#ed-guides-archive .ed-cta a:hover {
  text-decoration: underline;
}

#ed-contact .ed-contact-sub {
  font-size: 0.875rem;
  color: var(--ed-muted);
}

#ed-contact .ed-faq-list,
#ed-devtools .ed-dt-fields,
#ed-guides-archive .ed-guides-list,
#ed-outlook-guide .ed-grid-2, #ed-outlook-guide .ed-grid-issues, #ed-outlook-guide .ed-grid-best, #ed-outlook-guide .ed-grid-props,
#ed-outlook-guide .ed-hero-grid,
#ed-darkmode-guide .ed-grid-2, #ed-darkmode-guide .ed-grid-3, #ed-darkmode-guide .ed-grid-benefits, #ed-darkmode-guide .ed-grid-best, #ed-darkmode-guide .ed-grid-tips,
#ed-accessibility-guide .ed-code-group,
#ed-accessibility-guide .ed-grid-2, #ed-accessibility-guide .ed-grid-3, #ed-accessibility-guide .ed-grid-stats, #ed-accessibility-guide .ed-grid-disabilities, #ed-accessibility-guide .ed-grid-design, #ed-accessibility-guide .ed-grid-pour, #ed-accessibility-guide .ed-grid-sr {
  display: grid;
  gap: 1rem;
}

#ed-contact .ed-faq-wrap,
#ed-hero .ed-hero-inner {
  max-width: 60rem;
  margin: 0 auto;
}

#ed-contact .ed-form-heading {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
  color: var(--ed-muted);
}

#ed-contact .ed-kicker,
#ed-process .ed-kicker,
#ed-services .ed-kicker {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ed-primary);
  text-align: center;
  margin-bottom: 0.75rem;
}

#ed-contact .ed-subtitle,
#ed-process .ed-subtitle {
  text-align: center;
  max-width: 36rem;
  margin: 0 auto 3rem auto;
  font-size: 1.05rem;
  color: var(--ed-muted);
}

#ed-contact .ed-title,
#ed-process .ed-title,
#ed-services .ed-title {
  text-align: center;
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 1rem;
}

#ed-contact .ed-trust-grid,
#ed-devtools .ed-dt-stack,
#ed-resources .ed-res-grid {
  display: grid;
  gap: 1.5rem;
}

#ed-contact .field-type-media-field .jet-form-builder__field, #ed-contact .field-type-media-field .jet-form-builder-file-upload__content, #ed-contact .field-type-media-field .jet-form-builder-file-upload__message {
  border-radius: 1.25rem;
  border-style: dashed;
  border-width: 1px;
  padding: 1.75rem 1.5rem;
  text-align: center;
  font-size: 0.9rem;
}

#ed-contact .field-type-radio-field .jet-form-builder__field-wrap label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0.9rem 1.4rem;
  border-radius: 1rem;
  border: 1px solid transparent;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

#ed-contact .field-type-radio-field input[type="radio"] {
  position: absolute;
  opacity: 0;
}

#ed-contact .jet-form-builder {
  max-width: 720px;
  margin: 0 auto;
}

#ed-contact .jet-form-builder-row {
  margin-bottom: 1.2rem;
}

#ed-contact .jet-form-builder__desc {
  margin-top: 0.2rem;
  font-size: 0.8rem;
}

#ed-contact .jet-form-builder__label, #ed-contact .jet-form-builder__label-text {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.9rem;
  font-weight: 600;
}

#ed-contact button.jet-form-builder__submit, #ed-contact .jet-form-builder__submit .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.9rem 1.85rem;
  border-radius: 9999px;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 0.98rem;
  cursor: pointer;
  text-decoration: none;
  background: var(--ed-primary) !important;
  color: #022c12 !important;
  box-shadow: 0 0 0 0 rgba(57, 181, 74, 0), 0 18px 45px rgba(5, 46, 22, 0.5);
  transition: transform 150ms ease, box-shadow 200ms ease, background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

#ed-contact button.jet-form-builder__submit:active, #ed-contact .jet-form-builder__submit .wp-block-button__link:active {
  transform: translateY(0);
  box-shadow: none;
}

#ed-contact button.jet-form-builder__submit:hover, #ed-contact .jet-form-builder__submit .wp-block-button__link:hover,
#ed-hero .ed-hero-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 0 0 rgba(57, 181, 74, 0.15), 0 24px 60px rgba(5, 46, 22, 0.8);
}

#ed-contact input[type="text"], #ed-contact input[type="email"], #ed-contact input[type="tel"], #ed-contact input[type="number"], #ed-contact textarea, #ed-contact select {
  width: 100%;
  border-radius: 0.9rem;
  padding: 0.85rem 1rem;
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

:root {
  --ed-primary: #39b54a;
  --ed-card-bg: #19171c;
  --ed-card-border: rgb(39, 44, 53);
  --ed-muted: #9ca3af;
  --ed-text: #f9fafb;
}

body.darkMode #ed-contact .ed-faq-band,
body.darkMode #ed-outlook-guide .ed-section-shell--alt,
body.darkMode #ed-darkmode-guide .ed-section-shell--alt,
body.darkMode #ed-accessibility-guide .ed-section-shell--alt {
  background: #111317;
}

body.darkMode #ed-contact .field-type-media-field .jet-form-builder__field, body.darkMode #ed-contact .field-type-media-field .jet-form-builder-file-upload__content, body.darkMode #ed-contact .field-type-media-field .jet-form-builder-file-upload__message {
  background: #111318 !important;
  border-color: var(--ed-card-border) !important;
  color: var(--ed-text) !important;
}

body.darkMode #ed-contact .field-type-media-field .jet-form-builder__field, body.darkMode #ed-contact .field-type-media-field .jet-form-builder-file-upload__content, body.darkMode #ed-contact .field-type-media-field .jet-form-builder-file-upload__message,
body.darkMode #ed-contact input[type="text"], body.darkMode #ed-contact input[type="email"], body.darkMode #ed-contact input[type="tel"], body.darkMode #ed-contact input[type="number"], body.darkMode #ed-contact textarea, body.darkMode #ed-contact select {
  background: #111318 !important;
}

body.darkMode #ed-contact .field-type-radio-field .jet-form-builder__field-wrap label,
body.darkMode #ed-devtools .ed-dt-input, body.darkMode #ed-devtools .ed-dt-textarea, body.darkMode #ed-devtools .ed-dt-color-text,
body.darkMode #ed-guides-archive .ed-filter-btn {
  background: #111318;
  border-color: var(--ed-card-border);
  color: var(--ed-text);
}

body.darkMode #ed-contact .field-type-radio-field input[type="radio"]:checked + label,
body:not(.darkMode) #ed-contact .field-type-radio-field input[type="radio"]:checked + label {
  background: var(--ed-primary);
  border-color: var(--ed-primary);
  color: #022c12;
  box-shadow: 0 18px 45px rgba(5, 46, 22, 0.6);
  transform: translateY(-1px);
}

body.darkMode #ed-contact .jet-form-builder-advanced-media__browse {
  background: transparent;
  border-radius: 9999px;
  border: 1px solid rgba(148, 163, 184, 0.6);
  padding: 0.45rem 1.15rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--ed-text);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

body.darkMode #ed-contact .jet-form-builder-advanced-media__browse:hover,
body.darkMode #ed-devtools .ed-dt-btn-secondary:hover, body.darkMode #ed-devtools .ed-dt-copy-btn:hover,
body.darkMode #ed-resources .ed-res-btn-secondary:hover {
  border-color: var(--ed-primary);
  background: rgba(57, 181, 74, 0.08);
}

body.darkMode #ed-contact .jet-form-builder-advanced-media__dropzone {
  background: #111318 !important;
  border-radius: 1.25rem !important;
  border: 1px dashed var(--ed-card-border) !important;
  padding: 1.75rem 1.5rem !important;
  text-align: center;
  color: var(--ed-text) !important;
}

body.darkMode #ed-contact .jet-form-builder-advanced-media__placeholder, body.darkMode #ed-contact .jet-form-builder-advanced-media__message small, body.darkMode #ed-contact .jet-form-builder-advanced-media__limit,
body.darkMode #ed-contact .jet-form-builder__desc,
body.darkMode #ed-contact ::placeholder {
  color: var(--ed-muted) !important;
}

body.darkMode #ed-contact .jet-form-builder-choice {
  --jfb-choice-bg: #111318;
  --jfb-choice-hover-bg: #151823;
  --jfb-choice-checked-bg: #111318;
  --jfb-choice-text: #e5e7eb;
  --jfb-choice-hover-text: #e5e7eb;
  --jfb-choice-checked-text: #e5e7eb;
}

body.darkMode #ed-contact .jet-form-builder-choice--item {
  background: #111318 !important;
  border-radius: 20px !important;
  border: 1px solid var(--ed-card-border) !important;
  color: #e5e7eb !important;
}

body.darkMode #ed-contact .jet-form-builder-choice--item p,
.ed-mega-menu__all span {
  color: inherit !important;
}

body.darkMode #ed-contact .jet-form-builder-choice--item[aria-checked="true"] {
  box-shadow: 0 18px 45px rgba(5, 46, 22, 0.6);
  border-color: var(--ed-primary);
}

body.darkMode #ed-contact .jet-form-builder-choice--item[aria-checked="true"] {
  background: var(--ed-primary) !important;
  border-color: var(--ed-primary) !important;
  color: #022c12 !important;
  box-shadow: 0 18px 45px rgba(5, 46, 22, 0.6);
}

body.darkMode #ed-contact .jet-form-builder-choice--item[aria-checked="true"] .jet-form-builder-choice--item-control-img.checked {
  filter: brightness(0.1) contrast(1.4);
}

body.darkMode #ed-contact .jet-form-builder__label, body.darkMode #ed-contact .jet-form-builder__label-text {
  color: var(--ed-text) !important;
}

body.darkMode #ed-contact input:focus, body.darkMode #ed-contact textarea:focus, body.darkMode #ed-contact select:focus {
  border-color: var(--ed-primary) !important;
  box-shadow: 0 0 0 1px rgba(57, 181, 74, 0.25) !important;
}

body.darkMode #ed-contact input[type="text"], body.darkMode #ed-contact input[type="email"], body.darkMode #ed-contact input[type="tel"], body.darkMode #ed-contact input[type="number"], body.darkMode #ed-contact textarea, body.darkMode #ed-contact select {
  border: 1px solid var(--ed-card-border) !important;
  color: var(--ed-text) !important;
}

body:not(.darkMode) #ed-contact,
body:not(.darkMode) #ed-contact .ed-contact-label,
body:not(.darkMode) #ed-contact .ed-title,
body:not(.darkMode) #ed-contact .ed-trust-title, body:not(.darkMode) #ed-contact .ed-faq-question, body:not(.darkMode) #ed-contact .ed-section-title,
body:not(.darkMode) #ed-devtools,
body:not(.darkMode) #ed-devtools .ed-dt-title, body:not(.darkMode) #ed-devtools .ed-dt-section-title, body:not(.darkMode) #ed-devtools .ed-dt-card-title, body:not(.darkMode) #ed-devtools .ed-dt-guide-title, body:not(.darkMode) #ed-devtools .ed-dt-cta-title, body:not(.darkMode) #ed-devtools .ed-dt-faq-button, body:not(.darkMode) #ed-devtools .ed-dt-field label, body:not(.darkMode) #ed-devtools .ed-dt-stat-strong,
body:not(.darkMode) #ed-guides-archive,
body:not(.darkMode) #ed-guides-archive .ed-title, body:not(.darkMode) #ed-guides-archive .ed-guide-title,
body:not(.darkMode) #ed-about,
body:not(.darkMode) #ed-about .ed-title,
body:not(.darkMode) #ed-clients,
body:not(.darkMode) #ed-clients .ed-clients-title,
body:not(.darkMode) #ed-dev,
body:not(.darkMode) #ed-dev .ed-dev-title,
body:not(.darkMode) #ed-portfolio .ed-portfolio-card-title,
body:not(.darkMode) #ed-portfolio .ed-portfolio-title,
body:not(.darkMode) #ed-process,
body:not(.darkMode) #ed-process .ed-title, body:not(.darkMode) #ed-process .ed-step-title,
body:not(.darkMode) #ed-services,
body:not(.darkMode) #ed-services .ed-title, body:not(.darkMode) #ed-services .ed-service-title,
body:not(.darkMode) .ed-card__name,
body:not(.darkMode) .ed-portfolio,
body:not(.darkMode) #ed-resources,
body:not(.darkMode) #ed-resources .ed-res-title, body:not(.darkMode) #ed-resources .ed-res-section-title, body:not(.darkMode) #ed-resources .ed-res-card-title, body:not(.darkMode) #ed-resources .ed-res-checklist-title, body:not(.darkMode) #ed-resources .ed-res-cta-title,
body:not(.darkMode) #ed-outlook-guide,
body:not(.darkMode) #ed-outlook-guide .ed-title, body:not(.darkMode) #ed-outlook-guide .ed-section-title, body:not(.darkMode) #ed-outlook-guide .ed-card-title, body:not(.darkMode) #ed-outlook-guide .ed-code-title, body:not(.darkMode) #ed-outlook-guide .ed-issue-title, body:not(.darkMode) #ed-outlook-guide .ed-best-title, body:not(.darkMode) #ed-outlook-guide .ed-version-title, body:not(.darkMode) #ed-outlook-guide .ed-cta-title,
body:not(.darkMode) #ed-darkmode-guide,
body:not(.darkMode) #ed-darkmode-guide .ed-title, body:not(.darkMode) #ed-darkmode-guide .ed-section-title, body:not(.darkMode) #ed-darkmode-guide .ed-card-title, body:not(.darkMode) #ed-darkmode-guide .ed-code-title, body:not(.darkMode) #ed-darkmode-guide .ed-best-title, body:not(.darkMode) #ed-darkmode-guide .ed-tip-title, body:not(.darkMode) #ed-darkmode-guide .ed-step-title, body:not(.darkMode) #ed-darkmode-guide .ed-cta-title, body:not(.darkMode) #ed-darkmode-guide th,
body:not(.darkMode) #ed-accessibility-guide,
body:not(.darkMode) #ed-accessibility-guide .ed-title, body:not(.darkMode) #ed-accessibility-guide .ed-section-title, body:not(.darkMode) #ed-accessibility-guide .ed-card-title, body:not(.darkMode) #ed-accessibility-guide .ed-code-title, body:not(.darkMode) #ed-accessibility-guide .ed-info-title, body:not(.darkMode) #ed-accessibility-guide .ed-cta-title {
  color: #020617;
}

body:not(.darkMode) #ed-contact .ed-contact-card,
body:not(.darkMode) #ed-contact .ed-trust-card, body:not(.darkMode) #ed-contact .ed-faq-item,
body:not(.darkMode) #ed-guides-archive .ed-guide-card, body:not(.darkMode) #ed-guides-archive .ed-empty, body:not(.darkMode) #ed-guides-archive .ed-loading, body:not(.darkMode) #ed-guides-archive .ed-error, body:not(.darkMode) #ed-guides-archive .ed-cta {
  background: #ffffff;
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

body:not(.darkMode) #ed-contact .ed-contact-form-shell {
  background: #ffffff;
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12);
}

body:not(.darkMode) #ed-contact .ed-contact-icon,
body:not(.darkMode) #ed-contact .ed-trust-icon,
body:not(.darkMode) #ed-devtools .ed-dt-tool-icon, body:not(.darkMode) #ed-devtools .ed-dt-guide-icon,
body:not(.darkMode) #ed-services .ed-service-icon-wrap,
body:not(.darkMode) #ed-resources .ed-res-icon-wrap, body:not(.darkMode) #ed-resources .ed-res-heading-icon {
  background: rgba(57, 181, 74, 0.08);
}

body:not(.darkMode) #ed-contact .ed-contact-sub,
#ed-footer .ed-footer-newsletter-input::placeholder,
body:not(.darkMode) .ed-portfolio__nda {
  color: #6b7280;
}

body:not(.darkMode) #ed-contact .ed-faq-band,
body:not(.darkMode) #ed-outlook-guide .ed-section-shell--alt,
body:not(.darkMode) #ed-darkmode-guide .ed-section-shell--alt,
body:not(.darkMode) #ed-accessibility-guide .ed-section-shell--alt {
  background: #f4f7fb;
}

body:not(.darkMode) #ed-contact .ed-form-heading,
body:not(.darkMode) #ed-contact .ed-subtitle,
body:not(.darkMode) #ed-contact .ed-trust-desc, body:not(.darkMode) #ed-contact .ed-faq-answer, body:not(.darkMode) #ed-contact .ed-seo-block p,
body:not(.darkMode) #ed-devtools .ed-dt-subtitle, body:not(.darkMode) #ed-devtools .ed-dt-section-copy, body:not(.darkMode) #ed-devtools .ed-dt-card-copy, body:not(.darkMode) #ed-devtools .ed-dt-tool-note, body:not(.darkMode) #ed-devtools .ed-dt-field-help, body:not(.darkMode) #ed-devtools .ed-dt-faq-answer, body:not(.darkMode) #ed-devtools .ed-dt-guide-copy, body:not(.darkMode) #ed-devtools .ed-dt-cta-copy, body:not(.darkMode) #ed-devtools .ed-dt-preview-label, body:not(.darkMode) #ed-devtools .ed-dt-code-wrap code, body:not(.darkMode) #ed-devtools .ed-dt-code-wrap pre, body:not(.darkMode) #ed-devtools .ed-dt-status-block, body:not(.darkMode) #ed-devtools .ed-dt-status-grid, body:not(.darkMode) #ed-devtools .ed-dt-guide-link, body:not(.darkMode) #ed-devtools .ed-dt-sim-item-title, body:not(.darkMode) #ed-devtools .ed-dt-status-title,
body:not(.darkMode) #ed-footer p, body:not(.darkMode) #ed-footer .ed-footer-links, body:not(.darkMode) #ed-footer .ed-footer-contact-item,
body:not(.darkMode) #ed-guides-archive .ed-breadcrumbs, body:not(.darkMode) #ed-guides-archive .ed-subtitle, body:not(.darkMode) #ed-guides-archive .ed-guides-count, body:not(.darkMode) #ed-guides-archive .ed-filter-label, body:not(.darkMode) #ed-guides-archive .ed-guide-desc, body:not(.darkMode) #ed-guides-archive .ed-cta p, body:not(.darkMode) #ed-guides-archive .ed-empty p, body:not(.darkMode) #ed-guides-archive .ed-loading p, body:not(.darkMode) #ed-guides-archive .ed-error p,
body:not(.darkMode) #ed-about .ed-intro, body:not(.darkMode) #ed-about .ed-value-content-text, body:not(.darkMode) #ed-about .ed-badge,
body:not(.darkMode) #ed-clients .ed-clients-subtitle,
body:not(.darkMode) #ed-dev .ed-dev-card-text,
body:not(.darkMode) #ed-dev .ed-dev-subtitle,
body:not(.darkMode) #ed-portfolio .ed-portfolio-card-cta,
body:not(.darkMode) #ed-portfolio .ed-portfolio-subtitle,
body:not(.darkMode) #ed-process .ed-subtitle, body:not(.darkMode) #ed-process .ed-step-desc,
body:not(.darkMode) #ed-services .ed-subtitle, body:not(.darkMode) #ed-services .ed-service-desc, body:not(.darkMode) #ed-services .ed-service-list,
body:not(.darkMode) .ed-filter-label,
body:not(.darkMode) .ed-portfolio__subtitle,
body:not(.darkMode) #ed-resources .ed-res-subtitle, body:not(.darkMode) #ed-resources .ed-res-section-copy, body:not(.darkMode) #ed-resources .ed-res-card-copy, body:not(.darkMode) #ed-resources .ed-res-checklist-copy, body:not(.darkMode) #ed-resources .ed-res-checklist li, body:not(.darkMode) #ed-resources .ed-res-cta-copy, body:not(.darkMode) #ed-resources .ed-res-note,
body:not(.darkMode) #ed-outlook-guide .ed-subtitle, body:not(.darkMode) #ed-outlook-guide .ed-copy p, body:not(.darkMode) #ed-outlook-guide .ed-card-desc, body:not(.darkMode) #ed-outlook-guide .ed-fix-copy, body:not(.darkMode) #ed-outlook-guide .ed-version-map, body:not(.darkMode) #ed-outlook-guide .ed-version-map li, body:not(.darkMode) #ed-outlook-guide .ed-seo-block p, body:not(.darkMode) #ed-outlook-guide .ed-cta-desc, body:not(.darkMode) #ed-outlook-guide .ed-small, body:not(.darkMode) #ed-outlook-guide .ed-breadcrumbs, body:not(.darkMode) #ed-outlook-guide .ed-back-link, body:not(.darkMode) #ed-outlook-guide .ed-toc-link,
body:not(.darkMode) #ed-darkmode-guide .ed-subtitle, body:not(.darkMode) #ed-darkmode-guide .ed-copy p, body:not(.darkMode) #ed-darkmode-guide .ed-card-desc, body:not(.darkMode) #ed-darkmode-guide .ed-fix-copy, body:not(.darkMode) #ed-darkmode-guide .ed-seo-block p, body:not(.darkMode) #ed-darkmode-guide .ed-cta-desc, body:not(.darkMode) #ed-darkmode-guide .ed-small, body:not(.darkMode) #ed-darkmode-guide .ed-breadcrumbs, body:not(.darkMode) #ed-darkmode-guide .ed-back-link, body:not(.darkMode) #ed-darkmode-guide .ed-toc-link, body:not(.darkMode) #ed-darkmode-guide .ed-table-note, body:not(.darkMode) #ed-darkmode-guide td,
body:not(.darkMode) #ed-accessibility-guide .ed-subtitle, body:not(.darkMode) #ed-accessibility-guide .ed-copy p, body:not(.darkMode) #ed-accessibility-guide .ed-card-desc, body:not(.darkMode) #ed-accessibility-guide .ed-code-note, body:not(.darkMode) #ed-accessibility-guide .ed-seo-block p, body:not(.darkMode) #ed-accessibility-guide .ed-cta-desc, body:not(.darkMode) #ed-accessibility-guide .ed-breadcrumbs, body:not(.darkMode) #ed-accessibility-guide .ed-back-link, body:not(.darkMode) #ed-accessibility-guide .ed-toc-link, body:not(.darkMode) #ed-accessibility-guide .ed-stat-label, body:not(.darkMode) #ed-accessibility-guide .ed-level-copy, body:not(.darkMode) #ed-accessibility-guide .ed-numbered-copy, body:not(.darkMode) #ed-accessibility-guide .ed-check-row span {
  color: #4b5563;
}

body:not(.darkMode) #ed-contact .field-type-media-field .jet-form-builder__field, body:not(.darkMode) #ed-contact .field-type-media-field .jet-form-builder-file-upload__content, body:not(.darkMode) #ed-contact .field-type-media-field .jet-form-builder-file-upload__message {
  background: #f9fafb !important;
  border-color: rgba(148, 163, 184, 0.7) !important;
  color: #374151 !important;
}

body:not(.darkMode) #ed-contact .field-type-radio-field .jet-form-builder__field-wrap label {
  background: #f9fafb;
  border-color: rgba(148, 163, 184, 0.7);
  color: #020617;
}

body:not(.darkMode) #ed-contact .jet-form-builder-advanced-media__browse {
  background: #ffffff;
  border-radius: 9999px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  padding: 0.45rem 1.15rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #111827;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

body:not(.darkMode) #ed-contact .jet-form-builder-advanced-media__browse:hover,
body:not(.darkMode) #ed-devtools .ed-dt-btn-secondary:hover, body:not(.darkMode) #ed-devtools .ed-dt-copy-btn:hover,
body:not(.darkMode) #ed-resources .ed-res-btn-secondary:hover {
  border-color: var(--ed-primary);
  background: rgba(57, 181, 74, 0.06);
}

body:not(.darkMode) #ed-contact .jet-form-builder-advanced-media__dropzone {
  background: #f9fafb !important;
  border-radius: 1.25rem !important;
  border: 1px dashed rgba(148, 163, 184, 0.7) !important;
  padding: 1.75rem 1.5rem !important;
  text-align: center;
  color: #374151 !important;
}

body:not(.darkMode) #ed-contact .jet-form-builder-advanced-media__placeholder, body:not(.darkMode) #ed-contact .jet-form-builder-advanced-media__message small, body:not(.darkMode) #ed-contact .jet-form-builder-advanced-media__limit,
body:not(.darkMode) #ed-contact .jet-form-builder__desc,
body:not(.darkMode) #ed-contact ::placeholder {
  color: #6b7280 !important;
}

body:not(.darkMode) #ed-contact .jet-form-builder__label, body:not(.darkMode) #ed-contact .jet-form-builder__label-text,
body:not(.darkMode) .ed-portfolio .ed-portfolio__title,
body:not(.darkMode) .ed-mega-menu__label {
  color: #020617 !important;
}

body:not(.darkMode) #ed-contact input:focus, body:not(.darkMode) #ed-contact textarea:focus, body:not(.darkMode) #ed-contact select:focus {
  border-color: var(--ed-primary) !important;
  box-shadow: 0 0 0 1px rgba(57, 181, 74, 0.18) !important;
}

body:not(.darkMode) #ed-contact input[type="text"], body:not(.darkMode) #ed-contact input[type="email"], body:not(.darkMode) #ed-contact input[type="tel"], body:not(.darkMode) #ed-contact input[type="number"], body:not(.darkMode) #ed-contact textarea, body:not(.darkMode) #ed-contact select {
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, 0.6) !important;
  color: #020617 !important;
}

#ed-devtools,
#ed-resources {
  padding: 0 1.5rem 5rem;
  background: transparent;
  color: var(--ed-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

#ed-devtools .ed-dt-actions,
#ed-resources .ed-res-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
}

#ed-devtools .ed-dt-btn svg, #ed-devtools .ed-dt-copy-btn svg, #ed-devtools .ed-dt-tool-icon svg, #ed-devtools .ed-dt-guide-icon svg, #ed-devtools .ed-dt-guide-link svg, #ed-devtools .ed-dt-faq-chevron,
#ed-guides-archive .ed-filter-label svg,
#ed-resources .ed-res-btn svg, #ed-resources .ed-res-link svg, #ed-resources .ed-res-checklist-icon, #ed-resources .ed-res-heading-icon svg {
  width: 1rem;
  height: 1rem;
}

#ed-devtools .ed-dt-btn-primary,
#ed-resources .ed-res-btn-primary {
  background: var(--ed-primary);
  color: #052e16;
  box-shadow: 0 18px 40px rgba(5, 46, 22, 0.45);
}

#ed-devtools .ed-dt-btn-primary:hover,
#ed-resources .ed-res-btn-primary:hover {
  box-shadow: 0 22px 48px rgba(5, 46, 22, 0.58);
}

#ed-devtools .ed-dt-btn-secondary, #ed-devtools .ed-dt-copy-btn,
#ed-resources .ed-res-btn-secondary {
  background: transparent;
  color: var(--ed-text);
  border-color: rgba(148, 163, 184, 0.45);
}

#ed-devtools .ed-dt-btn:hover, #ed-devtools .ed-dt-copy-btn:hover,
#ed-resources .ed-res-btn:hover {
  transform: translateY(-2px);
}

#ed-devtools .ed-dt-card:hover, #ed-devtools .ed-dt-guide:hover,
#ed-resources .ed-res-card:hover {
  transform: translateY(-6px);
  border-color: rgba(57, 181, 74, 0.5);
  box-shadow: 0 26px 75px rgba(5, 10, 23, 0.95);
}

#ed-devtools .ed-dt-faq-item.is-open .ed-dt-faq-answer,
body.darkMode #ed-footer .ed-footer-logo-img-dark,
#ed-hero .ed-hero-heading span.ed-hero-main {
  display: block;
}

#ed-devtools .ed-dt-faq-item.is-open .ed-dt-faq-chevron,
#ed-services-page details[open] .ed-faq-ic svg,
#ed-service-single details[open] .ed-faq-ic svg {
  transform: rotate(180deg);
}

#ed-devtools .ed-dt-field,
#ed-services-page .ed-svc-cta > .ed-container,
#ed-services-page .ed-svc-detail > .ed-container,
#ed-services-page .ed-svc-hero > .ed-container,
#ed-service-single .ed-hero > .ed-container, #ed-service-single .ed-section > .ed-container, #ed-service-single .ed-cta > .ed-container {
  position: relative;
  z-index: 1;
}

#ed-devtools .ed-dt-fields-2,
#ed-resources .ed-res-grid-2,
#ed-resources .ed-res-grid-3,
#ed-outlook-guide .ed-grid-issues {
  grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
#ed-devtools .ed-dt-grid-3,
#ed-resources .ed-res-grid-3,
#ed-resources .ed-res-grid-6 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

#ed-devtools .ed-dt-guide-icon,
#ed-services-page .ed-svc-detail-header {
  margin-bottom: 1rem;
}

#ed-devtools .ed-dt-guide-link svg,
#ed-resources .ed-res-link svg, #ed-resources .ed-res-list-link svg {
  transition: transform 0.25s ease;
}

#ed-devtools .ed-dt-guide::after,
#ed-resources .ed-res-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1.5rem;
  background: rgba(57, 181, 74, 0.05);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

#ed-devtools .ed-dt-guide:hover .ed-dt-guide-link,
#ed-resources .ed-res-card:hover .ed-res-link, #ed-resources .ed-res-list-link:hover {
  gap: 0.72rem;
}

#ed-devtools .ed-dt-guide:hover .ed-dt-guide-link svg,
#ed-resources .ed-res-card:hover .ed-res-link svg, #ed-resources .ed-res-list-link:hover svg,
#ed-services-page .ed-svc-card:hover .ed-svc-card-link svg {
  transform: translate(3px, -3px);
}

#ed-devtools .ed-dt-guide:hover::after,
#ed-about .ed-value-card:hover::after,
#ed-services .ed-service-card:hover .ed-service-hover-overlay,
.ed-card:hover .ed-card__overlay,
#ed-resources .ed-res-card:hover::after {
  opacity: 1;
}

#ed-devtools .ed-dt-hero,
#ed-devtools .ed-dt-preview-button,
.ed-portfolio,
.ed-portfolio__hero,
#ed-resources .ed-res-hero {
  text-align: center;
}

#ed-devtools .ed-dt-section,
#ed-resources .ed-res-section {
  padding-top: 5rem;
}

#ed-devtools .ed-dt-section-title,
#ed-resources .ed-res-section-title {
  font-size: clamp(1.75rem, 1.45rem + 1vw, 2.45rem);
  line-height: 1.12;
  font-weight: 800;
  margin: 0 0 0.75rem;
}

#ed-devtools .ed-dt-sim-item + .ed-dt-sim-item,
#ed-about .ed-intro p + p {
  margin-top: 0.9rem;
}

#ed-devtools .ed-dt-title,
#ed-resources .ed-res-title {
  font-size: clamp(2.35rem, 2rem + 2vw, 4rem);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.04em;
  margin: 0 0 1rem;
}

body.darkMode #ed-devtools,
body.darkMode #ed-devtools .ed-dt-title, body.darkMode #ed-devtools .ed-dt-section-title, body.darkMode #ed-devtools .ed-dt-card-title, body.darkMode #ed-devtools .ed-dt-guide-title, body.darkMode #ed-devtools .ed-dt-cta-title, body.darkMode #ed-devtools .ed-dt-faq-button, body.darkMode #ed-devtools .ed-dt-field label, body.darkMode #ed-devtools .ed-dt-stat-strong,
body.darkMode #ed-guides-archive,
body.darkMode #ed-resources,
body.darkMode #ed-resources .ed-res-title, body.darkMode #ed-resources .ed-res-section-title, body.darkMode #ed-resources .ed-res-card-title, body.darkMode #ed-resources .ed-res-checklist-title, body.darkMode #ed-resources .ed-res-cta-title,
body.darkMode #ed-outlook-guide .ed-title, body.darkMode #ed-outlook-guide .ed-section-title, body.darkMode #ed-outlook-guide .ed-card-title, body.darkMode #ed-outlook-guide .ed-code-title, body.darkMode #ed-outlook-guide .ed-issue-title, body.darkMode #ed-outlook-guide .ed-best-title, body.darkMode #ed-outlook-guide .ed-version-title, body.darkMode #ed-outlook-guide .ed-cta-title,
body.darkMode #ed-darkmode-guide .ed-title, body.darkMode #ed-darkmode-guide .ed-section-title, body.darkMode #ed-darkmode-guide .ed-card-title, body.darkMode #ed-darkmode-guide .ed-code-title, body.darkMode #ed-darkmode-guide .ed-best-title, body.darkMode #ed-darkmode-guide .ed-tip-title, body.darkMode #ed-darkmode-guide .ed-step-title, body.darkMode #ed-darkmode-guide .ed-cta-title, body.darkMode #ed-darkmode-guide th,
body.darkMode #ed-accessibility-guide .ed-title, body.darkMode #ed-accessibility-guide .ed-section-title, body.darkMode #ed-accessibility-guide .ed-card-title, body.darkMode #ed-accessibility-guide .ed-code-title, body.darkMode #ed-accessibility-guide .ed-info-title, body.darkMode #ed-accessibility-guide .ed-cta-title {
  color: var(--ed-text);
}

body:not(.darkMode) #ed-devtools .ed-dt-btn-secondary, body:not(.darkMode) #ed-devtools .ed-dt-copy-btn,
body:not(.darkMode) #ed-resources .ed-res-btn-secondary {
  background: #ffffff;
  color: #111827;
  border-color: rgba(148, 163, 184, 0.7);
}

body:not(.darkMode) #ed-devtools .ed-dt-card, body:not(.darkMode) #ed-devtools .ed-dt-guide, body:not(.darkMode) #ed-devtools .ed-dt-faq-item, body:not(.darkMode) #ed-devtools .ed-dt-cta,
body:not(.darkMode) #ed-services .ed-service-card,
body:not(.darkMode) #ed-resources .ed-res-card, body:not(.darkMode) #ed-resources .ed-res-checklist-shell, body:not(.darkMode) #ed-resources .ed-res-cta {
  background: #ffffff;
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: 0 20px 55px rgba(15, 23, 42, 0.1);
}

body:not(.darkMode) #ed-devtools .ed-dt-card::after, body:not(.darkMode) #ed-devtools .ed-dt-cta::after,
body:not(.darkMode) #ed-devtools .ed-dt-guide::after,
body:not(.darkMode) #ed-about .ed-value-card::after,
body:not(.darkMode) #ed-services .ed-service-hover-overlay,
body:not(.darkMode) #ed-resources .ed-res-card::after {
  background: rgba(57, 181, 74, 0.05);
}

body:not(.darkMode) #ed-devtools .ed-dt-card:hover, body:not(.darkMode) #ed-devtools .ed-dt-guide:hover,
body:not(.darkMode) #ed-services .ed-service-card:hover,
body:not(.darkMode) #ed-resources .ed-res-card:hover {
  border-color: rgba(57, 181, 74, 0.5);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.16);
}

#ed-footer .ed-footer-newsletter-btn svg,
#ed-hero .ed-hero-btn-primary svg {
  width: 16px;
  height: 16px;
}

#ed-footer .ed-footer-social-link svg,
.ed-mega-menu--resources .ed-mega-menu__icon svg {
  width: 18px;
  height: 18px;
}

#ed-footer a,
.edpost a {
  color: inherit;
  text-decoration: none;
}

body:not(.darkMode) #ed-footer,
body:not(.darkMode) #ed-footer .ed-footer-newsletter-input,
body:not(.darkMode) #ed-footer h2, body:not(.darkMode) #ed-footer h3, body:not(.darkMode) #ed-footer h4,
body:not(.darkMode) #ed-service-single .ed-title, .ed-h2, .ed-h3 {
  color: #111827;
}

body:not(.darkMode) #ed-footer .ed-footer-newsletter-input::placeholder,
body.darkMode #ed-about .ed-contact-row:last-child span:last-child,
body.darkMode .ed-portfolio__nda,
body.darkMode .ed-portfolio__subtitle {
  color: #9ca3af;
}

#ed-guides-archive,
#ed-outlook-guide,
#ed-darkmode-guide,
#ed-accessibility-guide {
  padding: 2rem 1.5rem 5rem;
  background: transparent;
  color: var(--ed-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

#ed-guides-archive .ed-guide-main,
#ed-accessibility-guide .ed-pour-body, #ed-accessibility-guide .ed-info-body, #ed-accessibility-guide .ed-sr-body {
  min-width: 0;
  flex: 1 1 auto;
}

#ed-guides-archive .ed-hero,
#ed-resources .ed-res-section-head {
  margin-bottom: 2rem;
}

#ed-about .ed-value-card:hover .ed-value-icon,
body:not(.darkMode) #ed-services .ed-service-card:hover .ed-service-icon-wrap,
body:not(.darkMode) #ed-resources .ed-res-card:hover .ed-res-icon-wrap {
  background: rgba(57, 181, 74, 0.18);
}

#ed-hero .ed-hero-pill svg,
#ed-resources .ed-res-kicker svg {
  width: 16px;
  height: 16px;
  color: var(--ed-primary);
}

#ed-hero .ed-hero-rotate.is-current,
#ed-portfolio .ed-portfolio-card:hover .ed-portfolio-card-overlay,
.ed-card:hover .ed-card__content {
  opacity: 1;
  transform: translateY(0);
}

#ed-portfolio .ed-portfolio-card-cta span,
.edpost .ed-toc a {
  text-decoration: none;
}

#ed-portfolio .ed-portfolio-card:hover .ed-portfolio-card-img,
.ed-card:hover img {
  transform: scale(1.08);
}

#ed-portfolio .ed-portfolio-cta svg,
.ed-portfolio-cta svg {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease;
}

#ed-portfolio .ed-portfolio-cta:hover svg,
.ed-card:hover .ed-card__cta svg.ed-cta-arrow,
.ed-portfolio-cta:hover svg {
  transform: translate(1px, -1px);
}

body:not(.darkMode) #ed-portfolio .ed-portfolio-card-overlay,
body:not(.darkMode) .ed-card__overlay {
  background: linear-gradient( to top, rgba(248, 250, 252, 0.95), rgba(248, 250, 252, 0.6), transparent );
}

@media (min-width: 1024px) {
#ed-services .ed-services-grid,
.ed-portfolio__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

#ed-resources .ed-res-checklist-text,
#ed-services-page .ed-svc-cardSm .ed-svc-sub b,
#ed-services-page a,
#ed-service-single a {
  color: inherit;
}

#ed-services-page,
#ed-service-single {
  --ed-primary: #39b54a;
  --ed-card-bg: #19171c;
  --ed-card-border: rgb(39,44,53);
  --ed-muted: #9ca3af;
  --ed-text: #f9fafb;
  --ed-bg: #0b0a0d;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  color: var(--ed-text);
}

#ed-services-page .ed-btn,
#ed-service-single .ed-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .95rem 1.7rem;
  border-radius: 9999px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
  cursor: pointer;
}

#ed-services-page .ed-btn-outline,
#ed-service-single .ed-btn-outline {
  background: transparent;
  color: inherit;
  border-color: rgba(148,163,184,.45);
}

#ed-services-page .ed-btn-outline:hover,
#ed-service-single .ed-btn-outline:hover {
  border-color: rgba(148,163,184,.7);
  transform: translateY(-1px);
}

#ed-services-page .ed-btn-primary,
#ed-service-single .ed-btn-primary,
#ed-outlook-guide .ed-button--primary,
#ed-darkmode-guide .ed-button--primary,
#ed-accessibility-guide .ed-button--primary {
  background: var(--ed-primary);
  color: #022c12;
  box-shadow: 0 18px 45px rgba(5,46,22,.45);
}

#ed-services-page .ed-btn-primary:hover,
#ed-service-single .ed-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 24px 60px rgba(5,46,22,.75);
}

#ed-services-page .ed-container,
#ed-service-single .ed-container {
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}

#ed-services-page .ed-faq-ic svg,
#ed-service-single .ed-faq-ic svg {
  width: 1.05rem;
  height: 1.05rem;
  color: var(--ed-muted);
  transition: transform .2s ease;
}

#ed-services-page .ed-faq-item,
#ed-service-single .ed-faq-item {
  border-radius: 1.25rem;
  background: var(--ed-card-bg);
  border: 1px solid var(--ed-card-border);
  box-shadow: 0 20px 45px rgba(5,10,23,.35);
  overflow: hidden;
}

#ed-services-page .ed-faq-item summary,
#ed-service-single .ed-faq-item summary {
  list-style: none;
  cursor: pointer;
}

#ed-services-page .ed-svc-card-link,
#ed-service-single .ed-related-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-weight: 800;
  color: var(--ed-primary);
  font-size: .95rem;
}

#ed-services-page .ed-svc-card-link svg,
#ed-service-single .ed-related-link svg {
  width: 1rem;
  height: 1rem;
  transition: transform .25s ease;
}

@media (min-width:1024px) {
#ed-services-page .ed-svc-detail--reverse .ed-svc-detail-media,
#ed-services-page .ed-svc-detail-text,
#ed-service-single .ed-hero-copy {
  order: 1;
}
}

@media (min-width:1024px) {
#ed-services-page .ed-svc-detail-header--mobile,
#ed-service-single .ed-hero-num--mobile {
  display: none;
}
}

#ed-services-page .ed-svc-detail-img,
#ed-service-single .ed-ss-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

#ed-services-page .ed-svc-kicker,
#ed-service-single .ed-kicker {
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .75rem;
  font-weight: 600;
  color: rgba(57,181,74,.95);
  margin-bottom: .75rem;
}

#ed-services-page .ed-svc-miniCard,
#ed-service-single .ed-miniCard {
  padding: 1.25rem;
  border-radius: 1.25rem;
  background: var(--ed-card-bg);
  border: 1px solid var(--ed-card-border);
  box-shadow: 0 20px 45px rgba(5,10,23,.35);
}

body:not(.darkMode) #ed-services-page .ed-svc-big-num,
body:not(.darkMode) #ed-service-single .ed-num {
  color: rgba(57,181,74,.25);
}

@media (max-width: 767px) {
#ed-outlook-guide,
#ed-darkmode-guide,
#ed-accessibility-guide {
  padding-left: 1rem;
  padding-right: 1rem;
}
}

#ed-outlook-guide .ed-back-link,
#ed-darkmode-guide .ed-back-link,
#ed-accessibility-guide .ed-back-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-size: .95rem;
}

#ed-outlook-guide .ed-breadcrumbs,
#ed-darkmode-guide .ed-breadcrumbs,
#ed-accessibility-guide .ed-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  margin-bottom: 2rem;
  font-size: .92rem;
  color: var(--ed-muted);
}

#ed-outlook-guide .ed-breadcrumbs .ed-sep,
#ed-darkmode-guide .ed-breadcrumbs .ed-sep,
#ed-accessibility-guide .ed-breadcrumbs .ed-sep {
  opacity: .7;
  font-size: 1rem;
}

#ed-outlook-guide .ed-breadcrumbs a, #ed-outlook-guide .ed-back-link, #ed-outlook-guide .ed-link,
#ed-darkmode-guide .ed-breadcrumbs a, #ed-darkmode-guide .ed-back-link, #ed-darkmode-guide .ed-link,
#ed-accessibility-guide .ed-breadcrumbs a, #ed-accessibility-guide .ed-back-link, #ed-accessibility-guide .ed-link {
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}

#ed-outlook-guide .ed-button,
#ed-darkmode-guide .ed-button,
#ed-accessibility-guide .ed-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  min-height: 3rem;
  padding: .8rem 1.3rem;
  border-radius: 999px;
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 700;
  font-size: .95rem;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

#ed-outlook-guide .ed-button-row,
#ed-darkmode-guide .ed-button-row,
#ed-accessibility-guide .ed-button-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .85rem;
}

#ed-outlook-guide .ed-button:hover,
#ed-darkmode-guide .ed-button:hover,
#ed-accessibility-guide .ed-button:hover {
  transform: translateY(-1px);
}

#ed-outlook-guide .ed-card, #ed-outlook-guide .ed-code-card, #ed-outlook-guide .ed-issue-card, #ed-outlook-guide .ed-best-card, #ed-outlook-guide .ed-version-card, #ed-outlook-guide .ed-prop-card, #ed-outlook-guide .ed-cta-shell,
#ed-darkmode-guide .ed-card, #ed-darkmode-guide .ed-code-card, #ed-darkmode-guide .ed-info-card, #ed-darkmode-guide .ed-best-card, #ed-darkmode-guide .ed-tip-card, #ed-darkmode-guide .ed-step-card, #ed-darkmode-guide .ed-cta-shell, #ed-darkmode-guide .ed-table-wrap,
#ed-accessibility-guide .ed-card, #ed-accessibility-guide .ed-code-card, #ed-accessibility-guide .ed-info-card, #ed-accessibility-guide .ed-level-card, #ed-accessibility-guide .ed-pour-card, #ed-accessibility-guide .ed-check-card, #ed-accessibility-guide .ed-sr-card, #ed-accessibility-guide .ed-cta-shell {
  border-radius: 1.35rem;
  border: 1px solid var(--ed-card-border);
  background: var(--ed-card-bg);
  box-shadow: 0 18px 45px rgba(5,10,23,.7);
}

@media (max-width: 767px) {
#ed-outlook-guide .ed-card, #ed-outlook-guide .ed-code-card, #ed-outlook-guide .ed-issue-card, #ed-outlook-guide .ed-best-card, #ed-outlook-guide .ed-version-card, #ed-outlook-guide .ed-prop-card, #ed-outlook-guide .ed-cta-shell,
#ed-darkmode-guide .ed-card, #ed-darkmode-guide .ed-code-card, #ed-darkmode-guide .ed-info-card, #ed-darkmode-guide .ed-best-card, #ed-darkmode-guide .ed-tip-card, #ed-darkmode-guide .ed-step-card, #ed-darkmode-guide .ed-cta-shell,
#ed-accessibility-guide .ed-card, #ed-accessibility-guide .ed-code-card, #ed-accessibility-guide .ed-info-card, #ed-accessibility-guide .ed-level-card, #ed-accessibility-guide .ed-pour-card, #ed-accessibility-guide .ed-check-card, #ed-accessibility-guide .ed-sr-card, #ed-accessibility-guide .ed-cta-shell {
  padding: 1.1rem;
}
}

#ed-outlook-guide .ed-card, #ed-outlook-guide .ed-code-card, #ed-outlook-guide .ed-prop-card, #ed-outlook-guide .ed-version-card, #ed-outlook-guide .ed-best-card, #ed-outlook-guide .ed-issue-card,
#ed-darkmode-guide .ed-card, #ed-darkmode-guide .ed-code-card, #ed-darkmode-guide .ed-info-card, #ed-darkmode-guide .ed-best-card, #ed-darkmode-guide .ed-tip-card, #ed-darkmode-guide .ed-step-card,
#ed-accessibility-guide .ed-card, #ed-accessibility-guide .ed-code-card, #ed-accessibility-guide .ed-info-card, #ed-accessibility-guide .ed-level-card, #ed-accessibility-guide .ed-pour-card, #ed-accessibility-guide .ed-check-card, #ed-accessibility-guide .ed-sr-card {
  padding: 1.35rem;
}

#ed-outlook-guide .ed-card-icon,
#ed-darkmode-guide .ed-card-icon,
#ed-accessibility-guide .ed-card-icon {
  width: 2.65rem;
  height: 2.65rem;
  border-radius: .95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(57,181,74,.10);
  color: var(--ed-primary);
  border: 1px solid rgba(57,181,74,.16);
  margin-bottom: .95rem;
  flex: 0 0 auto;
}

#ed-outlook-guide .ed-card-icon svg,
#ed-darkmode-guide .ed-card-icon svg,
#ed-accessibility-guide .ed-card-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

#ed-outlook-guide .ed-card-title, #ed-outlook-guide .ed-section-title, #ed-outlook-guide .ed-code-title, #ed-outlook-guide .ed-issue-title, #ed-outlook-guide .ed-best-title, #ed-outlook-guide .ed-version-title,
#ed-darkmode-guide .ed-card-title, #ed-darkmode-guide .ed-section-title, #ed-darkmode-guide .ed-code-title, #ed-darkmode-guide .ed-best-title, #ed-darkmode-guide .ed-tip-title, #ed-darkmode-guide .ed-step-title, #ed-darkmode-guide .ed-cta-title,
#ed-accessibility-guide .ed-card-title, #ed-accessibility-guide .ed-section-title, #ed-accessibility-guide .ed-code-title, #ed-accessibility-guide .ed-info-title, #ed-accessibility-guide .ed-cta-title {
  margin: 0;
  color: var(--ed-text);
  font-weight: 700;
  line-height: 1.25;
}

#ed-outlook-guide .ed-card-title, #ed-outlook-guide .ed-version-title, #ed-outlook-guide .ed-issue-title, #ed-outlook-guide .ed-best-title,
#ed-darkmode-guide .ed-card-title, #ed-darkmode-guide .ed-best-title, #ed-darkmode-guide .ed-tip-title, #ed-darkmode-guide .ed-step-title,
#ed-accessibility-guide .ed-card-title, #ed-accessibility-guide .ed-info-title {
  font-size: 1.06rem;
  margin-bottom: .45rem;
}

#ed-outlook-guide .ed-code-title,
#ed-darkmode-guide .ed-code-title,
#ed-accessibility-guide .ed-code-title {
  font-size: 1rem;
  margin-bottom: .9rem;
}

#ed-outlook-guide .ed-copy p,
#ed-darkmode-guide .ed-copy p,
#ed-accessibility-guide .ed-copy p {
  margin: 0 0 1rem;
  font-size: 1rem;
}

#ed-outlook-guide .ed-cta-shell,
#ed-darkmode-guide .ed-cta-shell,
#ed-accessibility-guide .ed-cta-shell {
  padding: 2rem 1.35rem;
  text-align: center;
}

@media (min-width: 768px) {
#ed-outlook-guide .ed-cta-shell,
#ed-darkmode-guide .ed-cta-shell,
#ed-accessibility-guide .ed-cta-shell {
  padding: 2.75rem 2.25rem;
}
}

#ed-outlook-guide .ed-cta-title,
#ed-darkmode-guide .ed-cta-title,
#ed-accessibility-guide .ed-cta-title {
  margin: 0 0 .7rem;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1.12;
  font-weight: 800;
  color: var(--ed-text);
}

@media (min-width: 700px) {
#ed-outlook-guide .ed-grid-2, #ed-outlook-guide .ed-grid-best, #ed-outlook-guide .ed-grid-props,
#ed-darkmode-guide .ed-grid-2, #ed-darkmode-guide .ed-grid-best,
#ed-accessibility-guide .ed-grid-2, #ed-accessibility-guide .ed-grid-pour, #ed-accessibility-guide .ed-grid-sr {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

#ed-outlook-guide .ed-guide-inner,
#ed-darkmode-guide .ed-guide-inner,
#ed-accessibility-guide .ed-guide-inner {
  max-width: 80rem;
  margin: 0 auto;
}

#ed-outlook-guide .ed-hero-topbar,
#ed-darkmode-guide .ed-hero-topbar,
#ed-accessibility-guide .ed-hero-topbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

#ed-outlook-guide .ed-inline-code,
#ed-darkmode-guide .ed-inline-code,
#ed-accessibility-guide .ed-inline-code {
  display: inline-block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .86rem;
  line-height: 1.5;
  padding: .35rem .6rem;
  border-radius: .7rem;
  background: rgba(57,181,74,.08);
  color: var(--ed-primary);
  word-break: break-word;
}

#ed-outlook-guide .ed-inline-icon, #ed-outlook-guide .ed-back-link svg, #ed-outlook-guide .ed-breadcrumbs svg, #ed-outlook-guide .ed-button svg, #ed-outlook-guide .ed-card-icon svg, #ed-outlook-guide .ed-badge svg,
#ed-darkmode-guide .ed-inline-icon, #ed-darkmode-guide .ed-back-link svg, #ed-darkmode-guide .ed-breadcrumbs svg, #ed-darkmode-guide .ed-button svg, #ed-darkmode-guide .ed-card-icon svg, #ed-darkmode-guide .ed-badge svg, #ed-darkmode-guide .ed-check-row svg, #ed-darkmode-guide .ed-table-wrap svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

#ed-outlook-guide .ed-kicker,
#ed-darkmode-guide .ed-kicker,
#ed-accessibility-guide .ed-kicker {
  display: inline-flex;
  align-items: center;
  padding: .42rem .88rem;
  border-radius: 999px;
  border: 1px solid rgba(57,181,74,.18);
  background: rgba(57,181,74,.08);
  color: var(--ed-primary);
  font-size: .7rem;
  line-height: 1;
  letter-spacing: .14em;
  font-weight: 700;
  text-transform: uppercase;
}

#ed-outlook-guide .ed-section,
#ed-darkmode-guide .ed-section,
#ed-accessibility-guide .ed-section {
  padding: 1.25rem 0 3.25rem;
  scroll-margin-top: 110px;
}

@media (max-width: 767px) {
#ed-outlook-guide .ed-section,
#ed-darkmode-guide .ed-section,
#ed-accessibility-guide .ed-section {
  padding-bottom: 2.25rem;
}
}

#ed-outlook-guide .ed-section-shell,
#ed-darkmode-guide .ed-section-shell,
#ed-accessibility-guide .ed-section-shell {
  padding: 0;
}

#ed-outlook-guide .ed-section-shell--alt,
#ed-darkmode-guide .ed-section-shell--alt,
#ed-accessibility-guide .ed-section-shell--alt {
  border-radius: 1.5rem;
  padding: 2rem 1.25rem;
}

@media (min-width: 768px) {
#ed-outlook-guide .ed-section-shell--alt,
#ed-darkmode-guide .ed-section-shell--alt,
#ed-accessibility-guide .ed-section-shell--alt {
  padding: 2.5rem 2rem;
}
}

#ed-outlook-guide .ed-section-title,
#ed-darkmode-guide .ed-section-title,
#ed-accessibility-guide .ed-section-title {
  font-size: clamp(1.6rem, 2vw, 2.2rem);
  margin-bottom: 1rem;
}

#ed-outlook-guide .ed-seo-block,
#ed-darkmode-guide .ed-seo-block,
#ed-accessibility-guide .ed-seo-block {
  max-width: 60rem;
}

#ed-outlook-guide .ed-title,
#ed-darkmode-guide .ed-title,
#ed-accessibility-guide .ed-title {
  margin: 0 0 1rem;
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -.03em;
  font-weight: 800;
  color: inherit;
  max-width: 20ch;
}

@media (max-width: 767px) {
#ed-outlook-guide .ed-title,
#ed-darkmode-guide .ed-title,
#ed-accessibility-guide .ed-title {
  max-width: none;
}
}

#ed-outlook-guide .ed-toc-index,
#ed-darkmode-guide .ed-toc-index,
#ed-accessibility-guide .ed-toc-index {
  min-width: 2rem;
  color: var(--ed-primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .75rem;
  font-weight: 700;
}

#ed-outlook-guide .ed-toc-link,
#ed-darkmode-guide .ed-toc-link,
#ed-accessibility-guide .ed-toc-link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  text-decoration: none;
  color: var(--ed-muted);
  font-size: .95rem;
  line-height: 1.5;
  transition: color .2s ease;
}

#ed-outlook-guide .ed-toc-list,
#ed-darkmode-guide .ed-toc-list,
#ed-accessibility-guide .ed-toc-list {
  display: grid;
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 640px) {
#ed-outlook-guide .ed-toc-list,
#ed-darkmode-guide .ed-grid-benefits,
#ed-darkmode-guide .ed-toc-list,
#ed-accessibility-guide .ed-grid-stats, #ed-accessibility-guide .ed-grid-disabilities, #ed-accessibility-guide .ed-grid-design,
#ed-accessibility-guide .ed-toc-list {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
}

#ed-outlook-guide code,
#ed-darkmode-guide code,
#ed-accessibility-guide code {
  font-family: inherit;
}

#ed-outlook-guide pre,
#ed-darkmode-guide pre,
#ed-accessibility-guide pre {
  margin: 0;
  padding: 1rem;
  overflow-x: auto;
  border-radius: 1rem;
  font-size: .88rem;
  line-height: 1.65;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  tab-size: 2;
}

body.darkMode #ed-outlook-guide .ed-button--secondary,
body.darkMode #ed-darkmode-guide .ed-button--secondary,
body.darkMode #ed-accessibility-guide .ed-button--secondary {
  border-color: rgba(148,163,184,.35);
  color: var(--ed-text);
  background: rgba(255,255,255,.02);
}

body.darkMode #ed-outlook-guide .ed-button--secondary:hover,
body.darkMode #ed-darkmode-guide .ed-button--secondary:hover,
body.darkMode #ed-accessibility-guide .ed-button--secondary:hover {
  border-color: rgba(57,181,74,.5);
  background: rgba(57,181,74,.08);
}

body.darkMode #ed-outlook-guide pre,
body.darkMode #ed-darkmode-guide pre,
body.darkMode #ed-accessibility-guide pre {
  background: #111317;
  border: 1px solid var(--ed-card-border);
  color: var(--ed-text);
}

body:not(.darkMode) #ed-outlook-guide .ed-button--secondary,
body:not(.darkMode) #ed-darkmode-guide .ed-button--secondary,
body:not(.darkMode) #ed-accessibility-guide .ed-button--secondary {
  border-color: rgba(148,163,184,.6);
  color: #111827;
  background: #ffffff;
}

body:not(.darkMode) #ed-outlook-guide .ed-button--secondary:hover,
body:not(.darkMode) #ed-darkmode-guide .ed-button--secondary:hover,
body:not(.darkMode) #ed-accessibility-guide .ed-button--secondary:hover {
  border-color: rgba(57,181,74,.55);
  background: rgba(57,181,74,.06);
}

body:not(.darkMode) #ed-outlook-guide .ed-card, body:not(.darkMode) #ed-outlook-guide .ed-code-card, body:not(.darkMode) #ed-outlook-guide .ed-issue-card, body:not(.darkMode) #ed-outlook-guide .ed-best-card, body:not(.darkMode) #ed-outlook-guide .ed-version-card, body:not(.darkMode) #ed-outlook-guide .ed-prop-card, body:not(.darkMode) #ed-outlook-guide .ed-cta-shell,
body:not(.darkMode) #ed-darkmode-guide .ed-card, body:not(.darkMode) #ed-darkmode-guide .ed-code-card, body:not(.darkMode) #ed-darkmode-guide .ed-info-card, body:not(.darkMode) #ed-darkmode-guide .ed-best-card, body:not(.darkMode) #ed-darkmode-guide .ed-tip-card, body:not(.darkMode) #ed-darkmode-guide .ed-step-card, body:not(.darkMode) #ed-darkmode-guide .ed-table-wrap, body:not(.darkMode) #ed-darkmode-guide .ed-cta-shell,
body:not(.darkMode) #ed-accessibility-guide .ed-card, body:not(.darkMode) #ed-accessibility-guide .ed-code-card, body:not(.darkMode) #ed-accessibility-guide .ed-info-card, body:not(.darkMode) #ed-accessibility-guide .ed-level-card, body:not(.darkMode) #ed-accessibility-guide .ed-pour-card, body:not(.darkMode) #ed-accessibility-guide .ed-check-card, body:not(.darkMode) #ed-accessibility-guide .ed-sr-card, body:not(.darkMode) #ed-accessibility-guide .ed-cta-shell {
  background: #ffffff;
  border-color: rgba(148,163,184,.35);
  box-shadow: 0 16px 40px rgba(15,23,42,.08);
}

body:not(.darkMode) #ed-outlook-guide .ed-card-icon,
body:not(.darkMode) #ed-darkmode-guide .ed-card-icon,
body:not(.darkMode) #ed-accessibility-guide .ed-card-icon {
  background: rgba(57,181,74,.08);
}

body:not(.darkMode) #ed-outlook-guide pre,
body:not(.darkMode) #ed-darkmode-guide pre,
body:not(.darkMode) #ed-accessibility-guide pre {
  background: #f8fafc;
  border: 1px solid rgba(148,163,184,.45);
  color: #0f172a;
}

#ed-darkmode-guide .ed-check-row,
#ed-accessibility-guide .ed-check-row {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  padding: 1rem 1rem;
  border-radius: 1rem;
  border: 1px solid var(--ed-card-border);
  background: rgba(255,255,255,.02);
}

#ed-darkmode-guide .ed-cta-desc,
#ed-accessibility-guide .ed-cta-desc {
  max-width: 44rem;
  margin: 0 auto 1.4rem;
}

#ed-darkmode-guide .ed-subtitle,
#ed-accessibility-guide .ed-subtitle {
  margin: 0 0 2rem;
  max-width: 100ch;
  font-size: 1.06rem;
}

body.darkMode #ed-darkmode-guide .ed-check-row,
body.darkMode #ed-accessibility-guide .ed-stat-card, body.darkMode #ed-accessibility-guide .ed-check-row {
  background: #111318;
}

body:not(.darkMode) #ed-darkmode-guide .ed-check-row,
body:not(.darkMode) #ed-accessibility-guide .ed-stat-card, body:not(.darkMode) #ed-accessibility-guide .ed-check-row {
  background: #f9fafb;
  border-color: rgba(148,163,184,.45);
}

/* Static migration shell refinements */
body:not(.darkMode){--ed-bg:#f8fafc;--ed-text:#020617;--ed-muted:#475569;--ed-card-bg:#fff;--ed-card-border:#d5dbe3;background:#f8fafc;color:#020617;color-scheme:light}
body:not(.darkMode) .site-header{background:rgba(255,255,255,.96);border-color:#d5dbe3}
body:not(.darkMode) .site-nav a{color:#152033}
body:not(.darkMode) .site-footer{background:#f8fafc;color:#152033}
body:not(.darkMode) .site-footer a{color:#152033}
.ed-theme-controls{margin-left:auto;display:flex;align-items:center}
.ed-theme-switch{position:relative;display:block;width:57px;height:30px;cursor:pointer}
.ed-theme-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;z-index:2;cursor:pointer}
.ed-theme-slider{display:flex;align-items:center;justify-content:space-around;background:#353c45;color:#fff;width:100%;height:100%;border:1px solid #626b76;border-radius:100px;transition:.2s}
.ed-theme-slider:after{content:"";position:absolute;left:4px;top:4px;height:20px;width:20px;background:#fff;border-radius:50%;transition:transform .2s}
.ed-theme-switch input:checked+.ed-theme-slider:after{transform:translateX(27px)}
.ed-theme-switch input:focus-visible+.ed-theme-slider{outline:3px solid var(--ed-primary);outline-offset:3px}
body:not(.darkMode) .ed-theme-slider{background:#e5e7eb;color:#111}
body:not(.darkMode) .ed-theme-slider:after{background:#111}
#ed-footer a{word-break:break-word}
#ed-guides-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
#ed-guides-list .ed-guide-card{display:block}
#ed-guides-list .ed-guide-card-inner{min-height:160px;align-items:center}
#ed-blog-dynamic .ed-card .ed-card-link{display:block;height:100%}
#ed-blog-dynamic .ed-card .ed-card-body{min-height:220px}
.ed-static-portfolio-grid{margin-top:12px}
.ed-static-portfolio-grid .ed-item-card[hidden],#ed-guides-list .ed-guide-card[hidden]{display:none!important}
.ed-portfolio .ed-chips{margin-bottom:1.3rem}
@media(max-width:767px){#ed-guides-list{grid-template-columns:1fr}.ed-theme-controls{margin-left:auto}.site-header{gap:10px}}

#emaildeer-particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}#main-content>div,#main-content>section{position:relative;z-index:1}#ed-home{position:relative;z-index:1}
