/* Public product styles only. Native admin/accounts never share this CSS. */
.header-personal { display:flex; align-items:center; gap:14px; }
.account-link { font-size:12px; white-space:nowrap; }
.hub-hero { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:54px; align-items:center; padding-block:34px 22px; }
.hub-hero h1 { font-size:clamp(34px,4vw,48px); line-height:1.23; margin-bottom:12px; letter-spacing:-1.8px; }
.hub-hero h1 em { font-style:normal; color:var(--blue); }
.hub-hero .hero-search { margin-top:20px; }
.return-panel { background:#e7edda; border-radius:14px; padding:24px; }
.return-panel h2 { font-size:21px; line-height:1.35; margin:8px 0 12px; }
.return-panel p,.return-panel a { font-size:12px; }
.return-panel #recent-home-items { display:grid; gap:10px; margin-bottom:12px; }
.hub-library,.hub-section { padding-bottom:38px; }
.hub-library .section-heading { margin-block:20px; }
.hub-section .section-heading { margin-top:4px; }
.hub-collections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.hub-collections article { background:#e7edda; border-radius:12px; padding:26px; }
.hub-collections article:nth-child(even) { background:#ede5d4; }
.hub-collections h3,.hub-collections h2 { font-size:24px; margin-bottom:12px; }
.hub-collections p { font-size:13px; color:var(--muted); line-height:1.75; }
.hub-help { display:flex; align-items:center; justify-content:space-between; gap:22px; background:#ede8d8; border-radius:13px; padding:24px 28px; margin-bottom:42px; }
.hub-help h2 { font-size:24px; }
.hub-help p { font-size:13px; margin-top:10px; }
.cover-art img { object-fit:cover; width:100%; height:100%; display:block; }
.cover-placeholder { background:#e6e6d8; color:#27372b; display:flex; height:100%; min-height:160px; flex-direction:column; justify-content:space-between; padding:23px; }
.cover-placeholder span,.cover-placeholder small { font-size:10px; letter-spacing:.06em; color:#52604e; }
.cover-placeholder strong { font-size:23px; line-height:1.25; overflow-wrap:anywhere; color:#27372b; }
.editorial-reason { font-size:12px; color:var(--muted); padding-top:4px; }
.breadcrumbs { display:flex; gap:10px; flex-wrap:wrap; font-size:12px; color:var(--muted); margin:0 0 23px; }
.multiline { white-space:pre-line; }
.account-dashboard { max-width:750px; padding-block:40px 65px; }
.account-dashboard h1 { font-size:39px; }
.account-links { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:10px; overflow:hidden; margin:24px 0; }
.account-links a { background:var(--paper); padding:14px 18px; }
.account-delete { padding:20px; border:1px solid var(--line); border-radius:9px; margin-top:35px; }
.account-delete form { display:grid; gap:12px; max-width:460px; }
.account-delete input { width:100%; }
.account-delete p { margin:14px 0; font-size:13px; }
.favorite-button:disabled { opacity:.5; }
.saved-row>div:last-child { display:flex; gap:8px; flex-wrap:wrap; }
.saved-row h3 { overflow-wrap:anywhere; }
.hero-search + .search-suggestions { position:relative; z-index:5; }
@media(max-width:1100px) {
  .site-header { gap:18px; }.main-nav { gap:16px; }.header-personal { gap:10px; }
  .collection-link { padding:8px; }.hub-hero { gap:28px; grid-template-columns:minmax(0,1fr) 285px; }
}
@media(max-width:950px) {
  .site-header .header-personal { grid-column:2 / -1; grid-row:1; }
  .site-header .main-nav { grid-column:1 / -1; grid-row:2; }
  .site-header .collection-link,.site-header .language-menu { grid-column:auto; grid-row:auto; }
  .hub-hero h1 { font-size:39px; }
}
@media(max-width:700px) {
  .hub-hero { grid-template-columns:1fr; gap:18px; padding-top:24px; }
  .return-panel { padding:17px; }.return-panel h2 { font-size:19px; }.return-panel p { margin-bottom:10px; }
  .hub-hero h1 { font-size:35px; }.hub-collections { grid-template-columns:1fr; }
  .hub-help { align-items:flex-start; flex-direction:column; padding:22px; }.hub-help h2 { font-size:22px; }
  .hub-section .section-heading { align-items:center; }.hub-hero .hero-search { margin-bottom:0; }
}
@media(max-width:480px) {
  .header-personal { gap:8px; }.header-personal .collection-link { display:none; }.account-link { font-size:11px; }
  .hub-hero h1 { font-size:32px; }.hub-collections h3 { font-size:21px; }
  .hub-library,.hub-section { padding-bottom:27px; }.game-card h3 { font-size:15px; }.breadcrumbs { font-size:11px; }
}