/* ReFS responsive enhancement 2026-10-16. Desktop >= 1101px: deliberately untouched. */
@media (max-width:1100px){
  .site-header .header-inner{position:relative;flex-wrap:wrap;gap:10px 14px;padding-top:10px;padding-bottom:10px}
  .site-header .mobile-toggle{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;flex:none;cursor:pointer;touch-action:manipulation}
  .site-header .main-nav{display:none;order:3;flex:0 0 100%;margin:0;max-height:65vh;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #e0e7ef;padding:6px 0 12px}
  .site-header .main-nav.open{display:block}
  .site-header .nav-group{border-bottom:1px solid #edf0f4}
  .site-header .nav-title{padding:13px 15px;font-size:16px;white-space:normal}
  .site-header .dropdown,.site-header .nav-group:hover .dropdown,.site-header .nav-group:focus-within .dropdown{display:none;position:static;min-width:0;width:100%;box-shadow:none;border:0;border-radius:0;padding:2px 0 7px 12px;background:#f5f8fb}
  .site-header .nav-group.refs-mobile-expanded .dropdown{display:block}
  .site-header .dropdown a{white-space:normal;padding:10px 14px;font-size:14px;line-height:1.55}
  .site-header .header-actions{order:4;flex:0 0 100%;margin:0;justify-content:flex-start;gap:10px;flex-wrap:wrap;font-size:13px;padding:4px 0}
  .site-header .header-actions .inquiry{margin-left:auto;padding:8px 12px}
  .site-header .refs-member-nav{flex-wrap:wrap}
  .container{width:calc(100% - 44px)}
  .sub-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:25px}
  .hero{grid-template-columns:50% 50%}
  .hero-copy{padding-left:24px;padding-right:15px}
  .hero h1{font-size:clamp(26px,3vw,39px);white-space:normal}
  .hero-description{font-size:clamp(15px,1.8vw,19px);white-space:normal}
  .service-card{padding:19px 17px}
  .service-card h3{white-space:normal}
}
@media (max-width:800px){
  .container{width:calc(100% - 36px)}
  .sub-layout{display:block;padding-top:15px;padding-bottom:30px}
  .sidebar{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 12px;margin-bottom:20px;-webkit-overflow-scrolling:touch}
  .sidebar a{flex:0 0 auto;white-space:nowrap;padding:11px 12px;border:1px solid #e2e9f0;border-radius:5px}
  .page-heading{padding:15px 0}
  .page-heading h1{font-size:clamp(23px,4vw,29px)}
  .hero{display:flex;flex-direction:column}
  .hero-copy{padding:28px 24px;min-width:0}
  .hero-art{height:220px;min-height:220px}
  .hero h1{font-size:clamp(28px,5vw,43px)}
  .hero-description{font-size:17px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid{grid-template-columns:1fr}
  .company-grid,.consulting-points,#service-product-development .pd-principles{grid-template-columns:repeat(2,minmax(0,1fr))}
  #service-product-development .pd-feature{grid-template-columns:1fr}
  #service-product-development .pd-future-top{flex-wrap:wrap}
  #service-product-development .pd-progress{flex:1 1 100%}
  #phfm-purchase .ph-buy-calibration-grid{grid-template-columns:1fr}
  .publication-tabs{overflow-x:auto;max-width:100%}
  .publication-tabs button{flex:1 0 auto;min-width:120px}
  .publication-panel{padding:18px 14px}
  .patent-card{padding:19px}
  .footer-inner{gap:13px}
  .sub-layout>*,main,section,article{min-width:0}
  img,video,svg{max-width:100%}
  table{max-width:100%}
  input,textarea,select{max-width:100%;font-size:16px}
  .refs-resource-page,.ph-page,.support-page{min-width:0}
}
@media (max-width:560px){
  .container{width:calc(100% - 28px)}
  .site-header .header-inner{gap:5px 8px}
  .site-header .refs-logo-mark{max-width:47px;max-height:47px}
  .site-header .refs-brand-logo strong{font-size:clamp(22px,6vw,29px)}
  .site-header .refs-brand-logo small{font-size:12px}
  .site-header .refs-brand-logo .refs-brand-text>span{font-size:10px}
  .site-header .header-actions{align-items:center;gap:8px}
  .site-header .header-actions .inquiry{padding:7px 9px}
  .hero-copy{padding:25px 17px}
  .hero .eyebrow{font-size:16px}
  .hero h1{font-size:clamp(26px,7.5vw,37px);letter-spacing:-.8px}
  .hero-description{font-size:15px}
  .hero-buttons{flex-wrap:wrap}
  .hero-buttons .button{font-size:14px;padding:10px 13px}
  .hero-art{height:178px;min-height:178px}
  .section-title{font-size:23px}
  .service-grid{gap:9px}
  .service-card{min-height:172px;padding:15px 12px}
  .service-card svg{width:57px;height:54px;margin-bottom:8px}
  .service-card h3{font-size:16px;line-height:1.4}
  .service-card p{font-size:12px}
  .service-card>.arrow{right:11px;bottom:8px;font-size:17px}
  .feature-card,.research-card{grid-template-columns:1fr;min-height:0}
  .feature-copy,.research-card .feature-copy{padding:19px}
  .product-image img{height:180px;object-fit:contain}
  .research-image{height:160px}
  .company-grid,.consulting-points,#service-product-development .pd-principles{grid-template-columns:1fr}
  .company-lead,.company-vision,.consulting-hero,#service-product-development .pd-head{padding:20px 17px}
  .company-lead h2,.company-vision h2,.consulting-hero h2{font-size:22px}
  .company-tile{padding:19px}
  #service-product-development .pd-feature,#service-product-development .pd-future{padding:18px 15px}
  #service-product-development .pd-model-row{grid-template-columns:1fr}
  #service-product-development .pd-progress{flex-wrap:wrap;gap:5px}
  #service-product-development .pd-progress-step{white-space:normal}
  .publication-panel{padding:15px 10px}
  .patent-details{grid-template-columns:1fr;gap:3px}
  .conference-list,.domestic-list{padding-left:19px}
  .research-keyword-map{padding:13px;border-radius:12px}
  .research-keyword-head h3{font-size:22px}
  .refs-footer-legal{row-gap:7px}
}
@media (prefers-reduced-motion:reduce){.site-header *, .service-card,.button{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1100px){
.site-header .nav-group{display:grid;grid-template-columns:minmax(0,1fr) 45px;align-items:center}
.site-header .nav-title{grid-column:1}
.site-header .refs-mobile-submenu-button{display:block;grid-column:2;min-height:44px;font-size:21px;background:transparent;border:0;color:#080c65;cursor:pointer}
.site-header .nav-group .dropdown{grid-column:1/-1}
}
@media(min-width:1101px){.refs-mobile-submenu-button{display:none!important}}
/* Section-level responsive enhancements: scoped to each existing module. */
@media(max-width:800px){
 .support-fields,.leader-top,.ph-hero,.ph-two,.ph-gallery,.ph-v22-conditions,.ph-v23-conditions,#phfm-product .ph-intro-hero,#phfm-purchase .ph-buy-model-grid,#phfm-purchase .ph-buy-extra-grid,#phfm-purchase .ph-buy-support-grid,#support-quote .support-quote-product-fields{grid-template-columns:1fr}
 .ph-cards,#phfm-product .ph-intro-feature-grid,#phfm-product .ph-intro-uses,#service-test-analysis .tm-nav,#service-fire-modeling .fm-nav,#service-fire-modeling .fm-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ph-steps,.ph-u-flow,#phfm-purchase .ph-buy-process{grid-template-columns:repeat(2,minmax(0,1fr))}
 #service-fire-modeling .fm-strength-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #service-test-analysis .tm-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .leader-rows>div{grid-template-columns:110px minmax(0,1fr)}
 .ph-page,.company-page,.consulting-overview,.research-interests{max-width:100%}
 .ph-page img,#service-test-analysis img,#service-fire-modeling img{height:auto;max-width:100%}
}
@media(max-width:560px){
 .ph-cards,.ph-two,.ph-steps,.ph-gallery,#phfm-product .ph-intro-feature-grid,#phfm-product .ph-intro-uses,.ph-u-flow,#service-test-analysis .tm-nav,#service-fire-modeling .fm-nav,#service-fire-modeling .fm-photo-grid{grid-template-columns:1fr}
 #service-fire-modeling .fm-strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #service-test-analysis .tm-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #phfm-purchase .ph-buy-process{grid-template-columns:repeat(2,minmax(0,1fr))}
 .leader-top,.ph-hero{gap:12px}
 .leader-rows>div{grid-template-columns:1fr;gap:3px}
 #support-quote .refs-quote-grid{grid-template-columns:1fr;gap:8px}
 .support-fields{grid-template-columns:1fr}
 .support-form :is(input,select,textarea),#support-quote :is(input,select,textarea){width:100%;max-width:100%}
 .ph-mp-math-equations,.ph-mp-eq-layout, .publication-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* Correct legacy 1440px PC min-width on small devices. */
@media(max-width:1100px){
  html,body{min-width:0!important;width:100%;max-width:100%;overflow-x:clip}
  .site-header,.hero,.expertise,.features,.site-footer{min-width:0;max-width:100%}
  .header-inner,.container{max-width:100%;min-width:0}
  .site-header .mobile-toggle{display:inline-flex!important}
  .site-header .main-nav{display:none!important}
  .site-header .main-nav.open{display:block!important}
}
@media(max-width:800px){
  .hero,.hero-copy,.hero-art{width:100%;max-width:100%;min-width:0}
  .hero h1,.hero-description{white-space:normal!important;overflow-wrap:break-word}
  .footer-address{white-space:normal}
}

/* 2026-10-16: Mobile subpage menu: show every item instead of clipping a horizontal strip.
   Desktop (>=801px) styles and all routing logic remain unchanged. */
@media (max-width:800px) {
  #sidebar.sidebar {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:visible;
    padding:0 0 14px;
    margin-bottom:20px;
  }
  #sidebar.sidebar a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    width:100%;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:keep-all;
    text-align:center;
    line-height:1.45;
    padding:12px 8px;
    border:1px solid #dce5ef;
    border-radius:6px;
    box-sizing:border-box;
  }
  #sidebar.sidebar a.active {
    background:#111554;
    color:#fff;
    border-color:#111554;
  }
}

/* Mobile typography refinement (2026-10-16): preserve desktop styles and text content.
   Reduce stranded Korean syllables without applying forced no-wrap to long text. */
@media (max-width:800px) {
  .sub-layout .leader-profile,
  .sub-layout .leader-section,
  .sub-layout .company-page,
  .sub-layout .research-interests,
  .sub-layout .ph-page {min-width:0;}
  .leader-section h3,
  .company-lead h2,.company-vision h2,.consulting-hero h2,
  .research-keyword-head h3,
  .ph-page h2,.ph-page h3,
  .page-heading h1 {word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;letter-spacing:-.035em;}
  .leader-rows p,.leader-summary,
  .company-page p,.research-interests p,.ph-page p,
  .leader-group p {word-break:keep-all;overflow-wrap:break-word;letter-spacing:-.025em;text-wrap:pretty;}
  .leader-rows p span {letter-spacing:-.025em;}
}
@media (max-width:560px) {
  /* Timeline rows are full-width on phones. Slight tracking reduction avoids isolated syllables. */
  .leader-rows>div {padding-left:6px;padding-right:6px;}
  .leader-rows p {font-size:14.5px;line-height:1.72;letter-spacing:-.035em;}
  .leader-rows p span{font-size:13.5px;}
  .leader-section h3 {font-size:22px;letter-spacing:-.045em;}
  .leader-section h3 span{display:inline;line-height:1.6;letter-spacing:-.015em;}
  .company-lead h2,.company-vision h2,.consulting-hero h2 {font-size:21px;letter-spacing:-.045em;}
  .company-page p,.research-interests p,.ph-page p{letter-spacing:-.025em;}
}


/* 2026-10-16 mobile visual rhythm refinement.
   Scoped to phones only; keeps desktop presentation and content unchanged. */
@media (max-width: 600px) {
  /* Compact vertical rhythm, without shrinking body text indiscriminately. */
  .sub-layout {padding-top:12px;padding-bottom:24px;}
  .page-heading {padding-top:13px;padding-bottom:13px;}
  #sidebar.sidebar {margin-bottom:14px;padding-bottom:7px;gap:7px;}
  #sidebar.sidebar a {padding:10px 7px;min-height:44px;font-size:14px;}
  .company-page,.leader-profile,.ph-page {padding-top:16px;padding-bottom:28px;}
  .company-lead,.company-vision,.consulting-hero {padding:19px 16px;margin-bottom:18px;}
  .company-section-head {margin-top:20px;margin-bottom:12px;}
  .company-grid {gap:12px;}
  .company-tile {padding:16px;}
  .leader-top {padding:18px 15px;gap:14px;}
  .leader-copy h2 {font-size:clamp(24px,6vw,29px);line-height:1.35;}
  .leader-copy h2 small {font-size:14px;margin-left:6px;}
  .leader-role {font-size:15px;margin-bottom:12px;}
  .leader-summary {font-size:15px;line-height:1.75;margin-bottom:12px;}
  .leader-section {margin-top:22px;}
  .leader-section h3 {margin-bottom:5px;padding-bottom:9px;}
  .leader-rows>div {gap:3px;padding-top:10px;padding-bottom:10px;}
  .leader-rows p {line-height:1.65;}
  /* Portrait remains proportional, but no longer expands to card width. */
  .leader-portrait {width:100%;max-width:245px;margin:4px auto 0;}
  .leader-portrait img {width:100%;height:auto;aspect-ratio:413/531;object-fit:contain;}
  .leader-portrait figcaption {margin-top:7px;}
  /* Emails and URLs may break at separators instead of forcing overflow. */
  .leader-contact,.leader-contact a {overflow-wrap:anywhere;word-break:normal;line-height:1.7;}
  .leader-contact {font-size:13px;margin-top:13px;}
  .leader-contact a {display:inline;}
  /* Balance headings; keep long Korean words from producing stray syllables.
     Fallback wrapping prevents horizontal overflow. */
  #service-test-analysis .tm-intro {padding:20px 16px;margin-bottom:15px;}
  #service-test-analysis .tm-intro h2 {font-size:clamp(21px,5.5vw,25px);line-height:1.42;letter-spacing:-.045em;text-wrap:balance;word-break:keep-all;overflow-wrap:break-word;}
  #service-test-analysis .tm-intro p:not(.tm-kicker) {font-size:14.5px;line-height:1.72;letter-spacing:-.022em;text-wrap:pretty;}
  #service-test-analysis .tm-nav-area {margin:15px 0 19px;padding:16px 13px;}
  #service-test-analysis .tm-nav-head {flex-wrap:wrap;gap:4px;}
  #service-test-analysis .tm-nav {gap:7px;}
  #service-test-analysis .tm-nav button {padding:9px;gap:7px;}
  #service-test-analysis .tm-entry {padding:19px 15px 21px;margin-bottom:15px;}
  #service-test-analysis .tm-entry-header {grid-template-columns:29px minmax(0,1fr);gap:8px;}
  #service-test-analysis .tm-entry-title {font-size:clamp(19px,5vw,22px);line-height:1.45;text-wrap:balance;letter-spacing:-.035em;overflow-wrap:break-word;}
  #service-test-analysis .tm-entry-desc {font-size:14.5px;line-height:1.72;letter-spacing:-.02em;text-wrap:pretty;}
  #service-test-analysis .tm-measurements {padding:11px 12px;}
  #service-test-analysis .tm-photos-heading {margin-top:16px;flex-wrap:wrap;gap:4px;}
  #service-test-analysis .tm-photo-grid {gap:11px 9px;}
  .ph-page-head,.ph-hero h2 {font-size:clamp(25px,6vw,31px);line-height:1.35;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;}
  .ph-hero {padding:20px 16px;gap:15px;}
  .ph-title {margin-top:24px;margin-bottom:12px;}
  .ph-cards {gap:11px;}
  .ph-cards article {padding:16px;}
  .ph-steps {gap:10px;margin:15px 0;}
  .ph-steps>div {padding:15px;}
  /* Preserve comfortable readability across Korean/English copy. */
  .company-page p,.leader-summary,.research-interests p,.ph-page p,
  #service-test-analysis .tm-intro p,#service-test-analysis .tm-entry-desc {
    word-break:keep-all;overflow-wrap:break-word;
  }
  .company-lead h2,.company-vision h2,.consulting-hero h2 {
    font-size:clamp(21px,5.4vw,24px);line-height:1.43;
    text-wrap:balance;overflow-wrap:break-word;letter-spacing:-.04em;
  }
}

/* ReFS mobile density & editorial refinement — 2026-10-16
   Mobile-only overrides. No markup, behavior, desktop CSS or private data changed. */
@media (max-width: 600px) {
  /* Keep accessible body size while reclaiming excess vertical space. */
  .sub-layout {padding-bottom:22px;}
  .page-heading h1 {font-size:clamp(22px,5.7vw,25px);line-height:1.35;letter-spacing:-.035em;}
  .page-heading {padding-top:11px;padding-bottom:11px;}
  .sub-layout :is(p,li) {overflow-wrap:break-word;}
  .sub-layout :is(.company-page,.consulting-overview,.research-interests,.fm-page,.tm-page,.pd-feature,.ph-page) p {
    font-size:15px;line-height:1.58;letter-spacing:-.025em;word-break:normal;overflow-wrap:break-word;
  }
  /* Justify continuous Korean prose, not bibliographic records, headings or short labels. */
  .company-lead p,.company-vision p,.consulting-hero p,
  #service-test-analysis .tm-intro p:not(.tm-kicker),
  #service-fire-modeling .fm-intro p:not(.fm-kicker) {
    text-align:justify;text-justify:inter-character;word-break:normal;overflow-wrap:break-word;
  }
  .company-lead,.company-vision,.consulting-hero {padding:17px 14px;margin-bottom:15px;}
  .company-lead h2,.company-vision h2,.consulting-hero h2 {font-size:20px;line-height:1.38;letter-spacing:-.045em;}
  .company-section-head,.ph-title {margin-top:19px;margin-bottom:10px;}
  .company-tile {padding:14px;}
  .company-tile h3 {font-size:17px;line-height:1.4;}
  .research-intro .ko-intro {font-size:21px;line-height:1.4;letter-spacing:-.035em;word-break:normal;overflow-wrap:break-word;text-wrap:balance;}
  .research-intro span[lang="en"] {font-size:14px;line-height:1.5;}
  .research-interests h2,.research-interests h3 {font-size:19px;line-height:1.38;letter-spacing:-.035em;word-break:normal;overflow-wrap:break-word;text-wrap:balance;}
  .interest-item {padding:16px 14px;margin-bottom:12px;}
  .interest-item li {font-size:14px;line-height:1.55;margin-bottom:5px;}
  .research-keyword-map {padding:12px;}
  .research-keyword-head h3 {font-size:19px;}
  .research-keyword-head p {font-size:14px;line-height:1.6;}
  /* Testing / fire-modeling cards */
  #service-test-analysis .tm-intro {padding:17px 14px;}
  #service-test-analysis .tm-intro h2 {font-size:20px;line-height:1.38;letter-spacing:-.04em;word-break:normal;text-wrap:balance;}
  #service-test-analysis .tm-intro p:not(.tm-kicker),#service-test-analysis .tm-entry-desc {font-size:14.5px;line-height:1.6;}
  #service-test-analysis .tm-nav-area {padding:12px;margin:12px 0 15px;}
  #service-test-analysis .tm-nav button {padding:8px;min-height:44px;font-size:14px;}
  #service-test-analysis .tm-entry {padding:15px 13px;margin-bottom:12px;}
  #service-test-analysis .tm-entry-title {font-size:18px;line-height:1.4;}
  #service-fire-modeling .fm-intro {padding:17px 14px;}
  #service-fire-modeling .fm-intro h2 {font-size:20px;line-height:1.38;}
  #service-fire-modeling .fm-strength-grid {gap:11px;}
  #service-fire-modeling .fm-strength {padding:15px 13px;min-height:0;height:auto;}
  #service-fire-modeling .fm-strength h4 {font-size:17px;line-height:1.4;margin:6px 0;}
  #service-fire-modeling .fm-strength p {font-size:14px;line-height:1.55;}
  /* Compact chronological research projects, keeping number, title and metadata distinct. */
  .refs-projects-list {padding:0;margin:0;}
  .refs-projects-list>li {padding:13px 0;gap:10px;}
  .refs-project-number {font-size:15px;line-height:1.45;}
  .refs-project-title {font-size:16px;line-height:1.48;letter-spacing:-.025em;margin:0 0 6px;word-break:normal;overflow-wrap:break-word;}
  .refs-project-meta {font-size:13px;line-height:1.5;margin:0;color:#60748a;word-break:normal;overflow-wrap:break-word;}
  .refs-project-meta .date {display:inline;}
  .results-meta,.results-updated {font-size:12px;line-height:1.5;}
  /* Mobile tablists: visible grid, never a horizontally clipped PC tab-strip. */
  .publication-tabs {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;max-width:100%!important;width:100%;gap:7px;flex-wrap:unset;align-items:stretch;}
  .publication-tabs button {min-width:0!important;width:100%;max-width:100%;min-height:43px;flex:auto;
    padding:9px 6px;font-size:13px;line-height:1.35;white-space:normal;word-break:keep-all;overflow-wrap:break-word;border-radius:6px;}
  .publication-tabs.patent-tabs {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .publication-tabs.patent-tabs button {font-size:12px;padding:8px 3px;}
  .journal-controls,.journal-filter {max-width:100%;min-width:0;}
  .journal-filter {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px;overflow:visible!important;}
  .journal-filter button {width:100%;min-width:0!important;min-height:42px;white-space:normal;
    padding:8px 5px;font-size:12.5px;line-height:1.35;word-break:keep-all;}
  .publication-panel {padding:14px 11px;overflow-x:visible;}
  .publication-panel h2,.publication-panel h3 {font-size:19px;line-height:1.4;}
  .publication-panel :is(.patent-list,.conference-list,.domestic-list) li {font-size:14px;line-height:1.6;letter-spacing:-.015em;overflow-wrap:break-word;}
  .publication-panel .doi-link {font-size:12px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;}
  .publication-panel .author-note {font-size:12px;line-height:1.5;}
  .publication-panel .journal-controls {margin:15px 0;}
  .patent-list {padding-left:18px;}
  .publication-panel .patent-list li {padding:10px 0;}
  .publication-panel .journal-index {font-size:11px;}
  /* Portrait/contact and lower-level section rhythm */
  .leader-top {padding:15px 13px;}
  .leader-portrait {max-width:230px;}
  .leader-summary {font-size:14.5px;line-height:1.6;}
  .leader-contact,.leader-contact a {font-size:13px;overflow-wrap:anywhere;}
  .leader-section {margin-top:19px;}
  .leader-section h3 {font-size:20px;}
  .leader-rows p {font-size:14px;line-height:1.55;}
}
@media (max-width:360px) {
  .publication-tabs button,.journal-filter button {font-size:12px;}
  .publication-tabs.patent-tabs button {font-size:11px;}
}

/* ReFS mobile polish v2 (2026-10-16): no desktop changes, content remains intact. */
@media (max-width: 600px) {
  /* Natural word spacing: Korean justification previously caused irregular stretched gaps. */
  .sub-layout p, .sub-layout li,
  .company-lead p, .company-vision p, .consulting-hero p,
  #service-test-analysis .tm-intro p:not(.tm-kicker),
  #service-fire-modeling .fm-intro p:not(.fm-kicker) {
    text-align:left;
    text-justify:auto;
    word-spacing:normal;
  }
  /* Korean text is allowed to wrap between syllables rather than leaving a single orphan
     when a long, unbreakable Korean word is forced onto a new line. Titles balance lines. */
  #service-fire-modeling .fm-section-head,
  #service-fire-modeling .fm-nav-head {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:4px;
  }
  #service-fire-modeling .fm-section-head h3,
  #service-fire-modeling .fm-nav-head strong {
    display:block;
    width:100%;
    max-width:100%;
    font-size:19px;
    line-height:1.38;
    letter-spacing:-.04em;
    word-break:keep-all;
    overflow-wrap:break-word;
    text-wrap:balance;
  }
  #service-fire-modeling .fm-section-head span,
  #service-fire-modeling .fm-nav-head small {
    display:block;
    width:100%;
    font-size:12px;
    line-height:1.4;
  }
  /* Remove desktop card minimums and avoid oversized icon/number and padded whitespace. */
  .company-grid {gap:11px;}
  .company-tile {
    min-height:0;
    height:auto;
    padding:13px 14px 15px;
  }
  .company-tile-head {margin-bottom:9px;}
  .company-tile-icon {width:42px;height:42px;}
  .company-tile-icon svg {width:25px;height:25px;}
  .company-tile-index {font-size:27px;}
  .company-tile h3 {font-size:17px;line-height:1.36;margin-bottom:7px;}
  .company-tile p {font-size:14px!important;line-height:1.5!important;margin:0;}
  /* All fire-modeling numbered cards should follow their content height. */
  #service-fire-modeling .fm-strength-grid {gap:10px;}
  #service-fire-modeling .fm-strength,
  #service-fire-modeling .fm-strength:nth-child(4),
  #service-fire-modeling .fm-strength:nth-child(5) {
    grid-column:1/-1;
    min-height:0;
    height:auto;
    padding:13px 13px 14px;
  }
  #service-fire-modeling .fm-strength-num {margin-bottom:5px;}
  #service-fire-modeling .fm-strength h4 {margin:4px 0 6px;}
  #service-fire-modeling .fm-strength p {margin:0;}
  /* Consistent titled-section treatment for any remaining headings with adjunct labels. */
  #service-fire-modeling .fm-strength-section {margin:18px 0;}
  #service-fire-modeling .fm-section-head {margin-bottom:10px;}
  #service-fire-modeling .fm-nav-head {margin-bottom:10px;}
}


