.fx{--fx-gap:clamp(2.5rem, 6vw, 5rem)}.fx-intro{padding-block:var(--fx-gap) 1rem}.fx-intro p{max-inline-size:60ch;color:var(--pk-ink-600)}.fx-nav{top:var(--pk-header-h,64px);z-index:5;background:var(--pk-paper-50);border:1px solid var(--pk-line);border-radius:var(--pk-radius-md);margin-block-start:1.25rem;position:sticky;overflow:hidden}.fx-nav__bar{background:var(--pk-line);block-size:4px}.fx-nav__bar span{background:var(--pk-gold-500);block-size:100%;transition:width .12s linear;display:block}html[data-motion=reduced] .fx-nav__bar span{transition:none}.fx-nav__list{scrollbar-width:thin;gap:.25rem;margin:0;padding:.5rem;list-style:none;display:flex;overflow-x:auto}.fx-nav__list a{white-space:nowrap;color:var(--pk-ink-900);border-radius:999px;align-items:center;gap:.4rem;min-block-size:44px;padding:.4rem .75rem;font-size:.85rem;text-decoration:none;display:flex}.fx-nav__list a span{background:var(--pk-paper-100);border-radius:50%;place-items:center;block-size:1.4rem;inline-size:1.4rem;font-size:.75rem;display:inline-grid}.fx-nav__list a:hover,.fx-nav__list a[aria-current=true]{background:var(--pk-emerald-900);color:var(--pk-paper-50)}.fx-nav__list a:focus-visible{outline:2px solid var(--pk-focus);outline-offset:2px}@media (min-width:900px){.fx-nav__list{flex-wrap:wrap;overflow:visible}}.fx-sec{padding-block:var(--fx-gap);scroll-margin-top:calc(var(--pk-header-h,64px) + 4.5rem)}.fx-sec__head{gap:.5rem;max-inline-size:46rem;margin-block-end:2rem;display:grid}.fx-sec__head p{color:var(--pk-ink-600);margin:0}.fx-sec__n{color:var(--pk-gold-text);font-size:3.5rem;font-weight:700;line-height:1}.fx-sec__body{gap:1.75rem;max-inline-size:48rem;display:grid}.fx-block{line-height:2.05}.fx-block__h{margin:0 0 .5rem;font-size:1.2rem}.fx-block p{margin:0 0 1rem}.fx-links,.fx-faq{padding:0;list-style:none}.fx-links{flex-wrap:wrap;gap:.5rem .9rem;margin:.5rem 0 0;display:flex}.fx-links a,.fx-back a{color:var(--pk-gold-text);font-weight:600;text-decoration:none}.fx-links a:hover,.fx-back a:hover{text-decoration:underline}.fx-back{margin-block-start:2rem}.fx-s1{background:var(--pk-paper-100)}.fx-s1 .fx-sec__body{background:var(--pk-paper-50);border:1px solid var(--pk-line);border-inline-start:6px solid var(--pk-gold-500);border-radius:var(--pk-radius-lg);box-shadow:var(--pk-elevation-soft);padding:clamp(1.25rem,4vw,2.5rem)}.fx-s2{background:var(--pk-paper-50)}.fx-rail{border-inline-start:2px solid var(--pk-gold-500);gap:1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.fx-rail li{gap:.2rem;padding-inline-start:1.5rem;display:grid;position:relative}.fx-rail li:before{content:"";background:var(--pk-gold-500);border-radius:50%;block-size:12px;inline-size:12px;position:absolute;inset-block-start:.6em;inset-inline-start:-7px}.fx-rail strong{color:var(--pk-emerald-900)}.fx-s3{background:var(--pk-paper-100)}.fx-steps{counter-reset:fxs;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.fx-steps li{counter-increment:fxs;background:var(--pk-paper-50);border:1px solid var(--pk-line);border-radius:var(--pk-radius-md);gap:.15rem;padding:.9rem 1rem;padding-inline-start:4rem;display:grid;position:relative}.fx-steps li:before{content:attr(data-n);color:var(--pk-gold-text);font-size:1.8rem;font-weight:700;position:absolute;inset-block-start:.7rem;inset-inline-start:1rem}.fx-steps strong{color:var(--pk-emerald-900)}.fx-s4{background:var(--pk-emerald-950);color:var(--pk-paper-50)}.fx-s4 h2,.fx-s4 h3{color:var(--pk-paper-50)}.fx-s4 .fx-sec__head p{color:#ffffffc7}.fx-s4 .fx-sec__n,.fx-s4 .fx-links a,.fx-s4 .fx-back a{color:var(--pk-gold-500)}.fx-picker{border-radius:var(--pk-radius-md);background:#ffffff0d;border:1px solid #ffffff40;margin-block:1rem 1.25rem;padding:1rem}.fx-picker__opts{flex-wrap:wrap;gap:.5rem;margin-block-end:.75rem;display:flex}.fx-picker__opt{cursor:pointer;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:.4rem;min-block-size:44px;padding:.35rem .9rem;display:inline-flex}.fx-picker__opt[data-on=true]{background:var(--pk-gold-500);color:var(--pk-ink-900);border-color:var(--pk-gold-500)}.fx-picker__opt input{opacity:0;pointer-events:none;position:absolute}.fx-picker__opt:focus-within{outline:2px solid var(--pk-gold-500);outline-offset:2px}.fx-picker__panel{margin:0 0 .5rem}.fx-picker__note{opacity:.8;margin:0;font-size:.85rem}.fx-s5{background:var(--pk-paper-50)}.fx-s5 .fx-sec__body{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));max-inline-size:60rem}.fx-s5 .fx-block{border-block-start:3px solid var(--pk-gold-500);background:var(--pk-paper-100);border-radius:0 0 var(--pk-radius-md) var(--pk-radius-md);padding:1rem 1.1rem}.fx-s6{background:var(--pk-paper-100)}.fx-s6 .fx-sec__body{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));max-inline-size:64rem}.fx-s6 .fx-block{background:var(--pk-paper-50);border:1px solid var(--pk-line);border-radius:var(--pk-radius-lg);box-shadow:var(--pk-elevation-soft);padding:1.1rem 1.25rem}.fx-s6 .fx-block__h:before{content:"❋ ";color:var(--pk-gold-500)}.fx-s7{background:var(--pk-paper-50)}.fx-layers{gap:0;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.fx-layers li{border:1px solid var(--pk-line);gap:.25rem;padding:1rem 1.25rem;display:grid}.fx-layers li:first-child{background:var(--pk-paper-100);border-start-start-radius:var(--pk-radius-md);border-start-end-radius:var(--pk-radius-md)}.fx-layers li:nth-child(2){background:var(--pk-paper-50);margin-inline:1rem}.fx-layers li:nth-child(3){background:var(--pk-emerald-900);color:var(--pk-paper-50);border-end-end-radius:var(--pk-radius-md);border-end-start-radius:var(--pk-radius-md);margin-inline:2rem}.fx-layers strong{color:var(--pk-gold-text)}.fx-layers li:nth-child(3) strong{color:var(--pk-gold-500)}.fx-s8{background:linear-gradient(180deg, var(--pk-emerald-950), var(--pk-emerald-900));color:var(--pk-paper-50)}.fx-s8 h2,.fx-s8 h3{color:var(--pk-paper-50)}.fx-s8 .fx-sec__head p{color:#ffffffc7}.fx-s8 .fx-sec__n,.fx-s8 .fx-links a,.fx-s8 .fx-back a{color:var(--pk-gold-500)}.fx-draw{border:1px dashed var(--pk-gold-500);border-radius:var(--pk-radius-md);gap:.6rem;padding:1rem;display:grid}.fx-draw textarea{border-radius:var(--pk-radius-sm);border:1px solid var(--pk-line);inline-size:100%;font:inherit;color:var(--pk-ink-900);background:var(--pk-paper-50);padding:.6rem .8rem}.fx-draw label{font-size:.9rem}.fx-draw__out{min-block-size:2.4em;margin:0}.fx-s9{background:var(--pk-paper-100)}.fx-verses{border:2px double var(--pk-gold-500);border-radius:var(--pk-radius-md);background:var(--pk-paper-50);margin:1rem 0;padding:1rem 1.25rem}.fx-verses figcaption{margin-block-end:.5rem;font-weight:700}.fx-verses figcaption span{color:var(--pk-ink-600);font-size:.8rem;font-weight:400}.fx-verses__c{border-block-end:1px solid var(--pk-line);gap:.1rem 2rem;padding-block:.4rem;display:grid}.fx-verses__c:last-child{border-block-end:0}.fx-verses__c p{margin:0}@media (min-width:700px){.fx-verses__c{grid-template-columns:1fr 1fr}}.fx-s10{background:var(--pk-paper-50)}.fx-faq{gap:.5rem;margin:0;display:grid}.fx-faq details{border:1px solid var(--pk-line);border-radius:var(--pk-radius-md);background:var(--pk-paper-100);padding:0 1rem}.fx-faq summary{cursor:pointer;min-block-size:44px;padding:.8rem 0;font-weight:600}.fx-faq summary:focus-visible{outline:2px solid var(--pk-focus);outline-offset:2px}.fx-faq details[open] summary{color:var(--pk-emerald-900)}.fx-faq details p{margin:0 0 .8rem}.fx-more__body{position:relative}.fx-more[data-collapsed=true] .fx-more__body{max-block-size:9.5rem;overflow:hidden}.fx-more[data-collapsed=true] .fx-more__body:after{content:"";background:linear-gradient(to top, var(--fx-fade,var(--pk-paper-50)), transparent);pointer-events:none;block-size:4rem;position:absolute;inset-block-end:0;inset-inline:0}.fx-s1,.fx-s2,.fx-s5,.fx-s7,.fx-s10{--fx-fade:var(--pk-paper-50)}.fx-s3,.fx-s9{--fx-fade:var(--pk-paper-100)}.fx-s6 .fx-block{--fx-fade:var(--pk-paper-50)}.fx-s4{--fx-fade:var(--pk-emerald-950)}.fx-s8{--fx-fade:var(--pk-emerald-900)}.fx-s5 .fx-block{--fx-fade:var(--pk-paper-100)}.fx-more__btn{min-block-size:44px;color:var(--pk-gold-text);font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;margin-block-start:.4rem;padding:.4rem 1.1rem;font-weight:600}.fx-s4 .fx-more__btn,.fx-s8 .fx-more__btn{color:var(--pk-gold-500)}.fx-more__btn:focus-visible{outline:2px solid var(--pk-focus);outline-offset:2px}