.project-navigation-notice { width: min(1180px, calc(100% - 52px)); margin: 12px auto 25px; padding: 22px 26px; border: 2px solid var(--v2-ink, #111c3b); border-radius: 14px; color: var(--v2-ink, #111c3b); background: #f3f8de; }
.project-navigation-notice h2 { margin: 0 0 9px; font-size: 1.3rem; line-height: 1.5; }
.project-navigation-notice p { max-width: 900px; margin: 0; color: var(--v2-muted, #61718e); font-size: .94rem; font-weight: 650; line-height: 1.85; }
.project-navigation-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 18px; }
.project-navigation-actions a { color: var(--v2-ink, #111c3b); font-size: .9rem; font-weight: 800; text-underline-offset: 5px; }
.project-navigation-actions .project-navigation-primary { padding: 12px 17px; border-radius: 8px; color: #fff; background: var(--v2-ink, #111c3b); text-decoration: none; }
.project-help-links { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.project-help-links a { color: var(--v2-ink, #111c3b); font-size: .85rem; font-weight: 800; text-underline-offset: 4px; }
body > header .project-help-links a { display: inline-block; }
.project-card-help { color: var(--v2-ink, #111c3b); font-weight: 900; letter-spacing: 2px; text-decoration: none; }
.v2-header nav { flex-wrap: wrap; justify-content: flex-end; gap: 15px 20px; }
@media (max-width: 820px) { .v2-header { flex-wrap: wrap; gap: 18px; } .v2-header nav { width: 100%; justify-content: flex-start; } .v2-header nav > a:not(.nav-cta) { display: inline-block; font-size: .8rem; } }
:is(.confirm-steps, .proof-steps, .order-steps) li.is-navigation-step { position: relative; opacity: 1; }
.project-step-link { position: absolute; inset: -7px -5px; z-index: 1; border-radius: 8px; }
.project-step-link:hover { background: rgba(43, 83, 255, .07); }
.project-step-link:focus-visible, .project-navigation-actions a:focus-visible, .project-help-links a:focus-visible { outline: 3px solid var(--v2-blue, #2b53ff); outline-offset: 4px; }
@media (max-width: 820px) { body > :is(.project-header, .confirm-header, .proof-header, .order-header, .organizer-header) { flex-wrap: wrap; gap: 17px; } .project-help-links { width: 100%; justify-content: flex-end; } .project-navigation-notice { width: min(100% - 34px, 620px); padding: 20px; } }