/* r48：熱門落地頁「線上報修／預約檢測」入口；不縮小電話與 LINE。 */
.qq-r48-online{margin:14px 0 4px;padding:14px 16px;border:2px solid #193E82;border-radius:14px;background:#f5f8fc;max-width:560px}
.qq-r48-online a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border-radius:11px;background:#193E82;color:#fff!important;font-weight:900;text-decoration:none;font-size:1.02rem}
.qq-r48-online a:focus-visible{outline:3px solid #193E82;outline-offset:3px}
.qq-r48-online p{margin:8px 0 0;font-size:.9rem;line-height:1.6;color:#1F2937}
@media (max-width:767px){
.mobile-sticky.line-call-enabled.qq-r48-four{display:flex!important;gap:4px!important}
.mobile-sticky.qq-r48-four a{flex:1 1 0;min-width:0;margin-left:0!important;padding:8px 3px!important;font-size:max(var(--q842-min-font-size, 0px), .76rem)!important;gap:3px!important;flex-direction:column;text-align:center;line-height:1.2}
.mobile-sticky.qq-r48-four a.qq-r48-sticky-online{background:#A9561A!important;color:#fff!important}
}
.mobile-sticky a.qq-r48-sticky-online:focus-visible{outline:3px solid #193E82;outline-offset:2px}

/* r63b 全站外框名片色（頁首、頂部資訊列、頁尾、手機底部聯絡列）
   名片色：寶藍 #193E82／#18367C／#152E7E、橘 #D97827；藍底文字 #FFFFFF／#E6ECF5；白底文字 #193E82／#1F2937；
   白字按鈕底 #A9561A；LINE 綠為 LINE 官方識別色，保留不動（不覆寫 --green 與 LINE 按鈕）。
   只在外框容器內改寫 --navy／--orange，內文區塊不受影響。 */
.topbar,.site-header,.site-footer,.mobile-sticky,.qq-std-head{--navy:#193E82;--navy-2:#18367C;--orange:#D97827}
/* 頂部資訊列 */
.topbar{background:#193E82;color:#E6ECF5}
.topbar a,body .qq-std-head .topbar a{color:#E6ECF5}
.topbar a:hover,body .qq-std-head .topbar a:hover{color:#fff}
/* 頁首 */
.site-header .brand-copy b,.qq-std-head .brand-copy b{color:#193E82}
.site-header .brand-copy small,body .qq-std-head .brand-copy small{color:#1F2937}
.site-header .nav-link,body .qq-std-head .nav-link{color:#1F2937}
.site-header .nav-link:hover,.site-header .nav-link.active,body .qq-std-head .nav-link:hover,body .qq-std-head .nav-link.active{color:#193E82;background:#eef2f9}
.site-header .nav-link.active,body .qq-std-head .nav-link.active{box-shadow:inset 0 -2px #B45309}
.site-header .menu-toggle,body .qq-std-head .menu-toggle{background:#eef2f9}
.site-header .menu-toggle span,body .qq-std-head .menu-toggle span{background:#193E82}
.site-header .btn-primary,.qq-std-head .btn-primary{background:#A9561A;color:#fff;box-shadow:0 10px 24px rgba(169,86,26,.25)}
.site-header .btn-primary:hover,.qq-std-head .btn-primary:hover{box-shadow:0 14px 32px rgba(169,86,26,.32)}
.site-header .btn-secondary,.qq-std-head .btn-secondary{background:#193E82;color:#fff}
.site-header .btn-ghost,body .qq-std-head .btn-ghost{border-color:#cfd9ea;background:#fff;color:#193E82}
body .qq-std-head .btn-call-soft{border-color:#193E82;color:#193E82}
/* 焦點框：白底區（頁首、手機底部列）用寶藍；藍底區（頂部列、頁尾）用 #F0A35E */
.site-header a:focus-visible,.site-header button:focus-visible,.qq-std-head a:focus-visible,.qq-std-head button:focus-visible,.mobile-sticky a:focus-visible{outline:3px solid #193E82;outline-offset:2px}
.topbar a:focus-visible,.site-footer a:focus-visible,body .qq-std-head .topbar a:focus-visible{outline:3px solid #F0A35E;outline-offset:2px}
/* 頁尾 */
.site-footer{background:#152E7E;color:#E6ECF5}
.site-footer .footer-logo small,.site-footer .footer-brand p,.site-footer .contact-list small,.site-footer .footer-bottom,.site-footer .footer-links a,.site-footer .contact-list a{color:#E6ECF5}
.site-footer .footer-links a:hover,.site-footer .contact-list a:hover,.site-footer .footer-bottom a:hover{color:#fff}
.site-footer .footer-icon{color:#F0A35E}
.site-footer .footer-bottom{border-top-color:rgba(230,236,245,.22)}
/* 手機底部聯絡列：撥打由容器內 --navy 改為寶藍（不另寫高權重選擇器，原 hover／active 規則照舊）；線上報修 #A9561A 見 inquiry-entry r63b 檔；LINE 綠保留 */
.mobile-sticky{box-shadow:0 -8px 25px rgba(25,62,130,.16)}
/* 頂部列分隔線（裝飾）與手機選單內 LINE 鈕文字：維持 LINE 綠，字改白色（4.99:1） */
.topbar .divider{opacity:1;color:rgba(230,236,245,.75)}
.mobile-panel .btn-line,.mobile-panel-actions .btn-line{color:#fff}
/* 頁尾標誌在寶藍底上不易辨識：加白色圓角底 */
.site-footer .footer-logo img{background:#fff;border-radius:12px;padding:4px;box-sizing:border-box}
/* 英文、日文首頁（簡易版型 header.nav＋footer）：頁首品牌名與頁尾文字改名片色 */
body>header.nav strong{color:#193E82}
body>header.nav~footer{color:#1F2937;border-top-color:#cfd9ea}
/* 手機寬度頁首為 sticky：鍵盤聚焦捲動時保留頁首高度，避免焦點元素停在頁首後面（桌面已有 r58 的 scroll-margin-top:110px） */
@media(max-width:720px){html{scroll-padding-top:96px}}

/* Q842：手機字級下限；桌面保留原值。 */
@media screen and (max-width: 767px) { :root { --q842-min-font-size: max(14px, .875rem); } }

/* Q842：手機資訊字、聯絡列與觸控空間。只在 767px 以下生效。 */
@media screen and (max-width: 767px) {
  :root { --q842-min-font-size: max(14px, .875rem); }
  body small { font-size: max(14px, .875em); line-height: 1.6; }
  .brand-copy b { line-height: 1.4; }
  .brand-copy small, .footer-logo small { font-size: max(14px, .875rem); line-height: 1.6; white-space: normal; letter-spacing: 0; }
  .brand-copy, .footer-logo > span { min-width: 0; }
  .footer-logo { align-items: center; }
  .footer-logo > span { overflow-wrap: anywhere; }
  #q350-answer-label, .q79-answer > strong { font-size: max(14px, .875rem); line-height: 1.6; }
  .topbar, .qqsvc-check > header small, .qqsvc-check > footer,
  .knowledge-local-note, .knowledge-status, .knowledge-group-heading p,
  .knowledge-group-count, .knowledge-kicker, .knowledge-card-summary,
  .knowledge-card-figure figcaption, body:has(.knowledge-filters) .article-body .text-link, .knowledge-grid .text-link,
  .knowledge-group .text-link { font-size: max(14px, .875rem) !important; line-height: 1.6; }
  .qqsvc .qqsvc-check header small, .qqsvc .qqsvc-check footer {
    font-size: max(14px, .875rem) !important; line-height: 1.6; color: #526379;
  }
  .qq-surcharge-card b { color: #A9561A !important; }
  #public-prices td[data-label]::before { font-size: max(14px, .875rem) !important; line-height: 1.6; }
  .q215r-hero-visual::before { font-size: max(14px, .875rem) !important; line-height: 1.6; }
  .mobile-sticky.mobile-sticky a, .mobile-sticky.qq-r48-four a {
    min-width: 0; min-height: 64px; padding: 6px 4px !important;
    font-size: max(14px, .875rem) !important; line-height: 1.5;
    flex-direction: column; justify-content: center; gap: 4px !important;
    white-space: normal; text-align: center;
  }
  .mobile-sticky.mobile-sticky a > span { font-size: inherit; line-height: inherit; min-width: 0; overflow-wrap: anywhere; }
  .mobile-sticky.mobile-sticky a:not([data-line-call]):not(.qq-bar-cart):not([hidden]) { display: flex; }
  .mobile-sticky.mobile-sticky a > svg { width: 20px; height: 20px; flex: 0 0 20px; }
  .mobile-sticky.mobile-sticky a[href^="tel:"] { background: #193E82; color: #fff; }
  .mobile-sticky.mobile-sticky a.line { background: #00813c; color: #fff; }
  .mobile-sticky.mobile-sticky a.qq-r48-sticky-online { background: #A9561A; color: #fff; }
  :is(.site-header, .qq-std-head) .menu-toggle { min-width: 44px; min-height: 44px; }
  :is(.site-footer, .article-related) a { display: inline-flex; min-height: 44px; align-items: center; max-width: 100%; }
  .site-footer .footer-links a { padding-block: 4px; }
  .site-footer .contact-list small, .site-footer .footer-bottom { line-height: 1.6; }
  html { scroll-padding-bottom: calc(116px + env(safe-area-inset-bottom)); }
  body:has(.mobile-sticky) { padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
}