/* ReFS responsive audit pass 2026-10-16: unified, mobile only. */
@media(max-width:600px){
  /* Compact, predictable typography and spacing */
  .sub-layout p,.sub-layout li,.support-page p,.ph-page p{ text-align:left!important; text-justify:auto!important;word-spacing:normal!important;}
  #director-projects .refs-project-title{display:block;font-size:14.5px;line-height:1.52;letter-spacing:-.015em;margin:0 0 3px;font-weight:550;}
  #director-projects .refs-project-meta{display:block;font-size:12.5px;line-height:1.5;margin:0;}
  #director-projects .refs-project-meta .date{margin-left:12px;display:inline-block;}
  #director-projects .refs-projects-list li,.refs-projects-list li{padding:10px 2px;gap:9px;grid-template-columns:25px minmax(0,1fr)}
  .refs-project-title{font-size:14.5px;line-height:1.52;margin-bottom:3px}
  .refs-project-meta{font-size:12.5px;line-height:1.5}
  .refs-project-number{font-size:13px}
  .refs-projects{padding:8px 0 18px}
  .refs-projects .results-meta{margin-bottom:4px}
  .publication-content{padding:10px 0 16px}
  .publication-tabs{margin-bottom:5px}
  .publication-panel{padding:10px 8px 14px!important;margin-top:0!important;}
  .publication-panel h2,.publication-panel h3{margin:5px 0 8px!important;font-size:17px;line-height:1.35}
  .publication-panel ol,.publication-panel ul{margin-top:6px!important;margin-bottom:9px!important;}
  .publication-panel ol>li{margin-top:0;padding-top:7px;padding-bottom:7px}
  .publication-panel .doi-link{font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}
  .publication-panel .journal-controls{margin:7px 0!important}
  /* Don't allocate a full desktop visual height to product image */
  #phfm-product .ph-intro-hero{padding:14px 12px!important;gap:11px!important;align-items:start;}
  #phfm-product .ph-intro-visual{align-self:center;max-width:100%;width:100%;margin:0 auto;}
  #phfm-product .ph-intro-visual img{width:min(72%,245px)!important;max-width:245px;height:auto!important;max-height:235px;object-fit:contain;object-position:center;}
  #phfm-product .ph-intro-visual figcaption{padding:4px 6px 7px;font-size:11px}
  #phfm-product .ph-intro-copy{margin:0;padding:0}
  /* Preserve the mathematical expression, shrink its typesetting before allowing fallback scroll. */
  #phfm-models .ph-mp-math-block{padding:10px 7px;margin-top:10px;max-width:100%;}
  #phfm-models .ph-mp-eq-layout{padding:5px 0 9px;max-width:100%;overflow-x:auto}
  #phfm-models .ph-mp-eq-row{gap:3px;zoom:.70;}
  #phfm-models .ph-mp-eq-formula{padding:2px 2px 4px}
  #phfm-models .ph-mp-eq-label{font-size:10px;gap:3px}
  #phfm-models .ph-mp-math-line math{font-size:14px}
  #phfm-models .ph-mp-math-equations{padding:4px 1px 8px;}
  #phfm-models .ph-mp-equation-preview{padding:11px 9px;gap:8px}
  #phfm-models .ph-mp-equation-preview>div{min-width:0}
  /* Measurement pipeline: 2-up, final step centered with accessible tap targets */
  #phfm-usage .ph-u-flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important;}
  #phfm-usage .ph-u-flow-step{min-height:0!important;height:auto;padding:10px 5px!important;gap:4px;justify-content:flex-start;}
  #phfm-usage .ph-u-flow-step::after{display:none!important;}
  #phfm-usage .ph-u-flow-step:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 4px);width:100%;justify-self:center;}
  #phfm-usage .ph-u-flow-n{font-size:11px}
  #phfm-usage .ph-u-flow-icon{font-size:16px;min-height:19px}
  #phfm-usage .ph-u-flow-step>b{font-size:13px;line-height:1.3;}
  #phfm-usage .ph-u-flow-step small{font-size:10.5px;line-height:1.3;text-align:center}
  #phfm-usage .ph-u-overview{margin:12px 0}
  #phfm-usage .ph-u-step{padding:12px;margin:12px 0}
  #phfm-usage .ph-u-step-heading{gap:9px;margin-bottom:8px;padding-bottom:8px}
  #phfm-usage .ph-u-step-heading>span{width:34px;height:34px}
  /* Form action group: aligned across all inquiry categories */
  .support-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
  .support-form-actions button{flex:none;min-height:42px}
  .support-form-actions .support-result{min-width:0;flex:1 1 150px;line-height:1.45;font-size:12px;}
}
@media (max-width:390px){
  #phfm-models .ph-mp-eq-row{zoom:.58}
  #phfm-usage .ph-u-flow-step small{font-size:10px}
}
/* Same inquiry button/status alignment in desktop and mobile; no other PC layouts changed. */
@media(min-width:601px){
  .support-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .support-form-actions button{flex:0 0 auto}
  .support-form-actions .support-result{flex:1 1 200px;min-width:0;line-height:1.5}
}

