.syntax-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:28px}.syntax-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em}.syntax-toolbar select{min-width:180px;border:0;border-bottom:1px solid var(--rule-strong);background:transparent;padding:9px 2px;color:var(--ink)}.syntax-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.4fr);gap:40px;align-items:start}.syntax-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.syntax-passage{font:500 clamp(1.55rem,3vw,2.2rem)/1.75 var(--text);padding:22px 0;border-bottom:1px solid var(--rule);margin-bottom:22px}.syntax-work h2{font:500 1.35rem/1.35 var(--text);max-width:760px}.syntax-options{display:grid;border-top:1px solid var(--rule);border-left:1px solid var(--rule);margin-top:18px}.syntax-options button{border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);padding:13px 14px;text-align:left}.syntax-options button:hover:not(:disabled){background:var(--rubric-soft);color:var(--rubric)}.syntax-options button.correct{background:color-mix(in srgb,var(--good) 12%,transparent)}.syntax-options button.wrong{background:var(--rubric-soft);color:var(--rubric)}.syntax-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.syntax-help{margin-top:16px;border-left:2px solid var(--rubric);padding:4px 0 4px 16px;font:400 .95rem/1.6 var(--text);color:var(--muted)}.syntax-diagram{margin-top:18px;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:500 .95rem/1.65 var(--text)}.syntax-diagram div{padding-left:calc(var(--depth,0) * 10px)}.syntax-side{position:sticky;top:92px}.syntax-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);margin:14px 0}.syntax-stats div{padding:13px 10px 13px 0;border-bottom:1px solid var(--rule)}.syntax-stats span{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.syntax-stats strong{display:block;margin-top:5px;font:500 1.2rem var(--text)}.syntax-translation{margin-top:38px}.syntax-translation textarea{width:100%;min-height:150px;resize:vertical;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);padding:16px 0;font:400 1rem/1.6 var(--text)}.syntax-translation-actions{display:flex;gap:12px;align-items:center;margin-top:12px}.syntax-translation-actions span{color:var(--muted);font-size:.78rem}.syntax-translation ol{margin-top:24px;padding-left:22px;color:var(--muted);font-family:var(--text);line-height:1.65}@media(max-width:900px){.nav{grid-template-columns:repeat(9,max-content)}.syntax-layout{grid-template-columns:1fr}.syntax-side{position:static}.syntax-toolbar{align-items:stretch}.syntax-toolbar label{flex:1 1 180px}.syntax-toolbar select{width:100%}}@media(max-width:560px){.syntax-meta{display:grid}.syntax-toolbar>*{width:100%}.syntax-translation-actions{align-items:flex-start;flex-direction:column}}