/* A neutral white canvas; each app carries the colours of its own approved logo. */
html[data-hyvinn-surface="hub"] body{background:#fff!important}
html[data-hyvinn-surface="hub"] .page{background:#fff!important}
html[data-hyvinn-surface="hub"] .page{padding-top:calc(80px + env(safe-area-inset-top))}
html[data-hyvinn-surface="hub"] .topbar{position:fixed!important;top:0!important;left:var(--sidebar);right:0;z-index:100;height:calc(80px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:#fff!important;opacity:1;transform:none;isolation:isolate;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-hyvinn-surface="hub"] .mobile-nav{bottom:0!important;z-index:100;background:#fff!important;opacity:1;transform:none;isolation:isolate;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-hyvinn-surface="hub"] :is(.category-section,#membership,.catalog-controls){scroll-margin-top:calc(96px + env(safe-area-inset-top))}
html[data-hyvinn-surface="hub"] .hero{background:linear-gradient(125deg,#fff 40%,#f7f8fa)!important;border:1px solid #e6eaee!important;border-radius:30px;padding:30px 32px;margin-bottom:30px;box-shadow:0 18px 52px #20304706}
html[data-hyvinn-surface="hub"] .hero h1{color:#203047!important;font-weight:760!important;line-height:1.1;letter-spacing:-.045em}
html[data-hyvinn-surface="hub"] .hero h1 span{color:var(--hyvinn222-accent)!important;font-weight:720}
html[data-hyvinn-surface="hub"] .hero-copy>p{font-size:15px;line-height:1.8;max-width:470px}
html[data-hyvinn-surface="hub"] .hero .eyebrow{font-size:10px;letter-spacing:.14em}
html[data-hyvinn-surface="hub"] .hero .eyebrow-line{height:4px;width:28px;border-radius:10px;background:linear-gradient(90deg,#17645d,#397dab,#b77691,#c1a04d)}
html[data-hyvinn-surface="hub"] .art-orbit{border-color:#e2e6eb;background:radial-gradient(circle,#fff,#f6f7f9 67%,transparent 68%)}
html[data-hyvinn-surface="hub"] .art-center{background:#fff;border:1px solid #e6eaee;box-shadow:0 12px 28px #20304710}
html[data-hyvinn-surface="hub"] .art-icon{background:#fff;border-color:#e6eaee;box-shadow:0 7px 16px #2030470a}
html[data-hyvinn-surface="hub"] .app-grid{gap:18px}
html[data-hyvinn-surface="hub"] .app-card{background:linear-gradient(155deg,#fff 48%,var(--card-wash))!important;border:1px solid var(--card-line)!important;border-radius:24px;min-height:258px;padding:23px 21px 18px;box-shadow:0 8px 24px #20304707;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
html[data-hyvinn-surface="hub"] .app-card::before{content:"";position:absolute;inset:0 20px auto;height:3px;border-radius:0 0 6px 6px;background:var(--brand-gradient)}
html[data-hyvinn-surface="hub"] .app-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #20304710;border-color:var(--card-accent)!important}
html[data-hyvinn-surface="hub"] .app-card:focus-within{border-color:var(--card-accent)!important}
html[data-hyvinn-surface="hub"] .app-top{margin-bottom:18px;align-items:center}
html[data-hyvinn-surface="hub"] .app-icon{height:58px;min-width:58px;width:58px;padding:5px;border:1px solid var(--card-line)!important;border-radius:18px;background:var(--tint)!important;box-shadow:none}
html[data-hyvinn-surface="hub"] .app-icon img{height:48px;width:48px;object-fit:contain}
html[data-hyvinn-surface="hub"] .app-card h4{color:var(--card-accent)!important;font-size:21px;font-weight:720;letter-spacing:-.035em;margin-bottom:10px}
html[data-hyvinn-surface="hub"] .app-description{font-size:13px;line-height:1.75;margin-bottom:18px}
html[data-hyvinn-surface="hub"] .app-edition{color:var(--card-accent)!important;font-size:10px;letter-spacing:.06em;font-weight:650;margin-bottom:8px}
html[data-hyvinn-surface="hub"] .app-footer{border-color:var(--card-line);padding-top:15px;gap:10px}
html[data-hyvinn-surface="hub"] .app-link{display:flex;align-items:center;justify-content:space-between;flex:1;min-height:44px;padding:10px 13px;background:var(--card-accent)!important;color:#fff!important;border-radius:13px;font-size:12px;font-weight:650;text-decoration:none;transition:filter .15s ease}
html[data-hyvinn-surface="hub"] .app-link:hover{filter:brightness(1.06);text-decoration:none}
html[data-hyvinn-surface="hub"] .app-link .icon{width:18px;height:18px}
html[data-hyvinn-surface="hub"] .app-card .favorite-button{height:44px;width:44px;min-width:44px;border-radius:14px;color:#586a78!important;background:transparent!important;margin:0}
html[data-hyvinn-surface="hub"] .app-card .favorite-button[aria-pressed="true"]{color:var(--card-accent)!important;background:var(--tint)!important}
html[data-hyvinn-surface="hub"] .favorite-button[aria-pressed="true"] .icon{fill:var(--tint)}
html[data-hyvinn-surface="hub"] .app-card .note-button{width:44px;min-height:44px;background:var(--tint)!important;color:var(--card-accent)!important;border-radius:13px}
html[data-hyvinn-surface="hub"] .app-card .membership-badge{color:var(--card-accent)!important;background:var(--tint)!important;border-color:var(--card-line);font-size:10px}
html[data-hyvinn-surface="hub"] .app-card :is(a,button):focus-visible{outline:3px solid var(--card-accent);outline-offset:3px}
html[data-hyvinn-surface="hub"] .section-heading{margin-bottom:18px}
html[data-hyvinn-surface="hub"] .section-heading h3{font-size:14px;letter-spacing:-.01em}
html[data-hyvinn-surface="hub"] .mind-entry{background:#fafbfc;border-color:#e6eaee;box-shadow:none}
html[data-hyvinn-surface="hub"] .membership-strip{background:#fafbfc!important;border-color:#e6eaee!important;box-shadow:none}
@media(max-width:780px){html[data-hyvinn-surface="hub"] .hero{padding:24px 22px;border-radius:24px}html[data-hyvinn-surface="hub"] .hero h1{font-size:40px}html[data-hyvinn-surface="hub"] .hero-copy>p{font-size:14px}html[data-hyvinn-surface="hub"] .app-grid{gap:14px}html[data-hyvinn-surface="hub"] .app-card{padding:20px 18px 16px;min-height:250px}}
@media(max-width:780px){html[data-hyvinn-surface="hub"] .topbar{left:0;height:calc(67px + env(safe-area-inset-top))}html[data-hyvinn-surface="hub"] .page{padding-top:calc(67px + env(safe-area-inset-top))}}
@media(max-width:600px){html[data-hyvinn-surface="hub"] .app-grid,html[data-hyvinn-surface="hub"] .category-section[data-category="whole"] .app-grid{grid-template-columns:1fr!important}}
@media(max-width:480px){html[data-hyvinn-surface="hub"] .hero h1{font-size:36px}html[data-hyvinn-surface="hub"] .hero{padding:24px 20px}html[data-hyvinn-surface="hub"] .app-card{min-height:235px}}
@media(prefers-reduced-motion:reduce){html[data-hyvinn-surface="hub"] .app-card,html[data-hyvinn-surface="hub"] .app-link{transition:none!important}html[data-hyvinn-surface="hub"] .app-card:hover{transform:none!important}}