:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#213d39;background:#faf8f1;line-height:1.6;font-size:17px;--teal:#175e55;--line:#c6cec3}*{box-sizing:border-box}body{margin:0}header,nav,main,footer{max-width:1050px;margin:auto;padding:1.2rem 1.5rem}header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;padding-top:1.8rem}header p{margin:0;flex:1}.brand{font-family:Georgia,serif;font-size:1.9rem;font-weight:bold;text-decoration:none;color:var(--teal)}nav{display:flex;gap:1.2rem;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:.8rem}nav a[aria-current]{font-weight:750;text-decoration-thickness:3px}main{min-height:60vh}h1,h2,h3{line-height:1.25;color:#183e37}h1{font-family:Georgia,serif;font-size:clamp(1.9rem,6vw,2.7rem);font-weight:normal;margin-top:1rem}h2{font-size:1.4rem;margin-top:2rem}h3{font-size:1.1rem}a{color:#075f57;text-underline-offset:.2em;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button,.action{display:inline-block;min-height:46px;padding:.55rem 1rem;border:2px solid var(--teal);border-radius:4px;background:var(--teal);color:white;font-weight:650;cursor:pointer;text-decoration:none}button.secondary,.action.secondary{background:transparent;color:var(--teal)}button:disabled{opacity:.65;cursor:wait}button:hover,.action:hover{filter:brightness(.9)}:focus-visible{outline:3px solid #8a4300;outline-offset:4px}label{display:block;font-weight:650;margin-top:1.1rem}input:not([type=checkbox]),textarea,select{display:block;width:100%;min-height:46px;padding:.6rem;border:1px solid #6b7e74;border-radius:3px;background:white;color:#203a34}textarea{min-height:130px;resize:vertical}input[type=checkbox]{width:24px;height:24px;vertical-align:middle;margin-right:.6rem}form{max-width:680px}form button{margin-top:1.3rem}form .help{margin-top:.3rem;color:#4d625b;font-size:.94rem}details{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}summary{cursor:pointer;font-weight:650;padding:.4rem 0}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-block:1.5rem}.records{list-style:none;padding:0}.records>li{padding:1rem 0;border-bottom:1px solid var(--line)}.records p{margin:.4rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.meta{color:#50625b;font-size:.94rem}.record-title{font-weight:700;font-size:1.1rem}.empty{padding:1rem 0;color:#50625b}dl{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:.6rem 1rem}dt{font-weight:bold}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.attachments{display:flex;flex-wrap:wrap;gap:1.4rem;list-style:none;padding:0}.attachments li{max-width:200px;overflow-wrap:anywhere}.attachments img{display:block;max-width:180px;max-height:180px;object-fit:contain;margin-bottom:.4rem}.signin{max-width:650px}.skip{position:absolute;left:1rem;top:-100px;background:white;padding:1rem;z-index:10}.skip:focus{top:1rem}#error:empty,#status:empty{display:none}#error:not(:empty){padding:1rem;border-left:5px solid #a0251b;background:#fff0e9;color:#6c1f15;margin-block:1rem}#status:not(:empty){padding:.8rem;border-left:5px solid var(--teal);background:#e6eee2}footer{font-size:.9rem;border-top:1px solid var(--line);color:#50625b}footer p{max-width:700px}section{margin-block:1.5rem}[hidden]{display:none!important}.inline{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.inline button{font-size:.95rem}small{font-size:.9rem}.search{max-width:500px}@media(max-width:550px){header,nav,main,footer{padding-inline:1rem}header{gap:.4rem 1rem}header p{flex-basis:100%}nav{gap:.8rem}dl{grid-template-columns:1fr;gap:.2rem}dd{margin-bottom:.7rem}.actions .action{flex-grow:1;text-align:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* Little Beaks sanctuary identity: accessible, mobile-first, warm and practical. */
:root{--teal:#0b6f6b;--turquoise:#2cb5a5;--cream:#faf7ee;--sage:#a7c4a0;--yellow:#f4d35e;--ink:#2e3a36;--line:#cbd8d0;color:var(--ink);background:var(--cream);font-family:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse 65% 22rem at 100% 0%,#e4eee6 0%,transparent 80%),var(--cream)}
header{align-items:center;padding-block:1.6rem;gap:.75rem 1.4rem}
.brand{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;color:#075b57;letter-spacing:-.045em;font-size:clamp(1.65rem,4vw,2.15rem)}
header p{color:#50635b;font-size:.94rem}
nav{gap:.5rem;border:0;border-block:1px solid var(--line);padding-block:.7rem}
nav a{display:inline-flex;align-items:center;min-height:46px;padding:.45rem .8rem;border-radius:999px;text-decoration:none;font-weight:650;color:#195b54}
nav a:hover{background:#e7f0e9}
nav a[aria-current]{background:#d9ece5;color:#084d49;text-decoration:none}
main{padding-top:1.6rem;padding-bottom:3rem}
h1,h2,h3{color:#173f39}
h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:750;letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.1rem)}
h2{font-family:"Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em}
button,.action{border-color:#0b615d;background:#0b615d;border-radius:12px;min-height:48px;padding:.65rem 1rem}
button.secondary,.action.secondary{color:#0b615d}
button:hover,.action:hover{filter:brightness(.94)}
input:not([type=checkbox]),textarea,select{min-height:48px;border-radius:10px;border-color:#80948a;padding:.75rem;background:#fffefa}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}
.actions{gap:.75rem;margin-block:1.7rem}
.records{display:grid;gap:.7rem}
.records>li{border:1px solid #d8e2d8;border-radius:15px;padding:1rem 1.15rem;background:#fffefa;box-shadow:0 2px 8px #183d3010}
.record-title{color:#164d47}
.meta{color:#4d625b}
.empty{background:#fffefa;border:1px dashed #b5c9bd;border-radius:14px;padding:1.2rem}
.attachments li{background:#fffefa;border:1px solid #d8e2d8;border-radius:12px;padding:.6rem}
.attachments img{border-radius:8px}
#status:not(:empty){border-radius:0 10px 10px 0;background:#e7f2e9}
footer{padding-top:1.5rem}
@media(max-width:550px){nav{gap:.25rem}nav a{padding:.45rem .65rem}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions .action{display:flex;align-items:center;justify-content:center;min-width:0}.records>li{padding:.9rem}}
@media(max-width:360px){.actions{grid-template-columns:1fr}}

/* Readable bird records, based on the Little Beaks intake document. */
.bird-profile{max-width:860px}
.profile-head{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1.4rem;align-items:center;padding:1rem 0}
.bird-portrait{display:block;width:160px;height:160px;object-fit:cover;border-radius:20px;background:#f4e7d6;border:1px solid #e6d8c7}
.bird-placeholder{display:grid;place-items:center;text-align:center;padding:1rem;color:#52655d;font-size:.9rem}
.profile-head h1{margin:.2rem 0;font-size:clamp(2rem,6vw,3rem)}
.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#42685e;margin:0}
.profile-subtitle{font-size:1.12rem;font-weight:700;margin:.35rem 0}
.profile-meta{color:#4d625b;margin:.35rem 0}
.status-pill{display:inline-block;background:#e6efe9;color:#174b41;padding:.3rem .75rem;border-radius:999px;font-weight:700;font-size:.88rem;text-transform:capitalize}
.profile-section{padding:1.2rem 0;border-top:1px solid var(--line);margin:1rem 0}
.profile-section h2{margin:.2rem 0 1rem}
.profile-facts{grid-template-columns:minmax(135px,220px) minmax(0,1fr);gap:0}
.profile-facts dt,.profile-facts dd{padding:.75rem 0;border-bottom:1px solid #dbe4dc}
.profile-facts dt{font-weight:700}
.profile-facts dd{margin:0}
.architecture-list{padding-left:1.35rem;line-height:1.65}
.architecture-list li{margin:.65rem 0}
.intro{max-width:70ch}
@media(max-width:550px){.profile-head{grid-template-columns:104px minmax(0,1fr);gap:1rem}.bird-portrait{width:104px;height:118px;border-radius:14px}.profile-facts{grid-template-columns:minmax(100px,38%) minmax(0,1fr);gap:0 1rem}.profile-facts dt,.profile-facts dd{font-size:.95rem}.profile-head h1{font-size:2.1rem}}