.ji-strip{--ji-paper:#ece9db;--ji-ink:#1b1d19;--ji-accent:#f0ae33;--ji-muted:#535449;--ji-rule:#a0a095;--ji-gap:clamp(8px,1.2vw,16px);color:var(--ji-ink);background:var(--ji-paper);background-image:url('/assets/grain.svg');font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;text-align:left;min-width:0;max-width:100%;padding:clamp(14px,2.2vw,30px);border:1px solid var(--ji-ink);isolation:isolate}
.ji-strip *{box-sizing:border-box}.ji-strip [hidden]{display:none!important}.ji-strip :is(a,button,.ji-viewport):focus-visible{outline:3px solid #116eaa;outline-offset:3px}.ji-strip :is(button,a){font:inherit;color:inherit}.ji-strip a{text-decoration:none}.ji-strip button{cursor:pointer}
.ji-head,.ji-captionbar,.ji-controls,.ji-foot,.ji-identity,.ji-arrows,.ji-live-button,.ji-out{display:flex;align-items:center}
.ji-head,.ji-captionbar,.ji-controls,.ji-foot{justify-content:space-between;gap:12px}.ji-head{border-top:3px solid var(--ji-ink);border-bottom:1px solid var(--ji-ink);padding:11px 0 13px}
.ji-identity{gap:10px;min-width:0}.ji-camera{display:block;width:clamp(31px,3.4vw,49px);height:auto;flex:none}.ji-identity>span{display:block;min-width:0}.ji-identity strong,.ji-identity small{display:block}.ji-identity strong{font-size:clamp(16px,2vw,29px);line-height:1.13;letter-spacing:-.055em;font-weight:800}.ji-identity small,.ji-imprint,.ji-chip,.ji-range,.ji-shot figcaption small{font:700 9px/1.4 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.09em}.ji-identity small{margin-bottom:2px}
.ji-imprint{padding:4px 6px;background:var(--ji-accent);border:1px solid var(--ji-ink);transform:rotate(-2deg);white-space:nowrap}.ji-identity:hover strong,.ji-out:hover{text-decoration:underline;text-underline-offset:3px}
.ji-gallery{min-width:0}.ji-captionbar{margin:13px 0 8px}.ji-captionbar h3{color:var(--ji-ink);font:700 12px/1.4 "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;letter-spacing:.035em;margin:0}.ji-guidance{font-size:10px;color:var(--ji-muted);white-space:nowrap}.ji-guidance b{color:var(--ji-ink);margin-left:3px}
.ji-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--ji-rule) transparent;scroll-padding:1px;-webkit-overflow-scrolling:touch}.ji-track{padding:1px 1px 5px!important;margin:0!important;list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--ji-gap)) / 3.15);gap:var(--ji-gap)}
.ji-strip[data-short-rail] .ji-track{grid-auto-columns:calc((100% - var(--ji-gap)) / 2.54)}.ji-track>li{min-width:0;margin:0;padding:0;scroll-snap-align:start;list-style:none}
.ji-shot{margin:0!important;padding:0}.ji-visual{position:relative;display:block;aspect-ratio:4/5;background:#dbd9d0;isolation:isolate;overflow:hidden;border:1px solid var(--ji-ink)}.ji-visual img{display:block;width:100%;height:100%;object-fit:contain;background:#20221f}.ji-chip{position:absolute;top:6px;left:6px;z-index:1;color:var(--ji-paper);background:var(--ji-ink);padding:2px 5px;font-size:8px}.ji-shot figcaption{display:block;border:0!important;margin:0!important;padding:7px 0 2px!important;color:var(--ji-ink)}.ji-shot figcaption strong{font:750 clamp(12px,1.1vw,17px)/1.3 "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;letter-spacing:-.025em;display:block;overflow-wrap:anywhere}.ji-shot figcaption small{font-size:8px;color:var(--ji-muted);display:block;margin-top:3px}
.ji-controls{border-bottom:1px solid var(--ji-rule);padding:7px 0 10px}.ji-arrows{gap:4px}.ji-arrows button{background:none;border:1px solid var(--ji-ink);font:600 17px/1 Arial,sans-serif;color:var(--ji-ink);min-height:36px;width:39px;padding:0;border-radius:0}.ji-arrows button:disabled{color:#98998c;border-color:#a8a999;cursor:default}.ji-arrows button:not(:disabled):hover,.ji-live-button:hover{background:var(--ji-ink);color:var(--ji-paper)}.ji-range{font-size:9px}
.ji-foot{padding-top:12px;flex-wrap:wrap}.ji-live-button{gap:7px;border:1px solid var(--ji-ink);padding:7px 10px;min-height:36px;border-radius:0;background:var(--ji-accent);line-height:1.3}.ji-live-button b,.ji-out{font-size:11px;font-weight:700}.ji-live-button>span{font:700 16px/1 Arial,sans-serif}.ji-out{gap:5px;min-height:36px}.ji-live{padding-top:14px}.ji-live iframe{display:block;width:100%;max-width:480px;height:clamp(350px,56vw,470px);background:#fff;border:1px solid var(--ji-rule);margin:auto}.ji-live p{color:var(--ji-muted);font:500 11px/1.6 "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;text-align:center;margin:7px 0 0}
@media(max-width:690px){.ji-track,.ji-strip[data-short-rail] .ji-track{grid-auto-columns:calc((100% - var(--ji-gap)) / 1.65)}.ji-strip{--ji-gap:8px}.ji-imprint{font-size:7px}.ji-arrows button{min-height:38px;width:41px}.ji-identity{gap:6px}.ji-head{padding:9px 0}.ji-foot{gap:3px 10px}.ji-live-button{padding:7px}.ji-shot figcaption strong{font-size:12px}}
@media(max-width:380px){.ji-imprint{display:none}.ji-guidance{font-size:8px}.ji-identity strong{font-size:17px}.ji-out,.ji-live-button b{font-size:10px}}