:root{
  --bg:#fff7fa; --ink:#34262c; --sub:#76636b; --line:#efd2dd; --card:#fff;
  --terra:#d76b91; --terra-soft:#fde8f0; --coral:#e0789f;
  --green:#06C755; --amber:#f0a73b; --amber-soft:#fff3e0; --red:#e0567a; --red-soft:#fde3ea;
  --ok:#1f9d63; --ok-soft:#e6f7ee;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,"Hiragino Sans","Yu Gothic",sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.7;-webkit-text-size-adjust:100%;}
a{color:var(--terra);}
.wrap{max-width:880px;margin:0 auto;padding:0 14px 90px;}
.hero{background:linear-gradient(135deg,#ec90b4 0%,#d76b91 50%,#c2527a 100%);
  color:#fff;text-align:center;padding:26px 18px 22px;border-radius:0 0 24px 24px;
  box-shadow:0 8px 24px rgba(201,123,59,.18);margin-bottom:14px;}
.hero h1{font-size:22px;margin:0 0 2px;font-weight:800;letter-spacing:.03em;}
.hero .sub{font-size:13px;opacity:.93;}
.hero a{color:#fff;opacity:.85;font-size:12px;}

section{margin:0 0 20px;}
.sec-head{display:flex;align-items:center;gap:10px;margin:0 0 10px;}
.sec-head .num{width:28px;height:28px;flex:none;border-radius:9px;display:flex;align-items:center;
  justify-content:center;color:#fff;font-weight:800;font-size:14px;background:var(--terra);}
.sec-head h2{font-size:17px;margin:0;font-weight:800;}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:15px 15px 17px;box-shadow:0 2px 10px rgba(0,0,0,.035);}
.note{color:var(--sub);font-size:12.5px;}
.muted{color:var(--sub);}
.center{text-align:center;}

/* buttons / inputs */
.btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-weight:800;
  font-size:14px;padding:9px 16px;border-radius:10px;color:#fff;background:var(--terra);
  box-shadow:0 2px 8px rgba(0,0,0,.1);transition:.12s;font-family:inherit;text-decoration:none;}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px);}
