.mode-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.mode-card{padding:17px;min-width:0}
.free-icon{background:#e3f3ed;color:#236a55}
.free-personal{background:#e9f4ef;border:1px solid #c8e2d6;border-radius:20px;padding:20px;margin:18px 0;color:#20553f;line-height:1.55}
.free-personal strong{font-size:1.05rem}.free-personal p{font-size:.9375rem;margin:10px 0}
.pdf-callout{font-weight:600;line-height:1.55;color:#20553f}
.advanced-label{color:#20553f!important;font-size:.875rem!important;font-weight:650}
#start-free{border-color:#a6cfbb;background:#f3faf6}
.remove-question{margin-top:12px;background:#fff0ef;color:#a3292a;width:100%;font-size:.875rem}
#finish-free{width:100%;margin-top:8px;background:#e9f4ef;color:#20553f}
#free-export{margin-top:24px;padding-top:18px;border-top:1px solid #dedee6}
.study-note{padding:18px;background:#f5f5f9;border-radius:16px;overflow-wrap:anywhere}
.study-note>p:first-child{font-weight:600;line-height:1.5}.study-note textarea{background:#fff;font-size:1rem}
#study-notes{margin-top:22px}
#study-print{display:none}
@media print{
 @page{size:A4;margin:18mm}
 body:has(#study-print[data-ready="true"]){background:#fff;color:#111}
 body:has(#study-print[data-ready="true"])>*:not(#study-print){display:none!important}
 #study-print[data-ready="true"]{display:block!important;font-family:Arial,sans-serif;font-size:11pt;line-height:1.5;color:#111}
 #study-print h1{font-size:21pt;letter-spacing:0;margin:0 0 12pt}
 #study-print h2{font-size:13pt;letter-spacing:0;margin:0 0 6pt;line-height:1.4}
 #study-print h3{font-size:10pt;margin:12pt 0 4pt}
 #study-print p{margin:6pt 0;white-space:pre-wrap;overflow-wrap:anywhere}
 .print-question{margin-top:20pt;padding-top:12pt;border-top:1px solid #ccc;break-inside:avoid}
 .print-translation{color:#555}
 .print-answer{orphans:3;widows:3}
}
.modes{max-width:100%;flex-wrap:wrap}
.modes button{padding:8px 18px}
#free-form{margin-top:22px}
#free-answer{margin-top:10px;min-height:130px}
#free-result{margin-top:24px;border-top:1px solid #e5e5eb;padding-top:12px}
#free-result h3{font-size:1rem;font-weight:600}
#free-response{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
#free-words{margin-top:18px}
#free-words button{background:#eef3fa;padding:8px 12px;min-height:44px}
#free-message:empty{display:none}
#skip-free{display:block;width:100%;margin-top:8px;background:transparent}
@media(max-width:540px){.mode-cards{grid-template-columns:1fr}.mode-card{padding:17px;gap:7px}.mode-card .mode-icon{display:none}.mode-card strong{font-size:1.15rem}.mode-card .mode-cta{padding-top:2px}.mode-card>span:not(.mode-icon):not(.mode-cta){font-size:.9375rem}}