/* Service pages share the real site header and inherit its typography. No surrounding card. */
body.is-service{min-height:100svh;display:flex;flex-direction:column}
body.is-service>.header{flex-shrink:0}
.layout.layout--service{display:flex;flex:1;flex-direction:column;align-items:stretch;width:100%;max-width:none;margin:0;padding:0;gap:0;grid-template-rows:none}
.layout.layout--service>:not(.service-page){display:none!important}
body.is-service .chat-launcher,body.is-service .chat-backdrop{display:none!important}
.service-page{--service-text:#19191c;--service-muted:#858995;--service-border:#e1ded9;--service-button:#fff;flex:1;display:flex;flex-direction:column;align-self:stretch;width:100%;color:var(--service-text);min-width:0}
.service-page[hidden]{display:none}
.service-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:35px 24px 54px;min-height:660px}
.service-content{width:100%;max-width:720px;text-align:center}
.service-art{height:260px;width:min(400px,100%);margin:0 auto 14px;position:relative}
.service-art img{position:absolute;left:50%;top:50%;width:320px;height:320px;max-width:none;transform:translate(-50%,-50%);object-fit:contain;user-select:none;pointer-events:none}
.service-page[data-service="404"] .service-art img{width:400px;height:400px}
.service-status{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--orange);margin:0 0 12px}
.service-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
.service-page h1{font-size:36px;line-height:1.18;letter-spacing:-1.1px;font-weight:750;margin:0 auto 17px;outline:none;text-wrap:balance}
.service-description{white-space:pre-line;font-size:16px;line-height:1.65;color:var(--service-muted);margin:0}
.service-account{font-size:12px;color:var(--service-muted);margin:17px 0 0}.service-account span{color:var(--service-text);font-weight:600}
.service-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:27px 0 0}
.service-actions .primary,.service-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}
.service-actions svg,.service-note svg{width:19px;height:19px;flex:none}
.service-secondary{background:var(--service-button);border:1px solid var(--service-border);color:var(--service-text)}
.service-secondary:hover{border-color:#ff9a65}.service-actions button:disabled{opacity:.65;cursor:wait}
.service-actions :focus-visible,.service-note :focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.service-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--service-muted);margin-top:23px;line-height:1.6}
.service-note a,.service-note button{font:inherit;color:inherit;text-underline-offset:4px;background:transparent;border:0;padding:2px;text-decoration:underline;cursor:pointer}
.service-note a:hover,.service-note button:hover{color:var(--orange)}.service-note svg{width:15px;height:15px}
.service-footer{display:flex;justify-content:space-between;align-items:center;padding:24px max(28px,calc((100vw - 1600px)/2));border-top:1px solid var(--service-border);color:var(--service-muted);font-size:12px;gap:20px}
:root[data-theme="dark"] .service-page{--service-text:#e8e9ed;--service-muted:#9298a3;--service-border:#2e3239;--service-button:#22262c}
@media(max-width:760px){.service-hero{min-height:560px;padding:24px 18px 38px}.service-content{max-width:460px}.service-art{width:min(300px,100%);height:210px;margin-bottom:16px}.service-art img{width:270px;height:270px}.service-page[data-service="404"] .service-art img{width:320px;height:320px}.service-page h1{font-size:28px;letter-spacing:-.8px;max-width:420px;margin-bottom:14px}.service-description{font-size:14px;line-height:1.65}.service-actions{gap:10px;margin-top:23px}.service-actions .primary,.service-secondary{font-size:13px;min-height:46px;padding:12px 17px}.service-status{font-size:12px}.service-note{margin-top:21px;font-size:11px}.service-footer{padding:20px 20px calc(20px + env(safe-area-inset-bottom));font-size:11px}}
@media(max-width:359px){.service-art{height:180px}.service-art img{width:235px;height:235px}.service-page[data-service="404"] .service-art img{width:275px;height:275px}.service-page h1{font-size:25px}.service-actions{flex-direction:column;align-items:stretch;max-width:280px;margin-left:auto;margin-right:auto}.service-description{font-size:13px}}
