/* V0.25: customer-facing editorial depth, using the existing lounge visual language. */
.wq-business-primer { margin: 30px 0 36px; padding: 0; border: 1px solid rgba(174,163,241,.25); border-radius: 26px; background: radial-gradient(circle at 95% 8%,rgba(103,74,189,.26),transparent 38%),linear-gradient(135deg,#151736,#10182d); box-shadow: 0 22px 54px rgba(0,0,0,.22); overflow:hidden; }
.wq-business-primer__toggle { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; padding:22px clamp(22px,3vw,34px); color:#fff; cursor:pointer; list-style:none; }
.wq-business-primer__toggle::-webkit-details-marker { display:none; }
.wq-business-primer__toggle:focus-visible { outline:2px solid #a9dce8; outline-offset:-5px; border-radius:22px; }
.wq-business-primer__label,.wq-depth__head>span,.wq-depth__copy>span,.wq-depth__route>span { color:#a9dce8; font-size:10px; font-weight:800; letter-spacing:.16em; }
.wq-business-primer__toggle strong { font-size:clamp(21px,2.3vw,29px); line-height:1.25; }
.wq-business-primer__hint { margin-left:auto; color:#c8c4e6; font-size:12px; font-weight:700; white-space:nowrap; }
.wq-business-primer__hint--open,.wq-business-primer[open] .wq-business-primer__hint--closed { display:none; }
.wq-business-primer[open] .wq-business-primer__hint--open { display:inline; }
.wq-business-primer__toggle::after { content:'⌄'; color:#a9dce8; font-size:26px; line-height:1; transition:transform .2s ease; }
.wq-business-primer[open] .wq-business-primer__toggle::after { transform:rotate(180deg); }
.wq-business-primer__content { padding:0 clamp(22px,3vw,34px) clamp(22px,3vw,34px); }
.wq-business-primer__intro { max-width:780px; margin:0; color:#ccd0e0; line-height:1.85; font-size:14px; }
.wq-business-primer__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:23px; }
.wq-business-primer__grid article { padding:19px 20px; border:1px solid rgba(178,164,239,.2); border-radius:17px; background:rgba(11,17,43,.72); }
.wq-business-primer__grid b { color:#b7a9f2; font-size:10px; letter-spacing:.09em; }
.wq-business-primer__grid h4 { margin:12px 0 8px; color:#fff; font-size:18px; }
.wq-business-primer__grid p { margin:0; color:#c4c8db; font-size:13px; line-height:1.8; }
#home .pipeline-card { align-items:stretch; min-height:232px; }
#home .pipeline-card__image--wanqin { height:100%; min-height:150px; }
#home .pipeline-card__content { display:flex; flex-direction:column; justify-content:center; }
#home .pipeline-card__content>p { display:block; overflow:visible; -webkit-line-clamp:unset; color:#c9c9dc; font-size:13px; line-height:1.7; }
#home .pipeline-card__bottom { margin-top:16px; }
.wq-depth { margin:48px 0 70px; }
.wq-depth__head { max-width:800px; margin-bottom:23px; }
.wq-depth__head h2 { margin:10px 0 12px; color:#fff; font-size:clamp(29px,3.4vw,45px); line-height:1.16; }
.wq-depth__head p { margin:0; color:#d1d0e2; font-size:15px; line-height:1.85; }
.wq-depth__chapters { display:grid; gap:20px; }
.wq-depth__chapter { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); min-height:280px; overflow:hidden; border:1px solid rgba(187,173,248,.22); border-radius:22px; background:linear-gradient(130deg,#171a3a,#11172f); }
.wq-depth__chapter:not(.has-image) { display:block; min-height:0; }
.wq-depth__chapter.has-image:nth-child(even) figure { order:2; }
.wq-depth__chapter figure { margin:0; min-height:100%; overflow:hidden; }
.wq-depth__chapter figure img { display:block; width:100%; height:100%; min-height:280px; object-fit:cover; }
.wq-depth__copy { padding:clamp(22px,3vw,34px); align-self:center; }
.wq-depth__copy h3 { margin:10px 0 16px; color:#fff; font-size:clamp(21px,2.2vw,28px); line-height:1.3; }
.wq-depth__copy p { margin:0 0 12px; color:#d0d1e2; font-size:14px; line-height:1.9; }
.wq-depth__copy a { display:inline-block; margin-top:9px; color:#a9d8ff; font-size:12px; text-decoration:none; }
.wq-depth__copy a:hover { text-decoration:underline; }
.wq-depth__route { margin-top:20px; padding:clamp(22px,3vw,32px); border:1px solid rgba(165,181,243,.28); border-radius:22px; background:radial-gradient(circle at 100% 0%,rgba(83,112,185,.28),transparent 40%),#121b37; }
.wq-depth__route h3 { color:#fff; font-size:24px; margin:9px 0 17px; }
.wq-depth__route ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; list-style:none; counter-reset:route; padding:0; margin:0; }
.wq-depth__route li { counter-increment:route; position:relative; min-height:92px; padding:17px 15px 17px 48px; border:1px solid rgba(159,180,231,.2); border-radius:14px; background:rgba(6,13,36,.55); color:#d9dced; font-size:13px; line-height:1.65; }
.wq-depth__route li::before { content:counter(route,decimal-leading-zero); position:absolute; left:14px; top:16px; color:#91dfe5; font-size:12px; font-weight:800; }
@media(max-width:760px) {
  .wq-business-primer { margin:25px 0 31px; border-radius:21px; }
  .wq-business-primer__toggle { padding:19px 18px; gap:7px 11px; }
  .wq-business-primer__label { flex-basis:100%; }
  .wq-business-primer__toggle strong { font-size:22px; }
  .wq-business-primer__content { padding:0 18px 21px; }
  .wq-business-primer__intro { font-size:13px; }
  .wq-business-primer__grid { grid-template-columns:1fr; gap:8px; margin-top:17px; }
  .wq-business-primer__grid article { padding:17px; }
  #home .pipeline-card { min-height:240px; }
  #home .pipeline-card__image--wanqin { height:100%; min-height:190px; aspect-ratio:auto; }
  #home .pipeline-card__content>p { font-size:13px; line-height:1.65; }
  .wq-depth { margin:39px 0 55px; }
  .wq-depth__head h2 { font-size:31px; }
  .wq-depth__head p { font-size:14px; }
  .wq-depth__chapters { gap:13px; }
  .wq-depth__chapter { display:flex; flex-direction:column; border-radius:19px; }
  .wq-depth__chapter.has-image:nth-child(even) figure { order:0; }
  .wq-depth__chapter figure { height:185px; min-height:0; }
  .wq-depth__chapter figure img { height:185px; min-height:0; }
  .wq-depth__copy { padding:22px 19px; }
  .wq-depth__copy h3 { font-size:23px; }
  .wq-depth__copy p { font-size:13px; line-height:1.85; }
  .wq-depth__route { padding:21px 18px; }
  .wq-depth__route ol { grid-template-columns:1fr; }
  .wq-depth__route li { min-height:0; }
}
@media(max-width:350px) {
  #home .pipeline-card { grid-template-columns:85px minmax(0,1fr); gap:10px; }
  #home .pipeline-card__content>p { font-size:12px; }
}
