:root {
  --takesme-page-gutter: clamp(14px, 2.4vw, 30px);
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background:
    radial-gradient(circle at top left, rgba(4, 126, 153, 0.08), transparent 26%),
    linear-gradient(180deg, #EFFBFB 0%, #F6FDFD 60%, #f7fdfd 100%);
}

.takesme-site-frame {
  width: min(calc(100% - (var(--takesme-page-gutter) * 2)), var(--takesme-container));
  margin-inline: auto;
}

.takesme-main {
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
}

.home .takesme-main,
.blog .takesme-main {
  width: 100%;
  max-width: none;
  padding-top: 0;
}

.takesme-frontpage-shell {
  width: 100%;
  margin: 0;
  padding: 0 0 2rem;
}

.takesme-header {
  position: sticky;
  top: 0;
}

.takesme-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

.takesme-site-branding {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.takesme-site-branding a {
  text-decoration: none;
}

.takesme-site-branding .custom-logo,
.takesme-site-branding .wp-block-site-logo img {
  display: block;
  width: auto;
  max-height: 38px;
}

.takesme-site-branding .wp-block-site-title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.1;
}

.takesme-menu-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-width: 0;
}

.takesme-classic-nav,
.takesme-classic-nav .menu,
.takesme-classic-nav > ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem 0.7rem;
}

.takesme-classic-nav .menu,
.takesme-classic-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.takesme-classic-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  color: var(--takesme-ink);
  font-weight: 600;
  text-decoration: none;
}

.takesme-classic-nav a:hover,
.takesme-classic-nav .current-menu-item > a,
.takesme-classic-nav .current_page_item > a,
.takesme-classic-nav .current-menu-ancestor > a {
  color: var(--takesme-primary-deep);
}

.takesme-classic-search {
  min-width: min(100%, 180px);
}

.takesme-classic-search .search-form,
.takesme-classic-search .wp-block-search__inside-wrapper {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0.25rem 0.25rem 0.25rem 0.8rem;
  border: 1px solid var(--takesme-line);
  border-radius: 999px;
  background: #fff;
  box-sizing: border-box;
}

.takesme-classic-search label {
  flex: 1 1 auto;
  min-width: 0;
}

.takesme-classic-search .search-field {
  min-width: 0;
  border: 0;
  padding: 0.45rem 0;
  background: transparent;
}

.takesme-classic-search .search-field:focus {
  outline: none;
}

.takesme-classic-search .search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.65rem 0.9rem;
  border: 0;
  border-radius: 999px;
  background: var(--takesme-primary);
  color: #fff;
  cursor: pointer;
}

.takesme-taxonomy-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 0 0 0.25rem;
}

.takesme-taxonomy-pill,
.takesme-category-chip,
.is-style-pill a,
.takesme-category-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(25, 95, 118, 0.12);
  background: rgba(45, 153, 187, 0.08);
  color: var(--takesme-primary-deep);
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
}

.takesme-category-pill.is-soft {
  background: rgba(45, 153, 187, 0.08);
}

.takesme-page-title,
.takesme-post-title {
  margin: 0;
}

.takesme-post-excerpt,
.takesme-page-excerpt {
  color: var(--takesme-muted);
}

.takesme-classic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.takesme-card-link,
.takesme-card-link:hover {
  color: inherit;
  text-decoration: none;
}

.takesme-card-figure,
.takesme-single-featured-image,
.takesme-post-image-link {
  display: block;
  overflow: hidden;
}

.takesme-card-figure img,
.takesme-post-image-link img,
.takesme-single-featured-image img {
  display: block;
  width: 100%;
  height: auto;
}

.takesme-post-body > *:first-child,
.takesme-page-body > *:first-child {
  margin-top: 0;
}

.takesme-post-body > *:last-child,
.takesme-page-body > *:last-child {
  margin-bottom: 0;
}

.takesme-post-content,
.takesme-page-body {
  min-width: 0;
}

