/* RiD進捗ポータル — 取引先ダッシュボード（白黒・マットブラック）
   方針：真っ黒#000は使わず #181818 のマットブラック。オフホワイト基調のエディトリアル。 */
:root{
  --ink:#181818; --ink-2:#2b2b2b; --paper:#faf9f7; --card:#ffffff;
  --line:#e7e6e2; --line-2:#efeeea; --sub:#7a7873; --faint:#a8a6a0;
  --track:#ececea; --chip:#f3f2ee;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.rid-portal{
  font-family:-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:var(--paper);color:var(--ink);font-feature-settings:"tnum" 1;line-height:1.5;
}
.rid-portal .wrap{max-width:1080px;margin:0 auto;padding:0 28px}

/* ヘッダ（マットブラック帯） */
.rid-portal header.bar{background:var(--ink);color:#fff}
.rid-portal .bar .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.rid-portal .brand{display:flex;align-items:baseline;gap:12px}
.rid-portal .brand .logo{font-weight:700;letter-spacing:.28em;font-size:15px}
.rid-portal .brand .sys{font-size:11px;letter-spacing:.22em;color:#b9b8b3;text-transform:uppercase}
.rid-portal .who{text-align:right;display:flex;flex-direction:column;gap:2px;line-height:1.4}
.rid-portal .who .today{font-size:13px;color:#fff;font-weight:600;letter-spacing:.02em}
.rid-portal .who .updated{font-size:11px;color:#cfcdc8}
/* ナビ下のサブバー（クライアント／担当） */
.rid-portal .subbar{background:var(--card);border-bottom:1px solid var(--line)}
.rid-portal .subbar .wrap{display:flex;align-items:center;gap:8px;padding:11px 28px;font-size:12.5px;flex-wrap:wrap}
.rid-portal .subbar .sb-l{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.rid-portal .subbar b{font-weight:600;color:var(--ink)}
.rid-portal .subbar .sb-sep{color:var(--line);margin:0 4px}
/* ガント 遅延コメント */
.rid-portal .g-status{font-size:13px;color:var(--sub);margin-bottom:16px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:2px}
.rid-portal .g-status .mk{font-weight:700;margin-right:5px;color:var(--ink)}
.rid-portal .g-status.alert{border-color:var(--ink);background:#f6f5f2;color:var(--ink);font-weight:600}
.rid-portal .g-status-sub{display:block;font-size:11.5px;color:var(--sub);font-weight:400;margin:4px 0 0 18px}

/* タイトル */
.rid-portal .head{padding:46px 0 26px}
.rid-portal .eyebrow{font-size:11px;letter-spacing:.3em;color:var(--faint);text-transform:uppercase;margin-bottom:12px}
.rid-portal .head h1{font-size:30px;font-weight:600;letter-spacing:.02em}
.rid-portal .head .meta{margin-top:10px;font-size:12.5px;color:var(--sub)}

/* 総括ストリップ */
.rid-portal .summary{display:flex;align-items:center;gap:34px;border-top:1px solid var(--ink);
  border-bottom:1px solid var(--line);padding:26px 0;margin-bottom:40px}
.rid-portal .ring{--p:0;--size:104px;width:var(--size);height:var(--size);border-radius:50%;flex:0 0 auto;
  background:conic-gradient(var(--ink) calc(var(--p)*1%), var(--track) 0);display:grid;place-items:center;position:relative}
.rid-portal .ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--paper)}
.rid-portal .ring .val{position:relative;font-size:24px;font-weight:600}
.rid-portal .ring .val small{font-size:12px;font-weight:500;color:var(--sub)}
.rid-portal .summary .s-meta .l{font-size:11px;letter-spacing:.26em;color:var(--faint);text-transform:uppercase}
.rid-portal .summary .s-meta .big{font-size:18px;font-weight:600;margin-top:6px}
.rid-portal .summary .s-meta .sub{font-size:12.5px;color:var(--sub);margin-top:4px}
.rid-portal .summary .s-meta .ovr{font-size:12.5px;color:var(--ink);margin-top:8px;font-weight:500}
.rid-portal .summary .divider{width:1px;align-self:stretch;background:var(--line)}

/* 案件カード */
.rid-portal .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rid-portal .card{background:var(--card);border:1px solid var(--line);padding:24px 24px 22px;position:relative}
.rid-portal .card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.rid-portal .tag{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sub);
  border:1px solid var(--line);padding:3px 9px;border-radius:2px}
.rid-portal .card h2{font-size:17px;font-weight:600;letter-spacing:.01em;margin-top:2px}
.rid-portal .card .pj-meta{font-size:11.5px;color:var(--faint);margin-top:5px}
.rid-portal .card .body{display:flex;gap:22px;margin-top:20px;align-items:center}
.rid-portal .ring-sm{--p:0;--size:74px;width:var(--size);height:var(--size);border-radius:50%;flex:0 0 auto;
  background:conic-gradient(var(--ink) calc(var(--p)*1%), var(--track) 0);display:grid;place-items:center;position:relative}
.rid-portal .ring-sm::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--card)}
.rid-portal .ring-sm .val{position:relative;font-size:17px;font-weight:600}
.rid-portal .phases{flex:1;min-width:0}
.rid-portal .ph{display:grid;grid-template-columns:18px 1fr 38px;align-items:center;gap:10px;margin:8px 0}
.rid-portal .ph .k{font-size:11px;font-weight:700;color:var(--ink)}
.rid-portal .ph .barwrap{height:5px;background:var(--track);border-radius:99px;overflow:hidden}
.rid-portal .ph .bar{height:100%;background:var(--ink);border-radius:99px}
.rid-portal .ph .pct{font-size:11.5px;color:var(--sub);text-align:right}
.rid-portal .card .foot{display:flex;justify-content:space-between;align-items:center;
  margin-top:18px;padding-top:14px;border-top:1px solid var(--line-2)}
.rid-portal .chip{font-size:11px;color:var(--ink);background:var(--chip);padding:4px 11px;border-radius:99px}
.rid-portal .chip.dim{color:var(--sub)}
.rid-portal .due{font-size:11.5px;color:var(--sub)}
.rid-portal .due b{color:var(--ink);font-weight:600}

/* 遅延アラート（白黒のまま反転で表現） */
.rid-portal .card.alert{border-color:var(--ink);background:#f6f5f2}
.rid-portal .card.alert::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--ink)}
.rid-portal .chip.alert{background:var(--ink);color:#fff}
.rid-portal .due.over{color:var(--ink);font-weight:600}
.rid-portal .due.over .mk{font-size:9px;margin-right:5px;vertical-align:1px}
.rid-portal .alert-badge{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;
  font-size:13px;font-weight:600;padding:5px 12px;border-radius:3px}
.rid-portal .alert-badge .mk{font-size:10px}

/* セクション見出し */
.rid-portal .sec{margin:48px 0 0}
.rid-portal .sec .l{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}
.rid-portal .sec h2.t{font-size:18px;font-weight:600;margin:8px 0 16px;letter-spacing:.01em}

/* ガントチャート */
.rid-portal .gantt{border:1px solid var(--line);background:var(--card);padding:20px 24px 16px}
.rid-portal .g-axis{position:relative;height:16px;margin-left:32px;margin-bottom:8px}
.rid-portal .g-axis .m{position:absolute;top:0;font-size:10px;color:var(--faint);letter-spacing:.08em}
.rid-portal .g-body{position:relative}
.rid-portal .g-gl{position:absolute;top:0;bottom:0;width:1px;background:var(--line-2)}
.rid-portal .g-today{position:absolute;top:-26px;bottom:0;width:1px;background:var(--ink);z-index:4}
.rid-portal .g-today .lbl{position:absolute;top:0;left:5px;font-size:9px;color:var(--ink);white-space:nowrap}
.rid-portal .g-proj{padding:13px 0;border-bottom:1px solid var(--line-2);position:relative;z-index:2}
.rid-portal .g-proj:last-child{border-bottom:0}
.rid-portal .g-proj .nm{font-size:12.5px;font-weight:600;margin-bottom:9px}
.rid-portal .g-phase{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;margin:5px 0}
.rid-portal .g-phase .pk{font-size:10px;font-weight:700;color:var(--sub);text-align:center}
.rid-portal .g-lane{position:relative;height:7px;background:#f1f0ed;border-radius:2px}
.rid-portal .g-bar{position:absolute;top:0;bottom:0;background:#d6d5d0;border-radius:2px}
.rid-portal .g-done{position:absolute;top:0;bottom:0;left:0;background:var(--ink);border-radius:2px}
.rid-portal .g-legend{display:flex;gap:20px;margin-top:14px;font-size:10.5px;color:var(--sub)}
.rid-portal .g-legend i{display:inline-block;width:16px;height:6px;border-radius:2px;vertical-align:1px;margin-right:6px}
/* ガント横スクロール（年度フル表示） */
.rid-portal .g-hint{font-size:10.5px;color:var(--faint);text-align:right;margin-bottom:6px;letter-spacing:.04em}
.rid-portal .g-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.rid-portal .g-scroll .g-axis,.rid-portal .g-scroll .g-body{min-width:1240px}

/* チェックリスト詳細 */
.rid-portal .detail{border:1px solid var(--line);background:var(--card);padding:22px 24px}
.rid-portal .detail .dh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px}
.rid-portal .detail .dh .nm{font-size:15px;font-weight:600}
.rid-portal .detail .dh .cnt{font-size:11.5px;color:var(--faint)}
.rid-portal .phgrp{margin-top:18px}
.rid-portal .phgrp .ph-t{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-weight:700;border-left:3px solid var(--ink);padding-left:9px;margin-bottom:6px}
.rid-portal .catgrp{margin:8px 0 6px 12px}
.rid-portal .catgrp .cat-t{font-size:11.5px;color:var(--sub);margin:10px 0 2px}
.rid-portal .it{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-2)}
.rid-portal .it .nm{font-size:12.5px}
.rid-portal .it.todo .nm{color:var(--sub)}
.rid-portal .it .st{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--sub);white-space:nowrap}
.rid-portal .it .dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--ink);flex:0 0 auto;overflow:hidden}
.rid-portal .it .dot.done{background:var(--ink)}
.rid-portal .it .dot.chk{background:linear-gradient(90deg,var(--ink) 75%,transparent 0)}
.rid-portal .it .dot.prog{background:linear-gradient(90deg,var(--ink) 50%,transparent 0)}

