[hidden]{display:none!important}.modes{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.modes button{flex:1 1 220px}.modes button[aria-pressed="true"]{background:#176c60;color:white;border-color:#176c60}fieldset label{display:flex;align-items:flex-start;gap:1rem;margin:0;padding:.9rem .2rem;line-height:1.5}fieldset label input{flex:0 0 auto;margin-top:.3rem}fieldset label span{min-width:0}small{display:block;font-size:.86em;line-height:1.5;color:#48576a}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.compare .demo{min-width:0;overflow-wrap:anywhere}.compare .page{white-space:pre-wrap}.fields{display:grid;gap:.5rem}.fields label{font-weight:700;margin-top:.6rem}.fields textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:.8rem;border:1px solid #8695a6;border-radius:.5rem;resize:vertical}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f1f5f8;border:1px solid #b7c6d3;border-radius:.6rem;padding:1rem}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.actions button{flex:1 1 170px}button{min-height:44px}details{margin-top:1rem}@media(max-width:700px){.compare{grid-template-columns:1fr}.modes{flex-direction:column}.modes button{flex-basis:auto}}
.focus-buttons{display:flex;flex-wrap:wrap;gap:.55rem}.focus-buttons button{flex:1 1 145px;padding:.7rem;min-width:0;overflow-wrap:break-word}.focus-buttons button[aria-pressed="true"]{background:#176c60;color:#fff;border-color:#176c60}.reading{margin-top:1.4rem}.focus-panel{background:#f0f6f5;border-left:5px solid #176c60;padding:1rem 1.2rem;margin:1rem 0;line-height:1.6}.focus-panel h4{margin:.1rem 0 .7rem}.focus-panel p{margin:.6rem 0}.challenge{padding:1rem;border:1px solid #b4c8c2;border-radius:.6rem}.reading .result{margin-top:1rem}@media(max-width:500px){.focus-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.focus-buttons button{width:100%;font-size:1rem}.focus-panel{padding:.9rem}}