/* Shared secondary-page layout and Balanced Refined surfaces. */
.secondary-pages { --p-ink:var(--b-ink); --p-copy:var(--b-copy); --p-line:var(--b-line); --p-tint:var(--b-mist); line-height:1.75; font-size:17px; }
.secondary-pages main { background:var(--b-paper); color:var(--p-ink); }
.secondary-pages p { color:var(--p-copy); }
.secondary-pages h1,.secondary-pages h2,.secondary-pages h3 { color:var(--p-ink); font-weight:450; }
.secondary-pages h1 { font-size:clamp(38px,4.1vw,60px); line-height:1.15; letter-spacing:-.045em; margin:24px 0; max-width:1000px; }
.secondary-pages h2 { font-size:clamp(30px,2.7vw,38px); line-height:1.25; letter-spacing:-.03em; margin:0 0 22px; }
.secondary-pages h3 { font-size:23px; line-height:1.4; letter-spacing:-.02em; margin:18px 0 12px; }
.secondary-pages .v4-eyebrow { color:#4c617a; font-size:12px; letter-spacing:1.2px; }
.secondary-pages .v4-navigation { font-size:15px; gap:28px; }
.secondary-pages .v4-navigation .language { font-size:14px; }
.secondary-pages .v4-menu { font-size:15px; }
.secondary-pages .v4-button,.secondary-pages .v4-text-link { font-size:15px; }
.secondary-pages main .v4-text-link { border-color:#5a6f88; }
.secondary-pages a:focus-visible,.secondary-pages button:focus-visible { outline:3px solid #315f9e; outline-offset:5px; }
.secondary-pages .v4-header a:focus-visible,.secondary-pages .v4-header button:focus-visible,.secondary-pages .v4-footer a:focus-visible { outline-color:#b9ceff; }
.secondary-pages .v4-footer h2 { font-size:13px; letter-spacing:.5px; margin:3px 0 10px; color:#b7c8df; }
.secondary-pages .v4-footer nav a { font-size:15px; color:#d6e0ef; }
.secondary-pages .v4-footer-brand p { font-size:15px; color:#b7c8df; }
.secondary-pages .v4-footer-bottom { font-size:12px; color:#b7c8df; }
.p-hero { padding:clamp(44px,5.3vw,76px) 0 36px; }
.secondary-pages .p-hero h1 { margin:16px 0 20px; }
.secondary-pages .p-hero .p-lead { margin:0; }
.secondary-pages .p-hero .v4-eyebrow { color:var(--b-blue); padding-left:12px; border-left:2px solid #597b99; margin:0; }
.p-hero-grid { display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:55px; }
.p-lead { font-size:18px; line-height:1.8; max-width:760px; }
.p-hero-grid .p-lead { font-size:18px; }
.p-section { padding:64px 0; }
.p-tint { background:var(--p-tint); }
.p-heading { max-width:810px; margin-bottom:32px; }
.p-heading .v4-eyebrow { margin-bottom:20px; }
.p-split { display:grid; grid-template-columns:1.1fr 1fr; gap:65px; align-items:start; }
.p-split .p-heading { margin:0; }
.p-facts { margin:0; }
.p-facts div { border-top:1px solid var(--p-line); padding:15px 0; }
.p-facts dt { color:var(--p-copy); font-size:14px; }
.p-facts dd { margin:4px 0 0; font-size:18px; }
.p-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.p-cards article { border-top:1px solid var(--p-line); padding:22px 0 0; }
.p-cards p,.p-services p { font-size:17px; }
.p-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.p-index { color:#4d6481; font-size:13px; letter-spacing:1.8px; }
.p-status { display:inline-flex; align-items:center; gap:12px; color:#294563; font-size:14px; border:1px solid #9eb3c9; padding:10px 15px; margin:0; }
.p-status-dot { display:inline-block; flex-shrink:0; width:7px; height:7px; border-radius:50%; background:#607e9d; }
.p-note { padding:10px 0 10px 20px; border-left:2px solid #7e98b6; font-size:15px; margin:28px 0 0; max-width:930px; }
.p-directions { display:grid; gap:32px; margin-top:32px; }
.p-direction { display:grid; grid-template-columns:1.05fr 1fr; border-top:1px solid var(--p-line); padding-top:20px; scroll-margin-top:110px; }
.p-direction-copy { padding:38px 42px; display:flex; flex-direction:column; align-items:start; justify-content:center; }
.p-direction h2 { font-size:34px; margin:18px 0; }
.p-direction-copy p { margin:0 0 18px; font-size:18px; }
.p-direction .v4-text-link { margin-top:8px; }
.p-direction:nth-child(even) .p-photo { grid-column:2; grid-row:1; }
.p-direction:nth-child(even) .p-direction-copy { grid-column:1; grid-row:1; }
.p-photo { margin:0; min-width:0; display:flex; flex-direction:column; }
.p-photo img { width:100%; height:380px; object-fit:cover; display:block; }
.p-photo figcaption { font-size:12px; line-height:1.6; color:#50637a; padding:12px 16px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:3px 14px; }
.p-photo figcaption span { display:block; }
.p-hero .p-photo img { height:auto; aspect-ratio:6/5;  }
.p-hero .p-photo figcaption { color:var(--p-copy); padding:10px 0 0; }
.p-direction .p-photo img { flex:1; min-height:340px; }
.p-commerce-art { min-height:330px; background:linear-gradient(145deg,#2c4360,#1e314c); padding:30px 36px; }
.p-commerce-art .v4-display-type { font-size:clamp(46px,5vw,72px); color:#e4ecf9; margin:28px 0; }
.p-commerce-art .v4-eyebrow { font-size:12px; }
.p-commerce-art .v4-market,.p-commerce-art .v4-market span:first-child { font-size:14px; color:#c4d5eb; }
.p-jump { display:flex; flex-wrap:wrap; gap:12px 26px; padding:23px 0; border-bottom:1px solid var(--p-line); }
.p-jump a { font-size:15px; color:#294b76; text-decoration:underline; text-underline-offset:5px; }
.p-services { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.p-services article { display:grid; grid-template-columns:30px 1fr; gap:18px; background:#f9fbfd; border:1px solid #cbd6e1; padding:26px; scroll-margin-top:110px; }
.p-services h3 { margin:0 0 12px; }
.p-services p { margin:0; }
.p-panel { background:#f6f9fc; padding:32px; border:1px solid #bdccdd; }
.p-panel h2 { margin-top:24px; font-size:32px; }
.p-transition { border-top:2px solid #7b94b2; padding-top:30px; display:grid; grid-template-columns:1.6fr 1fr; gap:45px; align-items:center; }
.p-transition .p-heading { margin:0; }
.p-transition-action { justify-self:end; }
.p-transition-action .p-status { background:#f1f5fa; }
.p-store-feature { display:grid; grid-template-columns:1fr 1.1fr; background:var(--b-paper); }
.p-store-feature .p-photo img { flex:1; height:500px; min-height:360px; }
.p-store-copy { padding:40px; align-self:center; }
.secondary-pages .p-store-brand { margin:0 0 28px; color:#17283e; font-size:32px; letter-spacing:-1px; font-weight:550; }
.p-store-brand span { color:#718eb2; }
.p-store-copy .p-heading { margin-bottom:20px; }
.p-store-copy .p-lead { font-size:17px; }
.p-store-copy .v4-eyebrow { margin-bottom:18px; }
.p-store-note { border-top:1px solid var(--p-line); padding-top:19px; font-size:15px; margin:0; }
.p-store-copy .v4-button { margin-top:24px; }
#next-step { background:var(--p-tint); }
.p-callout { display:flex; justify-content:space-between; gap:35px; align-items:center; }
.secondary-pages .p-callout h2 { font-size:34px; }
.secondary-pages .p-callout p { max-width:650px; margin-bottom:0; }
.p-callout .v4-button { flex-shrink:0; }
.p-legal-grid { display:grid; grid-template-columns:260px minmax(0,760px); gap:65px; }
.p-toc { align-self:start; position:sticky; top:120px; display:flex; flex-direction:column; gap:12px; }
.p-toc a { color:#294b76; font-size:15px; }
.p-toc a:hover { text-decoration:underline; }
.p-prose section { padding-top:32px; scroll-margin-top:110px; }
.p-prose h2 { font-size:28px; line-height:1.4; margin-bottom:16px; }
.p-prose p { font-size:17px; }
.p-review { padding:26px; border:1px solid #adc0d4; background:#e2eaf3; }
.p-review p { margin-bottom:0; }
html[lang="zh-CN"] .secondary-pages h1 { line-height:1.35; letter-spacing:-.025em; }
.secondary-pages [data-external]:after { content:'External'; font-size:12px; border:1px solid #8da0bc60; padding:0 4px; margin-left:7px; }
html[lang="zh-CN"] .secondary-pages [data-external]:after { content:'外部网站'; }
@media(max-width:1100px) { .p-hero-grid,.p-split { gap:35px; } .p-legal-grid { gap:35px; grid-template-columns:220px minmax(0,1fr); } .p-four { grid-template-columns:1fr 1fr; } .p-direction-copy,.p-store-copy { padding:28px; } .p-direction h2 { font-size:30px; } .p-transition { grid-template-columns:1fr; gap:24px; } .p-transition-action { justify-self:start; } }
@media(max-width:760px) { .p-hero { padding:44px 0; } .p-hero-grid,.p-split,.p-legal-grid,.p-store-feature,.p-direction { grid-template-columns:1fr; gap:28px; } .secondary-pages h1 { font-size:clamp(34px,7vw,48px); } .secondary-pages h2 { font-size:30px; } .p-section { padding:44px 0; } .p-cards,.p-services { grid-template-columns:1fr; gap:20px; } .p-direction,.p-store-feature { gap:0; } .p-direction:nth-child(even) .p-photo,.p-direction:nth-child(even) .p-direction-copy { grid-column:auto; grid-row:auto; } .p-direction-copy { padding:25px; } .p-direction h2 { font-size:28px; } .p-callout { flex-direction:column; align-items:start; } .p-toc { position:static; border-bottom:1px solid var(--p-line); padding-bottom:26px; } .p-lead,.p-hero-grid .p-lead { font-size:17px; } .p-panel,.p-review { padding:24px; } .p-photo img,.p-direction .p-photo img,.p-store-feature .p-photo img { height:auto; min-height:0; flex:none; aspect-ratio:4/3; } .p-hero .p-photo img { aspect-ratio:4/3; } .p-photo figcaption { padding:10px 14px; } .p-store-copy { padding:26px; } .p-store-copy h2 { font-size:29px; } .p-services article { padding:23px; gap:12px; grid-template-columns:25px 1fr; } .p-commerce-art { min-height:310px; padding:28px; } .p-jump { gap:10px 20px; } .p-jump a { font-size:14px; } }
/* Commerce photography keeps the approved hero grid and visual footprint. */
.p-hero .p-commerce-photo img { height:330px; aspect-ratio:auto; }
.v4-photo-travelhero,.v4-photo-travelstore { filter:saturate(.75); }
@media(max-width:760px) { .p-hero .p-commerce-photo img { height:auto; aspect-ratio:4/3; } }
/* Use one continuous reading surface across the hero and first section. */
.secondary-pages .p-hero + .p-section { padding-top:0; }
.secondary-pages .p-hero + .p-section > .v4-container { border-top:1px solid var(--p-line); padding-top:clamp(28px,3vw,42px); }
.secondary-pages main .v4-button { background:var(--b-navy); border-color:var(--b-navy); color:#fff; }
.secondary-pages main .v4-button:hover { background:#284965; }
.secondary-pages main .v4-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.p-direction .p-photo figcaption,.p-store-feature .p-photo figcaption { padding-inline:0; }
.p-store-feature .p-photo figcaption { padding-inline:12px; }
@media (min-width:761px) {
  .p-hero-grid { grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); }
}
@media (max-width:760px) {
  .p-hero { padding-bottom:28px; }
  .p-direction-copy,.p-store-copy { min-width:0; }
  .p-direction-copy { padding-inline:0; }
}

/* Secondary pages retain a dark/light rhythm without repeating the homepage Hero. */
:is(.p-about,.p-contact) .p-hero { background:var(--b-navy); color:#f4f7fc; color-scheme:dark; }
.secondary-pages :is(.p-about,.p-contact) .p-hero h1 { color:#f4f7fc; }
.secondary-pages :is(.p-about,.p-contact) .p-hero .p-lead { color:#d5e0ec; }
.secondary-pages :is(.p-about,.p-contact) .p-hero .v4-eyebrow { color:#c0d2e7; border-color:#829db7; }
:is(.p-about,.p-contact) .p-hero .p-photo figcaption { color:#c8d8e9; }
.secondary-pages :is(.p-about,.p-contact) .p-hero + .p-section { padding-top:clamp(30px,4vw,55px); }
.secondary-pages :is(.p-about,.p-contact) .p-hero + .p-section > .v4-container { border:0; padding-top:0; }
.secondary-pages .p-hero:has(+ #directions) { background:var(--p-tint); }
.secondary-pages .p-hero + #directions { padding-top:clamp(30px,4vw,55px); }
.secondary-pages .p-hero + #directions > .v4-container { border:0; padding-top:0; }

/* Reference B: each principal page has a distinct art direction. */
.secondary-pages .p-reference-hero {
  position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center;
  min-height:clamp(330px,29vw,438px); padding:55px 0;
  background:#092a48; color:#f4f7fc;
}
.secondary-pages .p-reference-about { min-height:clamp(350px,32vw,465px); }
.secondary-pages .p-reference-contact { min-height:clamp(250px,25vw,340px); }
.p-reference-art { position:absolute; z-index:-1; inset:0; }
.p-reference-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 83%; }
.p-reference-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#051c37ec,#071f3878 42%,transparent 75%); }
.p-reference-about .p-reference-art img { object-position:center 63%; }
.p-reference-contact::after {
  content:""; position:absolute; z-index:-1; inset:0; background:
    repeating-linear-gradient(154deg,#86b9e138 0 1px,transparent 1px 8px),
    linear-gradient(155deg,#0c3156 40%,#285a86 62%,#092a48 91%);
  clip-path:polygon(39% 100%,100% 25%,100% 100%);
}
.secondary-pages .p-reference-hero .p-hero-copy { max-width:min(100%,34rem); }
.secondary-pages .p-reference-hero .p-hero-copy::before {
  content:""; display:block; width:50px; height:4px; background:var(--reference-teal); margin-bottom:17px;
}
.secondary-pages .p-reference-hero h1 {
  color:#fff; margin:0 0 14px; font-size:clamp(38px,4.1vw,59px);
  font-weight:650; line-height:1.1; letter-spacing:-.035em;
}
.secondary-pages .p-reference-hero .p-lead { color:#edf5fd; margin:0; max-width:29em; }
.secondary-pages .p-reference-hero + .p-section { padding-top:clamp(34px,4vw,54px); }
.secondary-pages .p-reference-hero + .p-section > .v4-container { border:0; padding-top:0; }
.p-reference-hero + .p-section .p-heading::before { content:""; display:block; width:42px; height:3px; margin-bottom:13px; background:#00878a; }
.p-about #overview .p-facts { border-left:1px solid #c4d1e2; padding-left:clamp(18px,4vw,58px); }
.p-about #overview .p-facts > div { position:relative; padding-left:49px; border:0; }
.p-about #overview .p-facts .reference-icon { position:absolute; left:0; top:13px; }
#market:has(.p-commerce-topics) .p-heading { margin-bottom:24px; }
#market:has(.p-commerce-topics) .p-heading h2 { font-weight:600; margin-bottom:12px; }
#market:has(.p-commerce-topics) .p-lead { font-size:17px; line-height:1.66; margin:0; }
.p-commerce-topics { gap:0; }
.p-commerce-topics article { border-top:0; padding:4px clamp(16px,2.4vw,36px); }
.p-commerce-topics article:first-child { padding-left:0; }
.p-commerce-topics article:last-child { padding-right:0; }
.p-commerce-topics article + article { border-left:1px solid #d1dce8; }
.p-commerce-topics .reference-icon { display:block; width:36px; height:36px; }
.p-commerce-topics h3 { font-size:20px; font-weight:600; line-height:1.35; margin:11px 0 6px; }
.p-commerce-topics p { max-width:37ch; font-size:16px; line-height:1.65; margin:0; }
.p-licensed-image { max-width:800px; margin-top:30px; }
.p-licensed-image img { height:auto; max-height:320px; }
.p-licensed-image figcaption { padding-inline:0; }
@media (min-width:901px) { .secondary-pages .p-reference-hero { padding-top:106px; } }
@media (max-width:760px) {
  .secondary-pages .p-reference-hero { min-height:0; padding:34px 0 0; display:flex; flex-direction:column; }
  .secondary-pages .p-reference-hero .v4-container { margin-bottom:24px; }
  .p-reference-art { position:relative; z-index:0; order:1; width:100%; aspect-ratio:2.3; }
  .p-reference-art img { object-position:right 80%; }
  .p-reference-art::after { background:linear-gradient(#092a48,transparent 30%); }
  .secondary-pages .p-reference-contact { padding-bottom:15px; }
  .p-reference-contact::after { opacity:.37; }
  .p-about #overview .p-facts { border-left:0; padding-left:0; }
  .p-commerce-topics article { padding:14px 0; }
  .p-commerce-topics article:first-child { padding-top:0; }
  .p-commerce-topics article + article { border-left:0; border-top:1px solid #d1dce8; }
  .p-commerce-topics .reference-icon { width:30px; height:30px; }
  .p-commerce-topics h3 { margin-top:7px; }
}

.p-reference-caption {
  position:absolute; right:clamp(20px,5.28vw,76px); bottom:8px; z-index:1;
  padding:2px 6px; background:#071f38; color:#eef6ff; font-size:11px; line-height:1.5;
}