/* 2026-10-16: Final visual refinement. Mobile copy only; existing desktop layout preserved. */
@media (max-width:600px){
  /* Natural Korean spacing; no forced justification and no character stretching. */
  #company-about .company-lead p:not(.company-kicker){
    text-align:left!important;
    text-justify:auto!important;
    word-spacing:normal!important;
    letter-spacing:-.018em;
    line-height:1.62;
    overflow-wrap:break-word;
    word-break:keep-all;
    text-wrap:pretty;
    max-width:100%;
  }
  #company-about .company-lead p:not(.company-kicker)+p{margin-top:13px;}
}
/* Unify the spacing of all four inquiry forms on desktop only. */
@media (min-width:801px){
  .support-page .support-form > .support-consent{
    margin:18px 0 0!important;
    line-height:1.6;
  }
  .support-page .support-form > .support-quote-privacy{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:14px 0 0!important;
    line-height:1.6;
  }
  .support-page .support-form > .support-quote-privacy input[type="checkbox"]{
    flex:0 0 auto;
    margin:4px 0 0!important;
  }
  .support-page .support-form > .support-form-actions{
    margin-top:22px!important;
    gap:14px;
  }
}

/* 2026-10-16: ABOUT ReFS second paragraph only — natural Korean character wrapping on narrow mobile viewports. */
@media (max-width: 600px) {
  #company-about .company-lead > p:not(.company-kicker):last-of-type {
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
    word-spacing: normal !important;
    letter-spacing: -0.018em;
  }
}

