.num-portes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0 28px}
.num-porte{--ink:#9b365e;--wash:#fff2f5;appearance:none;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;background:linear-gradient(145deg,#fff,var(--wash));border:1px solid #ddd1cc;border-radius:19px;padding:18px 14px;color:#44353c;min-width:0}
.num-porte:nth-child(2){--ink:#895727;--wash:#fff1cf}.num-porte:nth-child(3){--ink:#235e70;--wash:#edf5fa}.num-porte:nth-child(4){--ink:#8d3d42;--wash:#ffeddc}
.num-porte[aria-pressed=true]{border:2px solid var(--ink);padding:17px 13px}.num-porte:hover{background:var(--wash)}
.num-porte .num-sticker{width:clamp(52px,5.8vw,80px);height:70px;object-fit:contain}.num-porte strong{font:400 clamp(23px,2.1vw,31px)/1.13 var(--plume);color:var(--ink)}.num-porte>span:not(.num-etiquette){font-size:.88rem;line-height:1.4}.num-porte em{margin-top:auto;display:inline-block;padding:7px 10px;border-radius:8px;color:white;background:var(--ink);font:650 .79rem/1.4 system-ui}
.num-etiquette{position:absolute;top:12px;right:12px;font:400 clamp(30px,3.4vw,44px)/1 var(--plume);color:var(--ink);opacity:.5}.num-atelier{background:white}.num-atelier>small,.num-badge small,.num-pivot>small,.num-etapes small{display:block;font:700 .68rem/1.5 system-ui;letter-spacing:.11em;color:#884559;text-transform:uppercase}.num-atelier>h2,.num-output h3{font-family:var(--plume);font-weight:400}.num-atelier>h2:focus{outline-offset:5px}.num-atelier form{padding-bottom:12px}.num-output{max-width:850px;margin:auto}.num-badge{position:static;display:flex;align-items:center;gap:clamp(14px,3vw,30px);margin:25px 0;background:linear-gradient(100deg,#eef8f6,#fff5f4);padding:clamp(16px,3vw,28px);border-radius:18px;box-shadow:none;border:1px solid #d4e6e0}.num-duo{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;color:#137477;font:400 clamp(34px,5.8vw,66px)/1 var(--plume)}.num-duo b{font-weight:400;animation:chiffreKelly .5s ease-out both}.num-duo b:last-child{color:#ac2659;animation-delay:.06s}.num-duo i{font:400 .62em Georgia;color:#b48544}.num-badge h3{margin:.18em 0;font-size:clamp(26px,3.4vw,42px);color:#713859}.num-badge p{margin:.25em 0;font-size:.87rem}.num-chapitre{border-bottom:1px solid #f1e5df;padding:12px 0}.num-chapitre h3{display:flex;align-items:center;gap:12px;color:#194f57;font-size:clamp(23px,2.5vw,34px)}.num-chapitre .num-sticker{width:40px;height:40px;object-fit:contain}.num-output p{font-size:1rem;line-height:1.73;max-width:77ch}.num-pivot{position:relative;border:1px solid #dcb484;border-radius:5px 26px;background:linear-gradient(110deg,#fff5e6,#fff5fa);padding:clamp(18px,3.3vw,35px);margin:23px 0}.num-pivot>.num-sticker{float:right;object-fit:contain;width:50px;height:54px;margin-left:10px}.num-pivot h3{font-size:clamp(34px,4.4vw,52px);color:#8d3052}.num-pivot h3 span{color:#256b6a;font-size:.8em}.num-pivot button,.num-12 button{padding:9px 14px;border-radius:28px;border:1px solid #aa5b70;background:#fff;color:#89274e}.num-output summary{cursor:pointer;padding:9px 0;color:#764257;font-weight:650}.num-pivot details{margin-top:8px}.num-calendrier{margin:20px 0}.num-etapes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.num-etapes article{padding:16px;border-left:3px solid #92b9b9;background:#f6fbfa}.num-etapes h4{margin:6px 0;color:#295f67;font:600 1.05rem Georgia}.num-etapes p{font-size:.94rem;margin-bottom:0}.num-12{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:10px}.num-12 button b{white-space:nowrap;color:#176869}.num-formule{margin:16px 0}.num-formule p{margin:.3em 0}
@keyframes chiffreKelly{from{opacity:.35;transform:translateY(7px) rotate(-5deg)}to{opacity:1;transform:none}}
@media(max-width:800px){.num-portes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.num-portes{gap:8px}.num-porte{padding:13px 10px}.num-porte[aria-pressed=true]{padding:12px 9px}.num-porte .num-sticker{height:52px;width:48px}.num-etiquette{font-size:28px}.num-etapes{grid-template-columns:1fr}.num-12{grid-template-columns:repeat(2,minmax(0,1fr))}.num-badge{flex-wrap:wrap}.num-atelier.kt-panel{padding:14px}}
@media(prefers-reduced-motion:reduce){.num-duo b{animation:none}}
.num-badge{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:18px}.num-badge:after{content:"";position:absolute;right:.8rem;top:.6rem;width:34px;height:45px;background:url('/art/autocollants/eclats-dores.webp') center/contain no-repeat;pointer-events:none;opacity:.85;z-index:-1;animation:kb-lueur 3s ease-in-out 2}.num-badge>div{padding-right:16px}
@keyframes kb-lueur{50%{transform:rotate(7deg) scale(.88);opacity:.45}}
@media(prefers-reduced-motion:reduce){.num-badge:after{animation:none}}
.num-output h3[tabindex="-1"]{scroll-margin-top:8rem}.num-output h3[tabindex="-1"]:focus:not(:focus-visible){outline:none}
.kt .num-life-reading{display:grid;grid-template-columns:116px minmax(0,1fr);gap:22px;align-items:center}
.num-life-number{box-sizing:border-box;display:grid;justify-items:center;align-content:center;gap:7px;min-height:132px;padding:15px 9px;border:1px solid #dfc28c;border-radius:20px;background:linear-gradient(150deg,#fff7e8,#fffdfa);color:#125a61;text-align:center}
.num-life-number .num-life-label{font:700 9px/1.3 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8b6739}
.num-life-number strong{font:400 60px/1 Georgia,serif;color:#125a61;letter-spacing:-.04em}
.num-life-base{display:flex;align-items:center;gap:5px;font:12px/1.2 Arial,sans-serif;color:#6a5a60}
.num-life-base b{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#fbe3ee;color:#a91f52;font-size:15px}
@media(max-width:540px){.kt .num-life-reading{grid-template-columns:94px minmax(0,1fr);gap:13px}.num-life-number{min-height:120px;padding:12px 6px;border-radius:17px}.num-life-number strong{font-size:51px}.num-life-base{font-size:11px;gap:4px}.num-life-base b{width:22px;height:22px;flex-basis:22px;font-size:14px}}
@media(max-width:360px){.kt .num-life-reading{grid-template-columns:1fr;justify-items:start}.num-life-number{width:112px}}
.num-master-focus{margin:22px 0;padding:clamp(16px,3vw,26px);border:1px solid #e4c79b;border-left:4px solid #b91f59;border-radius:17px;background:linear-gradient(135deg,#fff3f8,#fffdf8 75%);text-align:left}
.num-master-focus>small{color:#a91f52;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.08em}.kt .num-master-focus h3{font-size:clamp(22px,3vw,29px);margin:9px 0 16px}.num-master-focus h4{margin:0 0 7px;color:#a91f52;font:700 16px/1.4 Arial,sans-serif}.num-master-focus p{margin:0 0 15px;line-height:1.65}.num-master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.num-master-grid section{min-width:0}.num-master-grid p{margin-bottom:0}.num-master-focus details{font-size:13px;color:#57686a}.num-master-focus summary{cursor:pointer;padding:9px 0;min-height:44px;box-sizing:border-box}.num-master-focus details p{margin:5px 0}
@media(max-width:650px){.num-master-grid{grid-template-columns:1fr}}
