.mechanic-hint{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted);margin:0 0 18px;line-height:1.7}
.mechanic-hint a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.idea-picker .mechanic-hint{margin:14px 0 4px}
.glossary{max-width:980px;margin:28px auto 48px}
.glossary .glossary-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;margin:0 0 20px;padding:0}
.glossary-toolbar label,.glossary-toolbar input,.glossary-toolbar select{min-width:0;width:100%}
.glossary-explainer{background:var(--soft);border-left:3px solid var(--blue);padding:16px 20px;border-radius:0 6px 6px 0;margin:0 0 28px}
.glossary-explainer strong{font-size:14px;color:var(--ink)}
.glossary-explainer p{font-size:13px;color:var(--muted);line-height:1.85;margin:5px 0 0;max-width:86ch}
.glossary-results-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 12px;font-size:13px;color:var(--muted)}
.glossary-results-head p{color:var(--ink);font-weight:600;margin:0}
.glossary-list{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.glossary-entry+.glossary-entry{border-top:1px solid var(--line)}
.glossary-entry summary{display:grid;grid-template-columns:190px minmax(0,1fr) 22px;gap:18px;align-items:center;padding:20px 22px;cursor:pointer;list-style:none}
.glossary-entry summary::-webkit-details-marker{display:none}
.glossary-entry summary:hover{background:var(--soft)}
.glossary-entry summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;border-radius:4px}
.glossary-entry summary strong{font-size:16px;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.glossary-preview{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glossary-chevron{font-size:18px;color:var(--blue);text-align:right;line-height:1}
.glossary-entry[open]{background:var(--soft)}
.glossary-entry[open] summary{padding-bottom:12px}
.glossary-entry[open] .glossary-preview{visibility:hidden}
.glossary-entry[open] .glossary-chevron{transform:rotate(45deg)}
.glossary-body{padding:0 62px 22px 22px;max-width:860px}
.glossary-category{font-size:12px;color:var(--blue)}
.glossary-body>p{margin:10px 0 0;font-size:16px;line-height:1.9;color:var(--text);word-break:keep-all;overflow-wrap:anywhere}
.glossary-body>p.glossary-note{font-size:13px;color:var(--muted);padding-top:4px}
.glossary-links{display:flex;gap:10px 28px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:12px;line-height:1.7}
.glossary-links a{text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
.glossary-links .glossary-skills{font-size:14px;color:var(--blue);font-weight:600}
.glossary-empty{padding:42px 20px;text-align:center;border:1px solid var(--line);border-radius:8px}
.glossary-empty p{font-size:14px;color:var(--muted);margin:10px 0 22px}
@media(max-width:600px){
 .glossary{margin-top:22px}
 .glossary .glossary-toolbar{grid-template-columns:minmax(0,1fr);gap:14px}.glossary-explainer{padding:14px 16px;margin-bottom:22px}
 .glossary-results-head{align-items:flex-start;flex-direction:column;gap:5px}.glossary-results-head span{font-size:12px}
 .glossary-entry summary{grid-template-columns:minmax(0,1fr) 22px;gap:7px 12px;padding:17px 16px}.glossary-preview{grid-row:2;grid-column:1}.glossary-chevron{grid-row:1 / 3;grid-column:2;align-self:center}
 .glossary-entry[open] .glossary-preview{display:none}.glossary-body{padding:0 16px 20px}.glossary-links{display:grid;gap:12px}.glossary-links a{overflow-wrap:anywhere}.glossary-body>p{font-size:15px}
}
