/* omninput.app only; everything shared is in house.css. */
.h2like{font-size:clamp(1.35rem,2.4vw,1.75rem)}
.hero-media{max-width:1000px}
.feature .media .shot-frame{max-width:640px}
pre.cmd{margin:0;padding:var(--s3) var(--s4);background:var(--raised);border:1px solid var(--line);border-radius:var(--r2);overflow-x:auto;font:400 var(--t-14)/1.6 var(--mono);color:var(--ink);white-space:pre}
pre.cmd code{font-size:inherit}
kbd{display:inline-block;padding:0 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;background:var(--surface);color:var(--ink);font-size:.85em;line-height:1.5}
.table-wrap{overflow-x:auto;max-width:100%}
.table-wrap table{border-collapse:collapse;width:100%;font-size:var(--t-14)}
.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}
.table-wrap thead th{color:var(--ink);border-bottom-color:var(--line-2)}
.table-wrap tbody th{color:var(--ink);font-weight:600;white-space:nowrap}
.platforms .card,.prices .card{align-content:start}
.platforms .actions .fine,.price .amt small{color:var(--ink-3)}
.price .amt{font:600 var(--t-32)/1.1 var(--display);color:var(--ink)}
.price .amt small{font:400 var(--t-16) var(--text)}
.price ul{margin:0;padding-left:1.1em;display:grid;gap:4px;color:var(--ink-2)}
.prices,.platforms{grid-auto-rows:auto}
/* five feature tiles: 1, 2, 3 (3+2), then 5 across; never one alone on a row of four */
#features .tiles{grid-template-columns:1fr}
@media (min-width:640px){#features .tiles{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){#features .tiles{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1400px){#features .tiles{grid-template-columns:repeat(5,1fr)}}
.linux h3{margin-top:var(--s4)}