.references-intro{padding:34px 0 14px;max-width:760px}
.references-intro h1{font-size:clamp(32px,5vw,44px)}
.reference-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:20px;border:1px solid var(--line);border-radius:14px;margin:20px 0}
.reference-controls label{display:grid;gap:8px;font-size:14px;font-weight:650;flex:1;min-width:180px}
.reference-controls input,.reference-controls select{font:inherit;min-height:46px;width:100%;padding:11px 12px;color:var(--ink);background:var(--theme-surface,#fff);border:1px solid var(--line);border-radius:8px}
.reference-controls input:focus-visible,.reference-controls select:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.reference-controls button{margin:0}
.reference-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;align-items:center}
.reference-actions .lesson-back,.reference-actions .secondary{margin:0}
.reference-list{padding-left:36px;max-width:900px;margin:28px 0}
.reference-entry{margin:22px 0;padding:22px;border:1px solid var(--line);border-top:3px solid var(--deep);border-radius:14px;scroll-margin-top:100px}
.reference-entry::marker{font-weight:750;color:var(--deep)}
.reference-entry h2{font-size:21px;line-height:1.4;margin:0 0 12px}
.reference-citation{color:var(--ink);line-height:1.65;overflow-wrap:anywhere}
.reference-citation a{color:var(--deep)}
.reference-usage{border-top:1px solid var(--line);padding-top:12px}
.reference-usage summary{color:var(--deep);font-weight:650;cursor:pointer;min-height:44px;padding:8px 0;font-size:14px}
.reference-usage li{padding:7px 0;font-size:14px}
.reference-usage a{color:var(--deep)}
.reference-home{margin:30px 0;border-left:4px solid var(--deep)}
@media(max-width:600px){.reference-controls{padding:16px}.reference-controls label{min-width:100%}.reference-list{padding-left:28px}.reference-entry{padding:18px 14px}.reference-actions{flex-direction:column;align-items:stretch}.reference-actions a,.reference-actions button{width:100%;text-align:center}}