:root{--comm-mono-0:#234e5c;--comm-mono-1:#c2682a;--comm-mono-2:#3f7a63;--comm-mono-3:#7a4e6b;--comm-mono-4:#2e6e8e;--comm-mono-5:#8a5a2b}.comm-card{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-paper);border-radius:12px;transition:box-shadow .2s ease-out,border-color .2s ease-out;position:relative}.comm-card:before{content:"";background:var(--comm-accent,var(--color-comm-ink));border-radius:12px 0 0 12px;width:3px;position:absolute;inset:0 auto 0 0}@media (hover:hover){.comm-card:hover{box-shadow:var(--shadow-paper-lift);border-color:var(--color-border-strong)}}.comm-chips{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.comm-chips::-webkit-scrollbar{display:none}.comm-chips>*{scroll-snap-align:start;flex:none}.comm-focus:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.comm-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}