/* サイトの rj-v3.css に無い物だけ（投稿の形と表の数字）。色と形はトークンだけを使う */
.rb-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.tbl .n { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tbl th:first-child, .tbl td:first-child { padding-left: 0; }
.tbl th:last-child, .tbl td:last-child { padding-right: 0; }
.tbl thead th { position: static; }
.rb-body { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 1rem; }
.rb-link { appearance: none; background: none; border: 0; padding: .25rem 0; color: var(--ink-3); font-size: .8125rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.rb-flag { margin-top: .5rem; }
.rb-form { margin-top: 1rem; }
.rb-form fieldset { border: 0; border-bottom: 1px solid var(--line); margin: 0; padding: 1.25rem 0 .25rem; min-width: 0; }
.rb-form fieldset:first-of-type { padding-top: 0; }
.rb-field { padding-bottom: 1rem; min-width: 0; }
.rb-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.rb-opt { font-weight: 400; color: var(--ink-3); font-size: .8125rem; }
.rb-hint { font-size: .8125rem; color: var(--ink-3); margin-top: .3rem; }
.rb-live { font-weight: 700; color: var(--red); padding-bottom: 1rem; font-variant-numeric: tabular-nums; }
.rb-live:empty { display: none; }
.inp select, .inp textarea { flex: 1; min-width: 0; width: 100%; border: 0; padding: .55rem 0; background: transparent; color: var(--ink); font-size: 1rem; }
.inp select:focus, .inp textarea:focus { outline: 0; }
.inp textarea { resize: vertical; }
.rb-form .inp input:not([inputmode]) { font-size: 1rem; font-weight: 400; }
.rb-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.rb-secret { overflow-wrap: anywhere; font-size: .875rem; }
.rb-danger { margin-top: 2rem; font-size: .875rem; color: var(--ink-3); }
.rb-danger summary { cursor: pointer; }
.rb-danger .btn { margin-top: .75rem; }
.rb-admin { padding: .85rem 0; border-bottom: 1px solid var(--line); list-style: none; }
.crumb + h1 { margin-top: 1rem; }
.rb-form .inp { min-height: 3.25rem; }

/* 店の候補 */
.rb-shops { list-style: none; margin: .35rem 0 0; padding: .25rem 0; background: var(--panel); border: 1px solid var(--line-2); border-radius: var(--r-input); max-height: 22rem; overflow-y: auto; }
.rb-shop { padding: .6rem 1rem; cursor: pointer; }
.rb-shop + .rb-shop { border-top: 1px solid var(--line); }
.rb-shop[aria-selected="true"], .rb-shop:hover { background: var(--red-tint); }
.rb-shop b { display: block; font-weight: 600; font-size: .9375rem; line-height: 1.35; overflow-wrap: anywhere; }
.rb-shop span { display: block; font-size: .8125rem; color: var(--ink-3); line-height: 1.4; }
