.tr-top{padding-bottom:40px}.tr-top h1{max-width:14ch;margin:0 0 22px;font-size:clamp(46px,6.2vw,100px)}.tr-example{color:var(--muted);max-width:44rem;margin:16px 0 0;font-size:14px}.tr-nojs{border:1px solid var(--line);border-radius:10px;max-width:44rem;margin:20px 0 0;padding:14px 16px;display:none}html:not(.js) .tr-nojs{display:block}.tr-wrap{padding-bottom:96px}.tr-flow{counter-reset:st;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.tr-flow li{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;transition:box-shadow .3s;display:flex;position:relative}.tr-flow li.on{box-shadow:0 0 0 2px var(--ink)}.tr-flow b{font:800 30px/1 var(--serif);letter-spacing:-.03em}.tr-flow span{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}.tr-flow small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.4}.tr-flow li[data-status=machine] span{color:var(--tr-mt)}.tr-flow li[data-status=review] span{color:var(--tr-rev)}.tr-flow li[data-status=approved] span{color:var(--tr-ok)}.tr-flow li[data-status=live] span{color:var(--tr-live)}.tr-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:22px;display:grid}.tr-queue{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.tr-queue h2{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:none;margin:0 0 12px}.tr-queue ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tr-item{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;gap:6px;padding:12px;transition:background .2s,border-color .2s;display:grid}.tr-item:hover{background:var(--paper)}.tr-item[aria-pressed=true]{border-color:var(--ink);background:var(--paper)}.tr-item:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tr-it{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tr-it b{font-size:15px}.tr-lang{font:500 12px var(--mono);letter-spacing:.06em;border:1px solid var(--line);border-radius:4px;padding:1px 6px}.tr-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.tr-pill{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:3px 9px}.tr-pill[data-s=machine]{color:var(--tr-mt);background:var(--tr-mtbg)}.tr-pill[data-s=review]{color:var(--tr-rev);background:var(--tr-revbg)}.tr-pill[data-s=approved]{color:var(--tr-ok);background:var(--tr-okbg)}.tr-pill[data-s=live]{color:var(--tr-live);background:var(--tr-livebg)}.tr-panel{border:1px solid var(--line);min-width:0;scroll-margin-top:calc(var(--hdrNow) + 12px);background:#fff;border-radius:16px;outline:none;padding:24px}.tr-ph{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.tr-path{font:12px var(--mono);color:var(--muted);overflow-wrap:anywhere;margin:0 0 4px}.tr-ph h2{max-width:none;margin:0;font-size:clamp(26px,2.6vw,36px)}.tr-ph h2 span{font:500 14px var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;vertical-align:middle}.tr-desc{color:var(--muted);max-width:52em;margin:12px 0 0;font-size:15px}.tr-desc b{color:var(--ink)}.tr-toggle{cursor:pointer;align-items:center;gap:10px;min-height:40px;margin:16px 0 4px;font-size:15px;display:inline-flex}.tr-toggle input{width:18px;height:18px;accent-color:var(--teal);margin:0}.tr-toggle.off{color:var(--muted);cursor:not-allowed}.tr-segs{border-top:1px solid var(--line);margin-top:12px}.tr-cols,.tr-seg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.tr-cols{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 0}.tr-seg{border-bottom:1px solid var(--line);padding:16px 0}.tr-seg p{margin:0}.tr-src{color:var(--muted);font-size:16px}.tr-tgt>p:first-child{font-size:17px;line-height:1.7}.tr-tgt [lang=ja],.tr-tgt[lang=ja]{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Noto Sans JP",var(--sans);line-break:strict}.tr-tgt p[lang=ja]{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Noto Sans JP",var(--sans)}.tr-tgt del{color:var(--tr-del);background:var(--tr-delbg);border-radius:3px;padding:0 1px;text-decoration:line-through 1.5px}.tr-tgt ins{color:var(--ink);background:var(--tr-insbg);text-decoration:underline;text-decoration-color:var(--tr-ok);text-underline-offset:3px;border-radius:3px;padding:0 1px;text-decoration-thickness:2px}.tr-note,.tr-kept,.tr-flag{font-size:14px;line-height:1.5;margin-top:10px!important}.tr-note{background:var(--tr-note);border-left:3px solid var(--tr-noteline);border-radius:8px;padding:10px 12px}.tr-kept{color:var(--muted)}.tr-flag{background:var(--tr-mtbg);color:var(--ink);border-radius:8px;padding:8px 12px}.tr-flag[data-k=ok]{background:var(--tr-okbg)}.tr-open{border:1.5px dashed var(--tr-rev);border-radius:8px;margin-top:10px;padding:12px;font-size:14px}.tr-open[data-done=true]{border-style:solid;border-color:var(--tr-ok);background:var(--tr-okbg)}.tr-open p+p{margin-top:6px}.tr-btn{font:500 13px var(--mono);color:var(--tr-rev);border:1px solid var(--tr-rev);cursor:pointer;background:#fff;border-radius:8px;min-height:40px;margin-top:10px;padding:0 14px}.tr-btn:hover{background:var(--tr-revbg)}.tr-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tr-act{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px;display:flex}.tr-act p{color:var(--muted);flex:260px;max-width:40em;margin:0;font-size:14px}.tr-act .btn:disabled{opacity:.45;cursor:not-allowed}.tr-act .tr-said{color:var(--tr-ok);flex-basis:100%;font-weight:600}.tr-act .tr-said:empty{display:none}@media (width<=1100px){.tr-grid{grid-template-columns:280px minmax(0,1fr)}.tr-flow small{display:none}}@media (width<=860px){.tr-wrap{padding-bottom:64px}.tr-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-grid{grid-template-columns:1fr}.tr-panel{padding:18px}.tr-ph{flex-direction:column-reverse;align-items:flex-start;gap:8px}.tr-cols{display:none}.tr-seg{grid-template-columns:1fr;gap:8px}.tr-src:before,.tr-tgt>p[lang]:first-child:before{content:"EN";font:500 11px var(--mono);letter-spacing:.1em;color:var(--muted);margin-bottom:2px;display:block}.tr-tgt>p[lang]:first-child:before{content:attr(lang);text-transform:uppercase}}@media (prefers-reduced-motion:reduce){.tr-item,.tr-flow li{transition:none}}
