:root{--navy:#062c52;--blue:#0877bd;--gold:#f4bb2a;--ink:#17212b;--paper:#f7fafc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:1rem max(5vw,1.5rem);background:var(--navy);color:#fff;gap:1rem}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:1.35rem;letter-spacing:.04em}.brand span{color:var(--gold);font-size:.72rem}nav{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}nav a{color:#fff;text-decoration:none}main{max-width:1100px;margin:auto;padding:3.5rem 1.5rem;min-height:75vh}footer{padding:2rem;text-align:center;background:#dce5ec;color:#40505e}.hero{padding:4rem clamp(1.5rem,6vw,6rem);background:linear-gradient(120deg,var(--navy),#075a96);color:#fff;border-radius:20px}.hero h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.05;margin:.4rem 0 1rem}.hero em{color:var(--gold);font-style:normal}.hero p{max-width:40rem;font-size:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.75rem;color:var(--blue)}.hero .eyebrow{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.cards article,.list article,.panel,.post{background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0b29420d}.list{display:grid;gap:1rem;margin-top:1.25rem}.list article h2{margin:.1rem 0}.list a{color:var(--navy)}.panel{max-width:720px;margin:1rem 0}.narrow{max-width:480px;margin:auto}label{display:block;margin:1rem 0;font-weight:650}input,textarea,select{display:block;width:100%;margin-top:.35rem;padding:.75rem;border:1px solid #aebdca;border-radius:7px;font:inherit}textarea{min-height:110px}button,.button{display:inline-block;border:0;border-radius:7px;background:var(--blue);color:#fff;padding:.7rem 1rem;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.small{padding:.35rem .65rem;font-size:.85rem;margin-left:.6rem}.flash{padding:1rem;margin-bottom:1rem;border-radius:8px}.success{background:#daf3df;color:#174a22}.error{background:#ffe1df;color:#75201b}.oauth{display:grid;gap:.6rem;margin-top:1.5rem}.oauth a{border:1px solid #b6c4d0;border-radius:7px;padding:.65rem;text-align:center;color:var(--navy);text-decoration:none}.post{margin:1rem 0}summary{font-weight:750;cursor:pointer}@media(max-width:780px){header{align-items:flex-start;flex-direction:column}main{padding:2rem 1rem}}
.directory-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:1.5rem}.directory-column h2{margin-top:0}.contact-cards{grid-template-columns:1fr;margin-top:0}.contact-cards article h3{margin:.1rem 0}.phone-link{display:block;margin-top:.5rem;font-weight:700;color:var(--navy)}.contact-drag-handle{display:inline-block;cursor:grab;font-weight:700;color:var(--navy);user-select:none}.contact-drag-handle:active{cursor:grabbing}.sortable-contacts article.dragging{opacity:.45;outline:2px dashed var(--blue)}.sortable-contacts article.drop-before{box-shadow:inset 0 4px 0 var(--gold),0 2px 8px #0b29420d}.sortable-contacts.drop-at-end{box-shadow:inset 0 -4px 0 var(--gold)}.contact-reorder-controls{display:flex;gap:.5rem;margin-top:1rem}.contact-reorder-controls button{padding:.35rem .65rem;font-size:.85rem}.contact-reorder-controls button:disabled{cursor:not-allowed;opacity:.55}.inline-admin{margin-top:1rem}.empty-contacts{color:#40505e}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:780px){.directory-columns{grid-template-columns:1fr;gap:1.5rem}}