/* Mana Counseling edits on top of the seoforlawyers.co design (loaded after style.css). */
.brand-logo { width: 150px; flex: 0 0 150px; }
.footer-brand-logo { width: 190px; }
.navigation-cta { background: var(--cobalt); border-color: var(--cobalt); }

/* Inner page copy */
.mana-copy { max-width: 75ch; }
.mana-copy p { font-size: 17px; line-height: 1.75; }
.mana-copy p + p, .mana-copy p + h3, .mana-copy h3 + p { margin-top: 18px; }
.mana-copy h3 { font-family: var(--font-manrope), Arial, sans-serif; font-size: 20px; font-weight: 750; letter-spacing: -.02em; line-height: 1.35; margin-top: 28px; }
.mana-copy a, .service-faq a, .article-content a, .link-cards a span a { text-decoration: underline; text-underline-offset: 3px; }
.mana-copy + .deliverable-grid, .deliverable-grid + .mana-copy { margin-top: 34px; }
.service-section > h2 { max-width: 22ch; }
.mana-item { font-size: 17px; font-weight: 650; line-height: 1.5; letter-spacing: -.01em; }
.mana-item a { text-decoration: underline; text-underline-offset: 3px; }
.deliverable-grid article:last-child:nth-child(3n+1) { grid-column: span 3; }
.deliverable-grid article:last-child:nth-child(3n+2) { grid-column: span 2; }
.field-ink .deliverable-grid { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .2); }
.field-ink .deliverable-grid article { background: var(--ink); }
.field-ink .deliverable-number, .field-cobalt .deliverable-number { color: var(--volt); }
.field-sage .deliverable-grid article { background: #e2ece3; }
.field-blush { background: #fbe2e8; color: var(--ink); }
.field-blush .deliverable-grid article { background: #fdf0f3; }
.field-ink a, .field-cobalt a { color: inherit; }
.service-hero .eyebrow, .page-hero .eyebrow { color: #fff; }
.service-updated { color: #ffffffd9; }
.service-faq details { border-color: currentColor; }
.service-faq p { font-size: 15px; }
.service-close .lead { margin: 0 0 30px; }
.link-cards h3 { font-family: var(--font-manrope), Arial, sans-serif; font-size: 19px; font-weight: 750; line-height: 1.35; color: var(--ink); }
.link-cards span { color: var(--ink); font-size: 14px; line-height: 1.55; }
.link-cards a:hover { background: var(--volt); }

/* Home */
.home-hero-page-nav img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: none; }
.home-hero-page-nav strong { margin-right: auto; }
.home-hero-page-nav { gap: 12px; }
.practice-name-window { display: block; }
.who-fit { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.price-card .custom-price { font-size: clamp(2rem, 3vw, 3rem); letter-spacing: -.04em; padding-top: 14px; }
.meet-emir-arch img { top: 0; height: 100%; object-fit: cover; object-position: 35% 25%; }
.meet-emir-badge { background: rgba(246, 174, 191, .35); color: var(--ink); }
.meet-emir-ring { border-color: var(--volt); }
.home-cta .lead { margin: 26px 0; }
.home-cta .lead a { text-decoration: underline; text-underline-offset: 3px; }
.mana-note { font-size: 16px; line-height: 1.65; max-width: 70ch; margin-top: 28px; }

/* Article */
.article-content h2 { margin-top: 46px; }
.article-content h2:first-child { margin-top: 0; }
.article-content p + p { margin-top: 16px; }
.article-content ul { margin: 18px 0; padding-left: 22px; }
.article-content li { margin: 8px 0; }

/* Footer */
.site-footer .crisis { margin-top: 18px; }
.footer-links a { text-decoration: underline; text-underline-offset: 3px; }

/* Page transition: covered on arrival only when the previous page started the wipe */
.pt-in .transition-panel { transform: translateX(0); }

@media (max-width: 1023px) {
  .brand-logo { width: 120px; flex-basis: 120px; }
}
@media (max-width: 900px) {
  .who-fit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .who-fit { grid-template-columns: 1fr; }
  .deliverable-grid article:last-child:nth-child(3n+1), .deliverable-grid article:last-child:nth-child(3n+2) { grid-column: auto; }
  .mana-copy p { font-size: 16px; }
}

/* CTA text stays ink on dark fields */
.field-ink .cta, .field-cobalt .cta, .home-cta .cta, .service-close .cta { color: var(--ink); }
.service-glance .eyebrow { color: var(--ink); }

/* ---------- Blog post template ---------- */
.mana-article .article-content { max-width: 850px; }
.mana-article-photo { margin: 0 0 38px; border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 9; }
.mana-article-photo img { width: 100%; height: 100%; object-fit: cover; }
.article-content h3 { font-family: var(--font-manrope), Arial, sans-serif; font-size: 1.3rem; font-weight: 750; letter-spacing: -.02em; line-height: 1.3; margin: 30px 0 12px; }
.article-content h4 { font-family: var(--font-manrope), Arial, sans-serif; font-size: 1.05rem; font-weight: 750; margin: 24px 0 10px; }
.article-content ol { padding-left: 22px; font-size: 16px; line-height: 1.75; max-width: 68ch; margin: 18px 0; }
.article-content li + li { margin-top: 8px; }
.article-content li::marker { color: var(--cobalt); font-weight: 700; }
.article-content strong { font-weight: 750; }
.article-content blockquote, .article-content .wp-block-quote, .article-content .wp-block-pullquote { margin: 32px 0; padding: 24px 28px; border-left: 4px solid var(--volt); background: #fff; border-radius: 0 16px 16px 0; max-width: 68ch; }
.article-content blockquote p { font-size: 19px; line-height: 1.6; }
.article-content blockquote cite { display: block; margin-top: 12px; font-size: 13px; font-style: normal; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.article-content figure { margin: 32px 0; }
.article-content figure img, .article-content p > img { border-radius: 16px; width: 100%; height: auto; }
.article-content figcaption, .article-content .wp-element-caption { font-size: 13px; line-height: 1.5; opacity: .75; margin-top: 10px; }
.article-content .alignleft { float: left; max-width: 48%; margin: 6px 26px 16px 0; }
.article-content .alignright { float: right; max-width: 48%; margin: 6px 0 16px 26px; }
.article-content .aligncenter { margin-left: auto; margin-right: auto; }
.article-content hr, .article-content .wp-block-separator { border: 0; border-top: 1px solid var(--line); margin: 42px 0; }
.article-content table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 26px 0; }
.article-content th, .article-content td { text-align: left; padding: 11px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.article-content th { font-weight: 750; }
.article-content iframe, .article-content .wp-block-embed iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 16px; }
.article-content .wp-block-button__link { display: inline-flex; padding: 14px 24px; border-radius: 100px; background: var(--volt); color: var(--ink); font-weight: 700; text-decoration: none; }
.article-content::after { content: ""; display: block; clear: both; }
@media (max-width: 767px) { .article-content .alignleft, .article-content .alignright { float: none; max-width: 100%; margin: 24px 0; } }