.grammar-controls {display:grid; gap:12px; margin-top:16px;}
.grammar-controls button {min-height:44px; white-space:normal;}
.grammar-check {display:flex; gap:12px; align-items:center; padding:14px; border:2px solid #46837a; border-radius:12px; cursor:pointer;}
.grammar-check input {width:22px; height:22px; flex-shrink:0;}
.grammar-pair {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:12px;}
.grammar-pair select {width:100%; min-width:0;}
.grammar-builder,.grammar-answer {display:flex; flex-wrap:wrap; gap:10px;}
.grammar-answer {min-height:72px; padding:14px; border:3px dashed #386c64; border-radius:16px; background:#f1fff6; align-items:center;}
.grammar-chip {font:inherit; font-weight:700; color:#243044; border:2px solid #386c64; border-radius:12px; padding:10px 14px; background:#fff;}
.grammar-answer .grammar-chip {background:#fff1c8;}
.grammar-controls button:disabled {cursor:default;}
.grammar-builder button:disabled {opacity:.45;}
#grammarInput {font:inherit; width:100%; max-width:34rem; padding:12px; border:2px solid #386c64; border-radius:12px;}
#grammarHelp {margin:12px 0; padding:12px; border:1px solid #619c92; border-radius:12px; line-height:1.5;}
#grammarHelp summary {cursor:pointer; font-weight:700;}
#grammarHelp dt {font-weight:700; margin-top:8px;}
#grammarHelp dd {margin-left:0;}
.grammar-controls :is(button,input,select):focus-visible,#grammarHelp summary:focus-visible {outline:3px solid #154e88; outline-offset:3px;}
@media(max-width:560px){.grammar-pair {grid-template-columns:1fr;}.grammar-controls .option-btn {font-size:1rem;}}