/* Ajans Hosting — editorial and corporate signature details.
   The existing layouts and content remain the source of truth. */

/* Reading folio: a quiet metadata strip and a clear navigation title band. */
.ah-inner #main .content-article-meta {
  padding: 16px 20px;
  margin-bottom: 28px;
  background: #f0f7f5;
  border-top: 1px solid #d7e9e3;
  border-bottom: 1px solid #d7e9e3;
  color: #365650;
}
.ah-inner #main .content-article-meta > span + span {
  padding-left: 18px;
  border-left: 1px solid #bed6cf;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) {
  padding: 0;
  background: #f7f8fc;
  border: 1px solid #dfe5ef;
  border-radius: 14px;
  box-shadow: none;
  scrollbar-color: #b8c3d3 #f7f8fc;
  scrollbar-width: thin;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) details > summary {
  min-height: 62px;
  padding: 19px 22px;
  margin: -1px -1px 0;
  background: #122d51;
  border-radius: 14px 14px 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) details > summary::marker {
  color: #b0e8df;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) details:not([open]) > summary {
  border-radius: 14px;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) details > nav {
  margin: 0;
  padding: 12px 14px 8px;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) nav ul {
  margin: 0;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) nav li {
  margin: 0;
  padding: 0;
  border: 0;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) nav li + li {
  border-top: 1px solid #e4e8f0;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) nav a {
  padding: 10px 9px;
  color: #42546e;
  border-radius: 5px;
  line-height: 1.7;
  text-decoration: none;
}
.ah-inner #main :is(.content-article-nav, .editorial-document-nav) nav a:is(:hover, :focus-visible, [aria-current]) {
  background: #e7eeed;
  color: #122d51;
  text-decoration: underline;
  text-decoration-color: #4e4feb;
  text-underline-offset: 4px;
}
.ah-inner #main .content-sidebar-contact {
  padding: 23px 23px 25px;
  margin: 8px 0 0;
  background: #eef2f7;
  border-radius: 0 0 14px 14px;
}
.ah-inner #main .editorial-document-nav details > :is(p, ul, .text-link) {
  margin-left: 22px;
  margin-right: 22px;
}
.ah-inner #main .editorial-document-nav details > .text-link {
  display: inline-block;
  margin-bottom: 24px;
}
.ah-inner #main .editorial-document-nav details > hr {
  margin: 14px 22px 20px;
  border-color: #dfe5ef;
}

/* Section rules give long prose the rhythm of a typeset technical document. */
.ah-inner #main :is(.content-article-main, .editorial-document-layout > .prose) > section > h2:first-child {
  position: relative;
  padding-top: 24px;
  border-top: 1px solid #dfe5ef;
}
.ah-inner #main :is(.content-article-main, .editorial-document-layout > .prose) > section > h2:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 44px;
  height: 3px;
  background: #4e4feb;
}
.ah-inner #main .content-article-main .comparison-table caption {
  background: #eef4f3;
  color: #365650;
}
.ah-inner #main .content-article-main .comparison-table thead th {
  background: #122d51;
  color: #fff;
  border-color: #2d4565;
}
.ah-inner #main .content-article-main .comparison-table tbody tr:nth-child(even) td {
  background: #f7f9fc;
}
.ah-inner #main .content-article-note {
  padding: 22px 24px;
  background: #edf6f3;
  color: #365650;
  border: 0;
  border-top: 1px solid #a6cfc2;
  border-radius: 0 0 12px 12px;
}
.ah-inner #main .content-guides-next {
  position: relative;
  padding: 32px;
  background: #122d51;
  border: 0;
  border-radius: 14px;
}
.ah-inner #main .content-guides-next::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 18px;
  width: 26px;
  height: 26px;
  border-top: 1px solid #64858b;
  border-right: 1px solid #64858b;
  pointer-events: none;
}
.ah-inner #main .content-guides-next h3 { color: #fff; padding-right: 24px; }
.ah-inner #main .content-guides-next p { color: #d0dbea; }
.ah-inner #main .content-guides-next a { color: #b0e8df; }
.ah-inner #main .content-guides-next > a {
  padding: 9px 0;
  border-top: 1px solid #35516d;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
.ah-inner #main .content-guides-next a:hover { color: #fff; }
.ah-inner #main .content-guides-next a:focus-visible { outline-color: #b0e8df; }

