.elementor-26579 .elementor-element.elementor-element-b4850c1{--display:flex;}.elementor-26579 .elementor-element.elementor-element-cta_26579{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-9acc977 *//* ==============================
   BREAKINTOLINGO — Articles JP
   ============================== */

/* Titres */
h1 { color: #0056a7 !important; font-family: 'Inter', 'Roboto', sans-serif !important; font-size: 1.75rem !important; font-weight: 700 !important; line-height: 1.25 !important; }
h2 { color: #212121 !important; font-family: 'Inter', 'Roboto', sans-serif !important; font-size: 1.15rem !important; font-weight: 700 !important; border-bottom: 2px solid #1863dc !important; padding-bottom: .4rem !important; margin-top: 2.75rem !important; }
h3 { color: #0056a7 !important; font-family: 'Inter', 'Roboto', sans-serif !important; font-size: 1rem !important; font-weight: 600 !important; margin-top: 1.75rem !important; }

/* Texte & liens */
p { font-family: 'Inter', 'Roboto', sans-serif !important; font-size: 16px !important; line-height: 1.65 !important; color: #212121 !important; }
a { color: #1863dc !important; text-decoration: none !important; font-weight: 500 !important; }
a:hover { color: #0056a7 !important; text-decoration: underline !important; }

/* Encart résumé */
.en-bref { background: #eef3fb !important; border-left: 4px solid #1863dc !important; border-radius: 0 6px 6px 0 !important; padding: 1.1rem 1.3rem !important; margin-bottom: 2.25rem !important; }
.en-bref p { font-size: .94rem !important; font-weight: 600 !important; color: #0056a7 !important; margin: 0 0 .5rem !important; }
.en-bref ul { margin: 0 !important; padding-left: 1.2rem !important; }
.en-bref li { font-size: .92rem !important; line-height: 1.6 !important; color: #212121 !important; }

/* Tableaux */
table { width: 100% !important; border-collapse: collapse !important; margin: 1rem 0 1.75rem !important; font-size: .93rem !important; }
thead tr { background: #eef3fb !important; }
th { padding: .55rem .8rem !important; text-align: left !important; border-bottom: 2px solid #1863dc !important; font-weight: 600 !important; font-size: .88rem !important; color: #0056a7 !important; }
td { padding: .5rem .8rem !important; border-bottom: 1px solid #e4e8f0 !important; vertical-align: top !important; }
tr:nth-child(even) td { background: #f7f9fd !important; }

/* Japonais */
.jp { font-size: 1.35rem !important; font-weight: 700 !important; color: #1863dc !important; text-align: center !important; }

/* Grille katakana */
.kata-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: .5rem !important; margin: 1rem 0 1.5rem !important; }
.kata-cell { background: #f7f9fd !important; border: 1px solid #d0ddf5 !important; border-radius: 6px !important; padding: .6rem .3rem !important; text-align: center !important; }
.kata-cell .jp { font-size: 1.5rem !important; display: block !important; }
.kata-cell .rom { font-size: .78rem !important; color: #666 !important; display: block !important; margin-top: .2rem !important; }

/* Grille symboles */
.symbol-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1rem !important; margin: 1.25rem 0 1.75rem !important; }
.symbol-card { background: #f7f9fd !important; border: 1px solid #d0ddf5 !important; border-radius: 8px !important; padding: 1rem 1.1rem !important; }
.symbol-card .kanji { font-size: 2.4rem !important; font-weight: 700 !important; color: #1863dc !important; display: block !important; line-height: 1.1 !important; margin-bottom: .3rem !important; }
.symbol-card .reading { font-size: .8rem !important; color: #888 !important; font-style: italic !important; display: block !important; margin-bottom: .4rem !important; }
.symbol-card .meaning { font-size: .92rem !important; line-height: 1.55 !important; color: #212121 !important; }

/* Note box */
.note-box { background: #fff8e1 !important; border-left: 4px solid #f59e0b !important; border-radius: 0 6px 6px 0 !important; padding: .9rem 1.1rem !important; margin: 1rem 0 1.5rem !important; }
.note-box p { font-size: .93rem !important; margin: 0 !important; }

/* Exemples phonétiques */
.phrase-example { text-align: center !important; font-size: 1.35rem !important; background: #eef3fb !important; padding: .85rem !important; border-radius: 8px !important; color: #0056a7 !important; font-weight: 600 !important; margin: 1.25rem 0 .25rem !important; }
.phrase-romaji { text-align: center !important; font-size: .88rem !important; color: #666 !important; font-style: italic !important; margin: 0 0 1rem !important; }

/* Quiz */
.quiz-question { background: #f7f9fd !important; border: 1px solid #d0ddf5 !important; border-radius: 8px !important; padding: 1rem 1.1rem !important; margin-bottom: 1.25rem !important; }
.quiz-question > p { font-weight: 600 !important; color: #0056a7 !important; margin: 0 0 .6rem !important; }
.quiz-options { display: flex !important; flex-direction: column !important; gap: .4rem !important; }
.quiz-option-label { display: flex !important; align-items: center !important; gap: .65rem !important; padding: .45rem .65rem !important; border-radius: 6px !important; border: 1px solid transparent !important; cursor: pointer !important; font-size: .94rem !important; }
.quiz-option-label:hover { background: #eef3fb !important; border-color: #d0ddf5 !important; }
.quiz-option-label input[type="radio"] { accent-color: #1863dc !important; width: 15px !important; height: 15px !important; }
.quiz-explanation { display: none !important; margin-top: .75rem !important; padding: .65rem .85rem !important; border-radius: 6px !important; font-size: .9rem !important; }
.quiz-buttons { display: flex !important; gap: .75rem !important; margin-top: 1.5rem !important; flex-wrap: wrap !important; }
#check-answers { background: #1863dc !important; color: #fff !important; border: none !important; padding: .65rem 1.4rem !important; border-radius: 6px !important; cursor: pointer !important; font-size: .94rem !important; font-weight: 600 !important; }
#check-answers:hover { background: #0056a7 !important; }
#reset-quiz { background: #fff !important; color: #666 !important; border: 1.5px solid #d0ddf5 !important; padding: .65rem 1.4rem !important; border-radius: 6px !important; cursor: pointer !important; font-size: .94rem !important; font-weight: 600 !important; }
#reset-quiz:hover { background: #f4f4f4 !important; }
#quiz-score { display: none !important; margin-top: 1.25rem !important; padding: .9rem 1.1rem !important; background: #eef3fb !important; border-radius: 8px !important; border: 1px solid #d0ddf5 !important; }
#quiz-score h3 { color: #0056a7 !important; margin: 0 0 .35rem !important; font-size: .98rem !important; }
#score-display { font-weight: 500 !important; font-size: .96rem !important; margin: 0 !important; }
.correct-bg { background: rgba(34,197,94,.12) !important; border-color: rgba(34,197,94,.3) !important; }
.wrong-bg { background: rgba(239,68,68,.08) !important; border-color: rgba(239,68,68,.2) !important; }
.explain-ok { background: rgba(34,197,94,.08) !important; border-left: 3px solid #22c55e !important; }
.explain-ko { background: rgba(239,68,68,.06) !important; border-left: 3px solid #ef4444 !important; }

/* Responsive */
@media (max-width: 600px) {
  .kata-grid { grid-template-columns: repeat(4, 1fr) !important; }
  .symbol-grid { grid-template-columns: 1fr !important; }
  .phrase-example { font-size: 1.1rem !important; }
}/* End custom CSS */