/* Peaceful Consulting USA - Design System v1 (Palette B) - MP13 W4 */
:root{--pc-primary:#0A1628;--pc-primary-700:#142240;--pc-secondary:#176E9C;--pc-secondary-hover:#125A80;--pc-accent:#8DBF2E;--pc-accent-ink:#4D7A10;--pc-hl:#C9A84C;--pc-hl-ink:#7A5C10;--pc-hl-tint:#F8F1DE;--pc-bg:#F8F7F4;--pc-surface:#FFFFFF;--pc-text:#1F2933;--pc-muted:#5E5B54;--pc-border:#E3E0D7;--pc-success:#1A6B44;--pc-warning:#9A5B00;--pc-error:#B42318;--pc-r-sm:8px;--pc-r-md:12px;--pc-r-lg:16px}
html{-webkit-text-size-adjust:100%}
body{font-family:'Open Sans',Arial,sans-serif}
h1,h2,h3,h4{font-family:'Montserrat',Arial,sans-serif}
h2{font-size:clamp(1.5rem,1.15rem + 1.4vw,2.125rem)}
img,video,iframe{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pc-accent);outline-offset:2px}
.btn-primary{background:var(--pc-secondary)!important;border-color:var(--pc-secondary)!important;color:#fff!important}
.btn-primary:hover{background:var(--pc-secondary-hover)!important;border-color:var(--pc-secondary-hover)!important}
.pc-back{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .25rem;margin:0 0 .5rem;font:600 .9375rem/1 'Montserrat',Arial,sans-serif;color:inherit;opacity:.92;text-decoration:none}
.pc-back:hover{opacity:1;text-decoration:underline}
.pc-soon{display:inline-flex!important;align-items:center;justify-content:center;gap:.4rem;background:#EEF2F5!important;color:var(--pc-primary)!important;border:1.5px dashed var(--pc-secondary)!important;box-shadow:none!important;cursor:not-allowed}
footer,.footer{border-top:3px solid var(--pc-hl)}
.footer-bottom-links a[href*="/legal/"]{white-space:nowrap}
img.pc-logo{height:40px;width:auto;border-radius:8px;background:#fff;vertical-align:middle}
@media (max-width:768px){
 [style*="grid-template-columns:280px 1fr"],[style*="grid-template-columns: 280px 1fr"],[style*="grid-template-columns:280px 1fr;"]{grid-template-columns:1fr!important}
 .method-card,.about-grid>*{min-width:0}
 [style*="minmax(300px"]{grid-template-columns:1fr!important}
}
@media (max-width:480px){
 .btn-primary,.btn-secondary{max-width:100%;white-space:normal}
 table{display:block;max-width:100%;overflow-x:auto}
}
/* r2: navigation repliee sous 1200px, compacte 1200-1439px ; correctifs 320px */
@media (max-width:1199px){
 #mainNav .nav-links{display:none!important}
 #mainNav .hamburger{display:flex!important}
}
@media (min-width:1200px) and (max-width:1439px){
 #mainNav .nav-inner{gap:.5rem!important}
 #mainNav .nav-links{gap:2px!important}
 #mainNav .nav-links a{font-size:.8125rem!important;padding-left:.5rem!important;padding-right:.5rem!important;letter-spacing:0!important}
}
@media (max-width:480px){
 .methods-grid{grid-template-columns:1fr!important}
 .method-card{width:auto!important;max-width:100%}
 .footer-bottom-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;max-width:100%}
}
/* r3: grilles des pages dimension, widget de rendez-vous */
@media (max-width:768px){
 .solution-grid,.coach-inner{grid-template-columns:1fr!important}
 .solution-card,.coach-content{min-width:0!important;width:auto!important;max-width:100%!important}
}
.calendly-inline-widget{min-width:0!important;max-width:100%!important}
/* MP13 W5 - DS component ORIENTATION (3 parcours) + level cards meta/CTA. Necessary: new component, no existing class covers it. */
.pc-orient{background:var(--pc-bg);border-top:1px solid var(--pc-border);padding:3rem 1rem}
.pc-orient-in{max-width:1100px;margin:0 auto}
.pc-orient h2{text-align:center;margin:0 0 1.5rem;color:var(--pc-primary)}
.pc-orient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pc-orient-card{display:flex;flex-direction:column;gap:.4rem;min-width:0;padding:1.25rem;background:var(--pc-surface);border:1.5px solid var(--pc-border);border-radius:var(--pc-r-md);color:var(--pc-text);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.pc-orient-card:hover{border-color:var(--pc-secondary);box-shadow:0 4px 14px rgba(10,22,40,.08)}
.pc-orient-card .k{font:700 .8125rem/1.2 'Montserrat',Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--pc-secondary)}
.pc-orient-card strong{font:700 1.0625rem/1.35 'Montserrat',Arial,sans-serif;color:var(--pc-primary)}
.pc-orient-card .m{font-size:.9rem;color:var(--pc-muted)}
.pc-orient-card .here{align-self:flex-start;margin-top:.25rem;padding:.15rem .55rem;border-radius:999px;background:var(--pc-accent);color:var(--pc-primary);font:700 .75rem/1.4 'Montserrat',Arial,sans-serif}
.pc-orient-card.is-here{border-color:var(--pc-accent)}
.pc-lvl{display:flex;flex-direction:column;min-width:0}
.pc-lvl-meta{font-size:.85rem;color:var(--pc-muted);margin:.35rem 0 .75rem}
.pc-lvl-cta{margin-top:auto;align-self:flex-start;max-width:100%;white-space:normal;text-align:center}
@media (max-width:900px){.pc-orient-grid{grid-template-columns:1fr}}
/* MP13 W7 - responsive fixes for pre-existing overflow at 320-480px (exit criterion W7: 0 overflow). Scoped: blog T3 nav (nav > .nav-container) and lead-magnet guide worksheet (.doc). No T1 selector touched. */
@media (max-width:480px){nav > .nav-container{flex-wrap:wrap;row-gap:.5rem}nav > .nav-container .lang-switcher{margin-left:auto}}
@media (max-width:600px){.doc .wheel-wrap{zoom:.55}.doc .scale{flex-wrap:wrap;max-width:100%}.doc .dim .score{flex-wrap:wrap;max-width:100%}}
@media (max-width:420px){.doc .wheel-wrap{zoom:.45}}
/* r6 (MP13 W8) : E-Book au premier niveau (9 entrees) ; FR | EN toujours visible dans la barre */
#mainNav .nav-inner>.lang-switcher{display:flex!important;align-items:center;gap:4px;flex-shrink:0;margin-left:10px}
#mainNav .lang-sep{color:rgba(255,255,255,.45);font-size:12px;line-height:1;user-select:none}
#mainNav .lang-btn{min-width:32px;text-align:center}
#mainNav .lang-btn.lang-active,#mainNav .lang-btn.active{background:#176E9C;border-color:#176E9C;color:#fff}
#mainNav .lang-btn:not(.lang-active):not(.active):hover{background:transparent;border-color:#fff;color:#fff}
@media (min-width:1200px){#mainNav .nav-inner{max-width:1440px}#mainNav .nav-links{gap:0!important}#mainNav .nav-links>li{max-width:124px}#mainNav .nav-links>li>a{white-space:normal!important;line-height:1.2;text-align:center;display:inline-flex;align-items:center}}
@media (max-width:1199px){#mainNav .nav-inner>.lang-switcher{margin-left:auto}#mainNav .nav-inner>.hamburger{margin-left:12px;order:99}}
@media (min-width:1200px) and (max-width:1439px){#mainNav .nav-inner{padding-left:1rem!important;padding-right:1rem!important;gap:.25rem!important}#mainNav .logo{gap:8px}#mainNav .logo-name{font-size:13px}#mainNav .nav-links a{font-size:.78rem!important;padding-left:.4rem!important;padding-right:.4rem!important}#mainNav .nav-inner>.lang-switcher{margin-left:6px}}
@media (min-width:1440px){#mainNav .nav-links a{padding-left:.55rem!important;padding-right:.55rem!important}}
@media (max-width:480px){#mainNav .nav-inner{padding-left:.75rem!important;padding-right:.75rem!important}#mainNav .logo{gap:8px}#mainNav .logo img{width:38px!important;height:38px!important}#mainNav .logo-name{font-size:12px}#mainNav .logo-sub{font-size:9px}#mainNav .lang-btn{padding:4px 6px;min-width:30px}#mainNav .nav-inner>.hamburger{margin-left:8px}}
@media (max-width:359px){#mainNav .logo-name{font-size:11px;letter-spacing:0}}
@media (max-width:1199px){#mainNav .mobile-menu.open{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 73px);overflow-y:auto;overscroll-behavior:contain;z-index:1001;box-shadow:0 12px 24px rgba(0,0,0,.25)}}
@media (min-width:1200px){#mainNav .mobile-menu{display:none!important}}