:root { font-family: Inter,ui-sans-serif,system-ui,sans-serif; color:#282522; background:#f5f1ea; }
* { box-sizing:border-box; } body { margin:0; }
.masthead { display:flex; gap:1.5rem; align-items:center; padding:1.2rem max(1rem,calc((100vw - 1450px)/2)); background:#740b0b; color:white; }
.masthead a { color:white; }.masthead span { font-size:.7rem; opacity:.75; letter-spacing:.1em; }.masthead h1 { margin:.1rem 0 0; font:700 2rem Georgia,serif; }
main { max-width:1450px; margin:1.5rem auto; padding:0 1rem 3rem; }
.controls,.summary,.credits,.grid-wrap,.method { background:white; border:1px solid #d7cbbd; border-radius:.55rem; padding:1.2rem; margin-bottom:1rem; }
h2 { margin-top:0; color:#740b0b; font:700 1.3rem Georgia,serif; }
.control-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(9rem,1fr)); gap:.7rem; }
label { display:grid; gap:.25rem; font-size:.75rem; font-weight:750; color:#5d554d; }
select,input { width:100%; padding:.5rem; border:1px solid #a99c8d; border-radius:.25rem; background:white; font:inherit; }.works { margin:.8rem 0; }
.control-hint { color:#82776d; font-size:.64rem; font-weight:500; }
.column-bar { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem 1rem; margin:.9rem 0 .2rem; padding:.7rem .8rem; border:1px solid #ded5ca; border-radius:.35rem; background:#fbf8f2; color:#625951; font-size:.78rem; }
.column-bar span { flex:1 1 28rem; }.column-bar strong { color:#740b0b; white-space:nowrap; }.column-bar.hidden { display:none; }
.column-bar button { padding:.45rem .7rem; }.column-bar button:disabled { opacity:.45; cursor:not-allowed; }
label.inactive { opacity:.45; }
#family-field.recognized { opacity:1; } #family-field.recognized select { color:#740b0b; font-weight:750; background:#fbf7ef; }
button { padding:.6rem 1rem; border:0; border-radius:.25rem; background:#740b0b; color:white; font-weight:750; cursor:pointer; }
.summary strong { color:#740b0b; font-size:1.4rem; }.summary span { color:#70665e; }.summary .scope-link { display:inline-block; margin-left:1rem; color:#174f83; font-weight:750; font-size:.82rem; }
.credits { display:flex; flex-wrap:wrap; gap:.35rem 1.2rem; padding:.7rem 1.2rem; color:#625951; font-size:.78rem; }
.credits strong { color:#740b0b; }.credits a { color:#174f83; font-weight:700; }
.grid-wrap { overflow-x:auto; padding:0; }.grid-wrap table { min-width:100%; border-collapse:collapse; }
.lemma-paradigms { display:grid; gap:1rem; padding:1rem; background:#f5f1ea; }
.paradigm-section { overflow:hidden; border:1px solid #d7cbbd; border-radius:.5rem; background:white; }
.paradigm-section h2 { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin:0; padding:.75rem 1rem; border-bottom:1px solid #d7cbbd; background:#fbf8f2; }
.paradigm-section h2 small { color:#70675f; font:600 .7rem Inter,ui-sans-serif,sans-serif; }
.paradigm-table-wrap { overflow-x:auto; }
.paradigm-table-wrap table { min-width:100%; border-collapse:collapse; }
th,td { border:1px solid #d5d0c9; padding:.6rem; vertical-align:top; } thead th { position:sticky; top:0; z-index:2; background:#ececec; font:750 .85rem Georgia,serif; text-transform:uppercase; }
thead th small { display:block; margin-top:.2rem; color:#70675f; font:600 .68rem Inter,ui-sans-serif,sans-serif; }
.column-heading { display:flex; align-items:center; gap:.35rem; min-width:10.5rem; }.column-heading select { min-width:8rem; padding:.35rem; color:#740b0b; font-weight:800; text-transform:none; }.remove-column { flex:0 0 auto; padding:.25rem .42rem; background:#e8dfd5; color:#6d1717; font-size:.82rem; line-height:1; }
.slot { position:sticky; left:0; z-index:1; min-width:5.2rem; background:#eee; font:800 1rem Georgia,serif; }
.cell-head { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.4rem; padding-bottom:.3rem; border-bottom:1px solid #eee; color:#70675f; font-size:.72rem; }.cell-total { font-weight:800; color:#292522; }
.form-row { display:grid; grid-template-columns:minmax(7rem,1fr) auto; gap:.6rem; align-items:baseline; }.form-row>a { color:#c4513d; font:1.05rem Georgia,serif; text-decoration:none; }.form-row b { font:700 .9rem Georgia,serif; }.lemma { display:block; color:#766d66; font-size:.65rem; text-decoration:underline dotted; }
.lemma-gloss { display:block; max-width:19rem; color:#5c554f; font:italic .7rem/1.25 Georgia,serif; }
.summary-lemma { color:#740b0b!important; font:700 1.1rem Georgia,serif; }.summary-gloss { color:#4e4741!important; font:italic .9rem Georgia,serif; }
#lemma-field.inactive { opacity:.45; }
.more { margin-top:.35rem; padding:.2rem .4rem; background:#eee; color:#514a44; font-size:.68rem; }.empty { color:#aaa; text-align:center; }.method { color:#5d554e; }
@media(max-width:800px){.control-grid{grid-template-columns:1fr 1fr}.masthead h1{font-size:1.45rem}}