/* ReFS 2026-10-16: Consistent natural character-level wrapping for mobile explanatory copy.
   Keep left alignment and normal character spacing; preserve headings, links, data, equations,
   publication/project titles, navigation and interactive UI. */
@media screen and (max-width:600px) {
  #company-about .company-lead > p:not(.company-kicker),
  #company-vision .company-page p,
  #company-leader .leader-copy > p,
  #company-about .company-tile p,
  #service-test-analysis .tm-intro p:not(.tm-kicker),
  #service-test-analysis .tm-entry-desc,
  #service-test-analysis .tm-measurements p,
  #service-fire-modeling .fm-intro p:not(.fm-kicker),
  #service-fire-modeling .fm-strength p,
  #service-fire-modeling .fm-desc,
  #service-fire-modeling .fm-items p,
  #service-product-development .pd-head p:not(.pd-kicker),
  #service-product-development .pd-principle p,
  #service-product-development .pd-feature-copy > p:not(.pd-feature-tag):not(.pd-feature-name):not(.pd-model-note),
  #service-product-development .pd-future p:not(.pd-future-overline),
  #phfm-product .ph-intro-copy > p:not(.ph-kicker):not(.ph-intro-sub),
  #phfm-product .ph-intro-feature p,
  #phfm-product .ph-intro-use p,
  #phfm-models .ph-opening,
  #phfm-models .ph-mp-model-item p,
  #phfm-models .ph-mp-principle-intro,
  #phfm-models .ph-mp-principle-steps p,
  #phfm-usage .ph-u-step > p,
  #phfm-buy .ph-buy-section > p {
    text-align:left!important;
    text-justify:auto!important;
    word-spacing:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    text-wrap:wrap!important;
    white-space:normal;
  }
}

