.chjf,.chjf *{box-sizing:border-box}
.chjf{--chjf-accent:#b82e3c;--chjf-ink:#173c36;max-width:1100px;width:100%;margin:30px auto;padding:clamp(16px,3.5vw,36px);border:1px solid #e7e6e1;border-radius:24px;background:#fffefa;color:#26332f;box-shadow:0 18px 55px #152b2510;font-family:inherit;line-height:1.5}
.chjf button{margin:0;min-width:0;min-height:0;border:0;padding:0;box-shadow:none;font:inherit;letter-spacing:normal;text-transform:none;cursor:pointer}
.chjf button:focus-visible,.chjf a:focus-visible,.chjf__track:focus-visible,.chjf:focus-visible{outline:3px solid var(--chjf-accent);outline-offset:3px}
.chjf .chjf__heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:0;border:0;background:none}
.chjf .chjf__eyebrow{display:block;color:var(--chjf-accent);font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 9px}
.chjf .chjf__heading h2{margin:0 0 8px;padding:0;color:var(--chjf-ink);font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(26px,3.7vw,40px);line-height:1.15}
.chjf .chjf__heading p{margin:0;color:#737b75;font-size:14px;line-height:1.6}
.chjf .chjf__count{flex-shrink:0;color:#979b96;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.chjf .chjf__count strong{margin-right:5px;color:var(--chjf-ink);font-size:30px;font-weight:500}
.chjf .chjf__stage{position:relative;overflow:hidden;border-radius:16px;background:#151817}
.chjf .chjf__track{position:relative;display:flex;width:100%;height:clamp(360px,55vw,650px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;direction:ltr}
.chjf .chjf__track::-webkit-scrollbar{display:none}
.chjf .chjf__slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;background:#151817;scroll-snap-align:start;scroll-snap-stop:always;box-shadow:none;text-decoration:none}
.chjf .chjf__slide img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.chjf .chjf__interactive{display:none}
.chjf.chjf--ready .chjf__interactive{display:flex}
.chjf .chjf__arrow,.chjf .chjf__expand{position:absolute;z-index:2;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:#151817bf;color:#fff;line-height:1;font-size:18px;backdrop-filter:blur(8px)}
.chjf .chjf__arrow{top:50%;transform:translateY(-50%)}
.chjf .chjf__prev{left:12px}.chjf .chjf__next{right:12px}
.chjf .chjf__expand{top:12px;right:12px;font-size:27px}
.chjf .chjf__arrow:hover,.chjf .chjf__expand:hover{background:var(--chjf-accent);color:#fff}
.chjf .chjf__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 2px}
.chjf .chjf__toolbar p{margin:0;color:#767e78;font-size:13px}
.chjf .chjf__play{align-items:center;justify-content:center;padding:9px 15px;border-radius:25px;background:#f0f1ec;color:var(--chjf-ink);font-size:12px;white-space:nowrap}
.chjf .chjf__play:hover{background:#f9e9ec;color:var(--chjf-accent)}
.chjf .chjf__thumbs{position:relative;gap:10px;overflow:auto;padding:4px 3px 12px;scrollbar-width:thin;scrollbar-color:#c7c8c1 transparent}
.chjf .chjf__thumb{position:relative;flex:0 0 74px;width:74px;height:74px;padding:0;border-radius:9px;background:#e5e7e1;overflow:hidden;opacity:.55;transition:opacity .2s}
.chjf .chjf__thumb:hover,.chjf .chjf__thumb[aria-current=true]{opacity:1}
.chjf .chjf__thumb[aria-current=true]{box-shadow:0 0 0 2px var(--chjf-accent)}
.chjf .chjf__thumb img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;margin:0;border:0;border-radius:0}
.chjf .chjf__thumb span{position:absolute;right:4px;bottom:4px;padding:2px 5px;border-radius:4px;background:#000a;color:#fff;font-size:10px;line-height:1.4}
.chjf .chjf__dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:65px 20px 80px;border:0;background:#101412;color:#fff;overflow:hidden}
.chjf .chjf__dialog:not([open]){display:none!important}
.chjf .chjf__dialog::backdrop{background:#000e}
.chjf .chjf__dialog>img{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain;margin:0;border:0}
.chjf .chjf__close{position:absolute;top:12px;right:16px;width:44px;height:44px;border-radius:50%;background:#303732;color:#fff;font-size:32px;line-height:1}
.chjf .chjf__dialog-nav{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:24px;font-size:14px}
.chjf .chjf__dialog-nav button{width:42px;height:42px;border-radius:50%;background:#303732;color:#fff}
.chjf [hidden]{display:none!important}
@media(max-width:600px){.chjf{margin:20px auto;padding:15px;border-radius:18px}.chjf .chjf__heading{gap:10px;align-items:flex-start}.chjf .chjf__eyebrow{font-size:8px;letter-spacing:1px}.chjf .chjf__heading p{font-size:12px}.chjf .chjf__count{font-size:11px}.chjf .chjf__count strong{font-size:23px}.chjf .chjf__track{height:clamp(350px,120vw,540px)}.chjf .chjf__arrow,.chjf .chjf__expand{width:35px;height:35px;font-size:15px}.chjf .chjf__expand{font-size:23px}.chjf .chjf__prev{left:7px}.chjf .chjf__next{right:7px}.chjf .chjf__thumb{flex-basis:60px;width:60px;height:60px}.chjf .chjf__toolbar p{font-size:11px}.chjf .chjf__play{font-size:11px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.chjf *{transition:none!important;scroll-behavior:auto!important}}
