/* Bridge existing functional components to the handoff palette. Specificity wins
   over page-local legacy rules; no display overrides on modal/registration states. */
:root .bg-white{background-color:var(--surface)}
:root :is(.bg-gray-50,.bg-gray-100,.bg-slate-50){background-color:var(--soft)}
:root :is(.text-gray-900,.text-gray-800,.text-gray-700,.text-slate-900){color:var(--ink)}
:root :is(.text-gray-600,.text-gray-500,.text-gray-400,.text-gray-300){color:var(--muted)}
:root :is(.text-blue-600,.text-blue-700,.text-primary-600,.text-primary-700){color:var(--primary)}
:root :is(.border-gray-100,.border-gray-200,.border-gray-300){border-color:var(--line)}
:root :is(.bg-blue-50,.bg-primary-50){background-color:var(--tint)}
:root :is(.bg-blue-600,.bg-primary-600){background-color:var(--primary);color:var(--button-ink)}
:root :is(.event-page-card,.question-card,.summary-section,.transcript-section,.auth-modal,.question-modal,.confirm-modal,.share-modal){background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:18px}
:root .event-page-card{padding:32px}
:root .hnj-detail h1{font-size:32px;line-height:1.3;letter-spacing:-.8px}
:root :is(.event-btn,.question-submit-btn,.reply-submit-btn,.auth-submit-btn,.hnj-button){background:var(--primary);color:var(--button-ink);border-color:var(--primary);border-radius:9px;min-height:46px}
:root :is(.event-btn,.question-submit-btn,.reply-submit-btn,.auth-submit-btn):hover{background:var(--primary-hover)}
:root :is(.event-btn,.question-submit-btn,.reply-submit-btn,.auth-submit-btn):disabled{opacity:.6;cursor:not-allowed}
:root :is(.event-action-btn,.question-cancel-btn,.calendar-link,.auth-google-btn){background:var(--surface);color:var(--primary);border-color:var(--line);border-radius:9px}
:root :is(.event-action-btn,.question-cancel-btn,.calendar-link,.auth-google-btn):hover{background:var(--tint);border-color:var(--lavender)}
:root :is(.question-textarea,.reply-input,.auth-input){background:var(--surface);color:var(--ink);border-color:var(--input-line)}
:root :is(.auth-modal-header,.question-modal-header,.card-social,.question-replies,.question-card-header){border-color:var(--line)}
:root :is(.auth-modal-header h3,.question-modal-header h3,.question-author,.reply-author,.questions-section h2,.question-text,.reply-text,.event-desc,.article-body,.article-body h2,.article-body h3){color:var(--ink)}
:root :is(.auth-label,.auth-divider,.auth-hint,.event-local-time,.question-char-count,.event-reg-count,.calendar-link-sub,.question-replies-toggle){color:var(--muted)}
:root :is(.event-desc a,.article-body a,.question-actions button){color:var(--primary)}
:root :is(.auth-overlay,.question-overlay,.confirm-overlay,.share-overlay){background:#26233266;backdrop-filter:blur(3px)}
:root .question-modal{max-height:calc(100dvh - 32px);overflow-y:auto}
:root .material-detail{max-width:1120px}
:root .material-detail .material-cover--detail{margin:0;border-radius:0}
:root .catalog .event-card.material-card{padding:0;border-top:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
:root .catalog .material-cover-title{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.45px;margin:0;overflow-wrap:anywhere}
:root .material-detail .material-cover-title{font-size:32px;line-height:1.25;margin:0}
:root .article-body{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
:root .article-body h2{font-size:24px;margin:28px 0 16px}
:root .article-body h3{font-size:18px;margin:22px 0 12px}
:root .article-body blockquote{border-color:var(--lavender);background:var(--soft);padding:18px 20px;color:var(--muted);border-radius:0 10px 10px 0}
.article-body :is(img,video,iframe,audio){max-width:100%}.article-body pre{white-space:pre-wrap}.article-body table{display:block;max-width:100%;overflow-x:auto}
:root[data-theme=dark] :is(.event-badge-registered,.event-action-btn.has-question,.question-success){background:#1b3a2a;color:#c8f0d4;border-color:#477c58}
:root[data-theme=dark] :is(.bg-green-50,.bg-green-100,.bg-emerald-50,.bg-emerald-100){background:#203a35;color:#a8dfcf}
:root[data-theme=dark] :is(.bg-blue-100,.bg-cyan-50){background:#243445;color:#b8d5ed}
:root[data-theme=dark] :is(.bg-purple-50,.bg-violet-100){background:#30273f;color:#d6c2ed}
:root[data-theme=dark] :is(.bg-amber-50,.bg-amber-100){background:#3b3521;color:#ead69b}
:root[data-theme=dark] :is(.bg-rose-50,.bg-red-50,.bg-red-100){background:#4b2427;color:#ffd1cd}
:root[data-theme=dark] :is(.text-red-500,.text-red-600,.text-red-700){color:#ffaaa4}
:root[data-theme=dark] :is(.text-green-600,.text-green-700,.text-emerald-700){color:#a8dfcf}
:root[data-theme=dark] :is(.text-violet-600,.text-purple-600){color:#d6c2ed}
@media(max-width:700px){:root .event-page-card{padding:22px 20px}:root .hnj-detail h1{font-size:27px}:root .material-detail .material-cover-title{font-size:26px}.material-topic-row{display:none}.hnj-detail{padding-top:26px}}
:root .material-detail .material-cover-title{font-weight:700}
:root :is(.transcript-section h2,.transcript-content,.transcript-content h1,.transcript-content h2,.transcript-content h3,.transcript-content h4,.transcript-author-name,.transcript-link-title,.share-modal-header h3,.share-preview-title){color:var(--ink)}
:root :is(.transcript-author-role,.transcript-link-desc,.share-preview-domain,.share-preview-date){color:var(--muted)}
:root :is(.transcript-content pre,.transcript-content code,.transcript-link-card,.share-preview,.share-url-input,.share-social-btn){background:var(--soft);color:var(--ink);border-color:var(--line)}
:root :is(.transcript-content a,.transcript-link-btn,.transcript-author-link){color:var(--primary)}
:root :is(.transcript-content blockquote,.transcript-footer,.share-modal-header){border-color:var(--line)}
:root .share-copy-btn{background:var(--primary);color:var(--button-ink)}
:root :is(.question-textarea,.reply-input,.auth-input):focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--tint)}
:root[data-theme=dark] .media-pill{background:var(--tint);color:var(--selected-ink);border-color:var(--line)}
:root .unsub-card{background:var(--surface);border-color:var(--line);border-radius:18px}
:root .unsub-message{color:var(--ink)}:root .contact-info{color:var(--muted)}:root .contact-info a{color:var(--primary)}
:root .auth-submit{background:var(--primary);color:var(--button-ink);border-color:var(--primary);border-radius:9px;min-height:46px}
:root .auth-submit:hover{background:var(--primary-hover)}:root .auth-submit:disabled{opacity:.6;cursor:not-allowed}
:root .auth-code-input{background:var(--surface);color:var(--ink);border-color:var(--input-line)}
:root .auth-code-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--tint)}
:root :is(.auth-sent-to,.auth-back){color:var(--muted)}
:root[data-theme=dark] .auth-error{background:#4b2427;color:#ffd1cd;border-color:#9d5356}