/* Page-specific styles for index.html (selectors that mean something different per page) */

body { background:var(--paper); color:var(--ink); margin:0; }

.card-thumb { width:100%; height:145px; overflow:hidden; background:#f5f5f3;
    display:flex; align-items:center; justify-content:center; }

.card-title { font-size:12px; font-weight:500; white-space:nowrap;
    overflow:hidden; text-overflow:ellipsis; margin-bottom:2px; }

.card-meta { font-family:"gill-sans-nova",sans-serif; font-size:10px;
    text-transform:uppercase; color:#aaa; white-space:nowrap;
    overflow:hidden; text-overflow:ellipsis; }

.card-foot { display:flex; justify-content:space-between; align-items:center;
    margin-top:5px; }

.vtoggle button { padding:6px 10px; color:#bbb; transition:all .1s;
    border-right:1px solid var(--line); }