/* JINCOM WHITE THEME • 2026-10-24
   Visual-only override. No PHP, board functionality or JS behavior changes. */
:root{color-scheme:light;--bg-deep:#fff;--bg-dark:#f8fafc;--bg-card:#fff;--bg-card2:#f8fafc;
--bg:#fff;--bg2:#f8fafc;--card:#fff;--card2:#f8fafc;
--accent:#2563eb;--accent2:#1d4ed8;--acc:#2563eb;--acc2:#1d4ed8;
--text:#111827;--text-sub:#334155;--text-dim:#475569;--text-muted:#64748b;
--t:#111827;--ts:#334155;--td:#475569;--tm:#64748b;
--border:#dbe4ef;--border2:#e2e8f0;--br:#dbeafe;--br2:#e2e8f0}
html,body{background:#fff!important;color:#334155!important}
body h1,body h2,body h3,body h4,body h5,body h6{color:#111827}
#jc-header,#m-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 5px 22px rgba(15,23,42,.06)!important}
#jc-nav .jc-nav-main,#jc-nav a:not(.nav-cta),#jc-nav .jc-dropdown a,
#m-nav .m-nav-link,#m-nav .m-nav-group-title{color:#172033!important;text-shadow:none!important}
#jc-nav .jc-dropdown{background:#fff!important;border-color:#dbe4ef!important;box-shadow:0 16px 34px rgba(15,23,42,.13)!important}
#jc-nav .jc-nav-item:hover .jc-nav-main,#jc-nav .jc-dropdown a:hover,
#m-nav .m-nav-link.on,#m-nav .m-nav-link:hover{color:#1d4ed8!important}
#jc-nav .nav-cta,#jc-nav .nav-cta:hover,.nav-cta-repair,
.m-nav-cta,.btn-m-primary,.btn-m-orange,.jc-product-write-btn,
.jc-board-shell .btn_submit,#bo_w .btn_submit,.btn_submit{color:#fff!important;-webkit-text-fill-color:#fff!important}
#jc-nav .nav-cta-phone{color:#fff!important}
.m-menu-btn span{background:#1e293b!important;box-shadow:none!important}
#m-nav{background:#fff!important;border-left-color:#e2e8f0!important}
.m-nav-close{color:#111827!important}
.m-nav-group{background:#f8fafc!important;border-color:#e2e8f0!important}
.m-nav-sub{border-top-color:#e2e8f0!important}
.page-visual,.m-page-visual,.jc-board-mobile-visual.jc-product-visual{
 background:linear-gradient(145deg,#f8fafc,#eef4fc)!important;border-bottom:1px solid #dbe4ef!important}
.page-visual h2,.m-page-visual h2,.jc-board-mobile-visual.jc-product-visual h2{color:#111827!important}
.page-visual p,.m-page-visual p,.jc-board-mobile-visual.jc-product-visual p{color:#475569!important}
#jc-lnb,#m-lnb,.jc-board-mobile-nav{background:#fff!important;border-bottom:1px solid #e2e8f0!important}
#jc-lnb a,#m-lnb a,.jc-board-mobile-nav a{color:#475569!important}
#jc-lnb a.on,#m-lnb a.on,.jc-board-mobile-nav a.on{color:#1d4ed8!important}
#jc-content,#m-content,.jc-board-shell,.jc-product-mobile-shell{color:#334155}
.hero{background:linear-gradient(125deg,#fff,#f5f9ff)!important}
.hero h1,.hero h2,.hero h3,.hero h4{color:#111827!important}
.hero-sub,.hero-desc,.hero-point{color:#475569!important}
.hero h1 em,.hero-badge,.hero-point:before,.section-tag,.page-visual-tag,.m-tag,.m-page-tag,.m-page-visual .m-page-tag{color:#1d4ed8!important}
.hero-badge{background:#eff6ff!important;border-color:#bfdbfe!important}
.m-card,.m-info-box,.m-price-card,.jc-product-card-link,.jc-product-toolbar,
.jc-board-shell .bo_vc, .jc-board-shell #bo_v_atc, .jc-board-shell #bo_vc,
.jc-board-shell #bo_gall,.jc-board-shell #bo_list{
 background-color:#fff!important;border-color:#dbe4ef!important;box-shadow:0 5px 24px rgba(15,23,42,.045)}
.m-card-title,.m-info-box h3,.m-price-card h4,.m-step-text h4,
.jc-product-card h3,.section-title,.m-title{color:#111827!important}
.m-card-desc,.m-desc,.m-highlight p,.m-table td,.m-step-text p,.jc-product-card p{color:#475569!important}
.m-tag-item,.m-card-tags span{color:#1d4ed8!important}
.m-highlight,.hero-link-panel{background-color:#eff6ff!important;border-color:#dbeafe!important}
#jc-footer,#m-footer,.jc-footer,.m-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}
#jc-footer a,#m-footer a,.jc-footer a,.m-footer a{color:#475569}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),
textarea,select{background-color:#fff;color:#111827;border-color:#cbd5e1}
input::placeholder,textarea::placeholder{color:#94a3b8!important;opacity:1}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#2563eb}
/* Repair / sales / trade boards: prevent white-on-white editing, even in patched legacy rules */
.jc-board-shell #wr_content,.jc-board-shell textarea,.jc-board-shell .wr_content,
body.bo_table_sub0205 #bo_w #wr_content,body.bo_table_sub0205 .jc-board-shell #bo_w #wr_content,
.jc-board-shell iframe[name*=wr_content],.jc-board-shell iframe[id*=wr_content]{
 background:#fff!important;color:#111827!important;caret-color:#111827!important}
.jc-board-shell .wr_content *:not(button):not(.btn_submit){color:#111827}
.jc-board-shell .wr_content iframe{background:#fff!important}
.jc-product-card-link,.jc-board-mobile-nav .jc-product-card-link,#bo_gall.jc-product-board .jc-product-card-link{color:#334155!important}
.jc-product-toolbar strong,.jc-board-shell .jc-product-toolbar strong{color:#111827!important}
/* Standalone modal surfaces remain light; backdrop remains dim for accessibility */
[role=dialog],.modal-content,.popup-content,.swal2-popup{color:#111827}
/* White site logo is transparent PNG; do not alter unrelated photos/logos. */
#jc-header .jc-logo img,#m-header .m-logo img,#jc-footer img[src*=logo_white_theme],
#m-footer img[src*=logo_white_theme]{filter:none!important}
@media(max-width:900px){
 body #m-content .m-card,body #m-content .m-info-box,body #m-content .m-price-card{background:#fff!important;border-color:#dbe4ef!important}
 .jc-board-mobile-nav{background:#fff!important}
 #m-header{box-shadow:0 4px 16px rgba(15,23,42,.06)!important}
}

/* Independent admin authoring screens */
.jc-rq-wrap,.jc-voice-editor,.jc-rq-reserved-box,.jc-rq-manual-faq{color:#334155!important}
.jc-rq-wrap h1,.jc-rq-wrap h2,.jc-rq-wrap h3,.jc-voice-editor h1,.jc-voice-editor h2{color:#111827!important}
.jc-rq-wrap input,.jc-rq-wrap textarea,.jc-voice-editor input,.jc-voice-editor textarea{color:#111827!important;background:#fff!important}
.jc-rq-radio-card,.jc-rq-btn.gray{background:#f8fafc!important;color:#334155!important}
#jc-open-badge-m[style*="#00e5d0"]{color:#0f766e!important}
#jc-open-badge-m[style*="#fcd34d"]{color:#a16207!important}
#jc-open-badge-m[style*="#94a3b8"]{color:#475569!important}

/* Text contrast on intentionally colored CTA surfaces. Appearance only. */
.hero-channel-blog,.hero-channel-youtube,.hero-channel-kakao,.hero-channel-google-review,
.jc-import-btn:not(.gray),.jc-board-shell .btn_submit,.jc-board-shell .btn_submit:hover{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}


/* ===========================================================================
   JINCOM WHITE CONTRAST FIX 2026-10-31 / CSS ONLY
   Scoped overrides for legacy dark, in-PHP <style> and inline style attributes.
   No layout, display, visibility, sizing, form behavior, scripts or PHP changed.
   =========================================================================== */
:root{color-scheme:light}

/* 1. Shared foreground. Explicitly set in addition to old dark-theme variables. */
body{background-color:#fff!important;color:#334155!important}
#jc-content,#m-content,.jc-board-shell,.jc-product-mobile-shell{color:#334155!important}
#jc-content :is(.info-box,.service-card,.price-card,.highlight-box),
.m-wrap :is(.m-info-box,.m-card,.m-price-card){color:#334155}

/* 2. Storefront hero is emitted by lib/jc_storefront_visual.php via a late <style>.
   It was still white text on the now-white background. */
.page-visual.jc-storefront-visual,.m-page-visual.jc-storefront-mobile{
  background:linear-gradient(135deg,#fff,#eef5ff)!important;
  border-bottom:1px solid #dbe4ef!important;
}
.jc-storefront-copy .jc-storefront-title,
.jc-storefront-mobile .jc-storefront-title{color:#111827!important;text-shadow:none!important}
.jc-storefront-copy>p,.jc-storefront-mobile .m-page-visual-inner>p{color:#475569!important}
.jc-storefront-card,.jc-storefront-mobile-card{
  background:#fff!important;border-color:#cbd5e1!important;
  box-shadow:0 14px 34px rgba(15,23,42,.12)!important;
}
.jc-storefront-card img,.jc-storefront-mobile-card img{background:#f8fafc!important}
.jc-storefront-caption strong,.jc-storefront-mobile-label{color:#111827!important}
.jc-storefront-caption small,.jc-storefront-mobile-label small{color:#1d4ed8!important}

/* 3. City / neighbourhood computer, notebook and printer pages.  Their actual
   content is generated from shared PHP functions; do not edit those functions. */
#jc-content .highlight-box,.m-wrap .m-info-box{
  background:linear-gradient(135deg,#f8fbff,#eff7ff)!important;
  border-color:#dbe4ef!important;
}
#jc-content .highlight-box :is(h1,h2,h3,h4,h5,h6),
#jc-content .info-box :is(h1,h2,h3,h4,h5,h6),
#jc-content .service-card :is(h1,h2,h3,h4,h5,h6),
#jc-content .price-card :is(h1,h2,h3,h4,h5,h6),
.m-wrap .m-info-box :is(h1,h2,h3,h4,h5,h6),
.m-wrap .m-card :is(h1,h2,h3,h4,h5,h6){color:#111827!important;text-shadow:none!important}
#jc-content .highlight-box :is(p,.jc-note),
#jc-content .info-box :is(p,.jc-note),
#jc-content .service-card :is(p,.svc-desc),
.m-wrap .m-info-box p,.m-wrap .m-card p,
.m-wrap .m-info-box .m-card-desc{color:#334155!important}
/* Inline white colour from regional PHP, including eligible pills/cards. */
#jc-content .highlight-box [style*="color:#fff" i],
#jc-content .highlight-box [style*="color:#DDE8F8" i],
#jc-content .info-box [style*="color:#fff" i]:not([style*="background:linear-gradient" i]),
#jc-content .info-box [style*="color:#E8F8FF" i],
#jc-content .info-box [style*="color:#C8D6E8" i],
#jc-content .service-card [style*="color:#fff" i]:not([style*="background:linear-gradient" i]),
.m-wrap [style*="color:#fff" i]:not(.btn-m-primary):not(.btn-m-orange):not([style*="background:linear-gradient" i]),
.m-wrap [style*="color:#F0F4FF" i],
.m-wrap [style*="color:#C8D6E8" i],
.m-wrap [style*="color:#E8F8FF" i]{color:#111827!important;-webkit-text-fill-color:#111827!important}
/* Subtle inline blue badges/links were nearly invisible on pale backgrounds. */
#jc-content .info-box [style*="color:#E8F8FF" i],
.m-wrap .m-info-box [style*="color:#E8F8FF" i]{
  background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
}
#jc-content .service-card [style*="color:#22d3ee" i],
.m-wrap .m-card [style*="color:#22d3ee" i]{color:#1d4ed8!important}
/* Regional sub-navigation used inline dark pills; active stays blue/white. */
#jc-content .jc-computer-local-nav a,
#jc-content .jc-notebook-local-nav a,
#jc-content .jc-printer-local-nav a{
  background:#f8fafc!important;color:#334155!important;
  border-color:#cbd5e1!important;box-shadow:none!important;
}
#jc-content .jc-computer-local-nav a[style*="linear-gradient"],
#jc-content .jc-notebook-local-nav a[style*="linear-gradient"],
#jc-content .jc-printer-local-nav a[style*="linear-gradient"]{
  background:linear-gradient(135deg,#2563eb,#0891b2)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#2563eb!important;
}

/* 4. Repair request form: the entire form, not just the textarea, must be light. */
#bo_w.jc-request-write,
.jc-board-shell #bo_w.jc-request-write,
.jc-product-mobile-shell #bo_w.jc-request-write{
  background:#fff!important;color:#334155!important;
  border:1px solid #dbe4ef!important;
  box-shadow:0 10px 35px rgba(15,23,42,.07)!important;
}
#bo_w.jc-request-write .jc-request-intro{border-bottom-color:#e2e8f0!important}
#bo_w.jc-request-write .jc-request-intro h2{color:#111827!important}
#bo_w.jc-request-write .jc-request-intro p,
#bo_w.jc-request-write :is(.jc-field,.jc-field>span,.jc-file-box p,.jc-captcha-help,.jc-agree-label,.jc-agree-desc){color:#334155!important}
#bo_w.jc-request-write .jc-field span b,
#bo_w.jc-request-write .jc-request-intro>span{color:#1d4ed8!important}
#bo_w.jc-request-write :is(input[type="text"],input[type="password"],input[type="tel"],input[type="email"],textarea,select){
  background:#fff!important;color:#111827!important;
  -webkit-text-fill-color:#111827!important;border-color:#cbd5e1!important;
  caret-color:#111827!important;
}
#bo_w.jc-request-write :is(input,textarea)::placeholder{
  color:#64748b!important;-webkit-text-fill-color:#64748b!important;opacity:1!important;
}
#bo_w.jc-request-write :is(.jc-file-box,.jc-captcha-box){
  background:#f8fafc!important;border-color:#dbe4ef!important;color:#334155!important;
}
#bo_w.jc-request-write .jc-file-box input[type=file]{
  background:#fff!important;color:#111827!important;border-color:#cbd5e1!important;
}
#bo_w.jc-request-write :is(.jc-agree-field,.jc-request-notice){
  background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a8a!important;
}
#bo_w.jc-request-write .jc-request-actions .btn_design2{
  background:#f1f5f9!important;color:#111827!important;border-color:#cbd5e1!important;
}
#bo_w.jc-request-write .jc-request-actions .btn_design1,
#bo_w.jc-request-write .jc-file-box input[type=file]::file-selector-button{
  background:linear-gradient(135deg,#2563eb,#0284c7)!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* 5. Used PC buy landing pages: native dark CSS injected by lib/jc_usedpc_buy_page.php. */
.jc-buy-wrap,.m-buy-wrap{background:#fff!important;color:#334155!important}
.jc-buy-local-nav{background:#fff!important}
body .jc-buy-local-nav a{
  background:#f8fafc!important;color:#334155!important;-webkit-text-fill-color:#334155!important;
  border-color:#cbd5e1!important;
}
body .jc-buy-local-nav a.on{background:linear-gradient(135deg,#2563eb,#0891b2)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#2563eb!important}
body .jc-buy-local-nav a.jc-write-link{background:linear-gradient(135deg,#ea580c,#f97316)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}
.jc-buy-hero,.m-buy-hero{background:linear-gradient(135deg,#f8fbff,#eff6ff)!important;
  border-color:#dbe4ef!important;box-shadow:0 8px 28px rgba(15,23,42,.08)!important}
.jc-buy-section,.m-buy-section{background:#fff!important;border-color:#dbe4ef!important;
  box-shadow:0 5px 22px rgba(15,23,42,.05)!important}
.jc-buy-item,.m-buy-item,.jc-buy-step{background:#f8fafc!important;border-color:#dbe4ef!important}
.jc-buy-title,.m-buy-title,.jc-buy-section h3,.m-buy-section h3,
.jc-buy-item b,.m-buy-item b,.jc-buy-step b{color:#111827!important;text-shadow:none!important}
.jc-buy-desc,.m-buy-desc,.jc-buy-section p,.m-buy-section p,
.jc-buy-item span,.m-buy-item span,.jc-buy-step span{color:#334155!important}
.jc-buy-badge,.m-buy-badge,.jc-buy-title strong,.m-buy-title strong,
.jc-buy-section h3 span,.m-buy-section h3 span{color:#166534!important;text-shadow:none!important}
.jc-buy-tags span,.m-buy-tags span{background:#eff6ff!important;color:#1d4ed8!important;
  border-color:#bfdbfe!important}
.jc-buy-thumb,.m-buy-thumb{background:#fff!important;border-color:#dbe4ef!important;
  box-shadow:0 12px 32px rgba(15,23,42,.09)!important}
.jc-buy-warn,.m-buy-warn{background:#fffbeb!important;border-color:#fcd34d!important}
.jc-buy-warn :is(h3,li),.m-buy-warn :is(h3,li){color:#854d0e!important}
/* Keep readable text on intentionally saturated action controls. */
.jc-buy-actions a,.m-buy-actions a,.jc-buy-local-nav a.jc-write-link{color:#fff!important}

/* 6. The other city-specific landing templates are independent dark designs. */
.jc-area-wrap,.jc-hs-wrap,.jc-nb-wrap{background:#fff!important;color:#334155!important}
.jc-area-hero,.jc-hs-hero,.jc-nb-hero{
  background:linear-gradient(130deg,#f8fbff,#eaf3ff)!important;border-color:#dbe4ef!important;
}
.jc-area-hero h1,.jc-hs-hero h1,.jc-nb-hero h1{color:#111827!important;text-shadow:none!important}
.jc-area-hero p,.jc-hs-hero p,.jc-nb-hero p{color:#475569!important}
.jc-area-hero-media,.jc-hs-media,.jc-nb-media{background:#fff!important;border-color:#cbd5e1!important;
  box-shadow:0 14px 35px rgba(15,23,42,.11)!important}
.jc-area-store-caption,.jc-hs-caption,.jc-nb-caption{color:#111827!important}
.jc-area-store-caption small,.jc-hs-caption small,.jc-nb-caption small{color:#1d4ed8!important}
.jc-area-tabs a,.jc-hs-tabs a,.jc-nb-tabs a{
  background:#f8fafc!important;color:#334155!important;border-color:#cbd5e1!important;
}
.jc-area-tabs a.on,.jc-hs-tabs a.on,.jc-nb-tabs a.on{
  background:linear-gradient(135deg,#2563eb,#0891b2)!important;color:#fff!important;border-color:#2563eb!important;
}
.jc-area-box,.jc-hs-box,.jc-nb-box{
  background:#fff!important;border-color:#dbe4ef!important;box-shadow:0 5px 22px rgba(15,23,42,.06)!important;
}
.jc-area-box :is(h2,h3),.jc-hs-box :is(h2,h3),.jc-nb-box :is(h2,h3),
.jc-area-card strong,.jc-hs-card strong,.jc-nb-card strong,
.jc-area-step strong,.jc-hs-step strong,.jc-nb-step strong,
.jc-area-step b,.jc-hs-step b,.jc-nb-step b{color:#111827!important}
.jc-area-box p,.jc-hs-box p,.jc-nb-box p,
.jc-area-card span,.jc-hs-card span,.jc-nb-card span,
.jc-area-step p,.jc-hs-step p,.jc-nb-step p{color:#334155!important}
.jc-area-card,.jc-hs-card,.jc-nb-card,
.jc-area-step,.jc-hs-step,.jc-nb-step,
.jc-area-focus div,.jc-hs-focus div,.jc-nb-focus div,
.jc-focus-list div{background:#f8fafc!important;border-color:#dbe4ef!important;color:#334155!important}
.jc-dong-list span,.jc-hs-dong-list span,.jc-nb-dong-list span{
  background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;
}
.jc-area-latest a,.jc-hs-latest a,.jc-nb-latest a,
.jc-latest a{background:#f8fafc!important;color:#334155!important;border-color:#dbe4ef!important}
.jc-area-cta a,.jc-hs-cta a,.jc-nb-cta a{color:#fff!important}

/* 7. Symptom guide and symptom detail, with their own --sp-* dark palette. */
.jc-symptom-page,.jc-sd-page{
  --sp-bg:#fff!important;--sp-card:#fff!important;--sp-line:#dbe4ef!important;
  --sp-text:#111827!important;--sp-muted:#475569!important;
  --sd-card:#fff!important;--sd-deep:#fff!important;--sd-line:#dbe4ef!important;
  --sd-text:#111827!important;--sd-muted:#475569!important;
  background:#fff!important;color:#334155!important;
}
.jc-symptom-hero,.jc-sd-hero{
  background:linear-gradient(135deg,#f8fbff,#eef5ff)!important;border-color:#dbe4ef!important;
}
.jc-symptom-page :is(h1,h2,h3),.jc-sd-page :is(h1,h2,h3),
.jc-symptom-title-link{color:#111827!important}
.jc-symptom-page :is(p,.jc-symptom-summary,.jc-symptom-body,.jc-case-note),
.jc-sd-page :is(p,.jc-sd-lead){color:#334155!important}
.jc-symptom-intro>div,.jc-symptom-section,.jc-symptom-checks,.jc-symptom-warning,
.jc-case-card,.jc-region-box,.jc-symptom-final,
.jc-sd-card,.jc-sd-subcard,.jc-sd-sidebox,.jc-sd-faq details,.jc-sd-case,.jc-sd-warning{
  background:#fff!important;border-color:#dbe4ef!important;color:#334155!important;
}
.jc-symptom-nav a,.jc-region-links a,.jc-symptom-more,
.jc-sd-sidebox>a,.jc-sd-regions a{
  background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important;
}
.jc-sd-sidebox a.current{background:#dbeafe!important;color:#1e40af!important}
.jc-symptom-btn.phone,.jc-sd-btn.phone{background:#f1f5f9!important;color:#111827!important;border-color:#cbd5e1!important}
.jc-symptom-btn.primary,.jc-sd-btn.primary{color:#fff!important}
.jc-symptom-btn.kakao,.jc-sd-btn.kakao{color:#111827!important}
.jc-symptom-warning,.jc-sd-warning{background:#fffbeb!important;border-color:#fcd34d!important}
.jc-case-card strong,.jc-sd-case strong,.jc-symptom-checks li,.jc-sd-list li,
.jc-sd-steps li,.jc-sd-faq summary,.jc-region-box p{color:#334155!important}

/* 8. Board and page content general: no white-on-white in light card surfaces.
   Never force foreground on images, floating overlays or rich text editor content. */
.jc-board-shell :is(.jc-product-toolbar,.jc-product-card,.jc-product-view-head,
  .jc-product-specs,.jc-product-desc){color:#334155!important}
.jc-board-shell :is(.jc-product-toolbar,.jc-product-card,.jc-product-view-head,
  .jc-product-specs,.jc-product-desc) :is(h1,h2,h3,h4){color:#111827!important}
.jc-board-shell :is(.jc-product-toolbar,.jc-product-card,.jc-product-view-head,
  .jc-product-specs,.jc-product-desc) :is(p,span,small){color:#334155}
.jc-board-shell .jc-product-toolbar span{color:#475569!important}
/* The existing blue buttons and selected tabs must retain white lettering. */
#jc-nav .nav-cta,.nav-cta-repair,.btn-primary,.btn-orange,.btn-m-primary,.btn-m-orange,
.jc-product-write-btn,.btn_submit,.jc-request-actions .btn_design1{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
@media(max-width:900px){
  .jc-storefront-mobile,.jc-storefront-visual{background:#f8fbff!important}
  #bo_w.jc-request-write{background:#fff!important}
}

/* 9. Cross-linked local symptom and case panels used in many article pages. */
.jc-region-symptom-links,.jc-case-symptom-guide,
.jc-area-case-section,.jc-device-case-section{
  background:#fff!important;color:#334155!important;
  border-color:#dbe4ef!important;box-shadow:0 5px 22px rgba(15,23,42,.05)!important;
}
.jc-region-symptom-links__head,.jc-region-symptom-links__head :is(h2,h3),
.jc-case-symptom-guide :is(h2,h3,.jc-case-symptom-guide__label),
.jc-area-case-section h2,.jc-device-case-section h2,
.jc-area-case-title,.jc-device-case-title{color:#111827!important}
.jc-region-symptom-links__head p,.jc-case-symptom-guide p,
.jc-area-case-section .case-note,.jc-area-case-desc,.jc-device-case-note,
.jc-device-case-desc,.jc-case-symptom-guide__basis{color:#475569!important}
.jc-region-symptom-link,.jc-area-case-card,.jc-device-case-card{
  background:#f8fafc!important;color:#334155!important;
  border-color:#dbe4ef!important;box-shadow:none!important;
}
.jc-region-symptom-link strong,.jc-area-case-card strong,.jc-device-case-card strong{color:#111827!important}
.jc-region-symptom-link span:last-child,.jc-area-case-meta,.jc-device-case-meta{color:#475569!important}
.jc-area-case-thumb,.jc-device-case-thumb{background:#f1f5f9!important;color:#475569!important;border-color:#dbe4ef!important}
.jc-area-case-more,.jc-region-symptom-links__eyebrow,
.jc-region-symptom-links__all a{color:#1d4ed8!important}
.jc-region-symptom-links__all a,.jc-case-symptom-guide__btn--secondary{
  background:#eff6ff!important;border-color:#bfdbfe!important;
  color:#1d4ed8!important;
}
.jc-case-symptom-guide__btn--primary,.jc-case-symptom-guide__btn--request{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.jc-area-case-empty,.jc-device-case-empty{
  background:#f8fafc!important;border-color:#dbe4ef!important;color:#475569!important;
}
.jc-area-case-area,.jc-device-case-badge{background:#dbeafe!important;color:#1e40af!important}


/* =====================================================================
  JC WHITE 2026-10-31 V3 – final contrast layer (visual attributes only).
  Applied after legacy in-PHP styles, also backed by explicit PHP fixes.
  Never changes display, layout, event handlers or input functionality.
  ===================================================================== */
:root{color-scheme:light}
html body{background:#fff!important;color:#334155!important}
/* Shared visual rendered by lib/jc_storefront_visual.php – desktop AND mobile */
body .jc-storefront-visual .jc-storefront-title,
body .jc-storefront-mobile .jc-storefront-title{color:#111827!important;-webkit-text-fill-color:#111827!important;text-shadow:none!important}
body .jc-storefront-visual .jc-storefront-copy>p,
body .jc-storefront-mobile .m-page-visual-inner>p{color:#334155!important}
body .jc-storefront-visual .jc-storefront-card,
body .jc-storefront-mobile .jc-storefront-mobile-card{background:#fff!important;border-color:#dbe4ef!important;box-shadow:0 12px 32px rgba(15,23,42,.10)!important}
body .jc-storefront-caption strong,body .jc-storefront-mobile-label{color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-storefront-caption small,body .jc-storefront-mobile-label small{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important}
/* General content cards across local repair/printer/notebook PHP renderers */
body #jc-content .highlight-box,body #jc-content .info-box,
body #jc-content .service-card,body #jc-content .price-card,
body .m-wrap .m-card,body .m-wrap .m-info-box,body .m-wrap .m-price-card{
  background-color:#fff!important;border-color:#dbe4ef!important;color:#334155!important;
}
body #jc-content .highlight-box{background:linear-gradient(135deg,#f8fbff,#eff6ff)!important}
body #jc-content .highlight-box :is(h2,h3,h4,p),
body #jc-content .info-box :is(h2,h3,h4),
body #jc-content .service-card :is(.svc-title,h2,h3,h4),
body #jc-content .price-card :is(h2,h3,h4),
body .m-wrap .m-info-box :is(h2,h3,h4,.m-card-title),
body .m-wrap .m-card :is(h2,h3,h4,.m-card-title){color:#111827!important;-webkit-text-fill-color:#111827!important}
body #jc-content .highlight-box p,body #jc-content .info-box :is(p,.jc-note),
body #jc-content .service-card :is(p,.svc-desc),body #jc-content .price-card :is(p,.price-item),
body .m-wrap :is(.m-card-desc,.m-step-text p,.m-info-box p){color:#334155!important;-webkit-text-fill-color:#334155!important}
/* No white on pale pills, while blue active tabs retain white text. */
body #jc-content .jc-computer-local-nav a:not([style*="linear-gradient"]),
body #jc-content .jc-printer-local-nav a:not([style*="linear-gradient"]),
body #jc-content .jc-notebook-local-nav a:not([style*="linear-gradient"]){background:#f8fafc!important;color:#334155!important;border-color:#dbe4ef!important}
body #jc-content .jc-computer-local-nav a[style*="linear-gradient"],
body #jc-content .jc-printer-local-nav a[style*="linear-gradient"],
body #jc-content .jc-notebook-local-nav a[style*="linear-gradient"]{color:#fff!important;-webkit-text-fill-color:#fff!important}
body #jc-content .info-box span[style*="background:rgba(0,212,255"],
body .m-wrap .m-info-box span[style*="background:rgba(0,212,255"]{
 background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;
 -webkit-text-fill-color:#1d4ed8!important;
}
/* Repair intake: previous default stylesheet has strong black form rules. */
body .jc-request-shell #bo_w.jc-request-write,
body .jc-board-shell #bo_w.jc-request-write,
body #bo_w.jc-request-write,
body .jc-request-write{
 background:#fff!important;color:#334155!important;border-color:#dbe4ef!important;
 box-shadow:0 8px 30px rgba(15,23,42,.08)!important;
}
body .jc-request-write :is(.jc-request-intro h2,.jc-field span,.jc-agree-label){color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-request-write :is(.jc-request-intro p,.jc-field em,.jc-agree-desc,.jc-file-box p){color:#475569!important;-webkit-text-fill-color:#475569!important}
body .jc-request-write .jc-request-notice{background:#eff6ff!important;color:#1e3a8a!important;border-color:#bfdbfe!important}
body .jc-request-write .jc-field :is(input[type=text],input[type=password],input[type=email],input[type=tel],textarea),
body .jc-request-write :is(input[type=file],select){background:#fff!important;color:#111827!important;
 -webkit-text-fill-color:#111827!important;border-color:#cbd5e1!important;caret-color:#111827!important}
body .jc-request-write :is(input,textarea)::placeholder{color:#64748b!important;-webkit-text-fill-color:#64748b!important}
body .jc-request-write .jc-request-actions .btn_design2{background:#f1f5f9!important;color:#111827!important}
body .jc-request-write .jc-request-actions .btn_design1{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Pricing and phone call-to-action text: keep white only when dark button backdrop. */
body :is(.btn-primary,.btn-orange,.btn-m-primary,.btn-m-orange,.nav-cta-phone,.jc-product-write-btn){color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Regional templates independently emit dark CSS; constrain all read surfaces. */
body :is(.jc-area-hero,.jc-hs-hero,.jc-nb-hero),
body :is(.jc-buy-hero,.m-buy-hero){background:linear-gradient(135deg,#f8fbff,#eff6ff)!important}
body :is(.jc-area-hero,.jc-hs-hero,.jc-nb-hero) h1,
body :is(.jc-buy-hero,.m-buy-hero) h1{color:#111827!important;-webkit-text-fill-color:#111827!important}
body :is(.jc-area-box,.jc-hs-box,.jc-nb-box,.jc-buy-section,.m-buy-section){background:#fff!important;color:#334155!important;border-color:#dbe4ef!important}
body :is(.jc-area-box,.jc-hs-box,.jc-nb-box,.jc-buy-section,.m-buy-section) :is(h2,h3,h4){color:#111827!important}
body :is(.jc-area-box,.jc-hs-box,.jc-nb-box,.jc-buy-section,.m-buy-section) :is(p,li){color:#334155!important}
/* Do not override rich-text HTML editor body, image overlays, or third-party widgets. */


/* ========================================================================
   JINCOM WHITE V4 - 2026-10-31 - BOARD SURFACES AND READER CONTRAST
   Style-only changes: background, foreground, border, shadow and placeholder.
   Does NOT alter layout, display, visibility, events, URLs, validation or data.
   Scope: newpc_sale, sub0204, sub0303, sub0205, sub0301, their board skins
   and mobile equivalents. Previous V3 regional/page contrast is preserved.
   ======================================================================== */

/* New / used PC sale - search/filter toolbar, card metadata, sold section. */
body #bo_gall.jc-product-board .jc-product-toolbar,
body .jc-board-shell #bo_gall.jc-product-board .jc-product-toolbar,
body .jc-product-mobile-shell #bo_gall.jc-product-board .jc-product-toolbar{
  background:#fff!important;background-image:none!important;
  border-color:#dbe4ef!important;color:#334155!important;
  box-shadow:0 7px 24px rgba(15,23,42,.07)!important;
}
body #bo_gall.jc-product-board .jc-product-toolbar strong,
body .jc-product-board .jc-product-toolbar-left strong{color:#111827!important;-webkit-text-fill-color:#111827!important;text-shadow:none!important}
body #bo_gall.jc-product-board .jc-product-toolbar :is(span,p,small,.jc-toolbar-desc){color:#475569!important;-webkit-text-fill-color:#475569!important}
body #bo_gall.jc-product-board .jc-product-toolbar :is(input,select,option){background-color:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important;border-color:#cbd5e1!important}
body #bo_gall.jc-product-board .jc-product-toolbar .jc-product-write-btn,
body #bo_gall.jc-product-board .jc-product-toolbar .jc-usedpc-filter-btn,
body #bo_gall.jc-product-board .jc-product-toolbar button[type=submit]{color:#fff!important;-webkit-text-fill-color:#fff!important}
body .jc-product-board :is(.jc-product-card-link,.jc-usedpc-sold-section,.jc-usedpc-sold-head),
body .jc-board-shell :is(.jc-product-card-link,.jc-usedpc-sold-section,.jc-usedpc-sold-head){
  background-color:#fff!important;color:#334155!important;border-color:#dbe4ef!important;
}
body .jc-product-board :is(.jc-usedpc-sold-title,.jc-product-card h3,.jc-product-card .jc-product-name){color:#111827!important}
body .jc-product-board :is(.jc-product-hit,.jc-product-meta,.jc-usedpc-sold-head p){color:#64748b!important}
body .jc-product-board .jc-product-price b{color:#ea580c!important}

/* Repair intake list: white canvas and contrasting dates, subjects and status. */
body .jc-board-shell .jc-repair-list-card,
body .jc-repair-list-wrap .jc-repair-list-card{background:#fff!important;background-image:none!important;border-color:#dbe4ef!important;color:#334155!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}
body .jc-repair-list-wrap .jc-repair-list-head{background:#fff!important;border-bottom-color:#e2e8f0!important}
body .jc-repair-list-wrap .jc-repair-list-head h3{color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-repair-list-wrap .jc-repair-kicker{color:#1d4ed8!important}
body .jc-repair-list-wrap .jc-repair-table,
body .jc-repair-list-wrap .jc-repair-table tbody{background:#fff!important;color:#334155!important}
body .jc-repair-list-wrap .jc-repair-table th{background:#eff6ff!important;color:#1d4ed8!important;border-color:#dbe4ef!important}
body .jc-repair-list-wrap .jc-repair-table td{background:#fff!important;color:#334155!important;border-color:#e2e8f0!important}
body .jc-repair-list-wrap .jc-repair-table tr:nth-child(even) td{background:#f8fafc!important}
body .jc-repair-list-wrap .jc-repair-table .jc-subject a{color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-repair-list-wrap .jc-repair-table .jc-subject a:hover{color:#1d4ed8!important}
body .jc-repair-list-wrap .jc-repair-badge{background:#ecfdf5!important;color:#166534!important;border-color:#bbf7d0!important}
body .jc-repair-list-wrap .jc-repair-empty{color:#64748b!important}
body .jc-repair-list-wrap .jc-repair-write-btn{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Buy/repair log: older prologue, its filtering and gallery cards. */
body .jc-buy-board-shell .jc-usedpc-seo-intro,
body .jc-board-shell .jc-usedpc-seo-intro{background:#f8fbff!important;background-image:linear-gradient(135deg,#f8fbff,#eef6ff)!important;border-color:#dbe4ef!important;color:#334155!important}
body .jc-buy-board-shell .jc-usedpc-seo-intro h2{color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-buy-board-shell .jc-usedpc-seo-intro :is(.jc-buy-intro-lines,p,span){color:#334155!important;-webkit-text-fill-color:#334155!important}
body #bo_list.jc-rp-list,
body .jc-buy-board-shell #bo_list.jc-rp-list{background:#fff!important;color:#334155!important}
body #bo_list.jc-rp-list #bo_sch,
body #bo_list.jc-rp-list .jc-rp-admin-select,
body #bo_list.jc-rp-list .jc-rp-empty{background:#f8fafc!important;border-color:#dbe4ef!important;color:#334155!important}
body #bo_list.jc-rp-list #bo_sch :is(.frm_input,input[type=text]){background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important;border-color:#cbd5e1!important}
body #bo_list.jc-rp-list #bo_cate a{background:#f8fafc!important;color:#334155!important;border-color:#cbd5e1!important}
body #bo_list.jc-rp-list #bo_cate #bo_cate_on{background:#dbeafe!important;color:#1e40af!important;border-color:#93c5fd!important}
body #bo_list.jc-rp-list .jc-rp-card{background:#fff!important;background-image:none!important;border-color:#dbe4ef!important;color:#334155!important;box-shadow:0 7px 22px rgba(15,23,42,.07)!important}
body #bo_list.jc-rp-list .jc-rp-thumb{background:#f1f5f9!important;background-image:none!important}
body #bo_list.jc-rp-list .jc-rp-body{background:#fff!important;color:#334155!important}
body #bo_list.jc-rp-list .jc-rp-title a{color:#111827!important}
body #bo_list.jc-rp-list .jc-rp-summary{color:#475569!important}
body #bo_list.jc-rp-list .jc-rp-meta{color:#64748b!important}
body #bo_list.jc-rp-list .jc-rp-badge.type{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
body #bo_list.jc-rp-list :is(.btn_design1,.btn_design2,#bo_sch .btn_design3){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Repair log & resource library: view and write share a common dark legacy skin.
   Restrict to the board shell; do not touch embedded editor documents/iframes. */
body .jc-board-shell :is(#bo_v,#bo_w,#bo_list,#fwrite),
body .jc-buy-board-shell :is(#bo_v,#bo_w),
body .jc-resource-board-shell :is(#bo_v,#bo_w){background:#fff!important;color:#334155!important;border-color:#dbe4ef!important}
body .jc-board-shell #bo_v_title,
body .jc-board-shell #container_title{background:#f8fafc!important;background-image:none!important;color:#111827!important;-webkit-text-fill-color:#111827!important;border-color:#dbe4ef!important;text-shadow:none!important}
body .jc-board-shell #bo_v_info{background:#fff!important;color:#475569!important;border-color:#dbe4ef!important}
body .jc-board-shell #bo_v_info :is(strong,span,a){color:#334155!important}
body .jc-board-shell :is(#bo_v_top,#bo_v_bot){background:#fff!important;color:#334155!important;border-color:#e2e8f0!important}
body .jc-board-shell :is(#bo_v_atc,#bo_v_con,#bo_v_img,#bo_v_file,#bo_v_link){background:#fff!important;color:#334155!important;border-color:#e2e8f0!important}
body .jc-board-shell #bo_v_con :is(p,div,span,h1,h2,h3,h4,h5,h6,li,em,strong,td,th){color:#334155!important;-webkit-text-fill-color:#334155!important;text-shadow:none!important}
body .jc-board-shell #bo_v_con :is(h1,h2,h3,h4,h5,h6,strong){color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-board-shell #bo_v_con a{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important}
body .jc-board-shell #bo_v_con :is(table,td,th){background-color:#fff!important;border-color:#e2e8f0!important}
body .jc-board-shell #bo_v_con th{background-color:#eff6ff!important;color:#1e40af!important}
body .jc-board-shell #bo_v_file li,
body .jc-board-shell #bo_v_link li{background:#f8fafc!important;color:#334155!important;border-color:#e2e8f0!important}
body .jc-board-shell :is(#bo_v_file,#bo_v_link) a{color:#1d4ed8!important}
body .jc-board-shell :is(.jc-view-file-box,.jc-view-file-under-top-buttons,.jc-resource-external-box){background:#f8fafc!important;color:#334155!important;border-color:#dbe4ef!important}
body .jc-board-shell .jc-view-file-box :is(h3,h4,strong,.jc-file-text,.jc-file-title){color:#111827!important}
body .jc-board-shell .jc-view-file-box :is(.jc-file-desc,.bo_v_file_cnt){color:#64748b!important}
body .jc-board-shell #bo_v .jc-resource-external-download{background:#eff6ff!important;background-image:none!important;border-color:#bfdbfe!important;color:#1e40af!important;-webkit-text-fill-color:#1e40af!important}
body .jc-board-shell #bo_v .jc-resource-external-box .jc-resource-link-badge{background:#dbeafe!important;color:#1e40af!important;border-color:#bfdbfe!important}
body .jc-board-shell :is(#bo_v_top,#bo_v_bot) a:not(.btn_b02):not(.btn_design1):not(.btn_submit){background:#f1f5f9!important;color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;border-color:#cbd5e1!important}
body .jc-board-shell :is(#bo_v_top,#bo_v_bot) a:is(.btn_b02,.btn_design1,.btn_submit){color:#fff!important;-webkit-text-fill-color:#fff!important}
body .jc-board-shell :is(#bo_v_top,#bo_v_bot) :is(.bo_v_com,.bo_v_nb){background:transparent!important;color:#334155!important}

/* Buy/repair log and resource editor - form chrome only, not iframe editor. */
body .jc-board-shell #bo_w .tbl_frm01,
body .jc-board-shell #bo_w .tbl_wrap,
body .jc-board-shell #bo_w .tbl_frm01 table{background:#fff!important;color:#334155!important;border-color:#dbe4ef!important}
body .jc-board-shell #bo_w .tbl_frm01 th{background:#eff6ff!important;color:#1e40af!important;border-color:#dbe4ef!important}
body .jc-board-shell #bo_w .tbl_frm01 td{background:#fff!important;color:#334155!important;border-color:#e2e8f0!important}
body .jc-board-shell #bo_w :is(input[type=text],input[type=password],input[type=email],input[type=tel],input[type=file],textarea,select){background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important;border-color:#cbd5e1!important}
body .jc-board-shell #bo_w :is(label,.frm_info,#char_count_desc,#char_count_wrap,.write_div){color:#334155!important}
body .jc-board-shell #bo_w .btn_submit,
body .jc-board-shell #bo_w button[type=submit]{color:#fff!important;-webkit-text-fill-color:#fff!important}
body .jc-board-shell #bo_w .btn_cancel{background:#f1f5f9!important;color:#111827!important;border-color:#cbd5e1!important}

/* Resource library list: strongest legacy CSS uses !important on every row. */
body .jc-resource-board-shell .jc-resource-list-v9,
body .jc-board-shell .jc-resource-list-v9{background:#fff!important;color:#334155!important}
body .jc-resource-list-v9 #bo_sch{background:#f8fafc!important;border-color:#dbe4ef!important}
body .jc-resource-list-v9 #bo_sch input[type=text]{background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important;border-color:#cbd5e1!important}
body .jc-resource-list-v9 #bo_list_total{color:#475569!important}
body .jc-resource-list-v9 .tbl_head01,
body .jc-resource-list-v9 .tbl_head01 table{background:#fff!important;border-color:#dbe4ef!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}
body .jc-resource-list-v9 .tbl_head01 caption{background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-resource-list-v9 .tbl_head01 thead th{background:#eff6ff!important;color:#1e40af!important;border-color:#dbe4ef!important}
body .jc-resource-list-v9 .tbl_head01 tbody td{background:#fff!important;color:#334155!important;border-color:#e2e8f0!important}
body .jc-resource-list-v9 .tbl_head01 tbody tr:nth-child(even) td{background:#f8fafc!important}
body .jc-resource-list-v9 .tbl_head01 tbody tr:hover td{background:#eff6ff!important}
body .jc-resource-list-v9 .tbl_head01 .td_subject a{color:#111827!important;-webkit-text-fill-color:#111827!important}
body .jc-resource-list-v9 .tbl_head01 .td_subject a:hover{color:#1d4ed8!important}
body .jc-resource-list-v9 .tbl_head01 :is(.td_num,.td_date,.td_name,span){color:#475569!important}
body .jc-resource-list-v9 .btn_design1,
body .jc-resource-list-v9 .btn_design2,
body .jc-resource-list-v9 .btn_design3,
body .jc-resource-list-v9 .btn_b01,
body .jc-resource-list-v9 .btn_b02{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Compact admin actions with intentionally dark gray styling become light, except
   the actually saturated primary buttons. No pointer/list behavior modified. */
body .jc-resource-board-shell :is(#bo_v_top,#bo_v_bot) .btn_b01,
body .jc-buy-board-shell :is(#bo_v_top,#bo_v_bot) .btn_b01{background:#f1f5f9!important;color:#111827!important;border-color:#cbd5e1!important}
body .jc-resource-board-shell :is(#bo_v_top,#bo_v_bot) .btn_b02,
body .jc-buy-board-shell :is(#bo_v_top,#bo_v_bot) .btn_b02{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Preserve the V3 form contrast on small screens too. No responsive layout edit. */
@media(max-width:900px){
 body .jc-product-mobile-shell #bo_gall.jc-product-board .jc-product-toolbar{background:#fff!important;background-image:none!important}
 body .jc-product-mobile-shell .jc-repair-table td{color:#334155!important;background:#fff!important}
 body .jc-product-mobile-shell .jc-resource-list-v9 .tbl_head01 tbody td{color:#334155!important;background:#fff!important}
}

/* =======================================================================
   JINCOM WHITE V5 (2026-10-31) - REQUESTED SHELL BACKGROUND FIX ONLY
   Affected boards: sub0303 (repair request + status),
                    sub0205 (buy/repair log list + write + view).
   The surrounding board shell still inherited #070b12 from default.css.
   No layout, behavior, PHP, JS, forms, DB, other board styles changed.
   ======================================================================= */
body .jc-board-shell.jc-request-shell,
body .jc-board-shell.jc-buy-board-shell {
  background:#ffffff !important;
  background-image:none !important;
  color:#334155 !important;
}


/* ========================================================================
   JINCOM WHITE V6 2026-10-31 | MSN-style typography legibility ONLY
   No PHP, JS, business hours, layout, font-size, links, forms, or DB changes.
   English: Windows Segoe UI / Segoe UI Variable; Korean: Malgun Gothic.
   Use local system fonts: no added network font download.
   ======================================================================== */
:root {
  --jc-font-sans: 'Segoe UI Variable', 'Segoe UI', 'Malgun Gothic',
    '맑은 고딕', -apple-system, BlinkMacSystemFont,
    'Apple SD Gothic Neo', 'Noto Sans KR', Arial, sans-serif;
  --jc-font-num: 'Segoe UI Variable', 'Segoe UI', 'Malgun Gothic',
    '맑은 고딕', Arial, sans-serif;
}
/* Maintain every existing font-size and element dimension. */
html, body,
#jc-header, #jc-nav, #jc-content, #jc-footer,
#m-header, #m-nav, #m-content, #m-footer,
.jc-board-shell, .jc-product-mobile-shell {
  font-family: var(--jc-font-sans) !important;
}
body {
  font-weight: 500;
  letter-spacing: -0.012em;
  text-rendering: optimizeLegibility;
}
button, input, textarea, select {
  font-family: var(--jc-font-sans) !important;
}
/* Slightly clearer typography on main page and visible navigation only.
   Explicit product prices, stats, bold headings and editor content retain
   their existing typography and sizes. */
#jc-nav .jc-nav-main, #jc-nav .jc-dropdown a,
#m-nav .m-nav-link, #m-nav .m-nav-group-title {
  font-weight: 700;
}
.hero-desc, .hero-point, .jc-product-card p,
.jc-board-shell .frm_info {
  font-weight: 500;
}
/* REVIEW: white text on the original green CTA. Force glyph paint color as
   old theme can retain a separate -webkit-text-fill-color. */
body .hero-channel-actions a.hero-channel-naver-review,
body .hero-channel-actions a.hero-channel-naver-review span,
body .hero-link-panel a.hero-channel-naver-review,
body #m-content a[href*="map.naver.com"][href*="review"],
body .main-map a[href*="map.naver.com"][href*="review"],
body .main-services a[href*="map.naver.com"][href*="review"] {
  font-family: var(--jc-font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
}
/* Avoid altering normal Naver review hyperlinks elsewhere. No link targets or
   click behavior modified. */
/* OPEN badge: scripts still decide text/status/time. Only presentation varies
   with the inline state-specific colors set by the existing scripts. */
#jc-open-badge, #jc-open-badge-m {
  font-family: var(--jc-font-sans) !important;
  font-weight: 700 !important;
  letter-spacing: -0.012em !important;
  text-shadow: none !important;
}
/* Open: original #00e5d0 -> deep green on pale mint. */
#jc-open-badge:is([style*="rgb(0, 229, 208)"],[style*="#00e5d0"]),
#jc-open-badge-m:is([style*="rgb(0, 229, 208)"],[style*="#00e5d0"]) {
  color: #065f46 !important;
  -webkit-text-fill-color: #065f46 !important;
  background: #dcfce7 !important;
  border-color: #16a34a !important;
}
#jc-open-badge:is([style*="rgb(0, 229, 208)"],[style*="#00e5d0"]) > span,
#jc-open-badge-m:is([style*="rgb(0, 229, 208)"],[style*="#00e5d0"]) > span {
  background: #059669 !important;
  box-shadow: 0 0 0 2px rgba(5,150,105,.14) !important;
}
/* Lunch: darker amber on an ivory background. */
#jc-open-badge:is([style*="rgb(252, 211, 77)"],[style*="#fcd34d"]),
#jc-open-badge-m:is([style*="rgb(252, 211, 77)"],[style*="#fcd34d"]) {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
  background: #fef3c7 !important;
  border-color: #d97706 !important;
}
/* Closed: slate text, same existing closed/open hours calculation. */
#jc-open-badge:is([style*="rgb(148, 163, 184)"],[style*="#94a3b8"]),
#jc-open-badge-m:is([style*="rgb(148, 163, 184)"],[style*="#94a3b8"]) {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}


/* ========================================================================
   JINCOM WHITE V7 - ALL PUBLIC PAGE TYPOGRAPHY OVERRIDE (FONT ONLY)
   2026-10-31
   V6 changed fonts only on the body and a few wrappers. Many descendants
   have explicit font-family declarations in inline styles / board skins.
   Set font-family directly on rendered text nodes on ALL pages that load
   jc_white_theme.css, including embedded CSS on PHP-generated pages.
   Exclude icon-font glyphs, SVG shapes and monospace/code regions.
   NO COLOR, BACKGROUND, SIZE, SPACING, GEOMETRY, JS, PHP OR DB CHANGES.
   ======================================================================== */
:root {
  --jc-font-sans: 'Segoe UI Variable', 'Segoe UI', 'Malgun Gothic', '맑은 고딕',
    'Apple SD Gothic Neo', 'Noto Sans KR', Arial, sans-serif;
  --jc-font-num: 'Segoe UI Variable', 'Segoe UI', 'Malgun Gothic', '맑은 고딕', Arial, sans-serif;
}
html, body {
  font-family: var(--jc-font-sans) !important;
}
/* Strong enough to override individually styled elements, not only inherit
   from their containers. Icon fonts retain their own families below. */
html body *:not(i):not(svg):not(path):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class^="fa-"]):not([class*=" fa-"]):not([class^="icon-"]):not([class*=" icon-"]):not([class^="glyphicon"]):not([class*=" glyphicon"]):not(.material-icons):not(.material-symbols-outlined):not([class^="xi-"]):not([class*=" xi-"]):not(pre):not(code):not(kbd):not(samp) {
  font-family: var(--jc-font-sans) !important;
}
/* Preserve glyphs in icon-font libraries; pure CSS pseudo icons stay intact. */
html body :is(.fa,.fas,.far,.fab,.fal,.fad,[class^="fa-"],[class*=" fa-"]) {
  font-family: FontAwesome !important;
}
/* Subtrees of code blocks retain fixed-width text even when styled spans
   appear inside pre/code. This touches font-family only. */
html body :is(pre,code,kbd,samp),
html body :is(pre,code,kbd,samp) * {
  font-family: monospace !important;
}
/* Malgun Gothic on Windows has mostly regular and bold cuts. Give normal
   content a stable readable weight, without flattening bold headings,
   highlighted prices, navigation CTAs or product title hierarchy. */
html body :is(p,dd,dt,figcaption,summary,legend,small,td,textarea,select,label),
html body :is(.hero-desc,.hero-sub,.hero-point,.hero-badge,
  .section-desc,.section-sub,.m-desc,.m-card-desc,
  .jc-product-card p,.jc-product-toolbar span,
  .jc-repair-table td,.jc-repair-table th,
  .jc-usedpc-seo-intro p,.jc-resource-list-v9 td,
  #bo_v_con p,#bo_v_con td,.tbl_frm01 td,.frm_info) {
  font-weight: 600 !important;
}
/* Readability of meta labels and status pills at their original sizes. */
html body :is(.jc-open-badge,.hero-badge,#jc-open-badge,#jc-open-badge-m,
  .m-tag-item,.m-card-tags span,.hero-channel-btn,
  .jc-product-meta-row,.jc-product-hit,.trust-sub,
  .jc-repair-list-head,.jc-repair-list-wrap .jc-repair-table th) {
  font-weight: 700 !important;
}
/* Keep headings and emphasis in their original strong-weight hierarchy.
   A global 600 rule must never flatten <strong>, title classes or h1-h6. */
