.login{max-width:480px;margin:40px auto}.login .button{width:100%}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar h1{margin-bottom:0}.toolbar .lead{margin:0}.empty{text-align:center}.caterpillar{flex-wrap:wrap;align-items:flex-start;row-gap:36px;margin:40px 0 0;padding:0 0 24px;list-style:none;display:flex}.caterpillar__head,.segment{flex:none;width:150px;margin-right:-14px;position:relative}.caterpillar__head{z-index:0;place-items:center;height:150px;display:grid}.caterpillar__head svg{width:136px;height:136px}.segment{text-align:center}.segment:nth-child(4n+2){transform:translateY(18px)}.segment:nth-child(4n+3){transform:translateY(30px)}.segment:nth-child(4n){transform:translateY(18px)}.segment__link{color:inherit;border-radius:50%;text-decoration:none;display:block}.segment__ring{background:var(--lime);width:150px;height:150px;box-shadow:var(--shadow);border-radius:50%;padding:9px;transition:transform .2s,box-shadow .2s;display:block;position:relative}.segment:nth-child(odd) .segment__ring{background:var(--leaf)}.segment__ring:before,.segment__ring:after{content:"";background:var(--ink);z-index:-1;border-radius:4px;width:8px;height:18px;position:absolute;bottom:-9px}.segment__ring:before{left:46px;transform:rotate(10deg)}.segment__ring:after{right:46px;transform:rotate(-10deg)}.segment__photo{object-fit:cover;background:var(--mint);border:4px solid var(--white);border-radius:50%;width:100%;height:100%;display:block}.segment__name{font-family:var(--font-heading);overflow-wrap:anywhere;margin-top:14px;padding:0 8px;font-weight:600;line-height:1.2;display:block}.segment__nick{color:var(--ink-soft);overflow-wrap:anywhere;font-size:.88rem;display:block}.segment__link:hover .segment__ring,.segment__link:focus-visible .segment__ring{box-shadow:var(--shadow-hover);transform:scale(1.06)rotate(-3deg)}.segment__link:hover,.segment__link:focus-visible{outline:none}.segment__link:focus-visible .segment__ring{outline:3px solid var(--pink);outline-offset:4px}@media (width<=640px){.caterpillar{grid-template-columns:repeat(2,1fr);gap:28px 12px;display:grid}.caterpillar__head{display:none}.caterpillar__head,.segment{width:auto;margin:0;transform:none!important}.segment__ring{aspect-ratio:1;width:min(100%,150px);height:auto;margin:0 auto}}.detail__top{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.detail__hero{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.detail__photo{object-fit:cover;border:6px solid var(--white);width:220px;height:220px;box-shadow:0 0 0 6px var(--lime), var(--shadow);background:var(--mint);border-radius:50%;flex:none}.detail__info{flex:280px;min-width:0}.detail__name{margin-bottom:4px}.detail__facts{flex-wrap:wrap;gap:8px;margin-top:12px;padding:0;list-style:none;display:flex}.detail__facts li{background:var(--mint);border-radius:999px;padding:4px 14px;font-size:.95rem;font-weight:600}.detail__facts li:nth-child(3n+2){background:#ffe9ef}.detail__facts li:nth-child(3n+3){background:#fff3c4}.detail__fact-label{color:var(--ink-soft);font-weight:400}.answers{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px;display:grid}.answer{border-top:6px solid var(--lime);margin:0}.answer:nth-child(3n+2){border-top-color:var(--pink)}.answer:nth-child(3n+3){border-top-color:var(--yellow)}.answer h3{color:var(--leaf-dark);margin-bottom:6px;font-size:1rem}.answer p{white-space:pre-line;overflow-wrap:anywhere;margin:0}@media (width<=560px){.detail__hero{text-align:center;flex-direction:column}.detail__facts{justify-content:center}.detail__photo{width:180px;height:180px}}