.takesme-pagination {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.takesme-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.takesme-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 34px;
  padding: 0.7rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(25, 95, 118, 0.12);
  background: #fff;
  color: var(--takesme-ink);
  text-decoration: none;
  box-shadow: var(--takesme-shadow-soft);
}

.takesme-pagination .page-numbers.current {
  background: linear-gradient(135deg, var(--takesme-primary-deep), var(--takesme-primary));
  color: #fff;
  border-color: transparent;
}

.takesme-footer {
  margin-top: 2rem;
}

.takesme-footer-inner {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
}

.takesme-footer-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(220px, 1fr) minmax(220px, 1fr);
  gap: 2rem;
}

.takesme-footer-title {
  margin: 0 0 0.75rem;
}

.takesme-footer-list {
  margin: 0;
  padding-left: 1.15rem;
}

.takesme-footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.takesme-classic-comments {
  margin-top: 2rem;
  border: 1px solid var(--takesme-line);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(253,247,251,0.98));
  box-shadow: 0 18px 46px rgba(17,17,17,0.05);
  padding: clamp(1.2rem, 2vw, 1.8rem);
}

.takesme-classic-comments .comment-list,
.takesme-classic-comments .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.takesme-classic-comments .comment-list > li + li {
  margin-top: 1rem;
}

.takesme-classic-comments .comment-body {
  padding: 1rem 1.1rem;
  border: 1px solid rgba(25, 95, 118, 0.08);
  border-radius: 22px;
  background: #fff;
}

.takesme-classic-comments .comment-meta {
  margin-bottom: 0.65rem;
}

.takesme-classic-comments .comment-reply-link,
.takesme-classic-comments .submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0.7rem 1rem;
  border-radius: 999px;
  background: var(--takesme-primary);
  color: #fff;
  text-decoration: none;
  border: 0;
}

.takesme-classic-comments .comment-form-comment,
.takesme-classic-comments .comment-form-author,
.takesme-classic-comments .comment-form-email,
.takesme-classic-comments .comment-form-url {
  margin-bottom: 1rem;
}

.takesme-classic-comments .comment-form input,
.takesme-classic-comments .comment-form textarea {
  width: 100%;
}

@media (max-width: 1100px) {
  .takesme-classic-grid,
  .takesme-footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .takesme-header-inner {
    align-items: flex-start;
  }
}

