/* STRUCTURAL DRAFT ONLY: based on readable Surabaya page hierarchy.
   Visual values are inherited from Tangerang; no visual similarity score assigned. */
.quick-services{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:16px!important;padding-bottom:8px!important;font-size:14px}.quick-services .chip{min-height:44px;padding:10px 13px}
.reference-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:18px 0 0;padding:0}.reference-steps li{display:flex;gap:16px;padding:21px;border:1px solid var(--line);border-radius:10px;background:white}.step-number{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:50%;background:#eaf4fb;color:var(--navy);font-weight:700}.reference-steps h3{margin:0 0 9px;font-size:20px}.reference-steps p{font-size:15px;color:var(--muted);margin:0 0 12px}.reference-steps a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.reference-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reference-categories>a{display:flex;gap:15px;align-items:center;padding:22px 16px;border:1px solid var(--line);border-radius:9px;background:#fff}.reference-categories .icon{width:34px;height:34px;flex:none}.reference-categories strong{display:block;font-size:17px}.reference-categories small{display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:7px}.page-home .compact-vendors{grid-template-columns:repeat(4,minmax(0,1fr))}
.reference-reasons{padding:28px;border:1px solid var(--line);border-radius:10px;background:#f4f9fc}.reference-reasons h2{font-size:28px;margin:0 0 22px}.reference-reasons>div,.reference-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reference-reasons h3{font-size:19px;margin:0 0 8px}.reference-reasons p{font-size:15px;margin:0;color:var(--muted)}.reference-areas{display:flex;gap:15px;flex-wrap:wrap}.area-link{padding:18px 24px;border:1px solid var(--line);border-radius:8px;background:white;min-height:52px}.reference-guides>a{border:1px solid var(--line);border-radius:9px;padding:24px;background:#fff}.reference-guides h3{font-size:22px;line-height:1.35;margin:10px 0}.reference-guides p{font-size:15px;color:var(--muted)}
@media(max-width:900px){.reference-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-steps,.reference-reasons>div,.reference-guides{grid-template-columns:1fr}.reference-steps li{padding:18px}.reference-reasons{padding:23px}.reference-areas{display:grid;grid-template-columns:1fr;width:100%}}
@media(max-width:600px){.quick-services{font-size:12px;gap:7px}.quick-services .chip{font-size:12px}.reference-categories{gap:10px}.reference-categories>a{display:block;padding:15px 12px}.reference-categories strong{font-size:14px;margin-top:10px}.reference-categories small{font-size:12px}.reference-steps h3{font-size:18px}.reference-reasons h2{font-size:23px}.reference-guides h3{font-size:20px}.page-home .compact-vendors{display:flex}}
/* Coherent adaptation of the readable reference structure; live visual match remains unverified. */
.reference-page-heading{max-width:850px;margin:4px 0 30px}.reference-page-heading h1{font-size:42px;line-height:1.15;letter-spacing:-1px;margin:0 0 14px}.reference-page-heading>p{font-size:18px;line-height:1.6;color:var(--muted);margin:0}.reference-category-index{padding-bottom:45px!important}.reference-contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.reference-contact-grid .panel{padding:28px;margin:0;background:white}.reference-contact-grid h2{font-size:25px;margin:14px 0 10px}.reference-contact-grid p{font-size:16px;color:var(--muted)}.contact-illustration{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#edf5fc;color:#17558c}.contact-illustration .icon{width:30px;height:30px}.reference-contact .btn{min-height:48px;padding:11px 18px}.reference-legal{margin-top:30px;max-width:850px}.reference-legal h2{font-size:25px;margin-bottom:15px}.legal-link{display:flex;align-items:center;min-height:52px;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.reference-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reference-gallery figure{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.reference-gallery img{display:block;width:100%;height:190px;object-fit:cover}.reference-gallery figcaption{font-size:11px;letter-spacing:.5px;padding:9px 12px;color:var(--muted)}
.tangerang .profile-tabs{overflow-x:auto;justify-content:flex-start}.profile-tabs a{flex:0 0 auto;padding:18px 17px;white-space:nowrap;min-height:62px;font-size:17px}.tangerang .site-header .brand{font-size:19px}.tangerang .site-header .nav{gap:20px}.tangerang .site-header #primary-nav{gap:19px}.tangerang .site-header #primary-nav a{font-size:14px}.tangerang .nav-actions{gap:15px}.tangerang .nav-actions .btn{font-size:14px;padding:12px 16px;white-space:nowrap}
@media(min-width:901px) and (max-width:1200px){.tangerang .site-header .brand{font-size:16px;gap:7px}.tangerang .site-header .brand img{width:34px;height:34px}.tangerang .site-header .nav{gap:11px}.tangerang .site-header #primary-nav{gap:11px}.tangerang .site-header #primary-nav a{font-size:12px}.tangerang .nav-actions{gap:9px}.tangerang .nav-actions .btn{font-size:12px;padding:10px}.tangerang .nav-actions .compare-link{font-size:11px}.tangerang .site-header .wrap{padding-left:20px;padding-right:20px}}
@media(max-width:900px){.reference-contact-grid{grid-template-columns:1fr}.reference-page-heading h1{font-size:32px}.reference-page-heading>p{font-size:16px}.reference-contact-grid .panel{padding:23px}.reference-gallery img{height:150px}}
@media(max-width:600px){.tangerang .site-header .brand{font-size:16px}.tangerang .site-header .nav{gap:8px}.tangerang .profile-tabs{gap:0;padding:0 9px}.profile-tabs a{font-size:12px;padding:14px 10px;min-height:48px}.reference-page-heading{margin:4px 0 24px}.reference-page-heading h1{font-size:30px}.reference-contact-grid h2,.reference-legal h2{font-size:22px}.reference-contact-grid p{font-size:14px}.legal-link{font-size:14px;min-height:50px}.reference-gallery{gap:9px}.reference-gallery img{height:120px}.reference-gallery figcaption{font-size:9px;padding:8px}}

/* Text-only business identity: no unlicensed vendor imagery. */
.business-placeholder{background:#edf5f7!important;color:#164b59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px}.business-placeholder>span{font-size:42px;font-weight:750;letter-spacing:2px}.business-placeholder>small{font-size:12px;color:#52677b}.profile-heading{padding-top:24px}.vendor-area{overflow-wrap:anywhere}