.clan-page{max-width:1100px;margin:2rem auto;padding:0 1rem;color:#e3e9e3}.clan-page *{box-sizing:border-box}.clan-page p{line-height:1.65;overflow-wrap:anywhere}.clan-page h1{font-size:clamp(1.7rem,4vw,2.6rem);margin:.3rem 0 1rem}.clan-page h2{color:#c7e2bc;font-size:1.25rem;margin:0 0 1rem}.clan-page section{margin:1.6rem 0}.clan-panel{background:#101711;border:1px solid #304434;border-radius:9px;padding:1.3rem}.clan-nav,.clan-periods{display:flex;flex-wrap:wrap;gap:.7rem}.clan-nav{margin-bottom:1.5rem}.clan-page a{color:#b8d6a9;text-decoration:none}.clan-nav a,.clan-periods a{border:1px solid #3b5440;padding:.55rem .8rem;border-radius:5px;background:#142318}.clan-page a:hover{border-color:#94b77d;color:#fff}.clan-periods a[aria-current]{background:#315135;border-color:#9ac483;color:#fff}.clan-hero{display:flex;align-items:center;gap:2rem;border-top:3px solid #638851}.clan-flag{image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(3px 5px 0 #0006)}.clan-eyebrow,.clan-muted{color:#99ac9c}.clan-notice{font-size:1.1rem;margin:0;color:#e3d39c}.clan-section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.clan-section-heading h2{margin:0}.clan-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.clan-metrics dt{color:#aabbac}.clan-metrics dd{margin:.6rem 0 0;font-size:1.4rem;font-weight:bold;color:#dfc879}.clan-members,.clan-directory,.clan-locations{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}.clan-member,.clan-directory-card{display:flex;align-items:center;gap:1rem}.clan-member img{image-rendering:pixelated;flex-shrink:0}.clan-member small{display:block;color:#99ac9c;margin-top:.3rem}.clan-locations a{display:flex;align-items:flex-start;flex-direction:column;gap:.7rem}.clan-locations span:last-child{color:#a0b697}.clan-status{font-size:.8rem;border:1px solid #53604c;border-radius:4px;padding:.2rem .5rem;color:#d6c985}.clan-status.done{color:#b7d6a6;border-color:#618452}.clan-directory-card h2{margin:0 0 .5rem}.clan-directory-card p{margin:.5rem 0 0;font-size:.9rem;color:#99ac9c}@media(max-width:560px){.clan-hero{align-items:flex-start;gap:1rem;padding:1rem}.clan-hero .clan-flag{width:45px;height:90px}.clan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.clan-metrics .clan-panel{padding:.9rem}.clan-metrics dd{font-size:1.1rem}.clan-periods a{font-size:.85rem}.clan-members,.clan-directory,.clan-locations{grid-template-columns:1fr}}