@media (max-width: 860px) {
  .takesme-header-inner,
  .takesme-menu-row,
  .takesme-footer-columns,
  .takesme-classic-grid {
    grid-template-columns: 1fr;
  }

  .takesme-header-inner,
  .takesme-menu-row {
    display: grid;
    justify-content: stretch;
  }

  .takesme-menu-row {
    justify-content: start;
  }

  .takesme-classic-nav,
  .takesme-classic-nav .menu,
  .takesme-classic-nav > ul {
    width: 100%;
    justify-content: flex-start;
  }

  .takesme-classic-search {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 680px) {
  .takesme-footer-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}


.takesme-forum-layout {
  display: grid;
  grid-template-columns: minmax(0, 68%) minmax(280px, 32%);
  gap: 1.2rem;
  align-items: start;
}

@media (max-width: 960px) {
  .takesme-forum-layout {
    grid-template-columns: 1fr;
  }
}

/* Global site header and navigation */
:root {
  --takesme-dark: #004F4F;
  --takesme-bubble: rgba(255,255,255,0.82);
}

.takesme-header,
.takesme-header * {
  box-sizing: border-box;
}

.takesme-header {
  z-index: 60;
  border-bottom: 1px solid rgba(214,230,235,.92);
  background: rgba(251,252,253,.9);
  backdrop-filter: blur(18px) saturate(180%);
}

.takesme-topbar {
  border-bottom: 1px solid rgba(214,230,235,.8);
  background: linear-gradient(90deg, rgba(5,152,186,.07), rgba(255,255,255,.82));
}

.takesme-topbar__inner,
.takesme-mainnav,
.takesme-masthead {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.takesme-topbar__inner {
  justify-content: center;
  min-height: 30px;
}

.takesme-header-menu,
.takesme-header-menu ul,
.takesme-header-menu .menu {
  display: flex;
  align-items: center;
  gap: .35rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.takesme-header-menu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: .38rem .72rem;
  border-radius: 999px;
  color: var(--takesme-dark);
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  transition: transform .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease;
}

.takesme-topbar .takesme-header-menu {
  justify-content: center;
  width: 100%;
}

.takesme-topbar .takesme-header-menu a {
  font-size: .76rem;
  color: var(--takesme-primary-deep);
}

.takesme-topbar .takesme-header-menu a:hover,
.takesme-topbar .takesme-header-menu a:focus-visible,
.takesme-topbar .takesme-header-menu .current-menu-item > a,
.takesme-topbar .takesme-header-menu .current_page_item > a {
  background: rgba(255,255,255,.92);
  color: var(--takesme-primary-deep);
  box-shadow: 0 8px 24px rgba(8,85,95,.07);
}

.takesme-masthead {
  justify-content: space-between;
  padding-top: .7rem;
  padding-bottom: .7rem;
}

.takesme-masthead__account,
.takesme-masthead__brand {
  display: flex;
  align-items: center;
  gap: .62rem;
  min-width: 0;
  flex: 1 1 0;
}

.takesme-masthead__account {
  justify-content: flex-start;
}

.takesme-masthead__brand {
  justify-content: flex-end;
}

.takesme-brand-link {
  display: inline-flex;
  align-items: center;
  gap: .62rem;
  text-decoration: none;
  color: inherit;
}

.takesme-brand-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .2rem;
}

.takesme-brand-text strong {
  font-size: clamp(.92rem, 1.5vw, 1.14rem);
  line-height: 1;
}

.takesme-brand-text span {
  font-size: .68rem;
  color: var(--takesme-muted);
  text-transform: uppercase;
  letter-spacing: .14em;
}

.takesme-account-links {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-wrap: wrap;
}

.takesme-account-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 34px;
  padding: .48rem .8rem;
  border-radius: 999px;
  background: rgba(4,126,153,.08);
  color: var(--takesme-primary-deep);
  font-weight: 700;
  font-size: .82rem;
  line-height: 1;
}

