/* Dye story and printable organiser notes, scoped to the two existing pages. */
.bleu-story, .bleu-guide {--ink:#16364b;--link:#075778;--edge:#b9cdd4;--paper:#f4f7f5;color:var(--ink);font-family:system-ui,sans-serif}
.bleu-story {background:var(--paper);border-radius:16px;margin-block:clamp(2.25rem,6vw,5rem);padding:clamp(1.1rem,3.6vw,3.3rem)}
.bleu-guide {background:#f3f7f6;padding:clamp(2rem,5vw,4.5rem) var(--edge-page,max(5%,calc((100vw - 1120px)/2)))}
.bleu-story *, .bleu-guide * {box-sizing:border-box}
.bleu-story h2,.bleu-guide h2 {color:#112f46;max-width:26ch;margin:0 0 .6em;font:700 clamp(1.75rem,3.8vw,3.15rem)/1.08 Georgia,serif;letter-spacing:-.035em;text-wrap:balance}
.bleu-story h3,.bleu-guide h3 {font:720 clamp(1.25rem,2.3vw,1.75rem)/1.2 system-ui,sans-serif;color:inherit;margin:0 0 .6em;letter-spacing:-.022em}
.bleu-guide h4 {font:720 1.09rem/1.35 system-ui,sans-serif;margin:0 0 .65em;color:#10374c}
.bleu-story p,.bleu-guide p {font:400 clamp(1rem,1.2vw,1.09rem)/1.6 system-ui,sans-serif;color:inherit;max-width:66ch;margin:.55rem 0 .85rem}
.bleu-story a,.bleu-guide a {display:inline-block;color:var(--link);font-weight:680;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;line-height:1.45;padding-block:.35rem;overflow-wrap:anywhere}
.bleu-story a:focus-visible,.bleu-guide a:focus-visible {outline:3px solid #b92c38;outline-offset:3px}
.bleu-lead, .bleu-pair {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1.2rem,3.3vw,3rem)}
.bleu-lead{align-items:center}
.bleu-story figure,.bleu-guide figure {padding:0;margin:0}
.bleu-story .bleu-photo img,.bleu-guide .bleu-photo img {border-radius:8px;display:block;width:100%;height:auto}
.bleu-story figcaption,.bleu-guide figcaption {color:#42606f;font:400 .93rem/1.4 system-ui,sans-serif;margin:.6rem 0 0}
.bleu-story .bleu-scheme,.bleu-guide .bleu-scheme {margin:clamp(1.4rem,3vw,2.6rem) auto}
.bleu-scheme {max-width:48rem}
.bleu-scheme img {display:block;width:100%;height:auto}
.bleu-scheme ol {margin:.55rem 0 0;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;text-align:center;color:#274756;font:650 .94rem/1.35 system-ui,sans-serif}
.bleu-pair {border-top:1px solid var(--edge);padding-top:1.45rem}
.bleu-swiss {border-left:.23rem solid #ae3b3c;padding-left:clamp(.85rem,1.8vw,1.35rem)}
.bleu-swiss h3{font-size:clamp(1.12rem,1.7vw,1.38rem)}
.bleu-earth, .bleu-guide aside.bleu-kit {padding:clamp(1.1rem,2.4vw,2.05rem);margin-top:1.4rem;border-radius:8px;background:#e0ecee;color:#193d48}
.bleu-earth p{max-width:74ch}
.bleu-guide .bleu-references {margin:clamp(1.6rem,4vw,3rem) 0}
.bleu-guide .bleu-procedure {border-top:1px solid var(--edge);padding-top:1.4rem}
.bleu-guide .bleu-procedure>ol{list-style:decimal;margin:0;padding-left:1.65rem;max-width:73ch}
.bleu-procedure li {padding:.65rem 0 .7rem .3rem;border-bottom:1px solid var(--edge)}
.bleu-procedure li::marker {color:#075778;font-weight:bold}
.bleu-guide .bleu-procedure li p {margin:.2rem 0 0}
.bleu-kit .bleu-links {display:flex;gap:.5rem 1.25rem;flex-wrap:wrap}
@media(max-width:700px){.bleu-lead,.bleu-pair{grid-template-columns:minmax(0,1fr)}.bleu-scheme ol{font-size:.83rem;gap:.4rem}.bleu-guide{padding-inline:5%}.bleu-story {border-radius:9px}}
@media print{.bleu-guide{padding:0!important}.bleu-guide .bleu-lead,.bleu-guide .bleu-pair{display:block}.bleu-guide h2,.bleu-guide h3,.bleu-guide h4{break-after:avoid}.bleu-guide li,.bleu-guide article{break-inside:avoid}.bleu-guide figure.bleu-scheme{display:block!important;break-inside:avoid;max-width:125mm;margin:8pt auto}.bleu-guide .bleu-links,.bleu-guide .bleu-sources{display:none}.bleu-guide p {font:10pt/1.4 system-ui,sans-serif}.bleu-guide .bleu-kit{padding:0;background:white}.bleu-guide .bleu-references{margin:12pt 0}}