/* SkateJax.com — the 2006 sliced-table shell, scaled up 1.5x for today's screens,
   with a phpBB2 subSilver-style forum reskinned in SkateJax black and grey. */
:root{
  --page:#000; --well:#fff; --ink:#111; --muted:#5e5e5e;
  --line:#8c8c8c; --row1:#f1f1f1; --row2:#e3e3e3; --row3:#d6d6d6;
  --cat1:#4a4a4a; --cat2:#1d1d1d; --link:#1f4f86; --hover:#c4520b;
  --forum:Verdana, Tahoma, "DejaVu Sans", Arial, sans-serif;
  --head:Arial, Helvetica, sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{background:var(--page);color:var(--ink);margin:0}
body{padding:16px max(12px, env(safe-area-inset-right)) 28px max(12px, env(safe-area-inset-left));font:13px/1.4 var(--forum)}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--hover);text-decoration:underline}
:focus-visible{outline:2px dotted var(--hover);outline-offset:2px}
img{max-width:100%}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:8px;background:#fff;padding:6px 10px;z-index:10}

/* ---- Shell: logo, nav, white well, photo strip --------------------------- */
#frame{max-width:1060px;margin:0 auto}
#shell{display:grid;grid-template-columns:837fr 222fr;align-items:start}
#main{min-width:0}
#logo{display:block;line-height:0}
#logo img,#strip img{width:100%;height:auto;display:block}
#nav{position:relative;line-height:0;background:#fff;border-top:4px solid #000;border-bottom:4px solid #000}
#nav img{width:100%;height:auto;display:block}
#nav a{position:absolute;top:0;height:100%;border-left:2px solid #000;border-right:2px solid #000;transition:background-color .12s}
#nav a:hover{background:rgba(196,82,11,.22)}
#nav a.on{background:rgba(196,82,11,.16);box-shadow:inset 0 -4px 0 #c4520b}
#mnav{display:none}
#well{background:var(--well);min-height:560px;padding:10px 14px 20px;border-left:4px solid var(--page)}
#strip{line-height:0}
#tagline{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
#tagline b{font:bold 17px var(--head);color:#7a7a7a;padding:6px 0 0 190px}
#tagline img{width:200px;height:auto;flex:none}
#userbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 14px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px 0;margin:8px 0 12px;font-size:12px}
#userbar .who b a{color:var(--ink)}
#userbar .join{font-weight:bold}
#foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:16px 24px 12px;color:#fff;font:15px var(--head)}
#foot a{color:#fff}
#foot nav{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}
#foot nav a{color:#bbb}
#foot nav a:hover{color:#fff}
#foot small{font-size:12px;color:#ddd}
@media (max-width:760px){
  #shell{grid-template-columns:1fr}
  #strip{display:none}
  #tagline b{padding-left:0;font-size:14px}
  #tagline img{width:150px}
  #well{border-left:0;padding:10px 10px 18px}
  #nav{display:none}
  #mnav{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:3px solid #000;border-bottom:3px solid #000}
  #mnav a{font:bold 13px var(--head);color:#000;text-align:center;padding:10px 2px;border-right:2px solid #000}
  #mnav a:last-child{border-right:0}
  #mnav a.on{background:#f3e3d6;box-shadow:inset 0 -3px 0 #c4520b}
}

