.rich-copy .mistakes-lab { margin: 2rem 0 2.75rem; padding: clamp(1rem, 3vw, 1.6rem); border: 1px solid #92b4b1; border-radius: 18px; background: #f0f6f1; color: #102f35; min-width: 0; overflow-wrap: anywhere; scroll-margin-top: 7rem; }
.rich-copy .mistakes-lab h3, .rich-copy .mistakes-review h3 { margin: .4rem 0 1rem; font-size: clamp(1.25rem, 3vw, 1.6rem); line-height: 1.35; }
.rich-copy .mistakes-lab p { font-size: 1rem; line-height: 1.7; }
.rich-copy .mistakes-label { margin: 0; font-weight: 800; color: #365e60; font-size: .85rem; }
.rich-copy .mistakes-lab details { margin-top: 1.1rem; border: 1px solid #709692; border-radius: 9px; background: #fffdf7; }
.rich-copy .mistakes-lab summary { min-height: 48px; padding: .85rem 1rem; cursor: pointer; font-weight: 800; line-height: 1.5; }
.rich-copy .mistakes-lab summary:focus-visible { outline: 3px solid #102f35; outline-offset: 3px; border-radius: 7px; }
.mistakes-answer-copy { padding: 0 1rem .25rem; }
.rich-copy .mistakes-answer-copy p { margin: .25rem 0 1rem; }
.rich-copy .mistakes-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; gap: .6rem; margin: 1.4rem 0; }
.rich-copy .mistakes-options li { margin: 0; padding: .65rem .2rem; text-align: center; font-size: 1.5rem; font-weight: 800; border-block: 2px solid #709692; background: #fffdf7; }
.rich-copy .mistakes-table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; }
.mistakes-table caption { text-align: left; margin-bottom: .6rem; font-weight: 800; }
.mistakes-table th, .mistakes-table td { padding: .65rem .35rem; text-align: left; border-bottom: 1px solid #92b4b1; overflow-wrap: normal; }
.mistakes-table thead { background: #deece5; }
.mistakes-libraries { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1.4rem 0; }
.mistakes-libraries section { padding: 1rem; border: 1px solid #92b4b1; border-radius: 10px; background: #fffdf7; }
.rich-copy .mistakes-libraries h4 { margin: 0 0 .8rem; font-size: 1.15rem; color: #102f35; }
.mistakes-libraries dl { margin: 0; display: grid; gap: .8rem; }
.mistakes-libraries dt { font-size: .9rem; line-height: 1.5; }
.mistakes-libraries dd { margin: .2rem 0 0; font-size: 1.45rem; font-weight: 800; }
.mistakes-fractions { display: grid; gap: 1.5rem; margin: 1.5rem 0; }
.rich-copy .mistakes-fractions figure { margin: 0; min-width: 0; }
.rich-copy .mistakes-fractions figcaption { margin: 0 0 .6rem; color: #102f35; font-size: 1rem; line-height: 1.5; }
.mistakes-fraction-bar { display: grid; width: 100%; height: 48px; border: 2px solid #164f53; background: #fffdf7; box-sizing: border-box; }
.mistakes-parts-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.mistakes-parts-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mistakes-fraction-bar span { border-right: 1px solid #164f53; }
.mistakes-fraction-bar span:last-child { border-right: 0; }
.mistakes-fraction-bar .is-filled { border-right-color: #cde6df; background: repeating-linear-gradient(135deg, #164f53 0, #164f53 6px, #397174 6px, #397174 8px); }
.rich-copy .mistakes-review { padding: 1.3rem; border-left: 4px solid #aa701c; background: #fff0d6; margin: 1.5rem 0; }
.mistakes-review dl { display: grid; gap: 1rem; }
.mistakes-review dt { font-weight: 800; }
.mistakes-review dd { margin: .3rem 0 0; line-height: 1.6; }
.rich-copy .mistakes-review p, .rich-copy .mistakes-note { font-size: .95rem; line-height: 1.65; }
.rich-copy .mistakes-note { color: #365e60; }
@media (max-width: 640px) { .mistakes-libraries { grid-template-columns: minmax(0, 1fr); } .mistakes-libraries dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
