/* Pencari Kantor — visual mengikuti Beranda: Cloud, Navy, Celeste, dan kartu putih. */
.finder-modern{background:#F1F3F7;color:var(--brand-navy);padding-bottom:96px;min-height:80vh}
.finder-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.finder-intro{padding:26px 0 22px;background:#F1F3F7;border-bottom:1px solid #DCE4EC}
.finder-intro-line{width:39px;height:3px;background:var(--celeste);margin-bottom:11px}
.finder-modern h1,.finder-modern h2,.finder-modern h3{font-family:var(--display);color:var(--brand-navy);font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.finder-intro h1{font-size:clamp(2.15rem,3.2vw,2.9rem);line-height:1.15}
.finder-intro p{max-width:890px;margin:9px 0 0;color:#526078;font-size:.9rem;line-height:1.65}
.finder-layout{display:grid;grid-template-columns:minmax(315px,370px) minmax(0,1fr);gap:32px;align-items:start;padding-top:22px}
.finder-panel{background:#fff;border:1px solid #DCE4EC;border-radius:9px;box-shadow:0 8px 26px rgba(20,32,60,.035);overflow:hidden}
.finder-panel-head{background:var(--brand-navy);padding:16px 22px;color:#fff}
.finder-panel-head h2{color:#fff;font-size:1.16rem;line-height:1.4}
.finder-panel-head p{color:#BED0E2;font-size:.8rem;margin-top:4px}
.finder-fields{padding:20px}
.finder-field{min-width:0}
.finder-field+.finder-field,.finder-pair,.finder-more{margin-top:15px}
.finder-field>label{display:flex;justify-content:space-between;gap:12px;color:var(--brand-navy);font-size:.79rem;font-weight:700;margin-bottom:9px}
.finder-field>label span{color:#66758B;font-weight:400}
.finder-input{width:100%;min-width:0;min-height:46px;border:1px solid #D8E1EA;background:#F8FAFC;border-radius:6px;padding:11px 12px;color:var(--brand-navy);font:500 .85rem var(--body);outline:none;box-sizing:border-box}
.finder-input:focus-visible{border-color:#6AADE1;box-shadow:0 0 0 3px rgba(109,177,225,.2)}
.finder-input::placeholder{color:#7B879A}
.finder-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.finder-pair .finder-field+.finder-field{margin-top:0}
.finder-field-help{font-size:.73rem;line-height:1.7;color:#66758B;margin:9px 0 0}
.finder-pair+.finder-field-help{margin-top:8px}
.finder-field-help+.finder-field{margin-top:15px}
.finder-money{position:relative}.finder-money>span{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:.8rem;font-weight:700;color:#53667E;pointer-events:none}.finder-money input{padding-left:39px}
.finder-more{border-top:1px solid #DFE5EC;padding-top:12px}
.finder-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.81rem;font-weight:700;color:var(--brand-navy);padding:2px 0}
.finder-more summary::-webkit-details-marker{display:none}.finder-more[open] summary>span{transform:rotate(180deg)}
.finder-more-body{padding-top:17px}.finder-more-body .finder-field+.finder-field{margin-top:17px}
.finder-check{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:#42526A;font-size:.75rem;line-height:1.6;cursor:pointer}.finder-check input{margin:3px 0 0;accent-color:var(--brand-navy)}
.finder-error{font-size:.75rem;line-height:1.6;color:#9F351B;background:#FFF1EB;border:1px solid #F0C2AE;padding:10px 12px;border-radius:5px;margin:20px 0 0}
.finder-form-actions{display:flex;flex-direction:column;gap:7px;margin-top:18px}
.finder-submit{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:48px;padding:12px 17px;background:var(--brand-navy);border:1px solid var(--brand-navy);border-radius:6px;color:#fff;font:700 .8rem var(--body);cursor:pointer;transition:background .16s}
.finder-submit:hover{background:#263A5F}.finder-submit span{font-size:1rem;font-weight:400;color:var(--celeste)}
.finder-reset{align-self:center;border:0;background:transparent;color:#526078;text-decoration:underline;text-underline-offset:4px;font:600 .75rem var(--body);padding:8px;cursor:pointer}
.finder-results{min-width:0;scroll-margin-top:calc(var(--nav-h,80px) + 20px)}
.finder-empty{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:275px;background:#fff;border:1px solid #DCE4EC;border-radius:9px;padding:34px;box-sizing:border-box}
.finder-empty-icon{display:grid;place-items:center;width:46px;height:46px;background:#E9F4FC;color:#3F7CAA;border-radius:7px;margin-bottom:28px}
.finder-empty h2{font-size:1.55rem;line-height:1.35}.finder-empty p{max-width:500px;color:#526078;font-size:.86rem;line-height:1.85;margin:14px 0 0}
.finder-empty-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.finder-empty-facts span{border:1px solid #DBE6EF;border-radius:4px;color:#526078;padding:8px 11px;font-size:.68rem}
.finder-no-results{min-height:280px}.finder-contact-link{display:inline-flex;margin-top:23px;color:var(--brand-navy);font-size:.78rem;font-weight:700;text-decoration:none;border-bottom:1px solid #9EB4C9;padding-bottom:4px;gap:15px}
.finder-result-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:4px 0 20px}
.finder-result-kicker{color:#5A7693;font-size:.66rem;font-weight:700;letter-spacing:.1em}
.finder-result-head h2{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.3;margin-top:8px}
.finder-result-head p{max-width:590px;font-size:.78rem;line-height:1.75;color:#526078;margin-top:9px}
.finder-compare-link{flex:none;display:inline-flex;align-items:center;gap:8px;color:var(--brand-navy);font-size:.73rem;font-weight:700;text-decoration:none;border:1px solid #BCCDDD;border-radius:5px;background:white;padding:10px 12px;white-space:nowrap}
.finder-compare-link.is-disabled{color:#8996A7;border-color:#D9E1EA;cursor:not-allowed}
.finder-result-list{display:grid;gap:15px}
.finder-card{display:grid;grid-template-columns:215px minmax(0,1fr);min-width:0;background:#fff;border:1px solid #DCE4EC;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(20,32,60,.018)}
.finder-card{scroll-margin-top:calc(var(--nav-h,80px) + 20px)}
.finder-card-photo{position:relative;display:block;min-height:100%;background:#E5ECF3;overflow:hidden}.finder-card-photo .property-photo{position:absolute;inset:0;display:block}.finder-card-photo .real-photo{width:100%;height:100%;object-fit:cover;display:block}
.finder-card-photo .photo-label{font-size:.64rem;padding:5px 8px;border-radius:4px;left:11px;bottom:12px}
.finder-card-body{min-width:0;padding:21px 23px 15px}
.finder-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.finder-card-district{display:block;font-size:.68rem;color:#5B7290;margin-bottom:5px}
.finder-card h3{font-size:1.17rem;line-height:1.35}.finder-card h3 a{color:inherit;text-decoration:none}.finder-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.finder-card-grade{flex:none;background:#E7F2FB;color:#164B83;border-radius:4px;padding:5px 8px;font-size:.66rem;font-weight:700}
.finder-card-facts{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;border-block:1px solid #E3E8EE;padding:14px 0;margin:15px 0 10px}
.finder-card-facts>div>span{display:block;font-size:.66rem;color:#66758B;line-height:1.5}.finder-card-facts strong{display:block;color:var(--brand-navy);font-size:.9rem;line-height:1.4;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.finder-card-facts small{display:block;color:#66758B;font-size:.62rem;margin-top:2px}
.finder-budget{display:inline-flex;font-size:.65rem;font-weight:700;border-radius:4px;padding:5px 8px;margin-bottom:8px;background:#EDF4FA;color:#345E83}.finder-budget.within{background:#E8F5EE;color:#176543}.finder-budget.possible{background:#FFF4E5;color:#895813}.finder-budget.over{background:#FEF0EC;color:#A84C31}
.finder-card-transit,.finder-card-note{font-size:.7rem;line-height:1.65;color:#526078}.finder-card-transit{display:flex;align-items:start;gap:6px}.finder-card-transit svg{flex:none;margin-top:2px;color:#5A86AE}.finder-card-note{margin-top:5px}
.finder-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.finder-card-actions>a,.finder-card-actions>button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 10px;border-radius:5px;font:700 .72rem var(--body);text-decoration:none;cursor:pointer}.finder-card-primary{background:var(--brand-navy);color:#fff;border:1px solid var(--brand-navy)}.finder-card-primary:hover{background:#263A5F;color:#fff}.finder-card-secondary{background:white;color:var(--brand-navy);border:1px solid #B8CAD9}.finder-card-secondary:hover{background:#F0F6FA}
.finder-card-utilities{display:flex;align-items:center;gap:20px;margin-top:11px}.finder-card-utilities .save-btn{min-height:30px;padding:2px 0;border:0;background:transparent;color:#526078;font-size:.7rem;box-shadow:none}.finder-card-utilities .cmp-check{font-size:.7rem;color:#526078}.finder-card-utilities .cmp-check input{accent-color:var(--brand-navy)}
.finder-load-more{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;margin-top:17px;min-height:46px;background:white;color:var(--brand-navy);border:1px solid #B9CDDD;border-radius:6px;font:700 .76rem var(--body);cursor:pointer}.finder-load-more:hover{background:#F6FAFC}
.finder-modern a:focus-visible,.finder-modern button:focus-visible,.finder-modern summary:focus-visible{outline:2px solid #2B5FD9;outline-offset:3px}
@media(max-width:1050px){.finder-container{width:min(100% - 48px,1200px)}.finder-layout{grid-template-columns:minmax(285px,340px) minmax(0,1fr);gap:20px}.finder-card{grid-template-columns:170px minmax(0,1fr)}.finder-card-body{padding:18px}.finder-result-head{align-items:start;flex-direction:column}}
@media(max-width:790px){.finder-layout{grid-template-columns:minmax(0,1fr)}.finder-panel{max-width:none}.finder-results{margin-top:4px}.finder-card{grid-template-columns:205px minmax(0,1fr)}.finder-result-head{flex-direction:row;align-items:end}}
@media(max-width:620px){.finder-container{width:calc(100% - 36px)}.finder-intro{padding:20px 0 18px}.finder-intro-line{margin-bottom:10px}.finder-intro h1{font-size:2.1rem}.finder-intro p{font-size:.8rem;line-height:1.6;margin-top:8px}.finder-layout{padding-top:15px;gap:24px}.finder-panel-head{padding:14px 18px}.finder-fields{padding:17px 18px}.finder-pair{gap:10px}.finder-empty{padding:28px 23px;min-height:260px}.finder-empty h2{font-size:1.3rem}.finder-empty-facts{margin-top:22px}.finder-result-head{display:block;margin-bottom:16px}.finder-result-head h2{font-size:1.55rem}.finder-compare-link{margin-top:15px}.finder-card{display:block}.finder-card-photo{height:165px;min-height:0}.finder-card-body{padding:18px}.finder-card-facts{gap:8px}.finder-card-facts strong{font-size:.83rem}.finder-card h3{font-size:1.18rem}.finder-card-actions>a,.finder-card-actions>button{min-height:42px}.finder-modern{padding-bottom:70px}}
@media(max-width:360px){.finder-pair{grid-template-columns:1fr}.finder-card-facts{grid-template-columns:1fr 1fr}.finder-card-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.finder-modern *{scroll-behavior:auto!important;transition:none!important}}