/* The archive's lead story reads as one continuous feature spread. */
.ah-inner #main .editorial-blog-list .content-resource-card:first-child {
  position: relative;
  padding: 36px !important;
  background: #e2f2ed;
  border-top: 1px solid #b8d7cc;
  border-bottom: 1px solid #b8d7cc;
}
.ah-inner #main .editorial-blog-list .content-resource-card:first-child::after {
  content: "";
  position: absolute;
  right: 17px;
  top: 17px;
  width: 30px;
  height: 30px;
  border-top: 1px solid #79ab9d;
  border-right: 1px solid #79ab9d;
  pointer-events: none;
}
.ah-inner #main .editorial-blog-list .content-resource-card:first-child .content-resource-cover {
  background: transparent;
  border-right: 1px solid #b8d7cc;
  border-radius: 0;
  padding: 15px 30px 15px 4px;
}
.ah-inner #main .editorial-blog-list .content-resource-card:first-child .content-resource-body > p {
  color: #3e5e59;
}
.ah-inner #main .editorial-blog-list .content-resource-card:first-child .content-resource-meta {
  padding-top: 18px;
  border-top: 1px solid #b8d7cc;
  color: #3e5e59;
}
.ah-inner #main :is(.editorial-blog-list, .editorial-guide-list) .content-resource-card:not(:first-child) {
  border-top-color: #cbd6e3;
}
.ah-inner #main .editorial-blog-list .content-resource-card:not(:first-child) .content-resource-cover {
  background: #eef3f7;
  border-bottom: 1px solid #cddae4;
  border-radius: 12px 12px 3px 3px;
}
.ah-inner #main :is(.editorial-blog-list, .editorial-guide-list) .content-resource-meta .text-link {
  text-decoration: underline;
  text-decoration-color: #b5b5ef;
  text-underline-offset: 5px;
}
.ah-inner #main :is(.editorial-blog-list, .editorial-guide-list) .content-resource-card:hover h3 a {
  color: #4e4feb;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
.ah-inner #main .editorial-guide-list .content-resource-icon {
  padding: 5px;
  width: 34px;
  height: 34px;
  background: #e3f1ec;
  border-radius: 6px;
}
.ah-inner #main .editorial-category-nav {
  padding: 16px 0 20px;
  border-bottom: 1px solid #d5e0e8;
}
.ah-inner #main .editorial-category-nav a {
  background: #f7f9fc;
  border-color: #d5e0e8;
  border-radius: 8px;
}
.ah-inner #main .editorial-category-nav a:is(:hover, [aria-current="page"]) {
  background: #122d51;
  color: #fff;
  border-color: #122d51;
}
.ah-inner #main .editorial-category-nav a:is(:hover, [aria-current="page"]) small { color: #b0e8df; }
.ah-inner #main .editorial-page-nav {
  padding-left: 22px;
  padding-right: 22px;
  background: #f1f6f5;
  border-bottom-color: #bcd7ce;
}
.ah-inner #main .editorial-page-nav a { text-decoration-color: #aec5bf; }

/* Company facts become a ledger; principles form one confident navy panel. */
.ah-inner #main .editorial-company-intro .content-company-details {
  padding: 0 22px;
  gap: 0;
  background: #f3f6f9;
  border-top: 2px solid #122d51;
  border-bottom: 1px solid #d9e1eb;
}
.ah-inner #main .editorial-company-intro .content-company-details > div {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 20px;
  align-items: baseline;
  padding: 17px 0;
  border-top: 0;
}
.ah-inner #main .editorial-company-intro .content-company-details > div + div { border-top: 1px solid #d9e1eb; }
.ah-inner #main .editorial-company-intro .content-company-details dt { margin: 0; color: #51627a; }
.ah-inner #main .editorial-company-intro .content-company-details dd { font-size: 14px; line-height: 1.75; }
.ah-inner #main .editorial-company-intro .content-illustrated-panel {
  position: relative;
  background: #e2f2ed;
  border-bottom: 1px solid #9fc9bd;
}
.ah-inner #main .editorial-company-intro .content-illustrated-panel::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 36px;
  height: 36px;
  border-right: 1px solid #79ab9d;
  border-bottom: 1px solid #79ab9d;
  pointer-events: none;
}
.ah-inner #main .editorial-company-intro + .section .editorial-principles {
  gap: 0;
  padding: 34px;
  background: #122d51;
  border-radius: 14px;
}
.ah-inner #main .editorial-company-intro + .section .editorial-principles article {
  padding: 0 28px;
  border: 0;
}
.ah-inner #main .editorial-company-intro + .section .editorial-principles article:first-child { padding-left: 0; }
.ah-inner #main .editorial-company-intro + .section .editorial-principles article:last-child { padding-right: 0; }
.ah-inner #main .editorial-company-intro + .section .editorial-principles article + article { border-left: 1px solid #395371; }
.ah-inner #main .editorial-company-intro + .section .editorial-principles h3 { color: #fff; }
.ah-inner #main .editorial-company-intro + .section .editorial-principles p { color: #d0dbea; }
.ah-inner #main .editorial-company-intro + .section .editorial-principles .editorial-principle-label { color: #b0e8df; margin-bottom: 20px; }
.ah-inner #main .card > dl {
  padding-top: 20px;
  border-top: 2px solid #122d51;
}