.rid-portal footer{border-top:1px solid var(--line);padding:22px 0 50px;color:var(--faint);font-size:11px;letter-spacing:.04em}

/* ログイン画面（取引先） */
.rid-portal.rid-login-page{min-height:100vh;display:flex;flex-direction:column}
.rid-login-page .login-wrap{flex:1;display:grid;place-items:center;padding:48px 20px}
.rid-login-page .login-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);padding:42px 36px 38px}
.login-card .login-h{text-align:center;margin-bottom:30px}
.login-card .logo-lg{font-weight:700;letter-spacing:.32em;font-size:24px;color:var(--ink)}
.login-card .login-sub{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-top:9px}
#rid-loginform p{margin:0 0 16px}
#rid-loginform label{display:block;font-size:11px;letter-spacing:.1em;color:var(--sub);margin-bottom:6px}
#rid-loginform input.input,
#rid-loginform input[type=text],
#rid-loginform input[type=password]{width:100%;border:1px solid var(--line);background:#fff;
  padding:11px 12px;font-size:14px;color:var(--ink);border-radius:2px;outline:none;
  font-family:inherit;transition:border-color .15s}
#rid-loginform input.input:focus{border-color:var(--ink)}
#rid-loginform .login-submit{margin-top:6px;margin-bottom:0}
#rid-loginform #wp-submit{width:100%;background:var(--ink);color:#fff;border:0;
  padding:13px;font-size:13px;letter-spacing:.1em;border-radius:2px;cursor:pointer;
  font-family:inherit;transition:background .15s}
