/* Shared reading and navigation layer; extends the existing personal and enterprise styles. */
.experience-edition { --experience-brand:#0d4d4a; --experience-ink:#102a2a; --experience-muted:#4d6261; --experience-line:#dbe4e1; font-size:17px; line-height:1.85; }
.experience-wrap { width:min(1120px,calc(100% - 48px)); margin-inline:auto; }
.experience-edition .experience-header { position:sticky; top:0; z-index:70; background:#fff; border-bottom:1px solid var(--experience-line); backdrop-filter:none; }
.header-inner { display:flex; align-items:center; justify-content:space-between; min-height:82px; gap:32px; position:relative; }
.experience-brand { display:flex; gap:12px; align-items:center; font-size:20px; font-weight:800; line-height:1.4; flex-shrink:0; color:var(--experience-ink); }
.experience-brand small { display:block; font-size:11px; color:var(--experience-muted); font-weight:500; letter-spacing:.06em; }
.brand-symbol { display:grid; place-items:center; width:42px; height:46px; background:var(--experience-brand); color:#fff; border-radius:13px 13px 13px 3px; font-family:serif; font-size:25px; }
.site-navigation { display:flex; align-items:center; gap:6px; font-size:14px; font-weight:650; }
.site-navigation > a,.nav-services > summary { display:flex; align-items:center; min-height:44px; padding:8px 12px; cursor:pointer; border-radius:6px; white-space:nowrap; }
.site-navigation a:hover,.nav-services > summary:hover,.site-navigation a[aria-current] { background:#edf4f2; color:var(--experience-brand); }
.site-navigation .header-contact { border:1px solid var(--experience-brand); color:var(--experience-brand); margin-left:6px; }
.nav-services { position:relative; border:0; margin:0; padding:0; background:none; }
.nav-services > summary { list-style:none; gap:7px; }
.nav-services > summary::after { content:'⌄'; font-size:14px; }
.nav-services > summary::-webkit-details-marker { display:none; }
.nav-services[open] > summary { background:#edf4f2; }
.service-menu { position:absolute; top:calc(100% + 8px); left:0; width:255px; padding:12px; background:#fff; border:1px solid var(--experience-line); box-shadow:0 12px 24px #102a2a14; border-radius:12px; }
.service-menu a { display:flex; min-height:44px; align-items:center; padding:5px 12px; border-radius:4px; }
.service-menu a:first-child { border-bottom:1px solid var(--experience-line); border-radius:0; margin-bottom:5px; color:var(--experience-brand); }
.menu-toggle { display:none; border:1px solid var(--experience-line); border-radius:6px; background:#fff; min-height:44px; padding:5px 13px; font-weight:700; color:var(--experience-ink); font-size:15px; }
.experience-edition .experience-hero { padding:58px 0; background:#edf4f2; border-bottom:1px solid var(--experience-line); }
.experience-edition .experience-hero h1 { max-width:900px; font-size:clamp(30px,3.5vw,46px); line-height:1.35; letter-spacing:-.025em; margin:8px 0 22px; text-wrap:pretty; }
.experience-edition .experience-hero .eyebrow { color:#7a4228; font-size:13px; letter-spacing:.07em; margin:0 0 15px; font-weight:750; }
.experience-lead { font-size:18px; color:var(--experience-muted); max-width:810px; line-height:1.95; margin:0 0 25px; }
.experience-edition .enterprise-hero { background:#164d40; color:white; }
.experience-edition .enterprise-hero .experience-lead { color:#e5f1eb; }
.experience-edition .enterprise-hero .eyebrow { color:#f3caaa; }
.experience-edition .actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:20px; }
.experience-edition .action-button { display:inline-flex; justify-content:center; align-items:center; padding:10px 20px; min-height:48px; border:1px solid var(--experience-brand); border-radius:8px; background:var(--experience-brand); color:white; font-size:16px; font-weight:700; line-height:1.6; cursor:pointer; }
.experience-edition .action-button.secondary { color:var(--experience-brand); background:transparent; }
.experience-edition .action-button:hover { background:#073a39; color:white; }
.experience-edition .enterprise-hero .action-button { background:white; color:#164d40; border-color:white; }
.experience-edition .enterprise-hero .action-button.secondary { background:transparent; color:white; }
.experience-edition .enterprise-hero .action-button:hover { background:#e5f1eb; color:#164d40; }
.home-intro-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.78fr); gap:64px; align-items:center; }
.experience-edition .home-intro { padding:68px 0; background:radial-gradient(ellipse at top right,#f2e9df55,transparent 60%),#f1f6f3; }
.experience-edition .home-intro h1 { font-size:clamp(32px,3.6vw,49px); line-height:1.35; }
.home-intro h1 > span { color:#285653; }
.home-intro .experience-lead { max-width:660px; font-size:17px; }
.lawyer-profile { padding:30px; border:1px solid #cfddd5; border-top:4px solid var(--experience-brand); border-radius:4px 4px 18px 18px; background:#ffffffb8; }
.lawyer-profile .profile-label { margin:0 0 26px; color:#64746e; font-size:12px; letter-spacing:.2em; }
.lawyer-profile h2 { font-size:34px; letter-spacing:.07em; margin:0; }
.lawyer-profile h2 span { font-size:17px; margin-left:12px; letter-spacing:0; }
.lawyer-profile .profile-firm { margin:0 0 28px; color:var(--experience-muted); }
.lawyer-profile dl { margin:0; font-size:14px; }
.lawyer-profile dl > div { padding:12px 0; border-top:1px solid var(--experience-line); }
.lawyer-profile dt { font-size:12px; color:#60706c; }
.lawyer-profile dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
.lawyer-profile > p:not(.profile-label):not(.profile-firm) { font-size:14px; margin:18px 0; }
.experience-edition .section { padding:62px 0; }
.experience-edition .section-head { margin:0 0 28px; }
.experience-edition .section-title { font-size:clamp(25px,2.4vw,32px); line-height:1.5; letter-spacing:-.02em; margin:0; }
.experience-edition .section-intro { color:var(--experience-muted); margin:12px 0 0; max-width:780px; font-size:16px; }
.experience-edition main p { text-wrap:pretty; }
.experience-edition .section-alt,.experience-edition .band { background:#f5f7f5; }
.service-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
.service-entry { display:block; padding:23px 4px; border-bottom:1px solid var(--experience-line); min-width:0; }
.service-entry:hover { background:#edf4f255; }
.directory-title { display:flex; justify-content:space-between; gap:16px; font-size:21px; font-weight:750; color:var(--experience-brand); line-height:1.6; }
.directory-title > span { font-size:21px; font-weight:400; }
.directory-description { display:block; font-size:15px; color:var(--experience-muted); line-height:1.8; margin-top:6px; }
.enterprise-entry { display:flex; justify-content:space-between; align-items:center; gap:32px; margin-top:36px; padding:28px 32px; background:#164d40; border-radius:12px; color:white; }
.enterprise-entry .eyebrow { color:#e9bd9e; font-size:12px; }
.enterprise-entry h3 { margin:6px 0; font-size:24px; color:white; }
.enterprise-entry p { color:#dfece5; margin:8px 0 0; font-size:16px; }
.enterprise-entry strong { white-space:nowrap; font-size:16px; }
.outcome-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.outcome { border-top:2px solid #b9cec2; padding:22px 0 0; }
.outcome .item-number { font-size:12px; color:#627b70; letter-spacing:.08em; }
.outcome h3 { font-size:20px; line-height:1.65; margin:8px 0 12px; }
.outcome p { margin:0; color:var(--experience-muted); font-size:16px; line-height:1.9; }
.service-example { padding:24px 28px; border-left:3px solid #bb774d; background:white; margin-top:32px; }
.service-example h3 { font-size:18px; margin:0 0 8px; }
.service-example p { margin:0; max-width:850px; font-size:16px; }
.experience-edition .scope-note { font-size:14px; color:#546760; margin:22px 0 0; }
.working-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:64px; }
.working-grid h3 { font-size:21px; margin:0 0 14px; }
.working-grid p { margin:0 0 16px; }
.engagement-note { padding:28px; background:#edf4f2; border-radius:12px; }
.engagement-note li { padding:5px 0; }
.engagement-note ul { padding-left:21px; }
.contact-end { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr); gap:52px; align-items:center; }
.contact-end p { margin-top:0; }
.experience-edition .tool-link { font-size:14px; margin:18px 0 0; }
.contact-end-note { padding-left:28px; border-left:1px solid #c4d2cb; font-size:15px; color:var(--experience-muted); }
.contact-end-note p { margin:10px 0 0; }
.provider-line { padding-top:18px; font-size:13px; color:var(--experience-muted); }
.experience-edition .page-jumps { gap:8px 30px; padding-block:12px; border-bottom:1px solid var(--experience-line); font-size:15px; font-weight:650; }
.experience-edition .page-jumps a { color:var(--experience-brand); min-height:44px; }
.experience-edition .breadcrumb { font-size:13px; padding-block:14px; }
.experience-edition main section[id],.experience-edition #main { scroll-margin-top:100px; }
.experience-edition .service-row { max-width:100%; grid-template-columns:minmax(190px,.7fr) minmax(0,1.8fr); gap:32px; padding:24px 0; }
.experience-edition .service-row p { color:var(--experience-muted); font-size:16px; }
.experience-edition .service-row__title { gap:13px; }
.experience-edition .service-row h3 { font-size:19px; }
.experience-edition .deliverable-note { grid-column:2; margin-top:-20px; background:#edf4f2; padding:14px 18px; border-radius:7px; font-size:14px; }
.experience-edition .law-sources { border:0; border-top:1px solid var(--experience-line); padding-top:15px; font-size:13px; color:var(--experience-muted); background:none; }
.experience-edition .law-sources summary { cursor:pointer; min-height:44px; padding:6px 0; font-size:14px; font-weight:600; }
.experience-edition .faq-stack { max-width:940px; }
.experience-edition .faq-item summary { font-size:17px; padding:19px 22px; }
.experience-edition .faq-answer { padding-inline:22px; font-size:16px; }
.contact-page-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(250px,.7fr); gap:64px; align-items:center; max-width:920px; }
.contact-page-grid h3 { margin:0; font-size:16px; }
.experience-edition .contact-number { font-size:clamp(27px,4vw,38px); font-weight:750; color:var(--experience-brand); margin:8px 0; line-height:1.5; }
.contact-page-grid [data-contact-card-wechat] { font-size:14px; margin:0; user-select:all; }
.contact-page-grid [data-contact-card-status] { font-size:14px; color:var(--experience-brand); }
.contact-qr { margin:0; border:1px solid var(--experience-line); padding:22px; border-radius:16px; background:white; text-align:center; }
.contact-qr img { width:240px; height:auto; aspect-ratio:1; margin:auto; }
.contact-qr figcaption { font-size:13px; color:var(--experience-muted); padding-top:12px; }
.message-example { margin:0; max-width:900px; border-left:3px solid #bb774d; background:#f3f6f2; padding:26px; font-size:18px; line-height:2; }
.experience-edition .experience-footer { background:#fff; color:var(--experience-ink); padding:48px 0 28px; border-top:1px solid var(--experience-line); }
.experience-footer-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:45px; }
.experience-footer h2 { margin:0 0 8px; font-size:23px; color:var(--experience-ink); }
.experience-footer h3 { margin:0 0 12px; font-size:15px; color:var(--experience-ink); }
.experience-footer p { font-size:13px; color:var(--experience-muted); }
.footer-service-links { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }
.footer-service-links a { display:flex; align-items:center; min-height:38px; font-size:13px; color:var(--experience-muted); }
.footer-service-links a:hover { text-decoration:underline; }
.footer-phone { display:inline-block; font-size:15px; color:var(--experience-brand); font-weight:700; padding:10px 0; }
.experience-footer .footer-legal { border-top:1px solid var(--experience-line); padding-top:22px; margin:30px 0 0; font-size:12px; }
.experience-edition .mobile-bar,.experience-edition .mobile-action-bar { z-index:60; }
.experience-edition .form-card > .notice,.experience-edition #assessmentForm ~ .notice { font-size:13px; }
.experience-edition .consult-layout { gap:32px; }
.experience-edition .summary-card { position:static; align-self:start; }
.experience-edition .guided-step { padding:18px 0; }
.experience-edition .guided-step h3,.experience-edition .guided-step h4 { font-size:17px; }
.experience-edition .guided-step p { font-size:14px; }
.experience-edition #assessmentForm { max-width:940px; }
.experience-edition #assessmentResult { background:#f0f6f1; }
@media(max-width:1000px) {
 .header-inner { gap:16px; }
 .site-navigation { font-size:13px; gap:0; }
 .site-navigation > a,.nav-services > summary { padding-inline:8px; }
 .home-intro-grid { gap:30px; grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr); }
 .lawyer-profile { padding:24px; }
 .outcome-grid { gap:24px; }
 .working-grid { gap:32px; }
 .experience-footer-grid { grid-template-columns:1fr 1fr; }
 .experience-footer-grid > div:first-child { grid-column:1 / -1; }
}
@media(max-width:820px) {
 .experience-wrap { width:calc(100% - 36px); }
 .header-inner { flex-wrap:wrap; min-height:72px; gap:0; padding-block:12px; }
 .experience-brand { font-size:18px; }
 .experience-brand small { font-size:10px; }
 .brand-symbol { width:36px; height:40px; font-size:22px; }
 .site-navigation { display:flex; flex-direction:column; align-items:stretch; flex:0 0 100%; gap:3px; padding:16px 0; font-size:16px; }
 .site-navigation > a,.nav-services > summary { min-height:47px; padding:10px 12px; }
 .site-navigation .header-contact { margin:7px 0 0; }
 .menu-toggle:not([hidden]) { display:block; }
 .experience-header[data-nav-ready] .site-navigation { display:none; }
 .experience-header[data-nav-ready].menu-open .site-navigation { display:flex; position:absolute; top:100%; left:-18px; right:-18px; padding:14px 18px 24px; max-height:calc(100dvh - 155px); overflow:auto; background:white; box-shadow:0 16px 24px #102a2a18; border-top:1px solid var(--experience-line); }
 .service-menu { position:static; width:auto; padding:6px 14px; border:0; box-shadow:none; background:#f2f6f3; margin-bottom:8px; }
 .service-menu a { font-size:15px; }
 .experience-edition .experience-hero,.experience-edition .home-intro { padding:34px 0 38px; }
 .experience-edition .experience-hero h1 { font-size:31px; margin:8px 0 18px; }
 .experience-edition .home-intro h1 { font-size:34px; }
 .experience-edition .experience-hero .eyebrow { font-size:12px; letter-spacing:.035em; }
 .experience-lead { font-size:16px; line-height:1.9; margin-bottom:20px; }
 .home-intro-grid { grid-template-columns:1fr; gap:28px; }
 .desktop-break { display:none; }
 .lawyer-profile { padding:22px; }
 .lawyer-profile .profile-label { margin-bottom:12px; }
 .lawyer-profile h2 { font-size:28px; }
 .lawyer-profile .profile-firm { margin-bottom:15px; }
 .lawyer-profile dl { display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:13px; }
 .lawyer-profile > p:not(.profile-label):not(.profile-firm) { margin:12px 0; }
 .experience-edition .section { padding:42px 0; }
 .experience-edition .section-title { font-size:25px; }
 .experience-edition .section-head { margin-bottom:20px; }
 .service-directory { gap:0 24px; }
 .directory-title { font-size:19px; }
 .directory-description { font-size:14px; }
 .enterprise-entry { padding:24px; flex-direction:column; align-items:flex-start; gap:16px; }
 .enterprise-entry h3 { font-size:22px; }
 .outcome-grid { grid-template-columns:1fr; gap:26px; }
 .outcome h3 { font-size:20px; margin-top:4px; }
 .working-grid,.contact-end,.contact-page-grid { grid-template-columns:1fr; gap:28px; }
 .engagement-note { padding:22px; }
 .contact-end-note { border-left:0; border-top:1px solid #c4d2cb; padding:20px 0 0; }
 .experience-edition .service-row { grid-template-columns:1fr; gap:10px; }
 .experience-edition .deliverable-note { grid-column:1; margin-top:0; }
 .experience-edition .service-row p { font-size:16px; }
 .experience-edition .service-row h3 { font-size:19px; }
 .service-example { padding:20px; }
 .experience-edition .action-button { padding:10px 16px; font-size:15px; }
 .experience-edition main section[id],.experience-edition #main { scroll-margin-top:88px; }
 .contact-qr { max-width:300px; width:100%; justify-self:center; }
 .experience-edition .contact-number { font-size:31px; }
 .experience-footer-grid { gap:26px 20px; }
 .footer-service-links { grid-template-columns:1fr; }
 .footer-service-links a { min-height:42px; }
 .experience-edition .consult-layout { grid-template-columns:1fr; }
}
@media(max-width:540px) {
 .service-directory { grid-template-columns:1fr; }
 .service-entry { padding:18px 0; }
 .experience-edition .home-intro h1 { font-size:31px; }
 .experience-edition .experience-hero h1 { font-size:29px; }
 .experience-edition .actions { gap:10px; }
 .experience-edition .contact-end .actions,.experience-edition .experience-hero .actions { display:grid; grid-template-columns:1fr; align-items:stretch; }
 .experience-edition .home-intro .actions { grid-template-columns:1fr 1fr; }
 .experience-edition .home-intro .action-button { padding-inline:9px; }
 .experience-edition .page-jumps { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
 .experience-edition .page-jumps a { justify-content:flex-start; }
 .experience-edition .message-example { padding:20px; font-size:16px; }
 .experience-edition .consult-layout { width:calc(100% - 28px); }
}
@media(prefers-reduced-motion:reduce) { .experience-edition * { scroll-behavior:auto; transition:none; } }

/* Keep practical data entry ahead of secondary storage guidance. */
.experience-edition .storage-note { margin:14px 0 20px; padding:0; border:0; background:transparent; font-size:13px; color:#52645e; }
.experience-edition .storage-note summary { cursor:pointer; min-height:44px; padding:9px 0; font-weight:600; }
.experience-edition .storage-note p { margin:0 0 10px; max-width:800px; }
.experience-edition .form-hint { font-size:14px; margin:12px 0 0; }
.experience-edition .experience-hero + section:not(.section) { padding-top:36px; }
@media(max-width:820px) { .experience-edition .experience-hero + section:not(.section) { padding-top:28px; } }

/* Customer needs and integrated service explanations. */
.client-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr);gap:60px;align-items:center}
.client-help-edition .client-home-hero h1{font-size:clamp(31px,3.5vw,46px);line-height:1.45;letter-spacing:-.03em}
.client-home-hero h1 span{color:#285653}.client-help-edition .service-byline{font-size:13px;color:#50675c;margin:24px 0 0}
.help-paths{padding:28px;background:#fff;border-radius:14px;border:1px solid #d1dfd6}.help-paths h2{font-size:21px;line-height:1.6;margin:0 0 15px}.help-paths p{font-size:14px;color:#52675e;margin:18px 0 0}
.help-shortcuts{display:flex;flex-wrap:wrap;gap:10px}.help-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 18px;min-height:48px;background:white;border:1px solid #cbdad1;border-radius:7px;color:#0d4d4a;font-size:16px;font-weight:650}.help-shortcuts a:hover{background:#e6f0e8}
.help-paths .help-shortcuts{display:grid;gap:0}.help-paths .help-shortcuts a{padding:17px 0;border:0;border-bottom:1px solid #dbe4e1;border-radius:0;font-size:16px}
.help-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 44px}.help-entry{padding:24px 0 26px;border-top:1px solid #c7d8cd}.help-category{font-size:12px;letter-spacing:.08em;color:#7e5236}.help-entry h3{font-size:23px;line-height:1.6;margin:8px 0 12px;color:#0d4d4a}.help-entry p{font-size:16px;line-height:1.9;color:#425c50;margin:0 0 16px}.help-entry .text-link{font-size:15px;display:inline-flex;align-items:center;min-height:44px}
.help-service{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr);gap:42px;padding:36px 0;border-top:1px solid #cbd9d0;scroll-margin-top:100px}.help-service-heading{display:flex;align-items:baseline;gap:16px}.help-service h3{font-size:23px;line-height:1.65;margin:0}.help-number{font-size:13px;letter-spacing:.04em;color:#6b8274}.help-service-body p{font-size:17px;line-height:1.95;margin:0 0 16px}.help-service-body .help-benefit{font-size:16px;color:#435f50;margin:0;padding-top:16px;border-top:1px solid #d8e1d9}
.client-help-edition .service-material-links{margin:20px 0 0;font-size:14px}.service-material-links a{display:inline-flex;align-items:center;min-height:44px;padding-right:16px;text-decoration:underline;text-underline-offset:4px;color:#0d4d4a}.client-help-edition .stage-copy{max-width:900px;margin:0;line-height:1.9}
.trust-strip{display:grid;grid-template-columns:1fr 1.8fr;gap:48px;border-top:1px solid #cfdbd2;padding-top:24px}.trust-strip h3{font-size:21px;margin:0 0 8px}.trust-strip p{font-size:15px;color:#53675c;margin:0 0 14px}.client-help-edition #lawyer{padding-block:36px}.client-help-edition #lawyer .section-title{font-size:23px}
@media(max-width:1000px){.client-hero-grid{gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr)}.help-service{gap:28px}.help-directory{gap:24px 28px}}
@media(max-width:820px){.client-hero-grid,.help-service,.trust-strip{grid-template-columns:1fr;gap:24px}.client-help-edition .client-home-hero h1{font-size:30px}.help-paths{padding:22px}.help-directory{gap:24px}.help-entry h3{font-size:21px}.help-service{padding:28px 0;gap:16px;scroll-margin-top:88px}.help-service h3{font-size:22px}.help-service-body p{font-size:16px}.help-service-heading{gap:12px}.help-service-body .help-benefit{padding-top:14px}.trust-strip{gap:16px}.help-shortcuts{display:grid;grid-template-columns:1fr}.help-shortcuts a{font-size:15px}.client-help-edition #scope{padding-block:28px}}
@media(max-width:540px){.help-directory{grid-template-columns:1fr;gap:12px}.help-entry{padding:20px 0}.client-home-hero h1 br{display:none}.client-help-edition .client-home-hero h1{font-size:29px}.help-paths h2{font-size:20px}}

/* Service clarity: readable work scope, benefit and engagement steps. */
.service-clarity-edition .service-task strong,.service-clarity-edition .help-benefit strong{display:block;font-size:14px;letter-spacing:.03em;color:#315c50;margin:0 0 5px}.service-clarity-edition .service-task{padding-top:14px;border-top:1px solid #d8e1d9}.service-clarity-edition .help-service-body .help-benefit{padding:16px 18px;background:#eaf1ec;border:0;border-left:3px solid #87a194;border-radius:0 7px 7px 0}.service-clarity-edition .help-service{align-items:start}.service-clarity-edition .section-intro{max-width:920px;font-size:16px;line-height:1.95;margin:0 0 24px;color:#425c50}.service-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.service-choices article{padding:22px 0;border-top:1px solid #cbd9d0}.service-choices h3{font-size:21px;line-height:1.6;margin:0 0 12px}.service-choices p,.client-cooperation p{font-size:16px;line-height:1.95;margin:0}.client-cooperation{padding:22px 26px;margin-top:12px;background:#eef3ef;border-left:3px solid #789585}.client-cooperation h3{font-size:19px;margin:0 0 10px}.engagement-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:24px 0 0}.engagement-process li{padding:20px 0 12px;border-top:2px solid #b3c8b9}.process-number{font-size:13px;color:#7e5236;letter-spacing:.05em}.engagement-process h3{font-size:19px;line-height:1.6;margin:8px 0}.engagement-process p{font-size:15px;line-height:1.9;margin:0;color:#425c50}.process-link{margin:18px 0 0}.work-example{border:1px solid #d3dfd6;border-radius:8px;background:white;padding:0 20px;margin:22px 0;color:#244b3e}.work-example summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:16px;font-weight:650;line-height:1.8}.work-example p{font-size:16px;line-height:1.9;margin:0 0 20px;max-width:930px}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}.related-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:12px 0;border-top:1px solid #ccdacf;color:#0d4d4a;font-size:16px;line-height:1.8}.related-context{font-size:15px;color:#52675e}.service-clarity-edition #related{padding-block:30px}.service-clarity-edition #related .section-title{font-size:22px}.scenario-help{padding-top:12px;border-top:1px solid #d8e1d9;color:#315947}.cooperation-steps{padding-left:24px;line-height:2;max-width:950px}.cooperation-steps li{margin-bottom:16px}.law-note{font-size:13px;color:#52675e;margin-top:24px}.service-clarity-edition .text-link{overflow-wrap:anywhere}.service-clarity-edition .contact-end-note .text-link{font-size:14px}.service-clarity-edition .service-material-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}.service-clarity-edition .service-material-links a{padding-right:8px}
@media(max-width:1000px){.engagement-process{grid-template-columns:repeat(2,minmax(0,1fr))}.service-choices{gap:22px}}
@media(max-width:820px){.service-choices{grid-template-columns:1fr;gap:0}.service-choices article{padding:18px 0}.client-cooperation{padding:20px}.engagement-process{gap:16px}.engagement-process h3{font-size:18px}.engagement-process p{font-size:15px}.related-links{grid-template-columns:1fr;gap:4px}.service-clarity-edition .help-service-body .help-benefit{padding:14px}.service-clarity-edition .work-example{padding-inline:16px}.service-clarity-edition #engagement-options{padding-block:34px}}
@media(max-width:380px){.engagement-process{grid-template-columns:1fr}.engagement-process li{padding-block:14px 4px}}

.related-links small{display:block;font-size:13px;font-weight:400;color:#61766a;margin-bottom:4px}

/* Restrained palette refinement: warm paper, ink blue, copper accents and green actions. */
.experience-edition {
  --palette-paper: #fffdfa;
  --palette-sand: #f5eee4;
  --palette-blue: #293e52;
  --palette-blue-soft: #edf2f6;
  --palette-copper: #925332;
  --palette-copper-soft: #f3e5d5;
  --experience-brand: #245b52;
  --experience-ink: #293746;
  --experience-muted: #535e68;
  --experience-line: #dddcd7;
  --ink: var(--experience-ink);
  --ink-soft: var(--experience-muted);
  --muted: var(--experience-muted);
  --brand: var(--experience-brand);
  --brand-deep: #173f39;
  --brand-dark: #173f39;
  --brand-pale: #eaf1ed;
  --warm: var(--palette-copper);
  --accent: var(--palette-copper);
  --warm-pale: var(--palette-copper-soft);
  --paper: var(--palette-paper);
  --canvas: #f5f2ec;
  --soft: #f5f2ec;
  --line: var(--experience-line);
  --shadow: 0 12px 32px #293e5210;
  background: var(--palette-paper);
  color: var(--experience-ink);
}

/* A warmer first impression; the darker enterprise banner gives the two audiences a clear cue. */
.experience-edition .experience-header { background: #fffdfa; }
.experience-edition .experience-hero,
.experience-edition .home-intro { background: var(--palette-sand); border-bottom-color: #e5d9c8; }
.experience-edition .experience-hero h1,
.experience-edition main h2,
.experience-edition main h3 { color: var(--palette-blue); }
.experience-edition .client-home-hero h1 span,
.experience-edition .home-intro h1 span { color: var(--palette-copper); }
.experience-edition .experience-hero .eyebrow { color: var(--palette-copper); }
.experience-edition .experience-lead,
.experience-edition .section-intro,
.experience-edition .service-byline,
.experience-edition .scope-note,
.experience-edition .help-entry p,
.experience-edition .help-service-body p,
.experience-edition .service-row p,
.experience-edition .trust-strip p,
.experience-edition .engagement-process p,
.experience-edition .related-context,
.experience-edition .law-note,
.experience-edition .storage-note { color: var(--experience-muted); }
.experience-edition .enterprise-hero { background: var(--palette-blue); border-bottom-color: #3e5468; }
.experience-edition .enterprise-hero h1 { color: #fffdfa; }
.experience-edition .enterprise-hero .experience-lead { color: #dce5ec; }
.experience-edition .enterprise-hero .eyebrow { color: #eac7a1; }
.experience-edition .enterprise-hero .action-button { background: #fffdfa; color: var(--palette-blue); border-color: #fffdfa; }
.experience-edition .enterprise-hero .action-button.secondary { background: transparent; color: #fffdfa; border-color: #bdcbd7; }
.experience-edition .enterprise-hero .action-button:hover { background: #f3e5d5; color: #293e52; border-color: #f3e5d5; }

/* Quiet content surfaces, with stronger color reserved for navigation and meaningful labels. */
.experience-edition .section-alt,
.experience-edition .band { background: #f5f2ec; }
.experience-edition #working-together,
.experience-edition #engagement-process,
.experience-edition #contact.section { background: var(--palette-blue-soft); }
.experience-edition .help-paths {
  background: #fffdfa;
  border-color: #e0d2bf;
  border-top: 3px solid #ae7650;
  box-shadow: 0 12px 30px #76573808;
}
.experience-edition .help-paths p { color: var(--experience-muted); }
.experience-edition .help-paths .help-shortcuts a { border-bottom-color: #e6ddd0; color: var(--palette-blue); }
.experience-edition .help-paths .help-shortcuts a:hover { background: #f5eee4; color: var(--experience-brand); }
.experience-edition .help-entry { border-top-color: #d7c7b4; }
.experience-edition .help-entry h3,
.experience-edition .directory-title { color: var(--palette-blue); }
.experience-edition .help-entry h3 a:hover { color: var(--experience-brand); }
.experience-edition .help-category {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  background: var(--palette-copper-soft);
  color: #81502f;
  letter-spacing: .04em;
}
.experience-edition .enterprise-entry { background: var(--palette-blue); }
.experience-edition .enterprise-entry h3 { color: #fffdfa; }
.experience-edition .enterprise-entry p { color: #dce5ec; }
.experience-edition .enterprise-entry .eyebrow { color: #eac7a1; }
.experience-edition .enterprise-entry strong { color: #f0d1ae; }
.experience-edition .text-link,
.experience-edition .service-material-links a,
.experience-edition .related-links a { color: var(--experience-brand); text-decoration-color: #96afa5; }
.experience-edition .related-links a { border-top-color: #d4dde4; }
.experience-edition .related-links small { color: var(--experience-muted); }

/* Copper identifies practical help; blue-gray identifies participation and procedural information. */
.experience-edition .help-service,
.experience-edition .service-choices article,
.experience-edition .service-task { border-color: #d9d8d2; }
.experience-edition .help-number,
.experience-edition .process-number,
.experience-edition .service-row__title > span { color: var(--palette-copper); }
.experience-edition .service-task strong { color: var(--palette-blue); }
.experience-edition .help-service-body .help-benefit {
  background: #f4e9da;
  border-left-color: #ad7851;
  color: #5b5148;
}
.experience-edition .help-benefit strong { color: #805033; }
.experience-edition .client-cooperation { background: #edf2f6; border-left-color: #7f95a8; }
.experience-edition .client-cooperation h3 { color: var(--palette-blue); }
.experience-edition .engagement-process li { border-top-color: #8fa3b4; }
.experience-edition .work-example { background: #fffdfa; border-color: #d9c9b6; color: #584c40; }
.experience-edition .work-example summary { color: #805033; }
.experience-edition .work-example[open] { background: #fbf4ea; }
.experience-edition .scenario-help { color: #5b5148; border-top-color: #d9c9b6; }
.experience-edition .message-example { background: #f5eee4; border-left-color: #ad7851; }
.experience-edition .contact-end-note { border-color: #b9c7d2; }
.experience-edition .trust-strip { border-color: #d7c7b4; }
.experience-edition .faq-item { background: #fffdfa; border-color: #d7dce1; }
.experience-edition .faq-item summary { color: var(--palette-blue); }
.experience-edition .faq-item summary::marker { color: var(--palette-copper); }
.experience-edition .faq-item[open] > summary { background: #edf2f6; border-radius: 10px 10px 0 0; }
.experience-edition .faq-answer { color: var(--experience-muted); }

/* Use the same palette for tools and contact controls; QR pixels remain untouched. */
.experience-edition .form-card,
.experience-edition .summary-card,
.experience-edition .contact-qr { background: #fffdfa; border-color: #d8d6cf; }
.experience-edition .contact-qr { border-top: 3px solid #ad7851; }
.experience-edition .contact-qr img,
.experience-edition .contact-dialog__qr { background: white; }
.experience-edition .notice { background: #f7eee2; color: #6a5038; border-color: #dfc7aa; }
.experience-edition #assessmentResult { background: #edf2f6; }
.experience-edition .action-button.secondary { border-color: #7e8d9a; color: var(--palette-blue); background: transparent; }
.experience-edition .action-button.secondary:hover { background: #e6edf2; border-color: #667f91; color: var(--palette-blue); }
.experience-edition .enterprise-hero .action-button.secondary { background: transparent; color: #fffdfa; border-color: #bdcbd7; }
.experience-edition .enterprise-hero .action-button.secondary:hover { background: #f3e5d5; color: #293e52; border-color: #f3e5d5; }
.experience-edition .contact-phone,
.experience-edition .contact-call,
.experience-edition .contact-close { background: #edf2f6; border-color: #bcc9d3; color: var(--palette-blue); }
.experience-edition .mobile-bar .contact-phone,
.experience-edition .mobile-action-bar .contact-phone { background: #edf2f6; border-color: #bcc9d3; color: var(--palette-blue); }
.experience-edition .mobile-bar .contact-wechat,
.experience-edition .mobile-action-bar .contact-wechat { background: var(--experience-brand); border-color: var(--experience-brand); color: #fffdfa; }
.experience-edition .contact-dialog { background: #fffdfa; border-color: #d1d8df; }
.experience-edition .contact-dialog__title { color: var(--palette-blue); }
.experience-edition .contact-dialog__notice { color: var(--experience-muted); }
.experience-edition .site-navigation a:hover,
.experience-edition .site-navigation a[aria-current],
.experience-edition .nav-services > summary:hover { background: #edf2f6; color: var(--palette-blue); }

/* A distinct, calm page ending balances the warmer reading areas. */
.experience-edition .experience-footer { background: #293e52; border-top-color: #3f566a; color: #fffdfa; }
.experience-edition .experience-footer h2,
.experience-edition .experience-footer h3 { color: #fffdfa; }
.experience-edition .experience-footer p,
.experience-edition .footer-service-links a { color: #d2dce5; }
.experience-edition .footer-phone { color: #efd0ab; }
.experience-edition .footer-service-links a:hover { color: #f3d3ae; }
.experience-edition .experience-footer .footer-legal { border-top-color: #52677a; color: #cbd6e0; }
.experience-edition .experience-footer a:focus-visible,
.experience-edition .enterprise-hero a:focus-visible { outline-color: #efd0ab; box-shadow: 0 0 0 2px #293e52; }