/* PR archives mirror the original webzine, category tabs and board detail. */
.jj-site .pr-pages{color:#333;font-family:'JJ Sans',Arial,sans-serif}
.jj-site .pr-pages [hidden]{display:none!important}
.jj-site .pr-pages-heading{font-size:45px;line-height:1.4;font-weight:700;text-align:center;margin:0 0 60px;padding:0}
.jj-site .pr-pages-board{padding-bottom:10px;scroll-margin-top:115px}
.jj-site .pr-pages-categories{display:flex;width:100%;margin:0 0 50px}
.jj-site .pr-pages-categories a{position:relative;flex:1;text-align:center;display:flex;align-items:center;justify-content:center;padding:20px 10px;min-height:72px;border:1px solid #e1e1e1;border-right:0;font-size:20px;line-height:1.6;color:#111;background:#fff;transition:background-color .2s}
.jj-site .pr-pages-categories a:last-child{border-right:1px solid #e1e1e1}
.jj-site .pr-pages-categories a:hover{background:#f7f7f7}
.jj-site .pr-pages-categories a[aria-current]{color:#fff;background:linear-gradient(90deg,#2698cc,#2cb94c);background-size:300% 100%;animation:pr-category-gradient 3s ease alternate infinite;font-weight:500;border-color:transparent}
.jj-site .pr-pages-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:14px;line-height:1.4;color:#666}
.jj-site .pr-pages-total{margin:0;white-space:nowrap}
.jj-site .pr-pages-total strong{color:#5f9400;font-weight:400}
.jj-site .pr-pages-search{display:flex;height:40px;margin:0;gap:8px}
.jj-site .pr-pages-search select,.jj-site .pr-pages-search input{height:40px;background:#fff;border:1px solid #d1d1d1;border-radius:0;outline-offset:3px;padding:0 10px;color:#444;font:inherit;min-width:0}
.jj-site .pr-pages-search select{width:100px}
.jj-site .pr-pages-search input{width:220px}
.jj-site .pr-pages-search button{border:0;border-radius:0;background:#555;color:#fff;width:72px;font:inherit;cursor:pointer;margin-left:-8px}
.jj-site .pr-pages-row{margin:0;padding:20px 0;border-bottom:1px solid #ededed;letter-spacing:-.025em}
.jj-site .pr-pages-row:first-of-type{border-top:1px solid #ededed}
.jj-site .pr-pages-row-link{display:flex;align-items:stretch;color:inherit;text-decoration:none}
.jj-site .pr-pages-row-image{width:364px;flex:0 0 364px;overflow:hidden;background:#fff;aspect-ratio:364/273;display:flex;align-items:center;justify-content:center}
.jj-site .pr-pages-row-image img{display:block;width:100%;height:100%;object-fit:cover}
.jj-site .pr-pages-row-copy{width:calc(100% - 364px);padding:30px 30px 20px;transition:background-color .2s}
.jj-site .pr-pages-row-link:hover .pr-pages-row-copy{background:#f7f7f7}
.jj-site .pr-pages-row-copy h3{color:#111;font-size:25px;line-height:1.3;font-weight:500;margin:15px 0 50px;overflow-wrap:anywhere}
.jj-site .pr-pages-row-meta{display:flex;gap:0;flex-wrap:wrap;align-items:center;font-size:14px;line-height:1.4;color:#888;margin:0}
.jj-site .pr-pages-row-meta>*{padding-right:10px;margin-right:10px;border-right:1px solid #d6d6d6}
.jj-site .pr-pages-row-meta>*:last-child{border:0;margin:0;padding:0}
.jj-site .pr-pages-event-status{display:inline-flex;align-items:center;justify-content:center;background:#333;color:#fff;font-size:15px;font-weight:500;line-height:1.6;padding:5px 15px}
.jj-site .pr-pages-event-status--green{background:#7ad227}
.jj-site .pr-pages--exhibition .pr-pages-row-copy h3{font-size:45px;line-height:1.3;margin-bottom:50px;font-weight:500}
.jj-site .pr-pages-event-info{font-size:18px;line-height:1.65;font-weight:400;color:#333;margin:0;white-space:normal;overflow-wrap:anywhere}
.jj-site .pr-pages-empty{padding:70px 20px;text-align:center;color:#777;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.jj-site .pr-pages-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:30px}
.jj-site .pr-pages-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;background:#fff;border:1px solid #ddd;font-size:14px;color:#666;text-decoration:none}
.jj-site .pr-pages-pagination a[aria-current],.jj-site .pr-pages-pagination a:hover{background:#222;border-color:#222;color:#fff}
.jj-site .pr-pages-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}
.jj-site .pr-pages-videos .pr-pages-row{padding:0;border:0;min-width:0}
.jj-site .pr-pages-video-media{position:relative;aspect-ratio:16/9;background:#eee;overflow:hidden}
.jj-site .pr-pages-video-media iframe,.jj-site .pr-pages-video-media img{width:100%;height:100%;display:block;border:0;object-fit:cover}
.jj-site .pr-pages-video-media a{display:block;height:100%}
.jj-site .pr-pages-video-copy{display:block;text-align:center;background:#f5f5f5;padding:11px 20px 16px;color:#333;min-height:106px}
.jj-site .pr-pages-video-copy h3{font-size:20px;font-weight:700;line-height:1.5;margin:0}
.jj-site .pr-pages-video-copy time{font-size:15px;font-weight:400;color:#666;line-height:1.5}
.jj-site .pr-pages-detail{border-top:1px solid #f3f3f3}
.jj-site .pr-pages-detail-header{padding:15px 32px 14px;background:#f3f3f3;display:flex;align-items:flex-start;justify-content:space-between;gap:10px 24px;font-size:14px;line-height:20px}
.jj-site .pr-pages-detail-header h3{font-size:14px;font-weight:500;line-height:1.8;margin:0;color:#333}
.jj-site .pr-pages-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;flex-shrink:0;max-width:100%;color:#444;font-size:14px;line-height:20px}
.jj-site .pr-pages-detail-meta>*{padding:0 18px;border-right:1px solid #ccc}
.jj-site .pr-pages-detail-meta>*:first-child{padding-left:0}
.jj-site .pr-pages-detail-meta>*:last-child{padding-right:0;border:0}
.jj-site .pr-pages-detail-body{padding:15px 32px;margin-bottom:20px;font-size:15px;line-height:25px;color:#414141;overflow-wrap:anywhere}
.jj-site .pr-pages-detail-body p,.jj-site .pr-pages-detail-body div{font-size:15px;line-height:25px;margin:0;color:#414141}
.jj-site .pr-pages-detail-body strong{font-weight:700}
.jj-site .pr-pages-detail-body img{max-width:100%;height:auto!important}
.jj-site .pr-pages-detail-body figure{max-width:500px;margin:20px 0 30px;text-align:left}
.jj-site .pr-pages-detail-body figure:empty{display:none}
.jj-site .pr-pages-detail-body .embed-responsive-16by9,.jj-site .pr-pages-detail-video{position:relative;aspect-ratio:16/9;padding:0!important;height:auto!important;display:block}
.jj-site .pr-pages-detail-body .embed-responsive-16by9 iframe,.jj-site .pr-pages-detail-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.jj-site .pr-pages-detail-body table{max-width:100%;border-collapse:collapse}
.jj-site .pr-pages-detail-attachments{border-top:1px solid #e1e1e1;margin-top:15px;padding:15px 32px;display:flex;gap:20px;font-size:14px;line-height:20px}
.jj-site .pr-pages-detail-attachments a{color:#555;text-decoration:underline;text-underline-offset:3px}
.jj-site .pr-pages-detail-attachments>div{display:flex;flex-direction:column;gap:8px}
.jj-site .pr-pages-detail-actions{display:flex;justify-content:flex-end;margin:20px 0}
.jj-site .pr-pages-detail-actions a{min-width:100px;padding:9px 30px;background:#303030;border:1px solid #303030;color:#fff;font-size:14px;line-height:20px;text-align:center}
.jj-site .pr-pages-post-nav a{display:grid;grid-template-columns:90px minmax(0,1fr) 110px;align-items:center;gap:20px;border-bottom:1px solid #e1e1e1;min-height:53px;padding:15px 32px;color:#666;font-size:14px;line-height:22px}
.jj-site .pr-pages-post-nav a:first-child{border-top:1px solid #e1e1e1}
.jj-site .pr-pages-post-nav strong{font-weight:500}
.jj-site .pr-pages-post-nav span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.jj-site .pr-pages-post-nav time{text-align:right;color:#999}
@keyframes pr-category-gradient{from{background-position:0 50%}to{background-position:100% 50%}}
@media(max-width:1199px){.jj-site .pr-pages--exhibition .pr-pages-row-copy h3{font-size:32px}.jj-site .pr-pages-detail-header{flex-wrap:wrap}.jj-site .pr-pages-row-image{width:32%;flex-basis:32%}.jj-site .pr-pages-row-copy{width:68%}}
@media(max-width:991px){.jj-site .pr-pages-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-site .pr-pages-row-copy{padding:20px}.jj-site .pr-pages-row-copy h3,.jj-site .pr-pages--exhibition .pr-pages-row-copy h3{margin:10px 0 25px}.jj-site .pr-pages--exhibition .pr-pages-row-copy h3{font-size:26px}.jj-site .pr-pages-event-info{font-size:16px}.jj-site .pr-pages-categories a{font-size:17px;min-height:60px;padding:15px 8px}}
@media(max-width:767px){.jj-site .pr-pages-heading{font-size:32px;margin-bottom:35px}.jj-site .pr-pages-categories{flex-wrap:wrap;margin-bottom:25px;gap:2px}.jj-site .pr-pages-categories a{flex:1 1 28%;font-size:13px;border:1px solid #ddd;min-height:36px;padding:6px}.jj-site .pr-pages-toolbar{flex-wrap:wrap;gap:12px;font-size:12px}.jj-site .pr-pages-search{width:100%;height:36px;gap:6px}.jj-site .pr-pages-search input{flex:1;width:0}.jj-site .pr-pages-search select{width:90px}.jj-site .pr-pages-search input,.jj-site .pr-pages-search select{height:36px}.jj-site .pr-pages-search button{width:60px;margin-left:-6px}.jj-site .pr-pages-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.jj-site .pr-pages-rows .pr-pages-row{padding:0;border-top:0}.jj-site .pr-pages-row-link{display:block}.jj-site .pr-pages-row-image{width:100%;aspect-ratio:5/3}.jj-site .pr-pages-row-copy{width:100%;padding:18px 10px}.jj-site .pr-pages-row-copy h3,.jj-site .pr-pages--exhibition .pr-pages-row-copy h3{font-size:20px;line-height:1.5;margin:10px 0 20px}.jj-site .pr-pages-event-status{font-size:12px;padding:3px 10px}.jj-site .pr-pages-event-info{font-size:14px}.jj-site .pr-pages-row-meta{font-size:12px}.jj-site .pr-pages-detail-header,.jj-site .pr-pages-detail-body,.jj-site .pr-pages-detail-attachments{padding:15px 10px}.jj-site .pr-pages-detail-meta{font-size:12px;line-height:18px}.jj-site .pr-pages-detail-meta>*{padding:0 10px}.jj-site .pr-pages-post-nav a{padding:15px 10px;grid-template-columns:60px minmax(0,1fr);gap:10px;font-size:13px}.jj-site .pr-pages-post-nav time{display:none}.jj-site .pr-pages-pagination{gap:4px}.jj-site .pr-pages-pagination a{min-width:30px;height:32px;padding:0 5px}}
@media(max-width:575px){.jj-site .pr-pages-heading{font-size:26px}.jj-site .pr-pages-rows,.jj-site .pr-pages-videos{grid-template-columns:1fr}.jj-site .pr-pages-video-copy h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.jj-site .pr-pages-categories a[aria-current]{animation:none}}