.takesme-account-links .takesme-account-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: .5rem .8rem;
  border-radius: 999px;
  border: 1px solid rgba(21,90,113,.12);
  background: var(--takesme-bubble);
  color: var(--takesme-dark);
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(8,85,95,.06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

.takesme-account-links .takesme-account-link:hover {
  transform: translateY(-1px);
  border-color: rgba(21,90,113,.22);
  box-shadow: 0 18px 30px rgba(8,85,95,.10);
  color: var(--takesme-primary-deep);
}

.takesme-account-links .takesme-account-link--primary {
  background: linear-gradient(135deg, var(--takesme-primary-deep), var(--takesme-primary));
  color: #fff;
  border-color: transparent;
}

.takesme-account-links .takesme-account-link--primary:hover {
  color: #fff;
}

.takesme-mainnav-wrap {
  border-top: 1px solid rgba(4,126,153,.18);
  background: linear-gradient(135deg, rgba(4,126,153,.96), rgba(5,152,186,.95) 48%, rgba(67,213,213,.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 24px rgba(5,152,186,.10);
}

.takesme-mainnav {
  justify-content: space-between;
  padding-top: .48rem;
  padding-bottom: .58rem;
  gap: 1rem 1.5rem;
}

.takesme-mainnav .takesme-header-menu a {
  min-height: 34px;
  padding: .52rem .82rem;
  background: rgba(255,255,255,.94);
  color: var(--takesme-primary-deep);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 10px 24px rgba(8,85,95,.10);
}

.takesme-mainnav .takesme-header-menu a:hover,
.takesme-mainnav .takesme-header-menu a:focus-visible,
.takesme-mainnav .takesme-header-menu .current-menu-item > a,
.takesme-mainnav .takesme-header-menu .current_page_item > a,
.takesme-mainnav .takesme-header-menu .current-menu-ancestor > a {
  background: linear-gradient(135deg, rgba(4,126,153,.96), rgba(67,213,213,.92));
  color: #ffffff;
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 18px 30px rgba(8,85,95,.16);
}

.takesme-mainnav__search {
  flex: 0 0 auto;
  width: min(100%, 158px);
}

.takesme-mainnav__search .search-form {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin: 0;
  padding: .16rem .16rem .16rem .58rem;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 24px rgba(8,85,95,.10);
}

.takesme-mainnav__search .search-field {
  border: 0;
  background: transparent;
  padding: .18rem 0;
  min-width: 0;
  font-size: .9rem;
}

.takesme-mainnav__search .search-submit {
  min-height: 30px;
  padding: .38rem .62rem;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--takesme-primary-deep), var(--takesme-primary));
  color: #fff;
  font-size: .72rem;
  letter-spacing: .02em;
}

.takesme-footer-menu {
  list-style: none;
}

@media (max-width: 900px) {
  .takesme-topbar__inner,
  .takesme-masthead,
  .takesme-mainnav,
  .takesme-mainnav .takesme-header-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .takesme-masthead__account,
  .takesme-masthead__brand {
    justify-content: space-between;
  }

  .takesme-brand-link {
    width: 100%;
    justify-content: space-between;
  }

  .takesme-brand-text {
    align-items: flex-start;
  }

  .takesme-mainnav__search {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .takesme-topbar {
    display: none !important;
  }

  .takesme-topbar__inner,
  .takesme-mainnav {
    display: block;
  }

  .takesme-masthead {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: .45rem;
  }

  .takesme-topbar .takesme-header-menu,
  .takesme-mainnav .takesme-header-menu {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: .2rem;
    scroll-snap-type: x proximity;
    margin: 0;
  }

  .takesme-topbar .takesme-header-menu::-webkit-scrollbar,
  .takesme-mainnav .takesme-header-menu::-webkit-scrollbar {
    display: none;
  }

  .takesme-topbar .takesme-header-menu .menu,
  .takesme-mainnav .takesme-header-menu .menu,
  .takesme-topbar .takesme-header-menu > ul,
  .takesme-mainnav .takesme-header-menu > ul {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: .45rem;
    min-width: max-content;
    padding-right: .35rem;
    align-items: center;
  }

  .takesme-topbar .takesme-header-menu li,
  .takesme-mainnav .takesme-header-menu li {
    scroll-snap-align: start;
  }

  .takesme-topbar .takesme-header-menu a,
  .takesme-mainnav .takesme-header-menu a {
    white-space: nowrap;
    min-height: 30px;
    padding: .42rem .66rem;
    font-size: .76rem;
  }

  .takesme-masthead__brand {
    justify-content: flex-start;
  }

  .takesme-masthead__account {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
  }

  .takesme-account-badge {
    min-height: 30px;
    padding: .42rem .68rem;
    font-size: .74rem;
  }

  .takesme-account-links {
    display: none;
  }

  .takesme-mainnav__search {
    display: none !important;
  }

  .takesme-brand-logo {
    max-height: 22px;
  }
}


@media (max-width: 680px) {
  :root {
    --takesme-mobile-header-offset: 106px;
  }

  body {
    padding-top: var(--takesme-mobile-header-offset);
  }

  body.admin-bar {
    padding-top: calc(var(--takesme-mobile-header-offset) + 46px);
  }

  .takesme-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
  }

  body.admin-bar .takesme-header {
    top: 46px;
  }

  .takesme-main {
    padding-top: 1rem;
  }
}


/* Modern comments 36.5.22 */
.takesme-classic-comments {
  display: grid;
  gap: 1.15rem;
}

.takesme-comments-head {
  padding: 1.1rem 1.15rem 0;
}

.takesme-comments-head .comments-title {
  margin: .2rem 0 .3rem;
  font-size: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.1;
}

.takesme-comments-subtitle {
  margin: 0;
  color: var(--takesme-muted);
  max-width: 58ch;
}

.takesme-modern-comment-list,
.takesme-modern-comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.takesme-modern-comment-list {
  display: grid;
  gap: 1rem;
}

.takesme-modern-comment-item {
  margin: 0;
}

.takesme-modern-comment-item > .children {
  margin-top: .9rem;
  margin-left: 1.4rem;
  padding-left: 1rem;
  border-left: 2px solid rgba(4, 126, 153, .14);
  display: grid;
  gap: .9rem;
}

.takesme-modern-comment-card {
  padding: 1rem 1rem 1.05rem;
  border: 1px solid rgba(4, 126, 153, .12);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,254,254,.96));
  box-shadow: 0 16px 34px rgba(17,17,17,.05);
}

