.roman-workspace{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.4fr);gap:20px;margin-top:22px;align-items:start}.roman-fields{display:grid;grid-template-columns:1fr 1.8fr;gap:12px}.roman-fields label{margin-top:8px}.roman-options{display:grid;gap:12px;margin-top:18px}.roman-options article{position:relative;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper,#fff)}.roman-options h3{font-size:13px;margin:0 0 10px;color:var(--muted)}.roman-value{font-size:clamp(20px,4vw,30px);font-weight:650;overflow-wrap:anywhere;margin:0 0 14px}.roman-copy{min-height:44px}.roman-syllables{display:flex;gap:20px;flex-wrap:wrap}.roman-syllables div{padding:12px}.roman-syllables dd{margin:8px 0 0}.roman-example{font-weight:600;color:var(--green,#6d45d8)}#roman-results{scroll-margin-top:90px}#name-form>.primary{margin-top:20px}.roman-copy-fallback{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0}main>.grouped-categories{margin-top:18px}#roman-copy-status:empty{display:none}@media(max-width:720px){.roman-workspace{grid-template-columns:1fr;gap:0}.roman-fields{grid-template-columns:1fr 1.8fr}}@media print{.roman-copy,.tool-header,.category-tabs,#name-form{display:none!important}.roman-workspace{display:block}main{display:block!important}main>.roman-workspace,#roman-results{display:block!important}}
.category-tabs.grouped-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:10px;margin:0 0 18px}.category-group-label{grid-column:1/-1;font-size:11px;font-weight:700;padding:8px 4px 2px}.grouped-categories a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 3px;text-align:center;font-size:13px;word-break:keep-all}#name-form details{margin-top:16px}#roman-results details{margin-top:18px}.roman-workspace input{min-width:0}@media(max-width:700px){.category-tabs.grouped-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.grouped-categories a{font-size:12px}}@media print{.category-tabs.grouped-categories{display:none!important}}