.l4{max-width:1050px;margin:0 auto}.l4-card{background:var(--surface,#fffef9);border:1px solid #dddcd1;border-radius:16px;margin:20px 0;padding:24px}.l4 h2{margin:0 0 16px;font-size:20px}.l4 h3{margin:4px 0;font-size:16px}.l4 p{line-height:1.75}.l4-summary,.l4-metrics{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.l4-summary>div,.l4-metrics>div{background:#eeeede;border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.l4-summary strong{font-size:25px}.l4-metrics strong{font-size:21px}.l4-metrics p{grid-column:1/-1}.l4-row{border-top:1px solid #e4e4d9;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.l4-row p{margin:6px 0}.l4-row .button{flex-shrink:0}.l4-profile>div{grid-template-columns:90px 1fr 60px;align-items:center;gap:16px;margin:15px 0;display:grid}.l4 progress{accent-color:#255744;width:100%}.l4-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.l4 label{margin:12px 0;display:block}.l4 textarea,.l4 input:not([type=checkbox]):not([type=radio]),.l4 select{width:100%;font:inherit;background:#fff;border:1px solid #cccfc1;border-radius:8px;margin:8px 0;padding:12px;display:block}.l4 input[type=checkbox],.l4 input[type=radio]{accent-color:#255744;margin-right:10px}.l4-options label,.l4-choice{background:#f3f3ea;border-radius:9px;padding:14px}.l4 .button{margin:6px 8px 6px 0}.l4-feedback{background:#eff3e6;border-radius:10px;margin-top:12px;padding:16px}.l4-coach{border-top:1px solid #ddd;margin-top:16px;padding:16px 0}.l4 summary{cursor:pointer;font-weight:600}.l4-actions{flex-wrap:wrap;gap:10px;display:flex}.l4 blockquote{background:#eff2e7;border-left:3px solid #365b45;padding:12px}.l4 img{object-fit:contain;max-width:100%;max-height:420px}.l4 table{border-collapse:collapse;overflow-wrap:anywhere;width:100%}.l4 td,.l4 th{border:1px solid #ddd;padding:8px}.l4 .scroll{overflow:auto}.l4 small{color:#687362}.l4 button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:650px){.l4-card{padding:17px}.l4-summary,.l4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.l4-summary>div:last-child{grid-column:1/-1}.l4-profile>div{grid-template-columns:80px 1fr 50px;gap:8px}.l4-row{align-items:flex-start}.l4-row .button{padding:9px 12px}.l4 h2{font-size:18px}}.l4 input[type=checkbox],.l4 input[type=radio]{vertical-align:middle;flex-shrink:0;width:18px;height:18px;min-height:18px;margin:0 10px 0 0;padding:0;display:inline-block}.l4-options label,.l4 .l4-choice{align-items:center;gap:8px;display:flex}