/* One palette for new app screens and retained LifeHubber modules. */
.app-task-art { position:relative; display:grid; place-items:center; width:58px; height:52px; flex-shrink:0; overflow:hidden; border-radius:15px; color:var(--app-ink); background:linear-gradient(140deg,color-mix(in srgb,var(--tone) 16%,var(--app-surface)),var(--tone-bg)); border:1px solid color-mix(in srgb,var(--tone) 22%,var(--app-line)); }
.app-task-art>.app-icon { position:relative; width:30px; height:30px; stroke-width:1.45; color:color-mix(in srgb,var(--tone) 55%,var(--app-ink)); }
.app-task-art-orbit { position:absolute; width:43px; height:43px; right:-18px; top:-17px; border-radius:50%; background:color-mix(in srgb,var(--tone) 15%,transparent); }
.app-resource-card-top { gap:12px; }
.app-sidebar .app-navigation { flex:1; min-height:0; overflow-y:auto; }
.app-header-updates { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:8px 11px; margin-left:auto; flex-shrink:0; border:1px solid var(--app-line); border-radius:10px; background:transparent; color:var(--app-ink); font-size:14px; }
.app-header-updates>.app-icon { width:18px; height:18px; color:var(--app-blue); }
.app-header-updates:hover { background:var(--app-soft); }
.app-nav-symbol.app-tone-pulse { color:var(--app-blue); }
@media(min-width:701px) and (max-height:760px) {
    .app-sidebar { padding:18px 15px 14px; }
    .app-sidebar>.app-brand { margin-bottom:14px; }
    .app-sidebar>.app-nav-label { line-height:1.2; padding-bottom:8px; }
    .app-sidebar .app-navigation { gap:2px; }
    .app-sidebar .app-nav-link { min-height:36px; padding-block:6px; }
    .app-sidebar .app-nav-divider { line-height:1.2; padding-top:10px; padding-bottom:6px; }
    .app-sidebar-bottom { padding-top:14px; }
    .app-sidebar-bottom>p { display:none; }
}
@media(min-width:701px) and (max-width:1050px) {
    .app-header-updates { width:40px; padding:8px; }
    .app-header-updates>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}
