.living{margin:2rem 0 4rem}.living nav{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.5rem;display:flex}.living nav button{font:inherit;cursor:pointer;background:0 0;border:1px solid #8b7657;border-radius:2rem;padding:.7rem 1.2rem}.living nav button[aria-pressed=true]{color:#fff;background:#344c3c}.living nav a{margin-left:auto}.living-map{border-radius:1rem;position:relative;overflow:hidden}.living-map>img{width:100%;height:auto;display:block}.living-animal,.living-book{text-decoration:none;position:absolute}.living-animal{color:#35271c;filter:drop-shadow(0 3px 4px #35271c55);border-radius:50%;width:44px;height:44px;transition:filter .2s}.animal-portrait{background-color:#ead5ac;background-image:url(/images/woudlicht-bewoners.png);background-repeat:no-repeat;border:3px solid #fff6e4;border-radius:50%;flex-shrink:0;width:72px;height:72px;display:block;box-shadow:0 0 0 1px #977c4e66}.living-animal .animal-portrait{border-width:2px;width:100%;height:100%}.animal-label{background:#fff6e4;border-radius:8px;padding:1px 6px;font-size:12px;font-weight:600;line-height:1.5;position:absolute;top:100%;left:50%;transform:translate(-50%)}.animal-moving{color:#fff;background:#344c3c;border-radius:50%;width:20px;height:20px;padding:2px;position:absolute;top:-3px;right:-3px}:is(.living-animal:hover,.living-animal:focus-visible){filter:drop-shadow(0 0 5px #fff9eb);z-index:20!important}:is(.living a:focus-visible,.living button:focus-visible){outline-offset:4px;outline:3px solid #916d32}.living-book{color:#fff6e4;z-index:12;background:#344c3c;border:2px solid #fff6e4;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 3px 8px #35271c44}.living-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0;display:grid}.living-grid article{background:linear-gradient(145deg,#fffaf0,#f4e9d4);border:1px solid #d8c9ad;border-radius:.8rem;padding:1.5rem;scroll-margin-top:2rem;box-shadow:0 5px 18px #45351d08}.living-grid article:target{outline-offset:4px;outline:2px solid #8b7657}.animal-card-heading{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.living-grid .animal-card-heading h2,.living-grid .animal-card-heading h3{margin:0}.living-grid .animal-place{color:#705b3f;margin:.3rem 0 0;font-size:.9rem;line-height:1.4}.animal-diary-link{color:#344c3c;border-top:1px solid #d8c9ad;align-items:center;gap:.5rem;margin-top:1.3rem;padding-top:1rem;display:flex}.animal-diary-link span{margin-left:auto}.living-grid h2,.living-grid h3{margin:0 0 .7rem;font-size:1.5rem}.living-grid p{line-height:1.6}.living-events{padding:0;list-style:none}.living-events li{border-bottom:1px solid #d8c9ad;gap:1.3rem;padding:1rem 0;line-height:1.65;display:flex}.living-events time{color:#776145;flex:0 0 3rem}.diary-reading{max-width:720px;margin:3rem auto 6rem;padding:0 1.5rem}.diary-reading h1{font-size:clamp(2rem,5vw,3.5rem)}.diary-reading .diary-text{white-space:pre-wrap;font-size:1.2rem;line-height:1.9}.diary-reading nav{flex-wrap:wrap;gap:1rem;margin:2rem 0;display:flex}.diary-reading time{color:#776145}@media (max-width:600px){.living-animal{width:32px;height:32px}.living-book{width:30px;height:30px}.animal-label{font-size:12px}.living nav a{width:100%;margin-left:0}}