#macroExamples{color:#e9f0f8;background:#111a23;border:1px solid #52677d;border-radius:12px;width:min(1240px,96vw);max-height:92vh;padding:24px;margin:auto;overflow:auto}#macroExamples::backdrop{background:#000b}.examples-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.examples-heading h2{margin:0}.examples-filters{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.examples-filters label{display:flex;flex-direction:column;gap:4px;min-width:150px;flex:1}.examples-filters input,.examples-filters select,.examples-filters textarea{width:100%;max-width:100%}.examples-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:24px}#exampleList{width:100%;height:390px}#exampleCode{width:100%;font-family:monospace;line-height:1.6;resize:vertical}.examples-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#macroExamples p{line-height:1.6;margin:12px 0}#macroExamples button{min-height:44px}#macroExamples pre{white-space:pre-wrap;overflow-wrap:anywhere}#teachingTrace{max-height:300px;overflow:auto;font:13px/1.6 monospace;padding-left:32px}#teachingVariables{max-height:260px;overflow:auto;display:flex;gap:8px;flex-wrap:wrap}.variable-value{padding:8px;background:#202e3b;border-radius:5px}.variable-value.changed{background:#33582c;outline:1px solid #89d877}.trace-warning{color:#ffd17a}.branch-target{border-left:4px solid #70b6ff;padding-left:8px}#latheProfile{display:block;width:100%;max-height:300px;background:#0c1218}#latheGenerator{margin-top:24px;padding:16px;border:1px solid #52677d}#macroExamples summary{cursor:pointer;font-weight:700;padding:10px 0}.web-site-nav{display:flex;gap:16px;flex-wrap:wrap;padding:12px 20px;background:#101820}.web-site-nav a{color:#b9d8ff}#examplesOffline{font-size:13px}#macroExamples label{font-size:14px}#macroExamples select,#macroExamples input,#macroExamples textarea{background:#1c2b3a;color:#fff;border:1px solid #65788b;border-radius:4px;padding:8px}#macroExamples option{padding:8px}#macroExamples h3{font-size:22px}#macroExamples section{min-width:0}@media(max-width:700px){#macroExamples{padding:16px}.examples-layout{grid-template-columns:1fr}#exampleList{height:180px}.examples-heading{align-items:flex-start}.examples-filters label{min-width:130px}#macroExamples{max-height:94dvh}}