/* Readability trial; baseline saved at preview-before-usability-20260923-9222b43. */
:root{--muted:#52656e;--orange:#93651e}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;padding:12px 18px;border-radius:8px;background:var(--ink);color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0);outline:3px solid var(--orange);outline-offset:2px}
#main-content,#ilanlar h2{scroll-margin-top:100px}
#main-content:focus{outline:none}
#ilanlar h2:focus-visible{outline:2px solid var(--orange);outline-offset:6px;border-radius:3px}
body:has(>dialog[open]){overflow:hidden}
.header .nav a:focus-visible,.header .menu:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:4px}
@media(max-width:760px){.header .nav.open{max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain}}
.nav,.btn,.text-link{font-size:1rem}
.btn{min-height:48px;padding:13px 20px}
.text-link{min-height:44px}
.nav{gap:24px}
.section-head p,.project-copy p,.project-intro p,.advisor>p,.contact-band p,.page-intro>p,.about-copy p,.contact-copy p,.story-body p{font-size:1rem;line-height:1.8}
.location,.features,.result-count,.breadcrumbs,.field label,.field-label,.range-label,.term-options button,.listing-jump,.specification-list,.detail-table,.tag,.project-nav,.form-stack label{font-size:.9375rem}
.field select,.field input,.form-stack input,.form-stack textarea,.form-stack select{font-size:1rem;min-height:48px;height:auto;color:var(--ink)}
.search-fields .btn{height:auto;min-height:48px}
.field select{padding-right:30px}
.field input::placeholder,.form-stack input::placeholder,.form-stack textarea::placeholder{color:#5c6b72;opacity:1}
.search-tabs button,.chip{font-size:.9375rem;min-height:46px}
.filters{gap:10px}
.card h3{font-size:1.1875rem;line-height:1.5}
.features{gap:15px;flex-wrap:wrap}
.card-bottom{align-items:stretch;gap:14px;flex-direction:column}
.card-bottom .price{font-size:1.5rem;line-height:1.4}
.card-bottom>a.listing-open{width:100%;height:auto;min-height:46px;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #cbd5d8;border-radius:8px;background:#f2f6f6;font-size:1rem;font-weight:700}
.card-bottom>a.listing-open:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.save{width:44px;height:44px;right:12px;top:12px}
.photo-expand{width:44px;height:44px}
.photo-close,.plan-dialog-close,.story-dialog-close,#contact-dialog .close{min-width:44px;min-height:44px}
.story-action{font-size:1rem;min-height:48px}
.stories-demo-note,.plan-disclaimer,.specification-note,.advisor .small,.payment-note{font-size:.875rem!important;line-height:1.7}
.faq-list summary,.faq-list details:first-child summary{font-size:1rem;line-height:1.65}
.stat span,.project-info span,.benefit strong{font-size:.875rem}
.stat strong{font-size:1.1875rem}
.project-copy p,.project-intro .small{line-height:1.85}
.payment{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.payment h2{font-size:1.875rem;line-height:1.4}
.payment>div>p{font-size:1rem;line-height:1.8}
.payment-controls{gap:20px}
.payment-step+.payment-step{padding-top:20px;border-top:1px solid #d0dadd}
.payment-step-title,.field label.payment-step-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;line-height:1.5;margin:0 0 14px}
.payment-step-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:.875rem}
.payment-down-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.payment-down-choice select{font:inherit;padding:11px 30px 11px 12px;border:1px solid #b9c8cd;border-radius:7px;background:#fff;color:var(--ink);min-height:48px}
.payment-down-choice strong{font-size:1.125rem}
.payment-range-heading{margin:18px 0 4px;font-size:.875rem}
.payment-range-bounds{font-size:.875rem;color:var(--muted);margin:0}
#down{min-height:44px;margin:0;cursor:pointer}
.term-options{flex-wrap:wrap}
.term-options button{min-width:80px;min-height:48px;font-weight:600}
.payment-result{position:sticky;top:24px;padding:28px;min-width:0}
.payment-result>span{font-size:.875rem;letter-spacing:1px;font-weight:600;color:var(--muted)}
.payment-result .payment-monthly-label{font-size:1rem;margin:20px 0 0;color:var(--ink)}
.payment-result h3{font-size:clamp(1.75rem,3.1vw,2.5rem);line-height:1.3;overflow-wrap:anywhere;margin:6px 0 24px}
.payment-line{font-size:1rem;gap:14px;flex-wrap:wrap}
.payment-line strong{margin-left:auto}
#contact-dialog h2{padding-right:32px}
#contact-dialog p{font-size:1rem;line-height:1.8}
#contact-dialog .small{font-size:.875rem!important}
@media(max-width:1100px) and (min-width:761px){.nav{gap:16px;font-size:.9375rem}.header .wrap{gap:20px}.header .btn{padding-inline:13px;font-size:.9375rem}.payment{gap:28px;padding:30px}.payment-result{padding:24px}}
@media(max-width:760px){
 .menu{display:flex;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:7px 2px;font-size:.9375rem;font-weight:600}
 .header .wrap{gap:8px}
 .nav a{min-height:48px;display:flex;align-items:center;font-size:1rem}
 .search-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;height:auto;overflow:visible;padding-top:4px}
 .search-tabs button{white-space:normal}
 .search-tabs button:last-child{grid-column:1/-1}
 .search-tabs.single-deal{grid-template-columns:auto minmax(0,1fr)}
 .search-tabs.single-deal button:last-child{grid-column:auto}
 .section-head p{max-width:none}
 .section-head .text-link{white-space:normal}
 .photo-lightbox .photo-thumbs{max-height:84px}
 .stories-swipe-hint{font-size:.875rem}
 .payment{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px 22px}
 .payment h2{font-size:1.625rem}
 .payment-result{position:static;padding:24px 20px}
 .payment-result h3{font-size:2rem}
 .mobile-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
 .mobile-contact .btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:8px 4px;min-height:44px;font-size:.875rem;line-height:1.3;white-space:nowrap}
 .mobile-contact .btn .icon{width:17px;height:17px;flex:0 0 17px}
 .has-mobile-bar{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 .has-mobile-bar #toast{bottom:calc(76px + env(safe-area-inset-bottom))}
 #contact-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:26px 22px;overflow:auto}
 #contact-dialog h2{font-size:1.5rem;line-height:1.4;padding-right:26px}
 .listing-jump{flex-wrap:wrap;gap:12px 20px}
 .plan-unit-option strong,.plan-unit-option small{font-size:.875rem}
 .plan-sidebar>.btn{font-size:.9375rem}
}
@media(max-width:360px){.header .logo strong{font-size:14px}.menu{font-size:.875rem}.menu .icon{width:18px}.payment{padding:24px 16px}.payment-result{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}}