/* Pages « projets et usages » : complète site.css avec ses variables (--ink, --paper, --accent, --muted). */
.project-page .project-questions li,.project-page .project-steps li{margin:0 0 12px}
.project-table th[scope=row]{text-align:left;font-weight:700;min-width:9em}
.project-table td,.project-table th{vertical-align:top}
.level{display:inline-block;font-size:12px;line-height:1.4;padding:2px 8px;border:1px solid currentColor;border-radius:999px;white-space:nowrap}
.level-essentiel{background:color-mix(in srgb,var(--accent),var(--paper) 55%);border-color:transparent;color:var(--ink)}
.project-list{background:color-mix(in srgb,var(--accent),var(--paper) 90%);padding:24px;margin:35px 0}
.project-list .pl-items{list-style:none;padding:0;margin:16px 0}
.project-list .pl-items label{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.project-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0;margin-top:4px}
.project-list .pl-add,.project-list .pl-notes{display:block;margin:14px 0}
.project-list .pl-add[hidden],.project-list .pl-notes[hidden],.project-list [data-js][hidden]{display:none}
.project-list .pl-add-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.project-list .pl-add input,.project-list textarea{flex:1 1 220px;max-width:100%;font:inherit;padding:8px 10px;border:1px solid var(--muted);background:var(--paper);color:var(--ink);box-sizing:border-box;width:100%}
.project-list button{border:1px solid currentColor;background:transparent;color:inherit;padding:8px 15px;font:inherit;font-size:14px;cursor:pointer}
.project-list .pl-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.project-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin:30px 0}
.project-card a{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;border:1px solid color-mix(in srgb,var(--ink),var(--paper) 80%);color:inherit;text-decoration:none;box-sizing:border-box}
.project-card a:hover,.project-card a:focus-visible{border-color:var(--ink)}
.project-card strong{font-size:1.15em;line-height:1.3}
.project-related ul{padding-left:1.2em}
@media print{.project-list .pl-add,.project-list .pl-actions,.project-list .pl-notes textarea:placeholder-shown{display:none!important}.project-list .pl-items li:has(input:not(:checked)){display:none}}
.project-table tbody th[scope=row]{background:transparent;color:var(--ink)}
@media (max-width:700px){
 .article-body table.project-table{min-width:0;font-size:14px}
 .project-table,.project-table tbody,.project-table tr,.project-table th,.project-table td{display:block;width:auto;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
 .project-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .project-table tr{border:1px solid color-mix(in srgb,var(--ink),var(--paper) 80%);margin:0 0 14px;padding:12px 14px}
 .project-table tbody th[scope=row]{padding:0 0 6px;font-size:1.1em;border:0}
 .project-table td{border:0;padding:6px 0}
 .project-table td::before{content:attr(data-label);display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
}
.project-list{font:16px/1.6 Manrope,sans-serif}
.project-list button,.project-list input,.project-list textarea{font-family:Manrope,sans-serif}
.level{font-family:Manrope,sans-serif}
.project-page .shop-link .pill{display:inline-block;margin:0 8px 8px 0}
.project-home{margin:40px 0}