/* History Go — Personal Collection v1
   Shared visual language for profile.html and knowledge.html.
   History Go gold is restrained and warm here, never the old neon-yellow wash. */

:root{
  --pc-bg:#08090b;
  --pc-surface:#101216;
  --pc-surface-raised:#171a20;
  --pc-surface-soft:rgba(255,255,255,.04);
  --pc-line:rgba(255,255,255,.09);
  --pc-line-strong:rgba(255,255,255,.17);
  --pc-text:#f5f7f8;
  --pc-muted:rgba(235,241,244,.62);
  --pc-dim:rgba(235,241,244,.4);
  --pc-accent:#d8b24f;
  --pc-accent-strong:#edcf78;
  --pc-accent-ink:#181205;
  --pc-radius:24px;
  --pc-radius-small:15px;
  --pc-shadow:0 20px 56px rgba(0,0,0,.32);
}

body.profile-page,
body.knowledge-v2-page{
  background:var(--pc-bg)!important;
  color:var(--pc-text)!important;
}

body.profile-page{
  --gold:var(--pc-accent);
  --gold-2:var(--pc-accent-strong);
  --accent-color:var(--pc-accent);
}
body.profile-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% -10%,rgba(216,178,79,.09),transparent 34rem),
    linear-gradient(rgba(8,9,11,.88),rgba(8,9,11,.94));
}
body.profile-page.map-only::before{display:none}
body.profile-page,
.profile-dashboard-v2,
.profile-page .site-header{
  --profile-card-border-strong:var(--pc-line-strong)!important;
  --accent-color:var(--pc-accent)!important;
}
body.profile-page .profile-section h1,
body.profile-page .profile-section h2,
body.profile-page .profile-section h3,
body.profile-page .brand-name{color:var(--pc-text)!important}
body.profile-page .btn,
body.profile-page button.primary.small{
  background:var(--pc-accent)!important;
  color:var(--pc-accent-ink)!important;
}
body.profile-page .btn:hover,
body.profile-page button.primary.small:hover{background:var(--pc-accent-strong)!important}
body.profile-page .profile-stat-card span{color:var(--pc-text)!important}

