.cash-lesson { --cash-blue:#1d4ed8; --cash-teal:#0f766e; --cash-purple:#7e22ce; color:#20324d; border:1px solid #c9d9f2; border-radius:20px; background:#fff; padding:clamp(1rem,3vw,2rem); margin-block:1.5rem; }
.cash-lesson h2,.cash-lesson h3,.cash-lesson h4 { color:#173052; line-height:1.35; }
.cash-lesson h2 { font-size:clamp(1.45rem,3vw,2rem); }
.cash-lesson h3 { font-size:1.2rem; margin-block:1.6rem .8rem; }
.cash-lesson p,.cash-lesson li { font-size:1rem; line-height:1.7; overflow-wrap:anywhere; }
.cash-lesson__eyebrow { color:var(--cash-purple); font-weight:700; margin:0; }
.cash-lesson__remember { background:#fff4cb; border-left:5px solid #986a09; padding:1rem; border-radius:10px; }
.cash-lesson__figure { margin:1rem 0; }
.cash-lesson__line { overflow-x:auto; border:1px solid #c9d9f2; border-radius:12px; }
.cash-lesson__line svg { display:block; width:100%; min-width:32rem; height:auto; }
.cash-lesson figcaption { margin-block:.65rem; color:#425777; font-size:.95rem; line-height:1.6; }
.cash-lesson__steps { padding-left:1.6rem; }
.cash-lesson__steps li { padding:0 0 .65rem .35rem; }
.cash-lesson__steps li::marker { color:var(--cash-blue); font-weight:700; }
.cash-lesson__table-wrap { overflow-x:auto; border:1px solid #c9d9f2; border-radius:12px; }
.cash-lesson table { width:100%; border-collapse:collapse; min-width:28rem; font-size:1rem; }
.cash-lesson caption { text-align:left; padding:1rem; font-weight:700; background:#eaf2ff; color:#173052; }
.cash-lesson th,.cash-lesson td { padding:.8rem; border-bottom:1px solid #c9d9f2; text-align:left; vertical-align:top; }
.cash-lesson thead { background:#f1f6ff; }
.cash-lesson tbody tr:nth-child(even) { background:#f2fbf8; }
.cash-lesson__examples,.cash-lesson__practice { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.cash-lesson__example,.cash-lesson__practice article { min-width:0; padding:1rem; border:1px solid #c9d9f2; border-top:4px solid var(--cash-blue); border-radius:12px; background:#f3f7ff; }
.cash-lesson__example:nth-child(3n+2) { background:#f0faf7; border-top-color:var(--cash-teal); }
.cash-lesson__example:nth-child(3n) { background:#f8f1ff; border-top-color:var(--cash-purple); }
.cash-lesson__example h4 { margin:.3rem 0 .8rem; font-size:1.15rem; }
.cash-lesson__example ol { padding-left:1.3rem; margin-bottom:0; }
.cash-lesson mark { background:#ffdf72; color:#182b49; border-bottom:2px solid #865807; border-radius:4px; padding:0 .15em; }
.cash-lesson__payment { margin-block:1.5rem; border-left:5px solid var(--cash-teal); border-radius:12px; padding:.2rem 1rem 1rem; background:#effaf6; }
.cash-lesson summary { padding:.75rem .2rem; cursor:pointer; color:#1648a7; font-weight:700; min-height:44px; }
.cash-lesson :is(a,summary,[tabindex]):focus-visible { outline:3px solid #1d4ed8; outline-offset:3px; }
.cash-lesson__source { margin-top:1.5rem; }
.cash-lesson fieldset { border:0; padding:0; margin:0; min-width:0; }
.cash-lesson legend { font-weight:700; line-height:1.6; margin-bottom:.75rem; }
.cash-lesson__choice { display:flex; align-items:center; gap:.65rem; padding:.7rem; min-height:44px; background:#fff; border:1px solid #b8cae4; border-radius:8px; margin-block:.4rem; cursor:pointer; }
.cash-lesson__choice:has(input:checked) { background:#eaf2ff; outline:2px solid #1d4ed8; outline-offset:-2px; }
.cash-lesson input[type=radio] { accent-color:#1d4ed8; width:1.15rem; height:1.15rem; flex:none; }
@media(max-width:600px) { .cash-lesson__examples,.cash-lesson__practice { grid-template-columns:1fr; } }
@media print { .cash-lesson { border:0; padding:0; } .cash-lesson__line svg { min-width:0; } .cash-lesson__line,.cash-lesson__table-wrap { overflow:visible; } .cash-lesson table { min-width:0; } .cash-lesson__example,.cash-lesson__practice article { break-inside:avoid; } .cash-lesson__examples,.cash-lesson__practice { display:block; } .cash-lesson__example { margin-bottom:1rem; } }
