.street-tabs{position:sticky;top:68px;z-index:5;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px var(--gut) 0;margin:0 calc(-1 * var(--gut))}
.signs{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px 18px;max-width:1120px;margin:0 auto}
.signs::after{content:"";flex-basis:100%;height:3px;border-radius:2px;background:var(--web-near-kerb)}
.sign{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none}
.sign .plate{padding:9px 14px;border-radius:7px;background:var(--web-post-plate);box-shadow:inset 0 0 0 3px var(--web-post-plate),inset 0 0 0 4.5px var(--sign),0 2px 6px rgba(40,60,90,.16);font:450 15px/1 var(--display);color:var(--sign);white-space:nowrap;transition:transform .6s var(--ease),background .4s,color .4s}
.sign .plate small{display:block;font:500 9px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-top:5px}
.sign i{width:5px;height:26px;background:linear-gradient(90deg,var(--web-post),var(--web-post-2) 45%,var(--web-post-3));border-radius:2px}
.sign:hover .plate{transform:rotate(-3deg) translateY(-2px)}
.sign[aria-selected="true"] .plate{background:var(--sign);color:var(--tojuri-white);box-shadow:inset 0 0 0 3px var(--sign),inset 0 0 0 4.5px var(--tojuri-white),0 6px 14px -6px rgba(29,78,137,.5);transform:rotate(-3deg) translateY(-3px)}
.sign[aria-selected="true"] .plate small{color:var(--web-sign-selected-plate)}
.cpanel{max-width:880px;margin:0 auto;padding-top:var(--gap-visual);scroll-margin-top:170px}
.js .cpanel{display:none}.js .cpanel.on{display:block;animation:rise .7s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cpanel h2{font:450 clamp(28px,3.2vw,44px)/1.04 var(--display);letter-spacing:-.035em;margin:0;color:var(--ink);text-align:center}
.cintro{margin:var(--gap-intro) auto 0;max-width:46ch;text-align:center;color:var(--body);font-size:clamp(15.5px,1.15vw,17.5px);text-wrap:balance}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);margin:var(--gap-visual) 0 0;padding:0 0 clamp(28px,3vw,40px);border-bottom:1px solid var(--line)}
.two small{display:block;font:600 14px/1.2 var(--sans);color:var(--ink-2);margin-bottom:8px}
.two p{margin:0;font:450 clamp(17px,1.4vw,20px)/1.4 var(--display);letter-spacing:-.01em;color:var(--ink)}
.two .us small{color:var(--ink)}
.ct{width:100%;border-collapse:collapse;margin-top:var(--gap-caption);font-size:15.5px}
.ct th,.ct td{padding:18px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ct thead th{font:600 14px/1.3 var(--sans);color:var(--ink-2);padding-top:0}
.ct thead th:last-child{color:var(--ink)}
.ct .pl{font-weight:500;letter-spacing:.08em;color:var(--ink-2)}
.ct tbody th{font:450 15.5px/1.35 var(--display);color:var(--ink-2);width:24%}
.ct td{color:var(--body)}
.ct td:last-child{color:var(--ink);font-weight:600}
.ct tr:last-child th,.ct tr:last-child td{border-bottom:0}
.tablewrap{overflow-x:auto}
.cdetails{margin-top:var(--gap-caption);text-align:center}
.cdetails summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font:600 14px/1 var(--sans);color:var(--action)}
.cdetails summary::-webkit-details-marker{display:none}
.cdetails summary::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .4s}
.cdetails[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.cdetails p{max-width:62ch;margin:16px auto 0;font-size:14.5px;color:var(--ink-2);text-align:left}
.cnote{max-width:66ch;margin:var(--gap-visual) auto 0;text-align:center}
.ct .src{display:inline-block;margin-left:6px;font:500 14px/1.4 var(--sans);color:var(--action);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.cdetails .src{font-size:14px;color:var(--action);margin-left:4px}
.csources{max-width:62ch;margin:var(--gap-caption) auto 0;font-size:14px;line-height:1.6;color:var(--ink-3);text-align:center}
.csources a{color:var(--action)}
@media (max-width:760px){
  .street-tabs{top:68px;border-bottom:3px solid var(--web-near-kerb)}
  .signs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .signs::-webkit-scrollbar{display:none}
  .signs::after{display:none}
  .sign{flex:none}
  .sign .plate{font-size:14px;padding:8px 10px}
  .two{grid-template-columns:1fr;gap:24px}
  .ct thead{display:none}
  .ct tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
  .ct tr:last-child{border-bottom:0}
  .ct th,.ct td{display:block;border:0;padding:0;width:auto}
  .ct tbody th{grid-column:1/-1;margin-bottom:6px;width:auto}
  .ct td::before{display:block;font:600 14px/1.6 var(--sans);color:var(--ink-2)}
  .ct td:nth-of-type(1)::before{content:attr(data-a)}
  .ct td:nth-of-type(2)::before{content:"Tojuri"}
}
