/* AMSODE — Phase 4: couleurs, typographie, système graphique */
:root{--p4-blue:#0099CC;--p4-green:#99CC33;--p4-access:#005b7c;--p4-ink:#15323d;--p4-soft:#f4f8fa;--p4-line:#d9e7ed}
.p4-page{min-width:0;background:#fff}.p4-page .p4-main{min-width:0}
.p4-page .p4-hero{padding:150px clamp(22px,5vw,78px) 85px;background:radial-gradient(circle at 82% 14%,rgba(153,204,51,.14),transparent 25%),linear-gradient(145deg,#fff 60%,#eff8fb);border-bottom:1px solid var(--p4-line)}
.p4-container{max-width:1270px;margin:0 auto}
.p4-hero .p4-breadcrumb{font:700 13px Arial,sans-serif;color:var(--p4-access);margin:0 0 22px}.p4-breadcrumb a:hover,.p4-context a:hover{text-decoration:underline}
.p4-hero .p4-overline,.p4-overline{font:700 12px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--p4-access)}
.p4-hero h1{font-size:clamp(50px,6.2vw,88px);line-height:1.01;letter-spacing:-.045em;max-width:980px;margin:14px 0 24px;color:var(--p4-ink)}
.p4-hero p{font-size:clamp(19px,1.65vw,24px);line-height:1.47;color:#425c68;max-width:810px;margin:0}
.p4-subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.p4-subnav a{background:#fff;border:1px solid #cbdfe7;border-radius:999px;padding:11px 16px;font:700 13px Arial,sans-serif;color:var(--p4-access)}.p4-subnav a:hover,.p4-subnav a:focus-visible{background:var(--p4-access);color:#fff}
.p4-section{padding:85px clamp(22px,5vw,78px)}.p4-section.soft{background:var(--p4-soft)}.p4-section.dark{background:#12333f;color:#fff}.p4-section-head{display:grid;grid-template-columns:1fr minmax(275px,.7fr);gap:42px;align-items:end;margin-bottom:34px}.p4-section-head h2{font-size:clamp(36px,4.0vw,57px);letter-spacing:-.035em;line-height:1.07;margin:10px 0 0}.p4-section-head p{font-size:19px;line-height:1.5;margin:0;color:#536b75}.p4-section.dark .p4-section-head p{color:#d0e5ed}.p4-section.dark .p4-overline{color:#b9df8f}
.p4-swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.p4-swatch-card{border:1px solid var(--p4-line);border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 16px 40px rgba(18,58,74,.05)}.p4-swatch-area{min-height:210px;display:flex;align-items:flex-end;justify-content:space-between;padding:28px;gap:20px}.p4-swatch-area strong{font-size:34px;line-height:1;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1)}.p4-swatch-area.p4-green-area strong{color:#17351a;text-shadow:none}.p4-swatch-area span{font:700 13px Arial,sans-serif;letter-spacing:.07em;color:inherit}.p4-blue-area{background:var(--p4-blue);color:#fff}.p4-green-area{background:var(--p4-green);color:#17351a}.p4-swatch-details{padding:25px 28px 28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.p4-swatch-details p{margin:8px 0 0;color:#4d6771;font-size:16px;line-height:1.5}.p4-value{font:700 16px Arial,sans-serif;display:block}.p4-copy{background:#fff;border:1px solid #bdd6e0;border-radius:999px;padding:10px 14px;cursor:pointer;font:700 12px Arial,sans-serif;color:var(--p4-access)}.p4-copy:hover,.p4-copy:focus-visible{background:#e7f5fb}
.p4-note{border-left:4px solid var(--p4-green);padding:18px 22px;border-radius:0 14px 14px 0;background:#f3f9eb;margin-top:24px;color:#3b5828;font-size:17px;line-height:1.55}.p4-note.warning{border-left-color:#c69225;background:#fff7e8;color:#615025}
.p4-token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.p4-token{border:1px solid var(--p4-line);border-radius:17px;overflow:hidden;background:#fff}.p4-token-color{height:92px}.p4-token-name{padding:17px}.p4-token-name b{font:700 14px Arial,sans-serif;display:block}.p4-token-name span{font:13px Arial,sans-serif;color:#516977;display:block;margin-top:6px}
.p4-dosdont{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.p4-rule{background:#fff;border:1px solid var(--p4-line);border-radius:18px;padding:23px}.p4-rule b{display:block;font-size:22px;margin:14px 0 8px}.p4-rule p{color:#536b75;font-size:16px;line-height:1.48;margin:0}.p4-rule .p4-num{font:800 12px Arial,sans-serif;color:var(--p4-access);letter-spacing:.14em}
.p4-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.p4-type-card{border:1px solid var(--p4-line);background:#fff;border-radius:22px;padding:28px;min-height:255px}.p4-type-card .p4-meta{font:700 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--p4-access)}.p4-type-card h3{font-size:26px;margin:12px 0 14px}.p4-type-card .p4-specimen{display:block;font-size:clamp(35px,3.3vw,51px);line-height:1.05;margin:20px 0 15px;color:#173743}.p4-type-card p{font-size:16px;line-height:1.48;color:#536b75;margin:0}.p4-times{font-family:'Times New Roman',Times,serif}.p4-proxima{font-family:'Proxima Nova',Arial,sans-serif}.p4-lato{font-family:Lato,Arial,sans-serif}.p4-arial{font-family:Arial,Helvetica,sans-serif}.p4-calibri{font-family:Calibri,'Segoe UI',Arial,sans-serif}
.p4-typescale{border:1px solid var(--p4-line);background:#fff;border-radius:24px;padding:38px;display:grid;gap:20px}.p4-scale-row{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--p4-line)}.p4-scale-row:last-child{border-bottom:0;padding-bottom:0}.p4-scale-row small{font:700 12px Arial,sans-serif;color:#54707a}.p4-scale-row .t-display{font-size:clamp(43px,5vw,70px);line-height:1}.p4-scale-row .t-heading{font-size:36px;line-height:1.1}.p4-scale-row .t-lead{font-size:24px;line-height:1.3}.p4-scale-row .t-body{font-size:19px;line-height:1.56;max-width:750px}.p4-scale-row .t-caption{font-size:14px;line-height:1.5;font-family:Arial,sans-serif}
.p4-demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.p4-demo-box{border:1px solid var(--p4-line);background:#fff;border-radius:20px;padding:28px;min-height:330px}.p4-demo-box h3{font-size:24px;margin:0 0 20px}.p4-bad{background:#f0f1f1;color:#798388;padding:15px;font-size:14px;line-height:1.2}.p4-bad b{font-size:15px;font-weight:400}.p4-bad p{margin:7px 0}.p4-good{background:linear-gradient(135deg,#eaf6fa,#fff 56%);border-left:7px solid var(--p4-blue);padding:22px;min-height:210px}.p4-good small{font:700 12px Arial,sans-serif;color:var(--p4-access);letter-spacing:.12em}.p4-good h4{font-size:34px;line-height:1.1;margin:14px 0}.p4-good p{font-size:18px;line-height:1.5;max-width:420px;margin:0}
.p4-picto-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.p4-picto-card{border:1px solid var(--p4-line);border-radius:21px;padding:25px 13px 22px;background:#fff;text-align:center}.p4-picto-circle{width:104px;height:104px;border-radius:28px;background:#eff9fd;display:grid;place-items:center;margin:0 auto 20px}.p4-picto-circle img{width:54px;height:54px;object-fit:contain}.p4-picto-card h3{font-size:18px;line-height:1.3;margin:0;min-height:48px}.p4-picto-card a{display:inline-block;font:700 12px Arial,sans-serif;color:var(--p4-access);margin-top:14px;border-bottom:1px solid #94c6d8;padding-bottom:3px}.p4-picto-card a:hover{color:#083e54}
.p4-info-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.p4-info-card{border:1px solid var(--p4-line);border-radius:24px;background:#fff;padding:27px}.p4-info-card h3{font-size:25px;margin:0 0 12px}.p4-info-card>p{font-size:16px;line-height:1.5;color:#526c78;margin:0 0 18px}.p4-kpi-stack{display:grid;grid-template-columns:1fr 1fr;gap:13px}.p4-kpi{border-radius:14px;background:#eff8fb;padding:19px 17px}.p4-kpi.main{grid-column:span 2;background:var(--p4-blue);color:#fff}.p4-kpi strong{display:block;font:800 42px Arial,sans-serif;line-height:1}.p4-kpi span{display:block;margin-top:7px;font:700 13px Arial,sans-serif;line-height:1.35}.p4-kpi.main strong{font-size:54px}.p4-kpi.main span{color:#fff}.p4-bars{display:grid;gap:19px;margin-top:24px}.p4-bar-item{display:grid;grid-template-columns:118px 1fr 42px;align-items:center;gap:12px;font:700 13px Arial,sans-serif;color:#405c69}.p4-bar-track{height:16px;border-radius:99px;background:#e6eef2;overflow:hidden}.p4-bar-fill{display:block;height:100%;width:var(--v);background:var(--p4-blue);border-radius:99px}.p4-bar-item:nth-child(even) .p4-bar-fill{background:var(--p4-green)}
.p4-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.p4-device{background:#fff;border:1px solid var(--p4-line);border-radius:20px;padding:19px}.p4-device h3{font-size:21px;margin:0 0 15px}.p4-preview{position:relative;min-height:235px;border-radius:12px;overflow:hidden;background:#eef7fa;border:1px solid #d4e3e9}.p4-preview.report{padding:28px}.p4-preview.report img{width:130px;margin-bottom:25px}.p4-preview.report h4{font-size:28px;color:#173642;margin:0 0 13px}.p4-faux-line{height:7px;border-radius:8px;background:#d2e4ec;margin:8px 0;width:95%}.p4-faux-line.short{width:56%}.p4-preview.social{background:linear-gradient(120deg,rgba(12,47,56,.87),rgba(12,47,56,.25)),url('/assets/images/phase5/01-apercu-anonymise.webp') center/cover;color:#fff;padding:19px;display:flex;flex-direction:column;justify-content:space-between}.p4-preview.social img{width:104px;filter:brightness(0) invert(1)}.p4-preview.social h4{font-size:27px;margin:0;line-height:1.1}.p4-preview.panel{background:linear-gradient(135deg,#0099CC 0 45%,#99CC33 45% 49%,#fff 49% 100%);padding:22px}.p4-preview.panel img{width:135px;background:#fff;padding:9px;border-radius:9px}.p4-preview.panel h4{margin:33px 0 0;font-size:26px;color:#0a4561}.p4-device p{font-size:15px;line-height:1.5;color:#536b75;margin:15px 0 0}
.p4-next{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#12333f;border-radius:25px;padding:34px 40px;color:#fff}.p4-next h2{font-size:32px;margin:0 0 9px}.p4-next p{font-size:17px;line-height:1.48;color:#d3e5eb;margin:0}.p4-next a{padding:14px 20px;background:var(--p4-green);color:#1b361a;border-radius:999px;font:800 13px Arial,sans-serif;white-space:nowrap}.p4-next a:hover{background:#b7de69}
.p4-copy-feedback{min-height:1.5em;margin-top:12px;color:var(--p4-access);font:700 13px Arial,sans-serif}
@media(max-width:1120px){.p4-picto-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p4-token-grid{grid-template-columns:repeat(2,1fr)}.p4-device-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.p4-section-head,.p4-info-grid{grid-template-columns:1fr}.p4-dosdont{grid-template-columns:1fr}.p4-type-grid{grid-template-columns:1fr}.p4-hero{padding-top:120px}.p4-subnav{margin-top:24px}}
@media(max-width:680px){.p4-section{padding:64px 20px}.p4-hero{padding:115px 20px 60px}.p4-swatch-grid,.p4-demo-pair,.p4-device-grid{grid-template-columns:1fr}.p4-picto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p4-swatch-details{grid-template-columns:1fr}.p4-typescale{padding:24px}.p4-scale-row{grid-template-columns:1fr;gap:8px}.p4-next{flex-direction:column;align-items:flex-start;padding:28px}.p4-picto-circle{width:85px;height:85px}.p4-picto-card h3{font-size:16px}}
@media print{.topbar{position:static}.p4-hero{padding-top:50px}.p4-section{break-inside:avoid}.p4-copy,.p4-subnav{display:none}}