/* Same brand palette and type variables as the existing website. */
body.service-hub,body.guide-page{background:#f8f4ed;color:#15130f;font-family:"Archivo","Noto Sans TC",-apple-system,"Segoe UI",sans-serif;line-height:1.8;letter-spacing:0}
.service-hub .sw-site-header,.guide-page .sw-site-header{background:#35332f}
.service-hub a:focus-visible,.guide-page a:focus-visible{outline:2px solid #914020;outline-offset:5px}
.service-hub .sw-site-header a:focus-visible,.guide-page .sw-site-header a:focus-visible{outline-color:#fff}
.service-main{max-width:1280px;margin:auto;padding:158px 40px 80px}
.service-intro{margin-bottom:60px}
.service-kicker{color:#6b6258;font-size:13px;margin:0 0 14px;letter-spacing:.08em}
.service-main h1{font-size:36px;line-height:1.4;margin:0 0 20px;font-weight:500;letter-spacing:0}
.service-lead{font-size:18px;line-height:1.9;color:#4a453e;margin:0;max-width:680px}
.service-jumps{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid #cfc7bb;border-bottom:1px solid #cfc7bb;margin-top:34px;padding:10px 0}
.service-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:none}
.service-main a:hover{color:#914020}
.service-block{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:50px;padding:48px 0;border-bottom:1px solid #cfc7bb;scroll-margin-top:120px}
.service-copy{min-width:0}
.service-main h2{font-size:27px;font-weight:500;line-height:1.5;margin:0 0 18px;letter-spacing:0}
.service-copy p,.service-planning p,.service-next p{font-size:16px;color:#4a453e;line-height:1.9;max-width:610px;margin:0 0 24px}
.service-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.service-actions a,.service-planning>a{display:inline-flex;align-items:center;min-height:44px;line-height:1.7;text-decoration:underline;text-underline-offset:5px;font-size:15px}
.service-main a.service-primary{color:#914020;font-weight:500}
.service-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-width:0}
.service-project{display:block;min-width:0;text-decoration:none}
.service-project img{width:100%;height:auto;display:block;object-fit:contain;background:#e9e3d8}
.service-project strong{font-size:17px;font-weight:500;line-height:1.6;display:block;margin-top:12px}
.service-project span{display:block;font-size:13px;line-height:1.8;margin-top:4px;color:#645b51}
.service-planning{display:flex;gap:48px;justify-content:space-between;align-items:center;padding:44px 32px;margin:40px 0 0;background:#eee7dc;scroll-margin-top:120px}
.service-planning p{margin:0;max-width:660px}
.service-planning>a{flex-shrink:0}
.service-next{display:flex;justify-content:space-between;gap:48px;padding:56px 0 0;align-items:start}
.service-next p{margin:0}
.service-next .service-actions{flex-shrink:0}
.guide-page main{padding-top:140px}
.guide-page .heading{max-width:868px;margin:0 auto 28px;padding:0 24px}
.guide-page .eyebrow{font-family:inherit;font-size:13px;color:#75614d;letter-spacing:.06em;margin:0 0 12px}
.guide-page h1{font-size:32px;line-height:1.6;font-weight:500;letter-spacing:0;margin:0}
.guide-page h1 span{display:block;font-size:21px;font-weight:400;color:#645b51;line-height:1.8;margin-top:6px}
.guide-page .cover{max-width:1120px;margin:0 auto 40px;padding:0 24px}
.guide-page figure img{width:100%;height:auto;display:block;object-fit:contain}
.guide-page figcaption{font-size:13px;line-height:1.8;color:#645b51;margin-top:10px}
.guide-page article{max-width:868px;margin:0 auto 64px;padding:0 24px}
.guide-page article p,.guide-page article li{font-size:17px;line-height:1.95;color:#4a453e;letter-spacing:0}
.guide-page article h2{font-size:24px;line-height:1.6;font-weight:500;margin:40px 0 16px;letter-spacing:0}
.guide-page article figure{margin:28px 0}
.guide-page article ul{list-style:disc;padding-left:24px}
.guide-page article li{padding:4px 0}
.guide-page article a{color:#914020;text-decoration:underline;text-underline-offset:5px}
.guide-page .cta{padding:22px 0;margin:32px 0;border-top:1px solid #cfc7bb}
.guide-page .cta a{display:inline-flex;align-items:center;min-height:44px;font-size:17px;line-height:1.8}
.service-hub .site-footer,.guide-page .site-footer{margin-top:0}
@media(max-width:1000px){.service-main{padding:132px 28px 56px}.service-block{gap:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.service-planning,.service-next{gap:28px}.service-planning>a{flex-shrink:1}}
@media(max-width:760px){.service-main{padding:112px 20px 48px}.service-main h1{font-size:28px}.service-main h2{font-size:23px}.service-lead{font-size:16px}.desktop-break{display:none}.service-intro{margin-bottom:20px}.service-jumps{gap:4px 20px;margin-top:26px}.service-jumps a{font-size:14px}.service-block{grid-template-columns:1fr;gap:24px;padding:32px 0;scroll-margin-top:90px}.service-projects{gap:14px}.service-project strong{font-size:15px}.service-project span{font-size:12px}.service-planning{display:block;margin-top:30px;padding:26px 20px;scroll-margin-top:90px}.service-planning>a{margin-top:14px}.service-next{display:block;padding-top:36px}.service-next .service-actions{margin-top:18px}.guide-page main{padding-top:110px}.guide-page .heading{padding:0 20px;margin-bottom:24px}.guide-page h1{font-size:26px}.guide-page h1 span{font-size:18px}.guide-page .cover{padding:0 20px;margin-bottom:28px}.guide-page article{padding:0 20px;margin-bottom:44px}.guide-page article p,.guide-page article li{font-size:16px}.guide-page article h2{font-size:22px;margin-top:32px}}
@media(max-width:360px){.service-projects{grid-template-columns:1fr}.service-project strong{font-size:16px}.service-jumps{gap:2px 16px}}
