@import url("/grammaire/assets/lecons.css");
@import url("/grammaire/assets/lesson-work.css");

.hero-art {
  margin: 0 0 30px;
  padding: 18px;
  background: #fffaf0;
  border: 1px solid var(--line);
}
.grammar-door{display:flex;align-items:center;gap:10px;margin:28px 0 14px;padding:0 0 8px;border-bottom:2px solid #8a2a1f;color:#8a2a1f;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.grammar-door img{width:34px;height:34px}.door.is-inactive{opacity:.48;cursor:default}.door small{display:block;margin-left:auto;font-size:11px;font-style:italic;color:#665}

.hero-art img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: contain;
}

.hero-art figcaption {
  margin-top: 12px;
  text-align: center;
  font-style: italic;
}
.lesson-copy .exercise-set{border-top:6px solid #982d22}.exercise-set .counter{margin:0;color:#982d22;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.exercise-step{border-left:5px solid #234f83!important}.exercise{margin:22px 0 0;padding:18px 20px;background:#fff;border:1px solid #d5c7aa}.exercise h3{margin:0 0 12px;font-size:21px}.exercise blockquote{margin:12px 0}.exercise p:last-child{margin-bottom:0}.exercise p:last-child em:first-child{color:#982d22;font-weight:700}.exercise-step>p:only-child{display:none}
html,body{max-width:100%;overflow-x:clip}
.lesson-space-rail a,.cc-rail a{overflow-wrap:anywhere}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.grammar-bonus{max-width:1180px;margin:28px auto;padding:22px;border:2px solid #3f6b45;background:#f4faef}
.grammar-bonus>p,.space-bonus-title{color:#3f6b45;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.lesson-space-rail .bonus{border-left-color:#3f6b45}