.brand{font-size:2.4rem;font-weight:700;color:#664b31;text-decoration:none}
.main-nav{display:flex;flex-wrap:wrap;gap:1.2rem;padding:1rem 0;border-bottom:2px solid #c7ac7b}
.main-nav .active{font-weight:700}
.finder-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;background:#f3eddf;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}
.finder-form .finder-fields{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin:0}
#homePage .dnf .finder-fields{max-width:100%}
#homePage .dnf li{display:flex;align-items:center}
#homePage .dnf label{flex:0 0 60px}
#homePage .dnf select{min-width:0;padding:2px;flex:1}
#homePage .dnf-hdr{display:flex;align-items:center;justify-content:center}
#homePage .dnf-btn button{background:#eee;border:1px solid #767676;border-radius:2px;color:#222;padding:3px 12px}
.home-tools{margin-bottom:1rem}
.home-highlights{display:flex;flex-direction:column;justify-content:space-between;gap:12px}
#hm-notw-hdr{font-size:1rem;margin:0}
#hm-notw-bdy{overflow-wrap:anywhere}
@media(max-width:767px){.home-highlights{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;align-items:start}}
label{display:block;margin:.7rem 0}input,textarea,select{display:block;max-width:100%;padding:.4rem}textarea{width:100%;min-height:8rem}
.category-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f6f3eb;border-radius:.5rem;height:100%;text-decoration:none}
.category-card img{width:110px;height:110px;object-fit:cover}.category-card h2{font-size:1.2rem}
.validation-message,.validation-errors{color:#a31616}.status{margin:1rem 0}.photo-grid{display:flex;flex-wrap:wrap;gap:1rem}.photo-grid img{max-width:220px;max-height:220px}
.pagination-links{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.page-image{max-width:100%;max-height:450px}
.name-pagination{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}
.name-pagination a,.name-pagination span{display:inline-block;padding:.35rem .6rem}
.name-pagination [aria-current="page"]{font-weight:bold;color:#19478d}
.name-pagination a:focus-visible{outline:2px solid #19478d}
#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fff3cd;width:100%;padding:1rem;z-index:1000}
button:disabled{opacity:.6}.submission{margin:1.5rem 0;padding:1rem;background:#f6f3eb;border-radius:.5rem}
@media(max-width:767px){.category-card img{width:80px;height:80px}}
/* Restore the original category navigation and photo/share panel. */
#headerTopRow.site-top-bar{display:flex;flex-wrap:nowrap;align-items:start;height:36px;z-index:1030}
#headerTopRow > category-section-nav{display:block;flex:0 1 250px;width:250px;min-width:0;padding:0;height:36px}
#headerTopRow > mobile-name-menu{flex:0 0 auto;width:auto;padding:0;margin-left:auto;color:white}
mobile-name-menu summary{list-style:none;cursor:pointer;line-height:36px;padding:0 8px;font-weight:bold;white-space:nowrap}
mobile-name-menu summary::-webkit-details-marker{display:none}
mobile-name-menu summary:focus-visible{outline:3px solid #ffdc73;outline-offset:-3px}
mobile-name-menu nav{position:absolute;top:36px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#19478d;padding:10px;max-height:calc(100dvh - 36px);overflow-y:auto}
mobile-name-menu nav a{display:block;color:white;background:#70b8ff;border-radius:6px;padding:5px 8px;margin-bottom:5px;font-weight:bold;text-decoration:none}
mobile-name-menu nav i{width:24px;text-align:center;margin-right:5px}
mobile-name-menu nav a:hover,mobile-name-menu nav a:focus-visible{background:#116623}
category-section-nav #quick-nav{position:static;display:flex;width:250px;max-width:100%;height:36px}
category-section-nav #quick-nav a{float:none;flex:1;height:36px;padding:2px 4px}
#top,#full,#group,#img{scroll-margin-top:60px}
#headerBottomRow a{display:block;padding:.3rem 0;color:#fff}
#headerBottomRow a:focus-visible,#quick-nav a:focus-visible{outline:3px solid #ffdc73;outline-offset:-3px}
#cat-imgsoc{display:flow-root;margin-top:.4rem;margin-bottom:.6rem}
#cat-soc img{aspect-ratio:1;object-fit:contain}
#cat-name{margin-top:.5rem}
.subgroup-preview,.group-recent{margin-bottom:1.5rem}
.group-expand{margin-top:.75rem}
.group-expand summary{display:inline-block;cursor:pointer;background:#19478d;color:white;padding:.35rem .75rem;border-radius:.25rem;margin-bottom:.75rem}
.group-expand summary::-webkit-details-marker{display:none}
.group-expand .show-less,.group-expand[open] .show-all{display:none}
.group-expand[open] .show-less{display:inline}
.group-expand summary:focus-visible{outline:3px solid #19478d;outline-offset:3px}