#rid-loginform #wp-submit:hover{background:#0e0e0e}

/* ロゴ（インラインSVG・currentColorで色追従） */
.rid-portal .rid-logo{display:block;height:auto}
.rid-portal .bar .brand{align-items:center}
.rid-portal .bar .rid-logo{height:22px;width:auto}          /* 黒帯→白（currentColor=#fff） */
.rid-login-page .login-h{color:var(--ink)}                  /* 白カード→濃色 */
.rid-login-page .login-h .rid-logo{width:116px;margin:0 auto 16px}

/* ヘッダ右側（社名＋ログアウト） */
.rid-portal .bar-right{display:flex;align-items:center;gap:16px}
.rid-portal .bar .logout{display:inline-block;font-size:11px;letter-spacing:.06em;color:#cfcdc8;
  border:1px solid #444;padding:6px 13px;border-radius:2px;text-decoration:none;white-space:nowrap;transition:.15s}
.rid-portal .bar .logout:hover{color:#fff;border-color:#8a8a8a}

/* ── タブナビ／ビュー切替（v0.006）── */
.rid-portal .tabs{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.rid-portal .tabs .wrap{display:flex;gap:2px;overflow-x:auto}
.rid-portal .tab{padding:14px 18px;font-size:13px;color:var(--sub);text-decoration:none;border-bottom:2px solid transparent;letter-spacing:.04em;white-space:nowrap}
.rid-portal .tab:hover{color:var(--ink)}
.rid-portal .tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}
.rid-portal .tabs .tab:first-child{padding-left:0} /* 先頭タブをロゴ・クライアント・本文の左端に揃える */
.rid-portal .view{display:none}
.rid-portal .view.active{display:block}

/* 概要：案件クイックリスト */
.rid-portal .qlist{border-top:1px solid var(--line)}
.rid-portal .qrow{display:grid;grid-template-columns:1fr 84px 150px 42px 60px;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink)}
.rid-portal .qrow:hover{background:#f6f5f2}
.rid-portal .qrow .qn{font-size:13.5px;font-weight:500}
.rid-portal .qrow .qcat{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.rid-portal .qrow .qbarwrap{height:5px;background:var(--track);border-radius:99px;overflow:hidden}
.rid-portal .qrow .qbar{height:100%;background:var(--ink);border-radius:99px}
.rid-portal .qrow.alert .qbar{background:var(--ink)}
.rid-portal .qrow .qpct{font-size:12px;color:var(--sub);text-align:right}
.rid-portal .qrow .qst{font-size:11px;color:var(--sub);text-align:right}
.rid-portal .qrow .qst.over{color:var(--ink);font-weight:600}

/* ダッシュボード */
.rid-portal .dash-top{display:flex;align-items:center;gap:30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:8px}
.rid-portal .qtr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rid-portal .qtr{border:1px solid var(--line);background:var(--card);padding:16px}
.rid-portal .qtr-h{font-size:12px;color:var(--sub)} .rid-portal .qtr-h b{font-size:14px;color:var(--ink);margin-right:6px}
.rid-portal .qtr-barwrap{height:6px;background:var(--track);border-radius:99px;overflow:hidden;margin:12px 0 8px}
.rid-portal .qtr-bar{height:100%;background:var(--ink);border-radius:99px}
.rid-portal .qtr-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--sub)}
.rid-portal .qtr-meta span:first-child{font-weight:600;color:var(--ink)}
.rid-portal .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rid-portal .kpi{border:1px solid var(--line);background:var(--card);padding:15px 18px}
.rid-portal .kpi .kv{font-size:26px;font-weight:600}
.rid-portal .kpi .kl{font-size:11px;color:var(--sub);margin-top:4px;letter-spacing:.04em}
.rid-portal .kpi.bad{border-color:var(--ink)} .rid-portal .kpi.dim .kv{color:var(--faint)}

/* 予定vs実績 推移 */
.rid-portal .trend{border:1px solid var(--line);background:var(--card);padding:18px 20px 14px}
.rid-portal .trend-svg{width:100%;height:auto;display:block}
.rid-portal .t-axis{stroke:var(--line);stroke-width:1}
.rid-portal .t-grid{stroke:var(--line-2);stroke-width:1}
.rid-portal .t-plan{fill:none;stroke:#b9b8b3;stroke-width:2;vector-effect:non-scaling-stroke}
.rid-portal .t-now{stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}
.rid-portal .t-actual{fill:var(--ink)}
.rid-portal .trend-x{display:flex;justify-content:space-between;margin-top:6px;font-size:9.5px;color:var(--faint)}
.rid-portal .trend-legend{display:flex;gap:18px;margin-top:12px;font-size:10.5px;color:var(--sub)}
.rid-portal .trend-legend i{display:inline-block;width:16px;height:0;vertical-align:3px;margin-right:6px;border-top:2px solid #b9b8b3}
.rid-portal .trend-legend .li-actual{border:0;width:9px;height:9px;border-radius:50%;background:var(--ink);vertical-align:0}

/* 案件カードのチェックリスト詳細トグル */
.rid-portal .detail-toggle{margin-top:14px;width:100%;background:none;border:1px solid var(--line);color:var(--sub);font-size:11.5px;padding:8px;border-radius:2px;cursor:pointer;font-family:inherit;letter-spacing:.04em}
.rid-portal .detail-toggle:hover{border-color:var(--ink);color:var(--ink)}
.rid-portal .detail-panel{display:none;margin-top:12px}
.rid-portal .detail-panel.open{display:block}
.rid-portal .detail-panel .detail{border:0;padding:0}

/* ── v0.007 ── */
/* 案件一覧：1案件フル幅（1列） */
.rid-portal .view[data-view="projects"] .grid{grid-template-columns:1fr}
/* 概要：一言サマリ */
.rid-portal .phrase{display:flex;align-items:center;gap:18px;background:var(--ink);color:#fff;padding:16px 22px;margin:6px 0 30px;border-radius:3px}
.rid-portal .phrase .phrase-l{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b9b8b3;white-space:nowrap}
.rid-portal .phrase .phrase-t{font-size:15px;font-weight:600;flex:1;letter-spacing:.02em}
.rid-portal .phrase .phrase-p{font-size:21px;font-weight:600}
/* 前週・前期・前年度 比較 */
.rid-portal .cmp{display:flex;border:1px solid var(--line);background:var(--card);margin:0 0 30px}
.rid-portal .cmp-item{flex:1;padding:15px 20px;border-right:1px solid var(--line-2);display:flex;flex-direction:column;gap:6px}
.rid-portal .cmp-item:last-child{border-right:0}
.rid-portal .cmp-l{font-size:11px;letter-spacing:.1em;color:var(--faint)}
.rid-portal .cmp-v{font-size:20px;font-weight:600;color:var(--ink)}
.rid-portal .cmp-v.none{color:var(--faint);font-weight:400}
.rid-portal .cmp-v.up::before{content:'▲ ';font-size:11px;vertical-align:1px}
.rid-portal .cmp-v.down::before{content:'▼ ';font-size:11px;vertical-align:1px}

/* アニメーション（読み込み時の伸び）。バーは width をトランジション、ドーナツ/数値はJSで
   ※ ご要望により reduced-motion 環境でも動かす（@media gate は外している） */
.rid-portal .ph .bar,.rid-portal .qrow .qbar,.rid-portal .qtr-bar,.rid-portal .g-done{transition:width .85s cubic-bezier(.22,1,.36,1)}
/* qlist バー（黒塗り明確化）。span要素なので display:block を明示（幅が効くように） */
.rid-portal .qrow .qbarwrap{height:6px;display:block}
.rid-portal .qrow .qbar{background:var(--ink);display:block;height:100%}
/* 詳細項目：担当者名 */
.rid-portal .it-right{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.rid-portal .it-tan{font-size:10.5px;color:var(--sub);background:var(--chip);padding:2px 9px;border-radius:99px;white-space:nowrap}
/* 詳細：閉じるボタン */
.rid-portal .detail-close{margin-left:auto;background:none;border:1px solid var(--line);color:var(--sub);font-size:11px;padding:5px 12px;border-radius:2px;cursor:pointer;font-family:inherit;white-space:nowrap}
.rid-portal .detail-close:hover{border-color:var(--ink);color:var(--ink)}
.rid-portal .detail-close-bottom{margin:16px 0 2px;width:100%}

/* 計画方針タブ（v0.008） */
.rid-portal .plan-tbl{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line)}
.rid-portal .plan-tbl th,.rid-portal .plan-tbl td{padding:11px 14px;font-size:12.5px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top;line-height:1.6}
.rid-portal .plan-tbl tr:last-child th,.rid-portal .plan-tbl tr:last-child td{border-bottom:0}
.rid-portal .plan-tbl th{font-weight:600;color:var(--ink);width:210px;background:#f8f7f4}
.rid-portal .plan-tbl td{color:var(--sub)}
.rid-portal .plan-tbl.cap th,.rid-portal .plan-tbl.cap td{width:auto;white-space:nowrap;text-align:right}
.rid-portal .plan-tbl.cap th:first-child,.rid-portal .plan-tbl.cap td:first-child{text-align:left}
.rid-portal .plan-tbl.cap .caphead th{background:var(--ink);color:#fff;font-weight:600}
.rid-portal .plan-tbl.cap td:first-child{font-weight:600;color:var(--ink);background:#f8f7f4}
/* ガント：遅延強調 */
.rid-portal .g-bar.over{outline:1.5px solid var(--ink);outline-offset:1px}
.rid-portal .g-phase .pk.over{color:var(--ink);font-weight:800}
.rid-portal .g-proj.over .nm{color:var(--ink)}
.rid-portal .g-over-mk{font-size:9px;vertical-align:1px}
.rid-portal .g-over-tag{font-size:9.5px;background:var(--ink);color:#fff;padding:1px 8px;border-radius:99px;letter-spacing:.04em;margin-left:4px;font-weight:600}

@media (max-width:760px){
  .rid-portal .qtr-grid,.rid-portal .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .rid-portal .qrow{grid-template-columns:1fr 44px 56px;gap:10px}
  .rid-portal .qrow .qcat,.rid-portal .qrow .qbarwrap{display:none}
}

/* レスポンシブ（iOS15+/Chrome88+/PC直近2年） */
@media (max-width:760px){
  .rid-portal .grid{grid-template-columns:1fr}
  .rid-portal .summary{flex-wrap:wrap;gap:20px}
  .rid-portal .summary .divider{display:none}
}