/* Contact forms: a precise writing surface beside a distinct contact panel. */
.ah-inner #main .form-card {
  position: relative;
  border-top: 3px solid #4e4feb;
  border-radius: 14px;
}
.ah-inner #main .form-card > h2 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dfe5ef;
}
.ah-inner #main .form-card .field :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  background: #f8fafd;
  border-color: #cdd7e4;
  box-shadow: none;
}
.ah-inner #main .form-card .field :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus {
  background: #fff;
  border-color: #4e4feb;
  box-shadow: none;
}
.ah-inner #main .form-card .field :is(input, textarea)::placeholder { color: #66758a; }
.ah-inner #main .form-card .field:has(:focus-visible) > label { color: #4242c9; }
.ah-inner #main .form-card .field:has(> button[type="submit"]) {
  padding-top: 22px;
  border-top: 1px solid #dfe5ef;
}
.ah-inner #main .contact-direct {
  position: relative;
  padding: 32px;
  background: #122d51;
  border: 0;
  border-radius: 14px;
}
.ah-inner #main .contact-direct::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 18px;
  width: 25px;
  height: 25px;
  border-top: 1px solid #64858b;
  border-right: 1px solid #64858b;
  pointer-events: none;
}
.ah-inner #main .contact-layout .contact-direct h2 { color: #fff; padding-right: 16px; }
.ah-inner #main .contact-direct .eyebrow { color: #b0e8df; }
.ah-inner #main .contact-direct p { color: #d0dbea; }
.ah-inner #main .contact-direct p > a {
  display: inline-block;
  margin-top: 5px;
  color: #b0e8df;
  text-decoration-color: #64858b;
  text-underline-offset: 5px;
}
.ah-inner #main .contact-direct .contact-company { border-top-color: #395371; }
.ah-inner #main .contact-direct a:hover { color: #fff; }
.ah-inner #main .contact-direct a:focus-visible { outline-color: #b0e8df; }
.ah-inner #main .contact-context { border-left-width: 1px; border-top: 1px solid #a6cfc2; }

@media (max-width: 991.98px) {
  .ah-inner #main :is(.content-article-nav, .editorial-document-nav) { padding: 0; }
  .ah-inner #main :is(.content-article-nav, .editorial-document-nav) details > summary { min-height: 58px; padding: 17px 20px; }
  .ah-inner #main .editorial-document-nav details[open] { padding-bottom: 0; }
  .ah-inner #main .editorial-company-intro + .section .editorial-principles { padding: 28px; }
  .ah-inner #main .editorial-company-intro + .section .editorial-principles article { padding-inline: 20px; }
}
@media (max-width: 767px) {
  .ah-inner #main .content-article-meta { padding: 14px 16px; gap: 5px 14px; }
  .ah-inner #main .content-article-meta > span:first-child { flex-basis: 100%; }
  .ah-inner #main .content-article-meta > span + span { border-left: 0; padding-left: 0; }
  .ah-inner #main .content-article-meta > span:last-child { border-left: 1px solid #bed6cf; padding-left: 14px; }
  .ah-inner #main :is(.content-article-main, .editorial-document-layout > .prose) > section > h2:first-child { padding-top: 21px; }
  .ah-inner #main .content-guides-next { padding: 26px 23px; }
  .ah-inner #main .content-article-note { padding: 20px; }
  .ah-inner #main .editorial-blog-list .content-resource-card:first-child { padding: 26px 24px !important; }
  .ah-inner #main .editorial-blog-list .content-resource-card:first-child::after { width: 18px; height: 18px; top: 12px; right: 12px; }
  .ah-inner #main .editorial-blog-list .content-resource-card:first-child .content-resource-cover { border: 0; padding: 0; }
  .ah-inner #main .editorial-blog-list .content-resource-card:first-child .content-resource-meta { padding-top: 14px; }
  .ah-inner #main .editorial-page-nav { padding-inline: 16px; }
  .ah-inner #main .editorial-company-intro .content-company-details { padding-inline: 18px; }
  .ah-inner #main .editorial-company-intro .content-company-details > div { grid-template-columns: minmax(0, 1fr); gap: 5px; padding-block: 16px; }
  .ah-inner #main .editorial-company-intro + .section .editorial-principles { padding: 26px; gap: 24px; }
  .ah-inner #main .editorial-company-intro + .section .editorial-principles article { padding: 0; }
  .ah-inner #main .editorial-company-intro + .section .editorial-principles article + article { border-left: 0; border-top: 1px solid #395371; padding-top: 24px; }
  .ah-inner #main .editorial-company-intro + .section .editorial-principles .editorial-principle-label { margin-bottom: 14px; }
  .ah-inner #main .contact-direct { padding: 27px 24px; }
}
@media print {
  .ah-inner #main :is(.content-article-meta, .content-article-note, .content-guides-next) { background: #fff; color: #122d51; }
  .ah-inner #main .content-guides-next :is(h3, p, a) { color: #122d51; }
  .ah-inner #main .content-guides-next::after { display: none; }
}