/* Alleen voor /links. Gebruikt de variabelen van het sitebrede stylesheet; mobiel eerst, getest op 375 en 320 px. */
.linkspage{overflow-wrap:anywhere}
.linkspage h1{font-family:Fraunces,Georgia,serif;font-size:clamp(30px,9.5vw,64px);line-height:1.05;margin:28px 0 10px;overflow-wrap:anywhere}
.linkspage .deck{font-size:clamp(17px,4.6vw,22px);line-height:1.35;margin:0 0 24px;max-width:40rem}
.linklist{list-style:none;margin:0;padding:0}
.linkcard{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px 14px;padding:18px 0;border-top:1px solid var(--line);align-items:start}
.linkcard:first-child{border-top:2px solid var(--ink)}
.linkthumb img{width:72px;height:auto;border:1px solid var(--line)}
.linkcard h2{font-family:Fraunces,Georgia,serif;font-size:clamp(18px,5vw,24px);line-height:1.15;margin:0;overflow-wrap:anywhere}
.linkcard h2 a{text-decoration:none}
.srclinks{list-style:none;margin:0;padding:0;grid-column:1 / -1;display:grid;gap:8px}
.srcbtn{display:block;padding:10px 12px;border:1px solid var(--ink);text-decoration:none;min-width:0}
.srcbtn:hover,.srcbtn:focus-visible{background:var(--ink);color:var(--paper)}
.srcbtn .lbl{display:block;font-family:Arial,sans-serif;font-weight:700;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.srcbtn .why{display:block;font-size:14px;line-height:1.3;margin-top:2px;overflow-wrap:anywhere}
.srclink .disc{margin:3px 0 0;font-family:Arial,sans-serif;font-size:12px}
.disclosure{margin:22px 0 8px;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;color:#4a443a;max-width:44rem}
/* De sitebrede kop is op smalle schermen te breed (nowrap, vaste minimale lettergrootte): hier schaalbaar. */
@media(max-width:650px){
  .masthead{grid-template-columns:minmax(0,1fr);justify-items:center;padding:16px 0 12px}
  .masthead .micro{display:none}
  .brand{font-size:clamp(28px,11vw,60px);white-space:normal;max-width:100%}
  nav{flex-wrap:wrap;gap:6px 18px;padding:10px 0}
  .foot-links{flex-wrap:wrap;gap:8px 16px}
  .footerbrand{font-size:clamp(26px,9vw,48px);white-space:normal}
}
@media(min-width:700px){
  .linkcard{grid-template-columns:96px minmax(0,1fr);gap:12px 22px}
  .linkthumb{grid-row:1 / span 2}
  .linkthumb img{width:96px}
  .linkcard h2{align-self:end}
  .srclinks{grid-column:2;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
}