/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Add your custom styles here */
 
/* =========================================================
   NannyNoob category archive — "Marigold Editorial" styles
   Paste this block into your child theme's style.css (or
   enqueue it as its own file). Pairs with category.php.
   ========================================================= */

.nn-category-archive{background:#FAF7F1;color:#23231F;font-family:'Public Sans',system-ui,sans-serif;font-size:17px;line-height:1.65}
.nn-category-archive a{color:#4A6350;text-decoration-color:#C9D6C8;text-underline-offset:3px}

/* Breadcrumb */
.nn-breadcrumb-nav{padding:22px 0 0}
.nn-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:#7C7C72;list-style:none;margin:0;padding:0}
.nn-breadcrumb-home{color:#7C7C72;text-decoration:none}
.nn-breadcrumb-sep{color:#D6CFC1}
.nn-breadcrumb-current{color:#55554D}

/* Hero */
.nn-hero-section{padding:clamp(24px,3vw,36px) 0 clamp(36px,5vw,48px)}
.nn-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,4vw,48px);align-items:center}
@media (max-width:700px){ .nn-hero-grid{grid-template-columns:1fr} }
.nn-category-label{font-size:12.5px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:#5A7761;margin-bottom:14px}
.nn-category-title{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-0.025em;color:#23231F;margin:0}
.nn-category-intro{margin-top:16px;font-size:17px;line-height:1.65;color:#55554D;max-width:52ch}
.nn-stats-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;font-size:14.5px;color:#55554D}
.nn-stat-value{color:#23231F;font-weight:700}
.nn-hero-image{aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid #E7E1D6;background:#F2F6F0}
.nn-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.nn-hero-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7C7C72;font-size:13px}

/* Sub-category pills */
.nn-subcat-list{margin-top:clamp(28px,3.5vw,40px);display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.nn-pill{display:inline-block;background:#FFFFFF;border:1px solid #E7E1D6;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:#55554D;text-decoration:none;transition:border-color .15s,color .15s}
.nn-pill:hover{border-color:#B4573C;color:#B4573C}

/* Content section wrapper */
.nn-content-section{padding:0 0 clamp(48px,6vw,72px)}
.nn-content-stack{display:flex;flex-direction:column;gap:clamp(36px,5vw,52px)}
.nn-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.nn-section-heading{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(1.4rem,2.2vw,1.75rem);letter-spacing:-0.015em;color:#23231F;margin:0}
.nn-link-accent{font-size:14.5px;font-weight:600;text-decoration:none;color:#4A6350}
.nn-link-accent:hover{color:#B4573C}

/* Buying guide cards (teaser) */
.nn-guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;list-style:none;padding:0;margin:0}
.nn-guide-card{display:flex;flex-direction:column;gap:12px}
.nn-guide-card-image{display:block;border-radius:14px;overflow:hidden;border:1px solid #E7E1D6;background:#F2F6F0;aspect-ratio:16/10}
.nn-guide-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.nn-guide-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#5A7761}
.nn-guide-meta-sep{color:#D6CFC1}
.nn-guide-meta-secondary{color:#7C7C72;letter-spacing:0.04em;text-transform:none;font-weight:400}

/* Shared card title/excerpt styles */
.nn-card-title{font-family:'Newsreader',Georgia,serif;margin:0}
.nn-card-title a{color:#23231F;text-decoration:none}
.nn-card-title a:hover{color:#B4573C}
.nn-guide-title{font-weight:600;font-size:21px;line-height:1.28;letter-spacing:-0.01em}
.nn-guide-excerpt{font-size:15px;color:#55554D;line-height:1.6;margin:0}
.nn-card-byline{margin-top:auto;font-size:13.5px;color:#7C7C72}

/* Review cards (teaser) */
.nn-reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;list-style:none;padding:0;margin:0}
.nn-review-card{background:#FFFFFF;border:1px solid #E7E1D6;border-radius:16px;padding:20px;display:flex;gap:18px}
.nn-review-card-image{width:96px;height:96px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#F2F6F0;border:1px solid #E7E1D6;display:block}
.nn-review-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.nn-review-card-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.nn-review-title{font-size:18px;font-weight:600;line-height:1.3}
.nn-review-excerpt{font-size:14px;color:#55554D;line-height:1.55;margin:0}
.nn-review-meta{font-size:12.5px;color:#7C7C72;margin-top:auto}
.nn-review-meta strong{color:#4A6350;font-weight:700}

/* Badge — bg/fg are set inline as CSS custom properties per post,
   since the color pairing is data-driven, not layout. */
.nn-badge{align-self:flex-start;background:var(--nn-badge-bg,#F1EFEA);color:var(--nn-badge-fg,#55554D);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:4px 8px;border-radius:5px}

/* Filtered grid (the "view all guides / view all reviews" pages) */
.nn-back-link-wrap{margin-bottom:4px}
.nn-filtered-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;list-style:none;padding:0;margin:0}
.nn-filtered-card{background:#FFFFFF;border:1px solid #E7E1D6;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}
.nn-filtered-card-image{display:block;border-radius:10px;overflow:hidden;background:#F2F6F0;border:1px solid #E7E1D6;aspect-ratio:1/1}
.nn-filtered-card-image.is-guide{aspect-ratio:16/10}
.nn-filtered-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.nn-filtered-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#5A7761}
.nn-filtered-title{font-size:19px;font-weight:600;line-height:1.3}
.nn-filtered-excerpt{font-size:14.5px;color:#55554D;line-height:1.55;margin:0}
.nn-filtered-meta{margin-top:auto;font-size:13px;color:#7C7C72}
.nn-filtered-meta strong{color:#4A6350;font-weight:700}
.nn-empty-state{font-size:16px;color:#55554D}

/* Pagination */
.nn-pagination{margin-top:clamp(40px,5vw,56px);display:flex;justify-content:center;align-items:center;gap:8px}
.nn-page-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #E7E1D6;border-radius:8px;background:#FFFFFF;color:#55554D;font-weight:600;font-size:14.5px;text-decoration:none}
.nn-page-link:hover{border-color:#C9D6C8;color:#B4573C}
.nn-page-link.is-current{background:#4A6350;border-color:#4A6350;color:#FFFFFF}
.nn-page-link[aria-disabled="true"]{color:#D6CFC1;pointer-events:none}

/* Related posts */
.nn-related-section{padding:0 0 clamp(20px,3vw,32px)}
.nn-related-heading{margin-bottom:20px}
.nn-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;list-style:none;padding:0;margin:0}
.nn-related-card{display:flex;flex-direction:column;gap:10px}
.nn-related-card-image{display:block;border-radius:12px;overflow:hidden;border:1px solid #E7E1D6;background:#F2F6F0;aspect-ratio:16/10}
.nn-related-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.nn-related-kicker{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#5A7761}
.nn-related-title{font-size:19px;font-weight:600;line-height:1.3}
.nn-related-excerpt{font-size:14.5px;color:#55554D;line-height:1.55;margin:0}

/* Related categories CTA */
.nn-related-cats-section{padding:0 0 clamp(48px,6vw,72px)}
.nn-related-cats-box{background:#F4EFE5;border:1px solid #E7E1D6;border-radius:20px;padding:clamp(26px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.nn-related-cats-text{max-width:52ch}
.nn-related-cats-heading{font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:-0.02em}
.nn-related-cats-desc{margin-top:8px;font-size:15.5px;color:#55554D}
.nn-related-cats-links{display:flex;flex-wrap:wrap;gap:10px}
.nn-cta-link{display:inline-block;background:#FFFFFF;border:1px solid #D6CFC1;border-radius:999px;padding:11px 20px;font-size:14.5px;font-weight:600;color:#23231F;text-decoration:none}
.nn-cta-link:hover{border-color:#5A7761;color:#4A6350}

/* =========================================================
   Single Post Layout (NannyNoob)
   High-specificity overrides to beat Elementor Kit styles
========================================================= */

.nn-page {
  min-height: 100vh;
  background: #FAF7F1;
  color: #23231F;
  font-family: 'Public Sans', system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

.nn-page .nn-container {
  max-width: var(--content-width, 1180px);
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}

.nn-page a {
  color: #4A6350;
  text-decoration-color: #C9D6C8;
  text-underline-offset: 3px;
}

.nn-page a:hover {
  color: #B4573C;
  text-decoration-color: #B4573C;
}

/* Breadcrumbs Fix */
.nn-page .nn-breadcrumb {
  padding: 22px 0 0;
}

.nn-page .nn-breadcrumb ol,
body.single-post .nn-page .nn-breadcrumb ol {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13.5px !important;
  color: #7C7C72 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nn-page .nn-breadcrumb ol li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nn-page .nn-breadcrumb a {
  color: #7C7C72 !important;
  text-decoration: none !important;
}

.nn-page .nn-breadcrumb a:hover {
  color: #B4573C !important;
}

.nn-page .nn-breadcrumb-sep {
  color: #D6CFC1 !important;
}

.nn-page .nn-breadcrumb [aria-current="page"] {
  color: #55554D !important;
}

/* Article Header & Typography Overrides */
.nn-page .nn-article-header {
  padding: clamp(28px, 4vw, 44px) 0 clamp(24px, 3vw, 32px);
}

.nn-page .nn-kicker,
.nn-page .nn-article-header .nn-kicker {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  color: #5A7761 !important;
  margin: 0 0 16px !important;
}

.nn-page .nn-kicker a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Overriding Elementor .elementor-kit-777 h1 */
.nn-page .nn-article-header .nn-title,
body.single-post .nn-page h1.nn-title {
  font-family: 'Newsreader', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(2.1rem, 4.6vw, 3.35rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
  color: #23231F !important;
  text-transform: none !important;
  margin: 0 !important;
  text-wrap: balance;
}

.nn-page .nn-dek,
.nn-page .nn-article-header .nn-dek {
  margin-top: 18px !important;
  font-family: 'Newsreader', Georgia, serif !important;
  font-size: clamp(1.15rem, 1.9vw, 1.4rem) !important;
  line-height: 1.55 !important;
  color: #55554D !important;
  text-wrap: pretty;
}

/* Byline & Author Info */
.nn-page .nn-byline {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid #E7E1D6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 26px;
}

.nn-page .nn-byline-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nn-page .nn-byline-author img {
  border-radius: 50%;
  width: 46px;
  height: 46px;
  object-fit: cover;
  flex-shrink: 0;
}

.nn-page .nn-byline-author p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.4;
  color: #23231F;
}

.nn-page .nn-byline-author a {
  font-weight: 600;
  color: #23231F;
  text-decoration: underline;
}

.nn-page .nn-role {
  color: #7C7C72;
  font-size: 13.5px;
}

.nn-page .nn-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  font-size: 13.5px;
  color: #7C7C72;
}

.nn-page .nn-meta p {
  margin: 0;
}

.nn-page .nn-meta time {
  color: #55554D;
}

/* Hero Image */
.nn-page .nn-hero {
  margin: 0 0 clamp(32px, 4vw, 48px);
}

.nn-page .nn-hero img {
  border-radius: 18px;
  border: 1px solid #E7E1D6;
  aspect-ratio: 21/9;
  object-fit: cover;
  width: 100%;
}

.nn-page .nn-hero figcaption {
  margin-top: 10px;
  font-size: 13.5px;
  color: #7C7C72;
  max-width: 70ch;
}

/* Table of Contents */
.nn-page .nn-toc-mobile {
  display: none;
  margin: 0 0 28px;
  background: #FFFFFF;
  border: 1px solid #E7E1D6;
  border-radius: 12px;
  padding: 0 18px;
}

.nn-page .nn-toc-mobile summary {
  list-style: none;
  cursor: pointer;
  padding: 15px 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #55554D;
}

.nn-page .nn-toc-mobile ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 2px 0 14px !important;
  display: grid;
  gap: 2px;
  font-size: 15px;
}

.nn-page .nn-toc-mobile a {
  color: #23231F;
  text-decoration: none;
  display: block;
  padding: 8px 0;
}

.nn-page .nn-layout {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(32px, 4vw, 64px);
  padding-bottom: clamp(48px, 6vw, 80px);
}

.nn-page .nn-sidebar {
  flex: 0 1 240px;
  order: 2;
}

.nn-page .nn-sidebar-inner {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 22px;
}

.nn-page .nn-toc-desktop {
  display: block;
}

.nn-page .nn-toc-title {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: #7C7C72;
  padding-bottom: 12px;
  border-bottom: 1px solid #E7E1D6;
  margin: 0;
}

.nn-page .nn-toc-desktop ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 0 0 0 !important;
  display: grid;
  gap: 2px;
  font-size: 14.5px;
}

.nn-page .nn-toc-desktop a {
  display: block;
  padding: 7px 0 7px 12px;
  border-left: 2px solid #E7E1D6;
  color: #55554D;
  text-decoration: none;
  transition: border-color 0.2s, color 0.2s;
}

.nn-page .nn-toc-desktop a.is-active,
.nn-page .nn-toc-mobile a.is-active {
  color: #B4573C;
  border-color: #B4573C;
  font-weight: 600;
}

.nn-page .nn-toc-desktop a:hover {
  color: #B4573C;
  border-color: #C9D6C8;
}

/* Share Section */
.nn-page .nn-share {
  border-top: 1px solid #E7E1D6;
  padding-top: 16px;
}

.nn-page .nn-share p {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: #7C7C72;
  margin: 0 0 10px;
}

.nn-page .nn-share ul {
  list-style: none !important;
  display: flex;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
}

.nn-page .nn-share a,
.nn-page .nn-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #E7E1D6;
  border-radius: 8px;
  background: #FFFFFF;
  color: #55554D;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
}

.nn-page .nn-share a:hover,
.nn-page .nn-copy-btn:hover {
  border-color: #C9D6C8;
  color: #B4573C;
}

/* Article Content Body */
.nn-page .nn-content {
  flex: 1 1 560px;
  min-width: 0;
  order: 1;
}

.nn-page .nn-content h2 {
  font-family: 'Newsreader', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(1.6rem, 2.6vw, 2rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
  color: #23231F !important;
  scroll-margin-top: 96px;
  margin-top: clamp(40px, 5vw, 56px);
}

.nn-page .nn-content h3 {
  font-family: 'Newsreader', Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #23231F !important;
  margin-top: 26px;
}

.nn-page .nn-content p:not(.nn-kicker):not(.nn-muted) {
  font-family: 'Newsreader', Georgia, serif;
  font-size: 19.5px;
  line-height: 1.72;
  color: #2C2C27;
  margin-top: 20px;
  text-wrap: pretty;
}

.nn-page .nn-content ul,
.nn-page .nn-content ol {
  font-family: 'Newsreader', Georgia, serif;
  font-size: 19.5px;
  line-height: 1.72;
  color: #2C2C27;
  margin-top: 20px;
}

.nn-page .nn-content li {
  margin-top: 6px;
}

.nn-page .nn-content blockquote {
  margin: 20px 0;
  padding: 4px 0 4px 20px;
  border-left: 3px solid #B4573C;
  font-family: 'Newsreader', Georgia, serif;
  font-size: 19.5px;
  line-height: 1.65;
  color: #2C2C27;
}

.nn-page .nn-content strong {
  color: #23231F;
  font-weight: 600;
}

/* Tables */
.nn-page .nn-content figure.wp-block-table,
.nn-page .nn-content .elementor-widget-text-editor table {
  margin-top: 22px;
  border: 1px solid #E7E1D6;
  border-radius: 14px;
  overflow: hidden;
  background: #FFFFFF;
}

.nn-page .nn-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.nn-page .nn-content table caption {
  text-align: left;
  padding: 16px 20px;
  font-size: 13.5px;
  color: #7C7C72;
  border-bottom: 1px solid #E7E1D6;
}

.nn-page .nn-content thead tr {
  background: #F7F4EC;
}

.nn-page .nn-content th {
  text-align: left;
  padding: 13px 16px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #55554D;
  border-bottom: 1px solid #E7E1D6;
}

.nn-page .nn-content td {
  padding: 15px 16px;
  color: #55554D;
  border-bottom: 1px solid #F1EDE4;
}

.nn-page .nn-content tbody th {
  text-align: left;
  padding: 15px 16px;
  font-weight: 600;
  color: #23231F;
  border-bottom: 1px solid #F1EDE4;
}

/* Author Box */
.nn-page .nn-author-box {
  margin-top: clamp(40px, 5vw, 56px);
  background: #FFFFFF;
  border: 1px solid #E7E1D6;
  border-radius: 16px;
  padding: clamp(22px, 3vw, 28px);
  display: flex;
  gap: 22px;
}

.nn-page .nn-author-box img {
  border-radius: 50%;
  width: 88px;
  height: 88px;
  object-fit: cover;
  flex-shrink: 0;
}

.nn-page .nn-author-box h2 {
  margin-top: 8px !important;
  font-family: 'Newsreader', Georgia, serif !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  color: #23231F !important;
}

.nn-page .nn-author-box p:not(.nn-kicker) {
  font-family: 'Public Sans', system-ui, sans-serif;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: #55554D;
}

.nn-page .nn-author-box a {
  font-family: 'Public Sans', system-ui, sans-serif;
  font-size: 14.5px;
  color: #23231F;
  font-weight: 600;
  text-decoration: none;
}

.nn-page .nn-author-box a:hover {
  color: #B4573C;
}

/* Newsletter */
.nn-page .nn-newsletter {
  margin-top: 24px;
  background: #F4EFE5;
  border: 1px solid #E7E1D6;
  border-radius: 16px;
  padding: clamp(22px, 3vw, 30px);
}

.nn-page .nn-newsletter h2 {
  font-family: 'Newsreader', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem) !important;
  letter-spacing: -.02em !important;
  color: #23231F !important;
  max-width: 34ch;
  margin: 0 0 20px 10px !important;
  text-wrap: balance;
}

/* Related Posts */
.nn-page .nn-related {
  margin-top: clamp(40px, 5vw, 56px);
}

.nn-page .nn-related h2 {
  font-family: 'Newsreader', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: clamp(1.5rem, 2.4vw, 1.9rem) !important;
  letter-spacing: -.02em !important;
  color: #23231F !important;
  margin: 0 !important;
}

.nn-page .nn-related-grid {
  list-style: none !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.nn-page .nn-related-grid li {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.nn-page .nn-related-thumb {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #E7E1D6;
  background: #F2F6F0;
  aspect-ratio: 16/10;
}

.nn-page .nn-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nn-page .nn-related-grid h3 {
  font-family: 'Newsreader', Georgia, serif !important;
  font-size: 18.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.nn-page .nn-related-grid h3 a {
  color: #23231F;
  text-decoration: none;
}

.nn-page .nn-related-grid h3 a:hover {
  color: #B4573C;
}

.nn-page .nn-muted {
  font-family: 'Public Sans', system-ui, sans-serif;
  font-size: 13.5px;
  color: #7C7C72;
  margin: 0;
}

/* Mobile Responsive */
@media (max-width: 700px) {
  .nn-page .nn-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .nn-page .nn-toc-desktop,
  .nn-page .nn-share {
    display: none !important;
  }
  .nn-page .nn-toc-mobile {
    display: block !important;
  }
  .nn-page .nn-sidebar {
    display: none;
  }
}