/* Reference layout; colors, controls and section styling follow the existing site. */
.skill-reference { color: var(--text); font-size: .88rem; line-height: 1.55; }
.skill-reference .sr-lead { margin-bottom: 18px; }
.skill-reference .sr-downloads, .skill-reference .sr-tabs, .skill-reference .sr-controls, .skill-reference .sr-pager { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; align-items:center; }
.skill-reference .sr-downloads { margin-bottom:20px; }
.skill-reference .sr-tabs { padding-bottom:12px; border-bottom:1px solid var(--line-soft); }
.skill-reference button { cursor:pointer; border-radius:0; }
.skill-reference button[aria-pressed="true"] { border-color:var(--cyan); background:var(--panel-raised); box-shadow:inset 0 -2px var(--cyan); }
.skill-reference button:disabled { opacity:.5; cursor:default; }
.skill-reference input, .skill-reference select { min-height:36px; border:1px solid #34717d; border-radius:0; padding:8px 10px; color:var(--text); background:var(--panel-deep); font:700 .76rem Verdana,Arial,sans-serif; }
.skill-reference input { flex:1 1 100%; min-width:0; }
.skill-reference input::placeholder { color:var(--muted); }
.skill-reference label { flex-basis:100%; color:var(--muted); font:700 .7rem var(--ui-font); text-transform:uppercase; }
.skill-reference :focus-visible { outline:2px solid var(--cyan-soft); outline-offset:3px; }
.skill-reference .sr-card { margin:0; overflow-wrap:anywhere; }
.skill-reference .sr-card > summary { padding:14px 4px; }
.skill-reference .sr-card > summary strong { font:inherit; }
.skill-reference .sr-subtitle { display:block; color:var(--muted); font:400 .78rem var(--body-font); margin-top:2px; }
.skill-reference .sr-card > :not(summary) { margin-left:8px; margin-right:8px; }
.skill-reference .sr-values { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:8px 20px; }
.skill-reference .sr-value { padding:7px 0; border-bottom:1px solid var(--line-soft); }
.skill-reference dt { font-size:.76rem; color:var(--muted); }
.skill-reference dd { margin:2px 0 0; color:var(--text); }
.skill-reference h4 { color:var(--cyan-soft); font:800 .84rem var(--ui-font); text-transform:uppercase; }
.skill-reference .sr-code { font-family:monospace; font-size:.76rem; color:var(--muted); white-space:pre-wrap; }
.skill-reference pre { overflow-x:auto; white-space:pre-wrap; font-size:.8rem; }
.skill-reference .sr-formula { border-left:2px solid var(--cyan-dim); padding:8px 12px; color:var(--text); background:var(--panel-deep); font-family:monospace; }
.skill-reference .sr-frs-note { color:var(--cyan-soft); }
.skill-reference .sr-count { margin:12px 0 18px; color:var(--muted); font-size:.8rem; }
.skill-reference .sr-help { color:var(--muted); font-size:.8rem; }
.skill-reference .sr-table-wrap { overflow-x:auto; }
.skill-reference table { border-collapse:collapse; font-size:.82rem; width:100%; }
.skill-reference th, .skill-reference td { text-align:left; padding:8px; border-bottom:1px solid var(--line-soft); white-space:nowrap; }
.skill-reference th { color:var(--cyan-soft); font:800 .74rem var(--ui-font); text-transform:uppercase; }
.skill-reference .sr-sources { padding-bottom:12px; }
.skill-reference .sr-sources summary { padding:8px 0; font-size:.78rem; }
@media (max-width:600px) { .skill-reference select { max-width:100%; } .skill-reference .sr-controls button { width:100%; } }