.brand .mark,
.mini-brand .mini-mark {
  display: inline-block;
  flex: none;
  overflow: hidden;
  font-size: 0;
  color: transparent;
  background: #faf8f2 url('/cleversteps-icon.png') center / cover no-repeat;
  border-radius: 22%;
  box-shadow: 0 3px 10px rgba(31, 43, 64, .1);
}

.brand .mark { width: 40px; height: 40px; }
.mini-brand .mini-mark { width: 28px; height: 28px; }

.footer{background:#fff;padding:36px 0 24px}.footer-row{align-items:center;padding-bottom:28px}.footer-links{align-items:center;gap:24px}.footer-links a{padding:8px 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:22px}.footer-bottom small{color:var(--muted);font-size:.875rem}.footer .youtube-channel{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 18px;border:1px solid #f1d9d5;border-radius:16px;background:#fff5f2;color:var(--ink);font-size:1rem;font-weight:800;white-space:nowrap;transition:background .18s,border-color .18s}.youtube-channel svg{width:32px;height:24px;flex:none;display:block}.footer .youtube-channel:hover{background:#ffe5dd;border-color:#fb7963}.youtube-channel:focus-visible,.footer-links a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}@media(max-width:800px){.footer-row{align-items:flex-start;gap:20px}.footer-bottom{flex-direction:column-reverse;align-items:flex-start;gap:22px}.footer .youtube-channel{padding:12px 20px}.navlinks{gap:12px;flex-wrap:wrap;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.footer .youtube-channel{transition:none}}