/* LWV Exchange - extra styles on top of the shared LWVlife stylesheet (lwlife.css) */
.testbar{background:#FFF2C4;color:#5a3e00;text-align:center;font-weight:700;padding:.5rem 1rem;border-bottom:2px solid #EBD48A}
.banner{margin:0 0 1rem;border-radius:var(--radius);overflow:hidden;border:2px solid var(--line);background:#fff}
.banner img{display:block;width:100%;height:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;padding:.7rem 1.4rem;border-radius:12px;border:3px solid var(--navy);background:var(--navy);color:#fff;font:inherit;font-weight:800;font-size:1.05em;text-decoration:none;cursor:pointer;text-align:center;line-height:1.25}
.btn:hover{background:var(--navy-dark);border-color:var(--navy-dark)}
.btn.gold{background:#FFD86B;border-color:#B8860B;color:#1F2933}
.btn.gold:hover{background:#ffe08a}
.btn.ghost{background:#fff;color:var(--navy)}
.btn.ghost:hover{background:var(--soft)}
.btn.green{background:var(--green);border-color:var(--green)}
.btn.red{background:var(--red);border-color:var(--red)}
.btn.small{min-height:48px;padding:.4rem 1rem;font-size:1em}
.btns{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0}
.btns.big .btn{flex:1 1 240px;min-height:64px;font-size:1.2em}
.btnform{display:inline}

.homehead{text-align:center;margin:.5rem 0 1rem}
.homehead h1{font-size:2.1em;margin:.2rem 0}
.homehead p{color:#333;font-size:1.15em;margin:.2rem 0 .6rem}

.cattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}
.cattile{display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--line);border-top:10px solid var(--navy);border-radius:var(--radius);padding:1rem 1.1rem;text-decoration:none;color:var(--ink);min-height:170px}
.cattile:hover{border-color:var(--navy)}
.cattile .ic{font-size:2.2em;line-height:1}
.cattile b{font-size:1.25em;color:var(--navy);margin:.3rem 0 .2rem}
.cattile .d{color:var(--muted);font-size:.93em;line-height:1.4;flex:1}
.cattile .n{margin-top:.5rem;font-weight:800;color:var(--navy)}
.cattile.c-free{border-top-color:var(--green)} .cattile.c-lostfound{border-top-color:var(--red)} .cattile.c-notices{border-top-color:var(--gold)} .cattile.c-services{border-top-color:#6A4C93}

.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.pcard{background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.pcard .ph{aspect-ratio:4/3;background:var(--soft2);display:flex;align-items:center;justify-content:center;font-size:3.4em;overflow:hidden}
.pcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .pb{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.pcard h3{margin:0;font-size:1.2em;line-height:1.3}
.pcard h3 a{color:var(--navy);text-decoration:none}
.pcard h3 a:hover{text-decoration:underline}
.pcard .m{color:var(--muted);font-size:.92em}
.pcard .btn{margin-top:auto}
.chip{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;font-size:.95em;border-radius:999px;padding:.2rem .8rem;width:fit-content;border:2px solid transparent;letter-spacing:.3px}
.lbl-give,.lbl-found,.lbl-offer_volunteer{background:#E3F3E4;color:#1B5E20;border-color:#9ACB9D}
.lbl-sell,.lbl-offer_paid{background:#E3EBF8;color:#12294D;border-color:#A5B9DD}
.lbl-lost{background:#FDE6E6;color:#8E1212;border-color:#E3A0A0}
.lbl-need,.lbl-notice{background:#FFF2C4;color:#5a3e00;border-color:#E3C766}
.state-chip{background:#EEE;color:#333;border-color:#CCC}
.state-published{background:#E3F3E4;color:#1B5E20;border-color:#9ACB9D}
.state-pending,.state-awaiting_email,.state-draft{background:#FFF2C4;color:#5a3e00;border-color:#E3C766}
.state-needs_changes,.state-rejected{background:#FDE6E6;color:#8E1212;border-color:#E3A0A0}

.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem}
.filters a{display:inline-flex;align-items:center;min-height:48px;padding:.3rem 1rem;border-radius:999px;border:2px solid var(--navy);text-decoration:none;color:var(--navy);font-weight:700;background:#fff}
.filters a.on{background:var(--navy);color:#fff}
.pager{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.4rem 0;flex-wrap:wrap}

.detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.4rem;align-items:start}
@media (max-width:820px){.detail{grid-template-columns:1fr}}
.gallery .big{display:block;border:3px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.gallery .big img{display:block;width:100%;height:auto}
.gallery .thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.gallery .thumbs a{display:block;width:96px;height:72px;border:2px solid var(--line);border-radius:10px;overflow:hidden}
.gallery .thumbs img{width:100%;height:100%;object-fit:cover}
.gallery .noph{aspect-ratio:4/3;background:var(--soft2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:5em;border:3px solid var(--line)}
.facts{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:.6rem 1rem;margin:.8rem 0}
.facts dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0}
.facts dt{font-weight:800;color:var(--navy)}
.facts dd{margin:0}
.pricebig{font-size:1.9em;font-weight:900;color:var(--navy)}
.bodytext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05em}
.previewbar{background:#FFF2C4;border:3px solid #E3C766;border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:1rem;font-weight:700}

form.ex label{display:block;font-weight:800;margin:1.1rem 0 .25rem;color:var(--ink)}
form.ex .help{color:var(--muted);font-size:.92em;margin:.1rem 0 .4rem;font-weight:400}
form.ex input[type=text],form.ex input[type=email],form.ex input[type=tel],form.ex input[type=date],form.ex input[type=number],form.ex select,form.ex textarea,form.ex input[type=file]{width:100%;font:inherit;font-size:1.05em;padding:.7rem .9rem;min-height:54px;border:3px solid #7A8794;border-radius:12px;background:#fff;color:var(--ink)}
form.ex textarea{min-height:170px;resize:vertical}
form.ex input:focus,form.ex select:focus,form.ex textarea:focus{outline:3px solid var(--gold);border-color:var(--navy)}
form.ex .check{display:flex;gap:.8rem;align-items:flex-start;margin:1rem 0;font-weight:700}
form.ex .check input{width:30px;height:30px;flex:0 0 30px;margin-top:.1rem;accent-color:var(--navy)}
form.ex .check label{margin:0;font-weight:700}
form.ex .req{color:var(--red);font-weight:700;font-size:.85em}
form.ex .bad input,form.ex .bad select,form.ex .bad textarea{border-color:var(--red)}
.fielderr{color:var(--red);font-weight:800;margin:.3rem 0}
.errbox{background:#FDE6E6;border:3px solid var(--red);border-radius:var(--radius);padding:.8rem 1.1rem;margin:1rem 0}
.errbox h2{margin:.2rem 0 .4rem;border:0;padding:0;color:var(--red);font-size:1.2em}
.okbox{background:#E3F3E4;border:3px solid #6FAE73;border-radius:var(--radius);padding:.8rem 1.1rem;margin:1rem 0;font-weight:700}
.hp{position:absolute!important;left:-9999px!important;height:1px;width:1px;overflow:hidden}
.photos-existing{display:flex;flex-wrap:wrap;gap:.8rem;margin:.4rem 0}
.photos-existing figure{margin:0;width:150px}
.photos-existing img{width:150px;height:112px;object-fit:cover;border-radius:10px;border:2px solid var(--line)}
.photos-existing label{font-weight:700;font-size:.9em;margin:.3rem 0 0;display:flex;gap:.4rem;align-items:center}
.photos-existing input{width:24px;height:24px}
.steps3{display:flex;gap:.5rem;margin:.4rem 0 1rem;flex-wrap:wrap}
.steps3 span{padding:.25rem .9rem;border-radius:999px;background:#fff;border:2px solid var(--line);font-weight:700;color:var(--muted)}
.steps3 span.on{background:var(--navy);color:#fff;border-color:var(--navy)}

.kindtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}
.kindtile{display:flex;gap:.9rem;align-items:center;background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;text-decoration:none;color:var(--ink);min-height:96px}
.kindtile:hover{border-color:var(--navy)}
.kindtile .ic{font-size:2.4em;line-height:1}
.kindtile b{display:block;font-size:1.15em;color:var(--navy)}
.kindtile small{color:var(--muted);font-size:.9em}

.mypost{background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin:.9rem 0;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between}
.mypost h3{margin:.2rem 0}
.mypost .m{color:var(--muted);font-size:.92em}

/* reviewer page */
.adm .pcard-admin{background:#fff;border:3px solid var(--line);border-radius:var(--radius);padding:1rem;margin:1rem 0}
.risk-green{border-left:12px solid var(--green)} .risk-yellow{border-left:12px solid #E0A800} .risk-red{border-left:12px solid var(--red)}
.risk-tag{font-weight:900}
.adm .tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 1rem}
.adm textarea{width:100%;font:inherit;min-height:70px;border:2px solid #7A8794;border-radius:10px;padding:.5rem}
.adm .acts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.adm pre{white-space:pre-wrap;background:#fff;border:1px solid var(--line);padding:.6rem;border-radius:8px;font-size:.9em;overflow-wrap:anywhere}
.adm table{border-collapse:collapse;width:100%;font-size:.9em}
.adm td,.adm th{border-bottom:1px solid var(--line);padding:.3rem .5rem;text-align:left;vertical-align:top}

@media print{.btns,.filters,nav.main,.testbar,.contactbox,.noprint{display:none!important}}
@media (max-width:640px){.top{position:static}.pcard .ph{aspect-ratio:16/9}}