.takesme-modern-comment-item.is-reply .takesme-modern-comment-card {
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(17,17,17,.04);
}

.takesme-modern-comment-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .9rem;
  margin-bottom: .85rem;
}

.takesme-modern-comment-author {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  min-width: 0;
}

.takesme-modern-comment-avatar-wrap {
  flex: 0 0 auto;
}

.takesme-modern-comment-avatar {
  display: block;
  border-radius: 50%;
}

.takesme-modern-comment-author-meta {
  min-width: 0;
  display: grid;
  gap: .25rem;
}

.takesme-modern-comment-author-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
}

.takesme-modern-comment-author-name,
.takesme-modern-comment-author-name a {
  color: #111;
  text-decoration: none;
  font-size: 1rem;
}

.takesme-modern-comment-author-name a:hover {
  color: var(--takesme-primary-deep);
}

.takesme-modern-comment-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .2rem .55rem;
  border-radius: 999px;
  background: rgba(5, 152, 186, .12);
  color: var(--takesme-primary-deep);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.takesme-modern-comment-meta,
.takesme-modern-comment-meta a {
  color: var(--takesme-muted);
  text-decoration: none;
  font-size: .9rem;
}

.takesme-modern-comment-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.takesme-modern-comment-actions .comment-reply-link,
.takesme-classic-comments .cancel-comment-reply-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .62rem .95rem;
  border-radius: 999px;
  border: 1px solid rgba(4, 126, 153, .16);
  background: #fff;
  color: var(--takesme-primary-deep);
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(17,17,17,.04);
}

.takesme-modern-comment-actions .comment-reply-link:hover,
.takesme-classic-comments .cancel-comment-reply-link:hover {
  background: var(--takesme-primary-soft);
}

.takesme-modern-comment-content {
  color: #111;
}

.takesme-modern-comment-content p:last-child {
  margin-bottom: 0;
}

.takesme-comment-awaiting {
  margin: 0 0 .8rem;
  padding: .7rem .85rem;
  border-radius: 14px;
  background: rgba(217,164,65,.12);
  color: #7a5613;
  font-weight: 600;
}

.takesme-comments-form-shell {
  margin-top: .15rem;
}

.takesme-modern-comment-form {
  padding: 1.15rem;
  border-radius: 26px;
  border: 1px solid rgba(4, 126, 153, .12);
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(246,254,254,.97));
  box-shadow: 0 16px 36px rgba(17,17,17,.05);
}

.takesme-modern-comment-title {
  margin: 0 0 .9rem;
  font-size: 1.5rem;
  line-height: 1.15;
}

