:root{--daybar-height:48px}
.news-columns{grid-template-rows:var(--daybar-height) minmax(0,1fr)}
.content-daybar{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 12px;min-width:0;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.daybar-label{font-size:11px;font-weight:600;color:var(--muted);margin-right:auto}
.content-daybar button{min-width:32px;min-height:32px;border:1px solid #dce2e9;border-radius:4px;background:#fafbfc;color:var(--ink);font:18px Arial,Helvetica,sans-serif;cursor:pointer}
.content-daybar button:disabled{opacity:.4;cursor:default}
.content-daybar #content-today{font-size:10px;padding:0 10px}
#content-day{width:133px;min-height:32px;min-width:0;padding:5px 6px;border:1px solid #dce2e9;border-radius:4px;background:#fff;color:var(--ink);font:11px Arial,Helvetica,sans-serif}
@media(min-width:801px) and (max-width:1250px){.news-column{height:calc(100svh - var(--topbar-height) - var(--daybar-height))}}
@media(max-width:800px){.news-columns{grid-template-rows:var(--daybar-height) auto}.news-column{max-height:calc(100svh - var(--topbar-height) - var(--daybar-height))}}
@media(max-width:560px){.news-columns{grid-template-rows:var(--daybar-height) auto auto}.daybar-label{display:none}.news-column{max-height:70svh}.content-daybar{position:sticky;top:var(--topbar-height);z-index:2}}
@media(pointer:coarse){:root{--daybar-height:54px}.content-daybar button{min-width:44px;min-height:44px}#content-day{min-height:44px}}