/* SobangNet v11.12.7-preview — mobile homepage conversion UX
   Scope: homepage only. Desktop and all service/detail pages remain unchanged. */
.mobile-case-peek,.mobile-faq-toggle{display:none}

@media(max-width:660px){
  /* 1) First viewport: one proposition, one task, one compact proof. */
  .home-page .hero{padding:20px 0 22px!important}
  .home-page .hero .hin{display:block!important}
  .home-page .hero .hin>div:nth-child(2){display:none!important}
  .home-page .hero .pill{max-width:100%;font-size:11.2px!important;line-height:1.35;padding:6px 11px!important}
  .home-page .hero h1.hh{margin-top:13px!important;font-size:clamp(25px,7.1vw,29px)!important;line-height:1.2!important;letter-spacing:-.052em!important}
  .home-page .hero .home-hsub-mobile{margin-top:11px!important;font-size:13.2px!important;line-height:1.55!important;letter-spacing:-.04em!important}
  .home-page .hero .home-hsub-mobile>span{white-space:normal!important}
  .home-page .smart-start{margin-top:15px!important;padding:13px!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(22,48,92,.07)!important}
  .home-page .smart-start>label{font-size:12.5px!important}
  .home-page .smart-start-form{margin-top:7px!important;gap:7px!important}
  .home-page .smart-start-form input{height:50px!important;font-size:14px!important}
  .home-page .smart-start-form .btn{min-height:49px!important;font-size:14.5px!important}
  .home-page .sample-links,.home-page .handoff-flow{display:none!important}
  .home-page .smart-start-note{margin-top:8px!important;font-size:11.9px!important;line-height:1.52!important}
  .home-page .hfree{margin-top:9px!important;font-size:11.8px!important;line-height:1.52!important;align-items:flex-start!important}

  .mobile-case-peek{display:grid!important;grid-template-columns:1fr auto;gap:1px 10px;align-items:center;margin-top:10px;padding:11px 12px;border:1px solid #E4DDD6;border-radius:12px;background:#fff;color:#4D555E;box-shadow:0 7px 20px rgba(22,48,92,.04)}
  .mobile-case-peek .mobile-case-kicker{grid-column:1/-1;color:#8E201B;font-size:10.8px;font-weight:900;letter-spacing:.02em}
  .mobile-case-peek strong{font-size:13.2px;color:#16305C;line-height:1.45}
  .mobile-case-peek>span:not(.mobile-case-kicker){font-size:11.3px;line-height:1.45}
  .mobile-case-peek b{grid-column:2;grid-row:2/4;color:#CE2E26;font-size:11.5px;white-space:nowrap}

  /* 2) Ongoing value: retain the message, remove the four-card repetition. */
  .home-page .building-retention{padding:26px 0!important}
  .home-page .retention-grid{display:block!important}
  .home-page .retention-grid .lab{font-size:11px!important}
  .home-page .retention-grid h2{margin-top:4px!important;font-size:20px!important;line-height:1.35!important}
  .home-page .retention-grid>div>p:not(.lab){margin-top:8px!important;font-size:12.7px!important;line-height:1.58!important}
  .home-page .retention-note,.home-page .retention-cards{display:none!important}
  .home-page .building-retention .btn{margin-top:13px!important;min-height:46px!important;font-size:14px!important}

  /* 3) Service discovery: 2x2 compact launchpad instead of long cards. */
  .home-page .services-home{padding:28px 0!important}
  .home-page .services-home .sh{margin-bottom:13px!important;gap:4px!important}
  .home-page .services-home .sh h2{font-size:20px!important;line-height:1.38!important}
  .home-page .services-home .g4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .home-page .services-home .card{min-height:104px!important;padding:13px 12px!important;border-radius:13px!important}
  .home-page .services-home .card .ico{width:31px!important;height:31px!important;margin-bottom:8px!important}
  .home-page .services-home .card h3{font-size:14.2px!important;line-height:1.35!important}
  .home-page .services-home .card p{display:none!important}
  .home-page .services-home .card .go{margin-top:5px!important;font-size:10.8px!important;line-height:1.4!important}

  /* 4) The homepage does not need a second calculator on mobile. Preserve the explanation and link to /cost/. */
  .home-page .fee-highlight{padding:27px 0!important}
  .home-page .fee-highlight .sh{margin:0!important;gap:6px!important}
  .home-page .fee-highlight .sh h2{font-size:20px!important;line-height:1.38!important}
  .home-page .fee-highlight .sh p:not(.lab){margin-top:7px!important;font-size:12.6px!important;line-height:1.58!important}
  .home-page .fee-highlight .mc2{display:none!important}
  .home-page .fee-highlight .more{display:inline-flex!important;margin-top:5px!important;min-height:40px;align-items:center;font-size:12.5px!important;font-weight:850!important}

  /* Founder story is available on /about/; removing it from the mobile homepage avoids a non-task detour. */
  .home-page .founder-section{display:none!important}

  /* 5) Legal trust: keep all four topics, but make them scan like alerts. */
  .home-page .law-home{padding:28px 0!important}
  .home-page .law-home .sh{margin-bottom:13px!important;gap:5px!important}
  .home-page .law-home .sh h2{font-size:20px!important;line-height:1.38!important}
  .home-page .law-home .g4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .home-page .law-home .card{min-height:112px!important;padding:12px 11px!important;border-radius:12px!important}
  .home-page .law-home .card h3{font-size:13.2px!important;line-height:1.4!important}
  .home-page .law-home .card p{margin-top:6px!important;font-size:11.4px!important;line-height:1.5!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  .home-page .law-home .btn{width:100%!important;margin-top:2px!important;min-height:43px!important;font-size:13px!important}

  /* 6) Role guides: keep the choice, remove explanatory duplication already present on guide pages. */
  .home-page .guide-choice{padding:28px 0!important}
  .home-page .guide-choice .sh{margin-bottom:13px!important;gap:5px!important}
  .home-page .guide-choice .sh h2{font-size:20px!important;line-height:1.38!important}
  .home-page .guide-choice .sh>div>p:not(.lab){display:none!important}
  .home-page .guide-choice-grid{gap:9px!important}
  .home-page .guide-choice-card{min-height:112px!important;padding:16px 15px 42px!important;border-radius:14px!important}
  .home-page .guide-choice-card .guide-role{font-size:10.8px!important}
  .home-page .guide-choice-card h3{margin-top:7px!important;font-size:18px!important}
  .home-page .guide-choice-card>p,.home-page .guide-choice-card ul{display:none!important}
  .home-page .guide-choice-card>b{left:15px!important;right:auto!important;bottom:14px!important;font-size:11.8px!important}

  /* 7) FAQ: three questions first; the rest remain one tap away and in the DOM. */
  .home-page .faq-home{padding:28px 0!important}
  .home-page .faq-home .sh{margin-bottom:12px!important}
  .home-page .faq-home .sh h2{font-size:20px!important}
  .home-page .faq-home details.acc:nth-of-type(n+4){display:none}
  .home-page .faq-home.faq-expanded details.acc{display:block}
  .home-page .faq-home details.acc>summary{min-height:48px!important;padding:12px 13px!important;font-size:13.2px!important;line-height:1.45!important}
  .home-page .faq-home .accb{padding:0 13px 13px!important;font-size:12.5px!important;line-height:1.6!important}
  .mobile-faq-toggle{display:flex!important;width:100%;min-height:44px;margin-top:10px;align-items:center;justify-content:center;border:1px solid #D8DDE4;border-radius:10px;background:#fff;color:#16305C;font-size:13px;font-weight:850;cursor:pointer}

  /* 8) Final conversion and footer: only essential operational information before the dock. */
  .home-page .channel-final{padding:31px 0 34px!important}
  .home-page .channel-final h2{font-size:21px!important}
  .home-page .channel-final-copy{font-size:12.5px!important;line-height:1.58!important}
  .home-page .channel-cta-row{margin-top:17px!important}
  .home-page .channel-role{display:none!important}
  .home-page .channel-free-note{margin-top:10px!important;font-size:11.5px!important;line-height:1.5!important}

  .home-page footer .fin>div:nth-child(2){display:none!important}
  .home-page footer .fsrc,.home-page footer .fver{display:none!important}
  .home-page footer .fin{gap:16px!important}
  .home-page footer{padding-top:27px!important}
  .home-page footer .fbrand .fbt{margin-top:7px!important}
  .home-page footer .fbrand .fbc{margin-top:11px!important;gap:6px!important}
  .home-page footer .fbiz{margin-top:10px!important;gap:4px!important}
  .home-page footer .fbot{margin-top:18px!important;padding-top:14px!important;line-height:1.55!important}
}

@media(max-width:380px){
  .home-page .services-home .card{padding-inline:10px!important}
  .home-page .services-home .card h3{font-size:13.6px!important}
  .home-page .law-home .card{padding-inline:9px!important}
  .home-page .law-home .card h3{font-size:12.7px!important}
}

@media(max-width:340px){
  /* Legal guidance must remain readable even on narrow legacy devices. */
  .home-page .law-home .g4{grid-template-columns:1fr!important}
  .home-page .law-home .card{min-height:0!important}
}

/* SobangNet v11.12.8-preview — mobile homepage compact pass
   Scope: homepage presentation only. Desktop and all detail/service pages stay on v11.12.6/7 behavior. */
.mobile-copy,.hfree-mobile-short,.mobile-law-grid,.mobile-guide-links,.mobile-faq-short{display:none}
.law-action{margin-top:18px}

@media (max-width:860px){
  /* Shared rhythm: denser but not cramped. */
  .home-page .desktop-copy{display:none!important}
  .home-page .mobile-copy{display:block!important}
  .home-page section:not(.hero):not(.channel-final){padding-top:23px!important;padding-bottom:23px!important}
  .home-page .sh{margin-bottom:10px!important;gap:4px!important}
  .home-page .sh .lab{margin-bottom:2px!important;font-size:10.6px!important;line-height:1.2!important}
  .home-page .sh h2,
  .home-page .retention-grid h2{font-size:19px!important;line-height:1.28!important;letter-spacing:-.045em!important}
  .home-page .mobile-brief{margin-top:6px!important;font-size:12.4px!important;line-height:1.48!important;color:#68717B!important}
  .home-page .more{font-size:11.8px!important;line-height:1.25!important}

  /* Hero: one compact supporting sentence, one trust line. */
  .home-page .hero{padding-bottom:18px!important}
  .home-page .hero .home-hsub-mobile{max-width:33em;margin-top:9px!important;font-size:13px!important;line-height:1.48!important}
  .home-page .smart-start{margin-top:13px!important}
  .home-page .smart-start-note{margin-top:7px!important;line-height:1.45!important}
  .home-page .hfree-desktop{display:none!important}
  .home-page .hfree-mobile-short{display:flex!important;margin-top:8px!important;font-size:11.7px!important;line-height:1.42!important;align-items:flex-start!important}
  .home-page .chips,.home-page .hnote{display:none!important}
  .home-page .mobile-case-peek{margin-top:8px!important;padding:9px 11px!important}

  /* Building retention: summary + one action only. */
  .home-page .building-retention{padding-top:22px!important;padding-bottom:22px!important}
  .home-page .retention-grid .lab{font-size:10.6px!important;line-height:1.2!important}
  .home-page .retention-grid h2{margin-top:3px!important}
  .home-page .retention-grid .mobile-brief{margin-top:6px!important}
  .home-page .building-retention .btn{margin-top:11px!important;min-height:43px!important;font-size:13.4px!important}

  /* Services: title is short; keep 2x2 actions. */
  .home-page .services-home .g4{gap:8px!important}
  .home-page .services-home .card{min-height:94px!important;padding:11px 10px!important}
  .home-page .services-home .card .ico{width:28px!important;height:28px!important;margin-bottom:6px!important}
  .home-page .services-home .card h3{font-size:13.4px!important;line-height:1.25!important}
  .home-page .services-home .card .go{margin-top:4px!important;font-size:10.4px!important;line-height:1.28!important}

  /* Cost: no calculator duplication, concise explanation. */
  .home-page .fee-highlight .sh{margin-bottom:0!important}
  .home-page .fee-highlight .mobile-brief{max-width:30em}
  .home-page .fee-highlight .more{margin-top:1px!important;min-height:34px!important;font-size:11.8px!important}

  /* Law: replace four explanatory cards with four key facts. */
  .home-page .law-desktop-grid{display:none!important}
  .home-page .mobile-law-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:2px}
  .home-page .mobile-law-item{min-height:77px;padding:10px 9px;border:1px solid #E4DDD6;border-radius:11px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:3px}
  .home-page .mobile-law-item>span{font-size:10.5px;line-height:1.2;color:#737B84;font-weight:800;letter-spacing:-.03em}
  .home-page .mobile-law-item>strong{font-size:12.3px;line-height:1.32;color:#8E201B;font-weight:900;letter-spacing:-.045em;word-break:keep-all}
  .home-page .mobile-law-item>small{font-size:9.9px;line-height:1.25;color:#7B838C;font-weight:700}
  .home-page .law-action{margin-top:9px!important}
  .home-page .law-action .btn{min-height:40px!important;font-size:12.4px!important;width:100%!important}

  /* Guide: two light rows instead of two large cards. */
  .home-page .guide-choice .sh>div>p:not(.lab){display:none!important}
  .home-page .guide-desktop-grid{display:none!important}
  .home-page .mobile-guide-links{display:grid!important;gap:7px;margin-top:2px}
  .home-page .mobile-guide-links>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:55px;padding:9px 12px;border:1px solid #E1E5EA;border-radius:11px;background:#fff;text-decoration:none;color:#16305C}
  .home-page .mobile-guide-links>a>span{font-size:10.3px;line-height:1.2;color:#7B838C;font-weight:750;white-space:nowrap}
  .home-page .mobile-guide-links>a>b{font-size:13.4px;line-height:1.25;font-weight:900;letter-spacing:-.035em}
  .home-page .mobile-guide-links>a>em{font-size:15px;font-style:normal;font-weight:900;color:#CE2E26}

  /* FAQ: only two conversion-blocking questions on the mobile home; answers remain native collapsed details. */
  .home-page .faq-home .sh .desktop-copy{display:none!important}
  .home-page .faq-home .sh .mobile-copy{display:block!important}
  .home-page .faq-desktop-list{display:none!important}
  .home-page .mobile-faq-short{display:block!important}
  .home-page .mobile-faq-short details.acc{display:block!important;margin-top:7px!important}
  .home-page .mobile-faq-short details.acc:first-child{margin-top:0!important}
  .home-page .mobile-faq-short details.acc>summary{min-height:44px!important;padding:10px 12px!important;font-size:12.8px!important;line-height:1.35!important}
  .home-page .mobile-faq-short .accb{padding:0 12px 11px!important;font-size:12.2px!important;line-height:1.5!important}
  .home-page .mobile-faq-toggle{display:none!important}

  /* Final CTA: repeat function, not explanation. */
  .home-page .channel-final{padding:24px 0 27px!important}
  .home-page .channel-final h2{font-size:19px!important;line-height:1.28!important}
  .home-page .channel-final-copy{margin-top:5px!important;font-size:12.2px!important;line-height:1.42!important}
  .home-page .channel-cta-row{margin-top:13px!important}
  .home-page .channel-free-note{display:none!important}

  /* Partner band: one-line prompt + compact action. */
  .home-page + .pband .pbin,
  .pband .pbin{min-height:48px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;padding-top:8px!important;padding-bottom:8px!important}
  .pband .pbin>div{font-size:11.6px!important;line-height:1.2!important;white-space:nowrap!important;min-width:0!important}
  .pband .pbin>div b{font-size:11.6px!important}
  .pband .pbin>a{font-size:11.2px!important;line-height:1.2!important;white-space:nowrap!important;flex:0 0 auto!important}
  .pband .mobile-copy{display:inline!important}
  .pband .desktop-copy{display:none!important}

  /* Footer rhythm. */
  .home-page footer{padding-top:23px!important}
  .home-page footer .fbrand .fbt{line-height:1.45!important}
  .home-page footer .fbot{margin-top:15px!important;padding-top:12px!important;line-height:1.45!important}
}

@media (max-width:359px){
  .home-page .mobile-law-grid{grid-template-columns:1fr!important}
  .home-page .mobile-law-item{min-height:61px!important}
  .home-page .mobile-guide-links>a{grid-template-columns:1fr auto!important}
  .home-page .mobile-guide-links>a>span{display:none}
  .pband .pbin>div{font-size:11px!important}
  .pband .pbin>div b{font-size:11px!important}
  .pband .pbin>a{font-size:10.8px!important}
}

/* SobangNet v11.12.9-preview — SEO-safe mobile disclosure layer
   Goal: keep the compact mobile homepage while making important desktop context
   directly accessible to mobile users through native <details> accordions.
   Desktop rendering and all detail/service pages remain unchanged. */
.mobile-seo-details{display:none}

@media (max-width:860px){
  .home-page .mobile-seo-details.mobile-copy{
    display:block!important;
    margin-top:9px;
    border-top:1px solid #E7E2DC;
  }
  .home-page .mobile-seo-details>summary{
    list-style:none;
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px 1px 4px;
    color:#5E6873;
    font-size:11.4px;
    line-height:1.35;
    font-weight:850;
    letter-spacing:-.025em;
    cursor:pointer;
  }
  .home-page .mobile-seo-details>summary::-webkit-details-marker{display:none}
  .home-page .mobile-seo-details>summary::after{
    content:'+';
    width:20px;
    height:20px;
    border:1px solid #D9DEE5;
    border-radius:50%;
    display:grid;
    place-items:center;
    flex:0 0 20px;
    color:#16305C;
    background:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1;
  }
  .home-page .mobile-seo-details[open]>summary::after{content:'−'}
  .home-page .mobile-seo-body{
    padding:5px 0 4px;
    color:#59636E;
    font-size:11.7px;
    line-height:1.58;
    letter-spacing:-.02em;
  }
  .home-page .mobile-seo-body p{margin:0 0 8px}
  .home-page .mobile-seo-body p:last-child{margin-bottom:0}
  .home-page .mobile-seo-body b{color:#26313D;font-weight:900}
  .home-page .mobile-seo-note{
    margin-top:8px!important;
    padding-top:8px;
    border-top:1px dashed #DED8D1;
    color:#777F87;
    font-size:10.9px;
    line-height:1.55;
  }
  .home-page .mobile-law-detail p b{color:#8E201B}
  .home-page .mobile-guide-detail p b{color:#16305C}

  /* Preserve the compact section rhythm introduced in v11.12.8. */
  .home-page .fee-highlight .mobile-seo-details,
  .home-page .guide-choice .mobile-seo-details{margin-top:7px}
  .home-page .law-home .mobile-seo-details{margin-top:8px}
}

/* SobangNet v11.12.10-preview — mobile all-category compact accordion layer
   SEO principle: content remains server-rendered in the HTML. On mobile, secondary
   information is collapsed with native <details>; no content is fetched on click.
   Desktop layout remains unchanged. */

.mobile-page-details>summary,
.mobile-block-details>summary{display:none}

@media (min-width:861px){
  .mobile-page-details,
  .mobile-block-details{display:block!important}
  .mobile-page-details>summary,
  .mobile-block-details>summary{display:none!important}
  .mobile-page-details:not([open])>.mobile-page-details-body,
  .mobile-block-details:not([open])>.mobile-block-details-body{display:block!important}
  .mobile-page-details>.mobile-page-details-body,
  .mobile-block-details>.mobile-block-details-body{display:block!important}
}

@media (max-width:860px){
  /* Global mobile rhythm: short hero, consistent line-height, no desktop-sized empty bands. */
  body{line-height:1.55}
  main>.ph,
  main>.cert-hero{padding:24px 0!important}
  main>.ph h1,
  main>.cert-hero h1{font-size:clamp(24px,6.6vw,28px)!important;line-height:1.25!important;letter-spacing:-.05em!important;word-break:keep-all}
  main>.ph .lede,
  main>.cert-hero .lede{margin-top:9px!important;font-size:13px!important;line-height:1.55!important}
  main>.ph .crumb,
  main>.cert-hero .crumb{margin-bottom:8px!important;font-size:10.8px!important;line-height:1.3!important}
  main>.ph .lab,
  main>.cert-hero .lab{font-size:10.6px!important;line-height:1.25!important}

  /* Native details used across service/information categories. */
  section.mobile-collapse-section{padding:0!important}
  section.mobile-collapse-section+.mobile-collapse-section{border-top:0}
  .mobile-page-details{display:block;border-top:1px solid #E6E9ED;background:inherit}
  .mobile-page-details>summary,
  .mobile-block-details>summary{
    list-style:none;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:54px;
    color:#16305C;
    font-size:14px;
    line-height:1.32;
    font-weight:900;
    letter-spacing:-.035em;
    cursor:pointer;
    word-break:keep-all;
  }
  .mobile-page-details>summary{width:min(100% - 28px,1120px);margin:0 auto;padding:11px 0}
  .mobile-block-details>summary{padding:11px 12px}
  .mobile-page-details>summary::-webkit-details-marker,
  .mobile-block-details>summary::-webkit-details-marker{display:none}
  .mobile-page-summary-text,
  .mobile-block-details>summary>span{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    max-width:calc(100% - 34px);
  }
  .mobile-page-details>summary::after,
  .mobile-block-details>summary::after{
    content:'+';
    flex:0 0 24px;
    width:24px;height:24px;
    display:grid;place-items:center;
    border:1px solid #D8DEE6;
    border-radius:50%;
    background:#fff;
    color:#16305C;
    font-size:15px;
    line-height:1;
    font-weight:750;
  }
  .mobile-page-details[open]>summary::after,
  .mobile-block-details[open]>summary::after{content:'−'}
  .mobile-page-details[open]>summary,
  .mobile-block-details[open]>summary{color:#8E201B}
  .mobile-page-details-body{padding:0 0 18px}
  .mobile-block-details-body{padding:0 0 10px}
  .mobile-page-details-body .sh{margin-bottom:11px!important;gap:6px!important}
  .mobile-page-details-body .sh h2{font-size:18px!important;line-height:1.34!important;letter-spacing:-.04em!important;word-break:keep-all}
  .mobile-page-details-body .sh .lab{font-size:10.3px!important;line-height:1.2!important}
  .mobile-page-details-body p,
  .mobile-page-details-body li{font-size:12.5px!important;line-height:1.58!important}
  .mobile-page-details-body .card,
  .mobile-page-details-body .box{padding:14px!important}

  /* Policy/legal pages: each box is a separate compact accordion row. */
  .mobile-block-list-section{padding:18px 0 26px!important}
  .mobile-block-list-section .wrap>.mobile-block-details,
  .mobile-block-list-section .g2>.mobile-block-details{
    margin:7px 0;
    border:1px solid #E0E5EB;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
  }
  .mobile-block-list-section .g2{display:block!important}
  .mobile-block-details-body>.box,
  .mobile-block-details-body>.dtwrap{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .mobile-block-details-body>.box>h4{display:none!important}
  .mobile-block-details-body p,
  .mobile-block-details-body li,
  .mobile-block-details-body td,
  .mobile-block-details-body th{font-size:12.2px!important;line-height:1.55!important}

  /* Action pages: keep the action visible; collapse only explanatory side content. */
  .mc2>.mobile-block-details{align-self:start;border:1px solid #E0E5EB;border-radius:12px;background:#fff;overflow:hidden}
  .mc2>.mobile-block-details .mobile-block-details-body>div{padding:13px!important}
  .mc2>.mobile-block-details .mobile-block-details-body h3,
  .mc2>.mobile-block-details .mobile-block-details-body h4{display:none!important}

  /* Homepage FAQ: canonical 7-question list, first 2 visible, then one-tap expansion. */
  .home-page .faq-home .faq-desktop-list{display:block!important}
  .home-page .faq-home .faq-desktop-list details.acc{display:block!important;margin-top:7px!important}
  .home-page .faq-home .faq-desktop-list details.acc:nth-of-type(n+3){display:none!important}
  .home-page .faq-home.faq-expanded .faq-desktop-list details.acc{display:block!important}
  .home-page .faq-home .faq-desktop-list details.acc:first-child{margin-top:0!important}
  .home-page .faq-home .mobile-faq-toggle{display:flex!important;width:100%;min-height:42px;margin-top:9px;align-items:center;justify-content:center;border:1px solid #D8DDE4;border-radius:10px;background:#fff;color:#16305C;font-size:12.6px;font-weight:850;cursor:pointer}
  .home-page .faq-home details.acc>summary{min-height:44px!important;padding:10px 12px!important;font-size:12.8px!important;line-height:1.38!important}
  .home-page .faq-home .accb{padding:0 12px 11px!important;font-size:12.2px!important;line-height:1.55!important}

  /* Fire-certificate: the old global navy H2 was invisible on the navy CTA, creating a large 'blank' area. */
  .cert-hero .quick-answer{margin-top:14px!important;padding:13px 14px!important;border-radius:12px!important}
  .cert-hero .quick-answer b{font-size:12px!important}
  .cert-hero .quick-answer p{margin-top:4px!important;font-size:12.3px!important;line-height:1.52!important}
  .cert-cta{padding:19px 16px!important;border-radius:16px!important}
  .cert-cta h2{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.35!important;letter-spacing:-.04em!important}
  .cert-cta p{margin:7px 0 13px!important;font-size:12.4px!important;line-height:1.55!important}
  .cert-cta .btn{min-height:45px!important;font-size:13.4px!important}
  .review-strip{margin-top:12px!important;padding:12px 13px!important;gap:8px!important;border-radius:12px!important}
  .review-strip p{font-size:11.5px!important;line-height:1.5!important}
  .review-strip a{font-size:11.7px!important;line-height:1.5!important}

  /* Compact ordinary mobile cards/tables after expansion. */
  .compare-docs{gap:9px!important}
  .doc-card{padding:14px!important;border-radius:12px!important}
  .doc-card h3{font-size:15px!important;margin-bottom:6px!important}
  .steps{gap:7px!important}
  .steps li{padding:11px 11px 11px 45px!important;font-size:12.2px!important;line-height:1.5!important}
  .steps li:before{left:11px!important;top:10px!important;width:23px!important;height:23px!important}
  .check-table th,.check-table td{padding:9px!important;font-size:11.8px!important;line-height:1.45!important}

  /* Regional/detail CTA stays visible; avoid long mobile bottom bands. */
  section.dark{padding-top:26px!important;padding-bottom:28px!important}
  section.dark h2{font-size:19px!important;line-height:1.35!important}
  section.dark p{font-size:12.4px!important;line-height:1.55!important}

  /* Footer remains functional but compact on detail pages too. */
  body:not(.home-page) footer{padding-top:25px!important;padding-bottom:84px!important}
  body:not(.home-page) footer .fin{gap:18px!important}
}

@media(max-width:380px){
  .mobile-page-details>summary,
  .mobile-block-details>summary{font-size:13.4px!important;min-height:51px!important}
  main>.ph h1,main>.cert-hero h1{font-size:24px!important}
}

/* Compact, user-expandable mobile footer. Footer links and source information stay in HTML. */
.mobile-footer-details>summary{display:none}
@media(min-width:861px){
  .mobile-footer-details{display:block!important}
  .mobile-footer-details>summary{display:none!important}
  .mobile-footer-details:not([open])>.mobile-footer-details-body,
  .mobile-footer-details>.mobile-footer-details-body{display:block!important}
}
@media(max-width:860px){
  footer .fin{display:block!important}
  footer .fc1{margin-bottom:12px!important}
  footer .fbrand .fbt{margin-top:5px!important;font-size:11.8px!important;line-height:1.45!important}
  footer .fbrand .fbc{margin-top:9px!important;gap:4px!important}
  footer .fbrand .fbc li{font-size:11.6px!important;line-height:1.45!important}
  .mobile-footer-details{display:block!important;border-top:1px solid rgba(255,255,255,.12)}
  .mobile-footer-details>summary{display:flex!important;align-items:center;justify-content:space-between;min-height:42px;padding:8px 0;list-style:none;color:#fff;font-size:12px;font-weight:850;cursor:pointer}
  .mobile-footer-details>summary::-webkit-details-marker{display:none}
  .mobile-footer-details>summary::after{content:'+';font-size:16px;color:#D7E0EA;font-weight:600}
  .mobile-footer-details[open]>summary::after{content:'−'}
  .mobile-footer-details-body{padding:2px 0 12px}
  .mobile-footer-details-body>div{margin:0!important}
  .mobile-footer-details-body h4{display:none!important}
  .mobile-footer-details-body ul{margin:0!important}
  .mobile-footer-details-body li,
  .mobile-footer-details-body a,
  .mobile-footer-details-body p,
  .mobile-footer-details-body dt,
  .mobile-footer-details-body dd{font-size:11.3px!important;line-height:1.5!important}
  .home-page footer .mobile-footer-details .fsrc,
  .home-page footer .mobile-footer-details .fver,
  .home-page footer .mobile-footer-details .fbiz{display:block!important}
  footer .fbot{margin-top:12px!important;padding:11px 14px 80px!important;font-size:10.6px!important;line-height:1.5!important}
}
@media(max-width:860px){
  body footer{padding-bottom:72px!important}
  footer .fbot{padding:11px 14px 12px!important;margin-bottom:0!important}
}


@media(max-width:860px){
  footer .fbrand .fbc{display:grid!important;grid-template-columns:1fr!important;row-gap:7px!important}
  footer .fbrand .fbc li{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important}
  footer .fbrand .fbc span{display:inline-block!important;min-width:42px!important;flex:0 0 42px!important;color:#B7C4D3!important}
  footer .fbrand .fbc a{display:inline-block!important;word-break:break-all!important}
  .mobile-footer-details-body ul li+li{margin-top:4px!important}
}


/* v11.12.12 final contact rhythm: consistent business contact spacing on every page. */
footer .fbrand .fbc{
  display:grid!important;
  grid-template-columns:1fr!important;
  row-gap:7px!important;
  margin-top:10px!important;
}
footer .fbrand .fbc li{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:start!important;
  margin:0!important;
  line-height:1.55!important;
}
footer .fbrand .fbc span{
  display:block!important;
  min-width:0!important;
  color:#B7C4D3!important;
}
footer .fbrand .fbc a{
  display:block!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:860px){
  footer .fbrand .fbc{row-gap:8px!important;margin-top:10px!important}
  footer .fbrand .fbc li{grid-template-columns:44px minmax(0,1fr)!important;column-gap:11px!important;font-size:11.8px!important;line-height:1.55!important}
}


/* v11.12.13 — desktop full-content restore + mobile short-summary accordions */
@media(min-width:861px){
  details.mobile-page-details,
  details.mobile-block-details,
  details.mobile-footer-details{display:block!important}
  details.mobile-page-details>summary,
  details.mobile-block-details>summary,
  details.mobile-footer-details>summary{display:none!important}
  details.mobile-page-details>.mobile-page-details-body,
  details.mobile-block-details>.mobile-block-details-body,
  details.mobile-footer-details>.mobile-footer-details-body{display:block!important;visibility:visible!important;opacity:1!important}
}
@media(max-width:860px){
  .mobile-page-summary-copy,
  .mobile-block-summary-copy{display:block;min-width:0;max-width:calc(100% - 34px)}
  .mobile-page-summary-copy>.mobile-page-summary-text,
  .mobile-block-summary-title{display:block!important;max-width:none!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  .mobile-page-summary-desc,
  .mobile-block-summary-desc{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin-top:3px;
    color:#667085;
    font-size:11.4px;
    line-height:1.42;
    font-weight:600;
    letter-spacing:-.025em;
    word-break:keep-all;
  }
  .mobile-page-details[open]>summary .mobile-page-summary-desc,
  .mobile-block-details[open]>summary .mobile-block-summary-desc{color:#7A625E}
}

/* SobangNet v11.12.17 — homepage mobile conversion core fully visible
   Scope: homepage only. Keep the two primary proofs — building lookup and real quote case — fully visible.
   Remove only duplicate teaser/fee wording. Desktop and category pages are untouched. */

@media(max-width:660px){
  /* Building lookup: show the complete approved interaction and its three-step explanation. */
  .home-page .hero .hin>div:nth-child(2){display:block!important;margin-top:14px!important}
  .home-page .sample-links{display:flex!important;margin-top:9px!important;gap:6px!important}
  .home-page .handoff-flow{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:10px!important}
  .home-page .handoff-flow div{display:grid!important;grid-template-columns:92px 1fr!important;align-items:center!important;text-align:left!important;padding:8px 9px!important;border-radius:9px!important}
  .home-page .handoff-flow b{font-size:11.1px!important;line-height:1.35!important}
  .home-page .handoff-flow span{margin-top:0!important;font-size:10.8px!important;line-height:1.35!important}

  /* Mobile supporting copy carries the full decision context, without becoming a long paragraph. */
  .home-page .hero .home-hsub-mobile{display:block!important;margin-top:10px!important;font-size:12.7px!important;line-height:1.52!important}
  .home-page .hero .home-hsub-mobile>span{display:block!important;white-space:normal!important}
  .home-page .hero .home-hsub-mobile>span+span{margin-top:2px!important}

  /* The small teaser is redundant once the complete real-case card is shown. */
  .home-page .mobile-case-peek{display:none!important}

  /* Real quote evidence is a core product proof: expose the complete card on mobile. */
  .home-page .real-case{display:block!important;margin-top:0!important;padding:15px!important;border-radius:14px!important}
  .home-page .real-case .cmphd{gap:7px!important}
  .home-page .real-case .cmphd h3{font-size:15.3px!important;line-height:1.36!important}
  .home-page .real-case .cmphd .meta{font-size:11.2px!important;line-height:1.45!important}
  .home-page .real-case .case-kicker{font-size:10.4px!important}
  .home-page .real-case .tag{font-size:10.3px!important;padding:5px 8px!important}
  .home-page .real-case .cmpn{margin:9px 0 8px!important;font-size:11.4px!important;line-height:1.48!important}
  .home-page .real-case .swipe{display:block!important;margin-top:8px!important}
  .home-page .real-case .sc{grid-auto-columns:minmax(88%,1fr)!important;gap:8px!important}
  .home-page .real-case .sc article{padding:14px!important;border-radius:12px!important}
  .home-page .real-case .mobile-bid-price{font-size:21px!important}
  .home-page .real-case .sc small{font-size:10.8px!important}
  .home-page .real-case .sc dl{margin-top:10px!important}
  .home-page .real-case .sc dl div{padding-top:7px!important;font-size:11.8px!important}
  .home-page .real-case .swipe-hint{margin-top:6px!important;font-size:10.6px!important}
  .home-page .real-case .cmpf{margin-top:10px!important;font-size:11.6px!important;line-height:1.5!important}
  .home-page .real-case .cmpf>span{margin-top:5px!important;font-size:10.9px!important;line-height:1.48!important}

  /* Fee=0 already appears in the hero pill. Keep only the legally useful caveat below lookup. */
  .home-page .hfree-mobile-short{margin-top:9px!important;font-size:11.3px!important;line-height:1.45!important}

  /* Keep CTA immediately after the evidence card. */
  .home-page .real-case + .btn{margin-top:10px!important;min-height:46px!important}
}

@media(max-width:360px){
  .home-page .handoff-flow div{grid-template-columns:84px 1fr!important}
  .home-page .real-case .sc{grid-auto-columns:92%!important}
}