/* Four peer cards, scaled to 80% of the established 1280px navigation cards.
   This only applies to 问道堂 when the life-planning peer is present. */
@media(min-width:1200px){
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-panel{
  width:min(978.533px,calc(100vw - 32px))!important;
  position:fixed;left:max(16px,calc((100vw - 978.533px)/2));right:auto;
  top:var(--cgn-top,86px);border-radius:13.6px;transform-origin:top center;
 }
 body .header .cgn .cgn-advice .cgn-links:has(>.zlp-nav-card){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-sections{padding:8px}
}
@media(min-width:1280px){
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-feature-intro{
  grid-template-columns:minmax(0,1fr);grid-template-rows:16px 36.8px 54.4px 169.6px 43.2px;
  min-height:356.8px;padding:19.2px 19.2px 16px;border-width:.8px;border-radius:12px;
 }
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-volume{font-size:9.6px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-link-name{font-size:22.4px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-description{font-size:11.2px;margin-top:3.2px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-feature-visual{width:calc(100% + 38.4px);height:169.6px;margin:0 -19.2px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) :is(.cgn-scene-knowledge,.cgn-scene-compass){padding:5.6px 11.2px 4px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-solution-footer{padding-top:9.6px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-solution-action{min-height:33.6px;padding:5.6px 6.4px 5.6px 10.4px;border-width:.8px;border-radius:7.2px;font-size:8.8px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-solution-action>span{width:19.2px;height:19.2px;font-size:12px;border-width:.8px}
}
@media(min-width:768px) and (max-width:1199px){
 body .header .cgn .cgn-advice .cgn-links:has(>.zlp-nav-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-solution-card{min-height:131.2px;padding:14.4px 15.2px 12.8px;border-radius:8.8px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-link-name{font-size:16.8px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-description{font-size:11px}
}
@media(min-width:1200px) and (max-width:1279px){
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-solution-card{min-height:131.2px;padding:14.4px 15.2px 12.8px;border-radius:8.8px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-link-name{font-size:16.8px}
 body .header .cgn .cgn-advice:has(.zlp-nav-card) .cgn-description{font-size:11px}
}
/* Mobile uses the established full-width 44px navigation rows. */
@media(max-width:767px){body .header .cgn .cgn-advice .cgn-links:has(>.zlp-nav-card){grid-template-columns:minmax(0,1fr)!important}}

/* Life planning: native layout primitives, no image asset. */

.zlp-paths { position:relative; display:block; flex:none; width:210px; height:150px; margin:auto; pointer-events:none; }
.zlp-paths-orbit,.zlp-paths-line-up,.zlp-paths-line-left,.zlp-paths-line-right,.zlp-paths-line-start,.zlp-paths-node-up,.zlp-paths-node-left,.zlp-paths-node-right,.zlp-paths-hub,.zlp-paths-start { position:absolute; box-sizing:border-box; }
.zlp-paths-orbit { left:59px; top:10px; width:92px; height:92px; border:1px dashed rgba(217,197,156,.28); border-radius:50%; }
.zlp-paths-line-up,.zlp-paths-line-start { left:104px; width:2px; background:#d9c59c; }
.zlp-paths-line-up { top:25px; height:60px; }
.zlp-paths-line-start { top:88px; height:43px; }
.zlp-paths-line-left,.zlp-paths-line-right { width:72px; height:2px; background:#d9c59c; transform-origin:left center; }
.zlp-paths-line-left { left:40px; top:55px; transform:rotate(25deg); }
.zlp-paths-line-right { left:105px; top:85px; transform:rotate(-25deg); }
.zlp-paths-node-up,.zlp-paths-node-left,.zlp-paths-node-right { width:14px; height:14px; border:2px solid #efe0bc; border-radius:50%; background:#66877a; box-shadow:0 0 0 5px rgba(217,197,156,.10); }
.zlp-paths-node-up { left:98px; top:18px; }
.zlp-paths-node-left { left:33px; top:49px; }
.zlp-paths-node-right { left:163px; top:49px; }
.zlp-paths-hub { left:91px; top:72px; width:28px; height:28px; border:1px solid rgba(239,224,188,.6); border-radius:9px; background:#39554e; box-shadow:0 3px 12px rgba(0,0,0,.12); }
.zlp-paths-hub::after { content:""; position:absolute; left:9px; top:9px; width:8px; height:8px; border-radius:50%; background:#efe0bc; }
.zlp-paths-start { left:99px; top:125px; width:12px; height:12px; border:2px solid #efe0bc; border-radius:2px; transform:rotate(45deg); background:#39554e; }