/* Charger après les feuilles de page. Les SVG décoratifs sont attendus sous /art/ornements/. */
.kb-interlude{width:min(64%,304px);height:42px;margin:clamp(1rem,3vw,2.3rem) auto;background:url("/art/ornements/separateur-kelly.svg") center / contain no-repeat;pointer-events:none}
.kb-fleuron{position:relative;isolation:isolate}.kb-fleuron::after{content:"";position:absolute;right:.2rem;bottom:.2rem;width:clamp(46px,8vw,85px);aspect-ratio:11/9;pointer-events:none;background:url("/art/ornements/brindille-kelly.svg") center / contain no-repeat;z-index:-1}
.kb-num-carnet{margin:clamp(1.4rem,4vw,3.1rem) auto;color:#2c4a47}.kb-num-ouverture{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(164px,30%);gap:clamp(1rem,4vw,3rem);align-items:center;padding:clamp(1.25rem,4vw,3.25rem);border:1px solid #d5e6dd;border-radius:22px;background:linear-gradient(115deg,#fffdf6,#f2faf5 82%)}.kb-num-ouverture h2{color:#924469;font:400 clamp(2.1rem,4.3vw,3.35rem)/1.1 var(--plume,Georgia,serif);margin:.25em 0}.kb-num-ouverture p:not(.kb-num-surtitre),.kb-num-pages p,.kb-num-note{line-height:1.67}.kb-num-surtitre,.kb-num-exemple small{font:700 .67rem/1.55 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6b6d53}.kb-num-ouverture strong,.kb-num-pages strong{color:#256763}.kb-num-lien{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;color:#17665e;font-weight:700;text-underline-offset:4px}.kb-num-lien span{color:#9e4c6c}
.kb-num-constellation{position:relative;isolation:isolate;width:min(100%,255px);aspect-ratio:1;margin:auto;container-type:inline-size;background:radial-gradient(circle,#f9dfb783,transparent 65%)}.kb-num-constellation span{position:absolute;text-align:center;line-height:1;font-family:var(--plume,Georgia,serif);color:#277c77;font-size:36px;font-size:16cqw;animation:kb-num-souffle 5.5s ease-in-out infinite alternate}.kb-num-constellation .kb-num-noyau{font-size:90px;font-size:44cqw;top:32%;left:36%;color:#a5486b;transform:rotate(-8deg);animation:none;text-shadow:2px 3px #fff6dd}.kb-num-un{top:3%;left:47%}.kb-num-deux{top:14%;right:14%}.kb-num-trois{top:43%;right:3%}.kb-num-quatre{bottom:11%;right:15%}.kb-num-cinq{bottom:1%;left:47%}.kb-num-six{bottom:12%;left:12%}.kb-num-huit{left:3%;top:42%}.kb-num-neuf{top:13%;left:14%}.kb-num-constellation span:nth-child(even){color:#aa8252;animation-delay:-2.7s}.kb-num-rayon,.kb-num-anneau{position:absolute;pointer-events:none;border-radius:50%;inset:24%;background:repeating-conic-gradient(from 12deg,transparent 0deg 20deg,#c3995961 20deg 21deg,transparent 21deg 30deg);mask-image:radial-gradient(circle,transparent 45%,black 57%,transparent 72%)}.kb-num-anneau{inset:11%;background:none;border:1px dashed #c9a66c8f;mask-image:none;transform:rotate(-12deg) scaleX(.88)}.kb-num-constellation:before,.kb-num-constellation:after{position:absolute;content:"✦";font-size:.9rem;left:30%;top:29%;color:#bf9b58}.kb-num-constellation:after{left:68%;top:68%;font-size:.65rem}
.kb-num-exemple{margin:1rem 0 0;padding:0 clamp(1.1rem,3vw,2.25rem);background:#fffcf6;border:1px solid #eadbc6;border-radius:14px}.kb-num-exemple summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px;padding:.85rem 0;color:#3f5e53}.kb-num-exemple summary::-webkit-details-marker{display:none}.kb-num-exemple summary small,.kb-num-exemple summary strong{display:block}.kb-num-exemple summary strong{font:400 clamp(1.2rem,2.5vw,1.6rem)/1.32 Georgia,serif;margin-top:.22rem}.kb-num-plus{font:1.65rem/1 Georgia,serif;color:#ad8151}.kb-num-exemple[open] .kb-num-plus{transform:rotate(45deg)}.kb-num-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e5d9c2;gap:1.3rem;padding:1.4rem 0 .45rem}.kb-num-pages h3{font:400 1.5rem/1.15 Georgia,serif;color:#805365;margin:.35rem 0 .65rem}.kb-num-pages p{font-size:.93rem;margin:.45rem 0}.kb-num-note{font-size:.86rem;color:#52685e;border-top:1px solid #e5d9c2;padding:.9rem 0;margin:.2rem 0}.kb-num-carnet :focus-visible{outline:3px solid #287e79;outline-offset:3px}
.page-yi-king .yi-result:not(:empty){position:relative;isolation:isolate;padding:clamp(1.05rem,4vw,2.4rem);border:1px solid #d3ac73;border-radius:4px 20px;background:linear-gradient(120deg,#fffbf1,#fffefb 55%,#fbf1e2);box-shadow:0 7px 21px #64442b0b}
.page-yi-king .yi-result:not(:empty):before{content:"";position:absolute;bottom:0;left:2.2rem;right:2.2rem;height:8px;background:url("/art/ornements/frise-vermillon.svg") center / 70px 8px repeat-x;opacity:.75;pointer-events:none}
.page-yi-king .yi-result>h2{color:#8c3836;background:url("/art/ornements/nuage-vermillon.svg") left center / 73px 55px no-repeat;padding:.6rem 0 .7rem 78px;min-height:54px}.page-yi-king .yi-reading,.page-yi-king .yi-story{background:#fffdf6;border:1px solid #dfc9a8;border-top:3px double #b1634c;border-radius:3px 13px;box-shadow:0 4px 11px #68452808}.page-yi-king .yi-reading>small,.page-yi-king .yi-story>small{color:#8e443d}.page-yi-king .yi-reading h3,.page-yi-king .yi-story h3{color:#763b34}.page-yi-king .yi-reading .yi-lines{background:radial-gradient(ellipse,#f3e2b878,transparent 72%)}.page-yi-king .yi-reading .yi-line i{background:#65473e}.page-yi-king .yi-reading .yi-line.mutable i{background:#a94242}
.page-runes .rf{background:url("/art/ornements/schiste.svg") center / 170px 120px,radial-gradient(ellipse at 50% 58%,#dae8dc,#eef3ea 54%,#fbfaf0);border-color:#c8d3c2}
.page-runes .rf-header,.page-runes .rf-result{position:relative}.page-runes .rf-header::before{content:"";display:block;width:104px;height:12px;margin:0 auto 15px;background:url("/art/ornements/tresse-nordique.svg") center / 72px 12px repeat-x;border-radius:8px}.page-runes .rf-result{background:linear-gradient(105deg,#fffef6,#f4f8ef);border:1px solid #c2ccba;border-radius:8px;box-shadow:0 10px 23px #3355410d}.page-runes .rf-result::before{content:"";height:8px;display:block;margin-bottom:1rem;background:url("/art/ornements/tresse-nordique.svg") center / 56px 8px repeat-x}.page-runes .rf-overline{color:#55654c}.page-runes .rf-stone:not(.rf-chosen)::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:url("/art/ornements/schiste.svg") center / 97px auto;opacity:.72;pointer-events:none}
@keyframes kb-num-souffle{from{transform:translateY(-1px) rotate(-3deg)}to{transform:translateY(3px) rotate(2deg)}}@media(max-width:730px){.kb-num-pages{grid-template-columns:1fr;gap:1rem}.kb-num-pages section+section{padding-top:1rem;border-top:1px solid #ede1cb}}@media(max-width:560px){.kb-num-ouverture{grid-template-columns:minmax(0,1fr)}.kb-num-constellation{width:142px;grid-row:1}.kb-num-ouverture h2{font-size:2.3rem}.page-yi-king .yi-result>h2{background-size:51px 39px;padding-left:55px}}@media(prefers-reduced-motion:reduce){.kb-num-constellation *{animation:none!important}}