:where(.aksk-entry-content, .editor-styles-wrapper) {
  --wp--preset--color--aksk-navy: #1d3557;
  --wp--preset--color--aksk-teal: #27706f;
  --wp--preset--color--aksk-green: #2d8a74;
  --wp--preset--color--aksk-mint: #66c2a4;
  --wp--preset--color--aksk-offwhite: #f1faee;
  --wp--preset--color--aksk-light-neutral: #f5f7f9;
  --wp--preset--color--aksk-red: #e11d48;
  --wp--preset--color--aksk-ink: #111827;
  --wp--preset--color--aksk-muted: #64748b;
  --wp--preset--color--aksk-soft: #f8fafc;
  --wp--preset--color--white: #fff;
}

/* Native HTML baseline for WordPress content and the block editor. */
:where(.aksk-entry-content, .editor-styles-wrapper) {
  color: #334155;
  font-family: "Cabin", system-ui, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.75;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(h1, h2, h3, h4, h5, h6) {
  margin: 1.5em 0 .65em;
  color: #1d3557;
  font-weight: 700;
  line-height: 1.2;
}

:where(.aksk-entry-content, .editor-styles-wrapper) h1 { font-size: clamp(2rem, 4vw, 3rem); }
:where(.aksk-entry-content, .editor-styles-wrapper) h2 { font-size: clamp(1.65rem, 3vw, 2.25rem); }
:where(.aksk-entry-content, .editor-styles-wrapper) h3 { font-size: clamp(1.35rem, 2.4vw, 1.75rem); }
:where(.aksk-entry-content, .editor-styles-wrapper) h4 { font-size: 1.25rem; }
:where(.aksk-entry-content, .editor-styles-wrapper) h5 { font-size: 1.1rem; }
:where(.aksk-entry-content, .editor-styles-wrapper) h6 {
  font-size: .95rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(p, address) {
  margin: 0 0 1.35em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) address { font-style: normal; }
:where(.aksk-entry-content, .editor-styles-wrapper) a {
  color: #27706f;
  font-weight: 600;
  text-decoration: none;
}
:where(.aksk-entry-content, .editor-styles-wrapper) a:hover {
  color: #2d8a74;
  text-decoration: underline;
  text-underline-offset: .18em;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(abbr[title], acronym[title]) {
  text-decoration: underline dotted;
  text-underline-offset: 3px;
  cursor: help;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(del, s) { color: #64748b; }
:where(.aksk-entry-content, .editor-styles-wrapper) ins {
  padding-inline: .15em;
  background: #f1faee;
  text-decoration: none;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(small, time) { font-size: .875em; }
:where(.aksk-entry-content, .editor-styles-wrapper) :where(sub, sup) {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
}
:where(.aksk-entry-content, .editor-styles-wrapper) sup { top: -.5em; }
:where(.aksk-entry-content, .editor-styles-wrapper) sub { bottom: -.25em; }
:where(.aksk-entry-content, .editor-styles-wrapper) hr {
  height: 0;
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid #cbd5e1;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(figure, picture, audio, video, iframe, embed, object, svg) {
  max-width: 100%;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(audio, video, iframe) {
  display: block;
  width: 100%;
}
:where(.aksk-entry-content, .editor-styles-wrapper) iframe { border: 0; }
:where(.aksk-entry-content, .editor-styles-wrapper) figcaption,
:where(.aksk-entry-content, .editor-styles-wrapper) caption {
  padding-top: .6rem;
  color: #64748b;
  font-size: .82rem;
  text-align: left;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(fieldset, details, dialog) {
  padding: 1.25rem;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  background: #fff;
}
:where(.aksk-entry-content, .editor-styles-wrapper) fieldset { margin: 0 0 1.5rem; }
:where(.aksk-entry-content, .editor-styles-wrapper) legend {
  padding-inline: .45rem;
  color: #1d3557;
  font-weight: 700;
}
:where(.aksk-entry-content, .editor-styles-wrapper) summary {
  color: #1d3557;
  font-weight: 700;
  cursor: pointer;
}
:where(.aksk-entry-content, .editor-styles-wrapper) details[open] > summary { margin-bottom: 1rem; }
:where(.aksk-entry-content, .editor-styles-wrapper) label {
  display: inline-block;
  margin-bottom: .35rem;
  color: #1e293b;
  font-weight: 600;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"]), select, textarea) {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  color: #111827;
  background: #fff;
  font: inherit;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(input, select, textarea):focus {
  border-color: #27706f;
  outline: 3px solid rgba(102, 194, 164, .28);
  outline-offset: 1px;
}
:where(.aksk-entry-content, .editor-styles-wrapper) textarea {
  min-height: 140px;
  resize: vertical;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
  min-height: 44px;
  padding: 10px 18px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: #27706f;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
:where(.aksk-entry-content, .editor-styles-wrapper) :where(progress, meter) {
  width: 100%;
  height: 12px;
  accent-color: #27706f;
}

:where(.aksk-entry-content, .editor-styles-wrapper) > * {
  max-width: 100%;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(p, ul, ol, dl, table, pre, blockquote, figure) {
  margin-top: 0;
  margin-bottom: 1.35em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(ul, ol) {
  padding-left: 1.35em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) li + li {
  margin-top: .4em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(dt, strong, b) {
  color: #1e293b;
  font-weight: 700;
}

:where(.aksk-entry-content, .editor-styles-wrapper) dd {
  margin: .35em 0 1em 1.25em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(mark, .has-inline-color) {
  padding: .08em .2em;
  border-radius: 2px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(code, kbd, samp) {
  border-radius: 3px;
  background: #eef2f7;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .88em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) code {
  padding: .12em .35em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) kbd {
  padding: .16em .42em;
  color: #fff;
  background: #1e293b;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.25);
}

:where(.aksk-entry-content, .editor-styles-wrapper) pre,
:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-code {
  overflow-x: auto;
  padding: 20px;
  border: 1px solid #dbe3ec;
  border-radius: 6px;
  color: #e2e8f0;
  background: #142640;
  line-height: 1.6;
}

:where(.aksk-entry-content, .editor-styles-wrapper) pre code,
:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-code code {
  padding: 0;
  color: inherit;
  background: transparent;
}

:where(.aksk-entry-content, .editor-styles-wrapper) blockquote,
:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-quote {
  margin-inline: 0;
  padding: 18px 24px;
  border-left: 4px solid #27706f;
  color: #334155;
  background: #f1faee;
  font-size: 1.08em;
}

:where(.aksk-entry-content, .editor-styles-wrapper) blockquote > :last-child {
  margin-bottom: 0;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(cite, figcaption, .wp-element-caption) {
  color: #64748b;
  font-size: .82rem;
  font-style: normal;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-pullquote {
  padding: 34px 24px;
  border-block: 3px solid #1d3557;
  color: #1d3557;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-pullquote blockquote {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 1.25em;
  text-align: center;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(img, video) {
  border-radius: 6px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-image, .wp-block-video, .wp-block-audio, .wp-block-embed) figcaption {
  margin-top: 8px;
  text-align: center;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-gallery {
  gap: 16px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(table, .wp-block-table table) {
  width: 100%;
  border-collapse: collapse;
  font-size: .94rem;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(th, td) {
  padding: 11px 13px;
  border: 1px solid #dbe3ec;
  text-align: left;
  vertical-align: top;
}

:where(.aksk-entry-content, .editor-styles-wrapper) th {
  color: #fff;
  background: #1d3557;
  font-weight: 700;
}

:where(.aksk-entry-content, .editor-styles-wrapper) tbody tr:nth-child(even) {
  background: #f8fafc;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-table.is-style-stripes {
  border: 0;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-button__link,
:where(.aksk-entry-content, .editor-styles-wrapper) .wp-element-button {
  min-height: 44px;
  padding: 11px 20px;
  border: 2px solid #27706f;
  border-radius: 4px;
  color: #fff;
  background: #27706f;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .is-style-outline > .wp-block-button__link {
  color: #1d3557;
  border-color: #1d3557;
  background: transparent;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-buttons {
  gap: 10px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-columns {
  gap: clamp(20px, 3vw, 36px);
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-group, .wp-block-media-text) {
  border-radius: 7px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-group.has-background {
  padding: clamp(22px, 4vw, 40px);
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-cover {
  min-height: 360px;
  overflow: hidden;
  border-radius: 8px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-cover__inner-container {
  width: min(100% - 32px, 900px);
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-media-text {
  overflow: hidden;
  border: 1px solid #e2e8f0;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-media-text__content {
  padding: clamp(24px, 5vw, 52px);
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-separator {
  width: 100%;
  border: 0;
  border-top: 1px solid #cbd5e1;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-separator.is-style-wide {
  border-top-width: 2px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-separator.is-style-dots::before {
  color: #1d3557;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-file, .wp-block-download-manager-download-link) {
  padding: 14px 16px;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #1d3557;
  border-radius: 5px;
  background: #f8fafc;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-file__button {
  color: #fff;
  background: #1d3557;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-details {
  padding: 15px 18px;
  border: 1px solid #dbe3ec;
  border-radius: 5px;
  background: #fff;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-details summary {
  color: #1d3557;
  font-weight: 700;
  cursor: pointer;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-details > :last-child {
  margin-bottom: 0;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-query, .wp-block-post-template) {
  padding-left: 0;
  list-style: none;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-post-template.is-layout-grid {
  gap: 22px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-post-template > li {
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-top: 3px solid #27706f;
  border-radius: 7px;
  background: #fff;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-post-template :where(.wp-block-post-title, .wp-block-post-date, .wp-block-post-excerpt) {
  margin-inline: 18px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-post-featured-image img {
  width: 100%;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-query-pagination, .wp-block-post-navigation-link, .wp-block-comments-pagination) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-query-pagination a, .wp-block-query-pagination .current, .wp-block-comments-pagination a, .wp-block-comments-pagination .current) {
  display: grid;
  min-width: 38px;
  height: 38px;
  padding: 0 9px;
  place-items: center;
  border: 1px solid #dbe3ec;
  border-radius: 4px;
  text-decoration: none;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-query-pagination .current, .wp-block-comments-pagination .current) {
  color: #fff;
  border-color: #1d3557;
  background: #1d3557;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-latest-posts, .wp-block-latest-comments, .wp-block-categories-list, .wp-block-archives-list, .wp-block-rss) {
  padding: 18px 20px 18px 38px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #f8fafc;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-latest-posts__featured-image img {
  margin-bottom: 8px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-calendar table {
  table-layout: fixed;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-calendar caption {
  margin-bottom: 10px;
  color: #1d3557;
  font-weight: 700;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-social-links {
  padding-left: 0;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-social-link {
  margin-top: 0;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-search__input, .wp-block-post-comments-form input:not([type="submit"]), .wp-block-post-comments-form textarea) {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) :where(.wp-block-search__button, .wp-block-post-comments-form input[type="submit"]) {
  min-height: 44px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: #27706f;
  font-weight: 700;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-navigation {
  padding: 14px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-verse {
  padding: 18px 22px;
  border-left: 3px solid #1d3557;
  background: #f8fafc;
  font-family: inherit;
  white-space: pre-wrap;
}

:where(.aksk-entry-content, .editor-styles-wrapper) .alignwide {
  width: min(1140px, calc(100vw - 48px));
  max-width: none;
  margin-right: 50%;
  margin-left: 50%;
  transform: translateX(-50%);
}

:where(.aksk-entry-content, .editor-styles-wrapper) .alignfull {
  width: 100vw;
  max-width: none;
  margin-right: 50%;
  margin-left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 680px) {
  :where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-media-text {
    grid-template-columns: 1fr !important;
  }

  :where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-media-text__media,
  :where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-media-text__content {
    grid-column: 1 !important;
  }

  :where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-media-text__media {
    grid-row: 1;
  }

  :where(.aksk-entry-content, .editor-styles-wrapper) .wp-block-media-text__content {
    grid-row: 2;
  }

  :where(.aksk-entry-content, .editor-styles-wrapper) .alignwide {
    width: calc(100vw - 30px);
  }
}