form.inline{display:inline}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--link);cursor:pointer}
.linkbtn:hover{color:var(--hover);text-decoration:underline}
.flash{background:#fff7d6;border:1px solid #d9b84a;padding:8px 10px;margin:0 0 12px;font-size:13px}
code.pw{font:bold 15px "Courier New",monospace;background:#fff;border:1px solid #999;padding:1px 5px}
.err{color:#a00000;font-weight:bold}
.center{text-align:center}
.top{vertical-align:top!important}
.nowrap{white-space:nowrap}
.gap{height:14px}
.pad{padding:0 6px 8px}

/* ---- phpBB2 mechanics ---------------------------------------------------- */
.wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.forumline{width:100%;border:1px solid var(--line);border-collapse:separate;border-spacing:1px;background:var(--line)}
.forumline th{background:linear-gradient(var(--cat1),var(--cat2));color:#fff;font:bold 13px var(--forum);padding:8px 8px;white-space:nowrap;text-align:center}
.forumline td{padding:8px 10px;vertical-align:middle}
.forumline.form td:first-child{width:36%}
.forumline.narrow{max-width:560px;margin:0 auto}
.row1{background:var(--row1)} .row2{background:var(--row2)} .row3{background:var(--row3)}
.cat{background:linear-gradient(#ececec,#c2c2c2);font-weight:bold;font-size:14px;padding:8px 10px!important}
.info{text-align:center;padding:28px 14px!important;font-size:14px;line-height:1.6}
td.wide,th.wide{width:100%}
.nav-crumb{font-weight:bold;font-size:13px;margin:6px 0 10px}
.maintitle{font:bold 24px var(--head);margin:4px 0}
.maintitle a{color:var(--ink)}
.maintitle.small{font-size:20px}
.gensmall{font-size:12px}
.genmed{font-size:13px}
.forumlink{font-weight:bold;font-size:15px}
.topictitle{font-weight:bold;font-size:14px}
.num{text-align:center;font-variant-numeric:tabular-nums}
.lastpost{white-space:nowrap;text-align:center}
.icon{width:38px;text-align:center}
.toprow{display:flex;justify-content:space-between;align-items:flex-end;gap:8px 14px;flex-wrap:wrap;margin:6px 0}
.legend{margin-top:14px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.u-admin{color:#a00000!important;font-weight:bold}
.u-mod{color:#006000!important;font-weight:bold}
/* whole forum/topic row is clickable */
tr.rowlink{cursor:pointer}
tr.rowlink:hover>td{filter:brightness(1.04)}
tr.rowlink:hover .forumlink,tr.rowlink:hover .topictitle{color:var(--hover)}

.folder{display:inline-block;width:26px;height:20px;background:linear-gradient(#f3d27a,#d9a640);border:1px solid #8a6a1f;border-radius:2px 6px 2px 2px;position:relative;vertical-align:middle}
.folder.new{background:linear-gradient(#ff9a5a,#d6531c);border-color:#7a2a08}
.folder.locked{background:linear-gradient(#bbb,#777);border-color:#444}
.folder.sticky::after{content:"!";position:absolute;inset:0;font:bold 14px/19px var(--forum);color:#4a2400;text-align:center}
.folder.video::after{content:"";position:absolute;left:9px;top:4px;border-left:9px solid #3b2400;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}

.btn-img{display:inline-block;font:bold 14px var(--forum);color:#fff;background:linear-gradient(#5a5a5a,#222);border:1px solid #000;padding:8px 16px;border-radius:3px;cursor:pointer;white-space:nowrap}
.btn-img:hover{color:#ffd9b8;text-decoration:none;background:linear-gradient(#6a6a6a,#2a2a2a)}
.btn-img.off{background:#888;cursor:default}
.btn-img.big{font-size:15px;padding:10px 22px}
.btn-sm{display:inline-block;font:12px var(--forum);color:#222;background:linear-gradient(#fafafa,#cfcfcf);border:1px solid #777;padding:3px 9px;border-radius:3px;cursor:pointer;margin-left:3px}
.btn-sm:hover{color:var(--hover);text-decoration:none;border-color:#333}
.btn-sm.danger{color:#900}

/* ---- Posts --------------------------------------------------------------- */
.posts td.author{width:170px;min-width:140px}
.posthead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #aaa;padding-bottom:6px;margin-bottom:10px}
.postbtns{white-space:nowrap}
.postbody{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.postbody .sig{border-top:1px solid #9a9a9a;margin-top:16px;padding-top:6px;color:#555;font-size:12px;max-width:60%}
.edited{font-size:12px;color:var(--muted);margin-top:10px;font-style:italic}
.postdetails{font-size:12px;color:var(--muted)}
.av{width:100px;height:100px;margin:8px 0;display:grid;place-items:center;font:bold 32px var(--head);color:#fff;border:1px solid #000;object-fit:cover;background:#444}
.quote-h{font-size:12px;font-weight:bold;margin-top:8px}
.quote{background:#f8f8f8;border:1px solid #b5b5b5;padding:8px 12px;margin:3px 0 10px;font-size:14px}
pre.code{background:#fafafa;border:1px solid #b5b5b5;padding:8px;font:13px "Courier New",monospace;overflow-x:auto;white-space:pre-wrap}
.embed{max-width:640px;aspect-ratio:16/9;background:#000;border:1px solid #333;margin:10px 0}
.embed iframe{width:100%;height:100%;border:0;display:block}
.postimg{max-width:100%;max-height:720px;border:1px solid #333;margin:6px 0}
.infobar{border:1px solid var(--line);background:var(--row1);padding:14px;text-align:center;font-size:14px}
.modtools{margin-top:12px;padding:8px 10px;border:1px dashed #999;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.modtools select{font:12px var(--forum);padding:3px}

/* ---- Forms --------------------------------------------------------------- */
input.post,textarea.post,select{font:14px var(--forum);border:1px solid #777;padding:6px 8px;max-width:100%;background:#fff;color:var(--ink);border-radius:2px}
input.post{width:300px}
input.post.wide{width:100%}
input.post.tiny{width:70px}
textarea#msg{width:100%;min-height:220px;font:15px/1.5 var(--forum);border:1px solid #777;padding:8px;border-radius:2px}
textarea.sigbox{width:100%;height:80px}
textarea.pagebox{width:100%;min-height:280px;font:14px var(--forum);border:1px solid #777;padding:8px}
.bbbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.bbbar button,.upbtn{font:13px var(--forum);background:#efefef;border:1px solid #777;padding:5px 10px;cursor:pointer;color:var(--ink);border-radius:2px}
.bbbar button:hover,.upbtn:hover{background:#fff}
.hint{font-size:12px;color:var(--muted);margin-top:6px}
form.stack{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-bottom:6px}
form.stack span{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.searchform{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.searchform input{width:340px}
.avrow{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.kv td{padding:3px 10px 3px 0}

/* ---- Front page ---------------------------------------------------------- */
.marq{overflow:hidden;white-space:nowrap;background:#000;color:#ff9b4a;font:bold 13px var(--forum);padding:6px 0;margin-bottom:14px}
.marq .track{display:inline-flex;animation:marq 40s linear infinite}
.marq .track span{padding-right:60px}
.marq:hover .track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq .track{animation:none}}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}
.news{border-bottom:1px dashed #aaa;padding:4px 0 18px;margin-bottom:14px}
.news:last-child{border:0}
.news h2{font:bold 22px var(--head);margin:0 0 4px}
.news h2 a{color:var(--ink)}
.news .by{font-size:12px;color:var(--muted);margin-bottom:10px}
.news .more{margin-top:8px;font-size:13px;font-weight:bold}
.box{border:1px solid #000;margin-bottom:14px}
.box h3{margin:0;background:#000;color:#fff;font:bold 12px var(--forum);padding:6px 9px;letter-spacing:.08em;text-transform:uppercase}
.box ul{list-style:none;margin:0;padding:6px 9px}
.box li{padding:6px 0;border-bottom:1px dotted #bbb;font-size:12px}
.box li:last-child{border:0}
.box li a b{font-size:13px}
.box .boxbody{padding:10px;font-size:13px;line-height:1.5}
.box .boxbody p{margin:0 0 10px}
.box.welcome{border-color:#c4520b}
.box.welcome h3{background:#c4520b}
.counter{display:flex;justify-content:center;gap:2px;padding:10px}
.counter span{background:#000;color:#3f3;font:bold 19px "Courier New",monospace;padding:2px 5px;border:1px solid #444}
.badges{display:flex;gap:6px;flex-wrap:wrap}
.badge88{display:inline-block;width:88px;height:31px;border:1px solid #000;font:bold 9px/1.15 var(--forum);padding:3px;text-align:center}
.badge88.yellow{background:#ffd23f;color:#000}
.badge88.black{background:#000;color:#fff}
@media (max-width:640px){.cols{grid-template-columns:1fr}}
.page{max-width:68ch;margin:10px 0 16px}

/* ---- Footage gallery ----------------------------------------------------- */
.clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.clip{display:flex;flex-direction:column;gap:4px;color:var(--ink);min-width:0}
.clip b{font-size:14px}
.clip .thumb{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 50% 45%,#333,#000 70%);border:1px solid #000;overflow:hidden}
.clip .thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}
.clip .play{position:absolute;left:50%;top:50%;width:52px;height:36px;margin:-18px 0 0 -26px;background:#c00;border-radius:9px}
.clip .play::after{content:"";position:absolute;left:20px;top:9px;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.clip:hover{text-decoration:none}
.clip:hover b{color:var(--hover)}
.clip:hover .play{background:#e00}

/* ---- Parks ---------------------------------------------------------------- */
.lede{margin:4px 0 12px;font-size:14px}
.areajump{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.areajump a{border:1px solid #000;padding:5px 10px;font-size:13px;color:var(--ink);background:var(--row1)}
.areajump a b{background:#000;color:#fff;font-size:11px;padding:1px 6px;margin-left:4px}
.areajump a:hover{background:#fff;color:var(--hover);text-decoration:none}
.parkarea{margin-bottom:22px;scroll-margin-top:12px}
h2.areahead{margin:0 0 12px;border:1px solid var(--line);font-family:var(--forum)}
.parks{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.park{border:1px solid #000;background:var(--row1);display:flex;flex-direction:column;min-width:0}
.park-media{position:relative;aspect-ratio:16/10;background:#111;border-bottom:1px solid #000;overflow:hidden}
.park-media img,.park-media iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.park-media .sat{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;padding:2px 7px;pointer-events:none}
.park-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.park-body h3{margin:0;font:bold 18px var(--head)}
.park-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tag{background:#2d5a1e;color:#fff;font:bold 11px var(--forum);padding:2px 7px;letter-spacing:.03em}
.tag.paid{background:#8a4a10}
.park-body p{margin:2px 0;font-size:14px;line-height:1.5}
.addr{font-size:13px;color:var(--muted)}
.park-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.park-links .btn-img{font-size:13px;padding:7px 12px}
.credit{font-size:11px;color:var(--muted)}
.parkform label{display:flex;flex-direction:column;gap:2px;width:100%}
.parkform span label{width:auto}
@media (max-width:420px){.parks{grid-template-columns:1fr}}
.tag.stopped{background:#9a1c1c}
.tag.gone{background:#666}

/* ---- SkateJax.com Video: a 2006 Flash-era player --------------------------- */
.tv{border:1px solid #000;background:#1a1a1a;margin:6px 0 22px;color:#ddd}
.tv-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:7px 10px;background:linear-gradient(#3c3c3c,#151515);border-bottom:1px solid #000;font-size:12px}
.tv-head b{color:#fff;font:bold 14px var(--forum);letter-spacing:.04em}
.tv-head span{color:#aaa}
.tv-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:10px;padding:10px}
.tv-foot{padding:0 10px 9px;color:#888}
@media (max-width:820px){.tv-body{grid-template-columns:1fr}}

.sjp{position:relative;background:#000;border:1px solid #444;box-shadow:0 0 0 1px #000;outline:none;user-select:none;-webkit-user-select:none}
.sjp:focus-visible{box-shadow:0 0 0 2px var(--hover)}
.sjp-screen{position:relative;aspect-ratio:4/3;background:#000;overflow:hidden;cursor:pointer}
.sjp-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}
.sjp-bug{position:absolute;top:10px;left:12px;font:bold 13px/1 var(--head);color:rgba(255,255,255,.55);letter-spacing:.06em;text-shadow:0 1px 2px #000;pointer-events:none}
.sjp-bug span{color:rgba(255,155,74,.7)}
.sjp-big{position:absolute;left:50%;top:50%;width:86px;height:60px;margin:-30px 0 0 -43px;border:2px solid rgba(255,255,255,.85);border-radius:12px;cursor:pointer;
  background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(#ff8a2a,#c4520b);box-shadow:0 3px 12px rgba(0,0,0,.6);transition:transform .12s}
.sjp-big span{position:absolute;left:33px;top:16px;border-left:24px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.sjp-big:hover{transform:scale(1.07)}
.sjp-title{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 9px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:14px;color:#fff;pointer-events:none}
.sjp-title span{color:#bbb;font-size:12px;margin-left:6px}
.sjp.playing .sjp-big,.sjp.started .sjp-title{display:none}
.sjp.started:not(.playing) .sjp-big{display:block}
.sjp-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);border:1px solid #555;padding:6px 14px;font:bold 12px var(--forum);color:#ddd;pointer-events:none}
.sjp-loading i{font-style:normal;animation:blink 1.2s infinite}
.sjp-loading i:nth-child(2){animation-delay:.2s}.sjp-loading i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}
.sjp-end{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:rgba(0,0,0,.72)}
.sjp-end[hidden]{display:none}
.sjp-end button{font:bold 13px var(--forum);color:#fff;background:linear-gradient(#5a5a5a,#222);border:1px solid #000;border-radius:3px;padding:9px 14px;cursor:pointer}
.sjp-end button:hover{color:#ffd9b8}
.sjp-end .sjp-nextbtn{background:linear-gradient(#ff8a2a,#c4520b)}

.sjp-bar{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;background:linear-gradient(#5b5b5b,#2e2e2e 48%,#1a1a1a 52%,#0d0d0d);border-top:1px solid #6a6a6a}
.sjp-btn{flex:none;width:28px;height:24px;display:grid;place-items:center;background:linear-gradient(#4a4a4a,#1c1c1c);border:1px solid #000;border-radius:3px;cursor:pointer;padding:0}
.sjp-btn:hover{background:linear-gradient(#666,#2a2a2a)}
.sjp-time{flex:none;font:11px/1 var(--forum);color:#cfcfcf;font-variant-numeric:tabular-nums;min-width:74px;text-align:center}
.sjp-seek{flex:1;position:relative;height:10px;background:#000;border:1px solid #555;border-radius:5px;cursor:pointer;touch-action:none;min-width:40px}
.sjp-buf,.sjp-fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;width:0}
.sjp-buf{background:#4a4a4a}
.sjp-fill{background:linear-gradient(#ffb067,#e06512 55%,#b44708)}
.sjp-knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#bbb 60%,#777);border:1px solid #000}
.sjp-vol{flex:none;display:flex;align-items:flex-end;gap:2px;height:16px}
.sjp-vol button{width:4px;padding:0;border:0;background:#555;cursor:pointer}
.sjp-vol button.on{background:#ff8a2a}
/* icons drawn in CSS */
.sjp-btn i{display:block;position:relative}
.ico-play{width:0;height:0;border-left:10px solid #eee;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}
.sjp.playing .ico-play{width:10px;height:12px;border:0;margin:0;border-left:3px solid #eee;border-right:3px solid #eee}
.ico-vol{width:5px;height:6px;background:#eee;margin-right:5px}
.ico-vol::after{content:"";position:absolute;left:3px;top:-3px;border-right:6px solid #eee;border-top:6px solid transparent;border-bottom:6px solid transparent}
.sjp.muted .ico-vol::before{content:"";position:absolute;left:-3px;top:2px;width:16px;height:2px;background:#ff5a3a;transform:rotate(-40deg);z-index:1}
.ico-fs{width:12px;height:10px;border:2px solid #eee;border-radius:1px}
.ico-pip{width:14px;height:10px;border:2px solid #eee;border-radius:1px}
.ico-pip::after{content:"";position:absolute;right:0;bottom:0;width:6px;height:4px;background:#eee}
/* full screen */
.sjp:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;border:0}
.sjp:fullscreen .sjp-screen{flex:1;aspect-ratio:auto}
.sjp.fs-idle .sjp-bar{opacity:0;transition:opacity .4s}
.sjp.fs-idle{cursor:none}
@media (max-width:480px){.sjp-vol{display:none}.sjp-time{min-width:0;font-size:10px}}

.sjp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sjp-list a{display:flex;gap:8px;align-items:center;padding:5px;border:1px solid #333;background:#222;color:#ddd}
.sjp-list a:hover{background:#2c2c2c;border-color:#666;text-decoration:none}
.sjp-list a.on{border-color:#e06512;background:#2a1d14}
.sjp-list .th{position:relative;flex:none;width:96px;aspect-ratio:4/3;background:#000;overflow:hidden}
.sjp-list .th img{width:100%;height:100%;object-fit:cover;display:block}
.sjp-list em{position:absolute;right:2px;bottom:2px;background:rgba(0,0,0,.8);color:#fff;font:normal 10px var(--forum);padding:0 3px}
.sjp-list .tt{display:flex;flex-direction:column;gap:2px;min-width:0}
.sjp-list b{font-size:13px;color:#fff}
.sjp-list small{font-size:10px;color:#999}
.sjp-list .np{display:none;color:#ff9b4a;font-weight:bold}
.sjp-list a.on .np{display:block}
@media (max-width:820px){.sjp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}