.btn.ghost{background:#fff;color:var(--sub);border:1.5px solid var(--line);box-shadow:none;}
.btn.sm{font-size:12.5px;padding:6px 12px;}
.btn.wide{width:100%;justify-content:center;padding:13px;font-size:16px;}
.btn.danger{background:var(--red);}
input[type=text],input[type=password],input[type=datetime-local],select{
  border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;font-size:15px;
  font-family:inherit;background:#fff;color:var(--ink);}
input:focus,select:focus{outline:none;border-color:var(--terra);}
label{font-weight:700;font-size:13.5px;}

.flash{border-radius:10px;padding:10px 14px;margin:0 0 14px;font-weight:700;font-size:14px;}
.flash.ok{background:var(--ok-soft);color:var(--ok);}
.flash.ng{background:var(--red-soft);color:var(--red);}
.pill{display:inline-block;font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 10px;}
.pill.open{background:var(--ok-soft);color:var(--ok);}
.pill.published{background:var(--terra-soft);color:var(--terra);}
.pill.closed{background:#eee;color:#999;}

/* member chips */
.mlist{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px;}
.mchip{cursor:pointer;border:1.5px solid var(--line);background:#fff;border-radius:999px;
  padding:7px 14px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px;
  text-decoration:none;color:var(--ink);}
.mchip.sel{background:var(--terra);border-color:var(--terra);color:#fff;}
.mchip.done{border-color:#bfe6cf;background:var(--ok-soft);color:var(--ok);}
.mchip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);}
.memwrap{display:inline-flex;align-items:center;gap:1px;}
.memx{border:none;background:transparent;color:#cbb;cursor:pointer;font-weight:800;font-size:12px;
  padding:4px 6px;border-radius:50%;line-height:1;}
.memx:hover{background:var(--red-soft);color:var(--red);}

/* timetable grid */
table{border-collapse:collapse;width:100%;font-size:12.5px;}
th,td{border:1px solid var(--line);padding:0;text-align:center;}
th{background:var(--terra-soft);color:var(--terra);font-weight:800;padding:5px 4px;white-space:nowrap;}
th.tlab,td.tlab{background:#faf2f6;color:var(--sub);font-weight:800;white-space:nowrap;padding:5px 7px;text-align:left;}
td.cell{cursor:pointer;height:36px;font-weight:800;font-size:12px;}
td.cell.free{background:#fff;color:#cdbcc4;}
td.cell.free::after{content:"空";}
td.cell.busy{background:#f2dbe3;color:var(--terra);}
td.cell.busy::after{content:"授業";}
td.cell.brk{background:#f7f4ef;color:#c7bcae;cursor:default;}
td.cell.brk::after{content:"昼";}

/* coverage board */
.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--sub);margin:2px 0 12px;}
.legend b{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:4px;vertical-align:-1px;}
.daycard{margin-bottom:16px;}
.day-h{font-size:16px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:9px;}
.day-h .gap{font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 9px;}
.gap.good{background:var(--ok-soft);color:var(--ok);}
.gap.bad{background:var(--red-soft);color:var(--red);}
.slot{border:1px solid var(--line);border-radius:11px;padding:9px 11px;margin-bottom:7px;background:#fff;}
.slot.green{border-left:5px solid var(--green);}
.slot.amber{border-left:5px solid var(--amber);background:#fffdf8;}
.slot.red{border-left:5px solid var(--red);background:var(--red-soft);}
.slot.bridge{border-style:dashed;background:#fbf7fc;margin-left:22px;border-left:5px dashed var(--coral);}
.slot-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.slot .tm{font-weight:800;font-size:14px;min-width:120px;}
.slot .tm small{display:block;font-size:11px;font-weight:700;color:var(--sub);}
.badge-br{font-size:10.5px;font-weight:800;color:var(--coral);background:#fbe6f1;border-radius:5px;padding:1px 6px;}
.who{font-weight:800;font-size:14px;}
.cands{font-size:12px;color:var(--sub);margin:6px 0 0;display:flex;flex-wrap:wrap;gap:5px;align-items:center;}
.cands .ttl{font-weight:800;color:#a98ea0;}
.cand{background:var(--ok-soft);color:var(--ok);border-radius:999px;padding:2px 9px;font-weight:700;}
.warn{font-size:12px;font-weight:800;color:var(--amber);margin-top:6px;}
.hole{font-size:12px;font-weight:800;color:var(--red);margin-top:6px;}
.lunch-div{text-align:center;font-size:11.5px;font-weight:800;color:#c7bcae;margin:2px 0 8px;}

/* submission order list */
.orderlist{margin:0;padding:0;list-style:none;}
.orderlist li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:14px;}
.orderlist .rank{width:24px;height:24px;flex:none;border-radius:50%;background:var(--terra-soft);color:var(--terra);
  font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;}
.orderlist .rank.top{background:var(--terra);color:#fff;}
.orderlist .t{margin-left:auto;color:var(--sub);font-size:12px;}
.todo-tag{font-size:11.5px;font-weight:800;color:var(--red);background:var(--red-soft);border-radius:6px;padding:1px 8px;}

/* 手順バー */
.stepbar{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:0 0 16px;box-shadow:0 2px 10px rgba(0,0,0,.035);}
.steps{display:flex;gap:6px;flex-wrap:wrap;}
.step{flex:1;min-width:120px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;
  border-radius:10px;padding:8px 10px;border:1.5px solid var(--line);color:var(--sub);background:#fff;}
.step .sn{width:21px;height:21px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;background:#eee;color:#999;}
.step.active{border-color:var(--terra);background:var(--terra-soft);color:var(--terra);}
.step.active .sn{background:var(--terra);color:#fff;}
.step.done{border-color:#bfe6cf;background:var(--ok-soft);color:var(--ok);}
.step.done .sn{background:var(--ok);color:#fff;}
.stepbar .todo{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--ink);
  background:#fff8fb;border-left:4px solid var(--terra);border-radius:0 8px 8px 0;padding:8px 12px;}

/* カバー表サマリー */
.boardsum{margin:0 0 12px;}
.boardsum .sumcount{font-size:14px;font-weight:700;margin-bottom:8px;}
.boardsum .ttl{font-size:11.5px;font-weight:800;color:#a98ea0;margin-right:6px;}
.boardsum .jumpnav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;}
.boardsum .jump{display:inline-block;font-size:13px;font-weight:800;text-decoration:none;color:var(--terra);
  background:var(--terra-soft);border-radius:8px;padding:3px 11px;}
.boardsum .issues{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.boardsum .issue{font-size:12px;font-weight:800;text-decoration:none;border-radius:999px;padding:3px 10px;}
.boardsum .issue.hole{background:var(--red-soft);color:var(--red);}
.boardsum .issue.seam,.boardsum .issue.thin{background:var(--amber-soft);color:var(--amber);}
.boardsum .ok{font-size:13px;font-weight:800;color:var(--ok);}
.daycard{scroll-margin-top:12px;}

/* 時計ボード（1時間刻み＋2時間ブロック） */
.hourgrid{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px;}
.hourrow{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line);min-height:40px;}
.hourrow:last-child{border-bottom:none;}
.hourrow .htime{width:118px;flex:none;font-weight:800;font-size:13.5px;color:var(--ink);}
.hourrow .hchips{display:flex;flex-wrap:wrap;gap:5px;}
.hchip{font-size:13px;font-weight:800;border-radius:999px;padding:2px 11px;background:#fff;border:1.5px solid var(--line);}
.hourrow.h-safe{background:var(--ok-soft);} .hourrow.h-safe .htime{color:var(--ok);} .hourrow.h-safe .hchip{border-color:#bfe6cf;color:var(--ok);}
.hourrow.h-thin{background:#fffaf0;} .hourrow.h-thin .htime{color:#b9842a;}
.hourrow.h-over .htime::after{content:'・3人';font-size:11px;color:#c77b00;margin-left:2px;}
/* 確定シフト（公開）ロースター */
.pubroster{display:flex;flex-direction:column;gap:10px;}
.pubday{border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.pubday-h{background:var(--ok-soft);color:var(--ok);font-weight:700;padding:6px 12px;font-size:15px;}
.pubslot{display:flex;gap:10px;padding:7px 12px;border-top:1px solid #eef1f5;align-items:baseline;}
.pubslot:first-of-type{border-top:none;}
.pubt{flex:0 0 auto;font-variant-numeric:tabular-nums;color:#555;font-size:14px;min-width:104px;font-weight:600;}
.pubn{flex:1;font-size:15px;line-height:1.5;}
.pubn .pubme{background:var(--terra);color:#fff;border-radius:5px;padding:0 6px;font-weight:700;}
.pubn.pub1{color:var(--red);font-weight:600;} .pubslot:has(.pub1) .pubt{color:var(--red);}
/* 変更リクエスト */
.crlist{display:flex;flex-direction:column;gap:8px;}
.critem{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:#fff;}
.crmain{flex:1;min-width:200px;font-size:15px;}
.crtgt{display:inline-block;background:var(--ok-soft);color:var(--ok);border-radius:5px;padding:0 7px;margin:0 6px;font-size:13px;font-weight:600;}
.crmsg{color:#555;}
.cract{display:flex;align-items:center;gap:8px;}
.btn.small{padding:5px 12px;font-size:13px;}
.hourrow.h-hole{background:var(--red-soft);} .hourrow.h-hole .htime{color:var(--red);}

.blocklist{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px;}
.blockitem{font-size:13px;font-weight:700;background:var(--terra-soft);color:var(--terra);
  border-radius:999px;padding:4px 6px 4px 12px;display:inline-flex;align-items:center;gap:6px;}
.blockitem .bx{cursor:pointer;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--terra);
  display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;font-size:13px;}
.blockitem .bx:hover{background:var(--terra);color:#fff;}
.addblock{display:flex;flex-wrap:wrap;align-items:center;gap:7px;background:#fbf7fc;border:1px dashed var(--line);
  border-radius:12px;padding:9px 12px;}
.addblock .albl{font-weight:800;font-size:13px;color:var(--terra);}
.addblock select{font-size:14px;padding:6px 9px;}

/* 日付ごとの配置 */
.datewrap{display:grid;gap:12px;}
@media(min-width:620px){.datewrap{grid-template-columns:1fr 1fr;}}
.datecard{border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.date-h{background:var(--terra-soft);color:var(--terra);font-weight:800;font-size:14px;padding:7px 12px;}
.datecard .hourrow{padding:5px 10px;min-height:34px;}
.datecard .htime{width:104px;font-size:12.5px;}
.hchip .rmf{display:inline;}
.hchip .rmx{border:none;background:transparent;color:#c9a;cursor:pointer;font-weight:800;font-size:12px;padding:0 2px;margin-left:4px;line-height:1;}
.hchip .rmx:hover{color:var(--red);}
.hchip{display:inline-flex;align-items:center;}
.hchips .addsel{font-size:12px;padding:3px 6px;border:1.5px dashed var(--line);border-radius:8px;color:var(--terra);background:#fff;font-weight:700;}
.hchips{display:flex;flex-wrap:wrap;gap:5px;align-items:center;}

/* 学生の希望エディタ（◎○セル）。table-layout:fixed でタップしても幅が動かない */
table.grid{table-layout:fixed;}
table.grid .tlab{width:84px;}
td.cell{white-space:nowrap;overflow:hidden;font-size:17px;}
td.cell.lv-none{background:#fff;color:#e2d2d9;cursor:pointer;}
td.cell.lv-none::after{content:"＋";font-size:14px;}
td.cell.lv-can{background:var(--ok-soft);color:var(--ok);cursor:pointer;}
td.cell.lv-can::after{content:"◯";}
td.cell.lv-want{background:var(--terra);color:#fff;cursor:pointer;}
td.cell.lv-want::after{content:"◎";}
/* 日付ごとの希望エディタ（表：行=日付 × 列=時間）*/
table.dgrid2{table-layout:fixed;width:100%;}
table.dgrid2 .tlab{width:58px;font-size:11.5px;padding:4px 4px;}
table.dgrid2 td.dlab{font-weight:800;color:var(--sub);line-height:1.2;}
table.dgrid2 th{padding:2px 0;line-height:1.05;}
table.dgrid2 th .ht1,table.dgrid2 th .ht2{display:block;font-size:9.5px;color:var(--sub);font-weight:700;font-variant-numeric:tabular-nums;}
table.dgrid2 th .ht2{color:#b3a7af;}
table.dgrid2 td.cell{height:32px;font-size:15px;}
table.dgrid2 td.cell.lv-none{background:#fff;}
table.dgrid2 td.cell.lv-none::after{content:"✕";color:var(--red);font-size:13px;font-weight:800;}
table.dgrid2 td.cell.lv-closed{background:repeating-linear-gradient(45deg,#f3f0f2,#f3f0f2 4px,#ebe7ea 4px,#ebe7ea 8px);cursor:default;}
table.dgrid2 tr.wkhead td{background:#f0ece6;color:#8a7d6c;font-weight:700;font-size:12px;padding:3px 8px;text-align:left;}
/* 横国時間割（2状態）*/
td.cell.tt-off{background:#fff;color:#dcc9d1;cursor:pointer;}
td.cell.tt-off::after{content:"＋";font-size:14px;}
td.cell.tt-on{background:#dfe5ee;color:#4a5b78;cursor:pointer;}
td.cell.tt-on::after{content:"授業";font-size:11px;}

/* 希望集計ヒートマップ */
.aggwrap{overflow-x:auto;}
table.agg td.agg-cell{cursor:pointer;height:42px;font-weight:800;line-height:1.1;}
.agg-cell .an{font-size:15px;}
.agg-cell .aw{display:block;font-size:10px;font-weight:800;color:var(--terra);}
.agg-0{background:#fff;color:#dcc9d1;}
.agg-1{background:var(--ok-soft);color:var(--ok);}
.agg-2{background:#bfe6cf;color:#0f7a44;}
.agg-cell.sel{outline:3px solid var(--terra);outline-offset:-3px;}
.aggdetail{margin-top:12px;font-size:13.5px;background:#fff8fb;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:22px;}
.dl{font-weight:800;margin:0 4px 0 8px;font-size:12px;}
.dn{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin:2px 3px;font-weight:700;font-size:12.5px;}
.dl.want,.dn.want{color:var(--terra);}
.dl.can,.dn.can{color:var(--ok);}
.dl.maybe,.dn.maybe{color:var(--amber);}
.dl.no,.dn.no{color:var(--sub);}

/* 集計コントロール（コマ別/人別・◎切替）*/
.aggctrl{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px;}
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;}
.seg button{border:none;background:#fff;color:var(--sub);font-weight:800;font-size:13.5px;padding:7px 16px;cursor:pointer;font-family:inherit;}
.seg button.on{background:var(--terra);color:#fff;}
.wantchk{font-weight:700;font-size:13.5px;color:var(--sub);display:inline-flex;align-items:center;gap:6px;cursor:pointer;}

/* 開けるなら帯 */
.aggbands{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff8fb;border:1px solid var(--line);
  border-radius:10px;padding:9px 12px;margin:0 0 12px;}
.aggbands .ttl{font-size:12px;font-weight:800;color:var(--terra);}
.aggbands .band{font-size:13px;font-weight:800;background:#bfe6cf;color:#0f7a44;border-radius:8px;padding:3px 10px;}
.aggbands .band b{margin-right:5px;}

/* 人別ビュー */
.plist{margin:0;padding:0;list-style:none;}
.plist li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--line);}
.plist .rank{width:24px;height:24px;flex:none;border-radius:50%;background:var(--terra-soft);color:var(--terra);
  font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.plist .rank.top{background:var(--terra);color:#fff;}
.pbody{flex:1;}
.pname{font-weight:800;font-size:14px;margin-bottom:3px;}
.pchips{display:flex;flex-wrap:wrap;gap:4px;}
.pchip{font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 7px;border:1px solid var(--line);}
.pchip.want{background:var(--terra);color:#fff;border-color:var(--terra);}
.pchip.can{background:var(--ok-soft);color:var(--ok);border-color:#bfe6cf;}

/* ノルマバナー */
.normbanner{background:var(--terra-soft);border:1px solid #f0bcd0;border-radius:10px;padding:9px 14px;
  margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink);}

/* まちの縁側とは（説明）*/
.intro{border-top:4px solid var(--terra);}
.intro-h{font-size:17px;font-weight:800;margin:2px 0 8px;color:var(--terra);}
.intro p{font-size:14px;margin:0 0 8px;}
.intro-policy{background:var(--terra-soft);border-radius:10px;padding:8px 12px;font-weight:700;margin:10px 0 0!important;}
.intro-photo{display:block;width:100%;height:auto;border-radius:12px;margin-top:12px;box-shadow:0 3px 12px rgba(0,0,0,.1);}

/* 当番の案内リスト */
.guide{background:#fff8fb;border:1px solid #f0bcd0;}
.guide-ul{margin:0;padding-left:20px;}
.guide-ul li{font-size:13.5px;margin-bottom:9px;line-height:1.7;}
.guide-ul li:last-child{margin-bottom:0;}
.guide-ul li.guide-key{list-style:none;margin-left:-20px;background:var(--terra-soft);border:1px solid #f0bcd0;border-radius:10px;padding:9px 12px;}

/* 人別ランキングの未達/多め */
.plist li.lo{background:var(--red-soft);border-radius:8px;}
.plist li.hi{background:#eaf2fd;border-radius:8px;}
.ptag{font-size:11px;font-weight:800;border-radius:6px;padding:1px 8px;margin-left:2px;}
.ptag.lo{background:#fff;color:var(--red);border:1px solid #f3c2d1;}
.ptag.hi{background:#fff;color:#2f6fd0;border:1px solid #c2d6f3;}

/* イベント（管理側の集計） */
.evlist{display:flex;flex-direction:column;gap:8px;}
.evrow{border:1px solid var(--line);border-radius:11px;padding:9px 12px;}
.evhead{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px;}
.evcount{font-size:12.5px;color:var(--sub);font-weight:700;}
.evnames{font-size:13px;margin-top:5px;}

/* イベント（学生の選択）*/
.evchooselist{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.evchoose{border:1px solid var(--line);border-radius:11px;padding:9px 12px;}
.evnm{font-weight:800;font-size:14px;margin-bottom:6px;}
.evopts{display:flex;gap:6px;flex-wrap:wrap;}
.evopt{border:1.5px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13.5px;font-weight:700;
  color:var(--sub);cursor:pointer;user-select:none;}
.evopt.on{background:var(--terra);border-color:var(--terra);color:#fff;}
.evopt input{display:none;}
.evinfo{border:1px dashed var(--line);border-radius:11px;padding:8px 12px;font-size:13.5px;background:#fafafa;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.evtag{font-size:10.5px;font-weight:800;border-radius:5px;padding:1px 7px;}
.evtag.ask{background:var(--ok-soft);color:var(--ok);}
.evtag.info{background:#eee;color:#888;}

/* 提出された回答（個別）*/
.ansrow{border:1px solid var(--line);border-radius:11px;margin-bottom:7px;background:#fff;overflow:hidden;}
.ansrow > summary{cursor:pointer;list-style:none;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:14px;}
.ansrow > summary::-webkit-details-marker{display:none;}
.ansrow > summary::before{content:"▸";color:var(--terra);font-weight:800;}
.ansrow[open] > summary::before{content:"▾";}
.ansrow > summary .t{margin-left:auto;color:var(--sub);font-size:11.5px;font-weight:600;}
.ansbody{padding:2px 12px 12px;border-top:1px dashed var(--line);}
.ansline{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;font-size:12.5px;}
.anslbl{font-weight:800;color:#a98ea0;width:88px;flex:none;font-size:11.5px;}
.ansday{font-weight:800;color:var(--ink);margin-left:4px;}
.ttchip{font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 7px;background:#dfe5ee;color:#4a5b78;}
.evans{font-size:11.5px;font-weight:700;border-radius:999px;padding:1px 9px;background:#f4eef1;color:var(--sub);}
.evans.join{background:var(--ok-soft);color:var(--ok);}
.evans.maybe{background:var(--amber-soft);color:var(--amber);}
.anscomment{background:#fff8fb;border-left:3px solid var(--terra);border-radius:0 6px 6px 0;padding:3px 9px;font-weight:600;}

footer{text-align:center;color:var(--sub);font-size:12px;margin-top:30px;border-top:1px solid var(--line);padding-top:18px;line-height:1.9;}

@media print{ .no-print{display:none!important;} body{background:#fff;} .card{box-shadow:none;} }