.takesme-modern-comment-intro {
  display: grid;
  gap: .8rem;
  margin-bottom: 1rem;
  padding: .9rem 1rem;
  border-radius: 18px;
  background: rgba(5, 152, 186, .08);
  border: 1px solid rgba(4, 126, 153, .10);
}

.takesme-modern-comment-intro__text {
  margin: 0;
  color: #183636;
}

.takesme-modern-comment-field label {
  display: block;
  margin-bottom: .45rem;
  font-weight: 800;
  color: #111;
}

.takesme-modern-comment-form textarea {
  min-height: 180px;
  border-radius: 18px;
  border-color: rgba(4, 126, 153, .18);
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.takesme-modern-comment-form textarea:focus,
.takesme-modern-comment-form input:focus {
  outline: 0;
  border-color: #4FCFCF;
  box-shadow: 0 0 0 4px rgba(5,152,186,.12);
}

.takesme-comment-anon label {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-weight: 700;
  color: var(--takesme-primary-deep);
}

.takesme-comment-anon input {
  width: auto;
  margin: 0;
}

.takesme-modern-comment-form .form-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: .2rem 0 0;
}

.takesme-modern-comment-submit {
  min-height: 46px;
  padding-inline: 1.2rem;
  box-shadow: 0 14px 30px rgba(5, 152, 186, .2);
}

.takesme-classic-comments .comment-body {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.takesme-classic-comments .comment-meta {
  margin-bottom: 0;
}

.takesme-classic-comments .comment-reply-link,
.takesme-classic-comments .submit {
  min-height: 38px;
}

@media (max-width: 860px) {
  .takesme-modern-comment-head {
    flex-direction: column;
  }

  .takesme-modern-comment-actions {
    justify-content: flex-start;
  }

  .takesme-modern-comment-item > .children {
    margin-left: .55rem;
    padding-left: .8rem;
  }
}


/* v36.5.25 richer comment tools */
.takesme-comment-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 0 0 .7rem;
}

.takesme-comment-editor-tool {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.4rem;
  padding: .45rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(4, 126, 153, .16);
  background: #fff;
  color: var(--takesme-primary-deep);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(17,17,17,.04);
}

.takesme-comment-editor-tool:hover {
  background: var(--takesme-primary-soft);
}

.takesme-comment-editor-help {
  display: block;
  margin-top: .55rem;
  color: var(--takesme-muted);
  font-size: .92rem;
  line-height: 1.5;
}

.takesme-comment-rich-heading {
  margin: 1rem 0 .65rem;
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  line-height: 1.25;
  color: #111;
}

.takesme-modern-comment-content {
  font-size: 1.02rem;
  line-height: 1.8;
}

.takesme-modern-comment-content strong {
  font-weight: 800;
}


/* v36.5.26 comment anon polish */
.takesme-comment-anon {
  margin: .6rem 0 0;
}
.takesme-comment-anon label {
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  font-weight: 600;
}


/* v36.5.45 menu hover polish */
.takesme-mainnav .takesme-header-menu a:hover,
.takesme-mainnav .takesme-header-menu a:focus-visible {
  color: #ffffff;
}


/* v36.5.47 menu row stability on desktop */
@media (min-width: 681px) {
  .takesme-mainnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: .85rem;
  }

  .takesme-mainnav .takesme-header-menu {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    padding-bottom: .12rem;
  }

  .takesme-mainnav .takesme-header-menu::-webkit-scrollbar {
    display: none;
  }

  .takesme-mainnav .takesme-header-menu .menu,
  .takesme-mainnav .takesme-header-menu > ul,
  .takesme-mainnav .takesme-header-menu ul {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: .45rem;
    min-width: max-content;
  }

  .takesme-mainnav .takesme-header-menu li {
    flex: 0 0 auto;
  }

  .takesme-mainnav .takesme-header-menu a {
    white-space: nowrap;
  }

  .takesme-mainnav__search {
    flex: 0 0 160px;
    width: 160px;
    max-width: 160px;
  }
}