:root {
      --green-900:#0D2B1E; --green-800:#1B4D3E; --green-700:#1B4D3E;
      --green-100:#E0F0E8; --green-50:#F0F8F4;
      --gold:#C9A84C; --gold-light:#F0DFA0; --gold-pale:#FDF8EC;
      --cream:#FAF7F0; --cream-dark:#F2EDE3; --white:#FFFFFF;
      --gray-800:#1F2937; --gray-600:#4B5563; --gray-400:#9CA3AF; --gray-200:#E5E7EB; --gray-100:#F3F4F6;
      --r-sm:8px; --r-md:14px; --r-lg:22px;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Inter',sans-serif;color:var(--gray-800);background:var(--cream);line-height:1.65}
    a{color:inherit;text-decoration:none}
    .wrap{max-width:1100px;margin:0 auto;padding:0 28px}
    .wrap--narrow{max-width:820px;margin:0 auto;padding:0 28px}

    /* TOPBAR */
    .topbar{background:var(--green-900);padding:9px 0;text-align:center;font-size:13px;color:rgba(255,255,255,.8)}
    .topbar strong{color:var(--gold-light)}

    /* NAV */
    .nav{position:sticky;top:0;z-index:200;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 1px 8px rgba(0,0,0,.06)}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
    .nav-brand{font-weight:800;font-size:14px;color:var(--green-900)}
    .nav-brand span{font-weight:500;font-size:11px;color:var(--gray-400);display:block}
    .nav-links{display:flex;gap:24px;font-size:13px;font-weight:600;color:var(--gray-600)}
    .nav-links a:hover{color:var(--green-700)}
    .nav-cta{background:var(--gold);color:var(--green-900);font-weight:800;font-size:12px;padding:8px 18px;border-radius:var(--r-sm);letter-spacing:.04em;text-transform:uppercase}

    /* HERO */
    .hero{background:var(--cream);padding:64px 0 0;overflow:hidden}
    .hero-layout{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start}
    .hero-tag{display:inline-flex;align-items:center;gap:7px;background:var(--green-100);border:1px solid rgba(27,77,62,.2);border-radius:40px;padding:5px 13px;font-size:11px;font-weight:700;color:var(--green-800);margin-bottom:20px;text-transform:uppercase;letter-spacing:.07em}
    .hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,5vw,58px);font-weight:900;line-height:1.08;color:var(--green-900);margin-bottom:18px}
    .hero h1 .accent{color:var(--green-700);font-style:italic}
    .hero-sub{font-size:17px;color:var(--gray-600);line-height:1.7;margin-bottom:28px;max-width:520px}
    .hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
    .hero-pill{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gray-700);background:var(--white);border:1px solid var(--gray-200);border-radius:40px;padding:5px 12px}
    .hero-pill::before{content:'✓';color:var(--green-700);font-weight:900}
    .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
    .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;padding:13px 24px;border-radius:var(--r-sm);transition:all .18s;letter-spacing:.01em;border:none;cursor:pointer;font-family:inherit}
    .btn-primary{background:var(--green-800);color:var(--white)}
    .btn-primary:hover{background:var(--green-700);transform:translateY(-1px)}
    .btn-outline{background:transparent;color:var(--green-900);border:2px solid var(--green-900)}
    .btn-lg{font-size:16px;padding:16px 32px}

    /* FORM CARD */
    .form-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:0 12px 48px rgba(0,0,0,.12);padding:28px;position:sticky;top:76px}
    .form-badge{display:inline-flex;align-items:center;gap:6px;background:#E8F5E9;color:#2E7D32;font-size:11px;font-weight:700;border-radius:6px;padding:4px 10px;margin-bottom:14px}
    .form-card h3{font-size:17px;font-weight:800;color:var(--green-900);margin-bottom:5px}
    .form-card-sub{font-size:12px;color:var(--gray-500);margin-bottom:16px}
    .form-urgency{display:flex;align-items:center;gap:7px;background:var(--gold-pale);border:1px solid rgba(201,168,76,.3);border-radius:var(--r-sm);padding:9px 12px;margin-bottom:16px;font-size:12px;font-weight:600;color:var(--green-900)}
    .form-urgency-dot{width:8px;height:8px;border-radius:50%;background:#E53E3E;flex-shrink:0;animation:blink 1.5s infinite}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
    .form-field{margin-bottom:12px}
    .form-field input,.form-field select{width:100%;padding:11px 13px;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);font-size:13px;font-family:inherit;color:var(--gray-800);outline:none;transition:border-color .15s}
    .form-field input:focus,.form-field select:focus{border-color:var(--green-700)}
    .form-field input::placeholder{color:var(--gray-400)}
    .form-submit{width:100%;background:var(--green-900);color:var(--white);font-weight:900;font-size:14px;padding:14px;border-radius:var(--r-sm);letter-spacing:.03em;transition:all .18s;text-transform:uppercase;border:none;cursor:pointer;font-family:inherit}
    .form-submit:hover{background:var(--green-700)}
    .form-price{display:flex;align-items:baseline;gap:8px;margin:12px 0 4px}
    .form-price .amount{font-size:28px;font-weight:900;color:var(--green-900)}
    .form-price .label{font-size:12px;color:var(--gray-500)}
    .form-price .cpf{background:var(--green-100);color:var(--green-800);font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}
    .form-mensuel{font-size:12px;color:var(--gray-500);margin-bottom:14px}
    .form-guarantee{display:flex;align-items:center;gap:8px;background:#FFF8E1;border:1px solid #FFD54F;border-radius:var(--r-sm);padding:10px 12px;margin-top:10px;font-size:12px;font-weight:600;color:#795548}

    /* TRUST */
    .trust{background:var(--white);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:18px 0}
    .trust-inner{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--gray-600)}
    .trust-chip{background:var(--gray-100);border-radius:6px;padding:4px 12px;font-size:11px;font-weight:800;color:var(--gray-700)}
    .trust-chip--green{background:var(--green-100);color:var(--green-800)}
    .trust-chip--gold{background:rgba(201,168,76,.12);color:var(--gold);border:1px solid rgba(201,168,76,.3)}

    /* SECTION */
    .section{padding:80px 0}
    .section--white{background:var(--white)}
    .section--cream{background:var(--cream)}
    .section--dark{background:var(--green-900);color:var(--white)}
    .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-700);display:block;margin-bottom:12px}
    .section-h2{font-size:clamp(22px,3.5vw,36px);font-weight:900;text-transform:uppercase;color:var(--green-900);line-height:1.15;margin-bottom:14px}
    .section-lead{font-size:16px;color:var(--gray-600);line-height:1.7;max-width:640px}

    /* STORY */
    .story-text{font-size:16px;color:var(--gray-700);line-height:1.85}
    .story-text p{margin-bottom:20px}
    .story-highlight{background:var(--green-100);border-left:4px solid var(--green-700);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:18px 22px;margin:24px 0;font-size:15px;font-weight:700;color:var(--green-900);line-height:1.6}

    /* DUREE */
    .duree-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
    .duree-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:20px 16px;text-align:center}
    .duree-n{font-family:'Playfair Display',serif;font-size:38px;font-weight:900;color:var(--green-800);line-height:1}
    .duree-u{font-size:12px;color:var(--green-700);font-weight:700;margin:2px 0}
    .duree-l{font-size:12px;color:var(--gray-500)}

    /* PILIERS */
    .piliers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}
    .pilier-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:26px 22px}
    .pilier-num{font-family:'Playfair Display',serif;font-size:48px;font-weight:900;color:var(--green-100);line-height:1;margin-bottom:-8px}
    .pilier-h{font-size:16px;font-weight:800;color:var(--green-900);margin-bottom:6px}
    .pilier-sub{font-size:12px;font-weight:700;color:var(--green-700);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}
    .pilier-p{font-size:13px;color:var(--gray-600);line-height:1.65}

    /* MODULES */
    .modules{display:flex;flex-direction:column;gap:10px;margin-top:36px}
    .mod{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);overflow:hidden}
    .mod-head{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer}
    .mod-head:hover{background:var(--green-50)}
    .mod-num{min-width:32px;height:32px;background:var(--green-900);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:var(--white)}
    .mod-title{flex:1;font-size:14px;font-weight:700;color:var(--green-900)}
    .mod-arrow{width:18px;height:18px;fill:var(--gray-400);transition:transform .2s;flex-shrink:0}
    .mod-head[aria-expanded="true"] .mod-arrow{transform:rotate(180deg)}
    .mod-body{display:none;padding:0 22px 18px 68px}
    .mod-body.open{display:block;animation:fd .2s ease}
    @keyframes fd{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
    .mod-body ul{list-style:none;display:flex;flex-direction:column;gap:8px}
    .mod-body li{font-size:13px;color:var(--gray-600);display:flex;gap:8px;line-height:1.5}
    .mod-body li::before{content:'✓';color:var(--green-600);font-weight:900;flex-shrink:0}

    /* FINANCEMENT */
    .fin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
    .fin{border-radius:var(--r-lg);padding:26px 22px}
    .fin--cpf{background:var(--green-900);color:var(--white)}
    .fin--opco{background:var(--white);border:1px solid var(--gray-200)}
    .fin--auto{background:var(--gold-pale);border:1px solid rgba(201,168,76,.3)}
    .fin-logo{font-size:24px;font-weight:900;margin-bottom:10px}
    .fin--cpf .fin-logo{color:var(--gold-light)}
    .fin--opco .fin-logo,.fin--auto .fin-logo{color:var(--green-900)}
    .fin h3{font-size:14px;font-weight:800;margin-bottom:8px}
    .fin--cpf h3{color:var(--white)}
    .fin--opco h3,.fin--auto h3{color:var(--green-900)}
    .fin p{font-size:12px;line-height:1.6}
    .fin--cpf p{color:rgba(255,255,255,.7)}
    .fin--opco p,.fin--auto p{color:var(--gray-600)}

    /* ACCESS */
    .access-card{display:flex;gap:18px;background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--r-md);padding:24px;margin-top:32px}
    .access-icon{width:44px;height:44px;background:var(--green-800);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .access-icon svg{width:22px;height:22px;fill:var(--white)}
    .access-text h4{font-size:14px;font-weight:700;color:var(--green-900);margin-bottom:6px}
    .access-text p{font-size:13px;color:var(--gray-600);line-height:1.6}
    .access-text a{color:var(--green-700);font-weight:600}

    /* LEGAL */
    .legal{background:var(--gray-100);border-radius:var(--r-md);padding:24px 28px;margin-top:28px}
    .legal h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:14px}
    .legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .legal-item label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--gray-400);display:block;margin-bottom:2px}
    .legal-item span{font-size:13px;color:var(--gray-700);font-weight:500}

    /* CTA FINAL */
    .cta-final{background:linear-gradient(150deg,var(--green-900),#1a3d2e);padding:80px 0;text-align:center}
    .cta-final h2{font-family:'Playfair Display',serif;font-size:clamp(24px,4vw,40px);font-weight:900;color:var(--white);margin-bottom:14px}
    .cta-final p{font-size:16px;color:rgba(255,255,255,.75);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}
    .cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

    /* FOOTER */
    .footer{background:var(--green-900);padding:32px 0;color:rgba(255,255,255,.55);font-size:13px}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}

    /* FLOATING WIDGET */
    .float-widget{position:fixed;bottom:24px;right:24px;z-index:500;width:300px;background:var(--white);border-radius:var(--r-lg);box-shadow:0 8px 40px rgba(0,0,0,.18);overflow:hidden;transform:translateY(100px);opacity:0;transition:all .4s ease}
    .float-widget.visible{transform:translateY(0);opacity:1}
    .float-header{background:var(--green-900);padding:14px 16px;display:flex;align-items:center;gap:10px}
    .float-avatar{width:36px;height:36px;border-radius:50%;background:var(--green-700);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--white);flex-shrink:0}
    .float-header-text strong{font-size:13px;color:var(--white);display:block}
    .float-header-text span{font-size:11px;color:rgba(255,255,255,.6)}
    .float-close{margin-left:auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);cursor:pointer;font-size:16px;flex-shrink:0}
    .float-body{padding:14px 16px}
    .float-question{font-size:13px;font-weight:700;color:var(--green-900);margin-bottom:6px}
    .float-desc{font-size:12px;color:var(--gray-600);margin-bottom:12px;line-height:1.5}
    .float-urgency{font-size:11px;font-weight:600;color:#E53E3E;margin-bottom:10px;display:flex;align-items:center;gap:5px}
    .float-urgency-dot{width:6px;height:6px;border-radius:50%;background:#E53E3E;animation:blink 1.5s infinite}
    .float-countdown{display:flex;gap:6px;margin-bottom:12px}
    .float-time{background:var(--green-900);color:var(--white);border-radius:6px;padding:6px 8px;font-size:14px;font-weight:900;font-family:'Playfair Display',serif;text-align:center;min-width:36px}
    .float-time span{display:block;font-size:9px;font-family:'Inter',sans-serif;font-weight:600;color:rgba(255,255,255,.6);margin-top:1px}
    .float-cta{display:block;width:100%;background:var(--green-900);color:var(--white);font-weight:800;font-size:13px;padding:12px;border-radius:var(--r-sm);text-align:center;text-transform:uppercase;letter-spacing:.04em;transition:all .18s}
    .float-cta:hover{background:var(--green-700)}

    /* BREADCRUMB */
    .breadcrumb{padding:14px 0;font-size:12px;color:var(--gray-400)}
    .breadcrumb a{color:var(--green-700)}
    .breadcrumb span{margin:0 6px}

    @media(max-width:900px){.hero-layout{grid-template-columns:1fr}.form-card{position:static}.duree-grid,.piliers-grid,.fin-grid{grid-template-columns:1fr 1fr}.legal-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.float-widget{width:260px}}
    @media(max-width:540px){.duree-grid,.piliers-grid,.fin-grid,.legal-grid{grid-template-columns:1fr}.float-widget{width:calc(100vw - 32px)}.float-widget{right:16px;bottom:16px}}
  
/* MT static-copy fixes — 2026-07-17 */
/* Débordement horizontal résiduel (constaté ~880px : suffixe compteur "+45Rdv") */
html, body { overflow-x: clip; }
@media (max-width: 1024px){
  .elementor-counter .elementor-counter-number-wrapper{ flex-wrap: wrap; justify-content: center; }
  .elementor-counter-number-suffix{ min-width: 0; }
}

/* MT: fix contraste WCAG bouton header sticky "En savoir plus" (Head of Design 2026-07-21 :
   veto bloquant, #D77A3A/blanc mesure 3.12:1, sous le seuil AA 4.5:1, present sitewide).
   Reutilise le rouille #B4571C deja en usage ailleurs (CTA articles) -> corrige le contraste
   (4.86:1) SANS ajouter une 24e teinte a la palette (autre defaut releve par le meme audit). */
.elementor-element-1c9d27fc .elementor-button,
.elementor-element-1c9d27fc .elementor-button:hover,
.elementor-element-1c9d27fc .elementor-button:focus{
  background-color:#B4571C !important;
  border-color:#B4571C !important;
  color:#fff !important;
}

/* MT: byline couleur marque (remplace le bleu lien par defaut) */
.entry-meta a, .entry-meta a:link, .entry-meta a:visited { color:#1a4332; }
.entry-meta a:hover, .entry-meta a:focus { color:#B78A53; }
.entry-meta, .entry-meta span, .entry-meta .author-name, .entry-meta .posted-on, .entry-meta .published { color:#1a4332 !important; }
.entry-meta a:hover, .entry-meta a:focus { color:#B78A53 !important; }

/* ================= MT: habillage des articles de blog (template WP natif, 592 pages) =================
   Ces pages n'utilisent pas Elementor -> zero charte appliquee par defaut (police systeme, aucun accent
   vert/or, formulaire de commentaire brut). On applique ici la meme charte que le reste du site
   (vert-foret #1a4332, or #B78A53, serif Fraunces pour les titres) sans toucher au contenu, juste au style. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,500&family=Jost:wght@400;500;600&display=swap');

/* la largeur de colonne (630px) est calculee par le systeme de layout Astra (variable CSS) et non
   surchargeable simplement -> on aligne nos propres boites (nav, commentaire) dessus plutot que
   l'inverse, pour un alignement pixel-parfait sans combattre le moteur de mise en page du theme. */

/* Titre principal */
.single-post .entry-title{
  font-family:'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: clamp(1.9rem, 4vw, 2.9rem) !important;
  line-height: 1.15 !important;
  color: #12281e !important;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}
.single-post .entry-meta{ font-family:'Jost', sans-serif; font-size: .92rem; margin-bottom: 8px; }

/* Titres de section dans le corps de l'article */
.single-post .entry-content h2{
  font-family:'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  color: #1a4332 !important;
  font-size: clamp(1.35rem, 2.6vw, 1.7rem) !important;
  line-height: 1.25;
  margin-top: 2.2em !important;
  margin-bottom: .5em !important;
  padding-top: .5em;
  border-top: 1px solid rgba(26,67,50,.14);
}
.single-post .entry-content h2:first-of-type{ border-top: 0; padding-top: 0; margin-top: 1.2em !important; }
.single-post .entry-content h3{
  font-family:'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #B78A53 !important;
  font-size: 1.15rem !important;
  margin-top: 1.6em !important;
}

/* Corps de texte */
.single-post .entry-content{ font-family:'Jost', sans-serif; }
.single-post .entry-content p{
  color: #2c2f28;
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 1.2em;
}
.single-post .entry-content strong{ color: #1a4332; }
.single-post .entry-content a:not(.mt-sig-cta a){
  color: #1a4332;
  text-decoration: underline;
  text-decoration-color: #B78A53;
  text-underline-offset: 3px;
}
.single-post .entry-content a:not(.mt-sig-cta a):hover{ color: #B78A53; }

/* Listes : puce or au lieu de la puce navigateur par defaut */
.single-post .entry-content ul{ list-style: none; padding-left: 0; margin: 1.4em 0; }
.single-post .entry-content ul li{
  position: relative;
  padding-left: 26px;
  margin-bottom: .65em;
  line-height: 1.7;
}
.single-post .entry-content ul li::before{
  content: "";
  position: absolute; left: 2px; top: .55em;
  width: 7px; height: 7px; border-radius: 50%;
  background: #B78A53;
}

/* Citations */
.single-post .entry-content blockquote{
  border-left: 3px solid #B78A53;
  background: #F4EFE5;
  padding: 1.1em 1.4em;
  border-radius: 0 10px 10px 0;
  font-family:'Fraunces', Georgia, serif;
  font-style: italic;
  color: #1a4332;
  margin: 1.6em 0;
}

/* Formulaire de commentaire */
.single-post .comment-respond{
  background: #F4EFE5;
  border-radius: 16px;
  padding: 28px 30px !important;
  margin-top: 2.5em;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.single-post .comment-reply-title{ font-family:'Fraunces', Georgia, serif !important; color:#12281e !important; font-size: 1.3rem !important; }
.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"],
.single-post .comment-form input[type="url"],
.single-post .comment-form textarea{
  font-family:'Jost', sans-serif;
  border: 1px solid rgba(26,67,50,.22) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  background: #fff !important;
}
.single-post .comment-form textarea{ border-radius: 12px !important; }
.single-post .comment-form input[type="submit"],
.single-post #ast-commentform input#submit{
  font-family:'Jost', sans-serif;
  background: #B4571C !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 600 !important;
  cursor: pointer;
}
.single-post .comment-form input[type="submit"]:hover{ background: #1a4332 !important; }

/* Navigation précédent / suivant */
.single-post .navigation.post-navigation{
  max-width: 630px; margin: 2.5em auto 0; padding: 0;
}
.single-post .nav-links{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.single-post .nav-links > div{
  background: #F4EFE5;
  border: 1px solid rgba(26,67,50,.14);
  border-radius: 12px;
  padding: 16px 18px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.single-post .nav-links > div:hover{ transform: translateY(-2px); box-shadow: 0 14px 28px -18px rgba(18,40,30,.35); }
.single-post .nav-links a{ font-family:'Jost', sans-serif; color:#1a4332; text-decoration: none; font-weight: 500; }
.single-post .nav-links .nav-subtitle{ color: #B78A53; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; display:block; margin-bottom: 4px; }
@media(max-width: 640px){ .single-post .nav-links{ grid-template-columns: 1fr; } }

.mt-editor-dot,
.mt-editor-panel,
.mt-editor-toolbar,
.mt-editor-bar,
.mt-editor-image-modal {
  box-sizing: border-box;
  font-family: Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mt-editor-dot {
  position: fixed;
  z-index: 2147483000;
  right: 18px;
  bottom: 18px;
  width: 22px;
  height: 22px;
  border: 2px solid rgba(107, 142, 127, 0.38);
  border-radius: 50%;
  background: #dfceb0;
  box-shadow: 0 12px 30px rgba(45, 74, 62, 0.24);
  cursor: pointer;
}

.mt-editor-panel {
  position: fixed;
  z-index: 2147483020;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(460px, 100vw);
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: #fffaf1;
  color: #2d4a3e;
  box-shadow: -28px 0 70px rgba(25, 35, 32, 0.26);
  transform: translateX(105%);
  transition: transform 240ms ease;
}

.mt-editor-panel.open {
  transform: translateX(0);
}

.mt-editor-head,
.mt-editor-foot {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(45, 74, 62, 0.14);
}

.mt-editor-foot {
  border-top: 1px solid rgba(45, 74, 62, 0.14);
  border-bottom: 0;
}

.mt-editor-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.mt-editor-head strong {
  display: block;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}

.mt-editor-head small,
.mt-editor-hint {
  display: block;
  margin-top: 6px;
  color: rgba(45, 74, 62, 0.7);
  font-size: 13px;
  line-height: 1.5;
}

.mt-editor-close {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(45, 74, 62, 0.18);
  border-radius: 50%;
  background: transparent;
  color: #2d4a3e;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.mt-editor-body {
  overflow: auto;
  padding: 20px;
}

.mt-editor-block {
  display: grid;
  gap: 12px;
  margin-bottom: 22px;
}

.mt-editor-block > strong {
  color: #6b8e7f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mt-editor-field {
  display: grid;
  gap: 6px;
}

.mt-editor-field span {
  color: rgba(45, 74, 62, 0.74);
  font-size: 12px;
  font-weight: 700;
}

.mt-editor-field input,
.mt-editor-field select,
.mt-editor-field textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(45, 74, 62, 0.18);
  background: #fff;
  color: #2d4a3e;
  padding: 0 12px;
  font: inherit;
}

.mt-editor-field textarea {
  min-height: 130px;
  padding: 12px;
  resize: vertical;
}

.mt-editor-actions,
.mt-editor-grid {
  display: grid;
  gap: 10px;
}

.mt-editor-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mt-editor-actions button,
.mt-editor-panel button:not(.mt-editor-close),
.mt-editor-bar button,
.mt-editor-image-card button {
  min-height: 42px;
  border: 1px solid rgba(45, 74, 62, 0.16);
  background: #6b8e7f;
  color: #fffaf1;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.mt-editor-actions button.secondary,
.mt-editor-bar button.secondary,
.mt-editor-image-card button.secondary {
  background: transparent;
  color: #fffaf1;
}

.mt-editor-image-card button.secondary {
  background: #fffaf1;
  color: #2d4a3e !important;
  border-color: rgba(45, 74, 62, 0.24);
}

.mt-editor-image-card button.secondary:hover,
.mt-editor-image-card button.secondary:focus {
  background: rgba(107, 142, 127, 0.12);
  border-color: rgba(45, 74, 62, 0.38);
}

.mt-editor-panel .secondary {
  color: #2d4a3e !important;
}

.mt-editor-error {
  display: none;
  margin: 0;
  padding: 10px 12px;
  background: #fff0ea;
  color: #a3422e;
  font-size: 13px;
  font-weight: 700;
}

.mt-editor-error.visible {
  display: block;
}

.mt-editor-forgot {
  justify-self: start;
  min-height: auto !important;
  border: 0 !important;
  background: transparent !important;
  color: #6b8e7f !important;
  padding: 2px 0 !important;
  cursor: pointer;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-transform: uppercase;
}

.mt-editor-forgot:hover,
.mt-editor-forgot:focus {
  color: #2d4a3e !important;
}

body.mt-editor-editing [data-mt-editable] {
  outline: 1px dashed rgba(223, 206, 176, 0.86);
  outline-offset: 4px;
  cursor: text;
}

body.mt-editor-editing [data-mt-editable]:hover,
body.mt-editor-editing [data-mt-editable]:focus {
  background: rgba(223, 206, 176, 0.13);
  outline: 2px solid rgba(107, 142, 127, 0.74);
}

body.mt-editor-editing [data-mt-image-editable] {
  cursor: copy;
  outline: 1px dashed rgba(223, 206, 176, 0.86);
  outline-offset: 5px;
}

body.mt-editor-editing [data-mt-image-editable]:hover {
  filter: saturate(1.04) brightness(1.02);
  outline: 2px solid rgba(107, 142, 127, 0.76);
}

.mt-editor-toolbar {
  position: absolute;
  z-index: 2147483030;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  max-width: min(92vw, 650px);
  padding: 6px;
  background: rgba(45, 74, 62, 0.98);
  color: #fffaf1;
  box-shadow: 0 16px 40px rgba(25, 35, 32, 0.3);
}

.mt-editor-toolbar[hidden],
.mt-editor-file-input {
  display: none;
}

.mt-editor-toolbar button,
.mt-editor-toolbar label {
  display: grid;
  min-width: 36px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #fffaf1;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
}

.mt-editor-toolbar label {
  position: relative;
  overflow: hidden;
}

.mt-editor-toolbar input[type="color"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.mt-editor-bar {
  position: fixed;
  z-index: 2147483010;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  max-width: min(1240px, calc(100vw - 36px));
  margin: 0 auto;
  padding: 12px 14px;
  border: 1px solid rgba(223, 206, 176, 0.44);
  background: rgba(45, 74, 62, 0.98);
  color: #fffaf1;
  box-shadow: 0 18px 50px rgba(25, 35, 32, 0.36);
}

.mt-editor-bar[hidden] {
  display: none;
}

.mt-editor-bar strong {
  flex: 0 0 auto;
  color: #dfceb0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.mt-editor-bar span {
  flex: 1 1 210px;
  max-width: 260px;
  color: rgba(255, 250, 241, 0.78);
  font-size: 13px;
  line-height: 1.45;
}

.mt-editor-bar em {
  flex: 0 0 auto;
  color: rgba(223, 206, 176, 0.9);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.mt-editor-bar label {
  display: grid;
  flex: 1 1 210px;
  gap: 3px;
  min-width: 190px;
  max-width: 260px;
}

.mt-editor-bar small {
  color: rgba(255, 250, 241, 0.6);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.mt-editor-bar select {
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #fffaf1;
  padding: 0 9px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.mt-editor-bar select option {
  color: #2d4a3e;
}

.mt-editor-bar button {
  flex: 0 0 auto;
  min-width: 112px;
  padding: 0 12px;
  white-space: nowrap;
}

.mt-editor-image-chip-layer {
  position: absolute;
  z-index: 2147483008;
  inset: 0 auto auto 0;
  pointer-events: none;
}

.mt-editor-image-chip {
  position: absolute;
  min-width: 78px;
  height: 36px;
  border: 1px solid rgba(223, 206, 176, 0.78);
  background: rgba(45, 74, 62, 0.96);
  color: #fffaf1;
  box-shadow: 0 12px 32px rgba(25, 35, 32, 0.28);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: auto;
}

.mt-editor-image-chip::before {
  content: "+";
  margin-right: 6px;
  color: #dfceb0;
}

.mt-editor-image-modal {
  position: fixed;
  z-index: 2147483040;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(30, 42, 38, 0.62);
}

.mt-editor-image-modal[hidden] {
  display: none;
}

.mt-editor-image-card {
  width: min(520px, 100%);
  display: grid;
  gap: 14px;
  padding: 22px;
  background: #fffaf1;
  color: #2d4a3e;
  box-shadow: 0 28px 80px rgba(25, 35, 32, 0.34);
}

.mt-editor-image-card strong {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 31px;
  font-weight: 500;
}

.mt-editor-image-card p {
  margin: 0;
  color: rgba(45, 74, 62, 0.72);
  line-height: 1.6;
}

.mt-editor-image-card label {
  display: grid;
  gap: 8px;
}

.mt-editor-image-card input {
  min-height: 46px;
  border: 1px solid rgba(45, 74, 62, 0.18);
  padding: 0 12px;
  font: inherit;
}

.mt-editor-image-card > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media (max-width: 640px) {
  .mt-editor-dot {
    right: 14px;
    bottom: 14px;
  }

  .mt-editor-panel {
    width: 100vw;
  }

  .mt-editor-grid {
    grid-template-columns: 1fr;
  }

  .mt-editor-bar {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    right: 10px;
    bottom: 10px;
    left: 10px;
    gap: 7px;
    max-height: 34vh;
    overflow: auto;
    padding: 9px;
  }

  .mt-editor-bar strong {
    grid-column: 1;
    align-self: center;
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  .mt-editor-bar span {
    display: none;
  }

  .mt-editor-bar em {
    grid-column: 2;
    align-self: center;
    overflow: hidden;
    font-size: 10px;
    text-align: right;
    text-overflow: ellipsis;
  }

  .mt-editor-bar label {
    grid-column: 1 / -1;
    min-width: 0;
    max-width: none;
  }

  .mt-editor-bar button {
    min-width: 0;
    min-height: 40px;
    width: 100%;
    padding: 0 8px;
    font-size: 10px;
    letter-spacing: 0.06em;
  }

  body.mt-editor-editing {
    padding-bottom: 230px;
  }

  .mt-editor-image-card > div {
    grid-template-columns: 1fr;
  }
}