/* Scoped to public page content. The final navbar and footer keep their own styles. */
.mentava-content { --mc-ink:#123d37; --mc-muted:#60736d; --mc-green:#1d6957; --mc-mint:#dcf1e6; --mc-line:#dde8e2; color:var(--mc-ink); background:#f7faf7; overflow-wrap:anywhere; }
.mentava-content .mc-wrap { width:min(1180px,100%); margin-inline:auto; padding-inline:24px; }
.mentava-content .mc-hero { position:relative; padding:46px 0 68px; background:radial-gradient(ellipse at 90% 20%,#245e50 0,transparent 55%),linear-gradient(125deg,#102f2b,#123c34); color:#fff; }
.mentava-content .mc-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; font-size:12px; margin-bottom:38px; color:#b4d5c7; }
.mentava-content .mc-breadcrumb a { color:#c3e3d5; text-decoration:none; }
.mentava-content .mc-kicker { font-size:11px; font-weight:700; letter-spacing:.2em; color:#9bd5b8; margin-bottom:16px; }
.mentava-content .mc-hero h1 { color:#fff; font-size:clamp(2rem,4.3vw,3.6rem); line-height:1.14; letter-spacing:-.045em; max-width:920px; margin:0 0 20px; }
.mentava-content .mc-intro { max-width:720px; color:#c3d9cf; font-size:17px; line-height:1.75; margin:0; }
.mentava-content .mc-body { padding-block:38px 60px; min-height:250px; }
.mentava-content h2,.mentava-content h3,.mentava-content h4 { color:var(--mc-ink); letter-spacing:-.025em; }
.mentava-content h2 { font-size:clamp(1.45rem,2.5vw,2rem); }
.mentava-content .mc-filter { padding:22px; background:#fff; border:1px solid var(--mc-line); border-radius:20px; margin-bottom:32px; box-shadow:0 10px 32px #163f3410; }
.mentava-content .mc-filter label { display:block; font-weight:600; font-size:13px; margin-bottom:8px; }
.mentava-content .form-control,.mentava-content .form-select { border:1px solid #cadbd0; border-radius:10px; background-color:#fff; color:var(--mc-ink); min-height:46px; }
.mentava-content .mc-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 18px; border-radius:11px; border:1px solid var(--mc-green); background:var(--mc-green); color:#fff; font-size:13px; font-weight:600; text-align:center; text-decoration:none; line-height:1.5; transition:background .18s,transform .18s; }
.mentava-content .mc-button:hover { background:#134c3f; border-color:#134c3f; color:#fff; transform:translateY(-1px); }
.mentava-content .mc-button-light { background:#fff; color:var(--mc-green); border-color:#bed3c6; }
.mentava-content .mc-button-light:hover { background:#edf5ef; color:var(--mc-ink); }
.mentava-content a:not(.mc-button):not(.mc-breadcrumb a):not(.page-link) { color:var(--mc-green); }
.mentava-content a:focus-visible,.mentava-content button:focus-visible { outline:3px solid #e0b65a; outline-offset:4px; }
.mentava-content .mc-card { height:100%; background:#fff; border:1px solid var(--mc-line); border-radius:20px; overflow:hidden; display:flex; flex-direction:column; }
.mentava-content .mc-card-body { padding:24px; display:flex; flex-direction:column; flex:1; min-width:0; }
.mentava-content .mc-card h2,.mentava-content .mc-card h3 { font-size:21px; line-height:1.4; margin-bottom:12px; }
.mentava-content .mc-card p { color:var(--mc-muted); font-size:14px; line-height:1.8; }
.mentava-content .mc-card .mc-action { margin-top:auto; padding-top:16px; }
.mentava-content .mc-media { width:100%; aspect-ratio:16/10; object-fit:cover; background:#e2ece5; display:block; }
.mentava-content .mc-media.mc-destination-media { aspect-ratio:4/3; }
.mentava-content .mc-media-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#59796b; font-size:12px; }
.mentava-content .mc-media-placeholder i { font-size:34px; }
.mentava-content .mc-tag { display:inline-flex; align-items:center; gap:6px; align-self:flex-start; font-size:11px; font-weight:600; color:#265848; background:#e9f4ed; border-radius:100px; padding:6px 10px; margin-bottom:14px; }
.mentava-content .mc-meta { color:var(--mc-muted); font-size:12px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.mentava-content .mc-price { font-size:21px; font-weight:700; color:var(--mc-ink); }
.mentava-content .mc-note { padding:16px 20px; border-left:3px solid #79b192; background:#edf5ef; font-size:13px; line-height:1.8; color:#476457; border-radius:0 12px 12px 0; margin-bottom:28px; }
.mentava-content .mc-empty { text-align:center; padding:48px 22px; background:#fff; border:1px dashed #bccfc1; border-radius:20px; }
.mentava-content .mc-empty > i { display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; background:#edf5ef; color:#537d65; border-radius:50%; font-size:26px; margin-bottom:20px; }
.mentava-content .mc-empty h2 { font-size:23px; }
.mentava-content .mc-empty p { color:var(--mc-muted); max-width:530px; margin:14px auto 22px; }
.mentava-content .mc-section { margin-top:42px; }
.mentava-content .mc-section-heading { display:flex; gap:16px; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:22px; }
.mentava-content .mc-pager { margin-top:30px; }
.mentava-content .mc-pager .pagination { flex-wrap:wrap; gap:4px; }
.mentava-content .mc-pager .page-link { border-radius:8px; color:var(--mc-green); }
.mentava-content .mc-pager .active .page-link { background:var(--mc-green); color:#fff; border-color:var(--mc-green); }
.mentava-content .mc-article { max-width:900px; margin-inline:auto; background:#fff; border:1px solid var(--mc-line); padding:clamp(24px,4vw,48px); border-radius:22px; }
.mentava-content .mc-prose { color:#455d52; font-size:16px; line-height:1.9; }
.mentava-content .mc-prose h1,.mentava-content .mc-prose h2,.mentava-content .mc-prose h3 { font-size:24px; margin-top:30px; margin-bottom:14px; }
.mentava-content .mc-prose img { max-width:100%; height:auto; border-radius:12px; }
.mentava-content .mc-prose pre { max-width:100%; overflow:auto; background:#f2f6f3; padding:16px; border-radius:10px; }
.mentava-content .mc-prose table { display:block; max-width:100%; overflow:auto; }
.mentava-content .mc-prose blockquote { padding:12px 20px; background:#f1f6f2; border-left:3px solid #91bfa2; }
.mentava-content .mc-timeline { list-style:none; padding:0; margin:0; }
.mentava-content .mc-timeline li { display:flex; gap:20px; margin-bottom:18px; background:#fff; border:1px solid var(--mc-line); border-radius:16px; padding:24px; }
.mentava-content .mc-day { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:46px; height:46px; border-radius:14px; background:var(--mc-mint); color:var(--mc-ink); font-weight:700; }
.mentava-content .mc-timeline p { color:var(--mc-muted); white-space:pre-line; margin-bottom:0; }
.mentava-content .mc-stars { color:#a57213; letter-spacing:3px; }
.mentava-content .mc-avatar { width:44px; height:44px; border-radius:50%; object-fit:cover; background:#e6f0e8; display:inline-flex; align-items:center; justify-content:center; color:#285b45; font-weight:700; flex-shrink:0; }
.mentava-content .mc-quote { color:#244d3d; font-size:16px; line-height:1.9; white-space:pre-line; }
.mentava-content details { border:1px solid var(--mc-line); background:#fff; border-radius:14px; padding:18px 22px; margin-bottom:12px; }
.mentava-content summary { font-weight:600; cursor:pointer; }
.mentava-content details[open] summary { margin-bottom:15px; }
.mentava-content .mc-support { margin-top:54px; border-radius:22px; background:#e6f0e7; padding:32px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; }
.mentava-content .mc-support p { margin:10px 0 0; max-width:610px; color:#52695b; }
.mentava-content .mc-pills { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:26px; }
.mentava-content .mc-pills a { padding:9px 14px; border:1px solid #c9dace; border-radius:100px; text-decoration:none; font-size:13px; }
.mentava-content .mc-pills a[aria-current="page"] { background:#164d3e; color:#fff; border-color:#164d3e; }
@media(max-width:575.98px) {
 .mentava-content .mc-wrap { padding-inline:16px; }
 .mentava-content .mc-hero { padding:28px 0 40px; }
 .mentava-content .mc-breadcrumb { margin-bottom:25px; }
 .mentava-content .mc-intro { font-size:15px; }
 .mentava-content .mc-body { padding-top:24px; }
 .mentava-content .mc-card-body,.mentava-content .mc-filter { padding:19px; }
 .mentava-content .mc-support { padding:24px; }
 .mentava-content .mc-timeline li { padding:19px; gap:13px; }
}
@media(prefers-reduced-motion:reduce) { .mentava-content .mc-button { transition:none; } }
/* Premium blog detail */
.mentava-content .mc-blog-back { display:inline-flex; align-items:center; gap:9px; margin-bottom:24px; font-size:13px; font-weight:700; text-decoration:none; }
.mentava-content .mc-blog-meta-panel { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 24px; margin-bottom:24px; background:#fff; border:1px solid var(--mc-line); border-radius:18px; box-shadow:0 14px 38px #163f340d; }
.mentava-content .mc-blog-author-inline { display:flex; align-items:center; gap:14px; min-width:0; }
.mentava-content .mc-blog-author-inline strong { display:block; color:var(--mc-ink); font-size:15px; overflow-wrap:anywhere; }
.mentava-content .mc-blog-label { display:block; margin-bottom:3px; color:#71867b; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.mentava-content .mc-blog-avatar,.mentava-content .mc-blog-author-avatar { flex:none; border-radius:50%; object-fit:cover; background:#e7f1e9; border:1px solid #cfe0d5; }
.mentava-content .mc-blog-publication { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px 18px; color:var(--mc-muted); font-size:12px; line-height:1.7; }
.mentava-content .mc-blog-publication > span { display:inline-flex; align-items:center; gap:7px; }
.mentava-content .mc-blog-status { padding:7px 11px; border-radius:999px; color:#216049; background:#e9f5ed; font-weight:700; }
.mentava-content .mc-blog-cover { position:relative; width:100%; aspect-ratio:16/8.5; margin:0 0 32px; overflow:hidden; background:linear-gradient(135deg,#dfeee5,#f2f7f3); border:1px solid var(--mc-line); border-radius:24px; box-shadow:0 24px 60px #123d3717; }
.mentava-content .mc-blog-cover > img { width:100%; height:100%; object-fit:cover; display:block; }
.mentava-content .mc-blog-cover-empty { width:100%; height:100%; min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:#60776c; font-size:13px; }
.mentava-content .mc-blog-cover-empty img { width:72px; height:72px; object-fit:contain; opacity:.78; }
.mentava-content .mc-blog-shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,330px); gap:30px; align-items:start; }
.mentava-content .mc-blog-article { max-width:none; margin:0; }
.mentava-content .blog-content { color:#344f44; font-family:"DM Sans",sans-serif; font-size:17px; line-height:1.9; overflow-wrap:anywhere; }
.mentava-content .blog-content p { margin:0 0 1.4em; }
.mentava-content .blog-content h2 { position:relative; margin:2.15em 0 .8em; padding-left:18px; font-size:clamp(1.45rem,2.4vw,2rem); line-height:1.35; }
.mentava-content .blog-content h2::before { content:""; position:absolute; top:.13em; bottom:.13em; left:0; width:4px; border-radius:999px; background:#58a77f; }
.mentava-content .blog-content h3 { margin:1.9em 0 .7em; font-size:1.32rem; line-height:1.4; }
.mentava-content .blog-content h4 { margin:1.7em 0 .65em; font-size:1.08rem; line-height:1.5; text-transform:none; }
.mentava-content .blog-content strong { color:#173f36; font-weight:700; }
.mentava-content .blog-content em { color:#3d5d50; }
.mentava-content .blog-content ul,.mentava-content .blog-content ol { margin:0 0 1.65em; padding-left:1.45em; }
.mentava-content .blog-content li { margin-bottom:.62em; padding-left:.28em; }
.mentava-content .blog-content li::marker { color:#43866a; font-weight:700; }
.mentava-content .blog-content blockquote { margin:1.9em 0; padding:22px 24px; border-left:4px solid #6fa98a; border-radius:0 14px 14px 0; background:#edf5ef; color:#36584a; font-size:1.03em; }
.mentava-content .blog-content blockquote > :last-child { margin-bottom:0; }
.mentava-content .blog-content a { color:#176b56; font-weight:600; text-decoration:underline; text-decoration-color:#8ab9a3; text-underline-offset:3px; }
.mentava-content .blog-content a:hover { color:#0e4b3c; text-decoration-color:currentColor; }
.mentava-content .blog-content hr { height:1px; margin:2.35em 0; border:0; background:linear-gradient(90deg,transparent,#a8c8b7 15%,#a8c8b7 85%,transparent); opacity:1; }
.mentava-content .blog-content img { display:block; max-width:100%; height:auto; margin:1.8em auto; border-radius:14px; box-shadow:0 14px 36px #123d3717; }
.mentava-content .blog-content-dropcap > p:first-of-type::first-letter { float:left; margin:.08em .12em 0 0; padding:.07em .16em; border-radius:8px; background:#e3f1e8; color:var(--mc-green); font-family:Poppins,sans-serif; font-size:3.1em; font-weight:700; line-height:.85; }
.mentava-content .mc-blog-empty-copy { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; text-align:center; color:var(--mc-muted); }
.mentava-content .mc-blog-empty-copy i { margin-bottom:14px; color:#6f9580; font-size:36px; }
.mentava-content .mc-blog-updated { margin:30px 0 0; padding-top:18px; border-top:1px solid var(--mc-line); color:var(--mc-muted); font-size:12px; }
.mentava-content .mc-blog-share { display:grid; gap:18px; margin-top:38px; padding:24px; border:1px solid #cfe0d5; border-radius:18px; background:#edf5ef; }
.mentava-content .mc-blog-share h2 { margin:0 0 5px; font-size:20px; }
.mentava-content .mc-blog-share p { color:#5a7166; font-size:12px; }
.mentava-content .mc-blog-share-actions { display:flex; flex-wrap:wrap; gap:9px; }
.mentava-content .mc-blog-share-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:9px 13px; border:1px solid #bad0c2; border-radius:10px; background:#fff; color:var(--mc-ink); font:inherit; font-size:12px; font-weight:700; text-decoration:none; cursor:pointer; }
.mentava-content .mc-blog-share-button:hover { border-color:#7ba18d; background:#f8fbf8; color:var(--mc-ink); }
.mentava-content .mc-blog-facebook { color:#2459a9; }
.mentava-content .mc-blog-share-url { width:100%; height:40px; padding:8px 11px; border:1px solid #c3d6ca; border-radius:9px; background:#fff; color:#52695e; font-size:11px; }
.mentava-content .mc-blog-share-status { min-height:19px; margin:0; color:#1d624c; font-weight:700; }
.mentava-content .mc-blog-author-card { display:flex; align-items:center; gap:18px; margin-top:26px; padding:24px; border:1px solid var(--mc-line); border-radius:18px; background:#fff; }
.mentava-content .mc-blog-author-card h2 { margin:2px 0 5px; font-size:21px; }
.mentava-content .mc-blog-author-card p { margin:0; color:var(--mc-muted); font-size:13px; }
.mentava-content .mc-blog-sidebar { display:grid; gap:20px; position:sticky; top:96px; }
.mentava-content .mc-blog-side-card { padding:22px; border:1px solid var(--mc-line); border-radius:18px; background:#fff; }
.mentava-content .mc-blog-side-card > h2 { margin-bottom:18px; font-size:19px; }
.mentava-content .mc-blog-related-list { display:grid; gap:16px; }
.mentava-content .mc-blog-related-list article { display:grid; grid-template-columns:76px minmax(0,1fr); gap:12px; align-items:center; }
.mentava-content .mc-blog-related-list img,.mentava-content .mc-blog-related-placeholder { width:76px; height:64px; border-radius:10px; object-fit:cover; background:#e8f1eb; }
.mentava-content .mc-blog-related-placeholder { display:flex; align-items:center; justify-content:center; color:#547461; font-size:22px; }
.mentava-content .mc-blog-related-list h3 { margin:0 0 5px; font-size:13px; line-height:1.45; }
.mentava-content .mc-blog-related-list h3 a { text-decoration:none; }
.mentava-content .mc-blog-related-list time { color:var(--mc-muted); font-size:10px; }
.mentava-content .mc-blog-explore { display:grid; gap:10px; background:#143f36; border-color:#143f36; }
.mentava-content .mc-blog-explore > h2 { color:#fff; }
.mentava-content .mc-blog-explore > a { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid #ffffff21; border-radius:10px; background:#ffffff0d; color:#e7f5ed !important; font-size:12px; font-weight:700; text-decoration:none; }
.mentava-content .mc-blog-explore > a:hover { background:#ffffff18; }
@media(max-width:991.98px) {
 .mentava-content .mc-blog-shell { grid-template-columns:1fr; }
 .mentava-content .mc-blog-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767.98px) {
 .mentava-content .mc-blog-meta-panel { align-items:flex-start; flex-direction:column; }
 .mentava-content .mc-blog-publication { justify-content:flex-start; }
 .mentava-content .mc-blog-sidebar { grid-template-columns:1fr; }
}
@media(max-width:575.98px) {
 .mentava-content .mc-blog-cover { aspect-ratio:4/3; border-radius:18px; }
 .mentava-content .mc-blog-cover-empty { min-height:220px; }
 .mentava-content .mc-blog-meta-panel { padding:18px; }
 .mentava-content .blog-content { font-size:16px; line-height:1.85; }
 .mentava-content .blog-content h2 { padding-left:14px; }
 .mentava-content .blog-content blockquote { padding:18px; }
 .mentava-content .mc-blog-share,.mentava-content .mc-blog-author-card { padding:19px; }
 .mentava-content .mc-blog-share-button { flex:1 1 calc(50% - 9px); }
 .mentava-content .mc-blog-author-card { align-items:flex-start; }
}