/* WORDPRESS_ADAPTER: native content blocks and menu layout. */
body {
  margin: 0;
  background: #fff;
}
#letter-studio {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  min-height: 100vh;
}
#letter-studio .content {
  max-width: 1200px;
  margin-inline: auto;
  padding: 28px 36px;
}
#letter-studio .intro {
  max-width: 1200px;
  margin-inline: auto;
}
#letter-studio .wp-page-content > * + * {
  margin-top: 24px;
}
#letter-studio .wp-article-content {
  max-width: 900px;
}
#letter-studio .wp-block-image img {
  max-width: 100%;
  height: auto;
}
#letter-studio .wp-block-image figcaption {
  color: var(--p-muted);
  font-size: 13px;
}
#letter-studio .wp-block-group {
  box-sizing: border-box;
}
#letter-studio .wp-block-heading {
  color: var(--p-ink);
}
#letter-studio .wp-block-button__link {
  background: var(--p-button);
  color: var(--p-on-button);
  border-radius: 8px;
  padding: 12px 18px;
}
#letter-studio .site-header {
  max-width: none;
}
#letter-studio .brand-logo {
  max-width: 180px;
  max-height: 56px;
  width: auto;
  height: auto;
}
#letter-studio .primary-menu,
#letter-studio .sub-menu,
#letter-studio .footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
#letter-studio .primary-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  align-items: center;
}
#letter-studio .primary-menu > li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#letter-studio .primary-menu > li > a {
  display: flex;
  padding: 10px 12px;
  min-height: 44px;
  align-items: center;
  color: var(--p-muted);
  text-decoration: none;
}
#letter-studio .primary-menu .current-menu-item > a,
#letter-studio .primary-menu .current-menu-ancestor > a {
  color: var(--p-nav-text);
  background: var(--p-nav-active);
  border-radius: 7px;
}
#letter-studio .submenu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  margin: 0 2px 0 -7px;
  padding: 6px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--p-ink);
}
#letter-studio .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 230px;
  max-width: calc(100vw - 40px);
  background: var(--p-surface);
  padding: 8px;
  border: 1px solid var(--p-line);
  border-radius: 8px;
  box-shadow: 0 8px 20px var(--p-shadow);
  z-index: 50;
}
#letter-studio .sub-menu a {
  display: flex;
  min-height: 44px;
  padding: 10px;
  color: var(--p-ink);
  text-decoration: none;
}
#letter-studio .sub-menu[hidden] {
  display: none !important;
}
#letter-studio .footer-links li {
  margin: 0;
}
#letter-studio .footer-links a {
  width: 100%;
}
#letter-studio .blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#letter-studio .blog-card .thumbnail-link {
  display: block;
  width: 100%;
}
#letter-studio .blog-thumb {
  width: 100%;
  height: 190px;
  object-fit: cover;
  object-position: top;
}
#letter-studio .blog-card .excerpt p {
  margin-top: 0;
}
#letter-studio .blog-filters a {
  margin: 0;
}
#letter-studio .pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
#letter-studio .page-numbers {
  padding: 10px 14px;
  border: 1px solid var(--p-line);
  border-radius: 6px;
}
#letter-studio .page-numbers.current {
  background: var(--p-button);
  color: var(--p-on-button);
}
#letter-studio .tutorial-step .wp-block-image {
  margin: 0;
  width: 100%;
}
#letter-studio .tutorial-step .wp-block-image img {
  border: 1px solid var(--p-line);
  border-radius: 10px;
}
#letter-studio .tutorial-step:nth-child(n + 5) .wp-block-image {
  max-width: 760px;
}
#letter-studio .tutorial-step ul {
  padding-left: 22px;
}
#letter-studio .owner-required {
  overflow-wrap: anywhere;
}
#letter-studio .wp-block-details {
  padding: 14px 0;
  border-bottom: 1px solid var(--p-line);
}
#letter-studio .wp-block-details summary {
  min-height: 44px;
  align-content: center;
}
#letter-studio .skip:focus {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1000;
}
#letter-studio .wp-block-image {
  margin-inline: 0;
}
#letter-studio .wp-block-image figcaption {
  margin-top: 8px;
}
#letter-studio .blog-card h2 {
  margin-top: 10px;
}
#letter-studio .content p,
#letter-studio .content li {
  overflow-wrap: anywhere;
}
@media (max-width: 800px) {
  #letter-studio .blog-grid {
    grid-template-columns: 1fr 1fr;
  }
  #letter-studio .content {
    padding: 24px;
  }
}
@media (max-width: 580px) {
  #letter-studio .primary-menu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  #letter-studio .primary-menu > li {
    width: 100%;
  }
  #letter-studio .primary-menu > li > a {
    flex: 1;
  }
  #letter-studio .sub-menu {
    position: static;
    width: 100%;
    box-shadow: none;
    max-width: 100%;
    flex-basis: 100%;
  }
  #letter-studio .blog-grid {
    grid-template-columns: 1fr;
  }
  #letter-studio .content {
    padding: 20px 16px;
  }
  #letter-studio .site-header #ls-main-nav {
    display: none !important;
  }
  #letter-studio .site-header[data-menu-open="true"] #ls-main-nav {
    display: block !important;
  }
}