.app-mobile-updates { display:none; }
@media(max-width:700px) {
    .app-mobile-dock { gap:0; padding-inline:8px; }
    .app-mobile-dock>a,.app-mobile-dock>button { flex:1; min-width:0; padding-inline:3px; font-size:11px; }
    .app-header-updates { display:none; }
    .app-sidebar .app-navigation { flex:initial; }
    .app-mobile-updates { display:flex; align-items:center; gap:12px; min-height:46px; margin-bottom:12px; padding:10px 12px; border:1px solid var(--app-line); border-radius:11px; background:var(--app-soft); color:var(--app-ink); font-size:14px; text-align:left; }
    .app-mobile-updates>.app-icon { color:var(--app-blue); }
    .app-task-art { width:48px; height:46px; border-radius:12px; }
    .app-task-art>.app-icon { width:27px; height:27px; }
}
.is-list .app-task-art { width:36px; height:36px; border-radius:10px; }
.is-list .app-task-art>.app-icon { width:23px; height:23px; }
:root,
:root[data-theme="light"] {
    color-scheme: light;
    --app-bg: #f6f8fb;
    --app-surface: #ffffff;
    --app-raised: #edf2f8;
    --app-sidebar-bg: #eef2f7;
    --app-ink: #172238;
    --app-muted: #4f6078;
    --app-line: #d5dfea;
    --app-blue: #285ac8;
    --app-primary: #3265d6;
    --app-on-accent: #ffffff;
    --app-soft: #e8efff;
    --bg: var(--app-bg);
    --bg-accent: none;
    --surface: var(--app-surface);
    --surface-strong: var(--app-surface);
    --surface-soft: var(--app-raised);
    --card: var(--app-surface);
    --card-strong: var(--app-raised);
    --text: var(--app-ink);
    --muted: var(--app-muted);
    --accent: var(--app-blue);
    --accent-strong: #204ba8;
    --accent-soft: var(--app-soft);
    --border: var(--app-line);
    --hairline: var(--app-line);
    --input-bg: var(--app-surface);
    --button-bg: var(--app-primary);
    --button-text: var(--app-on-accent);
    --button-bg-hover: #2454be;
    --button-text-hover: var(--app-on-accent);
    --success: #23734f;
    --shadow: 0 8px 26px #1823380a;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --app-bg: #111721;
    --app-surface: #1a2331;
    --app-raised: #222e40;
    --app-sidebar-bg: #151d29;
    --app-ink: #edf3fc;
    --app-muted: #b2c1d7;
    --app-line: #35445b;
    --app-blue: #9bbcff;
    --app-primary: #3b6bd8;
    --app-on-accent: #ffffff;
    --app-soft: #283c60;
    --bg: var(--app-bg);
    --bg-accent: none;
    --surface: var(--app-surface);
    --surface-strong: var(--app-surface);
    --surface-soft: var(--app-raised);
    --card: var(--app-surface);
    --card-strong: var(--app-raised);
    --text: var(--app-ink);
    --muted: var(--app-muted);
    --accent: var(--app-blue);
    --accent-strong: #c4d7ff;
    --accent-soft: var(--app-soft);
    --border: var(--app-line);
    --hairline: var(--app-line);
    --input-bg: var(--app-surface);
    --button-bg: var(--app-primary);
    --button-text: var(--app-on-accent);
    --button-bg-hover: #4a79e3;
    --button-text-hover: var(--app-on-accent);
    --success: #8bdbb7;
    --shadow: 0 8px 28px #00000020;
}
html { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
body { background: var(--app-bg); color: var(--app-ink); font-size: 16px; }
.app-sidebar { background: var(--app-sidebar-bg); }
.app-topbar { background: color-mix(in srgb, var(--app-bg) 96%, transparent); }
.app-mobile-dock { background: color-mix(in srgb, var(--app-surface) 96%, transparent); }
.app-nav-link.is-active,
.app-nav-link:hover,
.app-mobile-dock>a[aria-current="page"],
.app-mobile-dock>button[aria-current="page"] { background: var(--app-soft); color: var(--app-blue); }
.app-topbar-note { display: none; }
.app-global-search { max-width: 510px; }
.app-global-search input { font-size: 14px; }
.app-theme-control { margin-left: 0; display: flex; flex-direction: row; align-items: center; gap: 6px; flex-shrink: 0; color: var(--app-muted); }
.app-nav-link { transition: transform .15s; }
.app-theme-control .app-icon { width: 18px; height: 18px; }
.app-theme-control select { min-height: 40px; max-width: 100px; padding: 7px 5px; border: 0; border-radius: 8px; background: var(--app-surface); color: var(--app-ink); font-size: 14px; }
.app-button-primary,.link-button { background: var(--app-primary); color: var(--app-on-accent); }
.app-button-primary:hover,.link-button:hover { background: var(--button-bg-hover); color: var(--app-on-accent); }
.app-nav-link,.app-current-section { font-size: 14px; }
.app-nav-label,.app-eyebrow,.small-label { font-size: 12px; }
.app-button,.app-section-link,.app-card-open,.app-result-caption,.app-library-toolbar>p { font-size: 14px; }
.app-path-card h3 { font-size: 16px; }
.app-path-card p { font-size: 14px; }
.app-home-heading>div>p:not(.app-eyebrow),
.app-collection-heading p:not(.app-eyebrow) { color: var(--app-muted); font-size: 16px; }
.app-home-heading .app-hero-footnote,.app-hero-footnote { font-size: 13px; }
.app-home-heading .app-eyebrow { font-size: 12px; }
.app-section-head .app-eyebrow { font-size: 12px; }
.app-topic-card h3 { font-size: 14px; }
.app-topic-card>span:last-child { color: var(--app-muted); font-size: 13px; }
.app-resource-card h3 { font-size: 17px; }
.app-resource-card>p { font-size: 15px; line-height: 1.6; }
.app-card-category,.app-resource-card-foot { font-size: 12px; color: var(--app-muted); }
.app-resource-card-foot { border-color: var(--app-line); }
.app-resource-card-top { gap: 8px; }
.app-project-mark { font-size: 14px; color: var(--app-ink); }
.app-editorial-copy h3 { font-size: 18px; }
.app-editorial-copy>p,.app-access-card>p,.app-overview-card p { font-size: 15px; line-height: 1.65; }
.app-editorial-copy .app-eyebrow { font-size: 12px; }
.app-library-search input { font-size: 16px; }
.app-filter-tabs button { min-height: 42px; font-size: 14px; }
.app-filter-tabs button>span { font-size: 12px; color: var(--app-muted); }
.app-filter-tabs button[aria-pressed=true] { background: var(--app-soft); color: var(--app-blue); border-color: var(--app-line); }
.app-toolbar-controls .app-select-label select { font-size: 14px; }
.app-library-note,.app-load-more p { font-size: 13px; color: var(--app-muted); }
.app-library-note { max-width:none; }
.app-access-tags span,.app-access-requirement,.app-hardware-card-icon { color: var(--app-muted); font-size: 13px; }
.app-access-tags span { background: var(--app-raised); }
.app-hardware-guide>div>p:not(.app-eyebrow),.app-section-description,
.app-hardware-card>p,.app-hardware-card details p { font-size: 16px; line-height: 1.7; }
.app-hardware-card summary,.app-hardware-card>a,.app-hardware-card details strong { font-size: 14px; }
.app-main .app-more-grid h3 { font-size: 16px; }
.app-main .app-more-grid p { font-size: 14px; }
.hero .hero-copy>p,.hero .hero-copy>.secondary { color: var(--app-muted); font-size: 16px; line-height: 1.75; }
.panel p,.panel li { font-size: 16px; line-height: 1.7; }
.app-reader-dialog,.app-reader-frame { background: var(--app-bg); color: var(--app-ink); }
.app-reader-bar { background: var(--app-surface); border-color: var(--app-line); }
.app-reader-bar>button { background: var(--app-raised); color: var(--app-ink); }
.app-reader-bar>[data-reader-label],.app-reader-brand { font-size: 14px; }
.app-reader-mode body { background: var(--app-bg); }
.app-reader-mode .hero .hero-copy>p,.app-reader-mode .hero .hero-copy>.secondary,
.app-reader-mode .panel p,.app-reader-mode .panel li { color: var(--app-muted); font-size: 16px; line-height: 1.75; }
.app-reader-mode .panel h2 { font-size: 23px; }
.app-reader-mode .panel h3 { font-size: 19px; }
.app-reader-mode .small-label { font-size: 12px; }
.app-hero-feature .app-hero-feature-copy,.app-hero-feature .app-hero-feature-copy h2,
.app-hero-feature .app-hero-feature-copy>span,.app-hero-feature .app-feature-tag { color: #fff; }
.app-path-blue { background: color-mix(in srgb,var(--app-blue) 8%,var(--app-surface)); }
.app-path-mint { background: color-mix(in srgb,#37846c 10%,var(--app-surface)); }
.app-path-lilac { background: color-mix(in srgb,#8e6dc0 10%,var(--app-surface)); }
:root[data-theme="dark"] [class*="app-tone-"] { --tone-bg: var(--app-raised); --tone: #a9c4ff; }
:root[data-theme="dark"] :is(.app-resource-card,.app-editorial-card,.app-topic-card,.app-overview-card,.app-access-card,.app-hardware-card,.app-more-grid>a,.app-hardware-guide,.app-sidebar.is-open,.app-preview-placeholder) { background: var(--app-surface); border-color: var(--app-line); }
.app-preview-info { background: var(--app-soft); color: var(--app-muted); border-color: var(--app-line); font-size: 13px; }
.app-preview-placeholder { background: var(--app-raised); color: var(--app-muted); border-color: var(--app-line); }
.site-footer { color: var(--app-muted); }
.site-footer-copy,.site-footer-nav a,.site-footer-nav-button { font-size: 14px; }
/* Explicit legacy module bindings prevent an inherited dark fill / light text mix. */
.page-ai-ballot .leaderboard td,
.page-ai-ballot .mobile-row,
.page-ai-ballot .top-five-item,
.page-ai-ballot .user-type-card,
.page-ai-ballot .user-type-locked,
.page-ai-ballot .user-type-result,
.page-ai-ballot .top-five-card,
.page-ai-ballot .leaderboard-wrap,
.page-ai-ballot :is(input,select,.controls-shell,.vote-btn,.help-chip,.user-type-progress-badge) {
    background: var(--app-surface);
    color: var(--app-ink);
    border-color: var(--app-line);
}
.page-ai-ballot .leaderboard td { font-size: 14px; }
#ballotListHeading { scroll-margin-top: 100px; }

/* One familiar character at each section entrance; browsing cards stay compact. */
.app-section-mascot {
    display: block;
    width: 128px;
    height: 144px;
    flex-shrink: 0;
    pointer-events: none;
    line-height: 0;
}
.app-section-mascot img { display: block; width: 100%; height: 100%; object-fit: contain; }
.app-collection-heading {
    display: grid;
    grid-template-columns: minmax(0,1fr) 128px;
    gap: 0 24px;
    align-items: center;
}
.app-collection-heading>div { display: contents; }
.app-collection-heading>.app-section-mascot { grid-column: 2; grid-row: 1 / 3; justify-self: end; }
.app-collection-heading .app-eyebrow { grid-column: 1; grid-row: 1; align-self: end; margin-bottom: 0; }
.app-collection-heading h1 { grid-column: 1; grid-row: 2; align-self: start; margin: 10px 0 15px; }
.app-collection-heading p:not(.app-eyebrow) { grid-column: 1 / -1; grid-row: 3; }
.app-home-welcome { display: flex; align-items: center; gap: 14px; margin-top: 18px; max-width: 380px; }
.app-home-welcome .app-section-mascot { width: 84px; height: 94px; }
.app-home-heading .app-home-welcome .app-hero-footnote { margin: 0; font-size: 14px; line-height: 1.65; max-width: 225px; }
.hero.app-mascot-hero { display: grid; grid-template-columns: minmax(0,1fr) 128px; gap: 0 24px; align-items: center; }
.hero.app-mascot-hero>div:first-child { grid-column: 1; grid-row: 1; }
.hero.app-mascot-hero>.app-section-mascot { grid-column: 2; grid-row: 1; justify-self: end; }
.hero.app-mascot-hero>.hero-copy { grid-column: 1 / -1; grid-row: 2; }
@media(max-width:700px) {
    .app-section-mascot { width: 86px; height: 100px; }
    .app-collection-heading,.hero.app-mascot-hero { grid-template-columns: minmax(0,1fr) 86px; column-gap: 12px; }
    .app-collection-heading h1 { font-size: 30px; line-height: 1.18; }
    .app-collection-heading .app-eyebrow { font-size: 12px; letter-spacing: 1.2px; }
    .app-home-welcome .app-section-mascot { width: 76px; height: 86px; }
    .app-home-welcome { margin-top: 15px; gap: 12px; }
    .hero.app-mascot-hero h1 { font-size: 30px; }
}
.page-ai-ballot .tool strong,.page-ai-ballot .tool-copy strong { color: var(--app-ink); font-size: 16px; }
.page-ai-ballot .leaderboard th,.page-ai-ballot .mobile-stats,.page-ai-ballot .ballot-list-status { color: var(--app-muted); font-size: 13px; }
.page-ai-ballot .badge-new { color: var(--app-blue); background: var(--app-soft); font-size: 11px; }
.page-ai-ballot :is(.top-five-name,.top-five-link,.profile-link,.ballot-list-title,.user-type-title) { color: var(--app-ink); }
.page-ai-ballot :is(.ballot-integrity-note,.user-type-intro,.top-five-empty,.top-five-meta,.user-type-progress-text,.total-votes) { color: var(--app-muted); font-size: 14px; }
.page-ai-ballot .vote-btn:hover { background: var(--app-raised); }
.pulse-status-strip,
.pulse-reading-note { background: var(--app-surface); border-color: var(--app-line); box-shadow: none; color: var(--app-ink); }
.pulse-status-strip strong,
.pulse-reading-note :is(h2,h3),
.pulse-status-strip :is(h2,h3) { color: var(--app-ink); }
.pulse-reading-note p:not(.small-label),.pulse-status-strip p { color: var(--app-muted); font-size: 16px; line-height: 1.7; }
.pulse-status-strip a { color: var(--app-blue); }
.pulse-freshness { background: var(--app-raised); color: var(--app-muted); }
.is-list .app-resource-card h3 { font-size: 16px; }
.is-list .app-resource-card>p { font-size: 14px; }
@media(max-width:1100px) {
    .app-topic-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .app-path-grid { grid-template-columns: 1fr; }
    .app-path-card { display: flex; align-items: center; }
    .app-path-icon { margin: 0; }
}
@media(max-width:700px) {
    .app-topbar { gap: 6px; padding-inline: 14px; }
    .app-mobile-brand { min-width: 0; gap: 5px; font-size: 20px; }
    .app-mobile-brand img { width: 26px; height: 26px; }
    .app-theme-control { gap: 0; margin-left: 0; }
    .app-theme-control>.app-icon { display: none; }
    .app-theme-control select { max-width: 86px; min-height: 44px; font-size: 14px; }
    .app-topbar.is-searching .app-global-search { right: 148px; }
    .app-resource-card h3 { font-size: 16px; }
    .app-resource-card>p { font-size: 14px; }
    .app-resource-card-top { flex-wrap: wrap; gap: 6px; }
    .app-resource-card .app-card-category { font-size: 11px; }
    .app-resource-card-foot { font-size: 11px; }
    .app-mobile-dock>a,.app-mobile-dock>button { font-size: 12px; }
    .app-filter-tabs button { min-height: 44px; }
    .app-toolbar-controls .app-select-label { flex: 1; min-width: 0; }
    .app-toolbar-controls .app-select-label select { width: 100%; max-width: none; min-height: 44px; padding-right: 15px; font-size: 14px; }
    .app-view-toggle { flex: 0 0 auto; }
    .app-topic-card h3 { font-size: 13px; }
    .app-topic-card>span:last-child { font-size: 12px; }
    .app-section-head { align-items: start; flex-wrap: wrap; }
    .app-section-link { font-size: 14px; }
    .app-reader-mode .hero .hero-copy>p,.app-reader-mode .hero .hero-copy>.secondary,
    .app-reader-mode .panel p,.app-reader-mode .panel li { font-size: 16px; }
    .app-reader-mode .panel h2 { font-size: 22px; }
    .app-reader-bar>[data-reader-label] { font-size: 13px; }
    .app-hero-feature .app-feature-tag { font-size: 11px; }
}

/* Resource discovery controls share one surface and the existing filter state. */
.app-library-controls { padding:18px 20px 0; margin-bottom:22px; border:1px solid var(--app-line); border-radius:18px; background:var(--app-surface); }
.app-library-controls .app-library-search { padding:0 0 15px; min-height:44px; border:0; border-bottom:1px solid var(--app-line); border-radius:0; background:transparent; }
.app-library-controls .app-library-search input { font-size:16px; }
.app-library-controls input[type="search"]::-webkit-search-cancel-button { display:none; }
.app-library-controls .app-filter-scroll { margin:16px 0 0; padding-bottom:4px; }
.app-library-controls .app-filter-tabs { gap:7px; }
.app-library-controls .app-filter-tabs button { min-height:38px; padding:8px 10px; font-size:13px; border-color:transparent; background:transparent; color:var(--app-muted); }
.app-library-controls .app-filter-tabs button>span { min-width:22px; padding:1px 5px; border-radius:6px; background:var(--app-raised); font-size:11px; color:var(--app-muted); }
.app-library-controls .app-filter-tabs button[aria-pressed="true"] { background:var(--app-soft); border-color:var(--app-blue); color:var(--app-blue); font-weight:650; }
.app-library-controls .app-filter-tabs button[aria-pressed="true"]>span { background:var(--app-surface); color:var(--app-blue); }
.app-library-controls .app-library-toolbar { padding:14px 0 16px; align-items:center; flex-wrap:wrap; }
.app-library-controls .app-select-label select { min-height:40px; font-size:14px; color:var(--app-ink); background:var(--app-bg); }
.app-library-controls .app-view-toggle { background:var(--app-bg); padding:3px; gap:2px; }
.app-library-controls .app-view-toggle .app-icon-button { width:34px; height:34px; }
.app-library-controls .app-view-toggle button[aria-pressed="true"] { background:var(--app-soft); color:var(--app-blue); box-shadow:0 1px 3px #18233812; }
.app-active-filters { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0 0 16px; }
.app-active-filters>button { display:flex; align-items:center; gap:9px; max-width:100%; min-height:36px; padding:6px 10px; border:1px solid var(--app-line); border-radius:8px; background:var(--app-bg); color:var(--app-ink); font-size:13px; }
.app-active-filters>button>span:first-child { overflow-wrap:anywhere; text-align:left; }
.app-active-filters>button>span:last-child { flex-shrink:0; color:var(--app-muted); font-size:18px; line-height:1; }
.app-active-filters>button:hover { background:var(--app-soft); border-color:var(--app-blue); }
.app-active-filters>.app-filter-reset { border-color:transparent; background:transparent; color:var(--app-blue); }
.app-resource-grid:not(.is-list) .app-resource-card-top { display:grid; grid-template-columns:58px minmax(0,1fr) 13px; gap:12px; min-height:52px; }
.app-resource-grid:not(.is-list) .app-resource-card-top>.app-icon { margin:0; }
.app-resource-grid:not(.is-list) .app-resource-card h3 { min-height:2.9em; }
.app-resource-grid:not(.is-list) .app-resource-card>p { margin-bottom:18px; }
@media(max-width:700px) {
    .app-library-controls { padding:14px 14px 0; border-radius:14px; margin-bottom:18px; }
    .app-library-controls .app-library-search { padding-bottom:12px; }
    .app-library-controls .app-library-search input { font-size:16px; }
    .app-library-controls .app-filter-scroll { margin:12px -14px 0; padding:0 14px 4px; }
    .app-library-controls .app-filter-tabs button { min-height:44px; }
    .app-library-controls .app-library-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:10px; padding:12px 0 14px; }
    .app-library-controls .app-library-toolbar>p { padding:0; grid-column:1; grid-row:2; }
    .app-library-controls .app-toolbar-controls { display:contents; }
    .app-library-controls .app-toolbar-controls>.app-select-label:first-child { grid-column:1; grid-row:1; }
    .app-library-controls .app-toolbar-controls>.app-select-label:nth-child(2) { grid-column:2; grid-row:1; }
    .app-library-controls .app-view-toggle { grid-column:2; grid-row:2; justify-self:end; margin:0; }
    .app-library-controls .app-select-label select { min-height:44px; font-size:14px; }
    .app-library-controls .app-view-toggle .app-icon-button { width:36px; height:36px; }
    .app-active-filters>button { min-height:44px; }
    .app-resource-grid:not(.is-list) .app-resource-card-top { grid-template-columns:40px minmax(0,1fr); gap:8px; min-height:44px; }
    .app-resource-grid:not(.is-list) .app-task-art { width:40px; height:40px; border-radius:11px; }
    .app-resource-grid:not(.is-list) .app-task-art>.app-icon { width:24px; height:24px; }
}

/* Reuse the original cached activity renderer inside the redesigned cards. */
.app-resource-activity { margin:0; padding:0 0 12px; color:var(--app-muted); }
.app-resource-activity .resource-popularity-wrap { display:grid; gap:5px; }
.app-resource-activity .resource-popularity { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:0; }
.app-resource-activity .resource-popularity-metric { display:inline-flex; align-items:center; gap:4px; min-width:0; font-size:12px; color:var(--app-muted); }
.app-resource-activity .resource-popularity-metric svg { width:13px; height:13px; flex-shrink:0; fill:currentColor; }
.app-resource-activity .resource-popularity-window,.app-resource-activity .resource-popularity-source { font-size:11px; color:var(--app-muted); }
.is-list .app-resource-activity { grid-column:2 / -1; grid-row:2; margin:0; padding:0; }
.is-list .app-resource-card h3 { grid-column:2; grid-row:1; }
.is-list .app-resource-card>p { grid-column:3; grid-row:1; }
.is-list .app-resource-card:has(>.app-resource-activity)>p { grid-column:2 / -1; grid-row:3; }
.is-list .app-resource-card-foot { grid-column:4; grid-row:1; }
@media(max-width:700px) {
    .is-list .app-resource-activity { grid-column:2; grid-row:2; padding-top:4px; }
    .is-list .app-resource-card>p { grid-column:2; grid-row:2; }
}

/* Original capabilities, kept quiet until needed. */
.app-resource-card,.app-access-card{position:relative;overflow:visible;isolation:isolate}
.app-card-title-link{text-decoration:none;color:inherit}
.app-card-title-link::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.app-card-title-link:focus-visible::after{outline:3px solid var(--app-blue);outline-offset:3px}
.app-resource-card-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative;z-index:2}
.app-source-link{display:inline-flex;align-items:center;gap:5px;min-height:44px;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.app-source-link>.app-icon,.app-access-foot .app-icon{width:13px;height:13px}
.app-resource-card-foot>[data-app-useful-count]{font-size:12px;margin-left:auto}
.app-card-actions{position:relative;margin-left:auto;flex-shrink:0}
.app-card-actions>summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;cursor:pointer;color:var(--app-muted)}
.app-card-actions>summary::-webkit-details-marker,.app-task-menu>summary::-webkit-details-marker{display:none}
.app-card-actions[open]>summary,.app-card-actions>summary:hover{background:var(--app-soft);color:var(--app-ink)}
.app-card-actions[open]{z-index:5}
.app-card-action-menu{position:absolute;right:0;bottom:calc(100% + 7px);width:200px;padding:8px;background:var(--app-surface);color:var(--app-ink);border:1px solid var(--app-line);border-radius:14px;box-shadow:0 12px 34px #0003;display:grid;gap:4px}
.app-card-action-menu.opens-down{bottom:auto;top:calc(100% + 7px)}
.app-card-action-menu .resource-feedback-button{width:100%;min-height:44px;text-align:left;font-size:14px;padding:8px 12px;color:var(--app-ink);background:transparent;border:0;border-radius:8px}
.app-card-action-menu .resource-feedback-button:hover{background:var(--app-soft)}
.app-card-action-menu p{font-size:14px;margin:6px;overflow-wrap:anywhere}
.app-resource-card:has(.app-card-actions[open]){z-index:6}
.app-card-date,.app-editorial-note{font-size:14px;color:var(--app-muted)}
.app-editorial-note{border-top:1px solid var(--app-line);padding-top:10px}
.app-task-menu{position:relative;font-size:14px;color:var(--app-ink);max-width:100%}
.app-task-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:44px;padding:8px 12px;border:1px solid var(--app-line);background:var(--app-surface);border-radius:10px;cursor:pointer}
.app-task-menu>summary .app-icon{width:14px;height:14px}
.app-task-menu[open]{z-index:15}
.app-task-menu>div{position:absolute;top:calc(100% + 6px);left:0;width:280px;max-width:calc(100vw - 42px);padding:8px;border-radius:14px;border:1px solid var(--app-line);box-shadow:0 12px 34px #0003;background:var(--app-surface);display:grid}
.app-task-menu a{padding:10px;min-height:44px;text-decoration:none;border-radius:8px}
.app-task-menu a:hover{background:var(--app-soft)}
.app-overview-grid{margin-top:20px}
.app-compact-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;font-size:14px}
.app-compact-controls label{display:flex;align-items:center;gap:8px;max-width:100%;color:var(--app-muted)}
.app-compact-controls select{min-height:44px;max-width:100%;min-width:0;padding:8px 30px 8px 10px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-surface);color:var(--app-ink);font-size:14px}
.app-quick-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.app-quick-chips :is(a,button){display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;font-size:14px;text-decoration:none;border:1px solid var(--app-line);border-radius:22px;color:var(--app-muted);background:var(--app-surface)}
.app-quick-chips button[aria-pressed="true"]{background:var(--app-soft);color:var(--app-blue);border-color:var(--app-blue)}
.app-access-best{font-size:14px!important;line-height:1.65;color:var(--app-muted)}
.app-access-best strong{color:var(--app-ink)}
.app-access-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;border-top:1px solid var(--app-line);padding-top:10px;margin-top:auto;color:var(--app-muted)}
.app-access-foot a{display:flex;align-items:center;gap:5px;min-height:44px;text-decoration:none;color:var(--app-blue)}
.app-context-slot{margin-block:20px}
.app-context-slot:empty{display:none}
.app-context-slot .lifehubber-engagement-slot{margin:0}
.app-context-slot :is(.resource-signup-panel,.resource-ad-panel){border-radius:16px;background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line)}
.app-menu-dismiss{display:none}
.app-sidebar-bottom a[aria-current="page"]{color:var(--app-blue);font-weight:650}
.resource-feedback-button{font-size:14px;min-height:44px}
@media(max-width:1100px){.is-list .app-resource-card-foot{display:flex;grid-column:2 / -1;grid-row:4;margin:6px 0 0;padding-top:8px}}
@media(max-width:700px){
.app-menu-dismiss{display:grid;position:absolute;right:12px;top:14px}
.app-sidebar.is-open>.app-brand{padding-right:28px;font-size:21px}
.app-sidebar.is-open .app-navigation{overflow-y:auto;flex:1}
.app-resource-card-foot{gap:2px;font-size:12px}
.app-resource-card-foot>[data-app-useful-count]{width:100%;font-size:12px;order:3;margin-left:0}
.app-resource-card-foot .app-source-link{flex:1;min-width:0;font-size:12px}
.app-resource-card-foot .app-source-link>.app-icon{display:none}
.app-resource-grid:not(.is-list)>:nth-child(odd) .app-card-action-menu{right:auto;left:calc(-100% - 30px)}
.app-resource-grid:not(.is-list)>:nth-child(even) .app-card-action-menu{right:-4px}
.app-toolbar-controls{flex-wrap:wrap;justify-content:flex-start}
.app-task-menu>div{left:auto;right:0}
.app-main>.app-task-menu>div{left:0;right:auto}
}
@media(prefers-reduced-motion:reduce){.app-resource-card{transition:none}}

.app-resource-activity,.app-resource-activity .resource-popularity-wrap,.app-resource-activity .resource-popularity{min-width:0;max-width:100%}
.app-resource-activity .resource-popularity-metric{max-width:100%;white-space:normal;flex-wrap:wrap;overflow-wrap:anywhere}
.app-resource-activity .resource-popularity-metric>span:not(.visually-hidden){min-width:0;max-width:100%;overflow-wrap:anywhere}

.pulse-movement-section .small-label,.pulse-provider-ballot .small-label{color:var(--app-muted)!important}

@media(max-width:700px){.app-library-toolbar .app-task-menu>div{left:0;right:auto;max-width:calc(100vw - 56px);max-height:55dvh;overflow-y:auto}}

/* Give phone discovery cards room to explain the project. */
@media(max-width:700px){
    .app-resource-grid{grid-template-columns:minmax(0,1fr)}
    .app-resource-card>p{-webkit-line-clamp:3;line-clamp:3}
    .app-resource-grid:not(.is-list)>:nth-child(odd) .app-card-action-menu,
    .app-resource-grid:not(.is-list)>:nth-child(even) .app-card-action-menu{left:auto;right:0}
}

@media(min-width:701px) and (max-width:1000px){.app-resource-card>p{-webkit-line-clamp:3;line-clamp:3}}