/* 2026-10-16: Vision, values and leader mobile typography correction.
   Select actual DOM nodes (earlier #company-vision .company-page p did not match).
   Text copy only; no desktop or interactive changes. */
@media screen and (max-width:600px) {
  #company-vision.company-page .company-vision > p:not(.company-kicker),
  #company-vision.company-page .company-value > p,
  #leader-profile .leader-copy > p.leader-summary,
  #leader-profile .leader-copy > p.leader-role {
    text-align:left!important;
    text-justify:auto!important;
    word-spacing:normal!important;
    letter-spacing:normal;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    text-wrap:wrap!important;
    white-space:normal!important;
  }
  /* Match ABOUT ReFS / OUR VISION English kicker typography. */
  #leader-profile .leader-copy > p.leader-kicker {
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:2.2px!important;
    line-height:1.4!important;
    text-transform:none!important;
    margin:0 0 7px!important;
  }
}


/* ReFS 2026-10-16 — page-wide mobile explanatory paragraph audit.
   Existing desktop typography and interactive layouts are not changed.
   Match REAL root IDs in index.html; avoid dead selectors from older patches.
   Apply Korean character wrapping without justification/expanded spacing.
   Only prose paragraphs; exclude navigation, kicker, English subtitles,
   data labels and editorial content that should retain word boundaries. */
