/* Parts of the drawn Chunkbase app that every page shares: the homepage hero, the tiles and the
   product pages. Change them here, never on one page, so the app looks the same everywhere.
   They follow the Paper boards Rohan selected on 13 October (Recorder · Client page and Fact Find). */

/* The source mark: a document and the number of sources. Brown, like every proposed value, never a blue chip. */
.src-mark{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font:inherit;font-size:12px;line-height:16px;padding:2px 7px;border:0;border-radius:5px;background:#fff0d7;color:#875607;white-space:nowrap;cursor:pointer;transition:background-color 180ms cubic-bezier(.23,1,.32,1),color 180ms cubic-bezier(.23,1,.32,1)}
.src-mark svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.src-mark:hover,.src-mark[aria-expanded=true],.src-mark.lit{background:#875607;color:#fff}
.src-mark:focus-visible{outline:2px solid #875607;outline-offset:2px}

/* The fact-find side list, grouped as in the product: People, Work and money, Plans. */
.fact-nav>.fact-group{min-height:0;padding:16px 10px 4px;font-family:'Geist Mono','Geist Mono Fallback',ui-monospace,monospace;font-size:11px;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:#8b8a85}
.fact-nav>.fact-group:first-child{padding-top:4px}
.fact-nav>strong{display:flex;justify-content:space-between;gap:8px;white-space:nowrap}

/* ---------- The whole app, for product pages ----------
   The same frame as the homepage hero: sidebar, case header and tabs, built at 1180 px and scaled
   as one object (fact-find.js sets --cb-k). Values match styles.css so the two read as one app. */
.cb-scale{position:relative;width:100%;height:calc(var(--cb-vis,610px) * var(--cb-k,1))}
/* Where the browser can, CSS works out the scale from the slot's width before the first frame, so
   the app never draws at full size and then shrinks. tan(atan2()) turns the width ratio into a number. */
@supports (width:calc(1px * tan(atan2(1px,1px)))){
  .cb-scale{container-type:inline-size;height:auto}
  .cb-scale::before{content:'';display:block;height:calc(var(--cb-vis,610px) * min(1,tan(atan2(100cqw,1180px))))}
  .cb-scale>.cb-app{transform:scale(min(1,tan(atan2(100cqw,1180px))))}
}
.cb-app{position:absolute;left:0;top:0;width:1180px;height:700px;display:flex;transform:scale(var(--cb-k,1));transform-origin:top left;background:linear-gradient(125deg,#dceafa,#e9e4f7);border-radius:14px 14px 0 0;color:#37352f;font-family:Geist,'Geist Fallback',sans-serif;font-size:16px;line-height:24px;box-shadow:0 30px 80px #0b2c5a55;overflow:hidden;text-align:left}
.cb-side{width:224px;padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}
.cb-brand{font-weight:650;font-size:15px;padding:8px 10px}
.cb-nav{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.cb-nav span{display:flex;align-items:center;gap:10px;height:36px;padding:9px 10px;border-radius:7px;font-size:14px;font-weight:500}
.cb-nav span.sel{background:#ffffffdf;box-shadow:0 1px 2px #27344e0a}
.cb-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.cb-adviser{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:14px}
.cb-avatar{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #e7e7e3;font-size:11px;display:flex;align-items:center;justify-content:center}
.cb-work{position:relative;flex:1;min-width:0;margin:8px 8px 0 0;border-radius:10px 10px 0 0;background:#fff;overflow:hidden}
.cb-head{padding:22px 26px 0}
.cb-crumb{color:#66645e;font-size:14px}
.cb-title{display:flex;justify-content:space-between;align-items:center;margin:12px 0 16px}
.cb-title h2{font-family:'Inter Tight','Inter Tight Fallback',sans-serif;font-size:28px;line-height:35px;letter-spacing:-.02em;font-weight:500;margin:0;color:#37352f}
.cb-askbtn{background:#f6f7f9;padding:7px 12px;border-radius:7px;font-size:14px}
.cb-tabs{display:flex;gap:26px;border-bottom:1px solid #e8e7e4;color:#66645e;font-size:15px;height:40px}
.cb-tabs .on{color:#37352f;font-weight:600;border-bottom:2px solid #37352f;height:40px}
.cb-body{display:flex;padding:14px 26px 0}
.cb-body .fact-nav{width:230px;padding-right:18px}
.cb-body .fact-nav>span,.cb-body .fact-nav>strong{min-height:0;padding:8px 10px;border-radius:8px;display:flex;justify-content:space-between;white-space:nowrap;font-weight:400;transition:background-color .2s}
.cb-body .fact-nav>.on{background:#f3f3f1;font-weight:500}
.cb-body .fact-nav i{font-style:normal;color:#875607;font-size:13px;opacity:0;transition:opacity .3s}
.cb-body .fact-nav i.show{opacity:1}
.cb-main{flex:1;min-width:0;position:relative}

/* The bar that says what is waiting. Brown, like everything still to decide. */
.cb-waiting{display:flex;align-items:center;gap:10px;background:#fff0d7;color:#875607;font-size:14px;line-height:20px;padding:9px 14px;border-radius:8px}
.cb-waiting b{font-weight:600}

/* Fact rows: label and value; a proposed value is brown until someone OKs it. */
.cb-view{display:none}.cb-view.on{display:block;animation:cb-in .28s cubic-bezier(.23,1,.32,1)}
@keyframes cb-in{from{opacity:0;transform:translateY(6px);filter:blur(3px)}}
.cb-view h3{font-size:22px;line-height:30px;font-weight:500;margin:18px 0 10px;color:#37352f}
.cb-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cb-cols h4{font-size:15px;font-weight:500;margin:0;padding-bottom:10px;border-bottom:1px solid #e8e7e4}
.cb-row{display:grid;grid-template-columns:170px 1fr;align-items:center;min-height:46px;border-bottom:1px solid #e8e7e4;font-size:15px;margin:0}
.cb-cols .cb-row{grid-template-columns:1fr;min-height:0;padding:9px 0}
.cb-row dt{color:#66645e;font-size:14px}
.cb-row dd{margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px}
.cb-row.prop dd{color:#875607}
.cb-row.prop dd em{font-style:normal;background:#fff0d7;padding:1px 6px;border-radius:5px}
.cb-row.settled dd{color:#37352f}.cb-row.settled dd em{background:transparent;padding:0}
.cb-row.settled .src-mark{background:#f3f3f1;color:#66645e}
.cb-stream{opacity:0;transform:translateY(6px);filter:blur(3px);transition:opacity .2s,transform .2s cubic-bezier(.23,1,.32,1),filter .2s}
.cb-stream.show{opacity:1;transform:none;filter:none}

/* The source pane: every source for one fact, newest first, and the choice. */
.cb-pane{position:absolute;top:96px;right:0;width:400px;height:600px;background:#fff;border-left:1px solid #e8e7e4;box-shadow:-20px 0 50px #15385b1f;transform:translateX(105%);transition:transform .35s cubic-bezier(.23,1,.32,1);font-size:14px;line-height:21px}
.cb-pane.open{transform:none}
.cb-pane header{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e8e7e4;font-weight:500}
.cb-src{padding:14px 18px;border-bottom:1px solid #e8e7e4}
.cb-src>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.cb-src b{font-size:18px;font-weight:500}
.cb-src span{color:#8b8a85;font-size:12px;white-space:nowrap}
.cb-src blockquote{margin:8px 0 0;padding-left:10px;border-left:2px solid #e8e7e4;color:#55534d}
.cb-pick{padding:14px 18px}
.cb-pick p{color:#875607;margin:0 0 10px}
.cb-btn{display:inline-flex;font:inherit;font-size:14px;line-height:20px;background:#fff;color:#37352f;border:1px solid #e0e2e5;border-radius:8px;padding:6px 12px;transition:background-color .15s,color .15s,transform .15s}
.cb-btn.pressed{background:#37352f;color:#fff;border-color:#37352f;transform:scale(.97)}

/* Cursors. The agent's is blue and says what it is doing; the adviser's is plain. */
.cb-cur{position:absolute;left:0;top:0;z-index:20;pointer-events:none;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .3s}
.cb-cur svg{width:22px;height:22px;display:block}
.cb-cur .tag{position:absolute;left:16px;top:18px;white-space:nowrap;border-radius:8px;padding:5px 9px;font-size:13px;line-height:17px}
.cb-cur.agent .tag{background:#0845a7;color:#fff}
.cb-cur.agent .tag small{display:block;opacity:.85;font-size:12px}
.cb-cur.person .tag{background:#fff;color:#37352f;box-shadow:0 2px 10px #0003}
.cb-cur.click svg{animation:cb-click .25s}
@keyframes cb-click{50%{transform:scale(.82)}}
@media (prefers-reduced-motion:reduce){.cb-cur{display:none}.cb-view.on,.cb-stream{animation:none;transition:none}}

/* ---------- Ask Chunkbase ----------
   As designed in Paper (Chunkbase Recorder · Ask v2 · Selected 13 Oct): a small grey header line,
   Priya's words in a blue pill, the steps folding into one line, prose replies, one Sources pill at
   the end, cards for drafts and changes, and a quiet composer. Never blue links. */
.cb-ask{width:420px;flex-shrink:0;margin:8px 8px 0 0;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 0 0 1px #ecedef,0 1px 2px #1f21240d;display:flex;flex-direction:column;overflow:hidden;color:#1f2124}
.cb-askhead,.ask-head{padding:14px 18px 0;color:#9a9da3;font-size:12px;line-height:16px}
.cb-thread{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:18px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 48px);mask-image:linear-gradient(180deg,transparent 0,#000 48px)}
.cb-q{align-self:flex-end;max-width:86%;margin:0;padding:10px 16px;border-radius:20px;background:#315cff;color:#fff;font-size:14px;line-height:21px}
.cb-work-line{display:flex;align-items:center;gap:7px;min-height:22px;font-size:13.5px;line-height:18px;color:#62656b;font-weight:500}
.cb-work-line svg{width:14px;height:14px;flex-shrink:0}
.cb-work-line small{font-size:12.5px;font-weight:400;color:#9a9da3}
.cb-steps{display:flex;flex-direction:column;gap:8px;margin:0 0 0 6px;padding:2px 0 2px 16px;list-style:none;border-left:1px solid #e0e2e5;font-size:13.5px;line-height:18px;color:#62656b}
.cb-steps li{display:flex;align-items:center;gap:8px}
.cb-steps li::before{content:'';width:11px;height:11px;flex-shrink:0;border-radius:50%;border:1.5px solid #d0d2d6;border-top-color:#62656b;animation:cb-spin .8s linear infinite}
.cb-steps li.done::before{border:0;animation:none;background:center/11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9da3' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
.cb-steps li b{font-weight:400;font-size:12px;line-height:16px;padding:1px 6px;border-radius:5px;background:#f1f2f4;color:#62656b}
@keyframes cb-spin{to{transform:rotate(360deg)}}
.cb-a{display:flex;flex-direction:column;gap:10px}
.cb-a p{margin:0;font-size:14px;line-height:22px;color:#1f2124}
.cb-srcpill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #e0e2e5,0 1px 2px #1f21240f;font-size:12px;font-weight:500;color:#1f2124;transition:background-color .15s}
.cb-srcpill i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:-4px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #e0e2e5}
.cb-srcpill i::before{content:'';width:9px;height:11px;border:1.6px solid #62656b;border-radius:2px}
.cb-srcpill.lit{background:#f1f2f4}
/* Cards in the reply: a fact change, a draft, a document. */
.cb-card{border-radius:14px;background:#fff;box-shadow:0 0 0 1px #ecedef,0 1px 2px #1f21240d;overflow:hidden;font-size:13.5px;line-height:20px}
.cb-card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #ecedef;font-weight:600;color:#1f2124}
.cb-card-head small{font-weight:400;color:#9a9da3;font-size:12.5px}
.cb-card-row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 16px;border-bottom:1px solid #f1f2f4}
.cb-card-row span:first-child{color:#62656b}
.cb-card-row small{display:block;color:#9a9da3;font-size:12px}
.cb-card-body{padding:10px 16px 14px;color:#1f2124}
.cb-card-body p{margin:0 0 8px}
.cb-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 16px;color:#62656b;font-size:12.5px}
.cb-card-foot div{display:flex;gap:6px}
.cb-pbtn{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;font-size:13px;box-shadow:0 0 0 1px #e0e2e5;background:#fff;color:#1f2124;white-space:nowrap;transition:transform .15s,background-color .15s}
.cb-pbtn.go{background:#315cff;color:#fff;box-shadow:none}
.cb-pbtn.pressed{transform:scale(.96)}
.cb-attach{display:flex;align-items:center;gap:10px;margin:2px 16px 12px;padding:8px 10px;border-radius:10px;background:#f6f7f9;box-shadow:0 0 0 1px #ecedef}
.cb-attach i{display:flex;align-items:center;justify-content:center;width:30px;height:34px;border-radius:5px;background:#fde8e6;color:#b4362b;font-style:normal;font-size:9px;font-weight:700}
.cb-attach small{display:block;color:#9a9da3;font-size:12px}
.cb-doc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;box-shadow:0 0 0 1px #ecedef,0 1px 2px #1f21240d;font-size:13.5px}
.cb-doc b{font-weight:500}.cb-doc small{display:block;color:#9a9da3;font-size:12px}
.cb-composer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin:0 18px 18px;padding:8px 8px 8px 16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #ecedef,0 1px 2px #1f21240d;font-size:14px;line-height:20px;color:#9a9da3}
.cb-composer.live{color:#1f2124}
.cb-send{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:999px;background:#e0e2e5;transition:background-color .15s}
.cb-composer.live .cb-send{background:#1f2124}
.cb-send svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cb-hidden{display:none !important}

/* ---------- The letter ----------
   A document, not a card: pages of serif text on paper, one after another, with the open
   paragraphs in brown for the adviser to write. */
.cb-doc-view{position:absolute;inset:149px 0 0 0;overflow:hidden;background:#f3f1ec}
.cb-doc-view .cb-pages{padding-top:62px}
.cb-pages{display:flex;flex-direction:column;align-items:center;gap:18px;padding:22px 0 60px;transition:transform 1.2s cubic-bezier(.65,0,.35,1)}
.cb-page{position:relative;width:640px;min-height:820px;padding:44px 52px;background:#fffdf8;color:#2b2a27;box-shadow:0 1px 3px #0000001a,0 10px 30px #0000000f;font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:22px}
.cb-page p{margin:0 0 11px}
.cb-page .lh{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:18px;border-bottom:1px solid #ece6d8;font-family:Geist,'Geist Fallback',sans-serif;font-size:11px;line-height:16px;color:#6b6e75}
.cb-page .lh span:first-child{color:#1d1c1a;font-weight:600}
.cb-page h4{font-size:19px;line-height:26px;font-weight:400;margin:0 0 14px;color:#1d1c1a}
.cb-page h5{font-size:14px;font-weight:700;margin:16px 0 6px}
.cb-page .open{padding:9px 12px;background:#fff0d7;border-radius:6px;color:#5b3608;font-family:Geist,'Geist Fallback',sans-serif;font-size:13px;line-height:19px}
.cb-page .pno{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-family:Geist,'Geist Fallback',sans-serif;font-size:11px;color:#9a978f}
.cb-page .fig{background:#fff0d7;border-radius:3px;padding:0 3px}
.cb-page .src-mark{font-family:Geist,'Geist Fallback',sans-serif;vertical-align:1px;margin-left:3px}
.cb-write{opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s cubic-bezier(.23,1,.32,1)}
.cb-write.show{opacity:1;transform:none}
.cb-docbar{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 26px;background:#fffffff2;border-bottom:1px solid #e8e7e4;font-size:13px;color:#66645e;z-index:2}
.cb-docbar b{color:#875607;font-weight:500}
.cb-pop{position:absolute;z-index:6;width:300px;padding:14px 16px;border-radius:10px;background:#fff;box-shadow:0 14px 50px #15385b3d;font-family:Geist,'Geist Fallback',sans-serif;font-size:13px;line-height:19px;color:#37352f;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s cubic-bezier(.23,1,.32,1);pointer-events:none}
.cb-pop.open{opacity:1;transform:none}
.cb-pop small{display:block;color:#74736e;margin-bottom:6px}
.cb-pop blockquote{margin:0;font-size:15px;line-height:22px}
@media (prefers-reduced-motion:reduce){.cb-write{opacity:1;transform:none;transition:none}.cb-pages{transition:none}.cb-steps li::before{animation:none}}
/* With Ask open, the case narrows: a shorter side list in smaller type, as on the homepage. */
.cb-app.ask-open .cb-body .fact-nav{width:150px;padding-right:10px;font-size:13px}
.cb-app.ask-open .cb-row{grid-template-columns:180px 1fr;font-size:14px}
/* One Ask pane: header line, thread, composer. Used in the app and on its own. */
.cb-askpane{display:flex;flex-direction:column;height:100%;min-height:0}
.cb-arrive{animation:cb-in .3s cubic-bezier(.23,1,.32,1)}
.cb-card-foot.done{color:#1f2124;font-weight:500}
/* Letter details from the Paper letters: a quiet draft line, sans headings, and the note box
   that floats under selected words like a comment in a document. It never moves the text. */
.cb-page .dl{margin:-8px 0 16px;font-family:Geist,'Geist Fallback',sans-serif;font-size:11px;color:#9a978f}
.cb-page h5{font-family:Geist,'Geist Fallback',sans-serif;font-size:14px;font-weight:600;color:#1d1c1a;margin:18px 0 6px}
.sel{border-radius:2px;transition:background-color .2s}
.sel.on{background:#cfe0ff}
.sel.changed{animation:cb-changed 2.6s ease-out}
@keyframes cb-changed{0%,40%{background:#fff0d7}100%{background:transparent}}
.cb-note{position:absolute;z-index:5;width:340px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ecedef,0 12px 40px #1f212426;font-family:Geist,'Geist Fallback',sans-serif;font-size:13.5px;line-height:20px;color:#1f2124;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s cubic-bezier(.23,1,.32,1);pointer-events:none}
.cb-note.open{opacity:1;transform:none}
.cb-note-head{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #ecedef;color:#62656b;font-size:12.5px}
.cb-note-field{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:8px 8px 8px 12px}
.cb-note-field [data-typed]:empty::before{content:'Say what to change…';color:#9a9da3}
.cb-note.busy [data-typed]{color:#9a9da3}
.cb-note-send{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:999px;background:#1f2124}
.cb-note-send svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cb-docbar>span:last-child{color:#9a9da3}
/* Every page is a real A4 page: 210 x 297 mm drawn at 640 x 905 px, with 25 mm margins (76 px) at
   the sides. Body text is 11 pt at that scale. Running head in the top margin, page number in the
   bottom one. Text fills each page; the page never grows or shrinks. */
.cb-page{width:640px;height:905px;min-height:0;flex-shrink:0;overflow:hidden;padding:84px 76px 80px;font-size:12px;line-height:19px;color:#25241f}
.cb-page .lh{position:absolute;left:76px;right:76px;top:36px;margin:0;padding:0 0 8px;font-size:9.5px;line-height:13px}
.cb-page .pno{bottom:34px;font-size:9.5px;color:#8f8b82}
.cb-page p{margin:0 0 9px;text-align:left;hyphens:auto}
.cb-page h4{font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px;font-family:Georgia,'Times New Roman',serif}
.cb-page h5{font-family:Georgia,'Times New Roman',serif;font-size:13.5px;line-height:19px;font-weight:700;margin:16px 0 6px;color:#1d1c1a}
.cb-page h6{font-family:Georgia,'Times New Roman',serif;font-size:12px;font-weight:700;font-style:italic;margin:12px 0 4px}
.cb-page .dl{margin:0 0 22px;font-family:Geist,'Geist Fallback',sans-serif;font-size:10px;line-height:14px;color:#8f8b82}
.cb-page .addr{margin:0 0 18px;font-size:11.5px;line-height:17px}
.cb-page ul{margin:0 0 10px;padding-left:18px}
.cb-page li{margin:0 0 4px}
.cb-page table{width:100%;border-collapse:collapse;margin:4px 0 12px;font-size:11.5px;line-height:17px}
.cb-page th{text-align:left;font-weight:700;border-bottom:1px solid #1d1c1a;padding:4px 6px 4px 0}
.cb-page td{border-bottom:1px solid #e4ded0;padding:4px 6px 4px 0;vertical-align:top}
.cb-page td:last-child,.cb-page th:last-child{text-align:right;padding-right:0}
.cb-page .box{margin:4px 0 12px;padding:10px 12px;border:1px solid #e4ded0;background:#fbf8f0}
.cb-pages{gap:24px}
.cb-page .box td:last-child{text-align:left}
.cb-page .box td:first-child{width:96px;white-space:nowrap}
.cb-page .box tr:last-child td{border-bottom:0}
.cb-docbar{background:#fff}
/* Source icons in the Sources pill: a page with a folded corner, as in Paper. */
.cb-srcpill i{background:#fff center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2362656b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E")}
.cb-srcpill i::before{content:none}
.cb-srcpill i{margin-right:0}
.cb-srcpill i+i{margin-left:-7px}
.cb-srcpill{gap:6px;padding-left:4px}