.clue-sidebar-recent { padding: 18px 16px; border: 1px solid var(--border-normal, #e0e4e0); border-radius: 16px; background: var(--bg-card, #fff); }
.sidebar-recent-header { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--border-subtle, #edf0ec); }
.sidebar-recent-icon { display: inline-flex; flex: 0 0 34px; align-items: center; justify-content: center; height: 34px; border-radius: 10px; background: #f0f4f1; color: #526f59; }
.sidebar-recent-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sidebar-recent-icon.sidebar-popular-icon { background: #faf2e3; color: #8b6b30; }
.clue-sidebar-widget.clue-sidebar-sections { padding: 18px 16px; background: #fff; border-color: #e0e4e0; color: #28312b; }
.clue-sidebar-sections .sidebar-recent-header { border-bottom-color: #edf0ec; }
.clue-sidebar-sections .sidebar-recent-header h2 { color: #28312b !important; }
.sidebar-recent-icon.sidebar-sections-icon { background: #f0f3f7; color: #62758e; }
.sidebar-sections-list { display: flex; flex-direction: column; gap: 7px; padding-top: 14px; }
.sidebar-sections-list a { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 10px; border: 1px solid #edf0ec; border-radius: 9px; background: #fafbf9; color: #3c4b43; text-decoration: none; transition: background-color 160ms ease, border-color 160ms ease; }
.sidebar-section-label { flex: 1; min-width: 0; font-size: 13px; font-weight: 500; line-height: 1.45; }
.sidebar-sections-list .clue-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; }
.sidebar-sections-list .clue-dot.red { background: #db7467; }
.sidebar-sections-list .clue-dot.yellow { background: #d7a63e; }
.sidebar-sections-list .clue-dot.green { background: #6aa47a; }
.sidebar-sections-list .clue-dot.blue { background: #6d99d1; }
.sidebar-sections-list a[aria-current="location"] { background: #edf3ef; border-color: #cfddd2; color: #2c5137; }
.sidebar-sections-list a:hover { background: #f0f4f1; border-color: #cfddd2; color: #28312b; }
.sidebar-sections-list .sidebar-recent-arrow { stroke: #8b978e; }
.sidebar-sections-list a:hover .sidebar-recent-arrow { transform: translateX(2px); }
.sidebar-sections-list a:focus-visible { outline: 2px solid #62758e; outline-offset: 2px; }
.sidebar-recent-header h2 { margin: 0; font-size: 15px; line-height: 1.4; font-weight: 700; }
.sidebar-recent-list { display: flex; flex-direction: column; }
.sidebar-recent-list .sidebar-recent-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 -6px; padding: 12px 6px; border-bottom: 1px solid var(--border-subtle, #edf0ec); color: var(--text-primary, #28312b); text-decoration: none; transition: background-color 160ms ease; }
.sidebar-recent-list .sidebar-recent-link:last-child { border-bottom: 0; padding-bottom: 4px; }
.sidebar-recent-copy { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.sidebar-recent-question { font-size: 13px; font-weight: 500; line-height: 1.55; overflow-wrap: anywhere; }
.sidebar-recent-letters { color: var(--text-muted, #788078); font-size: 11px; line-height: 1.4; }
.sidebar-recent-arrow { flex: 0 0 15px; width: 15px; height: 15px; fill: none; stroke: var(--text-muted, #788078); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform 160ms ease; }
.sidebar-recent-list .sidebar-recent-link:hover { background: var(--bg-secondary, #f5f7f3); }
.sidebar-recent-link:hover .sidebar-recent-arrow { transform: translateX(2px); }
.sidebar-recent-list .sidebar-recent-link:focus-visible { outline: 2px solid #526f59; outline-offset: 2px; border-radius: 5px; }
@media (prefers-reduced-motion: reduce) { .sidebar-recent-list .sidebar-recent-link, .sidebar-recent-arrow, .sidebar-sections-list a { transition: none; } }