/* 知識庫文章與服務內頁共用版型 */
.page-article header .logo,.page-article .nav-links a:not(.btn){color:var(--navy)}
.page-article .burger i{background:var(--navy)}
.page-article .nav-links a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--brick);text-decoration-thickness:2px;text-underline-offset:6px}
.article-head{padding-top:176px;padding-bottom:44px}
.article-head .kicker{margin-bottom:20px}
.article-head h1{font-size:clamp(34px,4.1vw,48px);line-height:1.22;max-width:920px;margin-bottom:0;overflow-wrap:anywhere}
.article-summary{font-size:17px;line-height:1.8;max-width:760px;margin-top:24px}
.kb-article .article-head h1{max-width:760px;margin-inline:auto;text-align:center}
.article-head .btns{margin-top:28px}
.article-hero{width:100%;aspect-ratio:16/9;min-height:0}
.article-hero.image-hero{overflow:hidden;background:var(--slot-bg)}
.article-hero.image-hero img{width:100%;height:100%;object-fit:cover}
.article-hero.smart{max-width:720px;margin-inline:auto}
.article-copy{width:calc(100% - 40px);max-width:760px;margin-inline:auto;font-size:16.5px;line-height:1.95;overflow-wrap:anywhere}
.article-copy-source{padding-top:8px}
.article-meta{display:flex;flex-wrap:wrap;gap:7px 20px;padding:18px 0 20px;border-top:1px solid rgba(235,237,239,.16);color:var(--ink-2);font-size:14px;line-height:1.6}
.article-copy-source h2{font-size:26px;line-height:1.4;margin:62px 0 20px}
.article-copy-source h3{font-size:19px;line-height:1.5;margin:38px 0 14px}
.article-copy-source p{margin:0 0 20px}
.article-copy-source ul,.article-copy-source ol{margin:0 0 24px;padding-left:1.5em}
.article-copy-source li{padding-left:.2em;margin-bottom:8px}
.article-copy-source blockquote.ai-summary{margin:0 0 48px;padding:2px 0 2px 22px;border-left:3px solid var(--brick-2);font-size:17px;line-height:1.85}
.article-copy-source blockquote.ai-summary p{margin:0}
.article-copy-source .faq-question{font-weight:600;margin-top:28px;margin-bottom:4px}
.article-copy-source .faq-question strong{font-weight:600}
.article-copy-source a{color:var(--brick);text-decoration:underline;text-decoration-color:rgba(255,195,0,.55);text-underline-offset:3px}
.article-copy-source mark.todo{background:#fff0a8;color:var(--bg);padding:.08em .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.table-scroll{width:100%;overflow-x:auto;margin:26px 0 34px;-webkit-overflow-scrolling:touch}
.table-scroll table{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px;line-height:1.65}
.table-scroll th,.table-scroll td{padding:12px 14px;border:1px solid rgba(235,237,239,.2);text-align:left;vertical-align:top}
.table-scroll th{font-weight:600;background:transparent}
.article-links{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:56px 90px}
.article-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.service-copy{padding-top:82px}
.content-block{margin-bottom:76px}
.content-block h2{font-size:26px;line-height:1.35;margin-bottom:20px}
.content-slot{min-height:150px;align-items:flex-start;text-align:left;font-size:14px}
.photo-slot{min-height:280px}
.service-samples{list-style:disc;margin:28px 0 0 24px;display:grid;gap:22px;color:var(--navy)}
.service-samples li{padding-left:4px;font-size:16.5px}
.service-samples span,.service-samples small{display:block}
.service-samples small{font-size:15px;color:var(--slot-ink);line-height:1.8;margin-top:2px}
.service-links{flex-wrap:wrap}
.page-article .ab-cta{min-height:516px}
@media (prefers-reduced-motion:reduce){.page-article *{scroll-behavior:auto!important}.page-article .rv{transition:none!important}}
@media (max-width:820px){
  .page-article header.solid,.page-article header.open{background:rgba(9,17,30,.94)}
  .page-article header.solid .logo,.page-article header.open .logo,.page-article header.solid .nav-links a:not(.btn),.page-article header.open .nav-links a:not(.btn){color:#fff}
  .page-article header.solid .burger i,.page-article header.open .burger i{background:#fff}
  .article-head{padding-top:118px;padding-bottom:30px}
  .article-head h1{font-size:30px;line-height:1.3}
  .article-summary{font-size:16px;line-height:1.85;margin-top:18px}
  .article-copy-source h2,.content-block h2{font-size:21px}
  .article-copy-source h2{margin-top:48px}
  .article-copy-source h3{font-size:19px;margin-top:32px}
  .article-copy-source blockquote.ai-summary{font-size:17px;padding-left:17px;margin-bottom:40px}
  .service-copy{padding-top:58px}
  .content-block{margin-bottom:58px}
  .article-copy{width:calc(100% - 40px)}
  .article-links{padding-block:40px 64px}
  .article-hero.smart{max-width:720px}
}
@media (max-width:560px){
  .article-head{padding-top:106px}
  .article-head .btn{width:100%;justify-content:center;min-height:48px}
  .article-hero{width:100%}
  .service-links{display:grid;justify-content:start}
  .table-scroll{width:100%;max-width:100%}
  .page-article footer a{display:inline-flex;align-items:center;min-height:44px}
  .page-article footer .f-ic{width:44px;height:44px}
  .page-article .to-top,.page-article .dock-line,.page-article .dock-min,.page-article .dock-bubble,.page-article .chip{min-height:44px}
  .page-article .logo{display:inline-flex;align-items:center;min-height:44px}
  .page-article .dock-ask input,.page-article .dock-go{min-height:44px}
}

/* KB3：有主圖時才出現；寬度跟文章內文一致。 */
.article-head .kb-hero{width:100%;max-width:760px;aspect-ratio:16/9;margin:0 auto clamp(48px,6vw,72px);overflow:hidden;border-radius:4px}
.article-head .kb-hero img{width:100%;height:100%;object-fit:cover}


/* WO-20261012-12：重點快答資訊框 */
.kb-quick{
  width:100%;
  margin:32px 0;
  padding:28px 32px;
  border:2px solid var(--brick-2);
  border-radius:4px;
  background:transparent;
  background:color-mix(in srgb,var(--brick) 7%,var(--card));
  text-align:left;
}
.article-copy-source .kb-quick h2{margin-top:0;text-align:left}
.article-copy-source .kb-quick li{text-align:left}
.article-copy-source .kb-quick li:last-child{margin-bottom:0}
@media (max-width:640px){
  .kb-quick{padding:20px 18px}
}

.article-head a.kicker{width:fit-content;min-height:44px}
@media (hover:hover) and (pointer:fine){.article-head a.kicker:hover{text-decoration:underline;text-underline-offset:4px}}
.article-head a.kicker:focus-visible{outline:2px solid currentColor;outline-offset:4px}