.projects-page{max-width:1000px;padding-block:30px 80px}.projects-page h1{font-size:clamp(2rem,7vw,3.5rem)}.projects-page h2{margin-top:32px}.projects-page label{display:grid;gap:8px;margin:16px 0}.projects-page input,.projects-page select{width:100%;padding:12px;border:1px solid #98b0a5;border-radius:8px;font:inherit;background:white;color:#193e35}.projects-page details{padding:20px;border:1px solid #a9bcb1;border-radius:16px;margin:24px 0;background:#fffdf7}.projects-page summary{font-weight:700;cursor:pointer}.project-card{padding:22px;margin:18px 0;border:1px solid #c8d4c8;border-radius:16px;background:#fffdf7;overflow-wrap:anywhere}.project-card h3{margin-top:0}.project-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.project-card button,.source-photos button{padding:10px 14px;border-radius:8px;border:1px solid #8ea397;background:#edf3e8;color:#193e35;cursor:pointer;font:inherit}.project-card input{max-width:230px}.source-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:480px;overflow:auto}.source-photos label{position:relative;margin:0}.source-photos img{width:100%;aspect-ratio:1;object-fit:contain;background:#e5ebe2}.source-photos input{position:absolute;left:8px;top:8px;width:24px;height:24px}.project-card li{margin:10px 0}.projects-page [hidden]{display:none!important}.projects-page button:disabled{opacity:.5;cursor:wait}.projects-page :focus-visible{outline:3px solid #aa663f;outline-offset:3px}@media(max-width:500px){.projects-page{padding-inline:16px}.project-card{padding:16px}.header nav{gap:12px}.source-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.filter-dates{display:flex;gap:16px}.filter-dates>*{flex:1}.projects-page .source-choice{display:flex;align-items:center;gap:10px;margin:10px 0}.projects-page .source-choice input{width:22px;height:22px;flex:none}.source-photos figure{margin:0}.source-photos figcaption{font-size:.8rem;padding:5px;overflow-wrap:anywhere}.projects-page fieldset{border:1px solid #a9bcb1;border-radius:10px;max-height:300px;overflow:auto}#project-status:not(:empty){padding:14px;background:#f5e9c8;border-radius:8px}.projects-page button{cursor:pointer}.projects-page input[type=checkbox]{accent-color:#193e35}
