.roue{gap:var(--space-8);align-items:center;display:grid}@media (width>=56rem){.roue{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.roue__disque{--turn:0deg;z-index:2;width:100%;max-width:34rem;margin-inline:auto;position:relative}.roue__rot{transform-origin:210px 210px;transform:rotate(var(--turn));transition:transform 1.1s var(--ease-out)}.roue__secteur{cursor:pointer;outline:none}.roue__secteur path{fill:var(--c-surface);stroke:var(--c-bg);stroke-width:2px;transition:fill .4s var(--ease-out)}.roue__secteur text{fill:var(--c-paper);font:500 14.5px var(--font-body);pointer-events:none}.fam-g--fruite path{fill:color-mix(in srgb, var(--c-fam-fruite) 22%, var(--c-surface))}.fam-g--epice path{fill:color-mix(in srgb, var(--c-fam-epice) 20%, var(--c-surface))}.fam-g--herbace path{fill:color-mix(in srgb, var(--c-fam-herbace) 18%, var(--c-surface))}.roue__secteur.is-active path,.roue__secteur:focus-visible path{stroke:var(--c-paper)}.fam-g--fruite.is-active path,.fam-g--fruite:hover path{fill:var(--c-fam-fruite)}.fam-g--epice.is-active path,.fam-g--epice:hover path{fill:var(--c-fam-epice)}.fam-g--herbace.is-active path,.fam-g--herbace:hover path{fill:var(--c-fam-herbace)}.roue__secteur.is-active text,.roue__secteur:hover text{fill:var(--c-ink);font-weight:650}.roue__secteur:focus-visible path{stroke-width:4px}.roue__coeur{fill:var(--c-bg);stroke:var(--c-accent);stroke-width:1px}.roue__titre{fill:var(--c-paper);font:italic 400 30px var(--font-title)}.roue__sous{fill:var(--c-accent);font:400 15px var(--font-body)}.roue__legende{margin-bottom:var(--space-6);flex-wrap:wrap;gap:.4rem 1.2rem;padding:0;list-style:none;display:flex}.roue__famille{font-size:var(--fs-h3);margin-bottom:var(--space-4)}.roue__famille .fam{font:inherit;gap:.7rem}.roue__famille .fam:before{width:.9rem}.roue__plantes{columns:2 12rem;column-gap:var(--space-6);padding:0;list-style:none}.roue__plantes a{border-bottom:1px solid var(--c-hair);break-inside:avoid;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;min-height:2.75rem;padding:.4rem 0;text-decoration:none;display:flex}.roue__plantes a:hover span:first-child{color:var(--c-accent)}.roue__plantes .latin{font-size:1rem}html:not(.js) .roue__panneau[hidden]{margin-top:var(--space-8);display:block!important}