/* Page integration of the reviewed county four-plus-four board cards. */
#boards [hidden]{display:none!important}
.approved-design #boards .board-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
.approved-design #boards .board-list>.board-item,
.approved-design #boards .board-list>.board-item:nth-child(odd):last-child{width:100%;height:100%;align-items:stretch}
.approved-design #boards .board-item{--ptp-photo-card-shadow:0 8px 20px rgba(8,47,73,.15);box-shadow:var(--ptp-photo-card-shadow);transition:transform 180ms ease,box-shadow 180ms ease,border-color 160ms ease}
@media(hover:hover) and (pointer:fine){.approved-design #boards .board-item:hover{--ptp-photo-card-shadow:0 12px 26px rgba(8,47,73,.21);transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.approved-design #boards .board-item,.approved-design #boards .board-item:hover,.approved-design #boards .board-item:focus-within{transform:none;transition:none}}
.approved-design #boards .board-item-visual{align-self:start}
.approved-design #boards .approved-board-copy{display:flex;flex-direction:column}
.approved-design #boards .board-item-name{min-height:2.4em;min-height:2lh}
.approved-design #boards .approved-board-details{margin-top:auto;padding-top:8px}
@media(max-width:1000px){.approved-design #boards .board-list{grid-template-columns:minmax(0,1fr)}}
#boards .featured-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin:24px 0}
#boards .featured-controls button{font:700 15px/1.3 system-ui,sans-serif;color:#245e5b;background:white;border:1px solid #35736d;border-radius:3px;padding:13px 22px;min-height:46px;cursor:pointer;box-shadow:0 2px 0 #c5d6d2}
#boards .featured-controls button:hover{background:#edf5f1}
#boards .featured-controls button:focus-visible{outline:3px solid #be901f;outline-offset:4px}
#boards .featured-controls p{font:13px/1.5 system-ui,sans-serif;color:#526872;margin:0}
#boards .approved-board-details p{font:13px/1.6 system-ui,sans-serif}
#boards .approved-board-details a{color:#245e5b}
#boards .featured-directory-link{font-weight:700}