/* Mithras Bank customer site (FS 3.4), lifted from the approved design
   docs/next/design/approved/bank-customer.html r4 by tools/lift_site_css.py-style
   extraction and scoped under .mb. Tokens come from sites/mithras/theme.css
   (generated from enterprises/mithras/theme.js). Layout is the approved HTML's;
   do not restyle here, change the approved page first. */
[data-site="mithras"][data-look="customer"] body { background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.mb { color: var(--ink); font-family: var(--sans); font-size: 15px; line-height: 1.55; }
.mb *, .mb *:before, .mb *:after { box-sizing: border-box; }
.mb [hidden] { display: none !important; }
.mb .num { font-variant-numeric: tabular-nums lining-nums; }
.mb a { color: inherit; }
.mb button { font: inherit; cursor: pointer; }
.mb h1, .mb h2, .mb h3, .mb h4, .mb h5 { font-family: var(--sans); letter-spacing: -.01em; margin: 0; }
.mb p { margin: 0; }
.mb .scroll-target { scroll-margin-top: 12px; }
.mb .error-line { margin: 10px 28px 10px 76px; }
.mb .honesty { max-width: 1280px; margin: 0 auto; padding: 24px 0 40px; }
.mb .honesty-wrap { padding: 0 32px; }
.mb .shell { padding: 0 32px; }
.mb .outcome-card { max-width: 820px; margin: 48px auto; background: var(--white); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 1px 2px rgba(20,33,61,.05),0 10px 28px rgba(20,33,61,.07); padding: 32px 36px; }
.mb .outcome-card h2 { font-size: 30px; font-weight: 700; letter-spacing: -.02em; }
.mb .outcome-card .k { font-size: 13px; font-weight: 600; color: var(--pri); margin-bottom: 8px; }
.mb .outcome-card .state { display: inline-flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 600; padding: 5px 12px; border-radius: 20px; background: var(--tint); color: var(--pri); margin-bottom: 14px; }
.mb .outcome-card .state.floor { background: #f2f4f8; color: var(--ink-2); border: 1px dashed var(--line-2); }
.mb .outcome-card ul { margin: 12px 0 0; padding-left: 20px; }
.mb .outcome-card li { margin: 6px 0; }
.mb .outcome-card .ask { margin-top: 20px; padding: 18px 20px; border-radius: 14px; background: var(--tint); }
.mb .outcome-card .ask b { display: block; margin-bottom: 10px; }
.mb .outcome-card .actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.mb .outcome-card .small { font-size: 12.5px; color: var(--muted); margin-top: 16px; }
.mb .badge-line { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); margin-top: 8px; }
.mb header.top{background:var(--white);border-bottom:1px solid var(--line)}
.mb .utility{max-width:1280px;margin:0 auto;display:flex;justify-content:flex-end;gap:22px;font-size:12px;color:var(--muted);padding:8px 0 0}
.mb .nav{max-width:1280px;margin:0 auto;display:flex;align-items:center;height:68px}
.mb .brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.mb .mono{width:38px;height:38px;border-radius:50%;background:var(--pri);display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 4px var(--pri)}
.mb .mono span{font-family:var(--serif);color:#fff;font-size:19px;line-height:1;margin-top:-1px}
.mb .brand .wm{font-family:var(--serif);font-size:22px;letter-spacing:.01em;color:var(--pri)}
.mb .brand .wm small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:-2px}
.mb .nav ul{list-style:none;display:flex;gap:30px;margin:0 0 0 60px;padding:0;font-size:14.5px;font-weight:500}
.mb .nav ul li{padding:22px 0;border-bottom:2px solid transparent;color:var(--ink-2)}
.mb .nav ul li.on{border-color:var(--pri);color:var(--pri);font-weight:600}
.mb .nav .right{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:14px}
.mb .who{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border:1px solid var(--line);border-radius:40px;background:var(--white);font-weight:500}
.mb .av{width:28px;height:28px;border-radius:50%;background:var(--tint-2);color:var(--pri);display:grid;place-items:center;font-size:11.5px;font-weight:700;flex:none}
.mb .play{background:var(--ivory);border-bottom:1px solid var(--line)}
.mb .play-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 0}
.mb .play .lab{font-size:13px;color:var(--ink-2);font-weight:600;white-space:nowrap;margin-right:4px}
.mb .persona{display:flex;align-items:center;gap:11px;border:1px solid var(--line-2);background:var(--white);border-radius:12px;padding:7px 16px 7px 8px;text-align:left;color:var(--ink);min-width:320px}
.mb .persona .av{width:34px;height:34px;font-size:12.5px}
.mb .persona b{display:block;font-size:14px;font-weight:600;line-height:1.25}
.mb .persona span{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.mb .persona.on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}
.mb .persona.on .av{background:var(--pri);color:#fff}
.mb .play .note{margin-left:auto;font-size:12px;color:var(--muted)}
.mb .hero{background:
      radial-gradient(760px 520px at 76% 34%, rgba(122,170,255,.30), transparent 62%),
      radial-gradient(520px 360px at 6% 112%, rgba(255,255,255,.10), transparent 62%),
      linear-gradient(135deg,var(--deep) 0%, var(--pri) 100%);
    color:#fff;position:relative;overflow:hidden}
.mb .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%);pointer-events:none}
.mb .skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px;pointer-events:none}
.mb .hero-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 560px;gap:40px;padding:44px 0 126px;position:relative}
.mb .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:5px 14px 5px 10px;border-radius:20px}
.mb .eyebrow i{width:8px;height:8px;border-radius:50%;background:#8fd0ff;box-shadow:0 0 0 3px rgba(143,208,255,.25)}
.mb .hero h1{font-weight:700;font-size:62px;line-height:1.04;margin:18px 0 18px;letter-spacing:-.03em;color:#fff}
.mb .hero h1 span{color:#bcd6ff}
.mb .hero p.lede{font-size:19px;line-height:1.55;color:rgba(255,255,255,.86);max-width:580px;margin:0 0 26px}
.mb .ctas{display:flex;gap:14px;align-items:center}
.mb .cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--deep);text-decoration:none;font-weight:700;font-size:16px;padding:15px 26px;border-radius:12px;box-shadow:0 10px 24px rgba(5,15,40,.25)}
.mb .cta:hover{background:#f0f5ff}
.mb .cta i{font-style:normal;color:var(--pri)}
.mb .cta2{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:14px 22px;border-radius:12px;border:1.5px solid rgba(255,255,255,.45)}
.mb .cta2:hover{background:rgba(255,255,255,.08)}
.mb .madefor{display:flex;gap:8px;align-items:center;margin-top:30px;font-size:13px;color:rgba(255,255,255,.7)}
.mb .madefor div{padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.85);font-weight:500}
.mb .madefor div.on{background:#fff;color:var(--deep);border-color:#fff;font-weight:600}
.mb .hero .facts{display:flex;gap:0;margin-top:30px;white-space:nowrap;font-size:13px;color:rgba(255,255,255,.7)}
.mb .hero .facts div{padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.2)}
.mb .hero .facts div:last-child{border:0}
.mb .hero .facts b{display:block;font-weight:700;font-size:21px;color:#fff;letter-spacing:-.01em}
.mb .visual{position:relative;height:490px;margin-top:-6px}
.mb .route{position:absolute;inset:0;width:100%;height:100%}
.mb .phone{position:absolute;left:165px;top:6px;width:250px;height:478px;border-radius:40px;background:#0b1730;padding:10px;box-shadow:0 40px 80px rgba(3,10,30,.5),inset 0 0 0 1.5px rgba(255,255,255,.18)}
.mb .phone .notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:76px;height:20px;border-radius:12px;background:#0b1730;z-index:2}
.mb .scr{background:#f4f7fc;border-radius:31px;height:100%;overflow:hidden;color:var(--ink);padding:44px 16px 16px;font-size:12px}
.mb .ph-top{display:flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px;color:var(--deep)}
.mb .ph-top .m{width:22px;height:22px;border-radius:50%;background:var(--pri);color:#fff;font-family:var(--serif);display:grid;place-items:center;font-size:12px;font-weight:400}
.mb .ph-top .bell{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#e3ebf8}
.mb .ph-hi{font-size:19px;font-weight:700;margin:14px 0 10px;letter-spacing:-.01em}
.mb .ph-card{background:linear-gradient(135deg,var(--deep),var(--pri));color:#fff;border-radius:16px;padding:14px 15px;box-shadow:0 10px 20px rgba(19,58,120,.25)}
.mb .ph-card small{display:block;font-size:10.5px;color:rgba(255,255,255,.75)}
.mb .ph-card .l{font-size:11px;color:rgba(255,255,255,.85);margin-top:10px}
.mb .ph-card b{display:block;font-size:30px;line-height:1.1;letter-spacing:-.02em}
.mb .ph-card .r{display:inline-block;margin-top:8px;font-size:10px;background:rgba(255,255,255,.16);padding:2px 8px;border-radius:10px}
.mb .ph-steps{background:#fff;border-radius:14px;margin-top:12px;padding:6px 12px;box-shadow:0 2px 8px rgba(20,33,61,.06)}
.mb .ph-steps div{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf0f5;font-weight:600;font-size:11.5px}
.mb .ph-steps div:last-child{border:0;color:var(--muted);font-weight:500}
.mb .ph-steps i{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;background:#e3ebf8;color:var(--pri)}
.mb .ph-steps .ok i{background:#1e7a4f;color:#fff}
.mb .ph-steps .now i{background:var(--pri);color:#fff}
.mb .ph-steps em{margin-left:auto;font-style:normal;color:var(--muted);font-weight:500;font-size:10.5px}
.mb .ph-bar{height:4px;border-radius:4px;background:#e3ebf8;margin:-2px 0 6px 27px;overflow:hidden}
.mb .ph-bar span{display:block;width:60%;height:100%;background:var(--pri)}
.mb .ph-btn{margin-top:16px;background:var(--pri);color:#fff;text-align:center;border-radius:12px;padding:11px;font-weight:700;font-size:12.5px}
.mb .ph-note{text-align:center;color:var(--muted);font-size:10px;margin-top:9px}
.mb .fchip{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px 10px 10px;box-shadow:0 16px 36px rgba(3,10,30,.28);font-size:12px;line-height:1.3;z-index:3}
.mb .fchip b{display:block;font-size:13px}
.mb .fchip span{color:var(--muted)}
.mb .fchip .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--tint)}
.mb .fchip .ic svg{width:17px;height:17px;stroke:var(--pri);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mb .fchip .ok{color:#1e7a4f;font-weight:600}
.mb .fchip .chk{color:var(--pri);font-weight:600}
.mb .fc1{left:0;top:70px}
.mb .fc2{right:-6px;top:178px}
.mb .fc3{left:22px;top:318px}
.mb .pin{position:absolute;font-size:11.5px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;letter-spacing:.02em}
.mb .pin i{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
.mb .check-wrap{max-width:1280px;margin:-92px auto 0;position:relative;z-index:4}
.mb .elig{display:grid;grid-template-columns:1fr 372px;gap:34px;background:var(--white);border-radius:20px;padding:26px 30px 28px;box-shadow:0 24px 60px rgba(19,58,120,.16),0 2px 6px rgba(19,58,120,.06);border:1px solid var(--line)}
.mb .elig .hd{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}
.mb .elig h2{font-weight:700;font-size:24px;margin:0;color:var(--ink)}
.mb .elig .sub{font-size:14px;color:var(--muted);margin:0}
.mb .qs{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:22px}
.mb .field .fl{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px}
.mb .chips{display:grid;gap:8px}
.mb .chips.c2{grid-template-columns:1fr 1fr}
.mb .chips.c3{grid-template-columns:1fr 1fr 1fr}
.mb .chips button{border:1px solid var(--line-2);border-radius:10px;background:var(--white);padding:10px 4px;color:var(--ink-2);font-size:13.5px;font-weight:500;white-space:nowrap}
.mb .chips button:hover{border-color:var(--pri)}
.mb .chips button.on{background:var(--tint);border-color:var(--pri);color:var(--pri);font-weight:600;box-shadow:inset 0 0 0 1px var(--pri)}
.mb .result{border-radius:14px;background:var(--tint);padding:18px 20px;display:flex;gap:12px;align-items:flex-start}
.mb .tick{flex:none;width:28px;height:28px;border-radius:50%;background:#1e7a4f;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;margin-top:1px}
.mb .result b{color:var(--ink);font-size:16px}
.mb .result p{margin:4px 0 0;font-size:13.5px;color:var(--ink-2);line-height:1.5}
.mb .result p b{color:var(--pri);font-size:15px}
.mb .result small{display:block;margin-top:8px;font-size:11.5px;color:var(--muted)}
.mb .trust{max-width:1280px;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr)}
.mb .trust > div{display:flex;gap:14px;align-items:flex-start;padding:4px 26px}
.mb .trust > div:first-child{padding-left:4px}
.mb .trust > div+div{border-left:1px solid var(--line)}
.mb .trust .ti{flex:none;width:42px;height:42px;border-radius:12px;background:var(--tint);display:grid;place-items:center}
.mb .trust .ti svg{width:22px;height:22px;stroke:var(--pri);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mb .trust b{display:block;font-size:15px;font-weight:700;color:var(--ink);line-height:1.3}
.mb .trust p{margin:3px 0 0;font-size:13px;color:var(--muted);line-height:1.45}
.mb .journey{max-width:1280px;margin:0 auto;padding:68px 0 10px}
.mb .j-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.mb .j-head .k{font-size:13px;font-weight:600;color:var(--pri)}
.mb .j-head h2{font-weight:700;font-size:36px;margin:4px 0 0;color:var(--ink);letter-spacing:-.02em}
.mb .j-head .ref{font-size:13px;color:var(--muted);text-align:right}
.mb .j-head .ref b{color:var(--ink);font-weight:600}
.mb .stepper{display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border:1px solid #e6eaf0;border-radius:18px;box-shadow:var(--shadow);padding:22px 28px 20px;position:relative;margin-bottom:22px}
.mb .sp{position:relative;padding-right:18px}
.mb .sp .bar{position:absolute;top:19px;left:48px;right:6px;height:3px;border-radius:3px;background:#e6eaf0}
.mb .sp:last-child .bar{display:none}
.mb .sp.done .bar{background:var(--pri)}
.mb .sp .c{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:16px;background:var(--white);border:2px solid var(--line-2);color:var(--muted)}
.mb .sp.done .c{background:var(--pri);border-color:var(--pri);color:#fff}
.mb .sp.on .c{background:var(--white);border:3px solid var(--pri);color:var(--pri);box-shadow:0 0 0 6px rgba(31,78,156,.12)}
.mb .sp b{display:block;margin-top:12px;font-size:16px;font-weight:700;color:var(--ink)}
.mb .sp span{display:block;font-size:13px;color:var(--muted);margin-top:1px}
.mb .sp.on b{color:var(--pri)}
.mb .sp.todo b{color:var(--muted);font-weight:600}
.mb .js{background:var(--white);border:1px solid #e6eaf0;border-radius:18px;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}
.mb .js-h{display:flex;align-items:center;gap:16px;padding:18px 28px}
.mb .js-h .n{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:var(--tint);color:var(--pri)}
.mb .js.done .js-h .n{background:var(--ok-bg);color:var(--ok)}
.mb .js.on .js-h .n{background:var(--pri);color:#fff}
.mb .js.todo{background:#fafbfc;box-shadow:none}
.mb .js.todo .js-h .n{background:#eef1f5;color:var(--muted)}
.mb .js-h h3{margin:0;font-size:19px;font-weight:700;color:var(--ink)}
.mb .js.todo .js-h h3{color:var(--muted)}
.mb .js-h .sum{margin-left:auto;font-size:13.5px;color:var(--muted);text-align:right}
.mb .js-h .sum b{color:var(--ok);font-weight:600}
.mb .js.on{border-color:#cfdcf0;box-shadow:0 1px 2px rgba(20,33,61,.05),0 16px 40px rgba(31,78,156,.12)}
.mb .js.on .js-h{padding:24px 28px 6px}
.mb .js.on .js-h h3{font-size:24px;letter-spacing:-.01em}
.mb .js-lead{padding:0 28px 0 76px;margin:0 0 20px;font-size:15px;color:var(--ink-2);max-width:900px}
.mb .facts5{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin:0}
.mb .facts5 div{padding:12px 28px 14px}
.mb .facts5 div:first-child{padding-left:76px}
.mb .facts5 div+div{border-left:1px solid var(--line)}
.mb .facts5 span{display:block;font-size:12px;color:var(--muted)}
.mb .facts5 b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.mb .docbar{display:flex;align-items:center;gap:18px;padding:0 28px 18px 76px}
.mb .docbar .meter{flex:1;max-width:420px;height:8px;border-radius:8px;background:#eef1f5;overflow:hidden}
.mb .docbar .meter i{display:block;height:100%;background:linear-gradient(90deg,var(--pri),#4f86d8);border-radius:8px;transition:width .5s}
.mb .docbar b{font-size:15px;font-weight:700;color:var(--ink)}
.mb .docbar .linkbtn{margin-left:auto}
.mb .linkbtn{background:none;border:0;padding:0;font-size:14px;color:var(--pri);font-weight:600}
.mb .linkbtn:hover{text-decoration:underline}
.mb .cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:0 28px 24px}
.mb .dcard{border:1px solid #e3e8ef;border-radius:16px;background:var(--white);display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.mb .dcard.ok{border-color:#bfe0cc}
.mb .dcard.chk{border-color:#b9cdee;box-shadow:0 0 0 3px rgba(31,78,156,.08)}
.mb .thumb{position:relative;height:132px;background:linear-gradient(160deg,#eef3fb,#e3ebf8);display:grid;place-items:center;overflow:hidden}
.mb .thumb svg{width:150px;height:108px;filter:drop-shadow(0 6px 10px rgba(20,33,61,.14))}
.mb .dcard.need .thumb svg{opacity:.55;filter:grayscale(.4) drop-shadow(0 6px 10px rgba(20,33,61,.08))}
.mb .thumb .scan{position:absolute;left:0;right:0;height:26px;top:-26px;background:linear-gradient(180deg,transparent,rgba(31,78,156,.22),transparent);animation:mb-scan 1.1s linear infinite}
@keyframes mb-scan{to{top:132px}}
.mb .thumb .badge{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;box-shadow:0 4px 10px rgba(30,122,79,.35)}
.mb .dbody{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}
.mb .dbody h4{margin:0;font-size:15px;font-weight:700;color:var(--ink);line-height:1.3;letter-spacing:0}
.mb .dbody .alt{font-size:12px;color:var(--muted);margin-top:1px}
.mb .dbody .why{font-size:13px;color:var(--ink-2);line-height:1.45;margin:8px 0 12px}
.mb .dbody .why b{font-weight:600;color:var(--ink)}
.mb .dfoot{margin-top:auto}
.mb .pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:5px 12px 5px 10px;border-radius:20px;white-space:nowrap}
.mb .p-ok{background:var(--ok-bg);color:var(--ok)}
.mb .p-ok:before{content:"\2713";font-size:12px}
.mb .p-chk{background:var(--tint);color:var(--pri)}
.mb .p-chk:before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--tint-line);border-top-color:var(--pri);animation:mb-spin .8s linear infinite}
@keyframes mb-spin{to{transform:rotate(360deg)}}
.mb .p-need{background:#f2f4f8;color:var(--ink-2);border:1px dashed var(--line-2)}
.mb .p-need:before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor}
.mb .dfoot small{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}
.mb .dcard.need .dfoot small, .mb .dcard.chk .dfoot small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb .btn{font-size:14px;font-weight:600;border-radius:10px;padding:9px 14px;border:1px solid var(--pri);background:var(--pri);color:#fff;display:inline-block;text-decoration:none}
.mb .btn:hover{background:var(--hover);border-color:var(--hover)}
.mb .btn.ghost{background:var(--white);color:var(--pri)}
.mb .btn.ghost:hover{background:var(--tint)}
.mb .btn.block{display:block;width:100%;margin-top:10px;text-align:center}
.mb .btn:disabled{background:#d5dbe5;border-color:#d5dbe5;color:#fff;cursor:not-allowed}
.mb .btn.big{padding:13px 24px;font-size:15px}
.mb .privacy{display:flex;gap:12px;align-items:center;margin:0;padding:14px 28px 14px 76px;background:var(--ivory);border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.mb .privacy svg{flex:none;width:18px;height:18px;stroke:var(--pri);fill:none;stroke-width:1.8}
.mb .js-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 28px 16px 76px;border-top:1px solid var(--line)}
.mb .js-foot .save{font-size:13px;color:var(--muted)}
.mb .mini{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mb .mini span{font-size:12px;font-weight:600;color:var(--ok);background:var(--ok-bg);padding:3px 10px;border-radius:20px}
.mb .rev{padding:4px 28px 6px 76px;display:grid;grid-template-columns:1fr 1fr;gap:20px 48px}
.mb .rev h5{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink)}
.mb .rev dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px}
.mb .rev dt{color:var(--muted)}
.mb .rev dd{margin:0;text-align:right}
.mb .consent{margin:16px 28px 20px 76px;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;background:var(--white);text-align:left;width:calc(100% - 104px);color:var(--ink-2);font-size:14px}
.mb .consent .box{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-2);background:#fff;display:grid;place-items:center;color:#fff;font-size:12px;margin-top:1px}
.mb .consent.on{border-color:var(--pri);background:var(--tint)}
.mb .consent.on .box{background:var(--pri);border-color:var(--pri)}
.mb .offer{display:grid;grid-template-columns:1.05fr 1fr;margin:4px 28px 26px 76px;border-radius:18px;overflow:hidden;border:1px solid #d6e2f3}
.mb .of-l{background:radial-gradient(500px 260px at 90% 0%,rgba(122,170,255,.35),transparent 60%),linear-gradient(135deg,var(--deep),var(--pri));color:#fff;padding:26px 30px 24px;position:relative}
.mb .of-l .k{font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
.mb .of-l .big{font-size:60px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-top:10px}
.mb .of-l .big small{font-size:18px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.8);margin-left:6px}
.mb .of-l .on{font-size:15.5px;color:rgba(255,255,255,.9);margin-top:8px}
.mb .of-l .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.mb .of-l .tags span{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.mb .of-l .rules{margin-top:16px;font-size:12px;color:rgba(255,255,255,.72)}
.mb .of-r{background:var(--white);padding:22px 28px;display:flex;flex-direction:column}
.mb .of-r dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:9px 18px;font-size:14px}
.mb .of-r dt{color:var(--muted)}
.mb .of-r dd{margin:0;text-align:right;font-weight:600;color:var(--ink)}
.mb .of-r .who{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;gap:12px;font-size:13.5px;color:var(--ink-2);line-height:1.5;border-radius:0;background:none;border-left:0;border-right:0;border-bottom:0}
.mb .of-r .who svg{flex:none;width:24px;height:24px;stroke:var(--pri);fill:none;stroke-width:1.6}
.mb .of-r .who b{color:var(--ink)}
.mb .of-r .st{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}
.mb .flow{list-style:none;margin:0 28px 0 76px;padding:0 0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.mb .flow:before{content:"";position:absolute;top:14px;left:14px;right:calc(25% - 26px);height:2px;background:#e6eaf0}
.mb .flow li{position:relative;padding-top:38px;font-size:13px;color:var(--ink-2);line-height:1.45}
.mb .flow li:before{content:attr(data-n);position:absolute;top:0;left:0;width:29px;height:29px;border-radius:50%;background:var(--white);border:1.5px solid var(--line-2);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--muted)}
.mb .flow li.done:before{content:"\2713";background:var(--ok-bg);border-color:#bfe0cc;color:var(--ok)}
.mb .flow li.now:before{background:var(--pri);border-color:var(--pri);color:#fff}
.mb .flow b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.mb .confirm{margin:0 28px 22px 76px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:18px 22px;border-radius:14px;background:var(--ok-bg);border:1px solid #c9e6d5}
.mb .confirm .seal{width:46px;height:46px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}
.mb .confirm h4{margin:0;font-size:20px;font-weight:700;color:var(--ink)}
.mb .confirm p{margin:2px 0 0;font-size:14px;color:var(--ink-2)}
.mb .facts3{display:grid;grid-template-columns:repeat(3,1fr);margin:0 28px 22px 76px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mb .facts3 div{padding:13px 18px;background:var(--ivory)}
.mb .facts3 div+div{border-left:1px solid var(--line)}
.mb .facts3 span{display:block;font-size:12.5px;color:var(--muted)}
.mb .facts3 b{display:block;font-weight:700;font-size:17px;color:var(--ink);margin-top:2px}
.mb .next-cta{padding:20px 28px 20px 76px;border-top:1px solid #d6e2f3;background:var(--tint);display:flex;align-items:center;justify-content:space-between;gap:24px}
.mb .next-cta .k{font-size:13px;color:var(--pri);font-weight:700}
.mb .next-cta p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.mb .next-cta a{flex:none;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;background:var(--pri);color:#fff;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 8px 20px rgba(31,78,156,.25)}
.mb .next-cta a:hover{background:var(--hover)}
.mb .helpband{max-width:1280px;margin:20px auto 0;display:flex;align-items:center;gap:16px;padding:18px 28px;border-radius:16px;background:var(--white);border:1px solid #e6eaf0;font-size:14px;color:var(--ink-2)}
.mb .helpband .av{width:40px;height:40px;font-size:15px}
.mb .helpband b{color:var(--ink)}
.mb .helpband .btn{margin-left:auto}
.mb footer{margin-top:56px;background:var(--ivory);border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.mb .f-in{max-width:1280px;margin:0 auto;padding:32px 0 26px;display:grid;grid-template-columns:260px 1fr;gap:56px}
.mb .f-in .brand .wm{font-size:19px}
.mb .f-links{display:flex;gap:22px;margin-top:16px;color:var(--ink-2);font-weight:500}
.mb .disc{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;line-height:1.55}
.mb .disc p{margin:0}
.mb .disc b{color:var(--ink-2);font-weight:600}
.mb .f-base{border-top:1px solid var(--line);max-width:1280px;margin:0 auto;padding:14px 0 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11.5px}

/* The phone's tab bar (round 26) is in the markup on every width; the laptop never sees it. */
.mb .ptabs { display: none; }

/* The tablet fold (768 to 1023 px), after the laptop rules it folds; an earlier copy
   sat above them and lost by order. */
@media (max-width: 1023px) {
  .mb .hero-in, .mb .elig, .mb .qs, .mb .trust, .mb .stepper, .mb .cards, .mb .facts5, .mb .rev, .mb .offer, .mb .f-in, .mb .disc { grid-template-columns: 1fr; }
  .mb .visual { display: none; }
  .mb .hero h1 { font-size: 40px; }
  .mb .check-wrap { margin-top: 24px; }
  .mb .nav ul { display: none; }
}

/* ---- Credit Workspace (FS 3.5), lifted from the approved design
   docs/next/design/approved/bank-officer.html and scoped under .mbw. Tokens come
   from the workspace block of sites/mithras/theme.css. Layout is the approved
   HTML's; change the approved page first. ---- */
[data-site="mithras"][data-look="workspace"] body { background: var(--surface); color: var(--ink); font-family: var(--sans); font-size: 13.5px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.mbw { color: var(--ink); font-family: var(--sans); font-size: 13.5px; line-height: 1.5; }
.mbw *, .mbw *:before, .mbw *:after { box-sizing: border-box; }
.mbw [hidden] { display: none !important; }
.mbw .card { padding: 0; }
.mbw .bar .me .av { font-weight: 700; font-size: 12px; }
.mbw .bar nav span[title] { cursor: help; }
.mbw .stp.halted .ic { background: var(--bad); border-color: var(--bad); }
.mbw .stp.halted .ic:after { content: "!"; }
.mbw .stp .rs .note { color: var(--muted); }
.mbw .pills { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.mbw .chkopts .opn { padding: 8px 12px; }
.mbw .chkwait a { color: var(--pri); font-weight: 600; }
.mbw .agent .fail { color: var(--bad); font-weight: 600; }
.mbw .replay { background: none; border: 1px solid var(--line); border-radius: 7px; padding: 3px 9px; font-size: 11.5px; color: var(--pri); margin-left: 8px; }
.mbw .ev-ai { display: inline-flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.mbw .fd-line { font-size: 12px; color: var(--muted); }
.mbw .rgrid b.small { font-size: 18px; }
.mbw .policies .ph small { color: var(--muted); font-size: 12px; }
.mbw .policies .retr { padding: 12px 18px; font-size: 12.5px; color: var(--ink-2); }
.mbw .policies .retr li { margin: 4px 0; }
.mbw .policies .retr code { font-family: var(--mono); font-size: 11px; }
.mbw .policies .used { font-size: 11px; font-weight: 700; color: var(--human); text-transform: uppercase; letter-spacing: .06em; }
.mbw .num { font-variant-numeric: tabular-nums lining-nums; }
.mbw button { font: inherit; cursor: pointer; }
.mbw h1, .mbw h2, .mbw h3, .mbw h4 { margin: 0; letter-spacing: -.01em; }
.mbw p { margin: 0; }
.mbw a { color: inherit; }
.mbw .bar nav a { padding: 7px 13px; border-radius: 7px; font-size: 13.5px; color: #b9c8e2; text-decoration: none; }
.mbw .bar nav a.on { background: rgba(255,255,255,.12); color: #fff; font-weight: 600; }
.mbw .bar .signout { background: none; border: 1px solid rgba(255,255,255,.3); color: #fff; border-radius: 7px; padding: 5px 10px; font-size: 12px; margin-left: 12px; }
.mbw .qrow { text-decoration: none; }
.mbw .ai-badge { font-size: 11px; padding: 2px 8px; }
.mbw .drawer iframe { width: 100%; height: 420px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.mbw .dr .facts dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 3px 14px; font-size: 12.5px; }
.mbw .error-line { margin: 10px 20px; }
.mbw .opt .kb { margin-left: 6px; }
.mbw .policies { padding: 20px 22px 40px; max-width: 980px; }
.mbw .policies .card { margin-bottom: 14px; }
.mbw .policies .clause { padding: 12px 18px; border-top: 1px solid var(--line); }
.mbw .policies .clause.cited { background: var(--tint); box-shadow: inset 3px 0 0 var(--pri); }
.mbw .policies .clause b { display: block; font-size: 13.5px; }
.mbw .policies .clause q { display: block; margin-top: 4px; color: var(--ink-2); font-style: normal; }
.mbw .policies .clause small { display: block; margin-top: 4px; color: var(--pri); font-weight: 600; font-size: 11.5px; }
.mbw .raw { background: #f8fafc; border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; font: 11px/1.5 var(--mono); color: var(--ink-2); white-space: pre-wrap; margin: 6px 18px 12px; max-height: 260px; overflow: auto; }
.mbw .stp .rs .badges { display: inline-flex; gap: 6px; margin-left: 6px; }
.mbw .cap { margin: 8px 20px 0; }
@media (max-width: 1279px) { .mbw .desk { grid-template-columns: 1fr; } .mbw .runcol { padding: 0 20px 30px; } .mbw .queue { border-right: 0; border-bottom: 1px solid var(--line); } }
.mbw .bar{height:60px;background:linear-gradient(90deg,var(--frame),var(--deep));display:flex;align-items:center;padding:0 24px;gap:20px;color:#d6e0f0}
.mbw .brand{display:flex;align-items:center;gap:11px}
.mbw .mono{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--rule)}
.mbw .mono span{font-family:var(--serif);color:var(--deep);font-size:17px;line-height:1}
.mbw .brand .wm{font-family:var(--serif);font-size:18px;color:#fff;line-height:1.1}
.mbw .brand .ws{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9fb6dc;border-left:1px solid rgba(255,255,255,.2);padding-left:12px;margin-left:4px}
.mbw .bar nav{display:flex;gap:2px;margin-left:18px}
.mbw .bar nav span{padding:7px 13px;border-radius:7px;font-size:13.5px;color:#b9c8e2;cursor:default}
.mbw .bar nav span.on{background:rgba(255,255,255,.12);color:#fff;font-weight:600}
.mbw .search{margin-left:auto;width:300px;height:36px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;padding:0 12px;gap:8px}
.mbw .search svg{width:15px;height:15px;stroke:#9fb6dc;fill:none;stroke-width:2;flex:none}
.mbw .search input{background:none;border:0;outline:0;color:#fff;font:inherit;font-size:13px;width:100%}
.mbw .search input::placeholder{color:#8ea5cc}
.mbw .me{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#fff;font-weight:500}
.mbw .me .av{width:34px;height:34px;border-radius:50%;background:#dbe7f8;color:var(--deep);display:grid;place-items:center;font-weight:700;font-size:12px}
.mbw .me small{display:block;font-size:11.5px;color:#9fb6dc;font-weight:400;line-height:1.2}
.mbw .desk{display:grid;grid-template-columns:288px minmax(0,1fr) 392px;align-items:start}
.mbw .queue{background:var(--white);border-right:1px solid var(--line);padding:18px 14px 24px;align-self:stretch}
.mbw .q-title{display:flex;justify-content:space-between;align-items:baseline;padding:0 6px;margin-bottom:12px}
.mbw .q-title h2{font-size:17px;font-weight:700}
.mbw .q-title span{font-size:12px;color:var(--muted)}
.mbw .filters{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:12px}
.mbw .filters button{display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;background:var(--white);color:var(--ink-2);padding:6px 10px;border-radius:8px;font-size:12.5px;text-align:left}
.mbw .filters button b{font-size:11.5px;min-width:20px;text-align:center;padding:0 6px;border-radius:10px;background:var(--surface);color:var(--ink-2)}
.mbw .filters button.on{border-color:var(--pri);background:var(--tint);color:var(--pri);font-weight:600}
.mbw .filters button.on b{background:var(--pri);color:#fff}
.mbw .qrow{display:block;width:100%;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:7px;color:var(--ink)}
.mbw .qrow:hover{border-color:var(--rule)}
.mbw .qrow.sel{border-color:var(--pri);box-shadow:inset 3px 0 0 var(--pri),0 4px 14px rgba(31,78,156,.10)}
.mbw .qrow .l1{display:flex;justify-content:space-between;align-items:baseline}
.mbw .qrow .nm{font-weight:700;font-size:14px}
.mbw .qrow .amt{font-weight:600;font-size:13px}
.mbw .qrow .l2{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:1px}
.mbw .qrow .l3{margin-top:7px;display:flex;justify-content:space-between;align-items:center}
.mbw .qrow .ref{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.mbw .st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:12px;white-space:nowrap}
.mbw .st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.mbw .s-new{background:var(--surface);color:var(--ink-2)}
.mbw .s-run{background:var(--tint);color:var(--pri)}
.mbw .s-run:before{animation:mbw-pulse 1s infinite}
.mbw .s-you{background:var(--tint-2);color:var(--deep)}
.mbw .s-doc{background:var(--warn-bg);color:var(--warn)}
.mbw .s-hold{background:var(--bad-bg);color:var(--bad)}
.mbw .s-ok{background:var(--ok-bg);color:var(--ok)}
@keyframes mbw-pulse{50%{opacity:.25}}
.mbw .today{margin-top:16px;border-top:1px solid var(--line);padding:14px 6px 0}
.mbw .today h3{font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:8px;letter-spacing:0}
.mbw .today dl{margin:0;display:grid;grid-template-columns:1fr auto;row-gap:6px;font-size:12.5px}
.mbw .today dt{color:var(--muted)}
.mbw .today dd{margin:0;font-weight:600}
.mbw .reset{margin-top:14px;background:none;border:0;padding:0 6px;color:var(--pri);font-size:12.5px;font-weight:600}
.mbw .file{padding:20px 22px 30px;min-width:0}
.mbw .card{background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.mbw .fhead{overflow:hidden}
.mbw .ftab{display:flex;align-items:center;gap:10px;padding:9px 20px;background:linear-gradient(90deg,#f6f9fd,var(--white));border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.mbw .ftab b{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);font-weight:600}
.mbw .ftab .pk{margin-left:auto;font-family:var(--mono);font-size:11px}
.mbw .fmain{display:flex;align-items:flex-start;gap:16px;padding:16px 20px 12px}
.mbw .fav{width:48px;height:48px;border-radius:12px;background:var(--tint-2);color:var(--deep);display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.mbw .fmain h1{font-size:26px;font-weight:700;line-height:1.15}
.mbw .fmain .sub{font-size:13.5px;color:var(--muted)}
.mbw .fstat{margin-left:auto;text-align:right}
.mbw .bigst{font-size:13px;padding:5px 12px}
.mbw .fstat small{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.mbw .ffacts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.mbw .ffacts div{padding:9px 20px 10px}
.mbw .ffacts div:nth-child(3n+2), .mbw .ffacts div:nth-child(3n){border-left:1px solid var(--line)}
.mbw .ffacts div:nth-child(n+4){border-top:1px solid var(--line)}
.mbw .ffacts span{display:block;font-size:11.5px;color:var(--muted)}
.mbw .ffacts b{display:block;font-size:13px;font-weight:600;line-height:1.35}
.mbw .stages{display:grid;grid-template-columns:repeat(8,1fr);margin:14px 0;padding:14px 12px 12px}
.mbw .sg{text-align:center;position:relative;padding:0 2px}
.mbw .sg:before{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:var(--line)}
.mbw .sg:first-child:before{display:none}
.mbw .sg.done:before, .mbw .sg.now:before{background:var(--pri)}
.mbw .sg .d{position:relative;z-index:1;width:26px;height:26px;margin:0 auto;border-radius:50%;background:var(--white);border:2px solid var(--rule);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted);transition:all .3s}
.mbw .sg.done .d{background:var(--pri);border-color:var(--pri);color:#fff}
.mbw .sg.now .d{border-color:var(--pri);color:var(--pri);box-shadow:0 0 0 5px rgba(31,78,156,.14)}
.mbw .sg.gate .d{background:var(--white);border:3px solid var(--deep);color:var(--deep);box-shadow:0 0 0 5px rgba(19,58,120,.18)}
.mbw .sg b{display:block;font-size:11.5px;font-weight:600;margin-top:7px;line-height:1.25;color:var(--ink-2)}
.mbw .sg.todo b{color:var(--muted);font-weight:500}
.mbw .sg.person .d{border-radius:7px;border-style:dashed}
.mbw .sg.person.done .d{border-style:solid}
.mbw .sg.person b{color:var(--human)}
.mbw .sg.person.gate .d{border-color:var(--human);color:var(--human);box-shadow:0 0 0 5px rgba(29,107,79,.16)}
.mbw .sg.person.done .d{background:var(--human);border-color:var(--human)}
.mbw .sg.person.done b{color:var(--ink-2)}
.mbw .agent{padding:18px 20px;display:flex;gap:16px;align-items:center;position:relative;overflow:hidden}
.mbw .agent .ai-ic{flex:none;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--deep),var(--pri));display:grid;place-items:center}
.mbw .agent .ai-ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mbw .agent h3{font-size:16px;font-weight:700}
.mbw .agent p{margin:2px 0 0;color:var(--ink-2);font-size:13.5px}
.mbw .agent .meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.mbw .tagm{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:12px;background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}
.mbw .startbtn{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:9px;background:var(--pri);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:700;font-size:14.5px;box-shadow:0 8px 18px rgba(31,78,156,.28)}
.mbw .startbtn:hover{background:var(--hover)}
.mbw .startbtn svg{width:14px;height:14px;fill:#fff}
.mbw .agent .prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--line)}
.mbw .agent .prog i{display:block;height:100%;width:0;background:var(--pri);transition:width .6s}
.mbw .agent.gate{border-color:var(--deep);box-shadow:0 0 0 3px rgba(19,58,120,.12),var(--shadow);background:linear-gradient(90deg,#f4f8fe,#fff)}
.mbw .agent.done{border-color:#bfe0cc;background:linear-gradient(90deg,#f1f9f4,#fff)}
.mbw .agent.done .ai-ic{background:var(--ok)}
.mbw .spin{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid var(--tint-line);border-top-color:var(--pri);animation:mbw-spin .8s linear infinite;vertical-align:-1px;margin-right:6px}
@keyframes mbw-spin{to{transform:rotate(360deg)}}
.mbw .done3{list-style:none;margin:8px 0 0;padding:0;font-size:13px;color:var(--ink-2)}
.mbw .done3 li{padding:2px 0}
.mbw .done3 b{color:var(--ink)}
.mbw .links{display:flex;flex-direction:column;gap:8px;margin-left:auto;flex:none}
.mbw .lk{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:700;font-size:13.5px;text-decoration:none;border:1px solid var(--pri);color:var(--pri);background:#fff}
.mbw .lk.pri{background:var(--pri);color:#fff;box-shadow:0 6px 14px rgba(31,78,156,.25)}
.mbw .chkcard{align-items:flex-start;border-color:var(--human)!important;box-shadow:0 0 0 4px rgba(29,107,79,.12),var(--shadow)!important;background:linear-gradient(90deg,#eef7f2,#fff)!important}
.mbw .chkcard .ck{font-size:12px;font-weight:700;color:var(--human);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.mbw .chkcard h3{font-size:16px;line-height:1.4;max-width:620px}
.mbw .chkopts{display:flex;gap:10px;margin-top:12px}
.mbw .cbtn{border:1px solid var(--pri);background:#fff;color:var(--pri);border-radius:10px;padding:10px 16px;font-weight:700;font-size:13.5px}
.mbw .cbtn.pri{background:var(--pri);color:#fff;box-shadow:0 6px 14px rgba(31,78,156,.25)}
.mbw .chkdone{margin:10px 0 0;color:var(--ok);font-weight:600}
.mbw .chkwait{margin:10px 0 0;color:var(--ink-2)}
.mbw .stg.pchk .stg-h{color:var(--human)}
.mbw .stg.pchk.done .stg-h i{background:var(--human);border-color:var(--human)}
.mbw .gotodec{flex:none;margin-left:auto;background:var(--deep);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:700;font-size:14px}
.mbw .ph{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line)}
.mbw .ph h3{font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:9px}
.mbw .ph .k{font-size:12px;color:var(--muted)}
.mbw .sym{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:none}
.mbw .sym svg{width:14px;height:14px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mbw .s-ev{background:var(--tint)}
.mbw .s-ev svg{stroke:var(--pri)}
.mbw .s-ru{background:var(--deep)}
.mbw .s-ru svg{stroke:#fff}
.mbw .s-ai{background:#fff;border:1.5px solid var(--pri)}
.mbw .s-ai svg{stroke:var(--pri)}
.mbw .sec{margin-top:14px}
.mbw table{width:100%;border-collapse:collapse}
.mbw th{font-size:11px;font-weight:700;color:var(--muted);text-align:left;padding:8px 18px;background:#f8fafc;border-bottom:1px solid var(--line);letter-spacing:.02em}
.mbw td{padding:9px 18px;border-bottom:1px solid #eef1f5;vertical-align:top}
.mbw tr:last-child td{border-bottom:0}
.mbw td.doc{font-weight:600;width:178px}
.mbw td.doc small{display:block;font-weight:400;color:var(--muted);font-size:11.5px}
.mbw td.ver{color:var(--ink-2)}
.mbw td.ver .wait{color:var(--muted);font-style:italic}
.mbw td.by{width:150px}
.mbw td.op{width:60px;text-align:right}
.mbw .okm{color:var(--ok);font-weight:700;margin-right:5px}
.mbw .rid{font-family:var(--mono);font-size:11px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 6px;display:inline-block;margin:0 4px 3px 0}
.mbw .opn{background:none;border:1px solid var(--line);border-radius:7px;padding:3px 9px;font-size:12px;color:var(--pri);font-weight:600}
.mbw .opn:disabled{color:var(--rule);cursor:default}
.mbw tr.drawer td{background:#f8fafc;padding:12px 18px}
.mbw .dr{display:flex;gap:18px;align-items:center}
.mbw .dr svg{width:150px;height:110px;background:linear-gradient(160deg,#eef3fb,#e3ebf8);border-radius:10px;flex:none}
.mbw .dr dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:12.5px}
.mbw .dr dt{color:var(--muted)}
.mbw .dr dd{margin:0;font-weight:600}
.mbw .dr .sp{font-size:11.5px;color:var(--muted);margin-top:8px}
.mbw tr.reading td.ver{color:var(--pri)}
.mbw .pending{padding:22px 18px;color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center}
.mbw .pending i{width:8px;height:8px;border-radius:50%;background:var(--rule)}
.mbw .rgrid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.mbw .rgrid div{padding:14px 18px}
.mbw .rgrid div+div{border-left:1px solid var(--line)}
.mbw .rgrid span{display:block;font-size:12px;color:var(--muted)}
.mbw .rgrid b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:2px}
.mbw .rgrid small{display:block;font-size:12px;color:var(--ink-2);margin-top:2px}
.mbw .range{padding:14px 18px 6px}
.mbw .range .t{display:flex;justify-content:space-between;font-size:13px}
.mbw .scale{position:relative;height:44px;margin-top:4px}
.mbw .scale .base{position:absolute;top:28px;left:0;right:0;height:8px;border-radius:5px;background:#eef1f5}
.mbw .scale .okz{position:absolute;top:28px;left:0;width:71%;height:8px;border-radius:5px;background:linear-gradient(90deg,#7fa6dd,var(--pri))}
.mbw .scale .mk{position:absolute;top:22px;width:2px;height:20px;background:var(--ink)}
.mbw .scale .mk span{position:absolute;top:-20px;left:1px;transform:translateX(-50%);font-size:11.5px;font-weight:700;white-space:nowrap}
.mbw .rnote{display:flex;gap:18px;flex-wrap:wrap;padding:6px 18px 12px;font-size:12.5px;color:var(--ink-2)}
.mbw .rnote b{color:var(--ok)}
.mbw .src{padding:9px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:#f8fafc;border-radius:0 0 14px 14px}
.mbw .src code{font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}
.mbw .aic{border-color:var(--tint-line)}
.mbw .aic .ph{background:linear-gradient(90deg,var(--tint),#fff)}
.mbw .advis{font-size:11px;font-weight:700;color:var(--pri);border:1px solid var(--pri);border-radius:12px;padding:2px 9px}
.mbw .rec{padding:14px 18px 4px}
.mbw .rec p{margin:0;font-size:18px;font-weight:600;line-height:1.4;color:var(--ink)}
.mbw .rec p b{color:var(--pri)}
.mbw .reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 18px 4px}
.mbw .reasons div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--ink-2)}
.mbw .reasons b{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}
.mbw .reasons .ev{display:block;margin-top:6px;font-family:var(--mono);font-size:10.5px;color:var(--pri)}
.mbw .risk{margin:10px 18px 4px;padding:10px 12px;border-radius:10px;background:var(--warn-bg);font-size:12.5px;color:#4d3608}
.mbw .risk b{color:#3a2805}
.mbw .aimeta{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 18px 12px;font-size:12px;color:var(--muted)}
.mbw .aimeta b{color:var(--ink-2);font-weight:600}
.mbw .chk{color:var(--ok);font-weight:600}
.mbw .decision{overflow:hidden}
.mbw .decision.locked{opacity:.6}
.mbw .decision.open{border:2px solid var(--deep);box-shadow:0 0 0 5px rgba(19,58,120,.10),0 14px 34px rgba(19,58,120,.16)}
.mbw .decision .dh{padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.mbw .decision.open .dh{background:var(--deep);color:#fff;border-color:var(--deep)}
.mbw .decision .dh h3{font-size:17px;font-weight:700}
.mbw .decision .dh p{margin:0;font-size:12.5px;opacity:.85}
.mbw .decision .dh .who{margin-left:auto;font-size:12px;opacity:.85}
.mbw .opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px 4px}
.mbw .opt{display:block;text-align:left;border:1px solid var(--rule);border-radius:11px;padding:11px 12px 11px 38px;position:relative;background:#fff;color:var(--ink)}
.mbw .opt:before{content:"";position:absolute;left:12px;top:13px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--rule);background:#fff}
.mbw .opt.on{border-color:var(--pri);background:var(--tint);box-shadow:inset 0 0 0 1px var(--pri)}
.mbw .opt.on:before{border:5px solid var(--pri)}
.mbw .opt b{display:block;font-size:14px}
.mbw .opt span{display:block;font-size:12px;color:var(--muted)}
.mbw .opt em{position:absolute;right:10px;top:10px;font-style:normal;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px}
.mbw .e-ai{background:var(--tint-2);color:var(--deep)}
.mbw .e-x{background:var(--warn-bg);color:var(--warn)}
.mbw .opt:disabled{cursor:not-allowed}
.mbw .docpick{padding:8px 18px 0;display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted);align-items:center}
.mbw .docpick button{border:1px solid var(--rule);background:#fff;border-radius:14px;padding:3px 10px;font-size:12px}
.mbw .docpick button.on{border-color:var(--pri);background:var(--tint);color:var(--pri);font-weight:600}
.mbw .reason{padding:12px 18px 0}
.mbw .reason label{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.mbw .reason label span{font-weight:400;color:var(--muted)}
.mbw textarea{width:100%;height:64px;border:1px solid var(--rule);border-radius:10px;padding:9px 12px;font:inherit;font-size:13.5px;resize:none;color:var(--ink);outline:none}
.mbw textarea:focus{border-color:var(--pri)}
.mbw .quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mbw .quick button{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:3px 11px;font-size:12px;color:var(--ink-2)}
.mbw .quick button:hover{border-color:var(--pri)}
.mbw .dfoot{display:flex;align-items:center;gap:14px;padding:14px 18px 16px}
.mbw .four{display:flex;gap:9px;align-items:center;font-size:12.5px;color:var(--ink-2)}
.mbw .four i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--rule);display:grid;place-items:center;font-weight:700;font-size:11px;color:var(--deep);flex:none}
.mbw .commit{margin-left:auto;background:var(--pri);color:#fff;border:0;border-radius:10px;padding:11px 22px;font-weight:700;font-size:14px}
.mbw .commit:disabled{background:#d5dbe5;cursor:not-allowed}
.mbw .recorded{display:flex;align-items:center;gap:14px;padding:16px 18px}
.mbw .recorded .sealok{width:38px;height:38px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px;flex:none}
.mbw .recorded b{font-size:16px}
.mbw .recorded p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.mbw .runcol{padding:20px 20px 30px 0}
.mbw .run .rh{padding:14px 16px 10px;border-bottom:1px solid var(--line)}
.mbw .run .rh h3{font-size:15.5px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.mbw .run .rh h3 span{font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:500}
.mbw .run .rh .lane{font-size:12px;color:var(--muted);margin-top:2px}
.mbw .run .aicount{margin-top:8px;font-size:12px;color:var(--ink-2);background:var(--surface);border-radius:8px;padding:6px 9px}
.mbw .run .pbar{height:5px;border-radius:5px;background:var(--line);margin-top:10px;overflow:hidden}
.mbw .run .pbar i{display:block;height:100%;width:0;background:var(--pri);transition:width .6s}
.mbw .stg{padding:2px 0 4px}
.mbw .stg-h{display:flex;align-items:center;gap:8px;padding:9px 16px 4px;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}
.mbw .stg-h i{font-style:normal;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--rule);display:grid;place-items:center;font-size:9.5px;color:var(--muted)}
.mbw .stg.done .stg-h{color:var(--ink-2)}
.mbw .stg.done .stg-h i{background:var(--pri);border-color:var(--pri);color:#fff}
.mbw .stp{display:grid;grid-template-columns:18px 1fr auto;gap:2px 9px;padding:6px 16px 6px 16px;align-items:start}
.mbw .stp .ic{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--rule);margin-top:2px;display:grid;place-items:center;font-size:9px;color:#fff}
.mbw .stp .nm{font-size:12.5px;font-weight:600;color:var(--muted)}
.mbw .stp .nm code{font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--muted);margin-left:4px}
.mbw .stp .rs{grid-column:2/4;font-size:12px;color:var(--ink-2);line-height:1.4}
.mbw .stp .rs .pv{color:var(--pri);font-weight:600}
.mbw .stp .rs .fb{color:var(--warn);font-weight:600}
.mbw .stp .bd{display:flex;gap:5px;align-items:center}
.mbw .kb{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:4px}
.mbw .k-rule{background:var(--deep);color:#fff}
.mbw .k-ai{background:#fff;color:var(--pri);border:1px solid var(--pri)}
.mbw .k-guard{background:var(--slate);color:#fff}
.mbw .k-person{background:var(--human-bg);color:var(--human)}
.mbw .stp .tm{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.mbw .stp.todo .rs{display:none}
.mbw .stp.todo .bd .tm{display:none}
.mbw .stp.work{background:var(--tint)}
.mbw .stp.work .ic{border-color:var(--tint-line);border-top-color:var(--pri);animation:mbw-spin .8s linear infinite}
.mbw .stp.work .nm{color:var(--pri)}
.mbw .stp.ok .ic{background:var(--pri);border-color:var(--pri)}
.mbw .stp.ok .ic:after{content:"\2713"}
.mbw .stp.ok .nm{color:var(--ink)}
.mbw .stp.wait{background:#eef3fb;box-shadow:inset 3px 0 0 var(--deep)}
.mbw .stp.wait .ic{border:4px solid var(--deep)}
.mbw .stp.wait .nm{color:var(--deep)}
.mbw .gev{grid-column:2/4;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--slate);margin-top:3px}
.mbw .log{margin-top:14px}
.mbw .log .lh{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line)}
.mbw .log .lh h3{font-size:14px;font-weight:700}
.mbw .log .lh span{font-size:11.5px;color:var(--muted)}
.mbw .log ol{list-style:none;margin:0;padding:8px 0;max-height:540px;overflow:auto}
.mbw .log li{display:grid;grid-template-columns:60px 1fr;gap:8px;padding:3px 16px;font-family:var(--mono);font-size:11px;color:var(--ink-2);line-height:1.45}
.mbw .log li time{color:var(--muted)}
.mbw .log li b{color:var(--deep);font-weight:600}
.mbw .log li.g b{color:var(--slate)}
.mbw .log li.p b{color:var(--human)}
.mbw .log li.new{animation:mbw-flash 1.2s}
@keyframes mbw-flash{from{background:var(--tint)}to{background:transparent}}
.mbw .log .empty{padding:10px 16px 14px;font-size:12px;color:var(--muted);font-family:var(--sans)}
.mbw footer{background:var(--frame);color:#9fb0cc;font-size:11.5px;padding:16px 28px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:28px;line-height:1.5}
.mbw footer b{color:#d6e0f0;font-weight:600}
.mbw footer .end{color:#7f93b8;white-space:nowrap;align-self:end}

/* The desk's phone-only parts (round 26, bank-officer-phone.html) exist in the markup on
   every width; the laptop never sees them. */
.mbw .bar .back, .mbw .foldbar, .mbw .ptabs, .mbw .shead, .mbw .dots, .mbw .dsum, .mbw .dnav, .mbw .replay-ph, .mbw .bbar, .mbw .scrim, .mbw .rh .fn { display: none; }

/* ---- The phone (round 26, bank-customer-phone.html): one column, the header
   under the rail, three tabs under the hero, the application as one card with a
   stepper strip and one step at a time, the documents as rows. The breakpoint
   is PHONE_MAX_WIDTH in core/phone.js. ---- */
@media (max-width: 767px) {
  .mb { font-size: 14px; }
  .mb .scroll-target { scroll-margin-top: 130px; }
  /* header */
  .mb header.top { position: sticky; top: 30px; z-index: 29; }
  .mb .utility, .mb .nav ul, .mb .nav .right > span { display: none; }
  .mb .nav { height: 52px; padding: 0 14px; }
  .mb .mono { width: 32px; height: 32px; box-shadow: inset 0 0 0 2px var(--gold), inset 0 0 0 3.5px var(--pri); }
  .mb .mono span { font-size: 16px; }
  .mb .brand .wm { font-size: 18px; line-height: 1.05; }
  .mb .brand .wm small { font-size: 8.5px; letter-spacing: .22em; margin-top: 0; }
  .mb .who { padding: 3px 10px 3px 3px; font-size: 12.5px; }
  .mb .av { width: 26px; height: 26px; font-size: 10.5px; }
  /* try it as */
  .mb .play-in { gap: 8px; padding: 8px 12px; }
  .mb .play .lab { font-size: 12px; margin: 0; }
  .mb .persona { flex: 1; min-width: 0; gap: 7px; padding: 5px 10px 5px 5px; border-radius: 10px; }
  .mb .persona .av { width: 26px; height: 26px; font-size: 10px; }
  .mb .persona > div { min-width: 0; }
  .mb .persona b { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mb .persona span { font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mb .play .note { display: none; }
  /* hero */
  .mb .skyline, .mb .visual, .mb .cta2 { display: none; }
  .mb .hero-in { display: block; padding: 16px 16px 14px; }
  .mb .eyebrow { font-size: 11px; padding: 3px 10px 3px 8px; }
  .mb .eyebrow i { width: 7px; height: 7px; }
  .mb .hero h1 { margin: 10px 0 6px; font-size: 26px; line-height: 1.08; letter-spacing: -.02em; }
  .mb .hero p.lede { margin: 0 0 12px; font-size: 13.5px; line-height: 1.45; }
  .mb .ctas { display: block; }
  .mb .cta { display: flex; justify-content: center; margin-top: 12px; padding: 12px; border-radius: 11px; font-size: 14.5px; }
  .mb .hero .facts { display: flex; justify-content: space-between; gap: 8px; margin-top: 0; font-size: 10.5px; }
  .mb .hero .facts div { padding: 0; margin: 0; border: 0; }
  .mb .hero .facts b { font-size: 13px; }
  /* the three tabs (rule 2), sticky under the rail and the header */
  .mb .ptabs { position: sticky; top: 82px; z-index: 28; display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0 6px; background: var(--bg); border-bottom: 1px solid var(--line); }
  .mb .ptabs button { padding: 11px 2px 10px; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: none; color: var(--muted); font-size: 13px; font-weight: 600; }
  .mb .ptabs button.on { color: var(--pri); border-bottom-color: var(--pri); }
  .mb [data-panel] { display: none; }
  .mb[data-tab="check"] [data-panel="check"], .mb[data-tab="apply"] [data-panel="apply"], .mb[data-tab="why"] [data-panel="why"] { display: block; }
  /* can I apply */
  .mb .check-wrap { margin: 12px 12px 0; }
  .mb .elig { display: block; padding: 14px 14px 4px; border-radius: 14px; box-shadow: 0 1px 2px rgba(20,33,61,.04); border: 1px solid var(--line); }
  .mb .elig .hd { display: block; margin-bottom: 4px; }
  .mb .elig h2 { font-size: 19px; }
  .mb .elig .sub { font-size: 12.5px; }
  .mb .qs { display: block; }
  .mb .field { padding: 10px 0 0; }
  .mb .field .fl { font-size: 12.5px; margin-bottom: 6px; }
  .mb .chips { gap: 6px; }
  .mb .chips button { padding: 9px 4px; font-size: 12.5px; border-radius: 9px; }
  .mb .result { margin: 12px 0 10px; padding: 12px 14px; border-radius: 12px; }
  .mb .tick { width: 24px; height: 24px; font-size: 12px; }
  .mb .result b { font-size: 14.5px; }
  .mb .result p { font-size: 12.5px; }
  .mb .result p b { font-size: 13.5px; }
  .mb .result small { font-size: 10.5px; }
  /* why Mithras */
  /* no display here: the panel rule above decides when the section shows */
  .mb .trust { margin: 12px 12px 0; padding: 4px 14px 6px; background: var(--white); border: 1px solid var(--line); border-radius: 14px; }
  .mb .trust > div, .mb .trust > div:first-child { display: flex; gap: 12px; padding: 10px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .mb .trust > div:last-child { border-bottom: 0; }
  .mb .trust .ti { width: 36px; height: 36px; border-radius: 10px; }
  .mb .trust .ti svg { width: 19px; height: 19px; }
  .mb .trust b { font-size: 14px; }
  .mb .trust p { font-size: 12.5px; }
  .mb .helpband { margin: 12px 12px 0; padding: 12px 14px; font-size: 12.5px; border-radius: 14px; }
  .mb .helpband .av { width: 32px; height: 32px; font-size: 13px; }
  .mb .helpband .btn { display: none; }
  /* apply: one card, the stepper strip on top, one step at a time */
  .mb .journey { padding: 12px 12px 0; }
  .mb .j-head { display: block; margin-bottom: 10px; }
  .mb .j-head .k { font-size: 12px; }
  .mb .j-head h2 { font-size: 22px; }
  .mb .j-head .ref { text-align: left; font-size: 12px; margin-top: 4px; }
  .mb .stepper { display: grid; grid-template-columns: repeat(4, 1fr); padding: 12px 6px 10px; margin-bottom: 0; border-radius: 14px 14px 0 0; border-bottom: 0; box-shadow: none; }
  .mb .sp { padding: 0; text-align: center; }
  .mb .sp .bar { top: 11px; left: 50%; right: -50%; height: 2px; }
  .mb .sp .c { width: 22px; height: 22px; margin: 0 auto; font-size: 10px; border-width: 2px; }
  .mb .sp.on .c { border-width: 2px; box-shadow: 0 0 0 3px var(--tint); }
  .mb .sp b { margin-top: 5px; font-size: 10.5px; line-height: 1.2; }
  .mb .sp span { display: none; }
  .mb .sp.done, .mb .sp.on { cursor: pointer; }
  .mb .js { display: none; margin-bottom: 12px; border-radius: 0 0 14px 14px; box-shadow: none; }
  .mb:not([data-view]) .js.on, .mb[data-view="st1"] #st1, .mb[data-view="st2"] #st2, .mb[data-view="st3"] #st3, .mb[data-view="st4"] #st4 { display: block; }
  .mb .js-h, .mb .js.on .js-h { padding: 12px 14px 4px; gap: 10px; }
  .mb .js-h .n { width: 26px; height: 26px; font-size: 12px; }
  .mb .js-h h3, .mb .js.on .js-h h3 { font-size: 17px; }
  .mb .js-h .sum { font-size: 11.5px; }
  .mb .js-lead { padding: 0 14px; margin: 0 0 8px; font-size: 12.5px; }
  .mb .facts5 { display: block; }
  .mb .facts5 div, .mb .facts5 div:first-child { display: flex; justify-content: space-between; gap: 12px; padding: 9px 14px; border-left: 0; border-bottom: 1px solid var(--line); }
  .mb .facts5 div:last-child { border-bottom: 0; }
  .mb .facts5 span { font-size: 13px; }
  .mb .facts5 b { font-size: 13.5px; text-align: right; }
  .mb .docbar { flex-wrap: wrap; gap: 10px; padding: 4px 14px 8px; }
  .mb .docbar .meter { max-width: none; height: 6px; }
  .mb .docbar b { font-size: 13px; }
  .mb .docbar .linkbtn { margin-left: 0; width: 100%; text-align: left; font-size: 12.5px; }
  .mb .cards { display: block; padding: 0; }
  .mb .dcard { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 2px 10px; align-items: start; padding: 10px 14px; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
  .mb .dcard.chk { box-shadow: none; }
  .mb .thumb { grid-row: 1 / 3; width: 38px; height: 38px; border-radius: 9px; }
  .mb .thumb svg { width: 44px; height: 32px; filter: none; }
  .mb .thumb .badge { top: -4px; right: -4px; width: 16px; height: 16px; font-size: 9px; box-shadow: none; }
  .mb .dbody { padding: 0; }
  .mb .dbody h4 { font-size: 14px; }
  .mb .dbody .alt { display: inline; margin-left: 4px; font-size: 11.5px; }
  .mb .dbody .why { margin: 2px 0 6px; font-size: 11.5px; }
  .mb .dfoot { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
  .mb .dfoot .pill { font-size: 11.5px; padding: 4px 10px 4px 8px; }
  .mb .btn.block { display: inline-block; width: auto; margin-top: 0; padding: 7px 11px; font-size: 12.5px; border-radius: 9px; }
  .mb .dfoot small { width: 100%; margin-top: 0; font-size: 11.5px; }
  .mb .dcard.need .dfoot small, .mb .dcard.chk .dfoot small { white-space: normal; }
  .mb .badge-line { font-size: 11px; }
  .mb .privacy { padding: 10px 14px; font-size: 11.5px; }
  .mb .js-foot { flex-wrap: wrap; gap: 8px; padding: 12px 14px 14px; }
  .mb .js-foot .save { flex: 1; font-size: 11.5px; }
  .mb .btn.big { padding: 11px 16px; font-size: 14px; border-radius: 11px; }
  .mb .mini { justify-content: flex-start; }
  .mb .rev { display: block; padding: 4px 14px 6px; }
  .mb .rev > div + div { margin-top: 12px; }
  .mb .rev dl { font-size: 13px; }
  .mb .consent { margin: 10px 14px 0; width: calc(100% - 28px); padding: 11px 12px; font-size: 12.5px; }
  .mb .offer { display: block; margin: 8px 14px 14px; }
  .mb .of-l { padding: 12px 14px; }
  .mb .of-l .big { font-size: 30px; margin-top: 2px; }
  .mb .of-l .big small { font-size: 13px; }
  .mb .of-l .on { font-size: 12.5px; margin-top: 2px; }
  .mb .of-l .tags { margin-top: 8px; }
  .mb .of-l .tags span { font-size: 10.5px; padding: 3px 8px; }
  .mb .of-l .rules { margin-top: 8px; font-size: 11px; }
  .mb .of-r { padding: 4px 14px 10px; }
  .mb .of-r dl { font-size: 13px; gap: 7px 12px; }
  .mb .of-r .who { padding-top: 10px; font-size: 12px; }
  .mb .confirm { margin: 0 14px 12px; padding: 12px 14px; gap: 12px; }
  .mb .confirm .seal { width: 40px; height: 40px; font-size: 18px; }
  .mb .confirm h4 { font-size: 17px; }
  .mb .confirm p { font-size: 12.5px; }
  .mb .facts3 { margin: 0 14px 12px; }
  .mb .facts3 div { padding: 9px 8px; text-align: center; }
  .mb .facts3 span { font-size: 10.5px; }
  .mb .facts3 b { font-size: 12.5px; }
  .mb .flow { margin: 0 14px; padding: 0 0 12px; gap: 4px; }
  .mb .flow:before { top: 12px; left: 12%; right: 12%; }
  .mb .flow li { padding-top: 30px; font-size: 10.5px; text-align: center; }
  .mb .flow li:before { left: 50%; transform: translateX(-50%); width: 24px; height: 24px; font-size: 11px; }
  .mb .flow b { font-size: 11.5px; }
  .mb .next-cta { display: block; padding: 12px 14px; }
  .mb .next-cta a { display: flex; justify-content: space-between; margin-top: 10px; padding: 12px 14px; font-size: 13.5px; }
  /* footer */
  .mb footer { margin-top: 20px; font-size: 10.5px; }
  .mb .f-in { display: block; padding: 14px 14px 6px; }
  .mb .f-in .brand .wm { font-size: 16px; }
  .mb .f-links { gap: 14px; margin: 10px 0 12px; font-size: 11.5px; }
  .mb .disc { display: block; }
  .mb .disc p { margin: 0 0 6px; }
  .mb .f-base { display: block; padding: 10px 14px 6px; font-size: 10.5px; }
  .mb .f-base span { display: block; }
  .mb .honesty-wrap { padding: 0 14px; }
  .mb .honesty { margin-top: 0; padding: 8px 0 16px; font-size: 10.5px; }
  .mb .error-line { margin: 8px 14px; }
}

/* ---- The Credit Workspace on the phone (round 26, bank-officer-phone.html): the
   queue or the case, one column; the bar under the rail; the case head, the
   stages strip, the agent card, the run feed, then the case file behind four
   tabs; the mid-run check and the decision as bottom sheets, the decision in
   three steps; one result card when finished, the rest folded. The breakpoint
   is PHONE_MAX_WIDTH in core/phone.js. ---- */
@media (max-width: 767px) {
  .mbw { font-size: 14px; }
  /* bar */
  .mbw .bar { position: sticky; top: 30px; z-index: 29; height: 52px; padding: 0 14px; gap: 10px; }
  .mbw[data-view="case"] .bar .back { display: block; color: #fff; text-decoration: none; font-size: 28px; line-height: 1; padding: 0 6px 3px 0; }
  .mbw .brand { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 9px; align-items: center; min-width: 0; }
  .mbw .mono { grid-row: 1 / 3; width: 30px; height: 30px; }
  .mbw .mono span { font-size: 13px; }
  .mbw .brand .wm { font-size: 15px; line-height: 1.1; white-space: nowrap; }
  .mbw .brand .ws { border: 0; padding: 0; margin: 0; font-size: 9.5px; letter-spacing: .16em; white-space: nowrap; }
  .mbw .bar nav, .mbw .search, .mbw .me > div, .mbw .bar .signout { display: none; }
  .mbw .me { margin-left: auto; }
  .mbw .me .av { width: 30px; height: 30px; font-size: 11px; }
  .mbw .error-line { margin: 8px 12px; }
  /* one column: the queue view or the case view */
  .mbw .desk { display: flex; flex-direction: column; align-items: stretch; padding: 12px 12px 0; }
  .mbw .file, .mbw .runcol { display: contents; }
  .mbw[data-view="queue"] .file > *, .mbw[data-view="queue"] .runcol > * { display: none; }
  .mbw[data-view="case"] .queue { display: none; }
  .mbw .card { margin: 0 0 12px; border-radius: 14px; box-shadow: 0 1px 2px rgba(20,33,61,.04); }
  .mbw .sec { margin-top: 0; }
  .mbw .fhead { order: 1; }
  .mbw .stages { order: 2; margin: 0 0 12px; }
  .mbw .agent { order: 3; }
  .mbw .runcol .run { order: 4; }
  .mbw .foldbar { order: 5; }
  .mbw .ptabs { order: 6; }
  .mbw #evCard { order: 7; }
  .mbw #rulesCard { order: 8; }
  .mbw #aiCard { order: 9; }
  .mbw .runcol .log { order: 10; }
  .mbw .decision { order: 11; }
  /* the queue */
  .mbw .queue { background: none; border: 0; padding: 0; }
  .mbw .q-title { display: none; }
  .mbw .filters { display: flex; gap: 6px; overflow-x: auto; margin: 0 -12px 8px; padding: 0 12px 4px; scrollbar-width: none; }
  .mbw .filters::-webkit-scrollbar { display: none; }
  .mbw .filters button { flex: none; gap: 5px; padding: 7px 12px; border: 1px solid var(--rule); border-radius: 999px; font-size: 12.5px; }
  .mbw .filters button b { min-width: 0; padding: 0; background: none; }
  .mbw #rows { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: 14px; }
  .mbw .qrow { margin: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
  .mbw .qrow:last-child { border-bottom: 0; }
  .mbw .qrow.sel { background: var(--tint); box-shadow: none; }
  .mbw .today { margin: 12px 0 0; padding: 12px 14px; background: var(--white); border: 1px solid var(--line); border-radius: 14px; }
  .mbw .reset { width: 100%; margin-top: 10px; }
  /* the case head */
  .mbw .ftab { display: none; }
  .mbw .fhead { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 10px; padding: 14px 14px 12px; }
  .mbw .fmain { display: contents; }
  .mbw .fav { grid-column: 1; width: 40px; height: 40px; border-radius: 10px; font-size: 13px; }
  .mbw .fmain > div:nth-child(2) { grid-column: 2; min-width: 0; }
  .mbw .fmain h1 { font: 600 20px/1.15 var(--serif); }
  .mbw .fmain .sub { font-size: 12.5px; }
  .mbw .ffacts { grid-column: 1 / -1; order: 2; grid-template-columns: 1fr 1fr; gap: 0 12px; margin-top: 12px; padding-top: 4px; }
  .mbw .ffacts div:nth-child(n) { padding: 8px 0; border: 0; }
  .mbw .ffacts div:nth-child(n+5) { display: none; }
  .mbw .fstat { grid-column: 1 / -1; order: 3; display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--line); text-align: left; }
  .mbw .fstat small { margin: 0; }
  /* the stages strip, scrolling sideways */
  .mbw .stages { display: flex; gap: 0; overflow-x: auto; padding: 12px 10px; scrollbar-width: none; }
  .mbw .stages::-webkit-scrollbar { display: none; }
  .mbw .sg { flex: none; width: 76px; padding: 0; font-size: 10.5px; line-height: 1.2; }
  .mbw .sg:before { left: 50%; right: -50%; width: auto; top: 11px; }
  .mbw .sg:last-child:before { display: none; }
  .mbw .sg .d { width: 22px; height: 22px; margin: 0 auto 5px; font-size: 10px; }
  .mbw .sg b { display: block; font-size: 10.5px; }
  /* the agent card */
  .mbw .agent { flex-wrap: wrap; gap: 10px; padding: 14px; }
  .mbw .agent .ai-ic { display: none; }
  .mbw .agent.done .ai-ic { display: grid; width: 44px; height: 44px; border-radius: 50%; }
  .mbw .agent > div { flex: 1 1 100%; min-width: 0; }
  .mbw .agent h3 { margin: 0 0 4px; font: 600 16px var(--serif); }
  .mbw .agent.done h3 { font: 600 20px/1.2 var(--serif); }
  .mbw .agent p { font-size: 12.5px; }
  .mbw .agent .meta { gap: 6px; }
  .mbw .tagm { padding: 3px 8px; font-size: 11px; }
  .mbw .startbtn, .mbw .gotodec { width: 100%; height: 48px; margin: 0; border-radius: 12px; font-size: 15px; justify-content: center; }
  .mbw .agent .prog { width: 100%; }
  .mbw .done3 { margin: 8px 0 12px; padding: 0; list-style: none; }
  .mbw .done3 li { padding: 6px 0; border-top: 1px solid var(--line); font-size: 13px; }
  .mbw .links { flex-direction: column; width: 100%; gap: 8px; }
  .mbw .lk { display: flex; justify-content: space-between; padding: 12px 14px; border-radius: 12px; font-size: 14px; }
  .mbw .replay-ph { display: block; width: 100%; margin-top: 10px; padding: 8px; background: none; border: 0; color: var(--muted); font-size: 13px; text-decoration: underline; }
  /* the mid-run check: a short sheet with two buttons (rule 3) */
  .mbw .chkcard .ck { font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--human); font-weight: 600; }
  .mbw .chkcard h3 { margin: 8px 0 12px; font: 600 17px/1.3 var(--serif); }
  .mbw .chkopts { display: flex; flex-direction: column; gap: 8px; }
  .mbw .cbtn { width: 100%; padding: 13px 14px; border-radius: 12px; font-size: 14px; text-align: left; }
  .mbw[data-sheet="check"] .chkcard { position: fixed; left: 0; right: 0; bottom: 0; z-index: 51; display: block; max-height: 88vh; overflow: auto; margin: 0; padding: 10px 16px calc(18px + env(safe-area-inset-bottom)); border: 0; border-radius: 18px 18px 0 0; box-shadow: 0 -12px 40px rgba(20,33,61,.25); }
  .mbw[data-sheet="check"] .chkcard::before, .mbw[data-sheet="decision"] .decision.open::before { content: ""; display: block; flex: none; align-self: center; width: 38px; height: 4px; margin: 0 auto 12px; border-radius: 2px; background: var(--rule); }
  .mbw[data-sheet="check"] .chkcard .prog { display: none; }
  /* finished: one result card, the run and the case file folded */
  .mbw[data-fin] .ffacts, .mbw[data-fin] .stages, .mbw[data-fin] .fmain .sub { display: none; }
  .mbw[data-fin] .agent.done { padding: 18px 16px 16px; }
  .mbw .rh .fn { margin-left: auto; color: var(--pri); font: 600 12px var(--sans); }
  .mbw .rh .fn u { text-decoration: none; cursor: pointer; }
  .mbw[data-fin] .rh .fn, .mbw[data-idle] .rh .fn { display: inline; }
  .mbw .rh .replay { display: none; }
  .mbw[data-idle]:not([data-runopen]) .runcol .run #steps { display: none; }
  .mbw[data-fin] .runcol .run .lane, .mbw[data-fin] .runcol .run .aicount, .mbw[data-fin] .runcol .run .pbar, .mbw[data-fin] .runcol .run .fd-line { display: none; }
  .mbw[data-fin]:not([data-runopen]) .runcol .run #steps { display: none; }
  .mbw[data-fin] .foldbar { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 0 12px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); color: var(--ink); font: 600 16px var(--serif); text-align: left; }
  .mbw .foldbar span { color: var(--pri); font: 600 12px var(--sans); }
  .mbw[data-fin]:not([data-tabsopen]) .ptabs, .mbw[data-fin]:not([data-tabsopen]) [data-panel] { display: none; }
  /* the case file behind four tabs */
  .mbw .ptabs { position: sticky; top: 82px; z-index: 20; display: flex; gap: 4px; margin: 0 0 12px; padding: 0 4px; background: var(--surface); border-bottom: 1px solid var(--line); }
  .mbw .ptabs button { flex: 1; padding: 9px 2px 10px; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: none; color: var(--muted); font-size: 12.5px; font-weight: 600; }
  .mbw .ptabs button.on { color: var(--deep); border-bottom-color: var(--pri); }
  .mbw [data-panel] { display: none; }
  .mbw[data-ptab="ev"] [data-panel="ev"], .mbw[data-ptab="rules"] [data-panel="rules"], .mbw[data-ptab="ai"] [data-panel="ai"], .mbw[data-ptab="log"] [data-panel="log"] { display: block; }
  .mbw[data-view="queue"] .file [data-panel], .mbw[data-view="queue"] .runcol [data-panel] { display: none; }
  .mbw .ph { padding: 12px 14px; }
  .mbw .ph h3 { font-size: 15px; }
  .mbw #evCard table, .mbw #evCard tbody, .mbw #evCard tr, .mbw #evCard td { display: block; width: auto; }
  .mbw #evCard thead { display: none; }
  .mbw #evCard tr { padding: 11px 14px; border-bottom: 1px solid var(--line); }
  .mbw #evCard tr:last-child { border-bottom: 0; }
  .mbw #evCard td { padding: 0; border: 0; }
  .mbw #evCard td.doc { font-weight: 600; font-size: 13.5px; }
  .mbw #evCard td.doc small { display: block; color: var(--muted); font-size: 11.5px; font-weight: 400; }
  .mbw #evCard td.ver { margin-top: 2px; color: var(--ink-2); font-size: 12.5px; }
  .mbw #evCard td.by { margin-top: 4px; font-size: 11px; }
  .mbw #evCard td.op { display: flex; gap: 8px; margin-top: 8px; }
  .mbw #evCard tr.drawer { padding: 0 14px 10px; }
  .mbw .drawer iframe { width: 100%; height: 360px; }
  .mbw .rgrid { grid-template-columns: 1fr; gap: 0; padding: 6px 14px; }
  .mbw .rgrid > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
  .mbw .rgrid > div span { color: var(--muted); font-size: 12.5px; }
  .mbw .rgrid b { font-size: 15px; }
  .mbw .rgrid small { display: none; }
  .mbw .range, .mbw .rnote, .mbw .src { margin: 8px 14px; padding: 0; }
  .mbw .rnote { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; }
  .mbw .reasons { grid-template-columns: 1fr; gap: 8px; padding: 10px 14px 4px; }
  .mbw .rec, .mbw .risk, .mbw .aimeta { padding: 10px 14px; }
  .mbw .aimeta { flex-wrap: wrap; gap: 6px 12px; font-size: 12px; }
  /* the run feed */
  .mbw .rh { padding: 12px 14px 8px; }
  .mbw .rh h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; font: 600 16px var(--serif); }
  .mbw .rh .lane, .mbw .rh .aicount { font-size: 12px; }
  .mbw .stg-h { padding: 10px 14px 4px; font-size: 10.5px; }
  .mbw .stp { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 2px 10px; padding: 8px 14px 8px 16px; }
  .mbw .stp .ic { grid-row: 1 / 3; margin-top: 2px; }
  .mbw .stp .nm, .mbw .stp .bd, .mbw .stp .rs { grid-column: 2; }
  .mbw .stp .nm { font-size: 14px; font-weight: 600; }
  .mbw .stp .bd { font-size: 11px; }
  .mbw .stp .rs { font-size: 12.5px; }
  .mbw .gev { grid-column: 2; margin-left: 32px; font-size: 11.5px; }
  .mbw .raw { font-size: 10.5px; }
  .mbw .log ol { padding: 8px 14px; font-size: 11px; }
  .mbw .lh { padding: 12px 14px 6px; }
  /* the decision: a bottom sheet in three steps (rule 3); the bar that opens it */
  .mbw .decision { display: none; }
  .mbw .bbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96); border-top: 1px solid var(--line); }
  .mbw:not([data-sheet]) .bbar { display: block; }
  .mbw .bbar button { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 50px; padding: 0 16px; border: 0; border-radius: 12px; background: var(--human); color: #fff; font-weight: 600; font-size: 15px; }
  .mbw .bbar button small { font-weight: 500; font-size: 12px; opacity: .9; }
  .mbw .bbar ~ footer { padding-bottom: 96px; }
  .mbw[data-sheet] .scrim { display: block; position: fixed; inset: 0; z-index: 50; background: rgba(20,33,61,.45); }
  .mbw[data-sheet="decision"] .decision.open { display: flex; flex-direction: column; position: fixed; left: 0; right: 0; bottom: 0; z-index: 51; max-height: 88vh; overflow: auto; margin: 0; padding: 10px 16px calc(18px + env(safe-area-inset-bottom)); border: 0; border-radius: 18px 18px 0 0; box-shadow: 0 -12px 40px rgba(20,33,61,.25); }
  .mbw[data-sheet="decision"] .decision .dh { display: none; }
  .mbw[data-sheet="decision"] .decision .shead { display: flex; align-items: center; gap: 8px; color: var(--human); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; white-space: nowrap; }
  .mbw .shead .k { display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .mbw .shead .k i { display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--human-bg); font-style: normal; font-size: 11px; }
  .mbw .shead .stepn { margin-left: auto; color: var(--muted); font-weight: 500; font-size: 12px; letter-spacing: 0; text-transform: none; }
  .mbw[data-sheet="decision"] .decision .dots { display: flex; gap: 6px; margin: 10px 0 12px; }
  .mbw .dots i { flex: 1; height: 4px; border-radius: 2px; background: var(--line); }
  .mbw .dots i.on { background: var(--human); }
  .mbw[data-sheet="decision"] .decision .opts, .mbw[data-sheet="decision"] .decision .docpick, .mbw[data-sheet="decision"] .decision .reason, .mbw[data-sheet="decision"] .decision .dfoot, .mbw[data-sheet="decision"] .decision .recorded { display: none; }
  .mbw[data-sheet="decision"] .decision[data-dstep="1"] .opts { display: grid; }
  .mbw[data-sheet="decision"] .decision[data-dstep="1"] .docpick { display: block; }
  .mbw[data-sheet="decision"] .decision[data-dstep="2"] .reason { display: block; }
  .mbw[data-sheet="decision"] .decision[data-dstep="3"] .dsum { display: block; }
  .mbw[data-sheet="decision"] .decision[data-dstep="3"] .dfoot { display: flex; }
  .mbw[data-sheet="decision"] .decision .dnav { display: flex; gap: 8px; margin-top: 14px; }
  .mbw .decision[data-dstep="1"] .dnav .nb.back, .mbw .decision[data-dstep="3"] .dnav .nb.next { display: none; }
  .mbw .nb { flex: 1; height: 50px; border: 1.5px solid var(--rule); border-radius: 12px; background: #fff; color: var(--ink); font-weight: 600; font-size: 15px; }
  .mbw .nb.next { flex: 2; background: var(--pri); border-color: var(--pri); color: #fff; }
  .mbw .nb:disabled { background: var(--line); border-color: var(--line); color: var(--muted); }
  .mbw .opts { grid-template-columns: 1fr; gap: 8px; padding: 0; }
  .mbw .opt { padding: 11px 12px 11px 40px; border-radius: 12px; }
  .mbw .opt:before { left: 13px; top: 14px; }
  .mbw .opt .kb { display: inline-block; margin: 0 0 3px; }
  .mbw .docpick { padding: 8px 0 0; }
  .mbw .reason { margin: 0; padding: 0; }
  .mbw .reason label { font-size: 12px; }
  .mbw .reason textarea { min-height: 56px; border-radius: 12px; }
  .mbw .quick { flex-wrap: wrap; gap: 8px; margin-top: 8px; }
  .mbw .quick button { padding: 10px 12px; border-radius: 12px; font-size: 13.5px; }
  .mbw .dsum { order: 4; }
  .mbw .dfoot { order: 5; }
  .mbw .dnav { order: 6; }
  .mbw .dsum { padding: 12px 14px; border: 1px solid var(--tint-line); border-radius: 12px; background: var(--tint); }
  .mbw .dsum .row { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; font-size: 13.5px; }
  .mbw .dsum .row span { color: var(--muted); }
  .mbw .dsum .row b { max-width: 62%; text-align: right; font-weight: 600; }
  .mbw .dsum .row.big b { font: 600 17px var(--serif); color: var(--deep); }
  .mbw .dsum b.soft { font-weight: 500; color: var(--ink-2); }
  .mbw .dfoot { flex-direction: column; align-items: stretch; gap: 10px; margin: 0; padding: 12px 0 0; border: 0; }
  .mbw .dfoot .four { font-size: 11.5px; }
  .mbw .commit { width: 100%; height: 50px; border-radius: 12px; font-size: 15px; background: var(--human); border-color: var(--human); }
  /* footer */
  .mbw footer { display: block; padding: 14px 14px 10px; font-size: 10.5px; line-height: 1.5; }
  .mbw footer div { margin: 0 0 6px; }
}