@media screen and (max-width:600px) {
  #company-about.company-page p:not(.company-kicker),
  #company-vision.company-page p:not(.company-kicker),
  #leader-profile .leader-summary,
  #leader-profile .leader-role,
  #service-test-analysis.tm-page p:not(.tm-kicker):not(.tm-entry-en):not(.tm-scope-note),
  #service-fire-modeling.fm-page p:not(.fm-kicker):not(.fm-entry-en):not(.fm-strength-note),
  #service-consulting-overview.consulting-overview p.lead,
  #service-product-development.pd-product-page p:not(.pd-eyebrow):not(.pd-feature-tag):not(.pd-feature-name):not(.pd-future-overline),
  #phfm-product.ph-page p:not(.ph-kicker):not(.ph-intro-sub):not(.ph-intro-footnote),
  #phfm-models.ph-page p:not(.ph-kicker):not(.ph-mp-math-vars):not(.ph-mp-info),
  #phfm-principles.ph-page p:not(.ph-kicker):not(.ph-v23-smallprint),
  #phfm-usage.ph-page p:not(.ph-kicker):not(.ph-u-channel-setting-note),
  #phfm-purchase.ph-page p:not(.ph-kicker),
  #refs-catalog.refs-resource-page p,
  #refs-technical.refs-resource-page p,
  #refs-software.refs-resource-page p {
    text-align:left!important;
    text-justify:auto!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    word-spacing:normal!important;
    white-space:normal!important;
    text-wrap:wrap!important;
  }
  /* Descriptive list/card copy uses the same rules without touching titles. */
  #service-test-analysis.tm-page .tm-entry-desc,
  #service-fire-modeling.fm-page .fm-desc,
  #service-fire-modeling.fm-page .fm-strength p,
  #service-product-development.pd-product-page .pd-principle p,
  #phfm-usage.ph-page .ph-u-copy,
  #phfm-purchase.ph-page .ph-buy-lead {
    text-align:left!important;
    text-justify:auto!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    word-spacing:normal!important;
    text-wrap:wrap!important;
  }
}

