/* The link tree at the bottom of every Portland Hub page (scripts/build_linktree.py). It borrows each page's own
   colours: the house pages name them --fir/--line/--rose, the map pages --fg/--bd/--acc; the fallbacks are fog. */
@font-face{font-family:Alegreya;src:url(/fonts/alegreya-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(/fonts/alegreya-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
.linktree{--lt-ink:var(--fg,var(--fir,#1f3328));--lt-mut:var(--mut,var(--river,#4c6a72));--lt-line:var(--bd,var(--line,#c9d3c6));
  --lt-acc:var(--acc,var(--rose,#a3364f));
  margin-top:2.4rem;border-top:1px solid var(--lt-line);color:var(--lt-ink);font:1rem/1.5 "Alegreya Sans",system-ui,sans-serif}
.linktree .lt-in{max-width:1080px;margin:0 auto;padding:1.8rem 16px 1rem;display:grid;gap:1.6rem 2rem;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.linktree h2{margin:0 0 .5rem;font:600 1.15rem/1.2 Alegreya,Georgia,serif;color:var(--lt-ink);letter-spacing:0;padding:0}
.linktree ul{margin:0;padding:0;list-style:none}
.linktree li{margin:0 0 .35rem}
.linktree a{color:var(--lt-mut);text-decoration:none}
.linktree a:hover{color:var(--lt-acc);text-decoration:underline;text-underline-offset:3px}
.linktree a:focus-visible{outline:3px solid var(--lt-acc);outline-offset:2px;border-radius:2px}
.linktree .lt-brand{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:baseline;
  padding-top:1rem;border-top:1px solid var(--lt-line);color:var(--lt-mut);font-size:.92rem}
.linktree .lt-brand b{font:600 1.15rem Alegreya,Georgia,serif;color:var(--lt-ink)}
@media print{.linktree{display:none}}