/* Portal home only: small, static identities for feature headings and business links. */
.business-menu-link .quick-link-label { gap: 10px; overflow-wrap: anywhere; }
.business-menu-link > span:last-child { flex-shrink: 0; }
.business-menu-mark { display: block; flex: 0 0 36px; width: 36px; height: 36px; object-fit: contain; }
.business-menu-mark.is-kstudio { padding: 3px; box-sizing: border-box; border-radius: 50%; background: #454c46; }

.home-feature-brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
.home-feature-brand > div { min-width: 0; }
.home-feature-mark { display: block; flex: 0 0 60px; width: 60px; height: 60px; object-fit: contain; }
.home-feature-brand--radar .home-feature-mark { padding: 4px; box-sizing: border-box; border-radius: 50%; background: #454c46; }
.home-feature-brand--radar .section-label { margin-bottom: 6px; }
.home-feature-brand--radar h2 > span { display: inline-block; }
.requetion-home-topline:has(.home-feature-brand) { flex-wrap: wrap; }
.requetion-home-topline:has(.home-feature-brand) > strong { margin-left: auto; white-space: nowrap; }

/* The quest banner is rendered by the shared ranking helper; decorate it only on home. */
.skill-ranking-adventure .skill-ranking-quest > div:first-child { position: relative; padding-left: 78px; }
.skill-ranking-adventure .skill-ranking-quest h3 { text-wrap: balance; }
.skill-ranking-adventure .skill-ranking-quest > div:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    background: url('/assets/img/skillup-worn-crest.svg?v=1') center / contain no-repeat;
    pointer-events: none;
}

@media (max-width: 480px) {
    .home-feature-brand { gap: 11px; }
    .home-feature-mark { flex-basis: 48px; width: 48px; height: 48px; }
    #project-radar-preview .card-header { position: relative; }
    #project-radar-preview .home-project-radar-count { position: absolute; top: 18px; right: 18px; }
    .home-feature-brand--radar { flex: 1; }
    .home-feature-brand--radar .section-label { padding-right: 48px; }
    .home-feature-brand--radar h2 { font-size: 20px; line-height: 1.4; }
    .skill-ranking-adventure .skill-ranking-quest > div:first-child { padding-left: 60px; }
    .skill-ranking-adventure .skill-ranking-quest > div:first-child::before { width: 48px; height: 48px; }
}
@media (max-width: 360px) {
    .skill-ranking-adventure .skill-ranking-quest h3 { font-size: 18px; }
}