:root{--navy:#1F3A5F;--navy2:#3A5A84;--teal:#2B6F6D;--bg:#FAFAF8;--side:#F4F6F9;--line:#E3E8EE;--text:#1F2328;--muted:#5B6470;--card:#fff}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;display:flex;flex-direction:column}
.sr{position:absolute;left:-9999px}
.top{display:flex;align-items:center;gap:18px;background:var(--navy);color:#fff;padding:0 18px;height:52px;flex:0 0 auto}
.brand{color:#fff;font-weight:700;text-decoration:none;font-size:16px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.brandmark{height:26px;width:auto;display:block}
#nav{display:flex;gap:4px}
#nav a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:6px;font-size:14px;white-space:nowrap}
#nav a[aria-current="page"]{background:var(--navy2);font-weight:700}
#nav a:hover{background:#2c4a70}
.right{margin-left:auto;display:flex;align-items:center;gap:12px}
.right select{background:#2c4a70;color:#fff;border:1px solid #4d6b92;border-radius:6px;padding:3px 6px;font:inherit;font-size:13px}
.who{font-size:13px;color:#DCE4EE;white-space:nowrap}
#viewAs{flex:0 1 auto;min-width:7em;max-width:22em;text-overflow:ellipsis}.right{min-width:0}   /* 表示の権限（12.36）：帯が狭いときは縮める */
@media (max-width:1180px){.top:has(#viewAs) #brand{display:none}}
#viewAs.on{background:#7A5A0C;border-color:#E8C66B}
#tzSel{flex:0 1 auto;min-width:6em;max-width:13em;text-overflow:ellipsis}   /* タイムゾーン（12.48） */
@media (max-width:1320px){.top:has(#tzSel:not([hidden])) #brand{display:none}}   /* 帯が狭いとき（12.48 の点検から：タイムゾーンの分だけ、名前を隠して詰める。どの幅でも 12.47 よりはみ出さない） */
@media (max-width:1180px){#tzSel{max-width:9em}.top{gap:10px;padding:0 12px}.right{gap:8px}#nav{gap:2px}#nav a{padding:6px 8px}}
@media (max-width:900px){#tzSel{max-width:6em}.top{padding:0 10px}#nav a{padding:6px 6px}}
#viewBanner{flex:0 0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#FFF4D6;border-bottom:1px solid #E8C66B;color:#5B4300;padding:6px 18px;font-size:13px}
#viewBanner .btn{margin-left:auto;font-size:13px;padding:3px 10px}
.layout{flex:1 1 auto;display:flex;min-height:0}
aside{width:250px;flex:0 0 250px;background:var(--side);border-right:1px solid var(--line);padding:12px 10px;overflow:auto}
aside.collapsed{width:44px;flex-basis:44px;padding:12px 6px}
aside.collapsed .sidebody{display:none}
.sidehead{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--muted);margin:2px 4px 8px}
.iconbtn{border:0;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px}
.iconbtn:hover{background:#e3e8ee}
.iconbtn:disabled{opacity:.35;cursor:default}.iconbtn:disabled:hover{background:none}
.proj{display:flex;align-items:center;gap:8px;padding:6px 6px;border-radius:6px;cursor:pointer}
.proj:hover{background:#e8edf3}.proj.active{background:#DCE3EC;font-weight:700}
.proj .name{flex:1;font-size:14px;line-height:1.3}.proj.off .name{color:#9AA3AD}
.proj .count{font-size:12px;color:var(--muted)}
.switch{position:relative;width:32px;height:18px;flex:0 0 32px;border-radius:9px;background:#C5CDD6;border:0;cursor:pointer;padding:0}
.switch[aria-checked="true"]{background:var(--teal)}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s}
.switch[aria-checked="true"]::after{left:16px}
.addproj{display:block;margin:8px 6px;font-size:13px;color:var(--navy);background:none;border:0;cursor:pointer;padding:0}
.sub{margin:18px 4px 6px;font-size:13px;font-weight:700;color:var(--muted)}
.muted{color:var(--muted);font-size:13px}
main{flex:1 1 auto;overflow:auto;padding:22px 26px;min-width:0}
main.frame{padding:0;display:flex;flex-direction:column}
h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:22px 0 10px}
.crumb{font-size:13px;color:var(--muted);margin-bottom:6px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{font:inherit;font-size:14px;padding:6px 14px;border-radius:7px;border:1px solid #cfd4da;background:#fff;color:var(--text);cursor:pointer;text-decoration:none;display:inline-block}
.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.btn:hover{filter:brightness(.97)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}
.avatar{display:grid;grid-template-columns:96px 1fr;gap:12px;align-content:start}
.thumb{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#E2E8F0;display:flex;align-items:center;justify-content:center}
.thumb video{width:140%;height:auto;object-fit:cover}
.pill{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--navy);border-radius:10px;padding:1px 8px;margin-right:4px}
.pill.teal{background:var(--teal)}.pill.gray{background:#94A3B8}
.card .acts{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}
.card select{font:inherit;font-size:12px;padding:3px;border-radius:6px;border:1px solid #cfd4da;max-width:150px}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}
.stat b{display:block;font-size:26px;color:var(--navy)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 22px;background:#fff}
.tabs a{padding:10px 14px;text-decoration:none;color:var(--muted);font-size:14px;border-bottom:2px solid transparent}
.tabs a[aria-current="page"]{color:var(--navy);border-color:var(--navy);font-weight:700}
.head{display:flex;align-items:center;gap:14px;padding:14px 22px;background:#fff}
iframe{border:0;flex:1 1 auto;width:100%;background:#fff}
table{border-collapse:collapse;width:100%;font-size:14px;background:#fff}th,td{border-bottom:1px solid var(--line);padding:8px;text-align:left}th{color:var(--muted);font-size:13px;background:#F1F4F8}
code{background:#f3f4f6;padding:2px 6px;border-radius:5px;font-size:13px;word-break:break-all}
.form{display:flex;flex-direction:column;gap:6px;margin:6px 6px 10px}.form input,.form select{font:inherit;font-size:13px;padding:5px;border:1px solid #cfd4da;border-radius:6px}
.notice{background:#EEF2F6;border-radius:8px;padding:10px 12px;font-size:13px;color:var(--muted);margin-top:14px}
.modal-back{position:fixed;inset:0;background:rgba(31,41,55,.45);display:flex;align-items:center;justify-content:center;z-index:50}
.modal{background:#fff;border-radius:12px;padding:20px 22px;width:min(660px,92vw);max-height:86vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.modal input[type=email],.modal input[type=text]{font:inherit;padding:6px;border:1px solid #cfd4da;border-radius:6px}
.from{display:block;font-size:11px;color:var(--muted);font-weight:400}
.btn.danger{color:#B42318;border-color:#E5A3A0}.btn.danger:disabled{opacity:.5;cursor:default}
.pill[hidden]{display:none}
.btn[hidden]{display:none}   /* hidden のボタンを出さない（.btn の display が hidden に勝っていた。12.46 の点検から） */
/* 12.41：ヘルプ・アバターのまとめての操作・広い確かめの窓・利用量のグラフ */
.modal.wide{width:min(880px,94vw)}
.card.avatar{position:relative}
.card .pick{position:absolute;top:8px;right:8px;margin:0;line-height:1}
.card .pick input{width:18px;height:18px;cursor:pointer;margin:0}
.card.avatar.picked{outline:2px solid var(--navy);outline-offset:-1px}
.bulk{position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 0;border-bottom:1px solid var(--line);margin-top:10px}
.bulk select{font:inherit;font-size:13px;padding:5px;border-radius:6px;border:1px solid #cfd4da}
.bulk select:disabled{opacity:.55}
.btn:disabled{opacity:.5;cursor:default}
.seg{display:inline-flex;border:1px solid #cfd4da;border-radius:7px;overflow:hidden}
.seg button{font:inherit;font-size:13px;border:0;border-right:1px solid #cfd4da;background:#fff;color:var(--text);padding:5px 12px;cursor:pointer}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--navy);color:#fff}
#usageCtl select{font:inherit;font-size:13px;padding:5px;border-radius:6px;border:1px solid #cfd4da}
.chart svg{width:100%;height:auto;display:block}
.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;align-items:center;margin-bottom:4px}
.legend i,.sw{display:inline-block;width:14px;height:4px;border-radius:2px;vertical-align:middle;margin-right:6px}
dl.guide{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}
dl.guide dt{font-weight:700}dl.guide dd{margin:0}
@media (max-width:640px){dl.guide{grid-template-columns:1fr}dl.guide dd{margin-bottom:6px}}
/* 準備状況（12.42。手順の編集） */
.issues{list-style:none;padding:0;margin:6px 0 4px}.issues li{padding:3px 0 3px 12px;border-left:3px solid var(--line);margin:3px 0;font-size:13px}.issues li.error{border-color:#B3261E}.issues li.warn{border-color:#B7791F}.issues li.info{border-color:#3A5A84;color:var(--muted)}
/* 12.50：新しい「手順」と「ブロック」の画面（flowedit.js）・「…」のメニュー（menu.js） */
.btn.sm{font-size:13px;padding:3px 10px}
.fe-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fe-head h1{margin:0;flex:1 1 auto}
.fe-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fe-status{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.fe-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#B7791F}.fe-dot.ok{background:var(--teal)}
.fe-err{color:#B3261E}
.fe-condrow{margin-top:8px}.fe-condrow select{font:inherit;font-size:13px;padding:3px 6px;border:1px solid #cfd4da;border-radius:6px}
.fe-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:12px 0 0;flex-wrap:wrap}
.fe-tabs a{padding:9px 14px;text-decoration:none;color:var(--muted);font-size:14px;border-bottom:2px solid transparent}
.fe-tabs a[aria-current="page"]{color:var(--navy);border-color:var(--navy);font-weight:700}
.fe-banner{background:#FFF4D6;border:1px solid #E8C66B;color:#5B4300;border-radius:8px;padding:10px 12px;margin-top:12px;font-size:14px}
.fe-banner.ok{background:#E8F3F2;border-color:#9CC9C5;color:#1D4F4D}
.fe-tree{margin-top:8px}
.fe-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:8px 0}
.fe-box.k-group{background:#F5F8FB;border-color:#D5DEE8}
.fe-box.off{opacity:.62}
.fe-box.dragging{opacity:.4}
.fe-box.drop-before,.fe-page.drop-before,.fe-item.drop-before,.fe-li.drop-before{box-shadow:0 -3px 0 0 var(--navy)}
.fe-box.drop-after,.fe-page.drop-after,.fe-item.drop-after,.fe-li.drop-after{box-shadow:0 3px 0 0 var(--navy)}
.fe-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:36px}
.fe-sp{flex:1 1 auto}
.grip{cursor:grab;user-select:none;letter-spacing:-1px}.grip:active{cursor:grabbing}
.fe-kind{font-size:11px;font-weight:700;border-radius:5px;padding:1px 7px;background:#E5ECF4;color:#1F3A5F;white-space:nowrap}
.fe-kind.k-template{background:#ECEFF3;color:#4A5563}.fe-kind.k-interview{background:#DDEFEE;color:#1D4F4D}.fe-kind.k-group{background:#1F3A5F;color:#fff}.fe-kind.k-end{background:#F6E3E1;color:#8A2A20}.fe-kind.k-endpage{background:#ECEFF3;color:#4A5563}
.fe-name{font-size:15px}
.fe-id{font:12px ui-monospace,Menlo,Consolas,monospace;color:var(--muted);background:var(--side);border:1px solid var(--line);border-radius:4px;padding:0 5px}
.fe-cond{font:inherit;font-size:12px;border:1px solid #E8C66B;background:#FFF8E6;color:#5B4300;border-radius:12px;padding:1px 10px;cursor:pointer;max-width:28em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe-cond.ro{cursor:default;white-space:normal;max-width:none}
.fe-casepill{font-size:12px;border:1px solid #CDBDEB;background:#F3EEFC;color:#4B2E83;border-radius:12px;padding:1px 10px;white-space:nowrap}
.fe-more{font-size:18px;line-height:1;padding:2px 8px}
.fe-subline{margin:2px 0 2px 64px}
.fe-iv{margin:4px 0 2px 64px}.fe-iv select,.fe-gopts select,.fe-gopts input{font:inherit;font-size:13px;padding:3px 6px;border:1px solid #cfd4da;border-radius:6px;max-width:22em}
.fe-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 2px 64px}
.fe-chip{font-size:12px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:1px 9px}.fe-chip.iv{background:#DDEFEE;border-color:#9CC9C5;font-weight:700}
.fe-gname{font:inherit;font-weight:700;padding:4px 8px;border:1px solid #cfd4da;border-radius:6px;min-width:14em;flex:0 1 22em}
.fe-gopts{margin:4px 0 2px 64px}.fe-help{margin:2px 0 4px 64px}
.fe-kids{margin:6px 0 2px 28px}
.fe-into{border:2px dashed #CBD5E1;border-radius:10px;padding:8px 12px;color:var(--muted);font-size:13px;margin:8px 0}
.fe-into.over,.fe-pdrop.over{border-color:var(--navy);background:#EEF3FA;color:var(--navy)}
.fe-endpage{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:10px}
.fe-h3{margin:14px 0 6px;font-size:14px}
.fe-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:70;background:#1F2328;color:#fff;border-radius:10px;padding:10px 14px;display:flex;gap:10px;align-items:center;max-width:min(760px,94vw);font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.fe-toast.warn{background:#5B4300}.fe-toast .btn{font-size:13px;padding:3px 10px}.fe-toast .iconbtn{color:#fff}.fe-toast[hidden]{display:none}
.atmenu{position:fixed;z-index:60;background:#fff;border:1px solid #D0D7DE;border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:4px;min-width:210px;max-width:min(360px,94vw);max-height:70vh;overflow:auto}
.atmenu-item{display:block;width:100%;text-align:left;font:inherit;font-size:14px;background:none;border:0;border-radius:6px;padding:7px 10px;cursor:pointer;color:var(--text)}
.atmenu-item:hover,.atmenu-item:focus{background:#EEF2F6;outline:none}.atmenu-item.danger{color:#B3261E}.atmenu-item:disabled{opacity:.5;cursor:default}
.atmenu-note{display:block;font-size:12px;color:var(--muted)}.atmenu-sep{height:1px;background:var(--line);margin:4px 2px}
.fe-blocks{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;margin-top:10px;align-items:start}
.fe-list{position:sticky;top:0;max-height:calc(100vh - 140px);overflow:auto;padding-right:4px}
.fe-listhelp{margin:0 0 8px}
.fe-li{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:6px 0;padding:2px 4px}
.fe-li.sel{border:2px solid var(--navy)}.fe-li.head{background:#F5F8FB}.fe-li.end{background:#FBF1F0;border-style:dashed}.fe-li.off{opacity:.6}
.fe-li.over{background:#EEF3FA;border-color:var(--navy)}.fe-li.no-drop{background:#FBF1F0;cursor:not-allowed}
.fe-li-btn{flex:1 1 auto;min-width:0;text-align:left;font:inherit;background:none;border:0;padding:5px 4px;cursor:pointer;color:var(--text);display:flex;flex-direction:column}
.fe-li-btn[aria-disabled="true"]{cursor:default}.fe-li-btn b{font-size:14px;font-weight:600}.fe-li-btn .muted{font-size:12px}
.fe-li-ud{display:inline-flex;opacity:0}.fe-li:hover .fe-li-ud,.fe-li:focus-within .fe-li-ud,.fe-li.sel .fe-li-ud{opacity:1}@media (hover:none){.fe-li-ud{opacity:1}}
.fe-listhint{display:none;margin:0 0 6px;padding:4px 8px;border-radius:6px;background:#FBF1F0;color:#7A2E1F;font-size:13px}.fe-listhint.on{display:block}
.fe-edit{min-width:0}
.fe-page{border:1px dashed #C9D2DC;border-radius:10px;padding:10px;margin:10px 0;background:#fff}
.fe-page.iv{border:2px solid #2B6F6D;background:#EEF7F6}
.fe-pline,.fe-iline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fe-pline input{font:inherit;padding:5px 8px;border:1px solid #cfd4da;border-radius:6px;min-width:12em;flex:1 1 14em}
.fe-item{border:1px solid var(--line);border-radius:9px;background:#FBFCFD;padding:8px 10px;margin:8px 0}
.fe-item .form{margin:6px 0 0}.fe-item textarea,.fe-cases textarea{font:inherit;font-size:14px;padding:6px;border:1px solid #cfd4da;border-radius:6px;width:100%}
.fe-ityp{font:inherit;font-weight:600;padding:3px 6px;border:1px solid #cfd4da;border-radius:6px;max-width:18em}
.fe-iline input{font:inherit;font-size:13px;padding:3px 6px;border:1px solid #cfd4da;border-radius:6px}
.fe-flabel{font-size:13px;color:var(--muted)}
.fe-cases{margin-top:8px;border-left:3px solid #CDBDEB;padding-left:10px}
.fe-case{margin:8px 0}
.fe-pdrop{border:2px dashed #E3E8EE;border-radius:8px;padding:6px 10px;color:var(--muted);font-size:12px;margin:8px 0}
.fe-scorepart{border:1px solid var(--line);border-radius:6px;padding:2px 6px}
/* 12.51：手順の「基本情報」「面接設定」・条件ごとの設定・面接のボックスの表示・ひな形の中身 */
.fe-panels{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}
.fe-panel{background:#fff;border:1px solid var(--line);border-radius:10px}
.fe-ph{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;background:none;border:0;padding:9px 12px;cursor:pointer;color:var(--text);border-radius:10px}
.fe-ph:hover{background:#F5F8FB}.fe-ph b{font-size:15px;white-space:nowrap}.fe-psum{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fe-tri{color:var(--muted);width:1em}
.fe-pbody{padding:2px 14px 12px 34px}
.fe-cf{margin:8px 0}.fe-cf .fe-flabel{margin-bottom:3px}
.fe-cf textarea,.fe-cf input:not([type=checkbox]),.fe-cf select{font:inherit;font-size:14px;padding:5px 8px;border:1px solid #cfd4da;border-radius:6px;max-width:100%}
.fe-cf textarea{width:100%}.fe-cf input:not([type=checkbox]):not([type=number]){width:min(34em,100%)}
.fe-cfrow{display:flex;align-items:flex-start;gap:8px;margin:4px 0;flex-wrap:wrap}.fe-cfrow textarea{flex:1 1 22em}
.fe-cfname{font-size:13px;min-width:9em;padding-top:6px}
.fe-cf.split{border-left:3px solid #CBD5E1;padding-left:8px}
.fe-cfchk{display:inline-flex;gap:6px;align-items:center}.fe-cfhelp{margin:2px 0 0 24px}
.fe-cfsplit{font-size:12px;padding:1px 6px;margin-top:2px}
.btn.link{background:none;border:0;color:var(--navy);text-decoration:underline;cursor:pointer}
.fe-cfline{display:flex;gap:18px;flex-wrap:wrap}
/* 12.63：面接の終わり方の2つの行と、面接中のメッセージ */
.fe-endrow{display:flex;gap:6px 16px;align-items:center;flex-wrap:wrap;margin:6px 0}.fe-endrow .fe-cfchk{min-width:19em;font-weight:600}
.fe-endrow.off .fe-endnum{opacity:.55}
.fe-endnum{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:#475467}.fe-endnum input{width:5.5em}
.fe-endset>div{flex:1 1 30em}
.fe-notice{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}.fe-notice .fe-ntext{flex:1 1 22em}
.fe-cf .fe-notice input.fe-ntext{width:auto}
/* 12.63（161）：初めて使う画面の吹き出しの「使い方を見る」と、手順の画面の上の箇条書き（吹き出しそのものの形は web/tour.js） */
.tourbtn{white-space:nowrap;font-size:13px;padding:3px 10px}
.fe-intro{display:flex;gap:8px 16px;align-items:flex-start;flex-wrap:wrap;margin:10px 0 6px}
.fe-intro>ul,.fe-intro>p{flex:1 1 26em;margin:0}.fe-intro>ul{padding-left:1.3em}.fe-intro>ul li{margin:1px 0}
.fe-ivdisp{margin:2px 0 2px 64px;font-size:13px;gap:14px}
.fe-li.tpl .fe-li-btn b{font-weight:500}
@media (max-width:900px){.fe-blocks{grid-template-columns:1fr}.fe-list{position:static;max-height:none}.fe-subline,.fe-iv,.fe-ivdisp,.fe-chips,.fe-gopts,.fe-help{margin-left:8px}.fe-pbody{padding-left:14px}.fe-kids{margin-left:12px}}

/* 12.51（192）：参加者の記録の中身 */
tr.prow{cursor:pointer}tr.prow:hover td{background:#F7FAFC}tr.prow.open td{background:#EEF3FA}
tr.pvrow>td{background:#FBFCFD;padding:8px 12px}
.pv details{margin:6px 0}.pv summary{cursor:pointer;font-weight:600}
.pv-kv{margin:6px 0;font-size:13px}.pv-kv th{text-align:left;color:var(--muted);font-weight:500;padding:2px 12px 2px 0;vertical-align:top;white-space:nowrap}.pv-kv td{padding:2px 0;white-space:pre-wrap}
.pv-turns{margin:6px 0;font-size:13px;width:100%}.pv-turns th{text-align:left;color:var(--muted);font-weight:500}.pv-turns td{vertical-align:top;white-space:pre-wrap}.pv-turns tr.undone td{color:#9AA3AD;text-decoration:line-through}
/* 12.53：アーカイブ（折りたたんだ一覧）と並べ替え（▲▼） */
.proj .pmove,.gmove{display:inline-flex;align-items:center}.proj .pmove .iconbtn,.gmove .iconbtn{font-size:11px;padding:1px 4px;line-height:1.2}
.proj .pmore{font-size:15px;line-height:1;padding:1px 5px;margin-left:-4px}   /* 12.55：プロジェクトの「…」のメニュー（削除など） */
details.archsec{margin-top:16px}details.archsec>summary{cursor:pointer}details.archsec>summary.sub{margin:18px 4px 6px}
.archnote{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 10px}.archnote>span{flex:1 1 280px}
/* 12.54（215）：名前をクリックして変える */
.rename{cursor:text;border-bottom:1px dashed transparent;border-radius:2px}
.rename:hover,.rename:focus-visible{border-bottom-color:var(--muted);outline:none;background:var(--side)}
.rename-input{font:inherit;color:inherit;padding:2px 6px;border:1px solid var(--muted);border-radius:6px;min-width:16em;max-width:100%;background:var(--card)}
/* 12.71：グラフの項目の「出す値」と、実施とデータのグラフ */
.fe-gsec{margin:4px 0}.fe-gvs{display:flex;flex-wrap:wrap;gap:2px 14px;margin:2px 0 4px}.fe-gv{font-size:13px;white-space:nowrap}
.gx-ctl{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:4px 0 10px}.gx-ctl label{font-size:14px}
.card .gx-ctl select#gxPart{max-width:min(420px,100%)}   /* 12.72：参加ID は長いので、ほかの選び欄より広く */
.gx-vars{display:flex;flex-wrap:wrap;gap:2px 14px;margin:2px 0 8px}.gx-vars label{font-size:13px;white-space:nowrap}
.gx-note{font-size:13px;color:var(--muted);margin:4px 0}