/* Rahmah identity, Phase 3 (e): Results, Compare, Wali Report, My Match, Pool Matches, Look Up, Look Up Result and Reveal Requests. * Presentation only. Source: the handoff pack (docs/bym/rahmah) and the approved Phase 3 screens * (rahmah-questionnaire.css, rahmah-dashboard.css). Corners: 4px controls, 8px media, otherwise square. * * SCOPE: eight screens. Every rule starts with one of #screen-results, #screen-compare, #screen-walireport, * #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, or with * body:has(.active) for the few things that are drawn straight onto the page (the floating * Dashboard button, the Results drawer, dialogs). * TO REVERT: delete the one in index.html's . No logic or copy was changed. * * Much of this content is drawn by JavaScript with inline styles, so some rules use attribute selectors and * !important to replace the old orange, gold and purple with Rahmah tokens (bym/styles/rahmah.css). */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) { --font-display: "BYM Afacad", "Afacad Flux", "Avenir Next", Arial, sans-serif; --font-body: var(--font-display); --font-ui: var(--font-display); --font-mono: var(--font-display); --r-sm: 4px; --r-md: 4px; --r-lg: 8px; --r-pill: 4px; --line: var(--bym-rule); --line-soft: var(--bym-rule); --line-faint: var(--bym-rule); --text: var(--bym-text); --text-body: var(--bym-text); --muted: var(--bym-text-muted); --muted-2: var(--bym-text-muted); --faint: var(--bym-text-muted); --surface: var(--bym-surface); --surface-2: var(--bym-surface-soft); --bg: var(--bym-canvas); --accent: var(--bym-primary); --accent-2: var(--bym-human-text); --accent-glow: var(--bym-surface-soft); --success: var(--bym-success); --danger: var(--bym-error); font-family: var(--font-display); font-size: var(--bym-text-base); line-height: 1.55; color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) *, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) *::before, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) *::after { box-shadow: none !important; text-shadow: none !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid var(--bym-focus); outline-offset: 3px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) a:not(.btn):not(.topnav-link):not(.leave-link) { color: var(--bym-primary); text-underline-offset: 2px; } /* ---- Top bar: Fig ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar { background: var(--bym-primary); border-bottom: 0; padding: 8px 16px; min-height: 56px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-title { color: var(--bym-on-primary); font-family: var(--font-display); font-size: 1.125rem; font-weight: 600; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-progress { color: var(--bym-on-primary); opacity: .9; font-size: .9375rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right { gap: 8px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topnav-link, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right .leave-link, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .dashboard-nav-link { color: var(--bym-on-primary) !important; font-family: var(--font-display); font-size: .9375rem; font-weight: 500; min-height: 44px; display: inline-flex; align-items: center; padding: 0 8px; text-decoration: none; background: transparent; border: 0; border-radius: 4px; opacity: 1; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right { align-items: center; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topnav-link, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right .leave-link { display: inline-flex !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topnav-link[style*="display:none"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topnav-link[style*="display: none"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right .leave-link[style*="display:none"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right .leave-link[style*="display: none"] { display: none !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topnav-link:hover, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right .leave-link:hover { text-decoration: underline; text-underline-offset: 4px; color: var(--bym-on-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar .btn, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar .btn-outline { min-height: 44px; padding: 0 14px; border-radius: 4px; background: transparent; color: var(--bym-on-primary); border: 1px solid rgba(251,245,237,.55); font-family: var(--font-display); font-weight: 500; font-size: .9375rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) #topbar-user { background: rgba(251,245,237,.1) !important; border: 1px solid rgba(251,245,237,.4) !important; border-radius: 4px !important; color: var(--bym-on-primary) !important; min-height: 44px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) #topbar-user, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) #topbar-user * { color: var(--bym-on-primary) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [id^="topbar-profile-meter"] { background: rgba(251,245,237,.12) !important; border-radius: 4px !important; color: var(--bym-on-primary) !important; min-height: 44px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .account-menu-dropdown { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 4px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .account-menu-dropdown .topnav-link, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .account-menu-dropdown .leave-link { color: var(--bym-primary) !important; } /* ---- Page headings, cards and form controls ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .container-wide { color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .page-header h2, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) h2 { font-family: var(--font-display); color: var(--bym-primary); font-weight: 600; letter-spacing: -.02em; line-height: 1.15; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .page-header h2 { font-size: var(--bym-text-xl); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) h3 { font-family: var(--font-display); color: var(--bym-primary); font-weight: 600; letter-spacing: -.01em; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .page-header .subtitle, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .subtitle { color: var(--bym-text-muted) !important; font-size: 1rem !important; line-height: 1.5; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .card, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .session-card { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .session-card { padding: 24px; margin: 24px auto; max-width: 460px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .session-card h2 { font-size: var(--bym-text-xl); margin-bottom: 16px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .session-card p { color: var(--bym-text-muted) !important; font-size: 1rem !important; line-height: 1.55; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .form-group label, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) label { font-family: var(--font-display); font-size: .9375rem; font-weight: 600; color: var(--bym-text); letter-spacing: 0; text-transform: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .input, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) input[type="text"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) input[type="email"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) input[type="search"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) textarea, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) select { background: var(--bym-surface); border: 1px solid var(--bym-border); border-radius: 4px; min-height: var(--bym-control-height); color: var(--bym-text); font-family: var(--font-display); font-size: var(--bym-text-base); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .input:focus { border-color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .input::placeholder { color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .error-text { color: var(--bym-error) !important; font-size: 1rem; } /* ---- Buttons ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; min-height: var(--bym-target-min); padding: 0 18px; border-radius: 4px; font-family: var(--font-display); font-weight: 600; font-size: 1rem; letter-spacing: 0; text-transform: none; transform: none; background-image: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn-gold { background: var(--bym-primary); background-image: none; color: var(--bym-on-primary); border: 1px solid var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn-gold:hover:not(:disabled) { background: #30222e; background-image: none; transform: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn-outline { background: transparent; background-image: none; color: var(--bym-primary); border: 1px solid var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn-outline:hover:not(:disabled) { background: var(--bym-surface-soft); transform: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn-small { min-height: var(--bym-target-min); padding: 0 14px; font-size: .9375rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn:disabled { opacity: 1; background: var(--bym-rule); border-color: var(--bym-rule); color: var(--bym-text-muted); cursor: not-allowed; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn[style*="padding"] { min-height: var(--bym-target-min); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .leave-link { color: var(--bym-primary); font-size: 1rem; text-underline-offset: 2px; } /* ---- Floating buttons drawn on the page ---- */ body:has(:is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox).active) .floating-dashboard-btn { background: var(--bym-surface); color: var(--bym-primary); border: 1px solid var(--bym-primary); border-radius: 4px; min-height: 44px; font-family: var(--font-display); font-size: .9375rem; font-weight: 600; box-shadow: none; transform: none; } body:has(:is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox).active) .floating-dashboard-btn:hover { background: var(--bym-surface-soft); transform: none; } body:has(:is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox).active) .bym-ri-btn { background: var(--bym-surface); color: var(--bym-primary); border: 1px solid var(--bym-primary); border-radius: 4px; min-height: 44px; font-family: var(--font-display); font-size: .9375rem; font-weight: 600; box-shadow: none; } body:has(:is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox).active) .bym-ri-btn:hover { background: var(--bym-surface-soft); } /* ---- Results drawer (opens from a chapter card or the essentials ring) ---- */ body:has(#screen-results.active) .results-scrim { background: rgba(48,34,46,.5); } body:has(#screen-results.active) .results-drawer { background: var(--bym-canvas); border-left: 1px solid var(--bym-rule); width: min(600px, 100vw); } body:has(#screen-results.active) .results-drawer-head { padding: 12px 16px; border-bottom: 1px solid var(--bym-rule); background: var(--bym-primary); align-items: center; min-height: 56px; } body:has(#screen-results.active) .results-drawer-head h3 { font-family: var(--font-display); font-size: var(--bym-text-lg); font-weight: 600; color: var(--bym-on-primary) !important; } body:has(#screen-results.active) .results-drawer-close { width: 44px; height: 44px; border-radius: 4px; background: transparent; border: 1px solid rgba(251,245,237,.55); color: var(--bym-on-primary); font-size: 1.5rem; } body:has(#screen-results.active) .results-drawer-close:hover { background: rgba(251,245,237,.15); color: var(--bym-on-primary); } body:has(#screen-results.active) .results-drawer-body { padding: 16px 16px 40px; } /* ---- Results: banners and the lead number ---- */ #screen-results #results-body { max-width: 1000px; margin-inline: auto; } #screen-results .essentials-headline { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; padding: 24px 16px; margin: 24px 0 16px; text-align: center; } #screen-results .essentials-headline-label { font-family: var(--font-display); font-size: .875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bym-text-muted); } #screen-results .essentials-ring svg circle:first-child { stroke: var(--bym-surface-soft); } #screen-results .essentials-ring svg circle:last-child { stroke: var(--bym-primary); stroke-linecap: butt; } #screen-results .essentials-pct { font-family: var(--font-display); font-weight: 600; color: var(--bym-primary); } #screen-results .essentials-ring-lbl, #screen-results .essentials-sub { font-size: .9375rem; color: var(--bym-text-muted); font-style: normal; } #screen-results .essentials-sub b { color: var(--bym-primary); } #screen-results .essential-empty-state { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-primary); border-radius: 0; color: var(--bym-text); font-size: 1rem; padding: 16px; text-align: left; } #screen-results .secondary-stat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; justify-content: center; background: var(--bym-surface-soft); border: 0; border-radius: 0; padding: 12px 16px; margin-top: 12px; } #screen-results .secondary-stat-num { font-family: var(--font-display); font-weight: 600; font-size: var(--bym-text-lg); color: var(--bym-primary); } #screen-results .secondary-stat-lbl { font-size: 1rem; font-weight: 600; color: var(--bym-text); } #screen-results .secondary-stat-info { font-size: .9375rem; color: var(--bym-text-muted); opacity: 1; } #screen-results .essentials-compact-stat { border-radius: 0; background: var(--bym-surface-soft); border: 0; } #screen-results .essentials-compact-stat.primary .pct, #screen-results .essentials-compact-stat.secondary .pct { color: var(--bym-primary); font-weight: 600; } #screen-results .essentials-compact-stat .lbl { font-size: .9375rem; color: var(--bym-text-muted); } #screen-results .essentials-breakdown { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; } #screen-results .essentials-breakdown-row { border-top: 1px solid var(--bym-rule); } #screen-results .essentials-breakdown-icon { border-radius: 4px; font-weight: 600; } #screen-results .essentials-breakdown-icon.aligned { background: var(--bym-success-surface); color: var(--bym-success); } #screen-results .essentials-breakdown-icon.different { background: var(--bym-error-surface); color: var(--bym-error); } #screen-results .essentials-breakdown-chapter { font-family: var(--font-display); font-size: .875rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--bym-text-muted); } #screen-results .essentials-breakdown-q { font-size: 1rem; } #screen-results .essentials-breakdown-status { font-size: .9375rem; } #screen-results .essentials-breakdown-answer { background: var(--bym-surface-soft); border-radius: 0; } #screen-results .essentials-breakdown-answer .who { font-family: var(--font-display); font-size: .875rem; color: var(--bym-text-muted); } #screen-results .essentials-breakdown-answer .val { font-size: 1rem; } #screen-results .essentials-breakdown-hint { font-size: .9375rem; color: var(--bym-text-muted); } #screen-results .results-financial-openness { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; } /* ---- Results: chapter cards ---- */ #screen-results .results-section-label { font-family: var(--font-display); font-size: .875rem; font-weight: 600; letter-spacing: .08em; color: var(--bym-text-muted); } #screen-results .results-grid { gap: 12px; } #screen-results .results-card { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-inline-start: 4px solid var(--bym-border); border-radius: 0; padding: 16px; transform: none !important; transition: border-color var(--bym-fast) var(--bym-ease); min-height: 44px; font-family: var(--font-display); } #screen-results .results-card:hover { border-color: var(--bym-primary); border-inline-start-color: var(--bym-primary); } #screen-results .results-card.rc-green { border-inline-start-color: var(--bym-success); } #screen-results .results-card.rc-amber { border-inline-start-color: var(--bym-accent); } #screen-results .results-card.rc-red { border-inline-start-color: var(--bym-error); } #screen-results .results-card.rc-neutral { border-inline-start-color: var(--bym-border); } #screen-results .results-card.rc-insights { background: var(--bym-surface-soft); background-image: none; border: 1px solid var(--bym-primary); border-inline-start: 4px solid var(--bym-primary); max-width: none; } #screen-results .results-card.rc-insights .results-card-title, #screen-results .results-card.rc-insights .results-card-open-hint { color: var(--bym-primary); } #screen-results .results-card-title { font-family: var(--font-display); font-size: 1.125rem; font-weight: 600; letter-spacing: -.01em; color: var(--bym-primary); } #screen-results .results-card-pct { font-family: var(--font-display); font-size: 1.375rem; font-weight: 600; color: var(--bym-primary); } #screen-results .results-card-open-hint, #screen-results .results-card:hover .results-card-open-hint { font-size: .875rem; color: var(--bym-text-muted); } #screen-results .chip, #screen-results .results-card-chips .chip { font-family: var(--font-display); font-size: .875rem; font-weight: 600; padding: 3px 8px; border-radius: 4px; letter-spacing: 0; text-transform: none; } #screen-results .chip-his { background: var(--bym-surface-soft); color: var(--bym-primary); border: 1px solid var(--bym-rule); } #screen-results .chip-her { background: var(--bym-surface); color: var(--bym-primary); border: 1px solid var(--bym-border); } #screen-results .chip-shared { background: var(--bym-success-surface); color: var(--bym-success); border: 1px solid var(--bym-success); } #screen-results .pill { border-radius: 4px; font-family: var(--font-display); font-size: .875rem; font-weight: 600; letter-spacing: 0; text-transform: none; } #screen-results .ch-stage2-badge { font-family: var(--font-display); background: var(--bym-surface-soft); color: var(--bym-primary); border-radius: 4px; text-transform: none; letter-spacing: 0; font-size: .8125rem; } #screen-results .results-hero, #screen-results .results-hero-actions { gap: 12px; } #screen-results #results-actions .btn { margin: 4px; } /* ---- Look Up, Look Up Result and Reveal Requests ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .status-text { color: var(--bym-text-muted); font-size: 1rem; text-align: center; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .status-text.joined { color: var(--bym-success); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-chips { gap: 8px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-chip { background: var(--bym-surface-soft); border: 1px solid var(--bym-rule); border-radius: 4px; padding: 4px 12px; font-family: var(--font-display); font-size: .9375rem; font-weight: 500; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-about { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; padding: 16px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-about h3, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-chapter h3 { font-family: var(--font-display); font-size: .875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--bym-text-muted); border-bottom: 0; margin-bottom: 8px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-about p { font-size: 1rem; line-height: 1.55; color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-qa-row { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; padding: 12px 16px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-qa-q { font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-qa-a { font-size: 1rem; color: var(--bym-text); line-height: 1.5; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-chapter-hidden { background: var(--bym-surface-soft); border: 1px dashed var(--bym-border); border-radius: 0; padding: 14px 16px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-chapter-hidden-note { font-size: .9375rem; color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-request-status { font-size: .9375rem; font-weight: 600; color: var(--bym-success); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-acc-item { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-acc-trigger { min-height: 48px; font-family: var(--font-display); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-acc-title { font-family: var(--font-display); font-size: 1.0625rem; font-weight: 600; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-acc-teaser { font-size: .9375rem; color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .lookup-acc-chevron { color: var(--bym-primary); font-size: .9375rem; } #screen-lookup .session-card { margin-top: 32px; } /* ---- Pool Match Alerts ---- */ #screen-pool-matches #pool-matches-body { max-width: 720px; margin-inline: auto; } #screen-pool-matches .pool-match-card { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; padding: 16px; gap: 14px; margin-bottom: 12px; opacity: 1 !important; } #screen-pool-matches .pool-match-card-view-only { border-style: dashed; border-color: var(--bym-border); } #screen-pool-matches .pool-match-card-passed, #screen-pool-matches .pool-match-card-in-motion, #screen-pool-matches .pool-match-card-age-excluded { background: var(--bym-surface-soft); } #screen-pool-matches .pool-match-photo, #screen-pool-matches .pool-match-photo-placeholder { border-radius: 8px; } #screen-pool-matches .pool-match-photo-placeholder { background: var(--bym-surface-soft); color: var(--bym-primary); font-family: var(--font-display); font-weight: 600; } #screen-pool-matches .pool-match-name { font-family: var(--font-display); font-size: var(--bym-text-lg); font-weight: 600; letter-spacing: -.01em; color: var(--bym-primary); } #screen-pool-matches .pool-match-date { font-size: .9375rem; color: var(--bym-text-muted); } #screen-pool-matches .pool-match-note { font-size: 1rem; color: var(--bym-text-muted); } #screen-pool-matches .pool-match-status { font-size: .9375rem; font-weight: 600; } #screen-pool-matches .pool-match-status-connected, #screen-pool-matches .pool-match-status-available { color: var(--bym-success); } #screen-pool-matches .pool-match-status-introduction_in_progress, #screen-pool-matches .pool-match-status-held { color: var(--bym-text-muted); } #screen-pool-matches .pool-match-pct-pill { background: var(--bym-surface-soft); border: 0; border-radius: 0; } #screen-pool-matches .pool-match-pct-num { font-family: var(--font-display); font-weight: 600; color: var(--bym-primary); } #screen-pool-matches .pool-match-pct-lbl { font-family: var(--font-display); font-size: .8125rem; letter-spacing: 0; text-transform: none; color: var(--bym-text-muted); } #screen-pool-matches .pool-match-view-profile a, #screen-pool-matches .pool-match-why-toggle a, #screen-pool-matches .pool-match-note a { font-family: var(--font-display); font-size: 1rem; color: var(--bym-primary); text-decoration: underline; text-underline-offset: 2px; display: inline-flex; align-items: center; min-height: 32px; } #screen-pool-matches .pool-match-interest-actions, #screen-pool-matches .pool-match-actions { gap: 8px; flex-wrap: wrap; } #screen-pool-matches .pool-match-actions .btn { padding: 0 14px; font-size: .9375rem; } #screen-pool-matches .pool-match-levels { font-family: var(--font-display); font-size: .9375rem; color: var(--bym-text-muted); } #screen-pool-matches .pool-match-chapter-row { font-family: var(--font-display); font-size: .9375rem; } #screen-pool-matches .pool-match-chapter-row .pct.thin { color: var(--bym-text-muted); font-style: normal; } #screen-pool-matches .ess-stack-primary { font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: var(--bym-primary); } #screen-pool-matches .ess-stack-secondary { font-family: var(--font-display); font-size: .9375rem; color: var(--bym-text-muted); } #screen-pool-matches .pool-match-masjid-badge, #screen-pool-matches .pool-match-view-only-badge, #screen-pool-matches .pool-match-passed-label, #screen-pool-matches .pool-match-age-excluded-label { border-radius: 4px; font-family: var(--font-display); font-size: .8125rem; font-weight: 600; letter-spacing: 0; text-transform: none; } #screen-pool-matches .pool-candidates-subhead { font-family: var(--font-display); font-size: .875rem; font-weight: 600; letter-spacing: .08em; color: var(--bym-text-muted); } #screen-pool-matches .pool-matches-banner-box { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-primary); border-radius: 0; font-size: 1rem; color: var(--bym-text); } #screen-pool-matches .pool-matches-banner-box b { color: var(--bym-primary); } #screen-pool-matches .essential-empty-state { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-primary); border-radius: 0; color: var(--bym-text); font-size: 1rem; padding: 16px; text-align: left; } #screen-pool-matches #pool-matches-filter, #screen-pool-matches #pool-matches-sort { font-family: var(--font-display) !important; font-size: 1rem !important; color: var(--bym-text-muted) !important; } #screen-pool-matches #pool-matches-filter a, #screen-pool-matches #pool-matches-sort a, #screen-pool-matches .page-header a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; font-family: var(--font-display) !important; font-size: 1rem !important; color: var(--bym-primary) !important; text-decoration: underline; text-underline-offset: 2px; } #screen-pool-matches #pool-scoring-explainer { background: var(--bym-surface) !important; border: 1px solid var(--bym-rule) !important; border-radius: 0 !important; } /* ---- Chapter detail: chips, flag boxes, conflicts, expanders (Results page and its drawer) ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chip { font-family: var(--font-display); font-size: .875rem; font-weight: 600; padding: 3px 8px; border-radius: 4px; letter-spacing: 0; text-transform: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chip-his { background: var(--bym-surface-soft); color: var(--bym-primary); border: 1px solid var(--bym-rule); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chip-her { background: var(--bym-surface); color: var(--bym-primary); border: 1px solid var(--bym-border); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chip-shared { background: var(--bym-success-surface); color: var(--bym-success); border: 1px solid var(--bym-success); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .pill { border-radius: 4px !important; font-family: var(--font-display) !important; font-size: .875rem !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; background: var(--bym-surface-soft) !important; color: var(--bym-primary) !important; padding: 2px 8px !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .results-chapter { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-radius: 0; padding: 20px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .align-bar-wrap { background: var(--bym-surface-soft); border-radius: 0; height: 12px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .align-bar { border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .align-pct { font-family: var(--font-display); font-weight: 600; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .red-section { background: var(--bym-error-surface); border: 0; border-inline-start: 3px solid var(--bym-error); border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .red-section h4 { color: var(--bym-error); font-size: 1.0625rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .amber-section { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-accent); border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .amber-section h4 { color: var(--bym-text); font-size: 1.0625rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .green-box { background: var(--bym-success-surface); border: 0; border-inline-start: 3px solid var(--bym-success); border-radius: 0; color: var(--bym-success); font-size: 1rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .flag-box { border-radius: 0; font-size: 1rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .flag-box.red { background: var(--bym-error-surface); border: 0; border-inline-start: 3px solid var(--bym-error); color: var(--bym-error); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .flag-box.amber { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-accent); color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .flag-box.green { background: var(--bym-success-surface); border: 0; border-inline-start: 3px solid var(--bym-success); color: var(--bym-success); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .flag-box.info { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-primary); color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .conflict-item { font-size: 1rem; border-bottom: 1px solid var(--bym-rule); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .conflict-q { color: var(--bym-primary); font-weight: 600; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .conflict-detail { color: var(--bym-text-muted); font-size: 1rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .expand-toggle { min-height: 44px; color: var(--bym-primary); font-size: 1rem; font-weight: 600; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .expand-toggle:hover { color: var(--bym-text); } /* ---- AI analysis, chapter cards and verdicts (Results, My Match, Look Up) ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-disclosure { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-primary); border-radius: 0; font-size: 1rem; color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-disclosure strong { color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-title { font-size: var(--bym-text-lg); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-preview { font-size: 1rem; color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-recency { font-size: .875rem; color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-chevron, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-subsection-chevron { font-size: 1rem; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-subsection { border: 1px solid var(--bym-rule); border-radius: 0; background: var(--bym-surface); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-subsection-header { background: var(--bym-surface-soft); min-height: 48px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-subsection-title { font-family: var(--font-display); font-size: 1.125rem; font-weight: 600; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-subsection-preview { font-size: 1rem; color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-body { font-size: 1.0625rem; line-height: 1.7; color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-body h3.ai-section { font-family: var(--font-display); font-weight: 600; color: var(--bym-primary); letter-spacing: -.01em; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-body h4.ai-sub { font-family: var(--font-display); font-weight: 600; color: var(--bym-text-muted); letter-spacing: .02em; text-transform: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-body strong.ai-bold { color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-analysis-body em { color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-intro-card { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-primary); border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-inline-start: 4px solid var(--bym-border); border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-green { border-inline-start-color: var(--bym-success); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-amber { border-inline-start-color: var(--bym-accent); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-red { border-inline-start-color: var(--bym-error); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-neutral { border-inline-start-color: var(--bym-border); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chapter-head h3 { font-family: var(--font-display); font-size: 1.125rem !important; font-weight: 600; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chapter-pct { font-family: var(--font-display); font-weight: 600; color: var(--bym-primary); font-size: 1.375rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chapter-pct.pct-dim { color: var(--bym-text-muted); font-size: 1rem !important; font-weight: 500; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .chapter-sub { font-size: 1rem; color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-align-badge { border-radius: 4px; font-family: var(--font-display); font-size: .875rem; font-weight: 600; letter-spacing: 0; text-transform: none; padding: 3px 10px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-align-green { background: var(--bym-success-surface); color: var(--bym-success); border: 1px solid var(--bym-success); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-align-amber { background: var(--bym-surface-soft); color: var(--bym-text); border: 1px solid var(--bym-accent); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-align-red { background: var(--bym-error-surface); color: var(--bym-error); border: 1px solid var(--bym-error); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-align-neutral { background: var(--bym-surface); color: var(--bym-text-muted); border: 1px solid var(--bym-border); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-verdict-banner { background: var(--bym-surface-soft); background-image: none; border: 1px solid var(--bym-primary); border-radius: 0; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-verdict-banner.ai-verdict-green { border-color: var(--bym-success); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-verdict-banner.ai-verdict-amber { border-color: var(--bym-accent); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-verdict-banner.ai-verdict-red { border-color: var(--bym-error); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-verdict-headline { font-size: var(--bym-text-lg); color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-verdict-note { font-size: .9375rem; color: var(--bym-text-muted); font-style: normal; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .video-reminder-banner { background: var(--bym-surface-soft); border: 0; border-inline-start: 3px solid var(--bym-human); border-radius: 0; font-size: 1rem; color: var(--bym-text); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .video-reminder-banner strong { color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .container-wide { padding-bottom: 112px; } /* ---- Compare, My Match and the Wali Report page ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .qf-badges { gap: 8px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .qf-badge { background: var(--bym-surface-soft); border: 1px solid var(--bym-rule); border-radius: 4px; padding: 4px 12px; font-family: var(--font-display); font-size: .9375rem; color: var(--bym-primary); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .loc-area-map { border: 1px solid var(--bym-rule); border-radius: 8px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .loc-area-map-caption { font-size: .875rem; color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="border-radius:50%"][style*="background:#4a7a9e"] { background: var(--bym-primary) !important; font-family: var(--font-display) !important; font-weight: 600 !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="border-radius:50%"][style*="background:#8a6a9e"] { background: var(--bym-human) !important; font-family: var(--font-display) !important; font-weight: 600 !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) h2[style*="#6a5020"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) h3[style*="#6a5020"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) h4[style*="#6a5020"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) h3[style*="#412B3F"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) h4[style*="#412B3F"] { color: var(--bym-primary) !important; font-family: var(--font-display) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="linear-gradient(90deg,#c8a96e"] { background: var(--bym-primary) !important; border-radius: 0 !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#f5f0e8"] { background: var(--bym-surface-soft) !important; border-radius: 0 !important; } #screen-my-match #my-match-body { max-width: 720px; } #screen-my-match .essentials-compact { gap: 12px; } #screen-my-match .essentials-compact-stat { border-radius: 0; background: var(--bym-surface-soft); border: 0; } #screen-my-match .essentials-compact-stat .pct { font-family: var(--font-display); font-weight: 600; color: var(--bym-primary); } #screen-my-match .essentials-compact-stat .lbl { font-size: .9375rem; color: var(--bym-text-muted); } #screen-walireport .container-wide, #screen-compare .container-wide { max-width: 860px; } #screen-walireport label { font-size: 1rem; font-weight: 400; } #screen-walireport input[type="checkbox"] { accent-color: var(--bym-primary) !important; width: 20px; height: 20px; min-height: 0; } #screen-walireport li { font-size: 1rem !important; line-height: 1.6 !important; } /* ---- Inline colours drawn by JavaScript: old orange, gold, blue and purple to Rahmah ---- */ :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#fff5e8"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#fff8eb"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#fdfaf3"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#faf6ef"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#fbead2"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#fdf3e4"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#fdf6ec"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:rgba(200,169,110"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:rgba(160,140,100"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background: #fff5e8"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background: #fff8eb"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background: #fdfaf3"] { background: var(--bym-surface-soft) !important; background-image: none !important; border-color: var(--bym-rule) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="border"][style*="rgba(200,169,110"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="border"][style*="rgba(160,140,100"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="border"][style*="#c8a96e"] { border-color: var(--bym-rule) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#8a7040"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#6a5020"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#8a6020"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#3a2f1a"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#2a2520"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#1a1816"] { color: var(--bym-text) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#665464"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#7a6678"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#978396"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#8a8070"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#b0a890"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#a89a82"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#a89484"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#4a3f45"] { color: var(--bym-text-muted) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#b88355"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color: #B88355"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#B88355"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="#8a5a20"] { color: var(--bym-primary) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#c47070"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#a84040"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#8a4040"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#a04040"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#8a2020"] { color: var(--bym-error) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#5a8a6a"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#3e6a50"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#3e8a5a"] { color: var(--bym-success) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#4a7a9e"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#8a6a9e"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#2a5a7e"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="color:#5a3a6e"] { color: var(--bym-primary) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#fff"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background: #fff"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="background:#ffffff"] { background-color: var(--bym-surface) !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="border-radius"]:not([style*="50%"]):not([style*="999px"]):not(img):not(video):not(svg) { border-radius: 4px !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) :is([style*="border-radius:10px"], [style*="border-radius:12px"], [style*="border-radius:14px"], [style*="border-radius:16px"], [style*="border-radius:18px"], [style*="border-radius:20px"]):not([style*="50%"]):not([style*="999px"]):not(img):not(video):not(svg):not([id^="topbar-profile-meter"]) { border-radius: 0 !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) img[style*="border-radius"]:not([style*="50%"]), :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) video { border-radius: 8px !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:10px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:10.5px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:11px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:11.5px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:12px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:12.5px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size: 11px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size: 12px"] { font-size: .875rem !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:13px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:13.5px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size: 13px"] { font-size: .9375rem !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:14px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:14.5px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size:15px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size: 14px"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="font-size: 15px"] { font-size: 1rem !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .btn[style*="display:inline-block"] { display: inline-flex !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) a.btn { text-decoration: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="letter-spacing"][style*="uppercase"] { letter-spacing: .06em !important; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="rgba(65,43,63,0.1"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="rgba(65,43,63,0.0"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="rgba(65,43,63,0.2"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="rgba(65,43,63,0.14"], :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) [style*="rgba(65,43,63,0.18"] { border-color: var(--bym-rule) !important; } @media (max-width: 600px) { :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar { padding: 4px 12px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right { gap: 0 4px; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right .topnav-link, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar-right .leave-link { padding: 0 6px; font-size: .9375rem; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar .btn, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar .btn-outline, :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .topbar .btn-small { min-height: 44px; padding: 0 10px; } #screen-pool-matches .pool-match-card { flex-wrap: wrap; } #screen-pool-matches .pool-match-info { flex: 1 1 calc(100% - 76px); } #screen-pool-matches .pool-match-pct-pill { order: 3; flex: 1 0 100%; display: flex; align-items: baseline; gap: 8px; padding: 8px 12px; text-align: left; } #screen-pool-matches .pool-match-pct-pill .pool-match-pct-lbl br { display: none; } :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .container-wide { padding-inline: 16px; } #screen-results .essentials-headline { padding: 20px 12px; } #screen-results .results-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { :is(#screen-results, #screen-compare, #screen-walireport, #screen-my-match, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) * { transition: none !important; animation: none !important; } } /* Updated since you connected: a collapsed prompt, the list only when opened */ #results-changed-questions .chq-card { background: var(--bym-surface); border: 1px solid var(--bym-rule); border-inline-start: 3px solid var(--bym-primary); margin: 18px 0; } #results-changed-questions .chq-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 8px 16px; cursor: pointer; list-style: none; font-weight: 600; color: var(--bym-primary); } #results-changed-questions .chq-summary::-webkit-details-marker { display: none; } #results-changed-questions .chq-summary::after { content: "Show"; margin-inline-start: auto; font-size: .875rem; font-weight: 600; color: var(--bym-human-text); } #results-changed-questions .chq-card[open] > .chq-summary::after { content: "Hide"; } #results-changed-questions .chq-summary:focus-visible { outline: 3px solid var(--bym-focus); outline-offset: 2px; } #results-changed-questions .chq-count { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 8px; border-radius: 4px; background: var(--bym-primary); color: var(--bym-on-primary); font-size: .875rem; } #results-changed-questions .chq-lead { margin: 0; padding: 0 16px 8px; color: var(--bym-text); font-size: 1rem; line-height: 1.5; } #results-changed-questions .chq-list { list-style: none; margin: 0; padding: 0 16px 12px; } #results-changed-questions .chq-item { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--bym-rule); font-size: 1rem; } #results-changed-questions .chq-q { color: var(--bym-primary); } #results-changed-questions .chq-date { color: var(--bym-text-muted); white-space: nowrap; } /* Intimacy card before reveal: greyed out, small ribbon instead of large text */ :is(#screen-results, #screen-compare, #screen-my-match, #screen-walireport, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-neutral { position: relative; overflow: hidden; background: var(--bym-surface-muted, rgba(65,43,63,0.04)); } :is(#screen-results, #screen-compare, #screen-my-match, #screen-walireport, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-neutral .chapter-head h3 { color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-my-match, #screen-walireport, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-neutral .chapter-head .chapter-pct.pct-dim { font-family: var(--font-ui); font-size: 0.6875rem !important; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; white-space: nowrap; flex-shrink: 0; background: rgba(65,43,63,0.08); border: 1px solid var(--bym-border); color: var(--bym-text-muted); } :is(#screen-results, #screen-compare, #screen-my-match, #screen-walireport, #screen-pool-matches, #screen-lookup, #screen-lookup-result, #screen-reveal-inbox, body:has(#screen-results.active) .results-drawer) .ai-chapter-card.ai-chapter-neutral .chapter-head { flex-wrap: wrap; } /* Results tile for a chapter with no result yet (e.g. Intimacy before reveal) */ #screen-results .results-card.rc-dim { background: rgba(65,43,63,0.04); } #screen-results .results-card.rc-dim .results-card-title { color: var(--bym-text-muted); } #screen-results .results-card.rc-dim .results-card-pct.results-card-ribbon { font-family: var(--font-ui); font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; padding: 3px 10px; border-radius: 999px; background: rgba(65,43,63,0.08); border: 1px solid var(--bym-border); color: var(--bym-text-muted); align-self: flex-start; } /* Your Deen: two facts side by side, one short line each (owner feedback after the phone check, 19 Oct 2026). No colour semantics: not a verdict. */ #screen-results .deen-sbs { display: grid; grid-template-columns: minmax(88px, 0.7fr) 1fr 1fr; border: 1px solid #D8C8CE; background: #fff; margin: 10px 0 4px; font-size: 0.9375rem; line-height: 1.4; color: #30222E; } #screen-results .deen-sbs > div { padding: 8px 10px; border-top: 1px solid #D8C8CE; } #screen-results .deen-sbs > .deen-sbs-head { border-top: 0; font-weight: 600; color: #412B3F; background: #FBF5ED; } #screen-results .deen-sbs > .deen-sbs-label { font-weight: 600; color: #70586B; background: #FBF5ED; } #screen-results .deen-sbs-none { color: #70586B; font-style: italic; } #screen-results .deen-sbs-note { margin: 4px 0 10px; font-size: 0.8125rem; color: #70586B; }