/* The footer of every qintar.app page. Colors come from each page's own variables (with fallbacks), so light and dark both work. */
footer.site-footer{display:block;max-width:none;margin:56px 0 0;padding:0;border-top:1px solid var(--rule,#E6DAC0);background:var(--sheet,#FFFCF5);color:var(--muted,#7A6B55);font-size:15px;line-height:1.7;position:relative;z-index:1}
footer.site-footer .sf-inner{max-width:1120px;margin:0 auto;padding:36px 22px 22px}
footer.site-footer .sf-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.4fr);gap:36px 48px}
footer.site-footer .sf-logo{display:inline-flex;align-items:center;gap:12px;color:var(--ink,#3F2F1A);font-weight:800;font-size:24px;text-decoration:none}
footer.site-footer .sf-logo img{width:40px;height:40px;border-radius:10px;display:block}
footer.site-footer .sf-brand p{margin:12px 0 18px;max-width:34ch;color:var(--muted,#7A6B55)}
footer.site-footer .sf-social{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
footer.site-footer .sf-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--rule,#E6DAC0);background:var(--paper,#F8F1DF);color:var(--ink,#3F2F1A);text-decoration:none;margin:0;transition:background .15s,color .15s,border-color .15s,transform .15s}
footer.site-footer .sf-social a:hover{background:var(--brass,#B48C48);border-color:var(--brass,#B48C48);color:var(--on-brass,#2A1D08);transform:translateY(-2px)}
footer.site-footer .sf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:28px 28px}
footer.site-footer .sf-col h2{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--ink,#3F2F1A);line-height:1.4}
footer.site-footer .sf-col ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
footer.site-footer .sf-col li a{display:inline-block;padding:5px 0;color:var(--muted,#7A6B55);text-decoration:none;margin:0}
footer.site-footer .sf-col li a:hover{color:var(--brass-ink,#85601E);text-decoration:underline;text-underline-offset:4px}
footer.site-footer .sf-get{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
footer.site-footer .sf-get h2{margin-bottom:0}
footer.site-footer .sf-play{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:8px 18px;border-radius:14px;background:var(--navy,#4A3820);color:var(--navy-ink,#FBF3E3);text-decoration:none;margin:0}
footer.site-footer .sf-play svg{width:26px;height:26px;flex:none}
footer.site-footer .sf-play span{display:flex;flex-direction:column;line-height:1.25;text-align:start}
footer.site-footer .sf-play small{font-size:12px;opacity:.85}
footer.site-footer .sf-play b{font-size:17px}
footer.site-footer .sf-play:hover{filter:brightness(1.12)}
footer.site-footer .sf-web{display:inline-flex;align-items:center;min-height:44px;color:var(--brass-ink,#85601E);font-weight:700;text-decoration:none;margin:0}
footer.site-footer .sf-web:hover{text-decoration:underline;text-underline-offset:4px}
footer.site-footer .sf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:30px;padding-top:18px;border-top:1px solid var(--rule,#E6DAC0);font-size:14px;color:var(--muted,#7A6B55)}
footer.site-footer a:focus-visible{outline:3px solid var(--brass,#B48C48);outline-offset:3px;border-radius:6px}
@media (max-width:900px){
  footer.site-footer .sf-top{grid-template-columns:1fr}
  footer.site-footer .sf-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  footer.site-footer .sf-get{grid-column:1/-1}
  footer.site-footer .sf-brand p{max-width:48ch}
}
@media (max-width:620px){
  footer.site-footer .sf-inner{padding:30px 16px 20px}
  footer.site-footer .sf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer.site-footer .sf-get{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){footer.site-footer .sf-social a{transition:none}footer.site-footer .sf-social a:hover{transform:none}}
