@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Ethiopic:wght@400;500;600;700&display=swap');
:root{--green:#123f35;--green2:#1d5b4b;--lime:#d8f078;--cream:#f7f6f0;--paper:#fffefa;--ink:#17211e;--muted:#68736e;--line:#e6e8e0;--radius:20px;--shadow:0 18px 55px #18372c12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans Ethiopic',sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.topbar{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:40px;background:var(--paper);border-bottom:1px solid #e8e8df;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1.2px;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:21px;font-weight:800;letter-spacing:-2px}.brand-dot{color:#8cb641}.desktop-nav{display:flex;gap:30px;margin-left:auto;color:#4c5a54;font-size:13px;font-weight:600}.desktop-nav a:hover,.footer-links a:hover{color:#7c9f36}.top-actions{display:flex;gap:12px;align-items:center}.language-btn,.menu-btn{border:1px solid var(--line);background:transparent;border-radius:12px;padding:10px 13px;font-weight:700;color:var(--green)}.menu-btn{display:none}.btn{border:0;border-radius:12px;padding:13px 19px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:var(--green2)}.btn-outline{border:1px solid #cfd6cb;background:transparent;color:var(--green)}.btn-dark{background:var(--lime);color:var(--green);padding:16px 23px}.hero{padding:62px max(7vw,24px) 85px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:8%;background:var(--cream);overflow:hidden}.hero-copy{max-width:570px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#66833b;display:flex;align-items:center;gap:8px}.pulse{height:7px;width:7px;border-radius:50%;background:#92b849;box-shadow:0 0 0 4px #dff0b9}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(54px,6.5vw,88px);line-height:.99;letter-spacing:-5px;margin:24px 0 20px;font-weight:800}.hero h1 em,.trust-band h2 em,.post-banner h2 em{font-style:normal;color:#7b9d3b}.hero-copy>p{max-width:430px;color:#66716b;line-height:1.8;font-size:16px}.hero-stats{display:flex;gap:36px;margin-top:38px}.hero-stats div{display:flex;flex-direction:column;gap:2px}.hero-stats strong{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.6px}.hero-stats span{color:#758078;font-size:11px}.hero-visual{position:relative;min-height:425px}.hero-photo{position:absolute;inset:0 0 15px 20px;border-radius:150px 150px 28px 28px;background:linear-gradient(180deg,#102b2020,#102b2030),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1100&q=85') center/cover;box-shadow:var(--shadow)}.floating-note{position:absolute;left:-24px;bottom:4px;background:white;border:1px solid #edf0e8;border-radius:16px;padding:14px 17px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);min-width:265px}.note-icon{width:38px;height:38px;display:grid;place-items:center;background:#edf5dc;color:var(--green);border-radius:12px;font-size:24px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:10px;color:var(--muted);margin-top:3px}.note-arrow{margin-left:auto;color:#7b9d3b;font-size:20px}.hero-sticker{position:absolute;right:-22px;top:32px;background:var(--lime);color:var(--green);width:95px;height:95px;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:800;font-size:14px;transform:rotate(9deg);box-shadow:0 8px 24px #263c1c20}.hero-sticker small{font-size:9px;letter-spacing:1px}.search-wrap{max-width:1100px;margin:-32px auto 0;position:relative;padding:0 20px;z-index:2}.search-box{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e4e8de;border-radius:18px;padding:12px 13px 12px 20px;box-shadow:0 18px 45px #193b2a10}.search-icon{font-size:27px;color:#73816f;transform:rotate(-20deg)}.search-box input{flex:1;min-width:100px;border:0;outline:0;background:transparent;padding:12px 4px;font-size:13px}.search-box select,.sort-wrap select{border:0;border-left:1px solid var(--line);outline:0;background:white;padding:10px 12px;color:#45544c;font-size:12px;max-width:200px}.search-submit{min-width:115px}.quick-locations{display:flex;align-items:center;gap:8px;margin:13px 0 0 10px;font-size:11px;color:#7a857e}.chip{border:1px solid #e2e7dc;background:#fff;border-radius:30px;padding:6px 12px;font-size:10px;color:#526149}.chip:hover{background:#eef5df}.section-shell{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}.categories{padding-top:80px;padding-bottom:66px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2,.post-banner h2{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1.3px;line-height:1.15;margin:9px 0 0}.section-side{color:#788179;font-size:12px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.category-card{border:0;text-align:left;display:flex;align-items:center;gap:18px;padding:24px;border-radius:18px;min-height:128px;transition:transform .2s}.category-card:hover{transform:translateY(-3px)}.property-card{background:#edf2e5}.car-card{background:#f0eee5}.category-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#fff9;font-size:30px;color:var(--green)}.category-card h3{font-size:17px;margin:0 0 4px;letter-spacing:-.4px}.category-card p{margin:0;color:#717a70;font-size:12px}.category-arrow{margin-left:auto;font-size:23px;color:#62813c}.listings-section{padding-top:28px;padding-bottom:86px}.listing-heading{margin-bottom:28px}.section-description{margin:9px 0 0;color:#7b857d;font-size:13px}.sort-wrap{display:flex;align-items:center;gap:10px;font-size:11px;color:#788179}.sort-wrap select{border:1px solid var(--line);border-radius:9px;padding:10px}.listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.listing-card{border:1px solid #e9ebe5;border-radius:16px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s;cursor:pointer;min-width:0}.listing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.listing-image-wrap{height:180px;position:relative;background:#edf0e8;overflow:hidden}.listing-image{height:100%;width:100%;object-fit:cover;display:block;transition:transform .4s}.listing-card:hover .listing-image{transform:scale(1.04)}.tag{position:absolute;top:12px;left:12px;background:white;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.6px}.heart-btn{position:absolute;right:11px;top:11px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#31443a;font-size:18px;display:grid;place-items:center}.heart-btn.saved{background:#ffe9e6;color:#c5443b}.listing-info{padding:14px}.listing-price{font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.7px;color:var(--green)}.listing-price small{font-size:10px;font-weight:600;color:#7d887e;letter-spacing:0}.listing-title{font-size:13px;font-weight:700;line-height:1.45;margin:8px 0 7px;min-height:37px}.listing-location{display:flex;align-items:center;gap:5px;font-size:10px;color:#78827a}.listing-meta{border-top:1px solid #eff0eb;margin-top:13px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;color:#8a938a;font-size:9px}.listing-meta strong{font-weight:600;color:#647367}.center-action{text-align:center;margin-top:36px}.empty-state{text-align:center;padding:60px 20px;border:1px dashed #dce2d7;border-radius:18px;color:#788179}.empty-state>span{font-size:35px}.empty-state h3{color:var(--green);margin:8px}.empty-state p{font-size:13px}.hidden{display:none!important}.trust-band{background:var(--green);color:white;padding:70px max(8vw,24px)}.trust-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:.8fr 1fr;gap:12%}.light-eyebrow{color:var(--lime)}.trust-band h2{font-family:Manrope,sans-serif;font-size:43px;letter-spacing:-2px;line-height:1.1;margin:16px 0}.trust-band h2 em{color:var(--lime)}.trust-points{display:grid;gap:22px}.trust-point{display:flex;gap:18px;border-bottom:1px solid #ffffff20;padding-bottom:20px}.trust-point:last-child{border:0;padding-bottom:0}.trust-point>span{font-family:Manrope,sans-serif;color:var(--lime);font-size:12px;font-weight:800;padding-top:3px}.trust-point h3{margin:0 0 5px;font-size:15px}.trust-point p{margin:0;color:#c5d4cb;font-size:12px}.post-banner{margin-top:68px;margin-bottom:68px;background:#f0f3e7;border-radius:22px;padding-top:33px;padding-bottom:33px;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden}.banner-shape{width:63px;height:63px;border-radius:19px;background:var(--lime);color:var(--green);display:grid;place-items:center;font-size:35px;flex-shrink:0}.post-banner h2{font-size:27px}.post-banner p{color:#798279;font-size:12px;margin:8px 0 0}.post-banner .btn{margin-left:auto;flex-shrink:0}.footer{background:#f8f8f3;padding:35px max(7vw,24px) 18px;border-top:1px solid #e9ebe3}.footer-top{display:flex;align-items:center;gap:28px;padding-bottom:30px}.brand-footer{font-size:20px}.brand-footer .brand-mark{width:30px;height:30px;font-size:18px}.footer-top>p{color:#7c857d;font-size:11px;max-width:260px;margin-right:auto}.footer-links{display:flex;gap:22px;font-size:11px;font-weight:600;color:#536057}.footer-bottom{border-top:1px solid #e6e8df;padding-top:16px;display:flex;justify-content:space-between;color:#879087;font-size:10px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:#10251ed9;backdrop-filter:blur(4px)}.modal-panel{position:relative;background:var(--paper);border-radius:22px;padding:30px;width:min(100%,540px);max-height:92vh;overflow:auto;box-shadow:0 30px 100px #0003}.modal-close{position:absolute;right:17px;top:14px;border:0;background:#eef1e9;color:var(--green);width:34px;height:34px;border-radius:50%;font-size:23px}.modal-panel h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;margin:8px 0}.modal-intro{font-size:12px;color:#778178;margin:0 0 20px;max-width:410px}.modal-panel form{display:grid;gap:13px}.modal-panel label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#445248}.modal-panel input,.modal-panel select,.modal-panel textarea{border:1px solid #dfe4da;border-radius:10px;padding:11px 12px;background:#fff;font-size:12px;color:#1e2b24;width:100%;outline:none}.modal-panel input:focus,.modal-panel select:focus,.modal-panel textarea:focus{border-color:#7f9e48;box-shadow:0 0 0 3px #d8f07855}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-panel .consent{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.5}.modal-panel .consent input{width:15px;margin-top:2px;flex-shrink:0}.form-note{background:#f1f3e9;padding:10px;border-radius:9px;font-size:10px;color:#6d786b;margin:0}.submit-listing{width:100%;padding:15px}.form-message{font-size:12px;color:var(--green);font-weight:700}.detail-panel{width:min(100%,620px)}.detail-image{width:100%;height:260px;object-fit:cover;border-radius:14px;margin:12px 0}.detail-price{font-size:27px;color:var(--green);font-weight:800}.detail-description{white-space:pre-wrap;color:#647168;font-size:13px;line-height:1.7}.detail-contact{display:flex;gap:10px;margin-top:18px}.detail-contact a{flex:1}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#183f34;color:white;padding:12px 18px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:70;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.topbar{gap:20px}.desktop-nav{gap:16px}.hero{padding-top:48px;gap:5%}.hero-visual{min-height:360px}.hero h1{font-size:65px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-image-wrap{height:220px}.trust-inner{gap:7%}.footer-top{flex-wrap:wrap}.footer-top>p{margin-right:0}.footer-links{width:100%}}
@media(max-width:650px){.topbar{height:68px;padding:0 17px;gap:12px}.brand{font-size:20px}.brand-mark{width:30px;height:30px}.desktop-nav{display:none}.top-actions{margin-left:auto;gap:7px}.language-btn{padding:8px 10px}.top-actions>.post-open{font-size:11px;padding:11px 12px}.menu-btn{display:none}.hero{padding:43px 22px 62px;grid-template-columns:1fr;gap:32px}.hero h1{font-size:61px;letter-spacing:-3.8px;margin:18px 0}.hero-copy>p{font-size:14px}.hero-stats{gap:25px;margin-top:28px}.hero-stats strong{font-size:18px}.hero-stats span{font-size:10px}.hero-visual{min-height:300px;margin:0 10px 0 0}.hero-photo{left:15px;inset:0 0 12px 10px;border-radius:110px 110px 24px 24px}.hero-sticker{right:-10px;top:16px;width:76px;height:76px;font-size:12px}.floating-note{left:-8px;min-width:0;max-width:280px;padding:11px 12px}.search-wrap{margin-top:-25px;padding:0 14px}.search-box{padding:10px;display:grid;grid-template-columns:26px 1fr 1fr;gap:7px;border-radius:15px}.search-icon{grid-row:1;font-size:22px}.search-box input{grid-column:2/4;min-width:0;padding:9px 4px}.search-box select{border:1px solid var(--line);border-radius:8px;min-width:0;width:100%;max-width:none;padding:10px 5px;font-size:10px}.search-submit{grid-column:1/4;width:100%;padding:12px}.quick-locations{margin-left:2px;gap:5px;flex-wrap:wrap}.quick-locations .chip{padding:5px 9px}.section-shell{padding-left:17px;padding-right:17px}.categories{padding-top:56px;padding-bottom:43px}.section-heading h2{font-size:27px}.section-side{display:none}.category-grid{gap:10px}.category-card{padding:14px;min-height:130px;display:block;position:relative}.category-icon{width:42px;height:42px;border-radius:13px;font-size:23px;margin-bottom:12px}.category-card h3{font-size:13px}.category-card p{font-size:10px;line-height:1.4}.category-arrow{position:absolute;right:12px;top:14px;font-size:18px}.listings-section{padding-top:15px;padding-bottom:60px}.listing-heading{align-items:flex-start}.sort-wrap{display:grid;gap:3px}.sort-wrap select{font-size:10px;padding:8px 5px;max-width:120px}.section-description{font-size:11px}.listing-grid{gap:10px}.listing-image-wrap{height:145px}.listing-info{padding:11px}.listing-price{font-size:16px}.listing-price small{font-size:9px}.listing-title{font-size:11px;min-height:47px;margin:6px 0}.listing-location{font-size:9px}.listing-meta{font-size:8px}.tag{top:8px;left:8px;font-size:8px;padding:4px 6px}.heart-btn{top:7px;right:7px;width:28px;height:28px}.trust-band{padding:49px 23px}.trust-inner{grid-template-columns:1fr;gap:25px}.trust-band h2{font-size:37px;margin:10px 0}.trust-points{gap:18px}.trust-point{padding-bottom:17px}.post-banner{margin-top:45px;margin-bottom:45px;padding-top:24px;padding-bottom:24px;display:grid;grid-template-columns:50px 1fr;gap:14px}.banner-shape{width:48px;height:48px;border-radius:14px;font-size:27px}.post-banner h2{font-size:21px}.post-banner p{font-size:11px}.post-banner .btn{grid-column:1/3;width:100%;margin:4px 0 0}.footer{padding:28px 19px 16px}.footer-top{gap:14px}.footer-top>p{width:100%;max-width:none;margin:0}.footer-links{gap:17px;flex-wrap:wrap;font-size:10px}.footer-bottom{font-size:9px;gap:15px}.modal-panel{padding:25px 18px;border-radius:18px}.modal-panel h2{font-size:25px}.detail-image{height:200px}.detail-contact{flex-direction:column}}

/* Labels for generic fallback photos and not-yet-enabled public posting. */
.photo-note{position:absolute;right:10px;bottom:10px;background:#17211edb;color:#fff;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700;letter-spacing:.2px}.submit-listing:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Delalaye photo picker */
.photo-upload-field{margin:14px 0}.photo-upload-field>label{display:block;font-weight:600;margin-bottom:7px}.photo-upload-field input[type=file]{display:block;width:100%;border:1px dashed #a8b4c0;border-radius:10px;padding:12px;background:rgba(127,127,127,.04)}.photo-upload-field small{display:block;margin-top:6px;color:#657383}.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:12px}.photo-previews img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid #ddd}

.detail-gallery{display:flex;gap:9px;overflow-x:auto;margin:12px 0}.detail-gallery img{height:130px;width:170px;object-fit:cover;border-radius:10px;flex-shrink:0}

/* SMS verification within the listing form */
.otp-panel{padding:14px;border:1px solid #cad9be;border-radius:12px;background:#f4f8ed;display:grid;gap:9px}.otp-panel strong{font-size:13px;color:var(--green)}.otp-panel p{margin:0;color:#58695a;font-size:11px}.otp-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.otp-actions .btn{padding:10px 13px}.otp-actions #otpCode{width:150px;max-width:100%;font-size:17px;letter-spacing:4px}.otp-code-section{display:grid;gap:8px}.otp-code-section label{font-size:11px;font-weight:700}#otpStatus{font-size:11px;color:var(--green);overflow-wrap:anywhere}

/* Interactive listing gallery */
.gallery-main-wrap{position:relative;margin:12px 0;touch-action:pan-y}
.gallery-main-wrap .detail-image{display:block;margin:0;width:100%;height:300px;object-fit:cover}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:#fffdf0ed;color:#123f35;font-size:22px;display:grid;place-items:center;box-shadow:0 2px 12px #0003}
.gallery-prev{left:10px}.gallery-next{right:10px}
.gallery-counter{position:absolute;bottom:10px;right:10px;background:#142c25cc;color:white;border-radius:20px;padding:5px 11px;font-size:12px}
.detail-gallery .gallery-thumb{flex:0 0 140px;padding:0;border:3px solid transparent;border-radius:12px;background:transparent;overflow:hidden;cursor:pointer}
.detail-gallery .gallery-thumb.active{border-color:#123f35}
.detail-gallery .gallery-thumb img{width:100%;height:100px;display:block;object-fit:cover;border-radius:8px}
@media(max-width:650px){.gallery-main-wrap .detail-image{height:240px}.gallery-arrow{width:36px;height:36px}.detail-gallery .gallery-thumb{flex-basis:110px}.detail-gallery .gallery-thumb img{height:80px}}

/* Expanded listing form V6 */
.extra-fields { margin:16px 0; padding:16px; border:1px solid #d8e5df; border-radius:14px; }
.extra-fields h3 {font-size:1rem; margin:12px 0;}
.extra-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.extra-fields label {display:flex;flex-direction:column;gap:5px;margin-bottom:10px;font-size:.9rem;}
.extra-fields input:not([type=checkbox]),.extra-fields select {width:100%;min-width:0;padding:10px;border:1px solid #cdd9d3;border-radius:8px;background:#fff;}
.extra-checks {display:flex;flex-wrap:wrap;gap:14px;}
.extra-checks label {flex-direction:row;align-items:center;}
.extra-fields [hidden] {display:none!important;}
@media(max-width:550px){.extra-grid{grid-template-columns:1fr;}}

/* V7 posting form */
#postModal {padding:18px}
#postModal .modal-panel {width:min(1100px,calc(100vw - 36px));max-height:95dvh;padding:clamp(22px,3vw,40px);border-radius:26px;background:#fbfcfa;box-shadow:0 30px 110px #0a241b88}
#postModal .modal-intro {max-width:750px;font-size:13px;line-height:1.6}
#postModal #postForm {grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px}
#postModal #postForm > .extra-fields,#postModal #postForm > .form-row,#postModal #postForm > #turnstileWidget,#postModal #postForm > .submit-listing,#postModal #postForm > .form-message {grid-column:1/-1}
#postModal .extra-fields {padding:clamp(18px,2.6vw,30px);border:1px solid #e1e9e3;border-radius:20px;background:linear-gradient(145deg,#fff,#f7faf8);box-shadow:0 8px 25px #102d1910}
#postModal .extra-fields .section-title {font-size:22px;margin:0;color:#173f32;letter-spacing:-.5px}
#postModal .section-subtitle {font-size:12px;color:#7a877c;margin:5px 0 20px}
#postModal .extra-fields h4 {font-size:13px;color:#315b49;margin:24px 0 14px;padding-bottom:11px;border-bottom:1px solid #e1eae3}
#postModal .extra-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#postModal .extra-fields label {font-size:12px;gap:7px}
#postModal input:not([type=checkbox]),#postModal select,#postModal textarea {min-height:44px;border-radius:11px;border:1px solid #d4e0d7;background:white;font-size:13px;padding:11px 13px}
#postModal input:focus,#postModal select:focus,#postModal textarea:focus {border-color:#6b9c7d;box-shadow:0 0 0 4px #83b8912b}
#postModal .extra-checks {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
#postModal .extra-checks .amenity {display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;padding:15px;border:1px solid #dbe5dc;border-radius:14px;background:white;cursor:pointer;min-height:54px;transition:.15s}
#postModal .amenity input {position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
#postModal .checkmark {width:22px;height:22px;flex:0 0 22px;border:2px solid #a8b9ad;border-radius:7px;display:grid;place-items:center}
#postModal .amenity input:checked + .checkmark {background:#1b634d;border-color:#1b634d}
#postModal .amenity input:checked + .checkmark:after {content:'✓';color:white;font-size:15px;font-weight:900}
#postModal .amenity:has(input:checked) {background:#edf8f0;border-color:#8bbd98}
#postModal .amenity:has(input:focus-visible) {outline:3px solid #83b891;outline-offset:2px}
#postModal .additional-description {margin-top:24px}
#postModal .additional-description textarea {min-height:130px;line-height:1.6;resize:vertical}
#postModal .additional-description small {font-size:11px;color:#77887b;font-weight:400}
#postModal .form-note {margin-top:15px}
#postModal .extra-fields [hidden] {display:none!important}
@media(max-width:760px){#postModal {padding:8px}#postModal .modal-panel {width:100%;max-height:97dvh;padding:22px 16px;border-radius:18px}#postModal #postForm {grid-template-columns:1fr}#postModal #postForm > * {grid-column:1/-1}#postModal .extra-grid {grid-template-columns:repeat(2,minmax(0,1fr))}#postModal .extra-checks {grid-template-columns:1fr}}
@media(max-width:440px){#postModal .extra-grid {grid-template-columns:1fr}}

/* V8.1: real full-width listing view, not a modal */
.listing-home-hidden{display:none!important}
.listing-page{min-height:100vh;background:#f6f8f5;padding:0 20px 80px}
.listing-page.hidden{display:none!important}
.listing-page-shell{max-width:1240px;margin:0 auto}
.listing-breadcrumb{padding:26px 0;color:#66776c;font-size:13px}
.listing-breadcrumb a{color:#175543;font-weight:800}
.listing-hero-heading{padding:12px 0 22px}
.listing-hero-heading h1{font:800 clamp(27px,3.5vw,43px)/1.2 Manrope,sans-serif;letter-spacing:-1.3px;margin:10px 0}
.listing-hero-heading .listing-location{font-size:14px}
.listing-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}
.listing-primary{min-width:0}
.listing-page .gallery-main-wrap{margin:0;border-radius:20px;overflow:hidden;background:#e6ebe6}
.listing-page .gallery-main-wrap .detail-image{height:clamp(340px,44vw,600px);border-radius:20px;object-fit:cover}
.listing-page .detail-gallery{margin:15px 0 25px;gap:12px}
.listing-page .detail-gallery .gallery-thumb{flex-basis:150px}
.listing-page .detail-gallery .gallery-thumb img{height:100px}
.listing-section{background:#fff;border:1px solid #e4eae5;border-radius:19px;padding:26px;margin-bottom:20px;box-shadow:0 10px 35px #163f2c08}
.listing-section h2{font:800 21px Manrope,sans-serif;margin:0 0 20px;color:#163e32}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.spec-tile{display:flex;align-items:center;gap:12px;background:#f5f8f4;border:1px solid #e4ece5;border-radius:13px;padding:14px;min-width:0}
.spec-icon{font-size:21px;color:#26644e;width:28px;text-align:center}
.spec-tile small{display:block;color:#718178;font-size:11px}
.spec-tile strong{display:block;font-size:14px;color:#173e31;overflow-wrap:anywhere}
.listing-description-text{white-space:pre-wrap;color:#526358;line-height:1.8;margin:0}
.seller-card{background:white;border:1px solid #e4eae5;border-radius:19px;padding:26px;box-shadow:0 10px 35px #163f2c0b;position:sticky;top:22px}
.seller-card .detail-price{font:800 27px Manrope,sans-serif;margin:15px 0 20px;overflow-wrap:anywhere}
.seller-card .detail-price small{font-size:13px}
.seller-card hr{border:0;border-top:1px solid #e6ede6;margin:20px 0}
.seller-card h3{font-size:16px;margin:0 0 4px}
.seller-name{color:#617268;margin:0 0 20px}
.seller-card .btn{display:flex;width:100%;margin:10px 0;text-align:center;overflow-wrap:anywhere}
@media(max-width:900px){.listing-page-grid{grid-template-columns:1fr}.seller-card{position:static}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.listing-page{padding:0 12px 50px}.listing-breadcrumb{padding:18px 0}.listing-page .gallery-main-wrap .detail-image{height:270px}.listing-page .detail-gallery .gallery-thumb{flex-basis:110px}.listing-page .detail-gallery .gallery-thumb img{height:76px}.listing-section{padding:18px}.spec-grid{grid-template-columns:1fr 1fr;gap:8px}.spec-tile{padding:10px;gap:7px}.spec-icon{width:19px;font-size:16px}.spec-tile strong{font-size:12px}.seller-card{padding:19px}}

/* V10 refinements */
#listingBack{display:inline-flex;align-items:center;padding:12px 20px;border:2px solid #176a5c;border-radius:12px;font-weight:800;text-decoration:none;background:#eaf7f1;color:#115647;font-size:1rem}
#listingBack:hover{background:#d8f0e4}
.vin-panel{margin-top:18px;padding:16px;border:1px solid #dce7df;border-radius:14px;background:#f6faf7}
.vin-panel button{margin-top:10px}.vin-choice{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-weight:600}
.selected-photo{position:relative;display:inline-flex;margin:5px}.selected-photo img{width:90px;height:80px;object-fit:cover;border-radius:9px}.selected-photo button{position:absolute;top:0;right:0;border:0;border-radius:50%;background:#173c35;color:white;cursor:pointer;font-size:18px}
#clearPhotos{margin:8px 0}

/* V11 enhancements */
.listing-breadcrumb a{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid #b9d5c5;border-radius:12px;background:#eff8f2;font-size:15px;box-shadow:0 2px 5px rgba(0,0,0,.04)}
#vinFirst{margin:16px 0 20px}#vinFirst .vin-panel{margin:0;padding:22px;border:2px solid #a8c9b6;background:linear-gradient(135deg,#f2faf5,#f9fbf8)}#vinFirst .vin-panel:before{content:'RECOMMENDED FIRST STEP · IDENTIFY YOUR VEHICLE';display:block;color:#216447;font-weight:800;font-size:12px;letter-spacing:.04em;margin-bottom:14px}#vinFirst #decodeVin{background:#155b42;color:white;border-color:#155b42;padding:13px 24px}
.fuel-first{max-width:470px;margin:12px 0 20px}.fuel-first label{display:block}
.smart-description-card{border:1px solid #c7d9cf;border-radius:16px;background:#f6faf7;margin:12px 0 16px;padding:16px}.smart-toggle{display:flex!important;align-items:center!important;gap:15px!important;cursor:pointer}.smart-toggle input{position:absolute;opacity:0;width:1px;height:1px}.smart-toggle-copy{flex:1;display:flex;flex-direction:column;gap:5px}.smart-toggle-copy strong{font-size:15px}.smart-toggle-copy small{font-weight:400;color:#5b7165}.smart-switch{width:46px;height:26px;border-radius:20px;background:#a3afa8;position:relative;flex-shrink:0;transition:background .2s}.smart-switch:before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .2s}.smart-toggle input:checked~.smart-switch{background:#1d7552}.smart-toggle input:checked~.smart-switch:before{transform:translateX(20px)}.smart-toggle input:focus-visible~.smart-switch{outline:3px solid #80b7e0;outline-offset:3px}

/* V12: form hierarchy and two-step review */
#postModal [hidden]{display:none!important}
#postModal #postForm > #vinFirst,#postModal #postForm > label:has(#postTitle){grid-column:1/-1}
#postModal #postForm > label:has(#postTitle) input{width:100%;font-size:15px;padding:14px}
#postModal #vinFirst{margin:0}#postModal #vinFirst .vin-panel{margin:0}
#postModal .smart-description-card{margin:15px 0 0;background:#fff;border-radius:14px}
#postModal #listingReview{max-width:960px;margin:0 auto;padding:12px 0 22px}
.review-head h2{font-size:28px;margin:8px 0}.review-head p{color:#62746a;font-size:13px}
.review-card{border:1px solid #dae5db;border-radius:18px;background:#fff;padding:clamp(16px,3vw,30px);margin:22px 0}.review-card h3{font-size:24px;margin:0 0 16px}
.review-price-label{color:#637469;font-size:11px;font-weight:800;letter-spacing:.07em}.review-price{font-size:clamp(30px,5vw,45px);font-weight:900;color:#12563e;line-height:1.25;margin:6px 0 20px;font-variant-numeric:tabular-nums}
.review-photos{display:flex;gap:10px;overflow:auto;margin:0 0 22px}.review-photo{width:190px;height:135px;object-fit:cover;border-radius:12px;flex-shrink:0}
.review-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.review-specs>div{background:#f5f8f5;padding:13px;border-radius:12px;min-width:0}.review-specs small{display:block;color:#67786c;font-size:11px}.review-specs strong{display:block;font-size:13px;overflow-wrap:anywhere;margin-top:3px}
.review-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#3b5145}.review-confirm{border:1px solid #e2c988;border-radius:16px;background:#fff9e9;padding:20px}.review-confirm p{font-size:13px}.review-check{display:flex!important;align-items:flex-start;gap:10px;font-size:13px!important;cursor:pointer}.review-check input{width:auto!important;flex-shrink:0;margin-top:3px}.review-actions{display:flex;gap:12px;margin:20px 0}.review-actions .btn{flex:1}.review-actions button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){.review-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.review-actions{flex-direction:column}.review-photo{width:145px;height:110px}}

/* DELALAYE V13 — editorial marketplace design system */
:root{--green:#113d35;--green2:#215f4d;--lime:#c8ed81;--cream:#f6f7f4;--paper:#ffffff;--ink:#172924;--muted:#687b73;--line:#e2e9e4;--radius:22px;--shadow:0 22px 55px rgba(14,48,38,.09)}
body{background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}
.topbar{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e8eeea;box-shadow:0 2px 18px #0c32200a}
.brand{font-size:25px;letter-spacing:-1.5px}.brand-mark{width:38px;height:38px;border-radius:13px;box-shadow:0 5px 13px #123f3524}
.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--green)}
.btn{border-radius:13px;font-weight:800;letter-spacing:-.1px;box-shadow:none}.btn-primary{background:#14533f;box-shadow:0 7px 16px #154c3620}.btn-primary:hover{background:#0d382d}.btn-outline:hover{background:#f1f8f3}
.hero{background:radial-gradient(circle at 10% 0%,#f5f9ee,transparent 38%),linear-gradient(115deg,#f7f9f6 0%,#e9f0e8 100%);padding-top:72px;padding-bottom:94px;gap:6%}
.hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.055;letter-spacing:-3.8px}.hero h1 em{color:#34815d}.hero-copy>p{font-size:16px;color:#53685e}.hero-photo{border-radius:34px 130px 34px 34px;box-shadow:0 24px 55px #163f2a2c}.hero-sticker{background:#d7f7a2;color:#174631;box-shadow:0 12px 35px #234f3024}
.search-wrap{max-width:1190px;margin-top:-39px}.search-box{border-radius:20px;padding:13px 14px 13px 24px;box-shadow:0 22px 60px #193c2d17}.search-box input{font-size:15px}.search-box select{font-size:13px}.search-submit{min-width:130px}
.section-shell{max-width:1240px}.categories{padding-top:92px}.section-heading h2,.post-banner h2{font-size:clamp(29px,3.2vw,41px);letter-spacing:-1.7px}.category-grid{gap:22px}.category-card{border:1px solid #e4ede6;border-radius:24px;padding:27px;min-height:150px;box-shadow:0 8px 25px #153c2b0a}.property-card{background:linear-gradient(135deg,#eef7eb,#f7faf4)}.car-card{background:linear-gradient(135deg,#edf5f3,#f8faf7)}.category-icon{border-radius:17px;width:60px;height:60px;box-shadow:0 4px 16px #1c4d2a0b}.category-card h3{font-size:19px}
.listing-grid{gap:22px}.listing-card{border:1px solid #e6ece8;border-radius:22px;box-shadow:0 5px 20px #1b40260a}.listing-card:hover{transform:translateY(-5px);box-shadow:0 19px 45px #123e2b1d}.listing-image-wrap{height:195px}.listing-info{padding:17px}.listing-price{font-size:21px}.listing-title{font-size:14px}.tag{border-radius:30px;padding:6px 11px;box-shadow:0 3px 12px #0001}
#postModal .modal-panel{border:1px solid #e1ebe4;box-shadow:0 35px 95px #0a271c4d;border-radius:26px}
#postModal .modal-intro{color:#718177}
#postModal input:not([type=checkbox]):not([type=radio]):not([type=file]),#postModal select,#postModal textarea{border-radius:12px;transition:border-color .2s,box-shadow .2s;background-color:#fff}
#postModal input:focus,#postModal select:focus,#postModal textarea:focus{border-color:#408567;box-shadow:0 0 0 4px #bce7ce66;outline:none}
#postModal .extra-fields{border-radius:21px;background:linear-gradient(180deg,#f9fbf9,#fff);border:1px solid #e5eee8}
#vinFirst .vin-panel{border:1px solid #a9d3b9;border-radius:20px;padding:24px;background:linear-gradient(135deg,#edf8f0,#f9fcf9);box-shadow:0 8px 25px #0f64320a}
#vinFirst .vin-panel:before{color:#246b4c;letter-spacing:.08em}
#vinFirst #decodeVin{background:#13553e;border-radius:12px;box-shadow:0 6px 16px #16482f22}
.smart-description-card{background:white!important;border-radius:15px!important;border:1px solid #dcebe1!important;box-shadow:0 4px 12px #0f3d2008}
.smart-toggle-copy strong{font-size:15px}
#listingBack{display:inline-flex;gap:9px;align-items:center;background:#155840!important;color:white!important;border:1px solid #155840!important;border-radius:13px!important;padding:14px 22px!important;font-size:15px!important;box-shadow:0 8px 20px #174f3620;transition:transform .2s,background .2s}
#listingBack:hover{background:#0d3b2c!important;transform:translateX(-2px)}
.listing-page{background:linear-gradient(#f7faf7,#f4f7f5)}.listing-hero-heading h1{letter-spacing:-1.7px}.listing-page .gallery-main-wrap{border-radius:22px}.listing-section,.seller-card{border-radius:22px;box-shadow:0 12px 40px #143b2a0b}.spec-tile{border-radius:14px;background:#f7faf8}
.photo-upload-field{background:#f8fbf8;border:1px solid #e0eae3;border-radius:18px;padding:18px!important}
.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:17px}
.selected-photo{margin:0;display:block;position:relative;cursor:grab;touch-action:pan-y;user-select:none;border-radius:13px;border:2px solid transparent;background:white;box-shadow:0 5px 17px #0f352015;overflow:hidden;transition:transform .15s,border-color .15s}
.selected-photo:first-child{border-color:#4a9a6b}.selected-photo img{width:100%;height:112px;border-radius:10px;display:block;pointer-events:none}.selected-photo.is-dragging{opacity:.5;cursor:grabbing}.selected-photo.drag-target{border-color:#0f6c49;transform:scale(1.04)}
.photo-position{position:absolute;left:6px;bottom:7px;background:#123f35e6;color:#fff;font-size:10px;font-weight:800;padding:4px 7px;border-radius:7px;pointer-events:none}
.selected-photo button{top:5px;right:5px;width:26px;height:26px;display:grid;place-items:center;z-index:1}
.review-card{border-radius:20px!important;box-shadow:0 12px 40px #173d2712}.review-price{color:#105e3d!important}.review-confirm{border-radius:15px!important}
@media(max-width:900px){.hero{gap:4%}.hero h1{letter-spacing:-2.5px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding-top:42px;padding-bottom:80px}.hero h1{font-size:clamp(42px,10vw,60px)}.topbar{height:68px}.search-box{border-radius:18px}.category-card{padding:18px;min-height:120px}#postModal .modal-panel{border-radius:20px}.photo-previews{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.selected-photo img{height:95px}}
@media(prefers-reduced-motion:reduce){.btn,.listing-card,.category-card,.selected-photo{transition:none!important}}

/* V14 roommate rental section */
.roommate-panel{margin:20px 0;padding:20px;border:1px solid rgba(90,112,120,.25);border-radius:16px;background:rgba(90,112,120,.045)}
.roommate-panel h4{margin:0 0 10px}.roommate-panel .extra-grid{margin-top:14px}
#propertyRentKindWrap{display:block;margin:12px 0}
#propertyRentKindWrap[hidden],#roommateFields[hidden],#roomExistingWrap[hidden]{display:none!important}

/* V14: interactive shared-space checkbox cards */
.room-common-areas{border:0;padding:0;margin:22px 0 18px;min-width:0}
.room-common-areas legend{font-weight:750;font-size:1.02rem;padding:0;margin-bottom:3px;color:var(--ink,#172b24)}
.room-common-areas .form-note{margin:2px 0 12px}
.room-common-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.room-common-choice{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:11px;min-height:66px;padding:12px 13px;border:1.5px solid #dce5df;border-radius:15px;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s;box-sizing:border-box}
.room-common-choice:has(input:checked){border-color:#168353;background:#edf9f2;box-shadow:0 0 0 1px #16835322}
.room-common-choice:has(input:focus-visible){outline:3px solid #72c69d;outline-offset:2px}
.room-common-choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.room-common-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;background:#f1f5f2;font-size:21px}
.room-common-name{font-weight:700;font-size:.92rem;line-height:1.3;flex:1;min-width:0}
.room-common-name small{display:block;color:#69776f;font-size:.77rem;font-weight:500;margin-top:3px}
.room-common-check{display:grid;place-items:center;flex:none;width:21px;height:21px;border:1.5px solid #bdccc3;border-radius:7px;color:transparent;font-size:14px;font-weight:800;background:#fff}
.room-common-choice:has(input:checked) .room-common-check{background:#168353;border-color:#168353;color:#fff}
@media(max-width:460px){.room-common-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.room-common-choice{transition:none}}

/* V14.1: future category preview cards */
.category-card.coming-card{display:flex;align-items:center;gap:16px;position:relative;background:linear-gradient(135deg,#f8faf5,#eef4ed);color:var(--ink);transition:transform .2s,box-shadow .2s;border:1px solid #e0e9df;min-width:0}
.category-card.coming-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #123f3517}
.category-card.coming-card .category-icon{flex-shrink:0;background:white;font-size:26px}
.category-card.coming-card h3{margin:5px 0 2px}
.category-card.coming-card .category-am{font-size:11px;color:#617d70;margin:0 0 5px}
.category-card.coming-card p:last-child{margin:0;color:#718177;font-size:12px}
.coming-pill{display:inline-flex;align-items:center;background:#e3edc7;color:#36543c;border-radius:100px;font-size:9px;font-weight:800;letter-spacing:.8px;padding:5px 9px}
.category-card.coming-card .category-arrow{margin-left:auto;align-self:center}
@media(max-width:650px){.category-card.coming-card{display:block;padding:16px}.category-card.coming-card .category-icon{margin-bottom:12px}.category-card.coming-card .category-arrow{position:absolute;top:15px;right:15px}.category-card.coming-card h3{font-size:14px}}

/* V14.3 — clearer, contemporary marketplace typography */
body{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.desktop-nav{font-size:15px;gap:27px}
.btn{font-size:15px;font-weight:750}
.eyebrow{font-size:12px;letter-spacing:1.4px}
.hero-stats strong{font-size:24px}
.hero-stats span{font-size:13px}
.floating-note strong{font-size:14px}
.floating-note small{font-size:12px}
.search-box input{font-size:16px}
.search-box select,.sort-wrap select{font-size:14px}
.quick-locations{font-size:13px}
.chip{font-size:12px;padding:8px 14px}
.section-heading h2{font-size:clamp(34px,3.4vw,46px);letter-spacing:-1.65px}
.section-side{font-size:14px}
.category-card{padding:29px;min-height:160px;gap:20px}
.category-card h3,.category-card.coming-card h3{font-family:Manrope,'Noto Sans Ethiopic',sans-serif;font-size:21px;font-weight:800;line-height:1.3;letter-spacing:-.5px}
.category-card p,.category-card.coming-card p:last-child{font-size:14px;line-height:1.55}
.category-card.coming-card .category-am{font-size:13px;line-height:1.55}
.coming-pill{font-size:11px;letter-spacing:.65px}
.section-description{font-size:15px}
.listing-title{font-size:15px}
.listing-location{font-size:12px}
.listing-meta{font-size:11px}
.footer-links{font-size:13px}
@media(max-width:760px){
 body{font-size:15px}
 .section-heading h2{font-size:clamp(29px,7vw,37px)}
 .category-card,.category-card.coming-card{padding:19px;min-height:148px}
 .category-card h3,.category-card.coming-card h3{font-size:16px;line-height:1.35;overflow-wrap:anywhere}
 .category-card p,.category-card.coming-card p:last-child{font-size:12px}
 .category-card.coming-card .category-am{font-size:12px}
 .category-icon{width:46px;height:46px;font-size:24px}
 .search-box input{font-size:15px}
 .search-box select{font-size:13px}
 .quick-locations{font-size:12px}
 .chip{font-size:11px}
 .hero-stats strong{font-size:21px}
 .hero-stats span{font-size:12px}
 .listing-title{font-size:13px}
 .listing-location{font-size:11px}
 .listing-meta{font-size:10px}
}
@media(max-width:390px){.category-grid{grid-template-columns:1fr}.category-card,.category-card.coming-card{display:flex;align-items:center;min-height:108px}.category-card .category-icon,.category-card.coming-card .category-icon{margin:0}.category-card .category-arrow,.category-card.coming-card .category-arrow{position:static;margin-left:auto}}

/* V14.4: compact category discovery; listings immediately below search */
.compact-categories{margin-top:24px!important;margin-bottom:16px!important;padding-top:0!important;padding-bottom:0!important}
.compact-category-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:13px}
.compact-category-head h2{font-size:clamp(21px,2vw,27px);letter-spacing:-.035em;line-height:1.2;margin:4px 0 0}
.compact-category-head .eyebrow{font-size:10px;letter-spacing:.14em}
.compact-hint{font-size:13px;color:#6c7772}
.category-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.category-shortcut{min-height:82px!important;padding:14px 18px!important;display:flex!important;align-items:center!important;gap:13px!important;text-align:left;border-radius:18px!important;transition:transform .15s ease,box-shadow .15s ease!important}
.category-shortcut:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(21,75,58,.09)}
.category-shortcut .shortcut-symbol{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.75);font-size:24px;color:#145740}
.category-shortcut .shortcut-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.category-shortcut strong{font-size:17px;font-weight:750;letter-spacing:-.025em;color:#102d27}
.category-shortcut small{font-size:12px;color:#657b71}
.category-shortcut .shortcut-arrow{font-size:20px;color:#267557}
.category-extras{margin-top:10px;border:1px solid #e4eae5;border-radius:15px;background:#fff;overflow:hidden}
.category-extras summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;color:#1b4035;user-select:none}
.category-extras summary::-webkit-details-marker{display:none}
.category-extras summary:focus-visible{outline:2px solid #136747;outline-offset:-3px}
.category-extras .extras-icon{color:#217153;font-size:19px}
.category-extras .extras-count{margin-left:auto;color:#7b8880;font-size:12px}
.category-extras .extras-chevron{font-size:19px;transition:transform .2s ease}
.category-extras[open] .extras-chevron{transform:rotate(180deg)}
.category-extras-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px 14px 16px;border-top:1px solid #eef1ee}
.category-mini-link{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 10px;border-radius:12px;border:1px solid #e9eee9;text-decoration:none!important;color:#193d32;background:#fbfdfb;transition:background .15s ease}
.category-mini-link:hover{background:#eaf5ed}
.category-mini-link .mini-icon{font-size:19px;flex:0 0 23px}
.category-mini-link .mini-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.category-mini-link strong{font-size:12.5px;line-height:1.2;font-weight:700}
.category-mini-link small{font-size:10.5px;color:#82918a}
.category-mini-link .mini-arrow{font-size:13px;color:#7c9b8c}
.compact-categories+.listings-section{padding-top:14px!important;margin-top:0!important}
@media(max-width:850px){.category-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.compact-categories{margin-top:16px!important}.compact-hint{display:none}.category-shortcuts{gap:8px}.category-shortcut{padding:12px!important;gap:8px!important;min-height:75px!important;border-radius:14px!important}.category-shortcut .shortcut-symbol{width:34px;height:34px;flex-basis:34px;font-size:20px}.category-shortcut strong{font-size:14px}.category-shortcut small{font-size:11px}.category-shortcut .shortcut-arrow{display:none}.category-extras-grid{gap:7px;padding:9px}.category-mini-link{padding:9px 7px}.category-mini-link strong{font-size:11px}.category-mini-link .mini-arrow{display:none}}

/* Delalaye V15: accessible animated theme switch */
.theme-toggle{border:1px solid #d6c99c!important;border-radius:999px!important;background:#f2e9cc!important;padding:3px!important;width:70px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;position:relative;vertical-align:middle}
.theme-toggle-track{display:block;position:relative;width:62px;height:30px;border-radius:999px;background:linear-gradient(110deg,#e9bc59,#f7e5ac);transition:background .25s}
.theme-sun,.theme-moon{position:absolute;z-index:2;top:4px;font-size:19px;line-height:21px;pointer-events:none}.theme-sun{left:6px;color:#7b4a08}.theme-moon{right:7px;color:#c9d4ea}
.theme-toggle-thumb{position:absolute;z-index:3;left:2px;top:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #0004;transition:transform .25s}
:root[data-theme="dark"] .theme-toggle{background:#243c36!important;border-color:#5b786a!important}
:root[data-theme="dark"] .theme-toggle-track{background:linear-gradient(110deg,#162d30,#37517b)}
:root[data-theme="dark"] .theme-toggle-thumb{transform:translateX(32px);background:#e5edfc}
.theme-toggle:focus-visible{outline:3px solid #e5b044;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.theme-toggle *{transition:none!important}}
@media(max-width:480px){.theme-toggle{width:58px;height:34px}.theme-toggle-track{width:52px;height:27px}.theme-toggle-thumb{width:23px;height:23px}:root[data-theme="dark"] .theme-toggle-thumb{transform:translateX(25px)}}

/* Delalaye V15: site-wide dark palette, covering forms, detail pages, cards and footer. */
:root[data-theme="dark"]{color-scheme:dark;--green:#8fdfb7;--green-dark:#103527;--paper:#15241f;--cream:#172820;--ink:#f1f5ee;--muted:#c4d2c8;--line:#3c584b;--shadow:0 18px 60px #0007}
:root[data-theme="dark"] body{background:#101c18!important;color:#f1f5ee!important}
:root[data-theme="dark"] :is(.topbar,.search-box,.category-card,.listing-card,.modal-panel,.extra-fields,.listing-section,.seller-card,.listing-page-shell,.review-card,.review-confirm,.post-form,.otp-panel,.trust-point,.form-row,.vin-card,.photo-upload-field,.listing-info,.review-head,.footer,.site-footer,.quick-locations,.sort-wrap,.listing-breadcrumb,.detail-gallery,.detail-content){background-color:#1a2c24!important;color:#f1f5ee!important;border-color:#3c584b!important;box-shadow:none}
:root[data-theme="dark"] :is(.listing-page,.listings-section,.categories,.section-shell,.search-wrap,.hero,.hero-section,.post-banner,.trust-band,.modal,.listing-primary,.listing-sidebar){background-color:#101c18!important;color:#f1f5ee!important}
:root[data-theme="dark"] :is(input,select,textarea){background:#243b30!important;color:#f1f5ee!important;border-color:#57705e!important}
:root[data-theme="dark"] :is(input,textarea)::placeholder{color:#afc1b6!important}
:root[data-theme="dark"] :is(h1,h2,h3,h4,p,label,strong,.listing-title,.listing-price,.detail-price,.seller-name,.section-description,.listing-meta,.listing-location,.form-note,.modal-intro,.section-subtitle,.review-description,.hero-title,.category-card p,.listing-breadcrumb){color:#f1f5ee!important}
:root[data-theme="dark"] :is(small,.meta,.eyebrow,.photo-upload-field small,.additional-description small){color:#c4d2c8!important}
:root[data-theme="dark"] :is(.btn-outline,.language-btn,.chip,.heart-btn,.gallery-arrow){background:#2b4739!important;color:#f1f5ee!important;border-color:#64836f!important}
:root[data-theme="dark"] :is(.btn-primary,.search-submit){background:#d9a441!important;color:#14281f!important}
:root[data-theme="dark"] .hero-photo{filter:brightness(.82)}
:root[data-theme="dark"] .modal-panel{background:#1a2c24!important}
:root[data-theme="dark"] :is(.extra-fields,.review-card,.review-confirm){background-image:none!important}
:root[data-theme="dark"] .footer{background:#0b1611!important}
:root[data-theme="dark"] a{color:#b6e4c6}
:root[data-theme="dark"] .brand{color:#fff!important}
:root[data-theme="dark"] .tag{color:#fff!important}
:root[data-theme="dark"] .toast{background:#254535;color:#fff}
:root[data-theme="dark"] #postModal :is(input,select,textarea){background:#243b30!important;color:#f1f5ee!important;border-color:#57705e!important}
:root[data-theme="dark"] #postModal .extra-fields{background:#1a2c24!important}
:root[data-theme="dark"] #postModal :is(.amenity,.extra-checks label){background:#243b30!important;color:#f1f5ee!important;border-color:#57705e!important}
:root[data-theme="dark"] #postModal .amenity:has(input:checked){background:#315b42!important}
:root[data-theme="dark"] :is([hidden],.hidden){display:none!important}

/* V15.3: clearly distinguished roommate monthly rent and pricing basis */
.roommate-price-card{padding:18px;border:1px solid rgba(31,128,94,.22);border-radius:16px;background:linear-gradient(135deg,rgba(31,128,94,.07),rgba(255,255,255,.02));display:grid;gap:12px}
.roommate-price-card strong{font-weight:750;font-size:1rem}
.roommate-price-card .roommate-price-help,.roommate-price-card small{font-size:.85rem;opacity:.78;margin:0}
.roommate-price-card input[readonly]{background:rgba(120,120,120,.08);cursor:default}

/* V15.3.1 full-bleed hero: maintain centered inner content with modern full-width background */
@media(min-width:1100px){.hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(calc((100vw - 1150px)/2),40px);padding-right:max(calc((100vw - 1150px)/2),40px)}}

/* V15.4: consistent full-bleed hero and readable foreground in either theme */
.hero{width:100vw!important;max-width:none!important;margin-inline:calc(50% - 50vw)!important;padding-left:max(24px,calc((100vw - 1150px)/2))!important;padding-right:max(24px,calc((100vw - 1150px)/2))!important;box-sizing:border-box}
:root[data-theme="dark"] .hero{background:radial-gradient(circle at 10% 0%,#f5f9ee,transparent 38%),linear-gradient(115deg,#f7f9f6,#e9f0e8)!important;color:#172b23!important}
:root[data-theme="dark"] .hero :is(h1,h2,h3,p,strong,small,.hero-stats strong,.floating-note strong,.floating-note small,.eyebrow){color:#172b23!important;opacity:1!important}
:root[data-theme="dark"] .hero h1 em{color:#26734f!important}
:root[data-theme="dark"] .hero :is(.hero-copy>p,.hero-stats span){color:#445b51!important;opacity:1!important}
:root[data-theme="dark"] .hero .floating-note{background:#fff!important;color:#172b23!important}
:root[data-theme="dark"] .hero .hero-sticker{color:#174631!important}
.roommate-card{background:linear-gradient(130deg,#e9f8ef,#f8fbf5);border:1px solid #a8d5b7!important}
:root[data-theme="dark"] .roommate-card{background:#1c4031!important;color:#f0f8f2!important}
.dl-draft-recovery{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border:1px solid #9acbad;border-radius:14px;background:#e9f7ee;color:#153f30;margin-bottom:15px}
.dl-draft-recovery button{padding:7px 12px;border:1px solid #2a7957;border-radius:10px;background:#fff;color:#154a35;cursor:pointer}
@media(max-width:760px){.hero{padding-left:20px!important;padding-right:20px!important}.dl-draft-recovery{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
:focus-visible{outline:3px solid #d6a139!important;outline-offset:3px}

/* V15.4.2 — compact roommate posting; preserve original form ids and submission logic */
#roommateFields.roommate-panel{padding:16px;margin:12px 0 16px;border-radius:18px;max-width:none;background:var(--surface,#f5f8f6)}
#roommateFields h4{font-size:1.08rem;margin:0 0 12px;line-height:1.3}
#roommateFields .room-intent-label{display:block;margin-bottom:12px}
#roommateFields .extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin:0}
#roommateFields .roommate-synced-value{display:none!important}
#roommateFields .room-basis-inline{min-width:0}
#roommateFields label{min-width:0}
#roommateFields select,#roommateFields input{width:100%;max-width:100%;box-sizing:border-box}
#roommateFields .roommate-optional{margin-top:12px;border:1px solid rgba(110,145,128,.28);border-radius:12px;padding:0 12px}
#roommateFields .roommate-optional>summary{cursor:pointer;padding:13px 4px;font-weight:700;list-style-position:inside}
#roommateFields .roommate-optional>label{display:inline-block;width:calc(33.333% - 12px);vertical-align:top;margin:8px 8px 12px 0}
#roommateFields .roommate-optional .room-common-areas{margin-top:12px}
#roommateFields .roommate-optional:not([open])>*:not(summary){display:none}
#roommateFields .roommate-optional>summary:focus-visible{outline:3px solid #dba93e;outline-offset:2px}
@media(max-width:700px){#roommateFields .extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#roommateFields .roommate-optional>label{width:calc(50% - 12px)}}
@media(max-width:440px){#roommateFields .extra-grid{grid-template-columns:1fr}#roommateFields .roommate-optional>label{width:100%;margin-right:0}}

/* V15.4.3 required compact dark-mode category design */
:root[data-theme="dark"] .category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
:root[data-theme="dark"] .category-card,:root[data-theme="dark"] .category-card.coming-card,:root[data-theme="dark"] .roommate-card{background:#20372f!important;border:1px solid #3b5a4d!important;color:#f5f7f1!important;box-shadow:none!important;min-height:125px!important;padding:16px!important;border-radius:14px!important;gap:7px!important;align-content:center!important}
:root[data-theme="dark"] .category-card :is(h3,p,strong,span),:root[data-theme="dark"] .category-card.coming-card :is(h3,p,strong,span){color:#f4f7f1!important;opacity:1!important}
:root[data-theme="dark"] .category-card :is(p,.category-am),:root[data-theme="dark"] .category-card.coming-card :is(p,.category-am){color:#c5d5cb!important;font-size:12px!important;line-height:1.45!important;display:block!important}
:root[data-theme="dark"] .category-card :is(.category-icon,.category-arrow){color:#e2ad3f!important;background:transparent!important}
:root[data-theme="dark"] .category-card h3{font-size:16px!important;line-height:1.3!important;margin:0!important}
:root[data-theme="dark"] .category-card .category-arrow{position:absolute;right:14px;top:16px}
:root[data-theme="dark"] .category-card:hover{background:#29483a!important}
#roommateFields .roommate-optional{display:block!important}
#roommateFields .roommate-optional>*{display:block!important}
#roommateFields .roommate-optional>summary{list-style:none;cursor:default}
#roommateFields .roommate-optional>summary::-webkit-details-marker{display:none}
.dl-draft-recovery{position:absolute!important;top:12px;right:55px;z-index:25;max-width:min(365px,calc(100% - 80px));font-size:12px;padding:8px 10px!important;gap:6px!important;box-shadow:0 8px 22px #0b2d2020}
.dl-draft-recovery button{padding:5px 8px!important;font-size:12px}
.modal-panel{position:relative}
@media(max-width:550px){:root[data-theme="dark"] .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}:root[data-theme="dark"] .category-card{padding:12px!important;min-height:122px!important}.dl-draft-recovery{right:44px;top:48px}}

/* V15.4.4 — verified visual overrides: dark surfaces and compact room details */
:root[data-theme="dark"] .category-shortcuts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
:root[data-theme="dark"] .category-shortcuts>.category-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;min-height:130px!important;background:#20372f!important;border:1px solid #3b5a4d!important;color:#f5f7f1!important;border-radius:14px!important;padding:17px!important;gap:9px!important;position:relative!important}
:root[data-theme="dark"] .category-shortcuts .shortcut-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
:root[data-theme="dark"] .category-shortcuts .shortcut-copy strong{color:#fff!important;font-size:16px!important;line-height:1.3!important;white-space:normal!important}
:root[data-theme="dark"] .category-shortcuts .shortcut-copy small{color:#c3d4cb!important;font-size:12px!important;line-height:1.5!important;white-space:normal!important}
:root[data-theme="dark"] .category-shortcuts .shortcut-symbol{color:#e0ad43!important;background:transparent!important;font-size:23px!important}
:root[data-theme="dark"] .category-shortcuts .shortcut-arrow{display:none!important}
:root[data-theme="dark"] .category-extras,:root[data-theme="dark"] .category-extras>summary,:root[data-theme="dark"] .category-extras-grid{background:#182b23!important;color:#f2f7f2!important;border-color:#3b5a4d!important}
:root[data-theme="dark"] .category-extras .category-mini-link{background:#20372f!important;border:1px solid #3b5a4d!important;color:#f4f7f1!important}
:root[data-theme="dark"] .category-extras :is(strong,.mini-copy strong,.extras-count){color:#f4f7f1!important;opacity:1!important}
:root[data-theme="dark"] .category-extras :is(small,.mini-copy small){color:#c3d4cb!important;opacity:1!important}
:root[data-theme="dark"] .trust-band{background:#20382f!important;border-top:1px solid #3b5a4d!important}
:root[data-theme="dark"] .trust-point{background:transparent!important;border-bottom:1px solid #456355!important;color:#f4f7f1!important}
:root[data-theme="dark"] .trust-point p{color:#c8d8d0!important}
:root[data-theme="dark"] .search-wrap{background:transparent!important}
:root[data-theme="dark"] .search-box{background:#192e25!important;border-color:#3b5a4d!important}
:root[data-theme="dark"] .quick-locations{background:transparent!important}
:root[data-theme="dark"] #roommateFields,:root[data-theme="dark"] #roommateFields .roommate-optional{background:#1b3027!important;color:#f3f7f2!important;border-color:#466253!important}
:root[data-theme="dark"] #roommateFields :is(h4,summary,label,legend,.form-note,.room-common-name,.room-common-name small){color:#f1f6f0!important;opacity:1!important}
:root[data-theme="dark"] #roommateFields :is(input,select,textarea){background:#263e33!important;color:#fff!important;border:1px solid #587467!important}
:root[data-theme="dark"] #roommateFields :is(.room-common-choice,.room-common-areas){background:#263e33!important;border-color:#587467!important;color:#fff!important}
#roommateFields .roommate-optional{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;align-items:start!important;padding:15px!important}
#roommateFields .roommate-optional>summary{grid-column:1/-1!important;margin:0!important;padding:0 0 6px!important}
#roommateFields .roommate-optional>label{display:block!important;width:auto!important;margin:0!important;min-width:0!important}
#roommateFields .roommate-optional>.room-common-areas{grid-column:1/-1!important;margin:0!important}
#roommateFields .roommate-optional :is(input,select){max-width:100%!important;width:100%!important}
@media(max-width:680px){#roommateFields .roommate-optional{grid-template-columns:1fr!important}:root[data-theme="dark"] .category-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}:root[data-theme="dark"] .category-shortcuts>.category-card{padding:12px!important;min-height:128px!important}}

/* V15.4.5: hide redundant rent selector, preserve DOM for existing JS */
#propertyRentKindWrap{display:none!important}
/* High contrast for help text and uploader messages in dark mode */
:root[data-theme="dark"] #postModal :is(.form-note,.section-subtitle,.photo-upload-field p,.photo-upload-field small,.photo-upload-field .upload-note,.photo-upload-field .upload-status){background:#233d32!important;color:#e1efe6!important;opacity:1!important;border-color:#507262!important}
:root[data-theme="dark"] #postModal .form-note{padding:10px 12px!important;border:1px solid #507262!important;border-radius:10px!important;font-size:12px!important;line-height:1.6!important}
:root[data-theme="dark"] #postModal :is(.photo-upload-field,.otp-panel){background:#1b3027!important;color:#f2f7f2!important;border-color:#4b6b5b!important}
:root[data-theme="dark"] #postModal :is(.photo-upload-field,.otp-panel) :is(p,small,span,label,strong){color:#e1efe6!important;opacity:1!important}
/* Always visible three-column room details */
#roommateFields .roommate-optional{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:14px!important;align-items:start!important}
#roommateFields .roommate-optional>summary{grid-column:1/-1!important;font-size:15px!important;font-weight:750!important}
#roommateFields .roommate-optional>label{display:grid!important;width:auto!important;margin:0!important;min-width:0!important}
#roommateFields .roommate-optional>.room-common-areas{grid-column:1/-1!important;min-width:0!important;margin:4px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
#roommateFields .room-common-areas legend{font-size:15px!important;font-weight:750!important;line-height:1.5!important;max-width:100%!important}
#roommateFields .room-common-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#roommateFields .room-common-choice{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:11px!important;min-height:76px!important;min-width:0!important;width:100%!important;margin:0!important;border-radius:12px!important;position:relative!important;cursor:pointer!important}
#roommateFields .room-common-icon{flex:0 0 34px!important;width:34px!important;height:34px!important;font-size:19px!important;border-radius:9px!important}
#roommateFields .room-common-name{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow-wrap:break-word!important;word-break:normal!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important}
#roommateFields .room-common-name small{display:block!important;font-size:11px!important;line-height:1.45!important;margin-top:3px!important;font-weight:500!important}
#roommateFields .room-common-check{flex:0 0 19px!important;width:19px!important;height:19px!important;margin-left:auto!important}
#roommateFields .room-common-choice input[type="checkbox"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
:root[data-theme="dark"] #roommateFields .room-common-choice{background:#203a30!important;color:#f5f9f5!important;border:1px solid #527061!important}
:root[data-theme="dark"] #roommateFields .room-common-choice:has(input:checked){background:#285641!important;border-color:#a3d9b8!important}
:root[data-theme="dark"] #roommateFields :is(.room-common-name,.room-common-name small){color:#f3f8f4!important;opacity:1!important}
:root[data-theme="dark"] #roommateFields .room-common-check{background:#1c3028!important;border-color:#a8c6b5!important;color:transparent!important}
:root[data-theme="dark"] #roommateFields .room-common-choice:has(input:checked) .room-common-check{background:#79c99c!important;color:#10291c!important;border-color:#79c99c!important}
:root[data-theme="dark"] #roommateFields .room-common-areas .form-note{background:#233d32!important;color:#e1efe6!important;border:1px solid #507262!important;border-radius:10px!important;padding:9px 11px!important;font-size:12px!important}
@media(max-width:820px){#roommateFields .room-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#roommateFields .roommate-optional{grid-template-columns:1fr!important}#roommateFields .room-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:390px){#roommateFields .room-common-grid{grid-template-columns:1fr!important}}

/* V15.4.6: avoid fieldset intrinsic shrink and ensure readable 2x3 shared-area cards */
#roommateFields .roommate-optional {display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
#roommateFields .roommate-optional>summary {display:block!important;margin-bottom:14px!important}
#roommateFields .roommate-core-fields {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin-bottom:18px!important}
#roommateFields .roommate-core-fields>label {display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;width:100%!important;margin:0!important}
#roommateFields .roommate-core-fields :is(input,select) {width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#roommateFields fieldset.room-common-areas {display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;float:none!important;clear:both!important;margin:0!important;padding:0!important;border:0!important}
#roommateFields .room-common-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important}
#roommateFields .room-common-grid>label.room-common-choice {display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:62px!important;height:auto!important;padding:10px 12px!important;box-sizing:border-box!important;white-space:normal!important;writing-mode:horizontal-tb!important}
#roommateFields .room-common-choice .room-common-name {display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;writing-mode:horizontal-tb!important;font-size:13px!important;line-height:1.35!important}
#roommateFields .room-common-choice .room-common-name small {display:block!important;white-space:normal!important;word-break:normal!important;writing-mode:horizontal-tb!important;font-size:11px!important}
#roommateFields .room-common-choice .room-common-icon {flex:0 0 30px!important;width:30px!important;height:30px!important}
#roommateFields .room-common-choice .room-common-check {flex:0 0 19px!important;margin-left:auto!important}
@media(max-width:680px){#roommateFields .roommate-core-fields{grid-template-columns:1fr!important}}
@media(max-width:480px){#roommateFields .room-common-grid{grid-template-columns:1fr!important}}

/* V15.4.7: category selection and VIN contrast */
#postCategory.dl-category-backend{display:none!important}
#postCategoryDisplay{display:block;width:100%}
:root[data-theme="dark"] #postModal .vin-panel,
:root[data-theme="dark"] #postModal .smart-description-card,
:root[data-theme="dark"] #postModal .smart-toggle{background:#20382e!important;color:#f4f8f5!important;border-color:#567566!important}
:root[data-theme="dark"] #postModal .vin-panel :is(label,small,p,strong,.form-note,.smart-toggle-copy,.smart-toggle-copy small){color:#e4f0e8!important;opacity:1!important}
:root[data-theme="dark"] #postModal .vin-panel input{color:#fff!important;background:#173126!important}
:root[data-theme="dark"] #postModal .vin-panel input::placeholder{color:#c2d5c9!important;opacity:1!important}
:root[data-theme="dark"] #postModal .vin-panel .form-note{background:#29483a!important;color:#e4f0e8!important}

/* V15.4.8: user-selected full-width hero color, not the navigation header.
   Explicit theme variants override previous high-specificity light hero rules. */
.hero, :root[data-theme="dark"] .hero, :root[data-theme="light"] .hero {
  background:#20382F!important; color:#F5F8F2!important;
}
.hero h1, .hero h1:not(em), .hero .hero-stats strong,
:root[data-theme="dark"] .hero :is(h1,h2,h3,p,strong,small,.hero-stats strong,.eyebrow),
:root[data-theme="light"] .hero :is(h1,h2,h3,p,strong,small,.hero-stats strong,.eyebrow) {
  color:#F5F8F2!important;opacity:1!important;
}
.hero h1 em, :root[data-theme="dark"] .hero h1 em, :root[data-theme="light"] .hero h1 em {
  color:#C9EF82!important;
}
.hero .eyebrow, :root[data-theme="dark"] .hero .eyebrow {color:#C9EF82!important;}
.hero .hero-copy>p, .hero .hero-stats span,
:root[data-theme="dark"] .hero :is(.hero-copy>p,.hero-stats span),
:root[data-theme="light"] .hero :is(.hero-copy>p,.hero-stats span) {
  color:#D8E6DD!important;opacity:1!important;
}
.hero .floating-note, :root[data-theme="dark"] .hero .floating-note {
  background:#F7FAF5!important;color:#173328!important;border-color:#D9E7DB!important;
}
.hero .floating-note :is(strong,small),
:root[data-theme="dark"] .hero .floating-note :is(strong,small) {
  color:#173328!important;opacity:1!important;
}
.hero .hero-sticker, :root[data-theme="dark"] .hero .hero-sticker {
  background:#C9EF82!important;color:#173328!important;
}
.hero .hero-sticker small, :root[data-theme="dark"] .hero .hero-sticker small {
  color:#173328!important;
}
/* Prevent dark-mode global rules from washing out lime CTA text. */
:root[data-theme="dark"] .post-banner .btn-dark,
:root[data-theme="light"] .post-banner .btn-dark {
  background:#C9EF82!important;color:#153B2E!important;
}
:root[data-theme="dark"] .post-banner .btn-dark:hover,
:root[data-theme="light"] .post-banner .btn-dark:hover {background:#B5DC6D!important;}

/* V15.4.9 production: review notice belongs inside the photo upload card */
#postForm .photo-upload-field .photo-review-note {
  display:flex; align-items:center; margin:9px 0 12px;
  padding:10px 12px; border-radius:10px; line-height:1.5;
  background:#edf4e9; color:#234337; border:1px solid #c9d9cc;
  font-size:12px; opacity:1;
}
:root[data-theme="dark"] #postForm .photo-upload-field .photo-review-note,
body.dark #postForm .photo-upload-field .photo-review-note {
  background:#29473a!important; color:#e9f5ec!important;
  border-color:#587764!important; opacity:1!important;
}
#postForm .photo-upload-field {min-width:0;}
#postForm .photo-upload-field #photoHelp {display:block;line-height:1.5;}

/* V15.5.0 compact photo uploader — preserves existing file input and JS handlers */
#postForm .photo-upload-modern{background:#192f26!important;color:#f6faf6!important;border:1px solid #496a58!important;border-radius:18px!important;padding:14px!important;display:block!important}
#postForm .photo-modern-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#postForm .photo-modern-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:750;color:#fff!important}
#postForm .photo-modern-title>span:first-child{color:#e0b64e!important}
#postForm .photo-modern-head>small{color:#c4d5c9!important;margin:0!important;white-space:nowrap}
#postForm .photo-drop-zone{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:98px;border:1px solid #557869;border-radius:12px;background:#254236!important;cursor:pointer;padding:12px;color:#fff!important}
#postForm .photo-drop-zone:hover,#postForm .photo-drop-zone:focus-within{background:#315341!important;border-color:#b6d5bf!important}
#postForm .photo-drop-icon{font-size:24px;line-height:1;color:#e0b64e!important}
#postForm .photo-drop-zone strong{font-size:14px;color:#fff!important}
#postForm .photo-drop-zone small{font-size:12px;color:#cbded1!important;margin:0!important}
#postForm .photo-upload-modern #postPhotos{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;clip-path:inset(50%)!important;padding:0!important;border:0!important}
#postForm .photo-modern-note{display:flex!important;align-items:flex-start;gap:8px;margin:12px 0!important;padding:0!important;background:transparent!important;border:0!important;color:#e2eee5!important;font-size:12px!important;line-height:1.55!important;opacity:1!important}
#postForm .photo-modern-note span{color:#e0b64e!important;flex:none}
#postForm .photo-modern-actions{display:flex;justify-content:flex-end}
#postForm .photo-modern-actions #clearPhotos{background:transparent!important;color:#d3e3d7!important;border:1px solid #426352!important;border-radius:12px!important;padding:8px 12px!important;font-size:12px!important}
#postForm .photo-modern-actions #clearPhotos:hover{background:#2b483a!important;color:#fff!important}
#postForm .photo-upload-modern .photo-previews{margin-top:10px}
@media(max-width:450px){#postForm .photo-upload-modern{padding:12px!important}#postForm .photo-modern-head{gap:5px}#postForm .photo-modern-note{font-size:11px!important}}

/* V15.5.1 — isolated theme contrast fixes for hero floating note and listing image badges. */
/* Keep light floating note readable despite global theme-specific strong/small rules. */
:root[data-theme="light"] .hero .floating-note,
:root:not([data-theme="dark"]) .hero .floating-note,
:root[data-theme="dark"] .hero .floating-note {
  background:#F7FAF5!important;
  color:#173328!important;
  border-color:#D9E7DB!important;
}
:root[data-theme="light"] .hero .floating-note :is(strong,small),
:root:not([data-theme="dark"]) .hero .floating-note :is(strong,small),
:root[data-theme="dark"] .hero .floating-note :is(strong,small) {
  color:#173328!important;
  opacity:1!important;
  -webkit-text-fill-color:#173328!important;
}
:root[data-theme="light"] .hero .floating-note .note-arrow,
:root[data-theme="dark"] .hero .floating-note .note-arrow {color:#26734F!important;}
/* Listing image badge is light on both themes; never inherit dark-mode white text. */
:root[data-theme="light"] .listing-image-wrap .tag,
:root[data-theme="dark"] .listing-image-wrap .tag,
:root:not([data-theme="dark"]) .listing-image-wrap .tag {
  background:#F7FAF5!important;
  color:#173328!important;
  -webkit-text-fill-color:#173328!important;
  border:1px solid #D9E7DB!important;
  opacity:1!important;
  text-shadow:none!important;
}
:root[data-theme="dark"] .listing-image-wrap .tag :is(span,strong,small),
:root[data-theme="light"] .listing-image-wrap .tag :is(span,strong,small) {
  color:#173328!important;
  -webkit-text-fill-color:#173328!important;
}

/* V15.5.2 compact property row */
#propertyFields .dl-property-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;grid-column:1/-1;width:100%;align-items:start}
#propertyFields .dl-property-three>label{min-width:0;margin:0}
#propertyFields .dl-property-three :is(input,select){width:100%;min-width:0}
@media(max-width:640px){#propertyFields .dl-property-three{grid-template-columns:1fr}}

/* V15.5.3: approved photo uploader adapts to light theme */
:root:not([data-theme="dark"]) #postForm .photo-upload-modern{background:#f7faf6!important;color:#20382f!important;border-color:#cbdccf!important}
:root:not([data-theme="dark"]) #postForm .photo-modern-title{color:#20382f!important}
:root:not([data-theme="dark"]) #postForm .photo-modern-head>small{color:#52665b!important}
:root:not([data-theme="dark"]) #postForm .photo-drop-zone{background:#eaf2eb!important;border-color:#a9c6b2!important;color:#20382f!important}
:root:not([data-theme="dark"]) #postForm .photo-drop-zone:hover,:root:not([data-theme="dark"]) #postForm .photo-drop-zone:focus-within{background:#deebdf!important;border-color:#628d70!important}
:root:not([data-theme="dark"]) #postForm .photo-drop-zone strong{color:#20382f!important}
:root:not([data-theme="dark"]) #postForm .photo-drop-zone small{color:#52665b!important}
:root:not([data-theme="dark"]) #postForm .photo-modern-note{color:#405b4b!important;background:transparent!important}
:root:not([data-theme="dark"]) #postForm .photo-modern-actions #clearPhotos{color:#20382f!important;border-color:#a9c6b2!important;background:#fff!important}
:root:not([data-theme="dark"]) #postForm .photo-modern-actions #clearPhotos:hover{color:#fff!important;background:#20382f!important}
/* V15.5.6 — listing specifications readable in dark mode */
:root[data-theme="dark"] .listing-page .listing-section .spec-tile{background:#263f33!important;border-color:#52705e!important;color:#f5f8f3!important}
:root[data-theme="dark"] .listing-page .listing-section .spec-tile .spec-icon{color:#d5e97b!important}
:root[data-theme="dark"] .listing-page .listing-section .spec-tile small{color:#c2d5c7!important;opacity:1!important}
:root[data-theme="dark"] .listing-page .listing-section .spec-tile strong{color:#fff!important;opacity:1!important}
:root[data-theme="dark"] .listing-page .listing-section h2{color:#f5f8f3!important}
