/* Lesson illustrations and teaching notes; scoped to the refreshed narrative. */
.konu-icerik .bh-lesson { clear: both; min-width: 0; color: #293b45; overflow-wrap: break-word; }
.konu-icerik .bh-lesson p { line-height: 1.8; margin: 0 0 1.05rem; }
.konu-icerik .bh-lesson h1 { line-height: 1.3; margin-bottom: 1.25rem; }
.konu-icerik .bh-lesson h2 { font-size: clamp(1.35rem, 3vw, 1.8rem); line-height: 1.4; margin: 2rem 0 .9rem; color: #176b55; }
.konu-icerik .bh-lesson h3 { font-size: 1.2rem; line-height: 1.5; margin: 1.6rem 0 .75rem; color: #245a64; }
.konu-icerik .bh-lesson strong { font-weight: 700; }
.konu-icerik .bh-lesson-figure { clear: both; margin: 1.4rem 0 1.7rem; padding: 1rem; border: 1px solid #dfe8e5; border-radius: 14px; background: #fff; }
.konu-icerik .bh-lesson-figure > a { display: block; max-width: 100%; margin: 0 auto; }
.konu-icerik .bh-lesson-figure img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; border-radius: 6px; box-shadow: none; transform: none; }
.konu-icerik .bh-lesson-figure img:hover { transform: none; box-shadow: none; }
.konu-icerik .bh-lesson-figure a:focus-visible { outline: 3px solid #176b55; outline-offset: 5px; }
.konu-icerik .bh-lesson-figure figcaption { margin-top: .9rem; color: #344c55; line-height: 1.7; font-size: .95rem; }
.konu-icerik .bh-lesson-figure .bh-lesson-credit { display: block; margin-top: .4rem; color: #62747a; font-size: .78rem; line-height: 1.6; }
.konu-icerik .bh-lesson-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.konu-icerik .bh-lesson-pair .bh-lesson-figure { margin: .5rem 0 1.4rem; }
.konu-icerik .bh-lesson-note { margin: 1.25rem 0; padding: 1rem 1.15rem; border: 1px solid #cce3f0; border-left: 5px solid #287497; border-radius: 10px; background: #f0f8fc; color: #234c60; }
.konu-icerik .bh-lesson-note--warning { border-color: #ead9a7; border-left-color: #ba7c12; background: #fff8e8; color: #634b1e; }
.konu-icerik .bh-lesson-note--tip { border-color: #cbe3d6; border-left-color: #278565; background: #eff9f3; color: #295743; }
.konu-icerik .bh-lesson-note .bh-lesson-note-title { margin: 0 0 .35rem; font-size: 1rem; font-weight: 700; line-height: 1.5; color: inherit; }
.konu-icerik .bh-lesson-note p:last-child { margin-bottom: 0; }
.konu-icerik .bh-lesson-flow { display: flex; flex-wrap: wrap; gap: .55rem; align-items: stretch; margin: 1.15rem 0 1.4rem; padding: .9rem; border: 1px solid #dce7e5; border-radius: 12px; background: #f6faf9; list-style: none; counter-reset: lesson-step; }
.konu-icerik .bh-lesson-flow li { display: flex; align-items: center; flex: 1 1 130px; gap: .5rem; padding: .6rem .7rem; background: #fff; border: 1px solid #d9e6e1; border-radius: 7px; font-size: .95rem; line-height: 1.55; counter-increment: lesson-step; }
.konu-icerik .bh-lesson-flow li::before { content: counter(lesson-step); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.5rem; height: 1.5rem; border-radius: 50%; background: #e4f1eb; color: #1c654e; font-size: .8rem; font-weight: 700; }
.konu-icerik .bh-lesson-table { width: 100%; border-collapse: collapse; margin: .5rem 0 1.3rem; font-size: .97rem; line-height: 1.7; }
.konu-icerik .bh-lesson-table th, .konu-icerik .bh-lesson-table td { padding: .8rem; border: 1px solid #dce5e2; vertical-align: top; white-space: normal; }
.konu-icerik .bh-lesson-table th { background: #edf6f1; color: #235d49; font-weight: 700; }
.konu-icerik .bh-lesson-table tbody tr:nth-child(even) { background: #f9fbfa; }
.konu-icerik .bh-lesson-video { clear: both; margin: 1.8rem 0 0; }
.konu-icerik .bh-lesson-video video { width: 100%; height: auto; }
@media (max-width: 600px) {
 .konu-icerik .bh-lesson-pair { grid-template-columns: 1fr; gap: 0; }
 .konu-icerik .bh-lesson-figure { padding: .65rem; margin: 1.1rem 0 1.35rem; }
 .konu-icerik .bh-lesson-note { padding: .85rem .9rem; }
 .konu-icerik .bh-lesson-flow { padding: .65rem; gap: .45rem; }
 .konu-icerik .bh-lesson-flow li { flex-basis: 100%; }
 .konu-icerik .bh-lesson-table th, .konu-icerik .bh-lesson-table td { padding: .55rem; font-size: .9rem; }
}
@media print {
 .konu-icerik .bh-lesson-figure, .konu-icerik .bh-lesson-note { break-inside: avoid; }
 .konu-icerik .bh-lesson-figure a { text-decoration: none; }
}