.ref-accent { border-top: 3px solid transparent; }
.ref-accent--osepk { border-top-color: #c9a84c; box-shadow: inset 0 0 0 1px rgba(201, 168, 76, 0.45); }
.ref-accent--holes { border-top-color: #ff6b35; box-shadow: inset 0 0 0 1px rgba(255, 107, 53, 0.4); }
.ref-accent--portaali { border-top-color: #38bdf8; box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.4); }
.ref-item { min-width: 0; display: flex; flex-direction: column; }
.ref-out { margin: 0.65rem 0 0; font-size: 0.95rem; line-height: 1.4; }
.ref-out a { color: #f5d0a0; text-underline-offset: 0.15em; }
.ref-out a:hover { color: #fff; }
.hero-site-link { margin: 0.8rem 0 0; text-align: center; }
.hero-site-link a { color: #f5d0a0; font-size: 0.95rem; }
.hero-site-link a:hover { color: #fff; }