/* Gentle interaction: all content remains visible without JavaScript. */
.btn,button,.topic,.start-step,.news-card,.content-card{transition:background-color .18s ease,border-color .18s ease,box-shadow .2s ease,transform .2s ease}
@media(hover:hover) and (pointer:fine){
  .content-card:hover,.news-card:hover,.start-step:hover{transform:translateY(-4px);box-shadow:0 12px 28px #20384d12}
  .topic:hover{transform:translateY(-2px)}
  .btn:hover{transform:translateY(-2px)}
}
.btn:active,button:active{transform:translateY(1px)}
.nav a{position:relative;transition:color .18s ease}
.nav a:hover{color:var(--accent)}
.menu-toggle{display:none}
.back-to-top{position:fixed;right:22px;bottom:24px;z-index:30;width:48px;height:48px;border-radius:50%;background:#25805e;color:white;box-shadow:0 5px 18px #20384d22;font-size:24px;padding:0}
.back-to-top[hidden]{display:none}
.motion-toggle{font-size:11px;padding:5px 12px;min-height:36px;flex-shrink:0}
.footer-bottom{flex-wrap:wrap;gap:12px}
@container(max-width:800px){
 .interaction-ready .menu-toggle{display:inline-flex;margin-left:auto;font-size:12px;padding:8px 14px}
 .interaction-ready .header .nav{display:none}
 .interaction-ready .header.menu-open .nav{display:flex;flex-direction:column;gap:0;align-items:stretch;border-top:1px solid #dfe8de;padding-top:8px}
 .interaction-ready .header .nav a{padding:12px 8px}
 .interaction-ready .account{width:100%;justify-content:flex-end;order:2}
 .interaction-ready .header .nav{order:3}
}
html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.reduce-motion .content-card:hover,html.reduce-motion .news-card:hover,html.reduce-motion .start-step:hover,html.reduce-motion .topic:hover,html.reduce-motion .btn:hover,html.reduce-motion button:active{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.content-card:hover,.news-card:hover,.start-step:hover,.topic:hover,.btn:hover,button:active{transform:none!important}}
@media print{.back-to-top,.menu-toggle,.motion-toggle{display:none!important}}