/* ---------- profile: identity / collection hero ---------- */
.profile-page .site-header{
  background:rgba(8,9,11,.96)!important;
  border-bottom:0!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.profile-page .site-header{min-height:56px!important;padding:8px 16px!important}
.profile-page .brand-logo{width:34px;height:34px;background:transparent!important;padding:0!important}
.profile-page .profile-header-actions button{min-height:36px;border:1px solid var(--pc-line)!important;border-radius:999px;background:var(--pc-surface-soft)!important;color:var(--pc-text)!important;padding:7px 11px;font:inherit;font-weight:800;cursor:pointer}
.profile-page .profile-header-actions button:hover{border-color:var(--pc-line-strong)!important;background:rgba(255,255,255,.09)!important}

.profile-page .site-header .profile-hero-v2,
.profile-page .site-header .profile-section{
  background:transparent!important;
}

.profile-page .profile-hero-v2-inner{padding:7px 10px!important}
.profile-page .profile-hero-copy{gap:9px!important}
.profile-page #profileName{color:var(--pc-text)!important}
.profile-collection-title-stack{display:grid;gap:1px;min-width:0}
.profile-collection-eyebrow{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--pc-muted);font-weight:800}
.profile-collection-subtitle{font-size:.72rem;color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.profile-page .profile-header-status .profile-stat-card{
  background:var(--pc-surface-soft)!important;
  border-color:var(--pc-line)!important;
  box-shadow:none!important;
}
.profile-page .profile-header-status .profile-stat-value{
  background:rgba(255,255,255,.92)!important;
  color:#0b0e12!important;
}
.profile-page .profile-login-button,
.profile-page .profile-edit-button,
.profile-page .profile-header-map-button{
  background:var(--pc-surface-soft)!important;
  color:var(--pc-text)!important;
  border-color:var(--pc-line)!important;
  box-shadow:none!important;
}

/* ---------- profile: navigation ---------- */
.profile-dashboard-v2 .profile-shell{gap:14px!important}
.profile-page.map-only>.profile-tabs{display:none!important}
.profile-page .profile-tabs{
  position:relative!important;
  top:auto!important;
  z-index:3;
  flex:0 0 auto;
  display:flex!important;
  align-items:center;
  gap:4px!important;
  width:100%;
  max-width:none!important;
  min-width:0;
  padding:7px clamp(10px,2vw,20px)!important;
  border:0!important;
  border-bottom:1px solid var(--pc-line)!important;
  border-radius:0!important;
  background:rgba(12,14,17,.97)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  overflow:visible!important;
}
.profile-page .profile-tabs::-webkit-scrollbar{display:none}
.profile-page .profile-tab{
  flex:1 1 0;
  min-width:0;
  width:auto;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--pc-muted)!important;
  min-height:36px;
  padding:8px 9px!important;
  font-weight:800;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.profile-page .profile-tab.is-active{
  background:rgba(216,178,79,.11)!important;
  color:#f1d989!important;
  box-shadow:inset 0 -2px 0 var(--pc-accent)!important;
}
.profile-page .profile-tab[data-tab="spill"],
.profile-page .profile-tab[data-tab="socialmeet"],
.profile-page .profile-tab[data-tab="profilvalg"]{display:none!important}

.profile-more-wrap{position:relative;flex:0 0 auto;margin-left:auto}
.profile-more-trigger{
  min-height:36px;padding:8px 13px;border:0;border-radius:999px;background:transparent;color:var(--pc-muted);font:inherit;font-weight:800;cursor:pointer
}
.profile-more-trigger.is-active{background:rgba(216,178,79,.11);color:#f1d989;box-shadow:inset 0 -2px 0 var(--pc-accent)}
.profile-more-menu{
  position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:190px;padding:7px;border:1px solid var(--pc-line);border-radius:16px;background:#11161c;box-shadow:var(--pc-shadow);display:none
}
.profile-more-wrap.is-open .profile-more-menu{display:grid;gap:3px}
.profile-more-menu button{border:0;border-radius:11px;background:transparent;color:var(--pc-text);text-align:left;padding:10px 11px;font:inherit;cursor:pointer}
.profile-more-menu button:hover,.profile-more-menu button:focus-visible{background:rgba(255,255,255,.07);outline:none}

/* ---------- profile: surfaces ---------- */
.profile-page #profileMain.profile-dashboard{
  width:min(1180px,calc(100% - 24px));
  max-width:calc(100% - 24px);
  margin:0 auto!important;
  padding:14px 0 0;
}
.profile-page .profile-tab-panels{width:100%}
.profile-dashboard-v2 .profile-section,
.profile-page .collection-overview-card,
.profile-page .collection-relationship-card,
.profile-page .collection-aha-card{
  background:linear-gradient(155deg,rgba(255,255,255,.025),transparent 45%),linear-gradient(180deg,var(--pc-surface),#0c0e12)!important;
  border:1px solid var(--pc-line)!important;
  border-radius:var(--pc-radius)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
}
.profile-dashboard-v2 .profile-section{padding:18px!important}
.profile-dashboard-v2 .section-head h2{color:var(--pc-text)!important}
.profile-dashboard-v2 .section-meta,.profile-page .muted{color:var(--pc-muted)!important}

.collection-home-hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:0;align-items:stretch;margin-bottom:16px;overflow:hidden;border:1px solid var(--pc-line);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(216,178,79,.11),transparent 34%),linear-gradient(145deg,#12151a,#0c0e12 70%);box-shadow:0 24px 58px rgba(0,0,0,.3)
}
.collection-home-copy{padding:clamp(24px,4vw,46px);border:0;border-right:1px solid var(--pc-line);border-radius:0;background:transparent}
.collection-home-copy .collection-kicker{display:block;margin-bottom:10px;color:#d9bd72;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:850}
.collection-home-copy .collection-kicker strong{color:var(--pc-text);font:inherit}
.collection-home-copy h1{margin:0;max-width:760px;font-size:clamp(2.2rem,4.6vw,4.6rem);line-height:.96;letter-spacing:-.052em;text-wrap:balance}
.collection-home-copy p{margin:16px 0 0;max-width:680px;color:var(--pc-muted);line-height:1.58;font-size:clamp(.95rem,.9rem + .2vw,1.08rem)}
.collection-home-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.collection-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--pc-line-strong);border-radius:999px;background:transparent;color:var(--pc-text);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.collection-action.primary{background:linear-gradient(180deg,var(--pc-accent-strong),var(--pc-accent));border-color:rgba(237,207,120,.72);color:var(--pc-accent-ink);box-shadow:0 8px 24px rgba(216,178,79,.12)}
.collection-action:hover,.collection-action:focus-visible{border-color:rgba(255,255,255,.45);outline:none}

.collection-home-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;background:rgba(0,0,0,.13)}
.collection-metric{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:116px;padding:20px;border-right:1px solid var(--pc-line);border-bottom:1px solid var(--pc-line)}
.collection-metric::before{content:"";position:absolute;top:18px;right:18px;width:7px;height:7px;border-radius:999px;background:var(--pc-accent);box-shadow:0 0 0 5px rgba(216,178,79,.08)}
.collection-metric strong{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.055em;line-height:1}
.collection-metric span{font-size:.72rem;color:var(--pc-muted);text-transform:uppercase;letter-spacing:.09em;font-weight:750}

