/* Editorial preview: scoped help, guide rail and complete guide only. */
#planning-shell .planning-guide-rail,
body[data-unified-workspace] #planning-shell .planning-guide-rail {
  background: linear-gradient(150deg, #f1f5fe 0%, #f8faff 100%);
  border: 1px solid #cedaf0;
  border-left: 3px solid #788bc6;
  box-shadow: 0 5px 18px rgb(43 65 116 / 7%);
  border-radius: 10px;
}
.planning-guide-rail .guidance-essential { padding: 0; border: 0; background: none; margin: 12px 0; }
.planning-guide-rail .guidance-essential p { font-weight: 600; font-size: .86rem; }
.planning-guide-rail .planning-guide-rail__note { background: #ffffff8c; border: 1px solid #dce4f3; border-radius: 7px; font-size: .78rem; color: #586b8a; }
.planning-guide-rail .planning-guide-rail__intent { margin-top: 9px; }
.planning-guide-rail .planning-guide-rail__actions .primary-btn { width: 100%; box-shadow: none; }
#planning-shell .title-actions .help-btn:not(.help-btn--ghost) { background: #edf2fc; border-color: #bfcde9; color: #3f559b; box-shadow: 0 2px 7px #354a8310; }
body[data-unified-workspace] #planning-shell .pges-unified-guide-toggle { background: #edf2fc; border: 1px solid #bfcde9; color: #3f559b; box-shadow: 0 2px 7px #354a8310; }
.guidance-kicker { display: block; color: #4c62a0; font: 750 .68rem/1.5 Manrope, 'Segoe UI', sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.guidance-essential { padding: 14px 17px; border: 1px solid #d6e1f3; border-left: 3px solid #7589c5; background: #f2f6fd; border-radius: 8px; margin-bottom: 22px; }
.guidance-essential p { margin: 5px 0 0; color: #2a3c60; line-height: 1.65; }
.guidance-section { margin: 22px 0; }
.guidance-section h3, .guidance-full h3 { margin: 0 0 12px; color: #253552; font: 750 .98rem/1.5 Manrope, 'Segoe UI', sans-serif; }
.guidance-list { margin: 0; padding-left: 20px; display: grid; gap: 10px; color: #4b5d78; line-height: 1.7; list-style: disc; }
ol.guidance-list--steps { list-style: none; counter-reset: guidance; padding: 0; gap: 15px; }
.guidance-list--steps > li { position: relative; padding-left: 39px; counter-increment: guidance; min-height: 27px; }
.guidance-list--steps > li::before { content: counter(guidance); position: absolute; top: 1px; left: 0; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; border: 1px solid #d5dff0; background: #f4f7fd; color: #4b61a4; font-size: .75rem; font-weight: 750; }
.guidance-check { background: #f8fafc; padding: 16px 18px; border: 1px solid #e0e7f1; border-radius: 8px; }
.guidance-details { padding: 13px 0; border-top: 1px solid #e2e8f2; }
.guidance-details summary { cursor: pointer; color: #435b93; font-size: .87rem; font-weight: 650; }
.guidance-details p { margin: 12px 0 0; line-height: 1.7; }
.guidance-original > div { padding-top: 12px; }
.guidance-original ul, .guidance-original ol { padding-left: 23px; margin: 10px 0 17px; }
.guidance-original ul { list-style: disc; }
.guidance-original ol { list-style: decimal; }
.guidance-original li { margin-bottom: 8px; }
.guidance-help { font: 400 .9rem/1.65 Manrope, 'Segoe UI', sans-serif; }
#help-modal .modal-content { width: min(780px, calc(100vw - 32px)); max-width: 780px; max-height: calc(100dvh - 60px); padding: 23px 25px; border-radius: 11px; }
#help-modal-title { font-size: 1.15rem; margin-bottom: 15px; padding-right: 40px; }
#help-modal-content { max-height: calc(100vh - 155px); }
.guidance-full { color: #4b5d78; font: 400 .91rem/1.75 Manrope, 'Segoe UI', sans-serif; }
.guidance-full p { margin: 0; }
.guidance-full__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 22px 0; }
.guidance-full__intro .guidance-section { margin: 0; }
.guidance-full .guidance-example { border-left: 2px solid #cdd8ec; padding: 14px 18px; }
.guidance-connection { padding: 18px 0 6px; border-top: 1px solid #dce4f0; }
.guidance-connection h3 { margin-bottom: 7px; }
.guidance-routine { margin-top: 24px; border: 1px solid #dce4f0; border-radius: 8px; padding: 0 18px; }
.guidance-routine summary { padding: 17px 0; font-weight: 700; color: #354d80; cursor: pointer; }
body.guide-editorial { --sidebar-w: 280px; background: #f5f7fc; --radius-xl: 12px; --radius-lg: 10px; --shadow: 0 4px 20px #263d6810; }
.guide-editorial .sidebar { padding: 22px 17px; background: #fbfcff; backdrop-filter: none; }
.guide-editorial .brand { border: 0; padding: 0 0 17px; box-shadow: none; background: none; border-radius: 0; }
.guide-editorial .brand-title { font: 750 17px/1.4 Manrope, 'Segoe UI', sans-serif; }
.guide-editorial .brand-mark { width: 34px; height: 34px; border-radius: 8px; }
.guide-editorial .sidebar-card { border-radius: 8px; padding: 13px; box-shadow: none; }
.guide-editorial .content { padding: 24px 34px 50px; max-width: 1250px; }
.guide-editorial .topbar { padding-bottom: 16px; }
.guide-editorial .page .hero { padding: 26px 28px; box-shadow: none; border-radius: 10px; background: #fff; }
.guide-editorial .hero::before { display: none; }
.guide-editorial .page .hero .title { font: 750 1.8rem/1.3 Manrope, 'Segoe UI', sans-serif; margin: 9px 0; letter-spacing: -.035em; }
.guide-editorial .page .subtitle { font-size: .94rem; }
.guide-editorial .hero-grid { display: none; }
.guide-editorial .nav-item { border-radius: 7px; }
.guide-editorial .nav-title { font-size: .82rem; }
.guide-editorial .nav-desc { font-size: .72rem; }
.guide-editorial .nav-title, .guide-editorial .nav-desc { display: block; line-height: 1.5; }
.guide-editorial .nav-desc { margin-top: 3px; }
.guide-editorial .nav-item { grid-template-columns: 25px minmax(0, 1fr); padding: 11px 9px; gap: 9px; }
.guide-editorial .nav-number { width: 25px; height: 25px; border-radius: 6px; font-size: 10px; }
.guide-editorial .sidebar-card :is(select,input) { font-size: 12px; padding: 9px; border-radius: 6px; }
.guide-editorial .context-note { font-size: 11px; line-height: 1.65; }
.guide-editorial .page .panel { border-radius: 9px; padding: 23px 26px; box-shadow: none; }
.guide-editorial .page .section-grid { grid-template-columns: 1fr 1fr; }
.guide-editorial .page .guidance-guide-panel { margin-top: 20px; background: #fff; }
.guide-editorial .page .panel-title { font: 700 1rem/1.5 Manrope, 'Segoe UI', sans-serif; }
.guide-editorial .btn { border-radius: 7px; font-size: .8rem; padding: 9px 12px; }
.guide-editorial .list, .guide-editorial .body-text, .guide-editorial .example-body { font-size: .86rem; }
.guide-editorial .example-card { border-radius: 7px; box-shadow: none; }
.guide-editorial .page .section-grid .panel { background: #fff; }
@media(max-width: 900px) { .guidance-full__intro { grid-template-columns: 1fr; gap: 18px; } .guide-editorial .content { padding: 20px; } .guide-editorial .page .section-grid { grid-template-columns: 1fr; } }
@media print { .guidance-list--steps > li { break-inside: avoid; } .guidance-essential, .guidance-full__intro > *, .guidance-connection { break-inside: avoid; } .guidance-full { color: #17213a; } }