.arcana-learning-app-canvas{--arcana-canvas-background-desktop:url(/images/library/library-background.webp);--arcana-canvas-background-mobile:url(/images/library/library-background-mobile.webp);--arcana-canvas-background-bleed:0px;--learning-scene:var(--arcana-canvas-background-desktop);--learning-scene-size:cover;--learning-frame-inline:.85rem}.arcana-learning-app-canvas.arcana-canvas-page .arcana-canvas-background,.arcana-learning-app-canvas.arcana-canvas-page:after{background:var(--learning-scene) center / var(--learning-scene-size) no-repeat #02040e;width:100%;height:100%;position:absolute;inset:0}.arcana-learning-app-canvas.arcana-canvas-page .arcana-canvas-overlay{background:linear-gradient(#03061512,#03061545);width:100%;height:100%;position:absolute;inset:0}.arcana-learning-app-canvas.arcana-canvas-page:after{content:"";z-index:12;pointer-events:none;box-shadow:none;-webkit-mask:linear-gradient(#000 1rem, transparent) top / 100% 2.75rem no-repeat, linear-gradient(to top, #000 1rem, transparent) bottom / 100% 2.75rem no-repeat, linear-gradient(to right, #000 45%, transparent) left / var(--learning-frame-inline) 100% no-repeat, linear-gradient(to left, #000 45%, transparent) right / var(--learning-frame-inline) 100% no-repeat;-webkit-mask:linear-gradient(#000 1rem, transparent) top / 100% 2.75rem no-repeat, linear-gradient(to top, #000 1rem, transparent) bottom / 100% 2.75rem no-repeat, linear-gradient(to right, #000 45%, transparent) left / var(--learning-frame-inline) 100% no-repeat, linear-gradient(to left, #000 45%, transparent) right / var(--learning-frame-inline) 100% no-repeat;mask:linear-gradient(#000 1rem, transparent) top / 100% 2.75rem no-repeat, linear-gradient(to top, #000 1rem, transparent) bottom / 100% 2.75rem no-repeat, linear-gradient(to right, #000 45%, transparent) left / var(--learning-frame-inline) 100% no-repeat, linear-gradient(to left, #000 45%, transparent) right / var(--learning-frame-inline) 100% no-repeat;border:0}.arcana-learning-app-canvas.arcana-canvas-page .arcana-canvas-content{width:calc(100% - 2 * var(--learning-frame-inline));margin-inline:var(--learning-frame-inline);padding-block:2.75rem max(2.75rem, env(safe-area-inset-bottom));scroll-padding-block:2.75rem}@media (max-width:999px){.arcana-learning-app-canvas{--learning-scene:var(--arcana-canvas-background-mobile);--learning-scene-size:cover}}@media (max-width:767px){.arcana-learning-app-canvas.arcana-canvas-page .arcana-canvas-content{padding-inline:0}}.arcana-learning-page{color:#e2dced;width:min(100%,1420px);font-family:var(--font-geist-sans,system-ui), sans-serif;margin-inline:auto;padding:1rem clamp(.25rem,2vw,2rem) .5rem}.learning-gold-frame{z-index:4;pointer-events:none;border:24px solid #0000;border-image:url(/images/reading-gold-panel-border.webp) 132/1.8rem;position:absolute;inset:-1px}.arcana-learning-page .learning-eyebrow{color:#e9bf77;text-transform:uppercase;letter-spacing:.3em;margin:0;font-size:.61rem;font-weight:600;line-height:1.6}.learning-hero{isolation:isolate;background:radial-gradient(at 90% 15%,#493c733f,#0000 55%),linear-gradient(110deg,#090e20f5,#11132bdc);border:1px solid #d0ab74;border-radius:1.3rem;margin:0 clamp(0rem,4vw,4rem) 1.8rem;padding:1.8rem clamp(1.5rem,3vw,3rem);position:relative;overflow:hidden;box-shadow:0 12px 35px #0007,inset 0 0 0 3px #0b1022}.learning-hero-copy{z-index:2;position:relative}.learning-hero h1{color:#ffe8b1;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 0 18px #e0bb6030;max-width:52rem;margin:.45rem 0 0;font:600 clamp(2rem,3.15vw,3.35rem)/1.12 Georgia,Times New Roman,serif}.learning-hero-description{color:#c9c6dc;max-width:39rem;margin:.85rem 0 0;font-size:.95rem;line-height:1.65}.learning-hero-texture{color:#d3a25d;opacity:.25;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.learning-hero-moon{color:#c1a1ec;opacity:.12;pointer-events:none;font:18rem/1 Georgia,serif;position:absolute;top:-1.6rem;right:2rem;transform:rotate(-18deg)}.learning-hero-motto{z-index:1;color:#edc280;text-align:center;text-transform:uppercase;letter-spacing:.22em;width:8rem;margin:0;font:.66rem/1.9 Georgia,serif;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.learning-hero-motto span{color:#e7bd73;margin:.4rem 0;font-size:1.7rem;display:block}.learning-shortcuts{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.learning-shortcuts>*{min-height:var(--arcana-control-height);color:#f2e9f5;text-align:center;text-transform:uppercase;font-size:var(--arcana-text-label);letter-spacing:.08em;background:#070d1df0;border:1px solid #bf975d;border-radius:2rem;justify-content:center;align-items:center;padding:.55rem 1rem;font-weight:600;text-decoration:none;transition:background .18s,box-shadow .18s;display:inline-flex}.learning-shortcuts a:hover{background:#422362;box-shadow:0 0 13px #a66fe846}.learning-shortcuts [aria-disabled=true]{opacity:.5}.learning-studies-heading{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:0 .6rem;display:flex}.learning-studies-heading h2{color:#f7eefa;margin:.25rem 0 0;font:600 1.8rem/1.2 Georgia,serif}.learning-studies-heading>p{color:#cec5df;max-width:26rem;margin:0;font:.95rem/1.45 Georgia,serif}.learning-heading-star{color:#e6ba71;align-items:center;gap:.5rem;margin-left:auto;font-size:1.65rem;display:flex}.learning-heading-star:before,.learning-heading-star:after{content:"";background:linear-gradient(90deg,#0000,#bc8d4b);width:3rem;height:1px}.learning-heading-star:after{transform:rotate(180deg)}.learning-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.learning-path-card{isolation:isolate;color:#f1e5cb;background:#080c1c;border:1px solid #d4ac6e;border-radius:1.2rem;min-width:0;height:100%;min-height:15.4rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 25px #0005,inset 0 0 0 3px #080c1c}.learning-path-art-wrap{width:72%;position:absolute;inset:0 0 0 auto;overflow:hidden}.learning-path-card .learning-path-art{object-fit:cover;object-position:center;opacity:.92;width:100%;transition:transform .4s}.learning-path-shade{pointer-events:none;background:linear-gradient(90deg,#0b1022 0%,#0b1022f2 30%,#0b1022c7 48%,#0b10222e 72%,#0b102208),linear-gradient(#0000 55%,#0a102185);position:absolute;inset:0}.learning-path-copy{z-index:2;flex-direction:column;align-items:flex-start;width:67%;height:100%;min-height:15.4rem;padding:1.45rem .4rem 1.3rem 1.75rem;display:flex;position:relative}.learning-path-status{color:#f6e3bd;text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(110deg,#4f3a2070,#271f1b70);border:1px solid #a7804299;border-radius:2rem;padding:.35rem .9rem;font-size:.56rem;font-weight:600;line-height:1.5;display:inline-flex;box-shadow:0 0 17px #dfaf5521}.learning-path-copy h3{color:#faf0fb;text-shadow:0 2px 5px #0009;margin:.6rem 0 0;font:600 1.85rem/1.15 Georgia,serif}.learning-path-copy p{color:#d2c9df;text-shadow:0 1px 4px #000;margin:.55rem 0 .8rem;font:.9rem/1.4 Georgia,serif}.learning-path-action{color:#f5dfa8;align-items:center;gap:.9rem;margin-top:auto;font:600 .88rem/1.4 Georgia,serif;display:flex}.learning-path-arrow{border:1px solid #d9ac65;border-radius:50%;flex-shrink:0;place-items:center;width:1.8rem;height:1.8rem;font:1.1rem Georgia,serif;transition:background .18s,transform .18s;display:grid}.learning-path-card:is(a):hover{transform:translateY(-3px);box-shadow:0 12px 30px #0008,0 0 20px #bd88482e}.learning-path-card:is(a):hover .learning-path-art{transform:scale(1.035)}.learning-path-card:is(a):hover .learning-path-arrow{background:#6b399078;transform:translate(2px)}.learning-path-card.is-unavailable{opacity:.65;filter:saturate(.6)}.learning-footer{color:#d0a465;text-align:center;text-transform:uppercase;letter-spacing:.3em;justify-content:center;align-items:center;gap:1.25rem;margin:1.2rem 0 0;font:.6rem/1.6 Georgia,serif;display:flex}.learning-footer span{color:#ebc17d;font-size:1.2rem}.arcana-learning-page a:focus-visible{outline-offset:4px;outline:2px solid #f5d491}@container arcana-canvas-route (max-width:1150px){.learning-hero{margin-inline:0}.learning-hero-motto{display:none}.learning-hero-description{max-width:39rem}.learning-path-copy{width:73%}.learning-heading-star{display:none}}@container arcana-canvas-route (max-width:700px){.learning-path-grid{grid-template-columns:minmax(0,1fr)}.learning-studies-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.learning-path-copy{width:64%}}@media (max-width:767px){.arcana-learning-app-canvas.arcana-canvas-page .arcana-canvas-content{padding-top:.5rem;scroll-padding-top:.5rem}.arcana-learning-page{overflow-wrap:anywhere;padding-top:0}.learning-hero{border-color:#b9946370;border-radius:.9rem;margin:0 0 1rem;padding:1rem}.learning-hero h1{text-wrap:initial;font-size:1.75rem;font-weight:400;line-height:1.2}.learning-hero-description{margin-top:.55rem;font-size:.8rem;line-height:1.6}.learning-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.85rem;display:grid}.learning-shortcuts>*{letter-spacing:.04em;border-radius:.65rem;min-width:0;min-height:44px;padding:.6rem .4rem;font-size:.7rem}.learning-hero-moon{opacity:.08;top:0;right:-3rem}.learning-hero-motto,.learning-heading-star{display:none}.learning-studies-heading{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.75rem;padding-inline:.25rem}.learning-studies-heading h2{font-size:1.4rem;font-weight:400}.learning-studies-heading>p{font:.8rem/1.6 var(--font-geist-sans,system-ui), sans-serif}.learning-path-grid{grid-template-columns:minmax(0,1fr);gap:.75rem}.learning-path-card{background:radial-gradient(at 100% 0,#49346626,#0000 65%),#070d20f2;border-color:#b9946370;border-radius:.9rem;grid-template-columns:4.5rem minmax(0,1fr);align-content:start;gap:.45rem .8rem;height:auto;min-height:0;padding:1rem;display:grid}.learning-path-art-wrap{border:1px solid #b9946347;border-radius:.65rem;grid-area:1/1/span 2;align-self:start;width:4.5rem;height:5.5rem;position:relative;inset:auto}.learning-path-card .learning-path-art{opacity:1}.learning-path-shade{display:none}.learning-path-copy{display:contents}.learning-path-copy>*{grid-column:1/-1}.learning-path-status{letter-spacing:.1em;max-width:100%;box-shadow:none;grid-column:2;place-self:end start;padding:.25rem .5rem;font-size:.55rem}.learning-path-copy h3{color:#f1dbb5;text-shadow:none;grid-column:2;align-self:start;margin:0;font-size:1.35rem;font-weight:400;line-height:1.25}.learning-path-copy p{color:#d3cbdc;font:.8rem/1.6 var(--font-geist-sans,system-ui), sans-serif;text-shadow:none;margin:.1rem 0 0}.learning-path-action{border-top:1px solid #b9946347;justify-content:space-between;min-height:44px;margin-top:.25rem;padding-top:.5rem;font-size:.8rem;font-weight:400}.learning-gold-frame{opacity:.7;border-image-width:1.2rem}.learning-footer{letter-spacing:.1em;gap:.5rem;margin-top:.9rem;font-size:.55rem}}@media (prefers-reduced-motion:reduce){.arcana-learning-page *,.arcana-learning-page :after{transition:none!important}.learning-path-card:is(a):hover,.learning-path-card:is(a):hover .learning-path-art,.learning-path-card:is(a):hover .learning-path-arrow{transform:none}}