.collection-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.collection-overview-card{padding:15px!important;box-shadow:none!important;text-decoration:none;color:inherit;min-width:0;background:var(--pc-surface)!important;border:1px solid var(--pc-line)!important}
.collection-overview-card span{display:block;color:var(--pc-muted);font-size:.75rem}
.collection-overview-card strong{display:block;margin-top:8px;font-size:1.75rem;letter-spacing:-.04em;color:var(--pc-text)}
.collection-overview-card small{display:block;margin-top:6px;color:var(--pc-dim);line-height:1.3}

.collection-relationship-card,.collection-aha-card{padding:18px!important;margin-bottom:14px;box-shadow:none!important}
.collection-relationship-card h2,.collection-aha-card h2{margin:0 0 6px;font-size:1.25rem}
.collection-relationship-card>p,.collection-aha-card>p{margin:0;color:var(--pc-muted);line-height:1.45}
.collection-relationship-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.collection-relationship{padding:12px;border:1px solid var(--pc-line);border-radius:var(--pc-radius-small);background:var(--pc-surface-soft)}
.collection-relationship strong{display:block;margin-bottom:4px}
.collection-relationship span{color:var(--pc-muted);font-size:.8rem;line-height:1.4}
.collection-aha-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:radial-gradient(circle at 95% 10%,rgba(216,178,79,.08),transparent 30%),var(--pc-surface)!important}

