/* Audit, priorité 3 : « Mes progrès ». Couleur des marques validée (script data-viz) : #B8410E sur le papier clair,
   #D96E37 sur le fond sombre ; cibles en pointillé gris ; texte toujours en couleurs de texte. */
:root{--viz:#B8410E; --viz-goal:#8A7D6E}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){--viz:#D96E37; --viz-goal:#8C7F70} }
:root[data-theme="dark"]{--viz:#D96E37; --viz-goal:#8C7F70}
body.pg-on #sh-neck{display:none}
.pg{display:flex; flex-direction:column; gap:var(--sp6,24px); max-width:620px; margin:0 auto; padding-bottom:12px}
.pg-hero{padding:18px 16px; border-radius:var(--r2,20px); color:#F5EBDC; background:repeating-linear-gradient(90deg, transparent 0 74px, rgba(217,161,91,.2) 74px 76px), linear-gradient(165deg,#3E2B1B,#20150C)}
.pg-hero .pg-h{color:#D9A15B} .pg-hero .pg-sub{color:rgba(245,235,220,.8)}
.pg-big{margin:4px 0 2px; display:flex; align-items:baseline; gap:6px} .pg-big b{font-family:var(--f-display); font-weight:400; font-size:3.2rem; line-height:1} .pg-big span{font-size:17px; font-weight:600}
.pg-sec{display:flex; flex-direction:column; gap:8px}
.pg-h{margin:0; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}
.pg-sub{margin:0; font-size:14px; color:var(--muted); line-height:1.4}
.pg-empty{margin:0; padding:12px 14px; border-radius:var(--r1,12px); background:var(--panel); font-size:14.5px; color:var(--muted)}
.pg-svg{display:block; width:100%; height:auto; overflow:visible}
.pg-grid{stroke:var(--line); stroke-width:1}
.pg-ax{fill:var(--muted); font-size:10px; font-family:var(--f-body)} .pg-ax.cur{fill:var(--ink); font-weight:700}
.pg-val{fill:var(--ink); font-size:11px; font-weight:700; font-family:var(--f-chord)}
.pg-goal{stroke:var(--viz-goal); stroke-width:1.5; stroke-dasharray:4 4}
.pg-gl{fill:var(--muted); font-size:10px; font-weight:700}
.pg-bar{fill:var(--viz); opacity:.55} .pg-bar.cur{opacity:1}
.pg-hit.on .pg-bar{opacity:1} .pg-hit:focus{outline:none} .pg-hit:focus-visible .pg-bar, .pg-hit:focus-visible .pg-dot{stroke:var(--ink); stroke-width:2}
.pg-line{fill:none; stroke:var(--viz); stroke-width:2; stroke-linejoin:round; stroke-linecap:round}
.pg-dot{fill:var(--viz); stroke:var(--bg); stroke-width:2} .pg-hit.on .pg-dot{r:6.5}
.pg-read{margin:0; font-size:14px; font-weight:600; min-height:1.4em}
.pg-tab summary{cursor:pointer; font-size:13px; font-weight:600; color:var(--muted); min-height:32px; display:flex; align-items:center}
.pg-tab table{width:100%; border-collapse:collapse; font-size:13.5px; font-variant-numeric:tabular-nums}
.pg-tab th, .pg-tab td{text-align:left; padding:6px 4px; border-bottom:1px solid var(--line)} .pg-tab th{font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted)}
.pg-pil{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px}
.pg-pil li{display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; align-items:start; padding:10px 0; border-bottom:1px solid var(--line)}
.pg-ic{width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:14px; background:var(--line); color:var(--ink)}
.pg-pil .st-ok .pg-ic{background:var(--two-tint); color:var(--two)} .pg-pil .st-weak .pg-ic{background:var(--dom-tint); color:var(--dom)} .pg-pil .st-rev .pg-ic, .pg-pil .st-prog .pg-ic{background:var(--tonic-tint); color:var(--tonic)}
.pg-pt{display:flex; flex-direction:column; min-width:0} .pg-pt b{font-size:15px} .pg-pt span{font-size:13.5px; color:var(--muted); line-height:1.35}
.pg-hb{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px}
.pg-hb li{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 44px; gap:10px; align-items:center; font-size:14px}
.pg-hl{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pg-ht{position:relative; height:10px; border-radius:5px; background:var(--line)} .pg-ht span{position:absolute; left:0; top:0; bottom:0; border-radius:5px; background:var(--viz)} .pg-ht i{position:absolute; top:-3px; bottom:-3px; width:0; border-left:1.5px dashed var(--viz-goal)}
.pg-hv{text-align:right; font-family:var(--f-chord); font-weight:600; font-variant-numeric:tabular-nums}
.pg-seg{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(13,minmax(0,1fr)); gap:3px}
.pg-seg li{height:14px; border-radius:4px; background:var(--line)} .pg-seg li.s1{background:var(--tonic-tint); box-shadow:inset 0 0 0 1.5px var(--tonic)} .pg-seg li.s2{background:var(--two)}
.pg-mo{list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:6px} .pg-mo li{display:flex; justify-content:space-between; gap:10px; font-size:14px} .pg-mo span{color:var(--muted)}
.pg-link{all:unset; box-sizing:border-box; display:block; width:100%; text-align:center; cursor:pointer; min-height:44px; line-height:44px; font-size:14px; color:var(--muted)} .pg-link:hover{color:var(--ink)}