@charset "UTF-8";
.p-voices main{font-size:16px;line-height:1.7}
.p-voices .c-page-heading{padding-block:24px 30px;background:#f5f7ef}
.p-voices .c-page-heading>.l-wrap{max-width:960px}
.p-voices .c-page-heading h1{font-size:30px;margin-bottom:0}
.voices-content{width:calc(100% - 64px);max-width:960px;margin:32px auto 56px;overflow-wrap:anywhere}
.voices-content [hidden]{display:none!important}
.voices-count{color:#365322;font-weight:700}
.voices-controls{padding:18px 24px;background:#f5f7ef;border:1px solid #dce3d3;border-radius:6px;margin:20px 0 28px}
.voices-controls label{display:block;font-weight:700;margin-bottom:8px}
.voices-controls select{max-width:100%;width:100%;padding:10px;border:1px solid #91a37c;border-radius:4px;background:#fff;font:inherit;color:inherit}
#voices-status{margin:10px 0 0;font-size:14px}
.voice-entry{margin-top:36px;scroll-margin-top:100px}
.voice-entry h2{font-size:23px;line-height:1.6;padding:14px 0;margin:0 0 22px;border-top:4px solid #83a957;border-bottom:1px solid #dce3d3;color:#365322}
.voice-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:start}
.voice-photos{display:grid;gap:16px}
.voice-photos a{display:block}
.voice-photos img{display:block;width:100%;height:auto}
.voice-prose p{margin:0 0 .55em}
.voice-prose p:last-child{margin-bottom:0}
.voice-addition{font-size:14px;color:#5e6658;margin:18px 0 0}
.voices-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px}
.voices-pagination button{min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #91a37c;border-radius:4px;background:#fff;color:#365322;font:inherit;cursor:pointer}
.voices-pagination button[aria-current="page"]{color:white;background:#4b732d}
.voices-pagination button:disabled{opacity:.45;cursor:default}
.voices-content a:focus-visible,.voices-content button:focus-visible,.voices-content select:focus-visible{outline:3px solid #497719;outline-offset:3px}
@media(max-width:650px){
 .voices-content{width:calc(100% - 32px);margin-block:24px 36px}
 .p-voices .c-page-heading h1{font-size:27px}
 .voices-controls{padding:16px}
 .voice-entry{margin-top:28px;scroll-margin-top:24px}
 .voice-entry h2{font-size:20px;margin-bottom:18px}
 .voice-layout{grid-template-columns:1fr;gap:20px}
 .voice-photos{max-width:480px;width:100%;margin-inline:auto}
}