/* cross-object recent collection */
.collection-recent-section{padding:20px;margin-bottom:16px;border:1px solid var(--pc-line);border-radius:var(--pc-radius);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 40%),var(--pc-surface);box-shadow:0 14px 38px rgba(0,0,0,.2)}
.collection-recent-section .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.collection-recent-section h2{margin:2px 0 0;font-size:1.35rem}
.collection-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.collection-recent-card{display:flex;gap:11px;min-width:0;padding:13px;border:1px solid var(--pc-line);border-radius:17px;background:rgba(255,255,255,.027);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.collection-recent-card:not(.is-empty):hover{transform:translateY(-1px);border-color:rgba(216,178,79,.28);background:rgba(216,178,79,.035)}
.collection-recent-card>img,.collection-recent-symbol{flex:0 0 46px;width:46px;height:46px;border-radius:13px;object-fit:cover;border:1px solid var(--pc-line);background:rgba(255,255,255,.06)}
.collection-recent-symbol{display:grid;place-items:center;color:var(--pc-accent);font-weight:900}
.collection-recent-card>div{display:grid;align-content:start;gap:4px;min-width:0}
.collection-recent-card span{color:var(--pc-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
.collection-recent-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.collection-recent-card small{display:-webkit-box;overflow:hidden;color:var(--pc-muted);font-size:.72rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.collection-recent-card a,.collection-recent-card button{justify-self:start;margin-top:3px;padding:0;border:0;background:transparent;color:var(--pc-accent);font:inherit;font-size:.72rem;font-weight:850;text-decoration:none;cursor:pointer}
.collection-recent-card.is-empty{display:grid;gap:4px;min-height:92px;align-content:center;opacity:.68}

/* canonical relation paths */
.collection-relation-paths{display:grid;gap:8px;margin-top:13px}
.collection-relation-path{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:10px;border:1px solid var(--pc-line);border-radius:var(--pc-radius-small);background:var(--pc-surface-soft);scrollbar-width:thin}
.collection-relation-node{flex:0 0 auto;display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid var(--pc-line);border-radius:999px;background:var(--pc-surface-raised);color:var(--pc-text);font-size:.75rem;font-weight:800;text-decoration:none}
.collection-relation-node:hover{border-color:var(--pc-accent);color:var(--pc-accent)}
.collection-relation-node[data-node-kind="knowledge"]{background:rgba(216,178,79,.09);border-color:rgba(216,178,79,.25)}
.collection-relation-arrow{color:var(--pc-dim)}

/* explicit libraries and geographical subtotals */
.collection-library-search{display:flex;align-items:center;gap:7px;color:var(--pc-muted);font-size:.72rem;font-weight:800}
.collection-library-search input{width:min(190px,35vw);min-height:36px;padding:7px 11px;border:1px solid var(--pc-line);border-radius:999px;background:var(--pc-surface-soft);color:var(--pc-text);font:inherit}
.collection-library-search input:focus{border-color:var(--pc-accent);outline:none}
#peopleLibrary #peopleGrid,#badgeLibrary #merits{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:10px!important;max-height:none!important}
#peopleLibrary .avatar-card,#badgeLibrary .badge-mini{min-width:0!important;width:auto!important;border:1px solid var(--pc-line)!important;border-radius:16px!important;background:var(--pc-surface-soft)!important;cursor:pointer}
#peopleLibrary .avatar-card:hover,#badgeLibrary .badge-mini:hover{border-color:var(--pc-accent)!important;transform:translateY(-1px)}
.collection-geography{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 12px}
.collection-geography-label{color:var(--pc-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.collection-geography-chip{padding:6px 9px;border:1px solid var(--pc-line);border-radius:999px;background:var(--pc-surface-soft);color:var(--pc-muted);font-size:.75rem}
.collection-geography-chip strong{color:var(--pc-text)}

/* canonical NextUp is the footer popup on index.html; profile only shows compact status */
.profile-page .profile-focus-card{min-height:0!important}
.profile-page .nextup-profile-card{
  background:var(--pc-surface-soft)!important;border:1px solid var(--pc-line)!important;color:var(--pc-text)!important;border-radius:16px!important;padding:13px!important
}
.profile-page .nextup-profile-title{color:var(--pc-text)!important;font-size:.9rem!important}
.profile-page #nextUpProfileMeta,.profile-page #nextUpProfileChoices{display:none!important}
.profile-nextup-canonical-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:var(--pc-muted);font-size:.8rem}

/* remove old global yellow decorations from the personal area */
.profile-dashboard-v2 .knowledge-engine-bar-fill,
.profile-dashboard-v2 .timeline-progress-bar{background:var(--pc-accent)!important}
.profile-dashboard-v2 .timeline-card img{border-color:var(--pc-line-strong)!important}
.profile-dashboard-v2 .nextup-profile-card{border-color:var(--pc-line)!important}
.profile-dashboard-v2 .profile-pill.gold{background:var(--pc-surface-soft)!important;border-color:var(--pc-line)!important;color:var(--pc-text)!important}
.profile-page .btn:not(.profile-login-button),
.profile-page button.btn{--accent-color:var(--pc-accent)}

/* ---------- knowledge: same personal collection language ---------- */
body.knowledge-v2-page{
  --kv2-bg:var(--pc-bg)!important;
  --kv2-surface:var(--pc-surface)!important;
  --kv2-surface-2:var(--pc-surface-raised)!important;
  --kv2-line:var(--pc-line)!important;
  --kv2-line-strong:var(--pc-line-strong)!important;
  --kv2-text:var(--pc-text)!important;
  --kv2-muted:var(--pc-muted)!important;
  --kv2-dim:var(--pc-dim)!important;
  --kv2-accent:var(--pc-accent)!important;
}
.knowledge-v2-page .kv2-appbar{background:rgba(7,9,12,.94)!important;border-bottom-color:var(--pc-line)!important}
.knowledge-v2-page .kv2-icon-link,.knowledge-v2-page .kv2-search,.knowledge-v2-page .kv2-subject-pill{border-radius:999px!important}
.knowledge-v2-page .kv2-panel,.knowledge-v2-page .kv2-stat{border-color:var(--pc-line)!important;background:var(--pc-surface)!important}
.knowledge-v2-page .kv2-panel{border-radius:var(--pc-radius)!important;box-shadow:0 16px 42px rgba(0,0,0,.22)}
.knowledge-v2-page .kv2-summary{border-radius:var(--pc-radius);overflow:hidden}
.knowledge-v2-page .kv2-subject-pill.is-active{background:#f3f5f5!important;border-color:#f3f5f5!important;color:#090c10!important}
.knowledge-v2-page .kv2-progress span{background:var(--pc-accent)!important}
.knowledge-v2-page .kv2-warning{border-left-color:var(--pc-accent)!important;background:rgba(216,178,79,.055)!important;color:#f1dfad!important}
.knowledge-v2-page .kv2-toolbar{background:rgba(7,9,12,.95)!important}
.knowledge-v2-page .kv2-entry{padding:15px 0!important}
.knowledge-entry-provenance{display:grid;gap:7px;margin-top:4px;padding:11px;border:1px solid var(--pc-line);border-radius:13px;background:var(--pc-surface-soft)}
.knowledge-entry-provenance-row{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--pc-muted);font-size:.75rem}
.knowledge-entry-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.knowledge-entry-actions a,.knowledge-entry-actions button{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid var(--pc-line-strong);border-radius:999px;background:transparent;color:var(--pc-text);font:inherit;font-size:.75rem;text-decoration:none;cursor:pointer}
.knowledge-entry-actions a:hover,.knowledge-entry-actions button:hover{border-color:rgba(255,255,255,.46)}
.knowledge-v2-page .kv2-entry.is-collection-focus{margin:8px -10px;padding:15px 10px!important;border:1px solid rgba(216,178,79,.38);border-radius:14px;background:rgba(216,178,79,.065);box-shadow:0 0 0 3px rgba(216,178,79,.05)}
.knowledge-v2-page .kv2-footer{border-top:1px solid var(--pc-line);color:var(--pc-muted)}

/* final scoped legacy-yellow neutralisation for the personal surfaces */
.profile-page .mini-profile,.profile-page #mpNextUp,.profile-page .profile-last-quiz{border-left-color:var(--pc-accent)!important;box-shadow:none!important}
.profile-page .mini-profile .linkish,.profile-page #linkPlaces,.profile-page #linkQuiz,.profile-page .nextup-profile-title,.profile-page .knowledge-match-card b,.profile-page #civiOfferBox .lk-topic,.profile-page .profile-game-stats strong{color:var(--pc-accent)!important}
.profile-page #civiOfferBox,.profile-page .groundhopper-profile-panel,.profile-page .social-privacy-panel{border-color:var(--pc-line)!important;background:var(--pc-surface-soft)!important;box-shadow:none!important}
.profile-page .groundhopper-topline,.profile-page .groundhopper-achievement.is-unlocked{border-color:rgba(216,178,79,.25)!important;background:rgba(216,178,79,.065)!important}
.profile-page .match-profile-popup{background:radial-gradient(circle at top left,rgba(216,178,79,.07),transparent 34%),rgba(3,7,14,.82)!important}
.profile-page .match-profile-chips span{border-color:rgba(216,178,79,.23)!important;background:rgba(216,178,79,.065)!important;color:#f1dfad!important}
.profile-page .knowledge-match-card button,.profile-page .match-profile-avatar-fallback,.profile-page .match-profile-meet,.profile-page .meet-invite-tabs button[aria-selected="true"],.profile-page .meet-invite-actions button:not(:disabled),.profile-page .meet-invite-actions button:first-child,.profile-page .match-profile-actions button:first-child{background:var(--pc-accent)!important;color:var(--pc-accent-ink)!important}
.profile-page .social-privacy-toggle input{accent-color:var(--pc-accent)!important}

@media (max-width:900px){
  .collection-home-hero{grid-template-columns:1fr}
  .collection-home-copy{border-right:0;border-bottom:1px solid var(--pc-line)}
  .collection-home-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .collection-metric{min-height:92px;padding:16px}
  .collection-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-overview-card:last-child{grid-column:1/-1}
  .collection-relationship-list{grid-template-columns:1fr}
  .collection-aha-card{grid-template-columns:1fr}
  .collection-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  .profile-page .site-header{gap:5px!important}
  .profile-page .profile-header-status{display:none!important}
  .profile-page .profile-tabs{padding:6px!important;gap:2px!important}
  .profile-page .profile-tab,.profile-more-trigger{min-height:34px;padding:7px 5px!important;font-size:.76rem}
  .profile-dashboard-v2 .profile-section{padding:14px!important}
  .profile-page #profileMain.profile-dashboard{width:calc(100% - 12px);max-width:calc(100% - 12px);padding-top:8px}
  .collection-home-hero{border-radius:20px}
  .collection-home-copy{padding:22px 18px}
  .collection-home-copy h1{font-size:clamp(2rem,11vw,3rem)}
  .collection-home-actions{display:grid;grid-template-columns:1fr}
  .collection-action{width:100%}
  .collection-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-metric{min-height:86px;padding:14px}
  .collection-overview-grid{grid-template-columns:1fr 1fr}
  .collection-overview-card:last-child{grid-column:1/-1}
  .collection-recent-grid{grid-template-columns:1fr}
  .collection-recent-section .section-head{align-items:flex-start;flex-direction:column}
  .collection-library-search{width:100%;justify-content:space-between}
  .collection-library-search input{width:min(230px,62vw)}
  .knowledge-v2-shell{width:min(100% - 20px,1060px)!important}
}