.headtext{min-width:0}
.headtext h1{overflow-wrap:anywhere}
.sub{margin-top:2px}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 14px;min-height:104px;text-decoration:none;color:var(--ink)}
.tile:active{opacity:.85}
.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tile .mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--accent);color:#ffffff;font-weight:600;font-size:15px;margin:0 0 10px}
.tile .name{display:block;font-size:16px;font-weight:600;line-height:1.25}
.tile .host{display:block;font-size:12px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footbtns{display:flex;gap:12px}
.footbtns .btn{flex:1 1 0}
@media (min-width:700px){.wrap{max-width:720px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}