/* Footer landscape: a faint mountain ridge across the base, and a Zagros oak
   (Quercus brantii, "dar-baroo") standing in the free space beside the last
   column of links. Decorative only — it never takes clicks and adds no height. */
.footer .footer-landscape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    z-index: 0;
    pointer-events: none;
}
.footer .footer-ridge {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    display: block;
}
.footer .ridge-far  { fill: #4274d9; opacity: .07; }
.footer .ridge-near { fill: #2d51a8; opacity: .09; }

/* Inside .footer-top, which is as tall as its longest link column: the tree
   stands at the right edge, level with the bottom of the links. */
.footer .footer-top { position: relative; }
.footer .footer-oak {
    position: absolute;
    right: 0;
    bottom: 0;
    width: clamp(96px, 8.5vw, 124px);
    height: auto;
    display: block;
    pointer-events: none;
}
.footer .oak-shadow  { fill: #1c2547; opacity: .12; }
.footer .oak-trunk   { fill: #6b4a2b; }
.footer .oak-canopy  { fill: #2f6b4d; }
.footer .oak-light   { fill: #4a9a6e; opacity: .75; }
.footer .oak-acorns  { fill: #a8742f; }

body.theme-dark .footer .ridge-far  { fill: #6693e0; opacity: .08; }
body.theme-dark .footer .ridge-near { fill: #93b4e9; opacity: .06; }
body.theme-dark .footer .oak-trunk  { fill: #8a6a48; }
body.theme-dark .footer .oak-canopy { fill: #3b8a62; }
body.theme-dark .footer .oak-light  { fill: #5db487; opacity: .6; }
body.theme-dark .footer .oak-shadow { fill: #000; opacity: .3; }

/* Below ~1100px the link columns wrap and there is no free space beside them */
@media (max-width: 1100px) {
    .footer .footer-oak { display: none; }
}