: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{box-shadow:var(--shadow-comm);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");border:1px solid #234e5c1a;border-radius:10px;transition:transform .2s ease-out,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:10px 0 0 10px;width:4px;position:absolute;inset:0 auto 0 0}@media (hover:hover){.comm-card:hover{box-shadow:var(--shadow-comm-lift);border-color:#234e5c2e;transform:translateY(-3px)}}.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-comm-terracotta);outline-offset:2px;border-radius:4px}.comm-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}