/* ReFS mobile typographic parity: the leader English label uses precisely
   the same type specifications as ABOUT ReFS / OUR VISION.
   Scope: mobile only. No changes to desktop or page content. */
@media screen and (max-width: 600px) {
  #company-about .company-lead > p.company-kicker,
  #company-vision .company-vision > p.company-kicker,
  #leader-profile .leader-copy > p.leader-kicker {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    letter-spacing: 2.2px !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    word-break: normal !important;
    white-space: normal !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
  }
}

/* 2026-10-16: compact PHFM figure in Business > Product Development (mobile only). */
@media (max-width: 600px) {
  #service-product-development .pd-feature > .pd-image {
    align-self: start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 8px 8px 6px;
  }
  #service-product-development .pd-feature > .pd-image img {
    width: min(100%, 220px);
    height: auto;
    max-height: 210px;
    object-fit: contain;
    flex: none;
    margin: 0 auto;
  }
  #service-product-development .pd-feature > .pd-image figcaption {
    margin: 0;
    padding: 3px 4px 0;
    line-height: 1.35;
  }
}

/* 2026-10-16: second-stage compact PHFM photo/caption, mobile only.
   Remove legacy reserved image height and excess figure padding. */
@media screen and (max-width: 600px) {
  #service-product-development .pd-feature > figure.pd-image {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: start !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 2px 4px 3px !important;
    margin: 0 !important;
  }
  #service-product-development .pd-feature > figure.pd-image > img {
    display: block !important;
    width: auto !important;
    max-width: min(100%, 185px) !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  #service-product-development .pd-feature > figure.pd-image > figcaption {
    margin: 0 !important;
    padding: 0 2px 2px !important;
    line-height: 1.2 !important;
  }
}

