.header{padding:var(--gap-2)}.header nav{margin-top:var(--gap-1)}.header nav a{margin:var(--gap-1);opacity:.7;transition:opacity var(--transition-base)}.header nav a:hover{opacity:1}.header nav .help-toggle,.header nav .tour-start{margin:var(--gap-1)}.search-controls{margin-bottom:var(--gap-2)}.search-bar{display:flex;gap:var(--gap-0);margin-bottom:var(--gap-1)}.search-field{position:relative;flex:1}.search-bar input{width:100%;padding:var(--gap-0) var(--gap-1);font-size:1.1rem;box-shadow:var(--shadow-sm)}.search-bar input:focus{box-shadow:var(--shadow-md)}.search-bar #export-csv{white-space:nowrap;box-shadow:var(--shadow-sm)}.search-bar #export-csv:hover{box-shadow:var(--shadow-md)}.search-help{position:absolute;bottom:calc(100% + 4px);left:0;z-index:10;width:min(22rem,85vw);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:calc(var(--gap-0) * .75);font-size:.75rem;line-height:1.45;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility 0s linear var(--transition-fast)}.search-help p:not(:last-child){margin-bottom:calc(var(--gap-0)/ 2)}.search-help ul{list-style:none;margin-bottom:calc(var(--gap-0)/ 2)}.search-help li:not(:last-child){margin-bottom:calc(var(--gap-0)/ 4)}.search-help code{background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:0 3px;font-size:.95em;color:var(--color-text)}.search-field:hover .search-help{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0.5s}.filter-form{display:flex;gap:var(--gap-0);flex-wrap:wrap;align-items:center}.filter-fields{display:flex;gap:var(--gap-0);flex-wrap:wrap;align-items:center;position:relative}.filter-form select{font-size:var(--font-size-medium);color:var(--color-text-muted);box-shadow:var(--shadow-sm);padding:calc(var(--gap-0)/ 2) var(--gap-0)}.filter-checkbox{display:inline-flex;align-items:center;gap:calc(var(--gap-0)/ 2);font-size:var(--font-size-medium);color:var(--color-text-muted);box-shadow:var(--shadow-sm);padding:calc(var(--gap-0)/ 2) var(--gap-0);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;user-select:none}.filter-checkbox.active,.filter-form a,.filter-form select.active{padding:calc(var(--gap-0)/ 2) var(--gap-0);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);background-color:var(--color-brand);color:var(--color-text-inverse);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base)}.filter-form a:hover{background-color:var(--color-brand-soft)}#systems-section{box-shadow:var(--shadow-md);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.help-mode #systems-section{padding-top:.75rem;margin-top:-.75rem}body:not(.table-ready) #systems-section{visibility:hidden}td,th{padding:var(--gap-0) 12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td{line-height:1.8}th{background:var(--color-brand);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);position:sticky;top:0;z-index:2;overflow:visible}th[aria-sort]{padding-right:calc(12px + 1em)}th.sortable{cursor:pointer;user-select:none;transition:background-color var(--transition-fast)}th.sortable:focus-visible,th.sortable:hover{background-color:var(--color-brand-soft)}th.dragging{opacity:.4}th[aria-sort]::after{content:'';position:absolute;right:10px;top:50%;transform:translateY(-50%);border:4px solid transparent;opacity:.4}th[aria-sort=none]::after{border-top-color:currentColor;margin-top:2px}th[aria-sort=ascending]::after{border-bottom-color:currentColor;opacity:1;margin-top:-2px}th[aria-sort=descending]::after{border-top-color:currentColor;opacity:1;margin-top:2px}th.column-first{border-top-left-radius:var(--radius-md)}th.column-last{border-top-right-radius:var(--radius-md)}tbody tr:last-child td.column-first{border-bottom-left-radius:var(--radius-md)}tbody tr:last-child td.column-last{border-bottom-right-radius:var(--radius-md)}table#systems{table-layout:auto;width:max-content;min-width:100%}#systems td a{display:block;text-decoration:none;color:inherit}.id{width:5ch;white-space:nowrap}.author,.basis_set,.casida,.charge,.code,.code_version,.date,.ea,.formula,.gap,.ip,.point_group,.shortname,.spin,.total_energy,.xc_functional{width:1px;white-space:nowrap}.fullname{min-width:8ch;max-width:40ch}.code,.code_version,.shortname,.xc_functional{max-width:14ch}.author,.basis_set,.date{max-width:20ch}.charge,.ea,.gap,.ip,.spin,.total_energy{text-align:right;font-variant-numeric:tabular-nums}.casida{text-align:center}.column-menu{position:fixed;z-index:1000;min-width:11rem;max-height:80vh;overflow-y:auto;padding:calc(var(--gap-0)/ 2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.column-menu-title{padding:calc(var(--gap-0)/ 2) var(--gap-0);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.column-menu-item{display:flex;align-items:center;gap:calc(var(--gap-0)/ 2);padding:calc(var(--gap-0)/ 2) var(--gap-0);border-radius:var(--radius-sm);font-size:var(--font-size-small);white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--transition-fast)}.column-menu-item:hover{background-color:var(--color-brand);color:var(--color-text-inverse)}.column-menu-item:has(input:disabled){opacity:.5;cursor:not-allowed}