/* WITH mobile-only responsive refinement
   Desktop is intentionally untouched. */
@media (max-width: 980px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{font-size:15px}
  img,svg,video,canvas,iframe{max-width:100%!important}
  .wrap,.fullbleed>.wrap{width:100%;max-width:100%;padding-left:14px!important;padding-right:14px!important}
  main{overflow:hidden}
  main>.wrap{padding-top:14px}

  /* Header */
  header{position:sticky;top:0}
  .header-row{min-height:72px;padding:10px 0!important}
  .brand{min-width:0;gap:9px;max-width:calc(100% - 62px)}
  .logo{width:42px!important;height:42px!important;flex:0 0 42px;border-radius:12px}
  .brand .text{min-width:0}
  .brand .name{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand .tag{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .header-actions{flex:0 0 auto}
  .hamburger{width:48px;height:48px;padding:0;border-radius:16px}

  /* Global typography and cards */
  .h1{font-size:clamp(24px,7vw,32px)!important;line-height:1.24;margin-bottom:8px}
  .h2{font-size:20px}
  .h3{font-size:17px}
  .p,.lead,.hero__desc,.svc-desc,.resource-desc-text{font-size:15px;line-height:1.72}
  .card{border-radius:18px}
  .card .hd{padding:20px 18px!important}
  .card .bd{padding:18px!important}
  .notice{padding:13px 14px;font-size:14px}
  .btn{min-height:44px;padding:10px 15px;font-size:14px;white-space:normal;text-align:center}
  .field input,.field select,.field textarea{font-size:16px!important}
  .row,.grid,.grid2{min-width:0}
  .grid2,.svc-grid{grid-template-columns:1fr!important}

  /* Sub navigation: wrap, never horizontal-scroll */
  .site-subnav,.subnav,.admin-tabs,.resource-cat-buttons{
    display:flex!important;flex-wrap:wrap!important;white-space:normal!important;
    width:100%!important;max-width:100%!important;overflow:visible!important;
    gap:8px!important;padding:2px 0!important;
  }
  .site-subnav-link,.subnav a,.admin-tabs .tab{
    flex:0 1 auto!important;min-height:40px!important;padding:8px 12px!important;
    font-size:13px!important;line-height:1.25!important;white-space:normal!important;
  }
  .mobile-scroll-x,.resource-toolbar,.pagination{
    overflow:visible!important;width:100%!important;max-width:100%!important;
    white-space:normal!important;flex-wrap:wrap!important;
  }

  /* Hero and home */
  .hero{padding:16px 0 24px}
  .hero-shell{min-height:auto!important;padding:24px 20px!important;border-radius:18px}
  .hero-h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.13;letter-spacing:-.5px}
  .hero-sub{font-size:15px;line-height:1.72;max-width:none}
  .hero-ctas{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-ctas .btn{width:100%}
  .hero-grid,.home-links .hero-grid{grid-template-columns:1fr!important;gap:10px}
  .mini-card,.link-card{padding:15px}
  .hero-nav{padding:0 6px}
  .hero-nav-btn{width:38px;height:38px}

  /* Company / philosophy */
  .philosophy-main,.philosophy-shell{grid-template-columns:1fr!important}
  .philosophy-hero{padding:20px!important}
  .philosophy-title{font-size:clamp(25px,7vw,34px)!important}
  .philosophy-cards{grid-template-columns:1fr!important}
  .philosophy-card{min-height:0!important;padding:16px!important}
  .philosophy-visual{min-height:300px!important;transform:scale(.9);transform-origin:center}
  .career-panel{padding:16px!important}

  /* Services */
  .hero--sub,.hero__inner{min-width:0}
  .hero__title{font-size:clamp(27px,8vw,38px)!important;line-height:1.22}
  .hero__meta{font-size:14px;line-height:1.72}
  .svc-card{padding:18px!important}
  .svc-title{font-size:20px!important}
  .steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .step{min-width:0!important;width:auto!important;padding:14px 10px!important;text-align:center!important}
  .step:last-child:nth-child(odd){grid-column:1/-1}
  .procedure-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  .procedure-guide-btn{align-self:flex-start;max-width:100%;white-space:normal!important}
  .callout{padding:16px!important}
  .k-flex{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important}
  .k-flex .k-link{margin-left:0!important}

  /* Resources toolbar */
  .resource-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important}
  .resource-toolbar>div{margin-left:0!important;width:100%!important}
  .resource-toolbar form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;gap:8px!important}
  .resource-toolbar input[name="q"]{width:100%!important;min-width:0!important;height:44px!important}
  .resource-toolbar form .btn{height:44px!important;padding:8px 14px!important}

  /* Responsive tables become labelled cards. No horizontal scroll. */
  .mobile-table-scroll{overflow:visible!important;width:100%!important;max-width:100%!important;padding:0!important}
  .mobile-table-scroll table.table,.mobile-table-scroll table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:separate!important}
  .mobile-table-scroll thead{display:none!important}
  .mobile-table-scroll tbody{display:grid!important;gap:12px!important;width:100%!important}
  .mobile-table-scroll tr{display:grid!important;grid-template-columns:1fr!important;width:100%!important;padding:14px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important}
  .mobile-table-scroll td{display:grid!important;grid-template-columns:minmax(88px,34%) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;padding:8px 0!important;border:0!important;white-space:normal!important;word-break:break-word!important;text-align:left!important}
  .mobile-table-scroll td::before{content:attr(data-label);color:var(--muted2);font-size:12px;font-weight:900}
  .mobile-table-scroll td:empty{display:none!important}
  .mobile-table-scroll td[data-label="번호"],.mobile-table-scroll td[data-label="조회"],.mobile-table-scroll td[data-label="다운로드"]{display:none!important}
  .mobile-table-scroll td .btn{width:100%;max-width:180px}

  /* Resource detail */
  .resource-detail-card{padding:18px!important}
  .resource-detail-title{font-size:clamp(24px,7vw,30px)!important;word-break:break-word}
  .resource-meta-line{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 14px!important;font-size:13px!important}
  .resource-desc-box,.resource-files-box{padding:16px!important;margin:15px 0!important}
  .pdf-preview-wrap{margin:18px 0!important}
  .pdf-select-line{display:grid!important;grid-template-columns:1fr!important}
  .pdf-select-line select{width:100%!important;height:44px!important}
  .pdf-preview-frame{height:64vh!important;min-height:420px!important;border-radius:12px!important}
  .resource-file-row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:15px 0!important}
  .resource-file-left{align-items:flex-start!important;min-width:0}
  .resource-file-name{font-size:15px!important;word-break:break-word!important;overflow-wrap:anywhere}
  .resource-file-action{margin:0!important;width:100%!important}
  .resource-file-action .btn{width:100%!important}
  .related-links-grid{grid-template-columns:1fr!important}
  .related-link-card{min-height:72px!important;padding:13px 14px!important}

  /* FAQ */
  .faq{grid-template-columns:1fr!important;gap:10px!important}
  .faq details{padding:12px 14px!important}
  .faq summary{font-size:15px;line-height:1.5}
  .faq .faq-answer{font-size:14px;line-height:1.72}

  /* Forms / auth / account */
  .contact-form,.signup-form,.account-form,.password-grid{grid-template-columns:1fr!important;gap:15px!important}
  .auth-card,.auth-card--wide,.account-card{max-width:100%!important}
  .auth-card .bd{padding:20px 16px!important}
  .auth-form{max-width:100%!important}
  .form-submit-btn,.auth-submit-btn,.account-form-actions .btn{width:100%!important;max-width:320px!important}
  .policy-scroll{max-height:160px!important}
  .contact-message{min-height:210px!important}
  .account-status{align-items:flex-start!important;padding:15px!important}
  .account-info-card{padding:16px!important}
  .account-info-card dl{grid-template-columns:1fr!important}
  .account-info-card dl>div{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .contact-success{padding:30px 16px!important}
  .contact-success-actions{display:grid!important;grid-template-columns:1fr!important}
  .contact-success-actions .btn{width:100%!important}

  /* Admin */
  .admin-tabs .btn{margin-left:0!important;width:auto!important}
  .admin-resource-search{align-items:stretch!important}
  .admin-resource-search form{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .admin-resource-search input[type="search"]{width:100%!important;min-width:0!important}
  .resource-file-admin-row{grid-template-columns:1fr!important}
  .resource-file-admin-row .btn{width:100%!important}
  .grid[style*="repeat(4"]{grid-template-columns:1fr 1fr!important}

  /* Footer */
  footer{margin-top:28px}
  .foot{grid-template-columns:1fr!important;gap:18px!important}
  .foot-company,.foot-box{padding:16px!important;min-width:0!important}
  .foot-info{font-size:13px;line-height:1.7;word-break:break-word}
  .foot-contact .contact-lines .row{grid-template-columns:64px minmax(0,1fr)!important}
  .foot-box{font-size:1.08em!important}
  .legal{gap:12px}

  /* Prevent common inline widths from overflowing */
  [style*="min-width"],[style*="width:"]{max-width:100%}
}

/* =========================================================
   Business pages mobile repair 2026-07-18
   - final overrides: light theme, no horizontal scrolling
   - desktop remains untouched
   ========================================================= */
@media (max-width: 760px){
  body .services-overview,
  body .service-detail-page{color:#172033!important;background:linear-gradient(180deg,#fff 0,#f5f7fb 100%)!important}
  body .services-overview *,
  body .service-detail-page *{box-sizing:border-box;min-width:0;max-width:100%}
  body .services-overview,
  body .services-overview>.wrap,
  body .service-detail-page,
  body .service-detail-page>.wrap{overflow-x:clip!important}

  /* Business overview */
  body .services-overview .services-head{
    margin:0 0 18px!important;padding:20px 17px!important;border:1px solid #dfe8f4!important;
    border-radius:20px!important;background:linear-gradient(145deg,#fff,#eef5ff)!important;
    box-shadow:0 10px 28px rgba(33,54,87,.07)!important;
  }
  body .services-overview .services-head:after{display:none!important}
  body .services-overview .services-eyebrow{color:#1478ff!important;background:#eaf3ff!important}
  body .services-overview .services-head h1,
  body .services-overview .services-head h2{color:#172033!important}
  body .services-overview .services-head h2 em{color:#1478ff!important}
  body .services-overview .services-head p{color:#657086!important}
  body .services-overview .svc-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;overflow:visible!important}
  body .services-overview .svc-card{
    display:grid!important;grid-template-columns:50px minmax(0,1fr) 32px!important;
    grid-template-areas:"icon top top" "icon title arrow" "desc desc desc"!important;
    width:100%!important;min-height:0!important;margin:0!important;padding:16px!important;gap:3px 12px!important;
    border:1px solid #e3e8f0!important;border-radius:18px!important;background:#fff!important;
    color:#172033!important;box-shadow:0 8px 22px rgba(33,54,87,.06)!important;overflow:hidden!important;
  }
  body .services-overview .svc-icon{grid-area:icon!important;width:50px!important;height:50px!important;margin:0!important;background:#edf5ff!important;color:#1478ff!important}
  body .services-overview .svc-top{grid-area:top!important;margin:0!important}
  body .services-overview .svc-title{grid-area:title!important;margin:0!important;color:#172033!important}
  body .services-overview .svc-desc{grid-area:desc!important;margin:9px 0 0!important;color:#657086!important}
  body .services-overview .svc-link{grid-area:arrow!important;margin:0!important;color:#1478ff!important}
  body .services-overview .svc-link span{background:#edf5ff!important;color:#1478ff!important}
  body .services-overview .svc-no{color:#1478ff!important}.services-overview .svc-en{color:#7a8597!important}

  /* Six service tabs: always visible, never scroll */
  body .service-detail-page .subnav{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:7px!important;margin:0 0 16px!important;padding:7px!important;
    overflow:visible!important;white-space:normal!important;border:1px solid #e1e6ee!important;
    border-radius:17px!important;background:#eef1f5!important;transform:none!important;
  }
  body .service-detail-page .subnav a{
    display:flex!important;flex:initial!important;width:100%!important;min-height:42px!important;
    align-items:center!important;justify-content:center!important;margin:0!important;padding:7px 5px!important;
    white-space:normal!important;word-break:keep-all!important;text-align:center!important;line-height:1.25!important;
    border:1px solid #dce2ea!important;border-radius:12px!important;background:#fff!important;
    color:#596579!important;font-size:11px!important;box-shadow:none!important;
  }
  body .service-detail-page .subnav a.is-active{
    border-color:#278557!important;background:linear-gradient(135deg,#247c52,#185f3e)!important;
    color:#fff!important;box-shadow:0 6px 14px rgba(25,100,65,.18)!important;
  }

  /* Restore readable light-theme colors throughout every business detail */
  body .service-detail-page .section-title h1{margin:0 0 14px!important;color:#172033!important;font-size:28px!important}
  body .service-detail-page .seo-intro,
  body .service-detail-page .risk-intro,
  body .service-detail-page .safety-intro,
  body .service-detail-page .csha-intro,
  body .service-detail-page .plan-intro-card{
    border:1px solid #d9e7f8!important;background:#eef6ff!important;color:#172033!important;
    box-shadow:none!important;border-radius:18px!important;
  }
  body .service-detail-page p,
  body .service-detail-page li,
  body .service-detail-page small,
  body .service-detail-page .footnote{color:#657086!important}
  body .service-detail-page b,
  body .service-detail-page strong,
  body .service-detail-page h2,
  body .service-detail-page h3{color:#172033!important}
  body .service-detail-page .num,
  body .service-detail-page article>b,
  body .service-detail-page .type-card>span,
  body .service-detail-page .plan-chip,
  body .service-detail-page .csha-chip{color:#1478ff!important}
  body .service-detail-page .num{background:#edf5ff!important;border-color:#bddbff!important}

  /* Cards and all formerly wide grids */
  body .service-detail-page .card,
  body .service-detail-page .risk-section,
  body .service-detail-page .safety-section,
  body .service-detail-page .csha-section,
  body .service-detail-page .plan-section,
  body .service-detail-page .panel,
  body .service-detail-page article,
  body .service-detail-page .info-card,
  body .service-detail-page .type-card,
  body .service-detail-page .plan-path-card,
  body .service-detail-page .plan-fact{
    background:#fff!important;border-color:#e3e8ef!important;color:#172033!important;
    box-shadow:0 7px 22px rgba(33,54,87,.055)!important;
  }
  body .service-detail-page .grid2,
  body .service-detail-page .summary-grid,
  body .service-detail-page .type-grid,
  body .service-detail-page .process-grid,
  body .service-detail-page .recognition-grid,
  body .service-detail-page .with-flow,
  body .service-detail-page .split,
  body .service-detail-page .duty-grid,
  body .service-detail-page .system-grid,
  body .service-detail-page .procedure-grid,
  body .service-detail-page .program-grid,
  body .service-detail-page .execution-layout,
  body .service-detail-page .execution-list,
  body .service-detail-page .need-grid,
  body .service-detail-page .check-grid,
  body .service-detail-page .scope-grid,
  body .service-detail-page .accident-flow,
  body .service-detail-page .industry-grid,
  body .service-detail-page .equipment-grid,
  body .service-detail-page .with-grid,
  body .service-detail-page .plan-path-grid,
  body .service-detail-page .plan-check-grid,
  body .service-detail-page .plan-quick-facts{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;
    overflow:visible!important;
  }
  body .service-detail-page article{min-height:0!important;height:auto!important;padding:17px!important}

  /* Tags and page shortcuts wrap instead of scrolling */
  body .service-detail-page .quick-tags,
  body .service-detail-page .machine-tags{
    display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:7px!important;
    overflow:visible!important;white-space:normal!important;padding:0!important;
  }
  body .service-detail-page .quick-tags span,
  body .service-detail-page .machine-tags span{
    flex:0 1 auto!important;white-space:normal!important;background:#fff!important;
    border:1px solid #dfe5ed!important;color:#586477!important;padding:8px 10px!important;font-size:11px!important;
  }
  body .service-detail-page .csha-toc,
  body .service-detail-page .plan-toc{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:7px!important;overflow:visible!important;
  }
  body .service-detail-page .csha-toc a,
  body .service-detail-page .plan-toc a{white-space:normal!important;text-align:center!important;word-break:keep-all!important}

  /* Risk method comparison becomes stacked cards */
  body .service-detail-page .method-table{display:block!important;width:100%!important;border:0!important;overflow:visible!important}
  body .service-detail-page .method-table .th{display:none!important}
  body .service-detail-page .method-table .tr{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:7px!important;
    margin:0 0 9px!important;padding:15px!important;border:1px solid #e2e7ee!important;
    border-radius:15px!important;background:#fff!important;box-shadow:0 6px 18px rgba(33,54,87,.045)!important;
  }
  body .service-detail-page .method-table .tr span{color:#657086!important;white-space:normal!important}

  /* Risk-control list: remove the giant blank gaps */
  body .service-detail-page .control-list{display:block!important;width:100%!important;margin:12px 0 0!important;padding:0!important}
  body .service-detail-page .control-list li{
    display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:10px!important;
    width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:13px 0!important;
    align-items:start!important;border-top:1px solid #e7ebf1!important;
  }
  body .service-detail-page .control-list li:first-child{border-top:0!important}
  body .service-detail-page .control-list b{color:#1478ff!important;line-height:1.55!important}
  body .service-detail-page .control-list span{display:block!important;color:#657086!important;line-height:1.62!important}
  body .service-detail-page .recognition-note,
  body .service-detail-page .execution-message,
  body .service-detail-page .plan-note,
  body .service-detail-page .plan-alert{background:#edf8f1!important;color:#36634a!important;border-color:#cce8d7!important}

  /* Process steps */
  body .service-detail-page .steps{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;overflow:visible!important}
  body .service-detail-page .step{width:100%!important;min-height:0!important;height:auto!important;background:#f7f9fc!important;border-color:#e2e7ee!important}

  /* Mobile footer: readable and compact */
  body:not([class*="page-admin"]) footer{
    margin:0!important;padding:26px 0 86px!important;background:#172033!important;
    border-top:0!important;color:#fff!important;
  }
  body:not([class*="page-admin"]) footer .wrap{padding-left:18px!important;padding-right:18px!important}
  body:not([class*="page-admin"]) footer .foot{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body:not([class*="page-admin"]) footer .foot-company,
  body:not([class*="page-admin"]) footer .foot-box{padding:17px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important}
  body:not([class*="page-admin"]) footer .foot-info,
  body:not([class*="page-admin"]) footer .foot-info div,
  body:not([class*="page-admin"]) footer .legal,
  body:not([class*="page-admin"]) footer .legal a{color:#d9e0ec!important;font-size:12px!important;line-height:1.75!important}
  body:not([class*="page-admin"]) footer .foot-contact .t1{color:#55c9e8!important;font-size:16px!important}
  body:not([class*="page-admin"]) footer .foot-contact .t2,
  body:not([class*="page-admin"]) footer .contact-lines .label,
  body:not([class*="page-admin"]) footer .contact-lines .val{color:#fff!important;font-size:14px!important}
  body:not([class*="page-admin"]) footer .contact-lines .row{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:7px!important}

  /* Smaller quick buttons so content stays visible */
  body:not([class*="page-admin"]) .with-contact-float{right:9px!important;bottom:10px!important;gap:6px!important}
  body:not([class*="page-admin"]) .with-float-action{width:46px!important;height:46px!important;border-radius:15px!important}
  body:not([class*="page-admin"]) .with-float-action:hover,
  body:not([class*="page-admin"]) .with-float-action:focus-visible{width:46px!important;height:46px!important}
  body:not([class*="page-admin"]) .with-float-action__icon{flex:0 0 44px!important;width:44px!important;height:44px!important;font-size:19px!important}
  body:not([class*="page-admin"]) .with-float-action__icon--naver{font-size:20px!important}
}

@media (max-width: 380px){
  body .service-detail-page .subnav a{font-size:10px!important;padding:6px 3px!important}
  body .service-detail-page .csha-toc,
  body .service-detail-page .plan-toc{grid-template-columns:1fr!important}
}

/* Mobile-only business-area redesign (desktop remains unchanged) */
@media (max-width: 980px){
  .services-overview,
  .service-detail-page{
    padding-top:8px!important;
  }
  .services-overview>.wrap,
  .service-detail-page>.wrap{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  /* Overview */
  .services-overview .services-head{
    position:relative;
    margin:4px 0 20px;
    padding:24px 19px 22px;
    overflow:hidden;
    border:1px solid rgba(113,211,137,.2);
    border-radius:24px;
    background:
      radial-gradient(circle at 100% 0,rgba(76,178,119,.19),transparent 43%),
      linear-gradient(145deg,rgba(18,39,34,.96),rgba(8,18,28,.98));
    box-shadow:0 18px 42px rgba(0,0,0,.22);
  }
  .services-overview .services-head:after{
    content:"";position:absolute;right:-38px;bottom:-52px;width:150px;height:150px;
    border:1px solid rgba(121,225,151,.11);border-radius:50%;pointer-events:none;
  }
  .services-overview .services-eyebrow{font-size:11px;letter-spacing:1.7px;color:#8de7a8}
  .services-overview .services-head h1{margin:8px 0 10px;font-size:31px;line-height:1.15}
  .services-overview .services-head h2{font-size:20px;line-height:1.48;letter-spacing:-.7px}
  .services-overview .services-head h2 br{display:none}
  .services-overview .services-head p{margin:13px 0 0;font-size:14px;line-height:1.75;color:rgba(239,246,242,.78)}
  .services-overview .svc-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .services-overview .svc-card{
    position:relative;display:grid!important;
    grid-template-columns:54px minmax(0,1fr) auto!important;
    grid-template-areas:"icon top top" "icon title arrow" "desc desc desc"!important;
    gap:4px 13px!important;min-height:0!important;padding:17px!important;
    border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
    box-shadow:0 12px 30px rgba(0,0,0,.15)!important;
  }
  .services-overview .svc-top{grid-area:top;align-self:end}
  .services-overview .svc-icon{grid-area:icon;width:54px;height:54px;margin:0!important;border-radius:16px}
  .services-overview .svc-title{grid-area:title;align-self:center;font-size:18px!important;line-height:1.35}
  .services-overview .svc-desc{grid-area:desc;margin-top:9px;font-size:13px!important;line-height:1.68}
  .services-overview .svc-link{grid-area:arrow;align-self:center;margin:0!important;font-size:0!important}
  .services-overview .svc-link span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;font-size:18px;background:rgba(117,220,146,.13);color:#8de7a8}
  .services-overview .svc-no{font-size:11px}.services-overview .svc-en{font-size:9px;letter-spacing:1px}

  /* Detail-page masthead and service selector */
  .service-detail-page .section-title,
  .service-detail-page .csha-title,
  .service-detail-page .safety-title,
  .service-detail-page .risk-title{
    margin:4px 0 14px!important;padding:0 2px!important;
  }
  .service-detail-page .section-title h1,
  .service-detail-page .csha-title h1,
  .service-detail-page .safety-title h1,
  .service-detail-page .risk-title h1{
    margin:0!important;font-size:clamp(25px,7.4vw,34px)!important;line-height:1.3!important;letter-spacing:-1.2px!important;
  }
  .service-detail-page .subnav{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;margin:0 0 17px!important;padding:8px!important;transform:none!important;
    border:1px solid rgba(255,255,255,.1);border-radius:18px;
    background:rgba(3,11,18,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .service-detail-page .subnav a{
    display:flex!important;min-height:42px!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:8px 6px!important;border-color:transparent!important;border-radius:12px!important;
    background:rgba(255,255,255,.045)!important;font-size:12px!important;line-height:1.3!important;text-align:center!important;
  }
  .service-detail-page .subnav a.is-active{
    border-color:rgba(111,224,143,.42)!important;
    background:linear-gradient(135deg,rgba(58,143,91,.52),rgba(24,66,45,.72))!important;
    color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
  }
  .service-detail-page .seo-intro{
    margin:0 0 14px!important;padding:17px!important;border-left:3px solid #65d58a;border-radius:4px 16px 16px 4px;
    background:rgba(93,203,126,.075);font-size:14px!important;line-height:1.75!important;color:rgba(242,247,244,.82)!important;
  }

  /* Shared content rhythm */
  .service-detail-page .card,
  .service-detail-page .csha-intro,
  .service-detail-page .safety-intro,
  .service-detail-page .risk-intro,
  .service-detail-page .plan-intro-card,
  .service-detail-page .panel{
    border-radius:20px!important;box-shadow:0 14px 34px rgba(0,0,0,.17)!important;
  }
  .service-detail-page .card{padding:19px 17px!important}
  .service-detail-page .grid2{gap:12px!important}
  .service-detail-page .lead{font-size:15px!important;line-height:1.72!important}
  .service-detail-page .bul{font-size:14px!important;line-height:1.7!important}
  .service-detail-page .divider{margin:18px 0!important}
  .service-detail-page .csha-section,
  .service-detail-page .safety-section,
  .service-detail-page .risk-section,
  .service-detail-page .plan-section{margin:28px 0!important}
  .service-detail-page .csha-section-head,
  .service-detail-page .safety-section-head,
  .service-detail-page .section-copy,
  .service-detail-page .plan-section-head{align-items:flex-start!important}
  .service-detail-page .csha-section-head>span,
  .service-detail-page .safety-section-head>span,
  .service-detail-page .section-copy>.num,
  .service-detail-page .plan-section-head>span{
    flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:12px!important;
  }
  .service-detail-page h2{line-height:1.38!important;letter-spacing:-.6px}
  .service-detail-page h3{line-height:1.42!important}
  .service-detail-page p,.service-detail-page li{word-break:keep-all;overflow-wrap:break-word}

  /* Tap-friendly actions and process cards */
  .service-detail-page .csha-cta,
  .service-detail-page .safety-cta,
  .service-detail-page .risk-cta,
  .service-detail-page .plan-cta-row,
  .service-detail-page .plan-final-cta{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .service-detail-page .csha-cta .btn,
  .service-detail-page .safety-cta .btn,
  .service-detail-page .risk-cta .btn,
  .service-detail-page .plan-cta-row .btn,
  .service-detail-page .plan-final-cta .btn{width:100%!important;min-height:48px!important;justify-content:center!important}
  .service-detail-page .steps{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .service-detail-page .step{
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-areas:"no title" "no copy"!important;
    align-items:center!important;gap:1px 11px!important;min-height:0!important;padding:12px 14px!important;text-align:left!important;border-radius:14px!important;
  }
  .service-detail-page .step span{grid-area:no;margin:0!important}
  .service-detail-page .step b{grid-area:title}.service-detail-page .step small{grid-area:copy}
  .service-detail-page .procedure-grid,
  .service-detail-page .process-grid,
  .service-detail-page .with-flow,
  .service-detail-page .plan-path-grid{gap:10px!important}

  /* Long technical blocks */
  .service-detail-page .method-table .tr{box-shadow:0 8px 20px rgba(0,0,0,.12)}
  .service-detail-page .faq-list details,
  .service-detail-page .plan-faq-list details{border-radius:15px!important;overflow:hidden}
  .service-detail-page .faq-list summary,
  .service-detail-page .plan-faq-list summary{min-height:48px;padding:14px!important;font-size:14px!important;line-height:1.5}
  .service-detail-page .plan-quick-facts{grid-template-columns:1fr!important;gap:8px!important}
  .service-detail-page .plan-fact{padding:14px!important;border-radius:14px!important}
}

@media (max-width: 420px){
  .services-overview>.wrap,.service-detail-page>.wrap{padding-left:10px!important;padding-right:10px!important}
  .service-detail-page .subnav{grid-template-columns:1fr 1fr!important;padding:7px!important}
  .service-detail-page .subnav a{font-size:11px!important;padding:7px 4px!important}
  .services-overview .svc-card{grid-template-columns:48px minmax(0,1fr) auto!important;padding:15px!important}
  .services-overview .svc-icon{width:48px;height:48px;border-radius:14px}
  .services-overview .svc-title{font-size:17px!important}
}

@media (max-width: 560px){
  .wrap,.fullbleed>.wrap{padding-left:10px!important;padding-right:10px!important}
  .header-row{min-height:66px}
  .logo{width:38px!important;height:38px!important;flex-basis:38px}
  .brand .name{font-size:17px}
  .brand .tag{font-size:10px}
  .hamburger{width:44px;height:44px}
  .card .hd{padding:17px 15px!important}
  .card .bd{padding:15px!important}
  .hero-shell{padding:20px 16px!important}
  .hero-h1{font-size:30px!important}
  .site-subnav-link,.subnav a,.admin-tabs .tab{font-size:12px!important;padding:7px 10px!important;min-height:38px!important}
  .steps{grid-template-columns:1fr!important}
  .step:last-child:nth-child(odd){grid-column:auto}
  .resource-meta-line{grid-template-columns:1fr!important}
  .pdf-preview-frame{height:58vh!important;min-height:360px!important}
  .grid[style*="repeat(4"]{grid-template-columns:1fr!important}
  .with-mobile-drawer__tag{display:none}
}

/* Mobile landscape: use extra width without turning pages back into desktop. */
@media (max-width: 980px) and (orientation: landscape){
  .wrap,.fullbleed>.wrap{padding-left:18px!important;padding-right:18px!important}
  .hero-shell{padding:22px 26px!important}
  .hero-h1{font-size:36px!important}
  .steps{grid-template-columns:repeat(3,1fr)!important}
  .step:last-child:nth-child(odd){grid-column:auto}
  .contact-form,.signup-form,.account-form,.password-grid{grid-template-columns:1fr 1fr!important}
  .related-links-grid{grid-template-columns:repeat(3,1fr)!important}
  .pdf-preview-frame{height:72vh!important;min-height:340px!important}
  #withMobileDrawer:not([hidden]){width:min(70vw,390px)!important}
}


/* V2.7 mobile resource detail refinements */
@media (max-width: 980px){
  .pdf-preview-frame{display:none!important}
  .mobile-pdf-preview{
    display:flex!important;align-items:flex-start;justify-content:center;
    width:100%;min-height:260px;padding:12px;margin:0;
    overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:12px;
    background:#202226;
  }
  .mobile-pdf-preview canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.32)}
  .mobile-pdf-preview canvas[hidden]{display:none!important}
  .mobile-pdf-status{align-self:center;padding:28px 16px;color:rgba(238,242,255,.72);font-size:14px;line-height:1.6;text-align:center}
  .mobile-pdf-status[hidden]{display:none!important}

  .resource-files-box .resource-file-row{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:14px!important;width:100%!important;padding:18px 0!important;
  }
  .resource-files-box .resource-file-left{
    display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;
    align-items:start!important;gap:14px!important;width:100%!important;min-width:0!important;
  }
  .resource-files-box .resource-file-left>div:last-child{min-width:0!important;width:100%!important}
  .resource-files-box .resource-file-icon{width:52px!important;height:52px!important;border-radius:15px!important}
  .resource-files-box .resource-file-name{
    display:block!important;width:100%!important;max-width:100%!important;
    font-size:16px!important;line-height:1.5!important;word-break:keep-all!important;
    overflow-wrap:anywhere!important;white-space:normal!important;
  }
  .resource-files-box .resource-file-meta{font-size:13px!important;line-height:1.55!important;margin-top:7px!important}
  .resource-files-box .resource-file-action{display:block!important;width:100%!important;margin:0!important}
  .resource-files-box .resource-file-action .btn{display:flex!important;width:100%!important;max-width:none!important;justify-content:center!important}
}

/* =========================================================
   WITH Mobile Total Redesign 2026-07
   - Desktop styles remain untouched
   - Unified white / clean / card based mobile experience
   ========================================================= */
@media (max-width: 760px){
  :root{
    --m-bg:#f5f7fb;
    --m-card:#ffffff;
    --m-text:#172033;
    --m-muted:#657086;
    --m-line:#e7ebf2;
    --m-brand:#1478ff;
    --m-brand-deep:#0d5fd1;
    --m-soft:#edf5ff;
    --m-shadow:0 10px 30px rgba(33,54,87,.08);
    --m-radius:20px;
  }
  html{background:var(--m-bg)!important;scroll-behavior:smooth}
  body:not([class*="page-admin"]){
    background:var(--m-bg)!important;color:var(--m-text)!important;
    font-size:15px!important;line-height:1.72!important;overflow-x:hidden!important;
  }
  body:not([class*="page-admin"]) main{padding:0 0 92px!important;background:var(--m-bg)!important;min-height:70vh}
  body:not([class*="page-admin"]) main>.wrap{max-width:none!important;padding:0 16px!important}
  body:not([class*="page-admin"]) .wrap,
  body:not([class*="page-admin"]) .container{width:100%!important;max-width:none!important;padding-left:16px!important;padding-right:16px!important}

  /* Header */
  body:not([class*="page-admin"]) header{
    background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--m-line)!important;
    box-shadow:0 4px 18px rgba(33,54,87,.05)!important;backdrop-filter:blur(12px)!important;
  }
  body:not([class*="page-admin"]) .header-row{padding:10px 0!important;min-height:64px!important}
  body:not([class*="page-admin"]) .brand{min-width:0!important;gap:9px!important}
  body:not([class*="page-admin"]) .brand .name{color:var(--m-text)!important;font-size:15px!important;font-weight:900!important}
  body:not([class*="page-admin"]) .brand .tag{color:var(--m-muted)!important;font-size:10px!important}
  body:not([class*="page-admin"]) .logo{width:38px!important;height:38px!important;border-radius:11px!important;box-shadow:none!important}
  body:not([class*="page-admin"]) .hamburger{width:42px!important;height:42px!important;padding:0!important;border-radius:13px!important;background:#fff!important;border:1px solid var(--m-line)!important;color:var(--m-text)!important;box-shadow:none!important}

  /* Common typography */
  body:not([class*="page-admin"]) h1{font-size:30px!important;line-height:1.22!important;letter-spacing:-.04em!important;color:var(--m-text)!important;font-weight:900!important}
  body:not([class*="page-admin"]) h2{font-size:23px!important;line-height:1.35!important;letter-spacing:-.035em!important;color:var(--m-text)!important;font-weight:900!important}
  body:not([class*="page-admin"]) h3{font-size:18px!important;line-height:1.45!important;color:var(--m-text)!important;font-weight:850!important}
  body:not([class*="page-admin"]) p,
  body:not([class*="page-admin"]) li{color:var(--m-muted)!important;line-height:1.75!important}
  body:not([class*="page-admin"]) em{font-style:normal!important;color:var(--m-brand)!important}
  body:not([class*="page-admin"]) .muted,
  body:not([class*="page-admin"]) .muted2,
  body:not([class*="page-admin"]) .small{color:var(--m-muted)!important}

  /* Hero / page introduction */
  body:not([class*="page-admin"]) .hero{margin:0 -16px 18px!important;padding:34px 16px 28px!important;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)!important;border:0!important;border-bottom:1px solid var(--m-line)!important;border-radius:0!important;box-shadow:none!important}
  body:not([class*="page-admin"]) .hero--sub{min-height:auto!important}
  body:not([class*="page-admin"]) .hero__inner,
  body:not([class*="page-admin"]) .services-head,
  body:not([class*="page-admin"]) .faq-head{display:block!important;text-align:left!important;padding:0!important}
  body:not([class*="page-admin"]) .hero__kicker,
  body:not([class*="page-admin"]) .eyebrow,
  body:not([class*="page-admin"]) .service-kicker,
  body:not([class*="page-admin"]) .faq-head>span,
  body:not([class*="page-admin"]) .services-head>span{display:inline-flex!important;padding:7px 10px!important;border-radius:999px!important;background:var(--m-soft)!important;color:var(--m-brand)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;margin-bottom:12px!important}
  body:not([class*="page-admin"]) .hero__title,
  body:not([class*="page-admin"]) .section-title h1,
  body:not([class*="page-admin"]) .faq-head h1,
  body:not([class*="page-admin"]) .services-head h1{margin:0 0 10px!important}
  body:not([class*="page-admin"]) .services-head h2,
  body:not([class*="page-admin"]) .faq-head h2{margin:8px 0 0!important;font-size:22px!important}

  /* Generic cards and sections */
  body:not([class*="page-admin"]) .card,
  body:not([class*="page-admin"]) article,
  body:not([class*="page-admin"]) .risk-section,
  body:not([class*="page-admin"]) .plan-section,
  body:not([class*="page-admin"]) .cert-section,
  body:not([class*="page-admin"]) .self-section,
  body:not([class*="page-admin"]) .csha-section,
  body:not([class*="page-admin"]) .safety-section,
  body:not([class*="page-admin"]) .faq-section,
  body:not([class*="page-admin"]) .faq-process,
  body:not([class*="page-admin"]) .services-cta,
  body:not([class*="page-admin"]) .faq-cta,
  body:not([class*="page-admin"]) .risk-cta,
  body:not([class*="page-admin"]) .safety-cta{
    background:var(--m-card)!important;border:1px solid var(--m-line)!important;border-radius:var(--m-radius)!important;box-shadow:var(--m-shadow)!important;color:var(--m-text)!important;
  }
  body:not([class*="page-admin"]) .card{margin:16px 0!important;overflow:hidden!important}
  body:not([class*="page-admin"]) .card .hd{padding:22px 20px 14px!important;border-bottom:1px solid var(--m-line)!important}
  body:not([class*="page-admin"]) .card .bd{padding:20px!important}
  body:not([class*="page-admin"]) .h1{font-size:27px!important;letter-spacing:-.04em!important;color:var(--m-text)!important}
  body:not([class*="page-admin"]) .section{padding:18px 0!important}
  body:not([class*="page-admin"]) .section-copy{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;margin-bottom:18px!important}
  body:not([class*="page-admin"]) .section-copy .num,
  body:not([class*="page-admin"]) .faq-section-title>span{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:var(--m-soft)!important;color:var(--m-brand)!important;font-weight:900!important}
  body:not([class*="page-admin"]) .section-copy h2{margin:2px 0 7px!important}
  body:not([class*="page-admin"]) .section-copy p{margin:0!important}

  /* All grids become readable single-column stacks */
  body:not([class*="page-admin"]) .grid2,
  body:not([class*="page-admin"]) .grid3,
  body:not([class*="page-admin"]) .grid4,
  body:not([class*="page-admin"]) .svc-grid,
  body:not([class*="page-admin"]) .summary-grid,
  body:not([class*="page-admin"]) .type-grid,
  body:not([class*="page-admin"]) .process-grid,
  body:not([class*="page-admin"]) .check-grid,
  body:not([class*="page-admin"]) .scope-grid,
  body:not([class*="page-admin"]) .philosophy-cards,
  body:not([class*="page-admin"]) .related-links-grid,
  body:not([class*="page-admin"]) .process-row,
  body:not([class*="page-admin"]) .accident-flow,
  body:not([class*="page-admin"]) .machine-wrap{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body:not([class*="page-admin"]) article{padding:20px!important;margin:0!important}
  body:not([class*="page-admin"]) article i{color:var(--m-brand)!important}
  body:not([class*="page-admin"]) article h3{margin:10px 0 7px!important}
  body:not([class*="page-admin"]) article p{margin:0!important}

  /* Service overview cards */
  body.page-services .svc-grid{margin-top:22px!important}
  body.page-services .svc-card{display:block!important;padding:22px!important;min-height:0!important;position:relative!important}
  body.page-services .svc-top{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important}
  body.page-services .svc-no{display:flex!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:var(--m-soft)!important;color:var(--m-brand)!important;font-weight:900!important}
  body.page-services .svc-en{font-size:10px!important;color:var(--m-muted)!important;letter-spacing:.08em!important}
  body.page-services .svc-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:var(--m-soft)!important;color:var(--m-brand)!important;margin-bottom:14px!important}
  body.page-services .svc-title{font-size:20px!important;color:var(--m-text)!important;font-weight:900!important;margin-bottom:8px!important}
  body.page-services .svc-desc{color:var(--m-muted)!important;line-height:1.7!important}
  body.page-services .svc-link{margin-top:15px!important;color:var(--m-brand)!important;font-weight:850!important}

  /* Sub navigation: horizontal chips */
  body:not([class*="page-admin"]) .subnav,
  body:not([class*="page-admin"]) .site-subnav,
  body:not([class*="page-admin"]) .quick-tags,
  body:not([class*="page-admin"]) .machine-tags{display:flex!important;gap:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:2px 0 10px!important;scrollbar-width:none!important}
  body:not([class*="page-admin"]) .subnav::-webkit-scrollbar,
  body:not([class*="page-admin"]) .site-subnav::-webkit-scrollbar,
  body:not([class*="page-admin"]) .quick-tags::-webkit-scrollbar{display:none!important}
  body:not([class*="page-admin"]) .subnav a,
  body:not([class*="page-admin"]) .subnav button,
  body:not([class*="page-admin"]) .site-subnav a,
  body:not([class*="page-admin"]) .quick-tags span,
  body:not([class*="page-admin"]) .machine-tags span{flex:0 0 auto!important;white-space:nowrap!important;padding:10px 13px!important;border-radius:999px!important;border:1px solid var(--m-line)!important;background:#fff!important;color:var(--m-muted)!important;font-size:13px!important;font-weight:800!important}

  /* Intro and notices */
  body:not([class*="page-admin"]) .risk-intro,
  body:not([class*="page-admin"]) .plan-intro,
  body:not([class*="page-admin"]) .cert-intro,
  body:not([class*="page-admin"]) .self-intro,
  body:not([class*="page-admin"]) .csha-intro,
  body:not([class*="page-admin"]) .safety-intro,
  body:not([class*="page-admin"]) .faq-guide,
  body:not([class*="page-admin"]) .callout,
  body:not([class*="page-admin"]) .notice,
  body:not([class*="page-admin"]) .legal-note{padding:18px!important;border-radius:17px!important;background:var(--m-soft)!important;border:1px solid #dbeaff!important;color:var(--m-text)!important;box-shadow:none!important}
  body:not([class*="page-admin"]) .notice.bad{background:#fff5f4!important;border-color:#ffd9d4!important;color:#a23d34!important}
  body:not([class*="page-admin"]) .notice.ok{background:#f0fbf5!important;border-color:#cfeedd!important;color:#24764a!important}

  /* Forms */
  body:not([class*="page-admin"]) .row.contact-form,
  body:not([class*="page-admin"]) form.row{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  body:not([class*="page-admin"]) .field{grid-column:1!important}
  body:not([class*="page-admin"]) .field label{font-size:13px!important;color:var(--m-text)!important;margin:0 0 8px 2px!important}
  body:not([class*="page-admin"]) .field input,
  body:not([class*="page-admin"]) .field select,
  body:not([class*="page-admin"]) .field textarea{background:#fff!important;color:var(--m-text)!important;border:1px solid #dfe5ee!important;border-radius:14px!important;padding:14px!important;box-shadow:0 1px 0 rgba(0,0,0,.02)!important;font-size:16px!important}
  body:not([class*="page-admin"]) .field input:focus,
  body:not([class*="page-admin"]) .field select:focus,
  body:not([class*="page-admin"]) .field textarea:focus{border-color:var(--m-brand)!important;box-shadow:0 0 0 3px rgba(20,120,255,.10)!important}
  body:not([class*="page-admin"]) .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}

  /* Buttons */
  body:not([class*="page-admin"]) .btn{min-height:48px!important;padding:13px 17px!important;border-radius:14px!important;border:1px solid #dfe5ee!important;background:#fff!important;color:var(--m-text)!important;box-shadow:none!important;font-weight:850!important}
  body:not([class*="page-admin"]) .btn.primary,
  body:not([class*="page-admin"]) button[type="submit"].btn{background:linear-gradient(135deg,var(--m-brand),var(--m-brand-deep))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(20,120,255,.20)!important}

  /* Tables and resource list */
  body:not([class*="page-admin"]) .mobile-table-scroll{overflow:visible!important}
  body:not([class*="page-admin"]) .mobile-table-scroll table,
  body:not([class*="page-admin"]) .table{display:block!important;width:100%!important;border:0!important}
  body:not([class*="page-admin"]) .mobile-table-scroll thead{display:none!important}
  body:not([class*="page-admin"]) .mobile-table-scroll tbody{display:grid!important;gap:10px!important}
  body:not([class*="page-admin"]) .mobile-table-scroll tr{display:block!important;padding:15px!important;border:1px solid var(--m-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 18px rgba(33,54,87,.05)!important}
  body:not([class*="page-admin"]) .mobile-table-scroll td{display:flex!important;justify-content:space-between!important;gap:14px!important;padding:7px 0!important;border:0!important;text-align:right!important;color:var(--m-text)!important}
  body:not([class*="page-admin"]) .mobile-table-scroll td:before{content:attr(data-label)!important;color:var(--m-muted)!important;font-weight:800!important;text-align:left!important}
  body.page-resources .resource-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important}
  body.page-resources .resource-toolbar>div:last-child,
  body.page-resources .resource-toolbar form{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:1fr auto!important}

  /* FAQ */
  body:not([class*="page-admin"]) .faq-list{display:grid!important;gap:10px!important}
  body:not([class*="page-admin"]) details,
  body:not([class*="page-admin"]) .faq-item{border:1px solid var(--m-line)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
  body:not([class*="page-admin"]) summary,
  body:not([class*="page-admin"]) .faq-question{padding:17px!important;color:var(--m-text)!important;font-weight:850!important}
  body:not([class*="page-admin"]) .faq-answer{padding:0 17px 17px!important;background:#fff!important}

  /* About page */
  body.page-about .greeting-bg{background:#fff!important;border-radius:18px!important;padding:0!important}
  body.page-about .career-panel,
  body.page-about .philosophy-shell,
  body.page-about .philosophy-hero,
  body.page-about .philosophy-main{background:#fff!important;color:var(--m-text)!important;border-color:var(--m-line)!important}
  body.page-about .philosophy-visual{display:none!important}
  body.page-about img{max-width:100%!important;height:auto!important}
  body.page-about .ci-download-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}

  /* CTA blocks */
  body:not([class*="page-admin"]) .services-cta,
  body:not([class*="page-admin"]) .faq-cta,
  body:not([class*="page-admin"]) .risk-cta,
  body:not([class*="page-admin"]) .safety-cta{padding:24px 20px!important;margin:18px 0!important;text-align:left!important;background:linear-gradient(145deg,#fff,#f2f7ff)!important}
  body:not([class*="page-admin"]) .services-cta .btn,
  body:not([class*="page-admin"]) .faq-cta .btn,
  body:not([class*="page-admin"]) .risk-cta .btn,
  body:not([class*="page-admin"]) .safety-cta .btn{width:100%!important;margin-top:12px!important}

  /* Floating quick actions */
  body:not([class*="page-admin"]) .with-contact-float{right:12px!important;bottom:14px!important;gap:8px!important}
  body:not([class*="page-admin"]) .with-float-action{width:58px!important;height:58px!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(33,54,87,.18)!important}
  body:not([class*="page-admin"]) .with-float-action__label{font-size:9px!important}

  /* Keep long media and embeds inside viewport */
  body:not([class*="page-admin"]) img,
  body:not([class*="page-admin"]) iframe,
  body:not([class*="page-admin"]) video,
  body:not([class*="page-admin"]) canvas{max-width:100%!important}
  body:not([class*="page-admin"]) [style*="width:"]{max-width:100%}
}

/* Final business-page mobile overrides: keep this block last. */
@media (max-width:760px){
  body .services-overview *,body .service-detail-page *{box-sizing:border-box;min-width:0;max-width:100%}
  body .services-overview,body .services-overview>.wrap,
  body .service-detail-page,body .service-detail-page>.wrap{overflow-x:clip!important}

  body .service-detail-page .subnav{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:7px!important;margin:0 0 16px!important;padding:7px!important;
    overflow:visible!important;white-space:normal!important;border:1px solid #e1e6ee!important;
    border-radius:17px!important;background:#eef1f5!important;transform:none!important;
  }
  body .service-detail-page .subnav a{
    display:flex!important;flex:initial!important;width:100%!important;min-height:42px!important;
    align-items:center!important;justify-content:center!important;margin:0!important;padding:7px 5px!important;
    overflow:visible!important;white-space:normal!important;word-break:keep-all!important;text-align:center!important;
    line-height:1.25!important;border:1px solid #dce2ea!important;border-radius:12px!important;
    background:#fff!important;color:#596579!important;font-size:11px!important;box-shadow:none!important;
  }
  body .service-detail-page .subnav a.is-active{border-color:#278557!important;background:linear-gradient(135deg,#247c52,#185f3e)!important;color:#fff!important;box-shadow:0 6px 14px rgba(25,100,65,.18)!important}

  body .service-detail-page{color:#172033!important;background:linear-gradient(180deg,#fff,#f5f7fb)!important}
  body .service-detail-page .section-title h1{color:#172033!important;font-size:28px!important;margin:0 0 14px!important}
  body .service-detail-page p,body .service-detail-page li,body .service-detail-page small,
  body .service-detail-page .footnote,body .service-detail-page .method-table .tr span,
  body .service-detail-page .control-list span{color:#657086!important}
  body .service-detail-page h2,body .service-detail-page h3,
  body .service-detail-page b,body .service-detail-page strong{color:#172033!important}
  body .service-detail-page .num,body .service-detail-page article>b,
  body .service-detail-page .type-card>span,body .service-detail-page .plan-chip,
  body .service-detail-page .csha-chip{color:#1478ff!important}
  body .service-detail-page .num{background:#edf5ff!important;border-color:#bddbff!important}
  body .service-detail-page .seo-intro,body .service-detail-page .risk-intro,
  body .service-detail-page .safety-intro,body .service-detail-page .csha-intro,
  body .service-detail-page .plan-intro-card{border:1px solid #d9e7f8!important;background:#eef6ff!important;color:#172033!important;box-shadow:none!important;border-radius:18px!important}

  body .service-detail-page .card,body .service-detail-page .risk-section,
  body .service-detail-page .safety-section,body .service-detail-page .csha-section,
  body .service-detail-page .plan-section,body .service-detail-page .panel,
  body .service-detail-page article,body .service-detail-page .info-card,
  body .service-detail-page .type-card,body .service-detail-page .plan-path-card,
  body .service-detail-page .plan-fact{background:#fff!important;border-color:#e3e8ef!important;color:#172033!important;box-shadow:0 7px 22px rgba(33,54,87,.055)!important}
  body .service-detail-page article{min-height:0!important;height:auto!important;padding:17px!important}

  body .service-detail-page .grid2,body .service-detail-page .summary-grid,
  body .service-detail-page .type-grid,body .service-detail-page .process-grid,
  body .service-detail-page .recognition-grid,body .service-detail-page .with-flow,
  body .service-detail-page .split,body .service-detail-page .duty-grid,
  body .service-detail-page .system-grid,body .service-detail-page .procedure-grid,
  body .service-detail-page .program-grid,body .service-detail-page .execution-layout,
  body .service-detail-page .execution-list,body .service-detail-page .need-grid,
  body .service-detail-page .check-grid,body .service-detail-page .scope-grid,
  body .service-detail-page .accident-flow,body .service-detail-page .industry-grid,
  body .service-detail-page .equipment-grid,body .service-detail-page .with-grid,
  body .service-detail-page .plan-path-grid,body .service-detail-page .plan-check-grid,
  body .service-detail-page .plan-quick-facts{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;overflow:visible!important}

  body .service-detail-page .quick-tags,body .service-detail-page .machine-tags{
    display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:7px!important;
    overflow:visible!important;white-space:normal!important;padding:0!important;
  }
  body .service-detail-page .quick-tags span,body .service-detail-page .machine-tags span{
    flex:0 1 auto!important;white-space:normal!important;background:#fff!important;border:1px solid #dfe5ed!important;
    color:#586477!important;padding:8px 10px!important;font-size:11px!important;
  }
  body .service-detail-page .csha-toc,body .service-detail-page .plan-toc{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;overflow:visible!important;
  }
  body .service-detail-page .csha-toc a,body .service-detail-page .plan-toc a{white-space:normal!important;text-align:center!important;word-break:keep-all!important}

  body .service-detail-page .method-table{display:block!important;width:100%!important;border:0!important;overflow:visible!important}
  body .service-detail-page .method-table .th{display:none!important}
  body .service-detail-page .method-table .tr{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:7px!important;margin:0 0 9px!important;padding:15px!important;border:1px solid #e2e7ee!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 18px rgba(33,54,87,.045)!important}

  body .service-detail-page .control-list{display:block!important;width:100%!important;margin:12px 0 0!important;padding:0!important}
  body .service-detail-page .control-list li{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:10px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:13px 0!important;align-items:start!important;border-top:1px solid #e7ebf1!important}
  body .service-detail-page .control-list li:first-child{border-top:0!important}
  body .service-detail-page .control-list b{color:#1478ff!important;line-height:1.55!important}
  body .service-detail-page .control-list span{display:block!important;line-height:1.62!important}
  body .service-detail-page .recognition-note,body .service-detail-page .execution-message,
  body .service-detail-page .plan-note,body .service-detail-page .plan-alert{background:#edf8f1!important;color:#36634a!important;border-color:#cce8d7!important}
  body .service-detail-page .steps{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;overflow:visible!important}
  body .service-detail-page .step{width:100%!important;min-height:0!important;height:auto!important;background:#f7f9fc!important;border-color:#e2e7ee!important}

  body .services-overview .services-head{margin:0 0 18px!important;padding:20px 17px!important;border:1px solid #dfe8f4!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#eef5ff)!important;box-shadow:0 10px 28px rgba(33,54,87,.07)!important}
  body .services-overview .services-head:after{display:none!important}
  body .services-overview .services-head h1,body .services-overview .services-head h2{color:#172033!important}
  body .services-overview .services-head p{color:#657086!important}
  body .services-overview .svc-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;overflow:visible!important}
  body .services-overview .svc-card{display:grid!important;grid-template-columns:50px minmax(0,1fr) 32px!important;grid-template-areas:"icon top top" "icon title arrow" "desc desc desc"!important;width:100%!important;min-height:0!important;margin:0!important;padding:16px!important;gap:3px 12px!important;border:1px solid #e3e8f0!important;border-radius:18px!important;background:#fff!important;color:#172033!important;box-shadow:0 8px 22px rgba(33,54,87,.06)!important;overflow:hidden!important}
  body .services-overview .svc-icon{grid-area:icon!important;width:50px!important;height:50px!important;margin:0!important;background:#edf5ff!important;color:#1478ff!important}
  body .services-overview .svc-top{grid-area:top!important;margin:0!important}
  body .services-overview .svc-title{grid-area:title!important;margin:0!important;color:#172033!important}
  body .services-overview .svc-desc{grid-area:desc!important;margin:9px 0 0!important;color:#657086!important}
  body .services-overview .svc-link{grid-area:arrow!important;margin:0!important;color:#1478ff!important}

  body:not([class*="page-admin"]) footer{margin:0!important;padding:26px 0 80px!important;background:#172033!important;border-top:0!important;color:#fff!important}
  body:not([class*="page-admin"]) footer .foot{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body:not([class*="page-admin"]) footer .foot-company,body:not([class*="page-admin"]) footer .foot-box{padding:17px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important}
  body:not([class*="page-admin"]) footer .foot-info,body:not([class*="page-admin"]) footer .foot-info div,
  body:not([class*="page-admin"]) footer .legal,body:not([class*="page-admin"]) footer .legal a{color:#d9e0ec!important;font-size:12px!important;line-height:1.75!important}
  body:not([class*="page-admin"]) footer .foot-contact .t1{color:#55c9e8!important;font-size:16px!important}
  body:not([class*="page-admin"]) footer .foot-contact .t2,body:not([class*="page-admin"]) footer .contact-lines .label,
  body:not([class*="page-admin"]) footer .contact-lines .val{color:#fff!important;font-size:14px!important}
  body:not([class*="page-admin"]) footer .contact-lines .row{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:7px!important}
  body:not([class*="page-admin"]) .with-contact-float{right:9px!important;bottom:10px!important;gap:6px!important}
  body:not([class*="page-admin"]) .with-float-action,body:not([class*="page-admin"]) .with-float-action:hover,body:not([class*="page-admin"]) .with-float-action:focus-visible{width:46px!important;height:46px!important;border-radius:15px!important}
  body:not([class*="page-admin"]) .with-float-action__icon{flex:0 0 44px!important;width:44px!important;height:44px!important;font-size:19px!important}
  body:not([class*="page-admin"]) .with-float-action__icon--naver{font-size:20px!important}
}

@media (max-width:380px){
  body .service-detail-page .subnav a{font-size:10px!important;padding:6px 3px!important}
  body .service-detail-page .csha-toc,body .service-detail-page .plan-toc{grid-template-columns:1fr!important}
}

/* 2026-07 mobile-only final refinement batch */
@media (max-width:760px){
  /* Resource detail: restore readable contrast on the white mobile surface. */
  body .resource-detail-sec .resource-detail-title{color:#172238!important}
  body .resource-detail-sec .resource-meta-line,
  body .resource-detail-sec .resource-meta-line span,
  body .resource-detail-sec .resource-meta-line b{color:#657287!important}
  body .resource-detail-sec .resource-desc-box{background:#fff!important;border:1px solid #dfe6ee!important;box-shadow:0 8px 24px rgba(28,45,70,.05)!important}
  body .resource-detail-sec .resource-desc-text{color:#344156!important}
  body .resource-detail-sec .resource-desc-text strong,
  body .resource-detail-sec .resource-desc-text b{color:#172238!important}
  body .resource-detail-sec .resource-desc-text a{color:#126fd1!important;text-decoration-color:#89bde9!important}
  body .resource-detail-sec .resource-keywords,
  body .resource-detail-sec .resource-section-title{color:#56667b!important}

  /* Compact and unambiguous final inquiry CTA. */
  body .service-detail-page .csha-final{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:24px 0 10px!important;padding:20px 16px!important;text-align:center!important;background:#f3f8f6!important;border:1px solid #cfe2db!important}
  body .service-detail-page .csha-final>span{display:block!important;max-width:100%!important;color:#315d52!important;font-size:12px!important;line-height:1.65!important;letter-spacing:.02em!important;word-break:keep-all!important}
  body .service-detail-page .csha-final>.btn{width:100%!important;min-height:48px!important;margin:0!important;justify-content:center!important}

  /* Redundant process keyword clouds are omitted on mobile. */
  body .safety-page .quick-tags,
  body .risk-page .quick-tags{display:none!important}

  /* Harm-prevention plan: concise headings, quieter palette and denser content. */
  body .plan-page .plan-chip{padding:6px 10px!important;background:#eef4f7!important;border:1px solid #cbdde4!important;color:#315f70!important;box-shadow:none!important;font-size:11px!important}
  body .plan-page .plan-quick-facts{display:none!important}
  body .plan-page .plan-section-head{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}
  body .plan-page .plan-section-head>span{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;background:#edf4f8!important;border:1px solid #bfd7e2!important;color:#176985!important;box-shadow:none!important}
  body .plan-page .plan-section-head>div{display:none!important}
  body .plan-page .plan-section-head:after{grid-column:2;display:block;color:#1c2a3e;font-size:18px;font-weight:950;line-height:1.3;letter-spacing:-.035em}
  body .plan-page #target-check .plan-section-head:after{content:"제출대상 빠른 확인"}
  body .plan-page #target-industries .plan-section-head:after{content:"대상 업종"}
  body .plan-page #target-equipment .plan-section-head:after{content:"대상 설비"}
  body .plan-page #submission-process .plan-section-head:after{content:"심사·확인 절차"}
  body .plan-page #with-service .plan-section-head:after{content:"위드 컨설팅 범위"}
  body .plan-page #plan-faq .plan-section-head:after{content:"자주 묻는 질문"}

  body .plan-page .industry-grid{gap:7px!important}
  body .plan-page .industry-grid>div{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-height:0!important;padding:10px 12px!important;border-radius:12px!important}
  body .plan-page .industry-grid b{color:#1b293d!important;font-size:14px!important;line-height:1.35!important}
  body .plan-page .industry-grid span{color:#46566b!important;font-size:13px!important;line-height:1.35!important;text-align:left!important}

  body .plan-page .equipment-grid{gap:8px!important}
  body .plan-page .equipment-card,
  body .plan-page .equipment-card--wide{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-areas:"icon title" "copy copy"!important;align-items:center!important;gap:7px 10px!important;min-height:0!important;padding:13px!important}
  body .plan-page .equipment-card>i{grid-area:icon!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;border-radius:11px!important;background:#edf4f8!important;border:1px solid #ccdde5!important;color:#24677d!important;font-size:17px!important;box-shadow:none!important}
  body .plan-page .equipment-card>h3{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:17px!important;line-height:1.3!important}
  body .plan-page .equipment-card>p{grid-area:copy!important;margin:2px 0 0!important;color:#56657a!important;font-size:13px!important;line-height:1.55!important}

  body .plan-page .plan-check-grid{gap:7px!important}
  body .plan-page .plan-check-grid span{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;min-height:0!important;padding:10px 12px!important;color:#26354a!important;line-height:1.4!important}
  body .plan-page .plan-check-grid span:before{position:static!important;inset:auto!important;display:grid!important;place-items:center!important;width:18px!important;height:18px!important;margin:0!important;color:#2d7b78!important;font-size:13px!important}
  body .plan-page .plan-strength{display:none!important}

  /* Certification and self-check processes: compact vertical timeline. */
  body .service-cert-page .steps,
  body .service-selfcheck-page .steps{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:2px 0!important;background:transparent!important}
  body .service-cert-page .steps:before,
  body .service-selfcheck-page .steps:before{content:"";position:absolute;left:16px;top:19px;bottom:19px;width:1px;background:#cbd9e1}
  body .service-cert-page .steps .step,
  body .service-selfcheck-page .steps .step{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-areas:"num title" "num copy"!important;align-items:center!important;column-gap:11px!important;min-height:0!important;padding:9px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
  body .service-cert-page .steps .step>span,
  body .service-selfcheck-page .steps .step>span{grid-area:num!important;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;margin:0!important;border-radius:50%!important;background:#e8f1f4!important;border:1px solid #bcd3dc!important;color:#1d667b!important;font-size:13px!important;font-weight:950!important;box-shadow:0 0 0 4px #fff!important}
  body .service-cert-page .steps .step>b,
  body .service-selfcheck-page .steps .step>b{grid-area:title!important;color:#1d2a3e!important;font-size:15px!important;line-height:1.3!important}
  body .service-cert-page .steps .step>small,
  body .service-selfcheck-page .steps .step>small{grid-area:copy!important;margin-top:2px!important;color:#708094!important;font-size:12px!important;line-height:1.35!important}
}

/* =========================================================
   FINAL MOBILE QA PASS — 2026-07-18
   This section intentionally comes last and is mobile-only.
   ========================================================= */
@media (max-width:760px){
  :root{--qa-bg:#f5f7fb;--qa-card:#fff;--qa-text:#172033;--qa-muted:#657086;--qa-line:#e1e7ef;--qa-blue:#1478ff;--qa-green:#247c52}
  html,body{overflow-x:hidden!important}
  body:not([class*="page-admin"]) main{padding-bottom:28px!important;overflow-x:hidden!important}
  body:not([class*="page-admin"]) h1{font-size:27px!important}
  body:not([class*="page-admin"]) h2{font-size:20px!important}
  body:not([class*="page-admin"]) h3{font-size:17px!important}
  body:not([class*="page-admin"]) p,body:not([class*="page-admin"]) li{font-size:14px!important;line-height:1.68!important}

  /* Home: retain the intentional dark hero, overriding global light text rules. */
  body.page-index .mobile-home{background:var(--qa-bg)!important}
  body.page-index .mobile-home-hero{padding:32px 18px 23px!important;color:#fff!important}
  body.page-index .mobile-home-hero h1{margin:17px 0 12px!important;color:#fff!important;font-size:34px!important;line-height:1.2!important}
  body.page-index .mobile-home-hero h1 strong{color:#74dcff!important}
  body.page-index .mobile-home-hero>p{color:rgba(255,255,255,.78)!important;font-size:14px!important}
  body.page-index .mobile-home-hero__badge{color:#fff!important}
  body.page-index .mobile-home-hero__trust,body.page-index .mobile-home-hero__trust span{color:rgba(255,255,255,.72)!important}
  body.page-index .mobile-home-section{margin:12px 10px 0!important;padding:20px 13px!important}
  body.page-index .mobile-home-section__head h2{color:var(--qa-text)!important;font-size:21px!important}
  body.page-index .mobile-service-card{min-height:172px!important;padding:15px 12px 13px!important;background:#fff!important}
  body.page-index .mobile-service-card--wide{min-height:104px!important}
  body.page-index .mobile-service-card h3,body.page-index .mobile-why-list h3{color:var(--qa-text)!important}
  body.page-index .mobile-service-card p,body.page-index .mobile-why-list p{color:var(--qa-muted)!important;font-size:12px!important}
  body.page-index .mobile-home-contact{margin:12px 10px 0!important;padding:23px 18px!important;color:#fff!important}
  body.page-index .mobile-home-contact h2{color:#fff!important}
  body.page-index .mobile-home-contact p{color:rgba(255,255,255,.76)!important}

  /* About: all three tabs fit; remove dark desktop panels on the light mobile page. */
  body.page-about main>.wrap{padding-left:12px!important;padding-right:12px!important}
  body.page-about .hero--sub{padding:24px 14px 20px!important;margin-bottom:10px!important}
  body.page-about .section{padding:10px 0!important}
  body.page-about .section>.container{padding-left:10px!important;padding-right:10px!important}
  body.page-about .section>.container>.card{padding:14px!important;margin:0!important;background:#fff!important;border:1px solid var(--qa-line)!important;overflow:hidden!important}
  body.page-about .subnav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:0 0 14px!important;padding:0!important;overflow:visible!important}
  body.page-about .subnav a{display:flex!important;justify-content:center!important;width:100%!important;min-height:42px!important;padding:7px 4px!important;white-space:normal!important;text-align:center!important;font-size:11px!important;line-height:1.25!important;background:#fff!important;color:#596579!important;border:1px solid #dce2ea!important}
  body.page-about .subnav a.is-active{background:#edf8f1!important;color:#1e6543!important;border-color:#8bc8a7!important;box-shadow:0 0 0 2px rgba(36,124,82,.08)!important}
  body.page-about .greeting-bg{min-height:0!important;padding:0!important;background:#fff!important;border-radius:0!important;overflow:visible!important}
  body.page-about .greeting-bg:before{display:none!important}
  body.page-about .greeting-bg .grid2{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.page-about .greeting-bg h2,body.page-about .greeting-bg p,body.page-about .greeting-bg .sig{color:var(--qa-text)!important;text-shadow:none!important}
  body.page-about .greeting-bg .muted{color:var(--qa-muted)!important}
  body.page-about .greeting-bg .callout{margin:0 0 14px!important;padding:16px!important;background:#eef6ff!important;border:1px solid #d8e7f8!important;color:var(--qa-text)!important;border-radius:16px!important}
  body.page-about .career-panel{margin:0!important;display:block!important;height:auto!important}
  body.page-about .career-panel__box{width:100%!important;padding:18px!important;background:#f7f9fc!important;border:1px solid var(--qa-line)!important;box-shadow:none!important;backdrop-filter:none!important}
  body.page-about .career-panel__title,body.page-about .career-panel__label{color:var(--qa-text)!important;text-shadow:none!important}
  body.page-about .career-panel__intro,body.page-about .career-panel__ending,
  body.page-about .career-panel__list>li,body.page-about .career-panel__sublist>li{color:var(--qa-muted)!important;text-shadow:none!important;font-size:14px!important;line-height:1.65!important}
  body.page-about .career-panel__list>li,body.page-about .career-panel__sublist>li{padding-left:13px!important;margin:5px 0!important}
  body.page-about .career-panel__list>li:before,body.page-about .career-panel__sublist>li:before{color:var(--qa-blue)!important}
  body.page-about .career-panel__sublist{margin:5px 0 0 0!important;padding-left:10px!important}
  body.page-about .philosophy-shell{gap:12px!important}
  body.page-about .philosophy-hero{padding:18px!important;background:#eef6ff!important;border-color:#d8e7f8!important}
  body.page-about .philosophy-title,body.page-about .philosophy-card h3{color:var(--qa-text)!important}
  body.page-about .philosophy-summary,body.page-about .philosophy-card p{color:var(--qa-muted)!important}
  body.page-about .philosophy-cards{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.page-about .philosophy-card{min-height:0!important;padding:16px!important;background:#fff!important;border-color:var(--qa-line)!important}
  body.page-about .philosophy-card__top{margin-bottom:10px!important}
  body.page-about .philosophy-card__num{color:#9aa6b7!important}
  body.page-about .philosophy-visual{display:none!important}
  body.page-about .ci-guide-card{padding:16px!important;margin:12px 0!important}
  body.page-about .ci-guide-card .bd{padding:0!important}
  body.page-about .ci-guide-card .small,body.page-about .ci-guide-card .muted2,
  body.page-about .ci-guide-card .imgCap{color:var(--qa-muted)!important;opacity:1!important}
  body.page-about .ci-guide-card .ciImg{padding:12px!important;background:#fff!important;border:1px solid var(--qa-line)!important;border-radius:14px!important}
  body.page-about .ci-download-row{margin-top:12px!important}

  /* Service pages: compact hierarchy, visible copy, no nested grey slabs. */
  body .service-detail-page{padding-top:16px!important}
  body .service-detail-page>.wrap{padding-left:12px!important;padding-right:12px!important}
  body .service-detail-page .section-title h1{font-size:27px!important;line-height:1.25!important}
  body .service-detail-page .subnav{margin-bottom:14px!important}
  body .service-detail-page .risk-intro,body .service-detail-page .safety-intro,
  body .service-detail-page .csha-intro,body .service-detail-page .plan-intro-card{padding:17px!important;margin:12px 0 18px!important}
  body .service-detail-page .risk-intro h2,body .service-detail-page .safety-intro h2,
  body .service-detail-page .csha-intro h2,body .service-detail-page .plan-intro-card h2{color:var(--qa-text)!important;font-size:20px!important}
  body .service-detail-page .risk-intro p,body .service-detail-page .safety-intro p,
  body .service-detail-page .csha-intro p,body .service-detail-page .plan-intro-card p{color:var(--qa-muted)!important}
  body .service-detail-page .csha-principles{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body .service-detail-page .csha-principles div{min-height:78px!important;padding:11px 8px!important;background:#fff!important;border:1px solid var(--qa-line)!important}
  body .service-detail-page .csha-principles strong{color:var(--qa-green)!important;font-size:16px!important}
  body .service-detail-page .csha-principles span{color:var(--qa-muted)!important;font-size:11px!important}
  body .service-detail-page .csha-toc,body .service-detail-page .plan-toc{margin:14px 0 20px!important;padding:7px!important;background:#eef1f5!important;border:1px solid var(--qa-line)!important;border-radius:16px!important}
  body .service-detail-page .csha-toc a,body .service-detail-page .plan-toc a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:7px!important;background:#fff!important;border:1px solid #dce2ea!important;border-radius:11px!important;color:#596579!important;font-size:11px!important}
  body .service-detail-page .csha-section,body .service-detail-page .safety-section,
  body .service-detail-page .risk-section,body .service-detail-page .plan-section{margin:18px 0!important;padding:16px!important;border-radius:18px!important}
  body .service-detail-page .csha-section-head,body .service-detail-page .section-copy,
  body .service-detail-page .plan-section-head{margin-bottom:14px!important;gap:10px!important}
  body .service-detail-page .csha-section-head>span,body .service-detail-page .section-copy>.num,
  body .service-detail-page .plan-section-head>span{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;background:#edf5ff!important;border:1px solid #bddbff!important;color:var(--qa-blue)!important}
  body .service-detail-page .plan-section-head>div:empty{display:none!important}
  body .service-detail-page .plan-section-head:has(>div:empty){margin-bottom:12px!important}
  body .service-detail-page article,body .service-detail-page .info-card,
  body .service-detail-page .type-card,body .service-detail-page .equipment-card{padding:15px!important;min-height:0!important;background:#fff!important}
  body .service-detail-page article h3{margin:8px 0 5px!important}
  body .service-detail-page article p{margin:0!important}
  body .service-detail-page .execution-list{gap:7px!important}
  body .service-detail-page .execution-list div{padding:11px 12px!important;background:#f7f9fc!important;border-color:var(--qa-line)!important;color:var(--qa-text)!important;font-size:13px!important}
  body .service-detail-page .execution-message,body .service-detail-page .csha-note,
  body .service-detail-page .recognition-note,body .service-detail-page .plan-alert,
  body .service-detail-page .plan-note,body .service-detail-page .notice{padding:14px!important;background:#edf8f1!important;border-color:#cce8d7!important;color:#315f47!important}
  body .service-detail-page .execution-message h3,body .service-detail-page .execution-message p,
  body .service-detail-page .csha-note span,body .service-detail-page .plan-alert,
  body .service-detail-page .recognition-note{color:#315f47!important}
  body .service-detail-page .process-step{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"n t" "n s"!important;align-items:center!important;gap:2px 10px!important;min-height:0!important;height:auto!important;padding:13px!important;text-align:left!important;background:#f7f9fc!important;border:1px solid var(--qa-line)!important;border-radius:14px!important}
  body .service-detail-page .process-step>span{grid-area:n!important;width:38px!important;height:38px!important;margin:0!important;background:#edf5ff!important;color:var(--qa-blue)!important;border:1px solid #bddbff!important}
  body .service-detail-page .process-step>b{grid-area:t!important;margin:0!important;color:var(--qa-text)!important}
  body .service-detail-page .process-step>small{grid-area:s!important;margin:0!important;color:var(--qa-muted)!important}
  body .service-detail-page .industry-grid>div,body .service-detail-page .plan-check-grid>span,
  body .service-detail-page .plan-strength>div{min-height:0!important;padding:12px!important;background:#f7f9fc!important;border:1px solid var(--qa-line)!important;border-radius:12px!important;color:var(--qa-text)!important}
  body .service-detail-page .plan-fact{min-height:76px!important;padding:11px!important}
  body .service-detail-page .plan-fact strong{color:var(--qa-blue)!important;font-size:19px!important}
  body .service-detail-page .plan-fact span{color:var(--qa-muted)!important;font-size:11px!important}
  body .service-detail-page .csha-final,body .service-detail-page .risk-cta,
  body .service-detail-page .safety-cta,body .service-detail-page .plan-final-cta{margin:18px 0 4px!important;padding:20px 16px!important;background:#edf8f1!important;border:1px solid #cce8d7!important;border-radius:18px!important}
  body .service-detail-page .csha-final span,body .service-detail-page .risk-cta span,
  body .service-detail-page .safety-cta span,body .service-detail-page .plan-final-cta span{color:#315f47!important}
  body .service-detail-page .faq-list details,body .service-detail-page .plan-faq-list details{background:#fff!important;border-color:var(--qa-line)!important}
  body .service-detail-page .faq-list summary,body .service-detail-page .plan-faq-list summary{color:var(--qa-text)!important}
  body .service-detail-page .faq-list p,body .service-detail-page .plan-faq-answer p{color:var(--qa-muted)!important}

  /* FAQ: compact end section and remove the large empty gap before footer. */
  body.page-faq main{padding-bottom:0!important}
  body.page-faq .faq-page{margin-bottom:0!important;padding-bottom:18px!important;min-height:0!important}
  body.page-faq .faq-head{padding:20px 17px!important;background:#eef6ff!important;border-color:#d8e7f8!important}
  body.page-faq .faq-head h1,body.page-faq .faq-head h2{color:var(--qa-text)!important}
  body.page-faq .faq-head p{color:var(--qa-muted)!important}
  body.page-faq .faq-guide,body.page-faq .faq-section,body.page-faq .faq-process{padding:16px!important;margin:12px 0!important;background:#fff!important;border-color:var(--qa-line)!important}
  body.page-faq .faq-list details{background:#fff!important;border-color:var(--qa-line)!important;padding:0 14px!important}
  body.page-faq .faq-list summary{padding:15px 0!important;color:var(--qa-text)!important}
  body.page-faq .faq-list summary strong{color:var(--qa-text)!important;font-size:14px!important}
  body.page-faq .faq-answer p{color:var(--qa-muted)!important}
  body.page-faq .process-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.page-faq .process-row article{min-height:0!important;padding:15px!important;background:#f7f9fc!important;border-color:var(--qa-line)!important}
  body.page-faq .faq-cta{margin:14px 0 0!important;padding:18px!important;background:#edf8f1!important;border-color:#cce8d7!important}
  body.page-faq .faq-cta span,body.page-faq .faq-cta h2,body.page-faq .faq-cta p{color:#315f47!important}

  /* Generic horizontal-overflow audit: wrap or stack every public mobile control. */
  body:not([class*="page-admin"]) .site-subnav,
  body:not([class*="page-admin"]) .resource-cat-buttons,
  body:not([class*="page-admin"]) .pagination{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important}
  body:not([class*="page-admin"]) .site-subnav-link,
  body:not([class*="page-admin"]) .resource-cat-buttons>*{flex:0 1 auto!important;white-space:normal!important}
  body:not([class*="page-admin"]) table,body:not([class*="page-admin"]) pre,
  body:not([class*="page-admin"]) iframe,body:not([class*="page-admin"]) img{max-width:100%!important}

  /* Fixed shortcuts obscured cards and buttons on every narrow screen. */
  body:not([class*="page-admin"]) .with-contact-float{display:none!important}

  /* Resource pages: eliminate the remaining toolbar/table horizontal scroll. */
  body.page-resources .resource-toolbar,body.page-resource_view .resource-toolbar{
    display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;
    overflow:visible!important;white-space:normal!important;
  }
  body.page-resources .resource-toolbar>*,body.page-resource_view .resource-toolbar>*{width:100%!important;min-width:0!important;margin:0!important}
  body.page-resources .resource-toolbar form,body.page-resource_view .resource-toolbar form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}
  body.page-resources .resource-cat-buttons,body.page-resource_view .resource-cat-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important}
  body.page-resources .resource-cat-buttons>*,body.page-resource_view .resource-cat-buttons>*{width:100%!important;min-width:0!important;white-space:normal!important;text-align:center!important}
  body.page-resources .mobile-table-scroll,body.page-resource_view .mobile-table-scroll{width:100%!important;overflow:visible!important}
  body.page-resources .mobile-table-scroll table,body.page-resource_view .mobile-table-scroll table{display:block!important;width:100%!important;min-width:0!important}
  body.page-resource_view .resource-file-row{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.page-resource_view .resource-file-action,body.page-resource_view .resource-file-action .btn{width:100%!important;min-width:0!important;white-space:normal!important}

  /* Footer: no invisible text and no artificial gap. */
  body:not([class*="page-admin"]) footer{margin-top:0!important;padding:22px 0 64px!important}
  body:not([class*="page-admin"]) footer .foot-company,body:not([class*="page-admin"]) footer .foot-box{padding:15px!important}
}

@media (max-width:380px){
  body.page-index .mobile-home-hero__actions{grid-template-columns:1fr!important}
  body.page-about .subnav a{font-size:10px!important}
  body .service-detail-page .subnav a{font-size:10px!important}
}

/* =========================================================
   USER-REQUESTED MOBILE POLISH — cumulative final overrides
   ========================================================= */
@media (max-width:760px){
  /* Home service heading no longer reserves space for the removed link. */
  body.page-index .mobile-home-services .mobile-home-section__head{display:block!important;margin-bottom:15px!important}

  /* FAQ service guide: compact information strip instead of an empty tall card. */
  body.page-faq .faq-guide{
    display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;
    align-items:center!important;gap:10px!important;width:100%!important;min-height:0!important;height:auto!important;
    margin:12px 0!important;padding:13px!important;background:#f4f8fc!important;border:1px solid #dce6f0!important;
    border-radius:15px!important;box-shadow:none!important;
  }
  body.page-faq .faq-guide>div{display:contents!important}
  body.page-faq .faq-guide>div>i{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin:0!important;border-radius:10px!important;background:#e7f2fb!important;color:#277ba8!important;font-size:14px!important}
  body.page-faq .faq-guide>div>span{display:block!important;color:#5f6c7e!important;font-size:12px!important;line-height:1.5!important}
  body.page-faq .faq-guide>div>span b{display:block!important;margin-bottom:2px!important;color:#243247!important;font-size:12px!important}
  body.page-faq .faq-guide a{display:inline-flex!important;width:auto!important;min-height:36px!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 10px!important;border-radius:11px!important;background:#fff!important;border:1px solid #cad9e7!important;color:#236f9b!important;font-size:11px!important;white-space:nowrap!important}

  /* FAQ four-step flow: 2 x 2 compact cards. */
  body.page-faq .process-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  body.page-faq .process-row .process-arrow{display:none!important}
  body.page-faq .process-row article{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-areas:"num icon" "title title" "copy copy"!important;align-items:center!important;min-height:0!important;height:auto!important;margin:0!important;padding:13px!important;text-align:left!important;background:#f8fafc!important;border:1px solid #e0e7ef!important;border-radius:14px!important;box-shadow:none!important}
  body.page-faq .process-row article>b{grid-area:num!important;position:static!important;color:#668096!important;font-size:10px!important}
  body.page-faq .process-row article>i{grid-area:icon!important;justify-self:end!important;margin:0!important;color:#287fae!important;font-size:17px!important}
  body.page-faq .process-row article h3{grid-area:title!important;margin:9px 0 4px!important;color:#1d2a3e!important;font-size:14px!important}
  body.page-faq .process-row article p{grid-area:copy!important;margin:0!important;color:#687589!important;font-size:11px!important;line-height:1.5!important}

  /* Management philosophy: remove neon colors and use restrained navy/teal. */
  body.page-about .philosophy-hero{background:linear-gradient(145deg,#f4f8fb,#edf4f7)!important;border-color:#d9e5ea!important}
  body.page-about .philosophy-eyebrow{color:#476d7b!important;letter-spacing:.14em!important}
  body.page-about .philosophy-title .accent{color:#245f72!important}
  body.page-about .philosophy-card__icon{background:#edf4f7!important;border:1px solid #cfdee4!important;color:#245f72!important}
  body.page-about .philosophy-card__icon i{color:#245f72!important}
  body.page-about .philosophy-card__num{color:#8c99a8!important}

  /* Resource list: one compact 2–3 line card per post. */
  body.page-resources .mobile-table-scroll tbody{display:grid!important;gap:8px!important}
  body.page-resources .mobile-table-scroll tr{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"meta meta" "title arrow" "file file"!important;gap:4px 9px!important;width:100%!important;min-height:0!important;padding:13px 14px!important;border:1px solid #e1e7ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 14px rgba(33,54,87,.045)!important;overflow:hidden!important}
  body.page-resources .mobile-table-scroll td{display:block!important;width:auto!important;padding:0!important;border:0!important;text-align:left!important;color:#647185!important}
  body.page-resources .mobile-table-scroll td:before{display:none!important;content:none!important}
  body.page-resources .mobile-table-scroll td:nth-child(1){display:none!important}
  body.page-resources .mobile-table-scroll td:nth-child(2){grid-area:meta!important;display:flex!important;align-items:center!important}
  body.page-resources .mobile-table-scroll td:nth-child(2) .badge{padding:4px 8px!important;border-radius:8px!important;background:#edf4f8!important;color:#376579!important;font-size:10px!important}
  body.page-resources .mobile-table-scroll td:nth-child(3){grid-area:title!important;padding-right:18px!important}
  body.page-resources .mobile-table-scroll td:nth-child(3)>a{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-decoration:none!important;color:#182438!important;font-size:14px!important;line-height:1.45!important}
  body.page-resources .mobile-table-scroll td:nth-child(3)>a:after{content:"";position:absolute;inset:0;z-index:1}
  body.page-resources .mobile-table-scroll td:nth-child(3)>.small{display:none!important}
  body.page-resources .mobile-table-scroll td:nth-child(4){grid-area:file!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-left:19px!important;color:#7a8698!important;font-size:11px!important}
  body.page-resources .mobile-table-scroll td:nth-child(4):after{content:"\f0c6";position:absolute;left:14px;bottom:14px;font-family:"Font Awesome 6 Free";font-weight:900;color:#8b99aa}
  body.page-resources .mobile-table-scroll td:nth-child(5){grid-area:meta!important;justify-self:end!important;display:block!important;color:#8a95a5!important;font-size:10px!important}
  body.page-resources .mobile-table-scroll td:nth-child(6){grid-area:arrow!important;align-self:center!important;display:block!important}
  body.page-resources .mobile-table-scroll td:nth-child(6) .btn{position:relative!important;z-index:2!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important}
  body.page-resources .mobile-table-scroll td:nth-child(6) .btn:after{content:"›";position:absolute;inset:0;display:grid;place-items:center;color:#6e7c90;font-size:24px;font-weight:500}
  body.page-resources .pagination{justify-content:center!important;gap:5px!important;margin:12px 0!important}
  body.page-resources .pagination .page{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:10px!important;background:#fff!important;border:1px solid #dfe6ee!important;color:#627085!important;font-size:12px!important}
  body.page-resources .pagination .page.current{background:#e5f3f8!important;border-color:#8dc9db!important;color:#175f77!important}

  /* Related public agencies: three equal cards in one row. */
  body.page-resources .related-links-section{padding:16px 12px!important}
  body.page-resources .related-links-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  body.page-resources .related-link-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-height:118px!important;padding:12px 5px!important;text-align:center!important;background:#f8fafc!important;border:1px solid #e0e7ef!important;border-radius:14px!important}
  body.page-resources .related-link-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#edf4f8!important;border:1px solid #d5e2e8!important;color:#285f76!important}
  body.page-resources .related-link-icon i{color:#285f76!important}
  body.page-resources .related-link-text{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important}
  body.page-resources .related-link-text strong{color:#1d2a3e!important;font-size:11px!important;line-height:1.35!important;word-break:keep-all!important}
  body.page-resources .related-link-text span{margin-top:3px!important;color:#778496!important;font-size:9px!important;letter-spacing:.08em!important}
  body.page-resources .related-link-arrow{display:none!important}

  /* Mobile drawer: white, consistent with the rest of the mobile site. */
  #withMobileDrawer:not([hidden]){background:#f8fafc!important;border-left:1px solid #dfe5ec!important;box-shadow:-18px 0 44px rgba(20,35,55,.22)!important;color:#172033!important}
  .with-mobile-drawer__head{background:#fff!important;border-bottom:1px solid #e2e7ee!important}
  .with-mobile-drawer__logo{box-shadow:0 5px 14px rgba(30,50,75,.12)!important}
  .with-mobile-drawer__name{color:#172033!important}
  .with-mobile-drawer__tag{color:#718096!important}
  .with-mobile-drawer__close{background:#f5f7fa!important;border:1px solid #dce3eb!important;color:#233248!important}
  .with-mobile-drawer__body{background:#f8fafc!important}
  .with-mobile-link,.with-mobile-accordion__button{background:#fff!important;border:1px solid #dfe5ec!important;color:#243248!important;box-shadow:0 3px 10px rgba(30,50,75,.035)!important}
  .with-mobile-link i,.with-mobile-accordion__button i:first-child,.with-mobile-accordion__chev{color:#52657a!important}
  .with-mobile-link.is-active,.with-mobile-accordion.is-open>.with-mobile-accordion__button{background:#eaf4f7!important;border-color:#9cc9d6!important;color:#174f62!important}
  .with-mobile-sub{padding-left:28px!important}
  .with-mobile-sub a{color:#59697d!important;background:transparent!important}
  .with-mobile-sub a.is-active{background:#eaf1f5!important;color:#174f62!important}
  .with-mobile-section-title{color:#7c8899!important}
  .with-mobile-auth{border-top-color:#dfe5ec!important}
  .with-mobile-contact{background:#fff!important;border-color:#dfe5ec!important;color:#657489!important}
  .with-mobile-contact b{color:#223248!important}

  /* Persistent Kakao / Naver shortcuts on all public mobile pages. */
  body:not([class*="page-admin"]) .with-contact-float{display:flex!important;right:8px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;gap:7px!important;opacity:1!important;animation:withMobileFloatIn .55s cubic-bezier(.2,.85,.2,1) both!important}
  /* Show the same sequential Kakao -> Naver hints used on desktop. */
  body:not([class*="page-admin"]) .with-contact-hint{
    display:block!important;
    right:57px!important;
    bottom:57px!important;
    width:min(238px,calc(100vw - 84px))!important;
    box-sizing:border-box!important;
  }
  body:not([class*="page-admin"]) .with-contact-hint--blog{bottom:4px!important}
  body:not([class*="page-admin"]) .with-float-action,body:not([class*="page-admin"]) .with-float-action:hover,body:not([class*="page-admin"]) .with-float-action:focus-visible{display:flex!important;width:46px!important;height:46px!important;min-height:46px!important;border-radius:15px!important;transform:none!important;box-shadow:0 8px 20px rgba(25,40,60,.2)!important;transition:transform .16s ease,box-shadow .16s ease!important}
  body:not([class*="page-admin"]) .with-float-action:active{transform:scale(.92)!important}
  body:not([class*="page-admin"]) .with-float-action__icon{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:19px!important}
  body:not([class*="page-admin"]) .with-float-action__icon--naver{font-size:20px!important}
  body:not([class*="page-admin"]) .with-float-action__label{display:none!important}
  body:not([class*="page-admin"]) .with-float-action__dot{animation:withMobileDot 1.9s ease-in-out infinite!important}
}

@keyframes withMobileFloatIn{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
@keyframes withMobileDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.62}}

@media (max-width:380px){
  body.page-faq .faq-guide{grid-template-columns:28px minmax(0,1fr)!important}
  body.page-faq .faq-guide a{grid-column:2!important;justify-self:start!important}
  body.page-resources .related-link-text strong{font-size:10px!important}
}

/* CSH Act mobile section labels: mirror the six-item index above. */
@media (max-width:760px){
  body .csha-page .csha-section-head{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin-bottom:14px!important}
  body .csha-page .csha-section-head>div{display:none!important}
  body .csha-page .csha-section-head:after{grid-column:2;display:block;color:#1c2a3e;font-size:18px;font-weight:950;line-height:1.3;letter-spacing:-.035em}
  body .csha-page #duty .csha-section-head:after{content:"안전·보건 확보의무"}
  body .csha-page #system .csha-section-head:after{content:"핵심 관리영역"}
  body .csha-page #procedure .csha-section-head:after{content:"컨설팅 6단계"}
  body .csha-page #execution .csha-section-head:after{content:"실행 지원"}
  body .csha-page #program .csha-section-head:after{content:"컨설팅 유형"}
  body .csha-page #faq .csha-section-head:after{content:"자주 묻는 질문"}
}

/* Accumulated mobile refinements: card headers and remaining contrast fixes. */
@media (max-width:760px){
  /* Safety-management machine review: match the site's white card system. */
  body .safety-page .machine-copy,
  body .safety-page .machine-note{padding:16px!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:16px!important;box-shadow:0 5px 16px rgba(28,45,70,.035)!important}
  body .safety-page .machine-copy h3,
  body .safety-page .machine-note h3{color:#1b293d!important}
  body .safety-page .question-list p{border-color:#e5eaf0!important;color:#58677b!important}
  body .safety-page .question-list b{background:#edf4f7!important;border:1px solid #cfdee4!important;color:#24677d!important}
  body .safety-page .question-list span,
  body .safety-page .machine-note p{color:#5c6a7e!important}
  body .safety-page .machine-note>i{margin:0 0 10px!important;color:#24677d!important}
  body .safety-page .machine-tags{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:7px!important;padding:0!important;margin-top:14px!important}
  body .safety-page .machine-tags span{flex:0 1 auto!important;padding:7px 10px!important;background:#f7f9fb!important;border:1px solid #dce3ea!important;color:#526176!important;font-size:11px!important;box-shadow:none!important}

  /* Plan path cards: icon and title share one compact header row. */
  body .plan-page .plan-path-card{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"icon title" "list list" "alert alert"!important;align-items:center!important;gap:9px 10px!important;padding:14px!important}
  body .plan-page .plan-path-icon{grid-area:icon!important;width:42px!important;height:42px!important;margin:0!important;border-radius:12px!important;background:#edf4f8!important;border:1px solid #c9dfe7!important;color:#24677d!important}
  body .plan-page .plan-path-card>h3{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:18px!important;line-height:1.3!important}
  body .plan-page .plan-path-card>ol{grid-area:list!important;margin:2px 0 0!important;padding-left:21px!important;color:#5b697c!important}
  body .plan-page .plan-path-card>ol li{margin:5px 0!important;line-height:1.55!important}
  body .plan-page .plan-path-card>.plan-alert{grid-area:alert!important;margin-top:2px!important}

  /* Timing card and all consulting-scope cards use the same header pattern. */
  body .plan-page .timing-box{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:start!important;gap:9px 10px!important;padding:14px!important}
  body .plan-page .timing-box>i{grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important;margin:0!important;background:#edf4f8!important;border:1px solid #c9dfe7!important;color:#24677d!important}
  body .plan-page .timing-box>div{display:contents!important}
  body .plan-page .timing-box h3{grid-column:2!important;grid-row:1!important;margin:7px 0 0!important;color:#1b293d!important;font-size:17px!important;line-height:1.3!important}
  body .plan-page .timing-box p{grid-column:1 / -1!important;grid-row:2!important;margin:2px 0 0!important;color:#5b697c!important;font-size:13px!important;line-height:1.55!important}
  body .plan-page .with-grid{gap:8px!important}
  body .plan-page .with-grid>article{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-areas:"icon title" "copy copy"!important;align-items:center!important;gap:7px 10px!important;padding:13px!important}
  body .plan-page .with-grid>article>i{grid-area:icon!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;border-radius:11px!important;background:#edf4f8!important;border:1px solid #c9dfe7!important;color:#24677d!important;font-size:16px!important}
  body .plan-page .with-grid>article>h3{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:16px!important;line-height:1.3!important}
  body .plan-page .with-grid>article>p{grid-area:copy!important;margin:1px 0 0!important;color:#5b697c!important;font-size:13px!important;line-height:1.55!important}

  /* Resource detail: attachment, navigation and related-post copy must remain visible. */
  body.page-resource_view .pdf-preview-note{color:#657287!important;opacity:1!important}
  body.page-resource_view .resource-files-box{background:#fff!important;border-color:#dfe5ec!important}
  body.page-resource_view .resource-file-name{color:#1c2a3e!important}
  body.page-resource_view .resource-file-meta{color:#66758a!important;opacity:1!important}
  body.page-resource_view .resource-bottom-nav .resource-nav-card{background:#fff!important;border:1px solid #dfe5ec!important;color:#1d2b40!important}
  body.page-resource_view .resource-nav-label{color:#377086!important}
  body.page-resource_view .resource-nav-title{color:#28374c!important;opacity:1!important}
  body.page-resource_view .resource-related{background:#fff!important;border:1px solid #dfe5ec!important}
  body.page-resource_view .resource-related h2{color:#1b293d!important}
  body.page-resource_view .resource-related-grid{gap:9px!important}
  body.page-resource_view .resource-related-card{padding:14px!important;background:#f8fafc!important;border:1px solid #dfe5ec!important;box-shadow:none!important}
  body.page-resource_view .resource-related-cat{color:#347087!important}
  body.page-resource_view .resource-related-title{color:#1d2a3e!important}
  body.page-resource_view .resource-related-date{color:#69788c!important;opacity:1!important}

  /* Philosophy cards: icon + title in one row, number kept at top-right. */
  body.page-about .philosophy-card{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-areas:"icon title num" "copy copy copy"!important;align-items:center!important;gap:9px 11px!important;padding:14px!important}
  body.page-about .philosophy-card__top{display:contents!important}
  body.page-about .philosophy-card__icon{grid-area:icon!important;width:42px!important;height:42px!important;margin:0!important}
  body.page-about .philosophy-card__num{grid-area:num!important;align-self:start!important;margin:5px 0 0!important}
  body.page-about .philosophy-card>h3{grid-area:title!important;margin:0!important;font-size:17px!important;line-height:1.3!important}
  body.page-about .philosophy-card>p{grid-area:copy!important;margin:0!important;font-size:13px!important;line-height:1.55!important}
}

/* Site-wide mobile card compaction: icon/number + title share the header row. */
@media (max-width:760px){
  /* Icon-led cards across Risk, Safety Management and CSH Act pages. */
  body .risk-page .summary-grid>article,
  body .risk-page .recognition-grid>article,
  body .safety-page .summary-grid>article,
  body .safety-page .check-grid>article,
  body .safety-page .scope-grid>article,
  body .safety-page .accident-flow>article,
  body .csha-page .duty-grid>article{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-areas:"icon title" "copy copy" "list list"!important;align-items:center!important;gap:7px 9px!important;min-height:0!important;padding:13px!important;text-align:left!important;border-radius:14px!important}
  body .risk-page .summary-grid>article>i,
  body .risk-page .recognition-grid>article>i,
  body .safety-page .summary-grid>article>i,
  body .safety-page .check-grid>article>i,
  body .safety-page .scope-grid>article>i,
  body .safety-page .accident-flow>article>i,
  body .csha-page .duty-grid>article>i{grid-area:icon!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin:0!important;border-radius:10px!important;background:#edf4f8!important;border:1px solid #ccdde5!important;color:#24677d!important;font-size:16px!important}
  body .risk-page .summary-grid>article>h3,
  body .risk-page .recognition-grid>article>h3,
  body .safety-page .summary-grid>article>h3,
  body .safety-page .check-grid>article>h3,
  body .safety-page .scope-grid>article>h3,
  body .safety-page .accident-flow>article>h3,
  body .csha-page .duty-grid>article>h3{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:16px!important;line-height:1.3!important}
  body .risk-page .summary-grid>article>p,
  body .risk-page .recognition-grid>article>p,
  body .safety-page .summary-grid>article>p,
  body .safety-page .scope-grid>article>p,
  body .safety-page .accident-flow>article>p,
  body .csha-page .duty-grid>article>p{grid-area:copy!important;margin:0!important;color:#5b697c!important;font-size:13px!important;line-height:1.5!important}
  body .safety-page .check-grid>article>ul{grid-area:list!important;margin:1px 0 0 18px!important;padding:0!important;color:#5b697c!important}
  body .safety-page .check-grid>article>ul li{margin:4px 0!important;line-height:1.45!important}
  body .safety-page .accident-flow>.arrow{display:none!important}

  /* Number-led cards: a compact badge beside the title, copy below. */
  body .risk-page .process-grid>article,
  body .risk-page .with-flow>article,
  body .safety-page .need-grid>article,
  body .safety-page .process-grid>article{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-areas:"num title" "copy copy"!important;align-items:center!important;gap:7px 9px!important;min-height:0!important;padding:13px!important;border-radius:14px!important}
  body .risk-page .process-grid>article>b,
  body .risk-page .with-flow>article>b,
  body .safety-page .process-grid>article>b,
  body .safety-page .need-grid>article>span{grid-area:num!important;display:grid!important;place-items:center!important;width:34px!important;height:30px!important;margin:0!important;border-radius:9px!important;background:#edf4f8!important;border:1px solid #c8dce4!important;color:#24677d!important;font-size:11px!important;font-weight:950!important}
  body .risk-page .process-grid>article>h3,
  body .risk-page .with-flow>article>h3,
  body .safety-page .need-grid>article>h3,
  body .safety-page .process-grid>article>h3{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:16px!important;line-height:1.3!important}
  body .risk-page .process-grid>article>p,
  body .risk-page .with-flow>article>p,
  body .safety-page .need-grid>article>p,
  body .safety-page .process-grid>article>p{grid-area:copy!important;margin:0!important;color:#5b697c!important;font-size:13px!important;line-height:1.5!important}

  /* CSH system/procedure/program cards follow the same numbered header rhythm. */
  body .csha-page .system-grid>article,
  body .csha-page .procedure-grid>article,
  body .csha-page .program-grid>article{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"num title" "copy copy" "list list"!important;align-items:center!important;gap:7px 9px!important;min-height:0!important;padding:13px!important;border-radius:14px!important}
  body .csha-page .system-grid>article>b,
  body .csha-page .procedure-grid>article>em,
  body .csha-page .program-grid>article>span{grid-area:num!important;display:grid!important;place-items:center!important;min-width:34px!important;height:30px!important;margin:0!important;padding:0 7px!important;border-radius:9px!important;background:#edf4f8!important;border:1px solid #c8dce4!important;color:#24677d!important;font-size:10px!important;font-style:normal!important;letter-spacing:.02em!important}
  body .csha-page .system-grid>article>h3,
  body .csha-page .procedure-grid>article>h3,
  body .csha-page .program-grid>article>h3{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:16px!important;line-height:1.3!important}
  body .csha-page .system-grid>article>p,
  body .csha-page .procedure-grid>article>p{grid-area:copy!important;margin:0!important;color:#5b697c!important;font-size:13px!important;line-height:1.5!important}
  body .csha-page .program-grid>article>ul{grid-area:list!important;margin:1px 0 0 18px!important;padding:0!important;color:#5b697c!important}
  body .csha-page .program-grid>article>ul li{margin:4px 0!important;line-height:1.45!important}

  /* Consistent density for every affected collection. */
  body .risk-page .summary-grid,body .risk-page .recognition-grid,
  body .risk-page .process-grid,body .risk-page .with-flow,
  body .safety-page .summary-grid,body .safety-page .need-grid,
  body .safety-page .check-grid,body .safety-page .process-grid,
  body .safety-page .scope-grid,body .safety-page .accident-flow,
  body .csha-page .duty-grid,body .csha-page .system-grid,
  body .csha-page .procedure-grid,body .csha-page .program-grid{gap:8px!important}
}

/* 2026-07-19 accumulated mobile-only corrections. */
@media (max-width:760px){
  /* Risk assessment: omit the method-comparison section on mobile. */
  body .risk-page .risk-section[aria-labelledby="risk-method"]{display:none!important}

  /* Sections 05 and 06: number and heading share the first row. */
  body .risk-page .worker-panel,
  body .risk-page .control-panel{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px 12px!important;padding:16px!important}
  body .risk-page .worker-panel{grid-template-areas:"num title" "copy copy" "list list"!important}
  body .risk-page .control-panel{grid-template-areas:"num title" "list list"!important}
  body .risk-page .worker-panel>.num,
  body .risk-page .control-panel>.num{grid-area:num!important;width:42px!important;height:38px!important;margin:0!important;background:#edf4f8!important;border:1px solid #c5dbe4!important;color:#24677d!important}
  body .risk-page .worker-panel>h2{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:19px!important;line-height:1.3!important}
  body .risk-page .worker-panel>p{grid-area:copy!important;margin:0!important;color:#5b697c!important;line-height:1.55!important}
  body .risk-page .worker-panel>ul{grid-area:list!important;margin:1px 0 0 20px!important;color:#5b697c!important}
  body .risk-page .worker-panel>ul li{margin:5px 0!important;line-height:1.5!important}
  body .risk-page .control-panel:before{content:"감소대책의 우선순위";grid-area:title!important;display:block;color:#1b293d;font-size:19px;font-weight:950;line-height:1.3;letter-spacing:-.035em}
  body .risk-page .control-panel>.control-list{grid-area:list!important;margin:1px 0 0!important}

  /* CSH consulting types: title first, supporting badge directly below. */
  body .csha-page .program-grid>article{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"title" "badge" "copy" "list"!important;align-items:start!important;gap:8px!important;padding:14px!important}
  body .csha-page .program-grid>article>h3{grid-area:title!important;margin:0!important;color:#1b293d!important;font-size:18px!important;line-height:1.3!important}
  body .csha-page .program-grid>article>span{grid-area:badge!important;justify-self:start!important;width:auto!important;min-width:0!important;height:auto!important;padding:6px 9px!important;background:#edf4f7!important;border:1px solid #cbdde4!important;color:#315f70!important;border-radius:9px!important}
  body .csha-page .program-grid>article>p{grid-area:copy!important;margin:0!important;color:#5b697c!important;font-size:13px!important;line-height:1.55!important}
  body .csha-page .program-grid>article>ul{grid-area:list!important;margin:0 0 0 18px!important;color:#5b697c!important}

  /* Resource detail order: title/meta -> attachments -> body -> PDF preview. */
  body.page-resource_view .resource-detail-card{display:flex!important;flex-direction:column!important}
  body.page-resource_view .resource-detail-card>.resource-detail-title{order:1!important}
  body.page-resource_view .resource-detail-card>.resource-meta-line{order:2!important}
  body.page-resource_view .resource-detail-card>.resource-files-box{order:3!important;margin:12px 0!important}
  body.page-resource_view .resource-detail-card>.resource-desc-box{order:4!important;margin:12px 0!important}
  body.page-resource_view .resource-detail-card>.pdf-preview-wrap{order:5!important;margin:12px 0!important}
  body.page-resource_view .resource-detail-card>.resource-bottom-nav{order:6!important}
  body.page-resource_view .resource-detail-card>.resource-related{order:7!important}
  body.page-resource_view .resource-detail-card>.resource-list-actions{order:8!important}

  /* Account page: readable disabled fields, notes and account metadata. */
  body.page-account .account-card,
  body.page-account .account-card .bd{color:#1b293d!important}
  body.page-account .account-form .field label{color:#1b293d!important}
  body.page-account .account-form input{color:#1f2d42!important;background:#fff!important;border-color:#d9e1e9!important;-webkit-text-fill-color:#1f2d42!important;opacity:1!important}
  body.page-account .account-form input::placeholder{color:#69778a!important;opacity:1!important}
  body.page-account .account-form input:disabled{color:#526176!important;background:#f3f6f9!important;-webkit-text-fill-color:#526176!important;opacity:1!important}
  body.page-account .field-note{background:#edf2f6!important;color:#5b687a!important;border:1px solid #d8e1e8!important}
  body.page-account .password-panel{background:#fff!important;border-color:#dbe2e9!important}
  body.page-account .password-panel summary{color:#1d2b40!important}
  body.page-account .password-panel summary:after{color:#52657a!important}
  body.page-account .account-info-card{background:#fff!important;border-color:#dbe2e9!important}
  body.page-account .account-info-card h2,
  body.page-account .account-info-card dd{color:#1b293d!important}
  body.page-account .account-info-card dt{color:#5f6e82!important}
  body.page-account .account-info-card dl>div{background:#f7f9fb!important}

  /* Admin cards: scope changes only to pages containing the admin tab bar. */
  body .card:has(.admin-tabs){color:#1b293d!important}
  body .card:has(.admin-tabs) .admin-tabs{background:#f7f9fb!important;border:1px solid #dbe3ea!important}
  body .card:has(.admin-tabs) .admin-tabs .tab{background:#fff!important;border:1px solid #dbe3ea!important;color:#4c5c71!important;box-shadow:none!important}
  body .card:has(.admin-tabs) .admin-tabs .tab.on{background:#eaf3f6!important;border-color:#9fc8d4!important;color:#174f62!important;box-shadow:0 0 0 2px rgba(50,115,135,.08)!important}
  body .card:has(.admin-tabs) .admin-tabs .btn{background:#fff!important;border-color:#dbe3ea!important;color:#1d2b40!important}
  body .card:has(.admin-tabs) .mobile-table-scroll tr{background:#fff!important;border-color:#dbe3ea!important}
  body .card:has(.admin-tabs) .mobile-table-scroll td,
  body .card:has(.admin-tabs) .mobile-table-scroll td b,
  body .card:has(.admin-tabs) .mobile-table-scroll td .small,
  body .card:has(.admin-tabs) .mobile-table-scroll td .muted2{color:#26354a!important;opacity:1!important}
  body .card:has(.admin-tabs) .mobile-table-scroll td:before{color:#607086!important;opacity:1!important}
  body .card:has(.admin-tabs) .notice{color:#405168!important;background:#f7f9fb!important;border-color:#dbe3ea!important}
}