/* 共用外框引用原主題；此檔僅處理服務內容。 */
html:has(.service-page) { scroll-padding-top:96px; }
.service-page { color:#212529; }
.service-page .page-section { padding:64px 24px; }
.service-page .inner-hero__image { object-position:center 52%; }
.service-page--envelope .inner-hero__image { object-position:center 38%; }
.service-page .section-title { margin-bottom:44px; }
.service-skip { position:fixed; top:-100px; left:12px; z-index:60; padding:12px 20px; background:var(--srt-gold); }
.service-skip:focus { top:12px; outline:3px solid #005fcc; }
.service-intro { position:relative; }
.service-intro::before { position:absolute; top:24%; left:0; content:url('../images/site/deco-logo.svg'); transform:translateX(-83%); pointer-events:none; }
.service-intro > * { position:relative; }
.intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.intro-copy { padding-left:36px; }
.service-kicker { display:inline-block; margin-bottom:18px; padding-left:12px; border-left:5px solid var(--srt-gold); font-size:16px; font-weight:700; }
.intro-copy h2 { margin:0 0 24px; font-size:28px; font-weight:500; line-height:1.6; }
.intro-copy > p:not(.service-kicker) { margin-top:20px; font-size:16px; line-height:1.75; color:#626262; }
.intro-photo, .book-spec-layout figure, .envelope-detail-row figure { margin:0; }
.intro-photo img, .book-spec-layout img { width:100%; height:auto; }
.service-page figcaption { margin-top:12px; color:#626262; font-size:13px; line-height:1.7; }
.intro-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; margin-top:32px; }
.service-inline-link { display:inline-flex; min-height:44px; align-items:center; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.service-page .service-situations { padding-top:40px; }
.purpose-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.purpose-columns article { padding-left:20px; border-left:1px solid #d2d2d2; }
.purpose-columns article > span, .detail-number { display:inline-block; margin-bottom:16px; color:#626262; font:400 26px/1.5 Arial,sans-serif; border-bottom:5px solid var(--srt-gold); }
.purpose-columns h3 { margin-bottom:12px; font-size:20px; font-weight:500; line-height:1.5; }
.purpose-columns p, .detail-copy > p { color:#626262; font-size:16px; line-height:1.75; }
.service-specifications { background:rgba(255,255,255,.8); }
.book-spec-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center; }
.service-spec-table { width:100%; border-collapse:collapse; font-size:15px; line-height:1.7; }
.service-spec-table caption { padding:14px 18px; background:var(--srt-gold); color:#212529; font-size:17px; text-align:left; }
.service-spec-table th, .service-spec-table td { padding:15px 16px; border-bottom:1px solid #ddd; vertical-align:top; text-align:left; }
.service-spec-table th { width:28%; font-weight:500; white-space:nowrap; }
.service-spec-table td { color:#626262; }
.service-spec-note { margin-top:20px; color:#626262; font-size:13px; line-height:1.75; }
.service-process .step-row h3 { font-weight:500; }
.service-page .service-process { padding-block:72px; }
.service-page .service-cases { padding-top:48px; }
.service-more { margin-top:40px; text-align:center; }
.service-contact { background:rgba(255,255,255,.8); text-align:center; }
.service-contact .section-title { margin-bottom:24px; }
.service-contact .shell > p:not(.service-more) { color:#626262; font-size:16px; line-height:1.8; }
.envelope-intro-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }
.envelope-intro .intro-photo { padding-left:36px; }
.envelope-intro .intro-photo img { width:100%; max-height:550px; object-fit:cover; object-position:center 45%; }
.envelope-intro .intro-copy { padding-left:0; padding-right:36px; }
.envelope-purpose { display:grid; grid-template-columns:110px 1fr; column-gap:20px; row-gap:15px; margin-top:28px; padding-block:24px; border-block:1px solid #ddd; }
.envelope-purpose h3 { font-size:16px; font-weight:500; border-left:4px solid var(--srt-gold); padding-left:10px; }
.envelope-purpose p { font-size:15px; color:#626262; }
.envelope-detail-row { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:80px; }
.envelope-detail-row + .envelope-detail-row { grid-template-columns:.9fr 1.1fr; margin-top:64px; padding-top:64px; border-top:1px solid #ddd; }
.envelope-detail-row img { width:100%; height:350px; object-fit:cover; object-position:center 64%; }
.envelope-detail-row--reverse img { object-fit:contain; background:white; }
.detail-copy { padding-inline:36px; }
.detail-copy h3 { margin-bottom:20px; font-size:22px; font-weight:500; line-height:1.5; }
.detail-copy dl { margin:24px 0 0; }
.detail-copy dl > div { display:grid; grid-template-columns:100px 1fr; gap:16px; padding-block:12px; border-top:1px solid #ddd; font-size:15px; }
.detail-copy dt { font-weight:500; }
.detail-copy dd { margin:0; color:#626262; }
@media (max-width:1100px) {
 .intro-grid, .book-spec-layout, .envelope-intro-grid, .envelope-detail-row, .envelope-detail-row + .envelope-detail-row { gap:40px; }
 .intro-copy, .envelope-intro .intro-photo { padding-left:0; }
 .envelope-intro .intro-copy { padding-right:0; }
 .detail-copy { padding-inline:0; }
}
@media (max-width:900px) {
 .service-page .page-section { padding:48px 20px; }
 .intro-grid, .book-spec-layout, .envelope-intro-grid, .envelope-detail-row, .envelope-detail-row + .envelope-detail-row { grid-template-columns:1fr; gap:32px; }
 .intro-photo { max-width:560px; margin-inline:auto; }
 .book-spec-layout figure { max-width:500px; margin-inline:auto; }
 .purpose-columns { gap:24px; }
 .purpose-columns h3 { font-size:18px; }
 .purpose-columns p { font-size:15px; }
 .service-process .step-row { gap:56px; }
 .envelope-intro .intro-photo { width:min(420px,100%); }
 .envelope-intro .intro-photo img { max-height:480px; }
 .envelope-detail-row img { height:360px; }
 .envelope-detail-row--reverse figure { order:2; }
 .envelope-detail-row + .envelope-detail-row { margin-top:40px; padding-top:40px; }
}
@media (max-width:540px) {
 .service-page .page-section { padding:43.2px 10px; }
 .service-page .section-title { margin-bottom:32px; }
 .service-intro::before { display:none; }
 .intro-copy h2 { font-size:24px; margin-bottom:20px; }
 .intro-copy > p:not(.service-kicker), .purpose-columns p, .detail-copy > p, .service-contact .shell > p:not(.service-more) { font-size:14.4px; line-height:1.7; }
 .service-kicker { font-size:14.4px; }
 .intro-actions { gap:16px; margin-top:24px; }
 .purpose-columns { grid-template-columns:1fr; gap:28px; }
 .purpose-columns article { padding-left:16px; }
 .purpose-columns article > span { margin-bottom:10px; font-size:23px; }
 .purpose-columns h3 { font-size:18px; margin-bottom:8px; }
 .service-spec-table { font-size:13px; }
 .service-spec-table caption { font-size:15px; padding:12px; }
 .service-spec-table th, .service-spec-table td { padding:12px 10px; }
 .service-spec-table th { width:29%; }
 .service-page figcaption, .service-spec-note { font-size:12px; }
 .service-page .service-process { padding-block:43.2px; }
 .envelope-purpose { grid-template-columns:94px 1fr; gap:14px; }
 .envelope-purpose h3, .envelope-purpose p { font-size:14px; }
 .envelope-intro .intro-photo img { max-height:380px; }
 .envelope-detail-row img { height:280px; }
 .detail-copy h3 { font-size:20px; }
 .detail-copy dl > div { grid-template-columns:86px 1fr; gap:12px; font-size:14px; }
 .service-contact .shell > p br { display:none; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* 工單實作範例：維持原站字級、黃色重點與圖文節奏。 */
.workorder-lead { max-width:820px; margin:0 auto 28px; color:#626262; font-size:16px; line-height:1.8; text-align:center; }
.workorder-sample { padding-block:48px; border-bottom:1px solid #ddd; }
.workorder-sample:last-child { padding-bottom:0; border-bottom:0; }
.workorder-sample-heading { display:grid; grid-template-columns:48px 1fr; gap:6px 20px; align-items:center; margin-bottom:24px; }
.workorder-sample-heading .detail-number { grid-row:1/3; margin:0; justify-self:start; }
.workorder-sample-heading h3 { margin:0; font-size:22px; font-weight:500; line-height:1.6; }
.workorder-sample-heading > p { grid-column:2; color:#626262; font-size:14px; }
.workorder-sample-body { display:grid; grid-template-columns:0.65fr 1.35fr; align-items:start; gap:40px; }
.workorder-sample-body figure { margin:0; }
.workorder-sample-body img { width:100%; height:auto; max-height:440px; object-fit:contain; background:#fff; }
.workorder-sample-body .service-spec-table { table-layout:fixed; }
.workorder-sample-body .service-spec-table th { white-space:normal; width:26%; }
.workorder-sample-body .service-spec-table tr:first-child > * { border-top:1px solid #ddd; }
.workorder-text-example { padding:24px; background:#f7f7f7; border-left:4px solid var(--srt-gold); }
.workorder-text-example h4 { margin:0 0 20px; font-size:20px; font-weight:500; line-height:1.6; }
.workorder-text-example > p { font-size:14px; color:#626262; line-height:1.8; }
.service-case-binding { display:block; margin-top:10px; color:#626262; font-size:13px; font-weight:400; }
@media (max-width:900px) { .workorder-sample-heading { grid-template-columns:40px 1fr; gap:6px 16px; } .workorder-sample-body { grid-template-columns:1fr; gap:24px; } .workorder-sample-body figure { width:min(380px,100%); margin-inline:auto; }    }
@media (max-width:540px) { .workorder-lead { font-size:14.4px; text-align:left; }    .workorder-sample { padding-block:36px; } .workorder-sample-heading h3 { font-size:19px; } .workorder-sample-heading > p, .workorder-sample-body .service-spec-table th { width:29%; } .service-case-binding { font-size:12px; } }

.service-page--book .inner-hero__zh { font-size:clamp(1.627rem,2.85vw,2.5625rem); font-weight:500; line-height:1.5; }
.service-page--book .inner-hero__en { font-size:1rem; }
@media (max-width:540px) { .service-page--book .inner-hero__en { font-size:14.4px; } }