/* Navigation by task; native disclosures work without scripting. */
.intent-links{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.5rem}.intent-links a{flex:1 1 12rem;padding:.85rem 1rem;border:1px solid #53637a;border-radius:.65rem;text-align:center;font-weight:650;background:#f5f7fb;color:#17202e;text-decoration:none}.intent-links a:hover{background:#e7edf6}.intent-links a:focus-visible,summary:focus-visible{outline:3px solid #0066cc;outline-offset:3px}.compact-toc{margin:1rem 0}.compact-toc>summary,.optional-palette>summary,.study-data>summary{cursor:pointer;font-weight:650;padding:.8rem 0}.compact-toc .toc{margin:.5rem 0}.optional-palette{margin-top:1rem;border-top:1px solid #ccd3de}.optional-palette[open]>summary{margin-bottom:.8rem}.reference-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.reference-sample{display:flex;flex-direction:column;gap:.5rem;border:1px solid #ccd3de;border-radius:.65rem;padding:1rem;min-width:0}.reference-color{display:block;height:5rem;border:1px solid #778394;border-radius:.25rem}.reference-sample span,.reference-sample strong{overflow-wrap:anywhere}.study-data .table-wrap{max-width:100%;overflow-x:auto}.study-data table{min-width:45rem}.study-data td{vertical-align:top}.study-data .swatch{vertical-align:middle}.reference-pair code{align-self:flex-start}
.color-hero{min-height:0;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1rem 1.25rem}.color-hero strong{grid-column:2;grid-row:1/3;align-self:center;font-size:1.7rem}.intro:has(+.color-hero) h1{font-size:clamp(1.8rem,4vw,2.8rem)}.intro:has(+.color-hero) .lead{font-size:1.05rem}.intro:has(+.color-hero){margin-bottom:1.25rem}
@media(max-width:560px){.reference-pair{grid-template-columns:1fr}.intent-links a{flex-basis:100%;padding:.65rem}.color-hero{font-size:.9rem}.color-hero strong{font-size:1.4rem}.intro:has(+.color-hero) .eyebrow{display:none}}@media print{.intent-links,.compact-toc{display:none}.reference-pair{break-inside:avoid}.reference-color{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media (max-width:600px){#les-quatre-accords-a-reconnaitre table{table-layout:fixed}#les-quatre-accords-a-reconnaitre :is(td,th){min-width:0;padding:.55rem .35rem;hyphens:auto;overflow-wrap:anywhere}}

.v27-board{margin:1rem 0;display:grid;grid-template-columns:minmax(12rem,23rem) minmax(10rem,23rem);align-items:center;gap:1.2rem}.v27-board img{width:100%;height:auto;display:block}.v27-board figcaption{line-height:1.5}.v27-board figcaption a{display:block;margin-top:.6rem}@media(max-width:620px){.v27-board{display:block}.v27-board img{max-width:23rem}.v27-board figcaption{margin-top:.5rem}}

#wheel-geometry{position:absolute;inset:0;z-index:3;pointer-events:none}#wheel-geometry svg{width:100%;height:100%;display:block}.hue-wheel[data-diagram="visible"] #wheel-marker{visibility:hidden}.hue-wheel[data-diagram="visible"] .wheel-center{font-size:0}.v28-wheel-hint{font-size:.85rem;font-weight:650;line-height:1.45;margin:.7rem 0 .25rem}.v28-diagram-download{white-space:normal}.v28-diagram-download[hidden]{display:none}

.v29-specimens{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem;margin:1rem 0;padding:0;list-style:none}
.v29-specimens li{min-width:0;border:1px solid #c6c3bd;border-radius:.5rem;overflow:hidden;background:#fff;color:#212121}
.v29-specimens li>div{padding:.65rem .8rem}.v29-specimens small,.v29-specimens code{display:block;line-height:1.5}
.v29-field{display:flex;align-items:center;justify-content:center;min-height:4.5rem}.v29-slip{background:#fff;color:#181818;font-size:.86rem;display:block;padding:.45rem .8rem;border-radius:0}