.ohUpdates{border:1px solid var(--oh-border);background:var(--oh-surface);box-shadow:var(--oh-shadow-sm);border-radius:22px;gap:12px;padding:16px;display:grid}.ohUpdatesHeader{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.ohUpdatesHeading{align-items:center;gap:10px;display:inline-flex}.ohUpdatesPulse{background:var(--oh-primary);width:9px;height:9px;box-shadow:0 0 0 5px var(--oh-primary-soft);border-radius:999px}.ohUpdatesTitle{color:var(--oh-text);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:800}.ohUpdatesNote{color:var(--oh-muted);margin:0;font-size:.78rem;font-weight:600}.ohUpdatesList{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ohUpdatesList>li{min-width:0;display:flex}.ohUpdateCard{border:1px solid var(--oh-border);background:var(--oh-surface-soft);width:100%;min-height:132px;color:var(--oh-text);border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;text-decoration:none;transition:border-color .16s,background-color .16s,transform .16s;display:flex}a.ohUpdateCard:hover{border-color:var(--oh-primary);background:var(--oh-surface-hover);transform:translateY(-2px)}a.ohUpdateCard:focus-visible{outline:2px solid var(--oh-focus-ring);outline-offset:2px}.ohUpdateMeta{align-items:center;gap:10px;font-size:.72rem;font-weight:700;display:flex}.ohUpdateSource{background:var(--oh-primary-soft);color:var(--oh-primary-dark);letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-weight:800}.ohUpdateMeta time{color:var(--oh-muted)}.ohUpdateHeadline{color:var(--oh-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.ohUpdateRead{color:var(--oh-primary);margin-top:auto;font-size:.78rem;font-weight:800}.ohUpdateSkeleton{gap:10px}.ohUpdateSkeleton span{background:var(--oh-border);border-radius:6px;height:12px;animation:1.4s ease-in-out infinite ohUpdatePulse;display:block}.ohUpdateSkeleton span:first-child{width:40%}.ohUpdateSkeleton span:nth-child(2){width:92%}.ohUpdateSkeleton span:nth-child(3){width:70%}@keyframes ohUpdatePulse{50%{opacity:.45}}@media (max-width:900px){.ohUpdatesList{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(250px,78%);grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.ohUpdatesList>li{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.ohUpdateCard,.ohUpdateSkeleton span{transition:none;animation:none}}.ohUpdateFeatured{--oh-tone:#0f766e;border-color:color-mix(in srgb, var(--oh-tone) 55%, var(--oh-border));background:color-mix(in srgb, var(--oh-tone) 12%, var(--oh-surface-soft));border-inline-start:4px solid var(--oh-tone)}.ohUpdateFeatured[data-tone=blue]{--oh-tone:#2563eb}.ohUpdateFeatured[data-tone=amber]{--oh-tone:#b45309}.ohUpdateFeatured[data-tone=rose]{--oh-tone:#be123c}.ohUpdateFeatured[data-tone=violet]{--oh-tone:#6d28d9}.ohUpdateFeatured[data-tone=slate]{--oh-tone:#475569}a.ohUpdateFeatured:hover{border-color:var(--oh-tone);background:color-mix(in srgb, var(--oh-tone) 18%, var(--oh-surface-soft))}.ohUpdateFeatured .ohUpdateSource{background:var(--oh-tone);color:#fff}.ohUpdateFeaturedTitle{-webkit-line-clamp:2}.ohUpdateFeaturedBody{color:var(--oh-text);opacity:.88;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.ohUpdateFeatured .ohUpdateRead{color:color-mix(in srgb, var(--oh-tone) 70%, var(--oh-text))}.ohFeaturedNotes{border:1px solid var(--oh-border);background:var(--oh-surface);box-shadow:var(--oh-shadow-sm);border-radius:22px;gap:14px;padding:20px;display:grid}.ohFeaturedNotesHeader{gap:2px;display:grid}.ohFeaturedNotesHeader .ohEyebrow{margin:0}.ohFeaturedNotesTitle{color:var(--oh-text);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.ohFeaturedNotesGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ohFeaturedNotesGrid>li{min-width:0;display:flex}.ohFeaturedNotesGrid .ohUpdateCard{min-height:170px;padding:18px 20px}.ohFeaturedNotesGrid .ohUpdateFeaturedTitle{font-size:1.1rem}.ohFeaturedNotesGrid .ohUpdateFeaturedBody{-webkit-line-clamp:6;font-size:.95rem}