/* 2026-10-16: equal-sized mobile menu and inquiry controls. Desktop unchanged. */
@media screen and (max-width: 800px) {
  .site-header .mobile-toggle,
  .site-header .header-actions .inquiry {
    box-sizing: border-box !important;
    width: 88px !important;
    min-width: 88px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
  .site-header .mobile-toggle { gap: 5px !important; }
}

/* ReFS 2026-10-16: mobile header priorities. Inquiry top (secondary), menu
   bottom (primary). Grid placement avoids moving the menu when nav opens. */
@media screen and (max-width: 800px) {
  .site-header .header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    align-items: center !important;
    position: relative !important;
  }
  .site-header .refs-brand-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }
  .site-header .mobile-toggle {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    margin: 0 !important;
    background: #173b5b !important;
    border: 1px solid #173b5b !important;
    color: #fff !important;
    border-radius: 7px !important;
  }
  .site-header .mobile-toggle .refs-menu-icon-open,
  .site-header .mobile-toggle .refs-menu-icon-close,
  .site-header .mobile-toggle .refs-menu-label-open,
  .site-header .mobile-toggle .refs-menu-label-close { color: #fff !important; }
  .site-header .header-actions {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: initial !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
  }
  .site-header .header-actions .inquiry {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    color: #173b5b !important;
    border: 1px solid #dbe3ed !important;
    border-radius: 7px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }
  .site-header .main-nav,
  .site-header .main-nav.open {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* 2026-10-17: research interests I-IV heading typography on mobile only. */
@media (max-width: 600px) {
  #research-interests .interest-item h2 {
    font-size: 18px !important;
    line-height: 1.45 !important;
    letter-spacing: -0.035em !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    text-wrap: pretty;
    margin: 0 0 7px !important;
  }
  #research-interests .interest-item .english {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
}

/* 2026-10-17: research I–IV headings; mobile hanging indent & IV controlled wrap. */
@media screen and (max-width: 600px) {
  #research-interests .interest-item h2 {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    column-gap: 0.28em !important;
    align-items: start !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    font-size: 18px !important;
    letter-spacing: -0.04em !important;
  }
  #research-interests .interest-item .refs-interest-index {
    white-space: nowrap !important;
  }
  #research-interests .interest-item .refs-interest-title-content {
    min-width: 0 !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
  #research-interests .interest-item .refs-interest-iv-line {
    display: block !important;
    font-size: clamp(12.5px, 3.7vw, 15px) !important;
    white-space: nowrap !important;
    letter-spacing: -0.055em !important;
  }
  #research-interests .interest-item .refs-interest-iv-last {
    display: block !important;
    font-size: 18px !important;
  }
}

/* 2026-10-17: I-IV headings use identical typography and natural wrapping.
   Grid's title column keeps continuation lines aligned with the title, not numeral. */
@media screen and (max-width: 600px) {
  #research-interests .interest-item h2,
  #research-interests .interest-item h2 .refs-interest-title-content {
    font-size: 18px !important;
    line-height: 1.45 !important;
    letter-spacing: -0.035em !important;
    word-break: keep-all !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
}

/* ReFS v1.0.1 — restore original 21px mobile research title and preserve two semantic lines. */
@media (max-width: 600px) {
  #research-interests .research-intro .ko-intro {
    font-size: 21px !important;
    line-height: 1.4 !important;
    letter-spacing: -0.035em !important;
    word-break: keep-all !important;
    text-wrap: auto !important;
  }
  #research-interests .research-intro .refs-intro-first,
  #research-interests .research-intro .refs-intro-second {
    display: block;
    white-space: normal;
  }
}

/* ReFS v1.0.3: PHFM hero subtitle only. Keep the desktop inline text unchanged. */
@media screen and (max-width: 600px) {
  #phfm-product .ph-intro-sub .refs-phfm-sub-line1,
  #phfm-product .ph-intro-sub .refs-phfm-sub-line2 {
    display: block;
  }
  #phfm-product .ph-intro-sub .refs-phfm-sub-line2 {
    white-space: nowrap;
  }
}

/* ReFS v1.0.4: FAQ mobile question hanging indent. Only visible question layout changes. */
@media screen and (max-width: 600px) {
  #support-faq .refs-faq-category summary {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: start;
    column-gap: 8px;
    list-style: none;
  }
  #support-faq .refs-faq-category summary::-webkit-details-marker { display: none; }
  #support-faq .refs-faq-category summary .refs-faq-qnumber {
    display: block;
    margin-right: 0;
    white-space: nowrap;
  }
  #support-faq .refs-faq-category summary .refs-faq-question-text {
    display: block;
    min-width: 0;
    word-break: keep-all;
    overflow-wrap: break-word;
  }
}

/* ReFS v1.0.5: mobile FAQ — separate triangle, Q index and question text.
   Reset Safari disclosure marker, enforce stable continuation alignment. */
@media screen and (max-width: 600px) {
  #support-faq .refs-faq-category details > summary {
    display: grid !important;
    grid-template-columns: 17px 43px minmax(0, 1fr) !important;
    column-gap: 7px !important;
    align-items: start !important;
    position: relative !important;
    padding: 13px 12px !important;
    list-style: none !important;
    list-style-type: none !important;
    cursor: pointer;
  }
  #support-faq .refs-faq-category details > summary::marker { content: '' !important; }
  #support-faq .refs-faq-category details > summary::-webkit-details-marker { display: none !important; }
  #support-faq .refs-faq-category details > summary::before {
    content: '▶' !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
    line-height: 1.9 !important;
    color: #173b5b !important;
  }
  #support-faq .refs-faq-category details[open] > summary::before { content: '▼' !important; }
  #support-faq .refs-faq-category details > summary .refs-faq-qnumber {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1.6 !important;
  }
  #support-faq .refs-faq-category details > summary .refs-faq-question-text {
    display: block !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.6 !important;
  }
}