.jj-board-wrap{position:relative;margin-top:32px}.jj-board{position:absolute;top:0;left:50%;transform-origin:50% 0}.jj-prop{position:absolute;pointer-events:none}.jj-prop svg{display:block;width:100%;height:auto}.jj-card-slot{position:absolute;width:300px;height:200px}.jj-card,.jj-card-ghost{display:block;width:300px;height:200px;border-radius:10px}.jj-card{position:relative;padding:0;border:0;overflow:hidden;background:#1b1c1e;cursor:pointer;container-type:inline-size;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07),0 0 0 .5px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.12),0 24px 44px -16px rgba(0,0,0,.5);-webkit-tap-highlight-color:transparent}.jj-card:focus-visible{outline-offset:4px;border-radius:10px}.jj-card-face{position:absolute;inset:0;display:block;font-size:calc(100cqw / 300 * 16);background:linear-gradient(112deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 36%),repeating-linear-gradient(0deg,hsla(0,0%,100%,.024) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 3px),linear-gradient(180deg,#2a2c2f,#1a1b1d 55%,#151617)}.jj-card-art{position:absolute;top:9%;right:3%;display:grid;place-items:center;width:54%;height:70%;filter:drop-shadow(0 0 .7em color-mix(in srgb,var(--glow) 45%,transparent));opacity:.86;transition:opacity .4s ease,filter .4s ease}.jj-card-detail .jj-card-art,.jj-card:hover .jj-card-art{opacity:1}.jj-art-canvas{display:block;width:100%;height:100%}.jj-card-text{position:absolute;bottom:9%;left:6.5%;display:flex;flex-direction:column;gap:.28em;text-align:left}.jj-card-name{color:#54575b;font-family:var(--font-public-sans),sans-serif;font-size:1.7em;font-weight:700;letter-spacing:-.035em;line-height:1;text-shadow:0 -1px 0 rgba(0,0,0,.7),0 1px 0 hsla(0,0%,100%,.07)}.jj-card-period{color:#55585c;font-family:var(--font-geist-mono),monospace;font-size:.7em;font-weight:600;line-height:1.2;text-shadow:0 -1px 0 rgba(0,0,0,.6)}.jj-detail{position:fixed;inset:0;z-index:60}.jj-detail-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:140px}.jj-card-detail{width:min(384px,calc(100vw - 40px));height:auto;aspect-ratio:3/2;margin:51px auto 0}.jj-detail-article{position:relative;margin-top:32px}.jj-detail-head{position:relative;display:flex;align-items:center;gap:10px}.jj-detail-back{position:absolute;top:1px;right:calc(100% + 38px)}.jj-detail-logo{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.jj-detail-title h3{margin:0;color:var(--jj-ink);font-size:13px;font-weight:500;line-height:16px}.jj-detail-title a,.jj-detail-title>span{display:inline-flex;align-items:center;gap:3px;color:var(--jj-muted);font-size:13px;line-height:16px;transition:color .2s ease}.jj-detail-title a:hover{color:var(--jj-text)}.jj-detail-ext{width:11px;height:11px}.jj-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none}.jj-tags li{padding:2px 6px;border-radius:6px;background:var(--jj-chip);color:var(--jj-chip-text);font-size:12px;line-height:16px}.jj-detail-summary{margin:18px 0 0;font-size:13px;line-height:16px;text-align:justify;hyphens:auto}.jj-collage{left:50%;display:flex;flex-direction:column;gap:64px;width:min(880px,calc(100vw - 40px));margin-top:72px;translate:-50% 0}.jj-collage,.jj-collage-item{position:relative}.jj-collage-figure{position:relative;margin:0;padding:5px;border-radius:8px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05),0 22px 44px -18px rgba(0,0,0,.32)}.jj-collage-figure img{display:block;width:100%;height:auto;border-radius:4px}.jj-collage-clip{position:absolute;top:-40px;right:56px;width:52px}.jj-collage-caption{position:relative;width:max-content;max-width:100%;margin:18px 0 0;color:#24358f;font-family:var(--font-caveat),cursive;font-size:24px;line-height:1}.jj-collage-item[data-side=right] .jj-collage-caption{margin-left:auto;margin-right:12px}.jj-collage-item[data-side=left] .jj-collage-caption{margin-left:12px}@media (max-width:560px){.jj-detail-back{position:static}.jj-collage{gap:40px;margin-top:56px}.jj-collage-figure{padding:3px}.jj-collage-clip{top:-30px;right:32px;width:40px}.jj-collage-caption{font-size:21px}}.jj-card-art[data-art=general-learning]{top:7%;right:6%;width:40%;height:46%}.jj-drawer{margin-top:96px}.jj-drawer-grid,.jj-drawer-title{width:min(680px,calc(100vw - 48px))}.jj-drawer-title{margin:0 auto}.jj-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px;margin:28px auto 0;padding:0;list-style:none}.jj-card-ghost.jj-card-tile,.jj-card.jj-card-tile{width:100%;height:auto;aspect-ratio:3/2}@media (max-width:600px){.jj-drawer-grid{grid-template-columns:minmax(0,1fr);gap:28px}.jj-drawer-grid,.jj-drawer-title{width:min(360px,calc(100vw - 40px))}}