/* Nos notes expliquees (site pilote only, inc-pilote-notes.php). Theme tokens from app.css. */

/* Score box: each score is a link to its explanation, without looking like a text link. */
a.ss-item.pn-ss{display:block;color:inherit;text-decoration:none;border-radius:8px;outline-offset:3px}
a.ss-item.pn-ss .ss-top{display:flex}
a.ss-item.pn-ss .ss-bar{display:block}
a.ss-item.pn-ss:hover .ss-top>span:first-child,a.ss-item.pn-ss:focus-visible .ss-top>span:first-child{text-decoration:underline;text-underline-offset:3px}
.radar a.rd-lien{cursor:pointer}
.radar a.rd-lien:hover .rd-lbl,.radar a.rd-lien:focus .rd-lbl{text-decoration:underline}

/* "Documentation : complete / partielle" under the global score. */
.pn-doc{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:600;line-height:1.3;color:var(--ink-soft);text-decoration:none;white-space:nowrap}
.pn-doc:hover,.pn-doc:focus-visible{color:var(--ink)}
.pn-doc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--forest-2)}
.pn-doc--partielle .pn-doc-dot{background:var(--gold)}
.pn-doc-tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,4px);width:min(260px,80vw);white-space:normal;background:var(--paper);border:1px solid var(--line);border-radius:calc(12px*var(--rk,1));box-shadow:var(--shadow);padding:12px 14px;font-size:12.5px;font-weight:400;line-height:1.5;color:var(--ink-soft);text-align:left;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:70}
.pn-doc:hover .pn-doc-tip,.pn-doc:focus .pn-doc-tip,.pn-doc:focus-visible .pn-doc-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.cta-box.sans-prix .pn-doc-tip{left:0;transform:translate(0,4px)}
.cta-box.sans-prix .pn-doc:hover .pn-doc-tip,.cta-box.sans-prix .pn-doc:focus .pn-doc-tip{transform:translate(0,0)}

/* The section. */
.pn-section{max-width:760px;margin:40px 0;scroll-margin-top:90px}
.pn-section h2{margin:0 0 10px}
.pn-section h3{margin:28px 0 6px;font-size:1.12rem;scroll-margin-top:90px}
.pn-section p{color:var(--ink-soft);margin:0 0 10px;line-height:1.6}
.pn-note{color:var(--forest);font-variant-numeric:tabular-nums;white-space:nowrap}
.pn-intro{font-size:15.5px}
.pn-table{width:100%;border-collapse:collapse;margin:10px 0 8px;font-size:14.5px}
.pn-table th{font-weight:400;text-align:left;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);line-height:1.45}
.pn-table td.pn-num{text-align:right;white-space:nowrap;padding:9px 0 9px 12px;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;vertical-align:top}
.pn-table tr.pn-plus td.pn-num{color:var(--forest)}
.pn-table tr.pn-total th,.pn-table tr.pn-total td.pn-num{font-weight:700;color:var(--ink);border-bottom:0;border-top:2px solid var(--ink)}
.pn-calc{font-size:13px;color:var(--ink-mute)!important;font-variant-numeric:tabular-nums}
.pn-faits{font-size:14px}
.pn-manque{font-size:14px;padding-left:12px;border-left:3px solid var(--gold)}
.pn-texte{font-size:14.5px}
.pn-globale{margin-top:22px!important;font-weight:600;color:var(--ink)!important}
.pn-methode a{font-weight:600;color:var(--forest)}
.pn-exemple .pn-table{max-width:720px}
.methodo-block#documentation,.methodo-block#exemple{scroll-margin-top:90px}
@media(max-width:560px){.pn-table{font-size:13.5px}.pn-doc{white-space:normal}.pn-doc-tip{left:0;transform:translate(0,4px)}.pn-doc:hover .pn-doc-tip,.pn-doc:focus .pn-doc-tip{transform:translate(0,0)}}