/* Column pages retain their source grids and breakpoints; use the existing brand palette. */
:root{--primary:#5c8dff;--primary-dark:#ff5590;--bg:#12121d;--card:#20202d;--tint:#252536;--text:#f0f2f5;--text-light:#b5b5c5;--border:#353546}
.pocket-column .hg-jelly{background:var(--primary);color:#fff;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.pocket-column .hg-jelly--alt{background:transparent;color:var(--primary);border-color:var(--primary)}
.pocket-column .hg-jelly:hover{background:var(--primary-dark);color:#fff}
.pocket-column .hg-eyebrow,.pocket-column .hg-more{color:var(--primary)}
.pocket-column .hg-topic-tabs-inner--bar a.is-active,.pocket-column .hg-topic-tabs-inner--bar a.active{color:var(--primary)}
.pocket-column .hg-layer{background:transparent}
.pocket-column [data-filter]{font-family:inherit;line-height:inherit;text-align:inherit}
.pocket-column .hg-rank-tab.active,.pocket-column .hg-faq-cat.active{background:var(--primary);border-color:var(--primary);color:#fff}
.pocket-column [hidden]{display:none!important}
.pocket-column a:focus-visible,.pocket-column button:focus-visible,.pocket-column [data-filter]:focus-visible{outline:2px solid var(--primary);outline-offset:4px}