.sentence-checker{margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line,#dce6df);border-radius:20px;background:var(--surface,#fff)}
.sentence-first-task{margin:1rem 0;padding:1rem;border-left:3px solid #197a36;background:#f4faf5}.sentence-first-task h3{margin-top:0}.sentence-next-steps{display:grid;gap:.75rem;margin-top:1.25rem}.sentence-next-steps a{display:block;width:fit-content;max-width:100%;padding:.65rem 0;text-underline-offset:.2em;overflow-wrap:anywhere}.sentence-next-steps p{font-size:.95rem;margin:0}
.sentence-checker .sentence-consent input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;flex:0 0 18px;accent-color:var(--deep,#197a36)}.sentence-checker .sentence-consent>span{flex:1;min-width:0;margin:0;font-weight:400;overflow-wrap:anywhere}
.sentence-checker form{display:grid;gap:.8rem}.sentence-checker textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:7rem;padding:.8rem;border:1px solid #9cad9e;border-radius:10px;font:inherit;resize:vertical}.sentence-checker button{white-space:normal;overflow-wrap:anywhere}.sentence-input-meta{display:flex;align-items:start;gap:1rem;justify-content:space-between}.sentence-input-meta p{margin:0}.sentence-input-meta output{white-space:nowrap}.sentence-examples{display:flex;flex-wrap:wrap;gap:.5rem}.sentence-consent{display:flex;gap:.7rem;align-items:flex-start}.sentence-consent input{flex:none;margin-top:.4rem}.sentence-result{margin-top:1.2rem;padding:1rem;background:#f4faf5;border-radius:12px;overflow-wrap:anywhere}.sentence-checker :focus-visible{outline:3px solid #197a36;outline-offset:3px}.sentence-checker [hidden]{display:none!important}@media(max-width:480px){.sentence-input-meta{flex-direction:column;gap:.4rem}}