/* Home nav: no decorative active-state dot. */
.desktop-nav a:first-child::after{display:none!important;content:none!important}

@media (max-width: 760px){
  .hero{overflow:visible;padding-bottom:42px}
  .hero-grid{min-height:0;display:block}
  .product-stage{height:auto;margin-top:28px}
  .product-ui{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;overflow:visible}
  .product-body{padding-bottom:20px}
  .deal-ticker{min-height:0}
  .workflow{height:auto;min-height:36px;padding:10px 0;flex-wrap:wrap;row-gap:6px}
  .product-link{height:auto;min-height:44px;padding:12px 14px;margin-top:4px;line-height:1.35}
}

.service-item{grid-template-columns:38px minmax(0,1fr);gap:12px}
.service-arrow{display:none!important}
.service-copy{min-width:0}
.service-copy strong,.service-copy small{line-height:1.35}
.service-item:nth-child(4) .service-copy small{font-size:0}
.service-item:nth-child(4) .service-copy small::after{content:"예상 분담금 계산";font-size:14px}

/* Featured cards use public-domain real photos instead of fallback vector art. */
.insight-art{background-position:center;background-size:cover;background-repeat:no-repeat}
.insight-art.art-1{background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/c/cc/A_street_in_Gangnam_residential_area%2C_Seoul.jpg/960px-A_street_in_Gangnam_residential_area%2C_Seoul.jpg")}
.insight-art.art-2{background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/Grue_chantier.JPG/960px-Grue_chantier.JPG")}
.insight-art.art-3{background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Seoul_garak_APT.jpg/960px-Seoul_garak_APT.jpg")}
.insight-art svg{display:none!important}

.final-cta{justify-content:center;gap:clamp(54px,8vw,118px)}
.final-cta>div:first-child{width:min(430px,48%)}
.cta-actions{flex:none}

@media (max-width: 900px) and (min-width: 521px){
  .final-cta{gap:40px;padding-left:30px;padding-right:30px}
  .final-cta>div:first-child{width:auto;flex:1}
}

@media (max-width: 520px){
  .service-item{grid-template-columns:38px minmax(0,1fr)}
  .final-cta>div:first-child{width:auto}
}

/* 2026-08-14 readability/accessibility pass.
   Keep the large display type and brand gold, but move repeated reading text
   toward a 13-16px scale and give touch controls a 44px floor. */
:root{--gold-text:#956600}

/* Desktop repeated text */
.desktop-nav a{font-size:14px}
.header-cta{min-height:44px;height:44px;font-size:14px}
.hero h1 em{color:var(--gold-text)}
.hero-live,.hero-stale{font-size:13px}
.trust{font-size:13px}
.product-brand,.source-dot,.product-top small,.float-card small,.transaction-tabs>*,.map-key,.workflow,.scope span{font-size:13px}
.product-link{min-height:44px;height:44px;font-size:13px}
.service-copy strong{font-size:15px}
.service-copy small{font-size:14px;color:#667085}
.section-head p:not(.kicker){font-size:14px;line-height:1.65}
.tabs button{min-height:44px;padding:9px 15px;font-size:14px}
.calculator-card{height:236px}
.calculator-card h3{font-size:16px}
.calculator-card p{font-size:14px;line-height:1.6}
.category-label,.card-action,.status{font-size:13px}
.calculator-card[style*="#d4a73a"] .category-label{color:var(--gold-text)}
.stats span{font-size:13px}
.insight-category{font-size:13px}
.insight-meta{color:#667085;font-size:13px}
.insight-link{font-size:13px}
.article-count{font-size:13px}
.article-row-copy strong{font-size:15px}
.article-row-copy small{color:#667085;font-size:13px}
.article-actions button{min-height:44px;font-size:14px}
.final-cta p{font-size:13px}
.final-cta span{font-size:14px}
.cta-actions a{min-height:44px;height:44px;font-size:14px}
.footer-group button{min-height:44px;font-size:14px}
.footer-group a,.footer-group div>span{font-size:13px}
.footer-bottom{font-size:13px}
.search-mode{font-size:13px}
.search-result{min-height:54px}
.search-result-copy strong{font-size:14px}
.search-result-copy small,.search-result-type,.search-all{font-size:13px}
.search-empty{font-size:13px}

/* Keep gold decorative elements bright; use darker gold only where it is actual text on white. */
.calculator-card[style*="#d4a73a"] .category-label,
.service-item[style*="#d4a73a"] .service-copy strong{color:var(--gold-text)}

/* Keep the numbered apartment workflow optically aligned. */
.workflow>span{display:inline-flex;align-items:center;gap:5px;line-height:1.2;white-space:nowrap}
.workflow>span>i{width:18px;height:18px;flex:0 0 18px;margin:0;display:inline-grid;place-items:center;line-height:1}
.workflow>b{display:inline-flex;align-items:center;line-height:1}

/* Search opens with three real destinations before the user types. */
.search-quick-head{padding:12px 14px 9px;border-bottom:1px solid #eceff2;color:var(--navy);font-size:13px;font-weight:700}
.search-quick-list{display:grid}
.search-quick-item{min-height:64px;padding:10px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:11px;border-bottom:1px solid #eceff2;background:#fff;transition:background .15s ease}
.search-quick-item:last-child{border-bottom:0}
.search-quick-item:hover,.search-quick-item:focus-visible{background:#f7f8fa;outline:none}
.search-quick-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:var(--navy);background:var(--gold-soft);font-size:13px;font-weight:700}
.search-quick-copy{min-width:0}
.search-quick-copy strong,.search-quick-copy small{display:block}
.search-quick-copy strong{color:var(--navy);font-size:14px;line-height:1.35}
.search-quick-copy small{margin-top:3px;color:#667085;font-size:13px;line-height:1.4}
.search-quick-arrow{color:var(--blue);font-size:16px;font-weight:700}

@media (max-width: 960px){
  .menu-button{width:44px;height:44px}
  .mobile-nav a{min-height:44px;display:flex;align-items:center;font-size:14px}
}

@media (max-width: 760px){
  /* Make horizontal sections visibly continue beyond the viewport. */
  .service-strip{grid-template-columns:repeat(4,minmax(210px,1fr));padding-right:22px;scroll-padding-right:22px}
  .insight-track{padding-right:36px;scroll-padding-right:36px}
  .insight{min-width:84%}
}

@media (max-width: 520px){
  .hero-lead{font-size:16px;line-height:1.7}
  .hero-live,.hero-stale,.trust{font-size:13px}
  .search{grid-template-columns:21px 1fr 46px}
  .search input{font-size:16px}
  .search button{width:46px;height:44px;min-height:44px}
  .search-results{max-height:min(66vh,520px)}
  .search-quick-head{padding:11px 12px 8px;font-size:13px}
  .search-quick-item{min-height:62px;padding:9px 12px;grid-template-columns:36px minmax(0,1fr) 18px;gap:10px}
  .search-quick-icon{width:34px;height:34px}
  .search-quick-copy strong{font-size:14px}
  .search-quick-copy small{font-size:13px}
  .product-brand,.source-dot,.product-top small,.float-card small,.workflow,.map-key,.scope span,.method strong{font-size:13px}
  .product-link{font-size:13px}
  .service-copy strong{font-size:16px}
  .service-copy small{font-size:14px}
  .tabs{gap:8px}
  .tabs button{min-height:44px;font-size:14px}
  .calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .calculator-card{height:230px;min-height:230px;padding:15px}
  .calculator-card h3{margin:12px 0 7px;font-size:16px;line-height:1.4}
  .calculator-card p{font-size:14px;line-height:1.55}
  .category-label,.card-action,.status{font-size:13px}
  .stats span{font-size:13px}
  .stats strong{font-size:16px}
  .insight-category,.insight-meta,.insight-link{font-size:13px}
  .article-count,.article-row-copy small{font-size:13px}
  .article-row-copy strong{font-size:15px}
  .article-actions button{min-height:44px;font-size:14px}
  .final-cta p{font-size:13px}
  .final-cta span{font-size:14px}
  .cta-actions a{min-height:48px;font-size:14px}
  .footer-group button{min-height:48px;font-size:14px}
  .footer-group a,.footer-group div>span,.footer-bottom{font-size:13px}
  .search-result-copy strong{font-size:14px}
  .search-result-copy small,.search-result-type,.search-mode{font-size:13px}
}

/* Keep two calculator columns on phones, including compact 360px screens. */
@media (max-width: 430px){
  .calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .calculator-card{height:232px;min-height:232px;padding:13px}
}