/* ix-kit.css: the shared look of the rebuilt interactives (every book). Inter, stone neutrals, white cards, the
   book's colour (--acc, deep --deep, tints --t1 --t2) for the one thing that matters. */
.ix [hidden]{display:none!important}
.ix-check{margin:14px 0 0;font-size:13.5px;line-height:1.55;color:#57534E}
.ix-check b{color:var(--ink)}
.ix-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ix-act{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;align-items:center}
.ix-btn:disabled{opacity:.45;cursor:not-allowed}
.ix-btn svg{width:14px;height:14px}
.ix-muted{color:#78716C}
/* slider */
.ix-sl{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px 10px;margin:0 0 14px}
.ix-sl-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
.ix-sl-h label{font-size:14px;font-weight:600;color:#292524}
.ix-sl-v{font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ix-sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0}
.ix-sl input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--acc) var(--p,0%),#E7E5E4 var(--p,0%))}
.ix-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--deep);margin-top:-7px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ix-sl input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:#E7E5E4}
.ix-sl input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--acc)}
.ix-sl input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--deep)}
.ix-sl-s{display:flex;justify-content:space-between;font-size:12px;color:#78716C;margin-top:2px;font-variant-numeric:tabular-nums}
/* small motions */
.ix-pop{animation:ixPop .45s cubic-bezier(.22,1,.36,1)}
@keyframes ixPop{0%{transform:scale(.97);opacity:.55}100%{transform:none;opacity:1}}
.ix-shake{animation:ixShake .42s ease}
@keyframes ixShake{0%,100%{transform:none}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
/* a stat card */
.ix-stats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px}
.ix-stat{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 13px}
.ix-stat .l{font-size:12.5px;font-weight:600;color:#57534E;margin:0}
.ix-stat .v{font-size:22px;font-weight:700;letter-spacing:-.01em;color:#1C1917;margin:2px 0 3px;font-variant-numeric:tabular-nums}
.ix-stat .n{font-size:13px;line-height:1.45;color:#57534E;margin:0}
.ix-stat.hot{border-color:var(--acc);box-shadow:0 0 0 3px var(--t2)}
.ix-stat.hot .v{color:var(--ink)}
/* lanes that fill (a value per row against a line) */
.ix-lanes{display:grid;gap:10px}
.ix-lane{display:grid;grid-template-columns:44px 150px minmax(0,1fr) 92px;gap:12px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}
.ix-lane.sel{border-color:var(--acc);box-shadow:0 0 0 3px var(--t2)}
.ix-lane .art{height:38px;display:grid;place-items:center;color:#3F3A35}
.ix-lane .art svg{height:36px;width:auto;max-width:44px}
.ix-lane.sel .art{color:var(--deep)}
.ix-lane .nm b{display:block;font-size:14px;font-weight:650;color:#1C1917}
.ix-lane .nm small{display:block;font-size:12.5px;color:#78716C}
.ix-trk{position:relative;height:26px;border-radius:8px;background:#F1EFEC;overflow:visible}
.ix-trk i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:#D6CFC7;transition:width .25s ease}
.ix-lane.past .ix-trk i{background:var(--acc)}
.ix-trk .half{position:absolute;left:50%;top:-5px;bottom:-5px;border-left:2px dashed #57534E}
.ix-lane .rd{text-align:right}
.ix-lane .rd b{display:block;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#1C1917}
.ix-tag{align-self:flex-start;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:99px;font-size:12px;font-weight:650;background:#F5F5F4;color:#57534E;white-space:nowrap}
.ix-tag.on{background:var(--deep);color:#fff}
.ix-tag.ok{background:#E7F3EC;color:#1E6B43}
.ix-tag.bad{background:#FBE9E9;color:#A32020}
.ix-lanehead{display:grid;grid-template-columns:44px 150px minmax(0,1fr) 92px;gap:12px;padding:0 12px;margin-bottom:-2px}
.ix-lanehead span:nth-child(3){position:relative;height:16px}
.ix-lanehead em{position:absolute;left:50%;transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:650;color:#44403C;white-space:nowrap}
/* a crowd of dots */
.ix-crowd{display:grid;grid-template-columns:repeat(25,1fr);gap:5px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px}
.ix-crowd i{aspect-ratio:1;border-radius:50%;background:#D6D3D1;transition:background .25s,box-shadow .25s}
.ix-crowd i.buy{background:var(--acc)}
.ix-crowd i.st{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--ink)}
.ix-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#57534E;margin:8px 2px 14px}
.ix-legend span{display:inline-flex;align-items:center;gap:6px}
.ix-legend i{width:11px;height:11px;border-radius:50%;background:#D6D3D1;display:inline-block}
.ix-legend i.buy{background:var(--acc)}.ix-legend i.st{background:#fff;box-shadow:0 0 0 2px var(--ink)}
/* toggle chips */
.ix-chips{display:flex;gap:8px;flex-wrap:wrap}
.ix-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 8px;border-radius:99px;border:1px solid #D6D3D1;background:#fff;font:600 13.5px Inter,sans-serif;color:#57534E;cursor:pointer}
.ix-chip svg{height:20px;width:auto}
.ix-chip.on{border-color:var(--deep);background:var(--t1);color:#1C1917}
.ix-chip.on svg{color:var(--deep)}
/* panels side by side */
.ix-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ix-panel{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px}
.ix-panel h4{margin:0 0 8px;font-size:14px;font-weight:650;color:#1C1917;display:flex;justify-content:space-between;gap:8px}
.ix-panel h4 span{font-weight:500;color:#78716C;font-size:12.5px}
.ix-item{font-size:13.5px;line-height:1.5;color:#292524;padding:8px 10px;border-radius:9px;background:#FAFAF9;border:1px solid #F0EEEB;margin-top:6px}
.ix-item small{display:block;color:#78716C;font-size:12px;margin-top:2px}
.ix-empty{font-size:13.5px;line-height:1.5;color:#78716C;padding:8px 2px}
/* a meter in pieces */
.ix-gauge{display:flex;align-items:center;gap:12px;margin:14px 0;flex-wrap:wrap}
.ix-gauge b{font-size:14px;color:#1C1917;font-weight:650}
.ix-segs{display:flex;gap:5px}
.ix-segs i{width:46px;height:10px;border-radius:99px;background:#E7E5E4;transition:background .3s}
.ix-segs i.on{background:var(--acc)}
/* ordering: slots and a pool of cards */
.ix-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.ix-slot{min-height:92px;border:1.5px dashed #D6D3D1;border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:6px;background:#FCFCFB}
.ix-slot .k{width:22px;height:22px;border-radius:50%;background:#F1EFEC;font-size:12px;font-weight:700;color:#57534E;display:grid;place-items:center}
.ix-slot.f{border:1px solid var(--acc);background:#fff;box-shadow:0 0 0 3px var(--t1)}
.ix-slot.f .k{background:var(--deep);color:#fff}
.ix-slot .tx{font-size:13px;line-height:1.35;font-weight:600;color:#1C1917}
.ix-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.ix-card-b{text-align:left;border:1px solid #D6D3D1;background:#fff;border-radius:11px;padding:10px 12px;font:550 13.5px/1.4 Inter,sans-serif;color:#1C1917;cursor:pointer;box-shadow:0 1px 2px rgba(20,24,35,.04);display:flex;gap:9px;align-items:center}
.ix-card-b:hover{border-color:var(--acc)}
.ix-card-b:disabled{opacity:.35;cursor:default;border-style:dashed}
.ix-card-b svg{flex:none;height:28px;width:auto;max-width:34px;color:#44403C}
.ix-msg{margin-top:12px}
.ix-msg.bad{border-left-color:#C2410C}
.ix-why{margin:8px 0 0;padding-left:18px;font-size:13.5px;line-height:1.55;color:#292524}
.ix-why li{margin:3px 0}
.ix-loop{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:650;color:var(--ink)}
/* the cost curve with a moving marker */
.ix-chart{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px 6px;margin-bottom:12px}
.ix-chart svg{display:block;width:100%;height:auto;font-family:Inter,sans-serif;overflow:visible}
.ix-stage{font-size:15px;font-weight:650;color:#1C1917;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.ix-people{display:flex;gap:2px;margin:4px 0 4px}
.ix-people svg{height:22px;width:auto;color:#D6D3D1;transition:color .25s}
.ix-people svg.on{color:var(--deep)}
/* sorting cards into two kinds */
.ix-sortgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ix-scard{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,box-shadow .2s}
.ix-scard .art{height:46px;display:flex;align-items:center;color:#3F3A35}
.ix-scard .art svg{height:44px;width:auto;max-width:70px}
.ix-scard b{font-size:14px;font-weight:650;color:#1C1917;line-height:1.3}
.ix-scard .firm{font-size:12.5px;color:#78716C;margin-top:-4px}
.ix-scard .ev{font-size:13px;line-height:1.45;color:#44403C;flex:1}
.ix-scard .ix-seg{width:100%;display:grid;grid-template-columns:1fr 1fr}
.ix-scard .ix-seg button{height:30px;padding:0 6px;font-size:12.5px}
.ix-scard.set{border-color:#A8A29E}
.ix-scard.right{border-color:#4E9B6E;box-shadow:0 0 0 3px #E7F3EC}
.ix-scard.wrong{border-color:#D46A6A;box-shadow:0 0 0 3px #FBE9E9}
.ix-scard .truth{font-size:13px;line-height:1.45;color:#1C1917;background:#FAFAF9;border-radius:8px;padding:8px 9px;border:1px solid #F0EEEB}
.ix-key{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.ix-key div{background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:9px 12px;font-size:13px;color:#57534E;line-height:1.45}
.ix-key b{display:block;font-size:14px;color:#1C1917}
/* a chat window and a file drawer */
.ix-agent{display:grid;grid-template-columns:1fr;gap:12px}
.ix-win{background:#fff;border:1px solid #E7E5E4;border-radius:14px;box-shadow:0 1px 2px rgba(20,24,35,.04),0 8px 24px rgba(20,24,35,.06);display:flex;flex-direction:column;height:470px}
.ix-win-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #F0EEEB;font-size:13.5px;font-weight:650;color:#1C1917}
.ix-win-h svg{height:22px;width:auto;color:var(--deep)}
.ix-win-h .sp{flex:1}
.ix-log{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.ix-bub{max-width:92%;font-size:13.5px;line-height:1.5;border-radius:12px;padding:9px 12px}
.ix-bub.ai{background:#F5F5F4;color:#1C1917;align-self:flex-start}
.ix-bub.me{background:var(--deep);color:#fff;align-self:flex-end}
.ix-bub.err{background:#FBE9E9;color:#7F1D1D;align-self:flex-start}
.ix-bub .eb{display:block;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--ink);margin-bottom:2px}
.ix-mchips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.ix-mchips span{font-size:11.5px;background:rgba(255,255,255,.18);border-radius:6px;padding:2px 6px}
.ix-stepl{font-size:12.5px;color:#78716C;display:flex;align-items:center;gap:7px;align-self:flex-start}
.ix-stepl::before{content:"";width:6px;height:6px;border-radius:50%;background:#A8A29E}
.ix-stepl.stop{color:#A32020}.ix-stepl.stop::before{background:#D46A6A}
.ix-scan{align-self:stretch;max-width:none;background:#fff;border:1px solid #E7E5E4}
.ix-scan .hd{font-weight:650;font-size:13px;margin-bottom:6px}
.ix-fl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid #F5F5F4;font-size:13px;line-height:1.45}
.ix-fl b{font-weight:650}
.ix-src{display:inline-flex;margin-left:4px;font-size:11.5px;font-weight:650;border-radius:6px;padding:1px 6px;background:var(--t2);color:var(--ink);white-space:nowrap}
.ix-src.no{background:#F5F5F4;color:#78716C;border:1px dashed #D6D3D1}
.ix-pin{margin-top:8px;font-size:13px;line-height:1.5;color:#292524}
.ix-notice{align-self:stretch;background:#FFFBEB;border:1px solid #F5E1A6;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.55;color:#3F2D05}
.ix-notice .eb{display:block;font-size:12px;font-weight:700;color:#7C5A06;margin-bottom:3px}
.ix-bound{align-self:stretch;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px;background:#FCFCFB}
.ix-bound .hd{display:grid;grid-template-columns:1fr 40px 1fr;font-size:12px;font-weight:650;color:#57534E;margin-bottom:4px}
.ix-brow{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;margin-top:4px}
.ix-brow span{font-size:12px;background:#fff;border:1px solid #E7E5E4;border-radius:7px;padding:3px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ix-brow.red span:last-child{border-color:#D46A6A;background:#FBE9E9;color:#7F1D1D}
.ix-brow svg{width:40px;height:14px}
.ix-comp{border-top:1px solid #F0EEEB;padding:10px 12px}
.ix-atts{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}
.ix-att{display:inline-flex;align-items:center;gap:5px;font-size:12px;background:#F5F5F4;border-radius:7px;padding:3px 4px 3px 8px}
.ix-att button{border:0;background:none;cursor:pointer;color:#78716C;font-size:14px;line-height:1;padding:0 3px}
.ix-ptxt{font-size:13.5px;color:#1C1917;line-height:1.45}
.ix-crow{display:flex;align-items:center;gap:10px;margin-top:8px}
.ix-meter{flex:1}
.ix-meter i{display:block;height:6px;border-radius:99px;background:#E7E5E4;overflow:hidden}
.ix-meter i b{display:block;height:100%;background:var(--acc);width:0;transition:width .3s}
.ix-meter.over i b{background:#D46A6A}
.ix-meter small{display:block;font-size:12px;color:#78716C;margin-top:3px;font-variant-numeric:tabular-nums}
.ix-meter.over small{color:#A32020}
.ix-send{width:36px;height:36px;border-radius:50%;border:0;background:var(--deep);color:#fff;font-size:18px;cursor:pointer}
.ix-send:disabled{opacity:.4}
.ix-drawer{background:#fff;border:1px solid #E7E5E4;border-radius:14px;padding:12px}
.ix-drawer .hd{font-size:13px;font-weight:650;color:#57534E;margin-bottom:2px}
.ix-files{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.ix-file{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #EEECE9;border-radius:10px;padding:8px 10px;margin-top:6px;cursor:pointer;background:#fff;transition:border-color .2s,background .2s}
.ix-file:hover{border-color:#D6D3D1}
.ix-file.on{border-color:var(--acc);background:var(--t1)}
.ix-file .ext{width:30px;height:34px;border-radius:5px;background:#F5F5F4;border:1px solid #E7E5E4;font-size:9.5px;font-weight:700;color:#57534E;display:grid;place-items:end center;padding-bottom:4px;text-transform:uppercase}
.ix-file .fn{font-size:13px;font-weight:650;color:#1C1917;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ix-file .fd{font-size:12.5px;color:#57534E;line-height:1.4}
.ix-file .sz{font-size:12px;color:#78716C;font-variant-numeric:tabular-nums;white-space:nowrap}
.ix-file .ck{width:18px;height:18px;border-radius:5px;border:1.5px solid #A8A29E;display:grid;place-items:center;color:#fff;font-size:12px;margin-left:6px}
.ix-file.on .ck{background:var(--deep);border-color:var(--deep)}
.ix-fine{font-size:12.5px;line-height:1.5;color:#78716C;margin:10px 0 0}
@media (max-width:720px){.ix-agent,.ix-two,.ix-key{grid-template-columns:1fr}.ix-sortgrid{grid-template-columns:1fr 1fr}.ix-slots{grid-template-columns:1fr 1fr}.ix-lane,.ix-lanehead{grid-template-columns:36px 110px minmax(0,1fr) 70px}}

/* feedback motion: short, only in answer to an action */
.ix-flyin{animation:ixFly .38s cubic-bezier(.22,1,.36,1)}
@keyframes ixFly{0%{transform:translateY(28px) scale(.96);opacity:0}100%{transform:none;opacity:1}}
.ix-out{animation:ixOut .38s ease}
@keyframes ixOut{0%{opacity:1;transform:none}45%{opacity:.15;transform:translateY(-6px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.ix-pop,.ix-shake,.ix-flyin,.ix-out{animation:none!important}}

/* ix-kit-more.css: the second half of the shared interactive look (chat replays, gauges, rings, rankings, terminals,
   outage boards). Built into pages/revamp-kit/ix-kit.css after ix-kit.css. */
/* chat replays */
.ix-chatwin{height:auto;min-height:360px}
.ix-chatwin .ix-log{min-height:220px;max-height:440px}
.ix-chat-v{padding:8px 12px 0}
.ix-typing{display:flex;gap:4px;align-items:center;padding:12px 14px}
.ix-typing i{width:6px;height:6px;border-radius:50%;background:#A8A29E;animation:ixDot 1s infinite}
.ix-typing i:nth-child(2){animation-delay:.15s}.ix-typing i:nth-child(3){animation-delay:.3s}
@keyframes ixDot{0%,60%,100%{opacity:.35}30%{opacity:1}}
.ix-ans table{border-collapse:collapse;margin:4px 0 6px;font-size:13px}
.ix-ans td{padding:3px 12px 3px 0;border-bottom:1px solid #E7E5E4}
.ix-ans td.n{font-variant-numeric:tabular-nums;font-weight:650;text-align:right}
.ix-ans .hedge{color:#57534E}
/* the dot scale under a chat: each press adds a dot per row */
.ix-dots{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px;margin-top:12px}
.ix-dots .hd{display:flex;justify-content:space-between;font-size:13.5px;font-weight:650;color:#1C1917;margin-bottom:6px}
.ix-dots .hd span{font-weight:500;color:#78716C;font-size:12.5px}
.ix-drow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:center;height:36px}
.ix-drow b{font-size:13px;font-weight:600;color:#292524}
.ix-dtrack{position:relative;height:32px;border-bottom:1px solid #E7E5E4}
.ix-dtrack .br{position:absolute;bottom:4px;height:3px;background:var(--t2);border-radius:2px}
.ix-dtrack i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--acc);transform:translate(-50%,0);box-shadow:0 0 0 2px #fff}
.ix-dtrack i.est{background:#A8A29E}
.ix-daxis{position:relative;height:16px;margin-left:130px;font-size:11.5px;color:#78716C}
.ix-daxis span{position:absolute;transform:translateX(-50%)}
.ix-dnote{font-size:13.5px;line-height:1.5;color:#292524;margin:8px 0 0}
/* the profit gauge */
.ix-ff{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;align-items:start}
.ix-frow{display:grid;grid-template-columns:34px 128px minmax(0,1fr) 22px;gap:10px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:6px 10px;margin-bottom:6px;transition:border-color .2s,box-shadow .2s}
.ix-frow.bind{border-color:var(--acc);box-shadow:0 0 0 3px var(--t2)}
.ix-frow .art svg{height:28px;width:auto;max-width:34px;color:#44403C}
.ix-frow.bind .art svg{color:var(--deep)}
.ix-frow b{display:block;font-size:13.5px;font-weight:650;color:#1C1917}
.ix-frow small{display:block;font-size:12px;color:#78716C}
.ix-frow input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:transparent}
.ix-frow input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--acc) var(--p,0%),#E7E5E4 var(--p,0%))}
.ix-frow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:2px solid var(--deep);margin-top:-6px}
.ix-frow .vv{font-size:14px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.ix-frow-s{display:grid;grid-template-columns:34px 128px minmax(0,1fr) 22px;gap:10px;padding:0 10px;font-size:11.5px;color:#78716C;margin:-2px 0 4px}
.ix-frow-s span:nth-child(3){display:flex;justify-content:space-between}
.ix-gaugec{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px;text-align:center}
.ix-gaugec svg{width:100%;max-width:260px;height:auto;display:block;margin:0 auto}
.ix-gaugec .l{font-size:12.5px;color:#57534E;margin:4px 0 0}
.ix-gaugec .v{font-size:22px;font-weight:700;color:var(--ink);margin:0}
.ix-gaugec .a{font-size:12.5px;color:#57534E;margin:4px 0 0}
.ix-bind{margin-top:10px;background:#fff;border:1px solid var(--acc);border-radius:12px;padding:11px 13px;box-shadow:0 0 0 3px var(--t1)}
.ix-bind .l{font-size:12px;font-weight:650;color:#57534E}
.ix-bind .v{display:block;font-size:17px;font-weight:700;color:#1C1917;margin:1px 0 3px}
.ix-bind .n{font-size:13px;line-height:1.45;color:#44403C}
/* rings stage */
.ix-rg{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px;align-items:center}
.ix-rg svg{width:100%;height:auto;display:block}
.ix-ring{background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:8px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;margin-bottom:6px;opacity:.62;transition:opacity .25s,border-color .25s}
.ix-ring.lit{opacity:1;border-color:var(--acc)}
.ix-ring .art svg{height:28px;width:auto;max-width:34px;color:#44403C}
.ix-ring b{display:block;font-size:13.5px;font-weight:650}.ix-ring small{display:block;font-size:12.5px;color:#57534E;line-height:1.35}
.ix-pick{display:flex;flex-wrap:wrap;gap:6px}
.ix-pick button{height:32px;padding:0 11px;border-radius:9px;border:1px solid #D6D3D1;background:#fff;font:600 13px Inter,sans-serif;color:#44403C;cursor:pointer}
.ix-pick button.on{background:var(--deep);border-color:var(--deep);color:#fff}
.ix-lbl{display:block;font-size:13.5px;font-weight:600;color:#292524;margin:12px 0 6px}
.ix-caught{color:#1E6B43!important}.ix-missed{color:#A32020!important}
/* share bars with a position badge and move */
.ix-ps{display:grid;gap:8px}
.ix-psr{display:grid;grid-template-columns:34px 130px minmax(0,1fr);gap:4px 10px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:8px 11px;transition:border-color .2s}
.ix-psr.lead{border-color:var(--acc);box-shadow:0 0 0 3px var(--t1)}
.ix-psr .art svg{height:30px;width:auto;max-width:34px;color:#44403C}
.ix-psr b{display:block;font-size:13.5px;font-weight:650}.ix-psr small{display:block;font-size:12px;color:#78716C}
.ix-psbar{display:flex;align-items:center;gap:8px}
.ix-psbar .t{flex:1;height:14px;border-radius:7px;background:#F1EFEC;position:relative;overflow:hidden}
.ix-psbar .t i{position:absolute;left:0;top:0;bottom:0;background:#D6CFC7;border-radius:7px;transition:width .3s ease}
.ix-psr.lead .ix-psbar .t i{background:var(--acc)}
.ix-psbar .s{font-size:13.5px;font-weight:700;width:38px;text-align:right;font-variant-numeric:tabular-nums}
.ix-psm b{display:inline;font-size:inherit;font-weight:650}
.ix-psm{grid-column:3;font-size:12.5px;line-height:1.4;color:#44403C;display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}
/* SWOT cells with a Low Med High switch, and a ranked agenda */
.ix-la{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.ix-la-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ix-la-c{background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:10px;display:flex;flex-direction:column;gap:6px}
.ix-la-c .k{font-size:12px;font-weight:650;color:#57534E}
.ix-la-c .t{font-size:13.5px;font-weight:600;line-height:1.35;color:#1C1917;flex:1}
.ix-la-c .art svg{height:28px;width:auto;color:#44403C}
.ix-la-c .ix-seg{display:grid;grid-template-columns:repeat(3,1fr)}
.ix-la-c .ix-seg button{padding:0 4px;font-size:12.5px}
.ix-ag{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px}
.ix-ag h4{margin:0 0 8px;font-size:13.5px;font-weight:650;color:#57534E}
.ix-first{border-radius:10px;padding:10px 12px;background:#FAFAF9;border:1px dashed #D6D3D1;font-size:13.5px;line-height:1.45;color:#57534E;margin-bottom:8px}
.ix-first.on{background:var(--t1);border:1px solid var(--acc);color:#1C1917}
.ix-first .l{display:block;font-size:12px;font-weight:650;color:var(--ink);margin-bottom:2px}
.ix-agl{list-style:none;margin:0;padding:0}
.ix-agl li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 4px;border-top:1px solid #F0EEEB;font-size:13.5px;color:#1C1917}
.ix-agl li small{display:block;font-size:12px;color:#78716C}
.ix-agl .rk{width:22px;height:22px;border-radius:50%;background:#F1EFEC;font-size:12px;font-weight:700;color:#57534E;display:grid;place-items:center}
.ix-agl li.top .rk{background:var(--deep);color:#fff}
.ix-pips{display:flex;gap:3px}.ix-pips i{width:8px;height:8px;border-radius:50%;background:#E7E5E4}.ix-pips i.on{background:var(--acc)}
/* scored list rows */
.ix-sw{display:grid;gap:8px}
.ix-swr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) auto 92px;gap:12px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:9px 12px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .2s}
.ix-swr.fund{border-color:var(--acc);box-shadow:0 0 0 3px var(--t1)}
.ix-swr .nm{font-size:13.5px;font-weight:600;color:#1C1917}
.ix-swr .mg{display:flex;align-items:center;gap:8px;font-size:12px;color:#78716C}
.ix-swr .mg input{flex:1;min-width:60px;accent-color:var(--deep)}
.ix-swr .mg b{width:22px;text-align:right;color:#1C1917;font-size:13px;font-variant-numeric:tabular-nums}
.ix-swr .sc{text-align:right}
.ix-swr .sc b{display:block;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.ix-swline{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:650;color:#44403C;margin:2px 0}
.ix-swline::before,.ix-swline::after{content:"";flex:1;border-top:2px dashed #A8A29E}
.ix-add{display:flex;gap:8px;margin-top:10px}
.ix-add input{flex:1;height:36px;border:1px solid #D6D3D1;border-radius:9px;padding:0 11px;font:14px Inter,sans-serif}
/* a terminal-style app window, light */
.ix-term{background:#fff;border:1px solid #E7E5E4;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(20,24,35,.04),0 8px 24px rgba(20,24,35,.06)}
.ix-term-h{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #F0EEEB;background:#FAFAF9;font-size:13px;color:#57534E}
.ix-term-h svg{height:18px;width:auto;color:var(--deep)}
.ix-note strong{font-weight:650}
.ix-term-b>*,.ix-log>*{flex-shrink:0}
.ix-term-h .d{display:flex;gap:5px}.ix-term-h .d i{width:10px;height:10px;border-radius:50%;background:#E7E5E4}
.ix-term-h code{font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#1C1917}
.ix-term-b{padding:12px;min-height:200px;max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:9px}
.ix-term-f{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid #F0EEEB}
.ix-tl{font-size:13px;line-height:1.5;color:#292524}
.ix-tl code,.ix-mono{font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ix-tool{display:flex;gap:7px;align-items:baseline;font-size:12.5px;color:#57534E}
.ix-tool b{color:#1C1917;font-weight:650}
.ix-tool::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);flex:none;transform:translateY(-1px)}
.ix-quote{background:#FAFAF9;border:1px solid #F0EEEB;border-radius:9px;padding:8px 10px;font-size:12.5px;line-height:1.5;color:#44403C}
.ix-form{border:1px solid #E7E5E4;border-radius:11px;overflow:hidden}
.ix-form .h{font-size:12.5px;font-weight:650;padding:7px 10px;background:#FAFAF9;border-bottom:1px solid #F0EEEB}
.ix-form .r{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;padding:6px 10px;font-size:12.5px;border-top:1px solid #F5F5F4}
.ix-form .r span:first-child{color:#78716C}
.ix-ok{font-size:13px;line-height:1.5;color:#1E6B43;background:#F0F8F3;border:1px solid #CFE7D9;border-radius:9px;padding:8px 10px}
.ix-diff{width:100%;border-collapse:collapse;font-size:12.5px}
.ix-diff th{text-align:left;font-weight:650;color:#57534E;padding:5px 6px;border-bottom:1px solid #E7E5E4}
.ix-diff td{padding:6px;border-bottom:1px solid #F5F5F4;vertical-align:top;line-height:1.4}
.ix-diff .dir{font-weight:650;white-space:nowrap}.ix-diff .dir.up{color:var(--ink)}.ix-diff .dir.flat{color:#78716C}
.ix-flag{display:inline-block;font-size:11px;font-weight:650;color:#7C5A06;background:#FFF6DB;border-radius:5px;padding:0 5px;margin-left:4px}
/* vendor outage board */
.ix-meterb{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px;margin-bottom:12px}
.ix-meterb .h{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;margin-bottom:7px}
.ix-meterb .h b{font-variant-numeric:tabular-nums}
.ix-meterb .t{height:14px;border-radius:7px;background:#F1EFEC;overflow:hidden}
.ix-meterb .t i{display:block;height:100%;background:#4E9B6E;border-radius:7px;transition:width .6s cubic-bezier(.22,1,.36,1),background .3s}
.ix-meterb.down .t i{background:#D46A6A}
.ix-vgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ix-vend{text-align:left;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;font:inherit;transition:border-color .2s,box-shadow .2s}
.ix-vend:hover{border-color:#A8A29E}
.ix-vend .art svg{height:34px;width:auto;max-width:48px;color:#44403C}
.ix-vend b{font-size:13px;font-weight:650;line-height:1.3;color:#1C1917}
.ix-vend small{font-size:12px;color:#78716C;line-height:1.35;flex:1}
.ix-vend .go{font-size:12px;font-weight:650;color:var(--ink)}
.ix-vend.on{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}
.ix-vend.spof .go{color:#A32020}.ix-vend.safe .go{color:#1E6B43}
/* a field of buyers reacting, and cost bars */
.ix-react{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.ix-react i{width:20px;height:20px;border-radius:50%;background:#E7E5E4;transition:background .2s}
.ix-react i.no{background:#D46A6A}.ix-react i.ok{background:#4E9B6E}
.ix-cbar{display:grid;grid-template-columns:200px minmax(0,1fr) 150px;gap:10px;align-items:center;font-size:13px;margin-top:6px}
.ix-cbar .t{height:14px;border-radius:7px;background:#F1EFEC;display:flex;overflow:hidden}
.ix-cbar .t i{display:block;height:100%;width:0;transition:width .7s cubic-bezier(.22,1,.36,1)}
.ix-cbar .t i.base{background:#A8A29E}.ix-cbar .t i.rev{background:#D46A6A}.ix-cbar .t i.test{background:var(--acc)}
.ix-cbar span:last-child{color:#57534E;font-size:12.5px}
.ix-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.ix-choice button{text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;display:flex;gap:11px;align-items:center;transition:border-color .2s,box-shadow .2s}
.ix-choice button:hover{border-color:var(--acc)}
.ix-choice button.on{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}
.ix-choice button svg{height:38px;width:auto;max-width:46px;flex:none;color:#44403C}
.ix-choice b{display:block;font-size:14px;font-weight:650;color:#1C1917}
.ix-choice small{display:block;font-size:12.5px;color:#57534E;line-height:1.4;margin-top:2px}
.ix-verd{border-radius:12px;padding:11px 13px;font-size:13.5px;line-height:1.5;margin-top:8px;border:1px solid #E7E5E4;background:#fff}
.ix-verd.bad{border-color:#E8B4B4;background:#FDF5F5}.ix-verd.good{border-color:#BFDCCB;background:#F3FAF6}
.ix-verd .h{display:block;font-weight:650;margin-bottom:2px}
.ix-verd.bad .h{color:#A32020}.ix-verd.good .h{color:#1E6B43}
/* scenario corners */
.ix-scen{display:grid;grid-template-columns:120px 1fr 1fr;gap:8px;align-items:stretch}
.ix-scen .ax{font-size:12.5px;font-weight:650;color:#57534E;display:flex;align-items:center;justify-content:flex-end;text-align:right}
.ix-scen .axt{font-size:12.5px;font-weight:650;color:#57534E;text-align:center}
.ix-corner{text-align:left;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:11px 12px;cursor:pointer;font:inherit;min-height:84px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,box-shadow .2s}
.ix-corner:hover{border-color:#A8A29E}
.ix-corner.on{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}
.ix-corner .c{font-size:11.5px;font-weight:650;color:#78716C;display:flex;gap:6px;align-items:center}
.ix-corner .p{font-size:13.5px;font-weight:600;line-height:1.4;color:#1C1917}
.ix-corner.dupa{background:repeating-linear-gradient(135deg,#fff 0 9px,var(--t1) 9px 12px)}
.ix-corner.dupb{background:repeating-linear-gradient(45deg,#fff 0 9px,#F1EFEC 9px 12px)}
.ix-sel{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:12px}
.ix-sel label{display:block;font-size:12.5px;font-weight:600;color:#57534E;margin-bottom:4px}
.ix-sel select{height:36px;border:1px solid #D6D3D1;border-radius:9px;padding:0 10px;font:600 14px Inter,sans-serif;background:#fff;color:#1C1917}
.ix-sel .x{font-size:18px;color:#78716C;padding-bottom:6px}
/* reorder list */
.ix-ord{display:grid;gap:7px}
.ix-ordr{display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:8px 10px}
.ix-ordr .k{width:22px;height:22px;border-radius:50%;background:#F1EFEC;font-size:12px;font-weight:700;color:#57534E;display:grid;place-items:center}
.ix-ordr.ok .k{background:#4E9B6E;color:#fff}
.ix-ordr .art svg{height:28px;width:auto;max-width:34px;color:#44403C}
.ix-ordr b{display:block;font-size:13.5px;font-weight:650}.ix-ordr small{display:block;font-size:12.5px;color:#57534E}
.ix-ordr .mv{display:flex;gap:4px}
.ix-ordr .mv button{width:30px;height:30px;border-radius:8px;border:1px solid #D6D3D1;background:#fff;cursor:pointer;font-size:14px;color:#44403C}
.ix-ordr .mv button:disabled{opacity:.35;cursor:default}
/* a phone judged two ways */
.ix-yard{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.ix-yard .ph{background:#fff;border:1px solid #E7E5E4;border-radius:14px;padding:14px;text-align:center}
.ix-yard .ph svg{height:96px;width:auto;color:#44403C}
.ix-yard .ph b{display:block;font-size:13.5px;margin-top:6px}.ix-yard .ph small{font-size:12px;color:#78716C}
.ix-yard .ph.cr svg{color:#A32020}
@media (max-width:720px){.ix-ff,.ix-rg,.ix-la,.ix-choice,.ix-yard{grid-template-columns:1fr}.ix-vgrid{grid-template-columns:1fr 1fr}.ix-swr{grid-template-columns:1fr 1fr}}

/* ix-kit-parts.css: more shared interactive parts (a trip across the network, letter and chunk strips, a pair of
   vertical bars, a dated track, job rows with a route switch, check boxes, a capped ruler). Built into ix-kit.css. */
/* a file travelling laptop -> internet -> server and the reply coming back */
.ix-trip{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:0;background:#fff;border:1px solid #E7E5E4;border-radius:14px;padding:16px 14px}
.tp-n{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.tp-n svg{height:58px;width:auto;color:#44403C}
.tp-n b{font-size:13.5px;font-weight:650}.tp-role{font-size:11.5px;color:#78716C}
.tp-w{position:relative;height:104px}
.tp-w::before{content:"";position:absolute;left:4px;right:4px;top:46px;border-top:2px dashed #D6D3D1}
.tp-lab{position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:12.5px;font-weight:600;color:#78716C;white-space:nowrap}
.tp-state{position:absolute;left:50%;top:84px;transform:translateX(-50%);width:260px;max-width:96%;font-size:12px;line-height:1.3;font-weight:600;color:#44403C;white-space:normal;text-align:center}
.tp-pk,.tp-rp{position:absolute;top:27px;width:48px;height:38px;display:grid;place-items:center;border-radius:9px;opacity:0;transition:left 1.6s cubic-bezier(.45,0,.2,1),opacity .3s;z-index:2}
.tp-pk{left:0;background:var(--t2);border:1.5px solid var(--acc)}
.tp-rp{left:calc(100% - 48px);background:#fff;border:1.5px solid var(--deep)}
.tp-pk svg,.tp-rp svg{height:20px;width:auto;color:var(--deep)}
.tp-pk em,.tp-rp em{position:absolute;top:calc(100% + 2px);font:650 10px Inter,sans-serif;font-style:normal;color:#57534E}
.ix-trip.go .tp-pk{opacity:1;left:calc(100% - 48px)}
.ix-trip.at .tp-pk{opacity:0}
.ix-trip.at .tp-n:last-child svg{color:var(--deep)}
.tp-tok{display:flex;gap:4px;position:absolute;top:-8px;right:10px}
.tp-tok i{width:8px;height:8px;border-radius:50%;background:var(--acc);opacity:0;transition:opacity .2s}
.ix-trip.tok .tp-tok i{opacity:1}
.ix-trip.tok .tp-tok i:nth-child(2){transition-delay:.25s}.ix-trip.tok .tp-tok i:nth-child(3){transition-delay:.5s}
.ix-trip.back .tp-rp{opacity:1;left:0}
.ix-trip.back .tp-tok i{opacity:0;transition-delay:0s}
.ix-trip.home .tp-rp{opacity:0}
.ix-trip.home .tp-n:first-child svg{color:var(--deep)}
.ix-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.ix-steps li{display:flex;gap:9px;align-items:center;font-size:13.5px;color:#A8A29E;transition:color .3s}
.ix-steps li .k{width:22px;height:22px;border-radius:50%;background:#F1EFEC;color:#78716C;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none;transition:background .3s,color .3s}
.ix-steps li.on{color:#1C1917}
.ix-steps li.on .k{background:var(--deep);color:#fff}
/* text fields */
.ix-fld{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:#57534E}
.ix-fld input{height:38px;border:1px solid #D6D3D1;border-radius:9px;padding:0 11px;font:600 15px Inter,sans-serif;color:#1C1917;background:#fff}
.ix-fld input:focus{outline:2px solid var(--t3);border-color:var(--acc)}
.ix-linkbtn{border:0;background:none;padding:0 2px;font:600 13px Inter,sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
/* letters as you see them, chunks as the model reads them */
.ix-letters{display:flex;flex-wrap:wrap;gap:4px}
.ix-letters i{font-style:normal;width:26px;height:32px;border-radius:7px;border:1px solid #E7E5E4;background:#FAFAF9;display:grid;place-items:center;font:600 15px Inter,sans-serif;color:#44403C}
.ix-letters i.hit{background:var(--t2);border-color:var(--acc);color:var(--ink)}
.ix-chunks{display:flex;flex-wrap:wrap;gap:6px}
.ix-chunks span{padding:6px 12px;border-radius:9px;background:#fff;border:1.5px solid var(--acc);font:650 16px Inter,sans-serif;color:#1C1917;box-shadow:0 0 0 3px var(--t1)}
/* a reply streaming in */
.ix-stream{font-size:17px!important;line-height:1.7!important;padding:12px 14px!important;min-height:52px}
.ix-stream span{display:inline;border-bottom:3px solid #E7E5E4;padding:1px 0;margin-right:2px}
.ix-stream span:nth-child(even){border-bottom-color:#D6D3D1}
.ix-stream span.new{background:var(--t2);border-bottom-color:var(--deep);border-radius:3px 3px 0 0;animation:ixPop .35s cubic-bezier(.22,1,.36,1)}
.ix-stream .cur{display:inline-block;width:2px;height:1.1em;background:var(--deep);vertical-align:-2px;margin-left:2px;animation:ixBlink 1s steps(1) infinite}
@keyframes ixBlink{50%{opacity:0}}
.ix-tokstrip{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 0}
.ix-tokstrip i{font-style:normal;font:600 12px ui-monospace,Menlo,monospace;color:#57534E;background:#F5F5F4;border:1px solid #E7E5E4;border-radius:6px;padding:2px 6px;white-space:pre}
.ix-tokstrip i.new{background:var(--t1);border-color:var(--deep);color:var(--ink)}
/* two vertical bars and a drawing */
.ix-cols2{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;align-items:end;margin-bottom:12px}
.ix-vbar{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center}
.ix-vbar .t{width:56px;height:150px;border-radius:8px;background:#F1EFEC;position:relative;overflow:hidden}
.ix-vbar .t i{position:absolute;left:0;right:0;bottom:0;background:#A8A29E;transition:height .35s cubic-bezier(.22,1,.36,1)}
.ix-vbar.hot .t i{background:var(--acc)}
.ix-vbar b{font-size:20px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}
.ix-vbar span{font-size:13.5px;font-weight:650;color:#1C1917}
.ix-vbar small{font-size:12.5px;color:#78716C}
.ix-cook{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px;text-align:center;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ix-cook svg{height:96px;width:auto;color:#44403C}
.ix-cook p{font-size:13.5px;line-height:1.45;color:#292524;margin:8px 0 0}
/* a dated track with a cutoff */
.ix-tl2{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:30px 14px 8px;margin-bottom:12px}
.ix-tl2-track{position:relative;height:14px;border-radius:7px;background:#F1EFEC}
.ix-tl2-track .known{position:absolute;left:0;top:0;bottom:0;border-radius:7px 0 0 7px;background:var(--t2)}
.ix-tl2-track .cut{position:absolute;top:-8px;bottom:-8px;border-left:2px dashed #1C1917}
.ix-tl2-track .cut em{position:absolute;bottom:calc(100% + 2px);left:0;transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:650;white-space:nowrap;color:#1C1917}
.ix-tl2-track .pin{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:left .25s ease,background .2s}
.ix-tl2-track .pin.ok{background:#4E9B6E}.ix-tl2-track .pin.no{background:#D46A6A}
.ix-tl2-ax{display:flex;justify-content:space-between;font-size:12px;color:#78716C;margin-top:8px}
/* a saved-note chip in a chat */
.ix-notechip{align-self:stretch;display:flex;gap:10px;align-items:center;background:#FFFBEB;border:1px dashed #E8C86E;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.45;color:#3F2D05}
.ix-notechip svg{height:30px;width:auto;flex:none;color:#7C5A06}
.ix-notechip b{display:block;font-size:12px;color:#7C5A06}
/* job rows with a route switch and the path they take */
.ix-jobs{display:grid;gap:8px}
.ix-job{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px 10px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:9px 11px}
.ix-job .art svg{height:28px;width:auto;max-width:34px;color:#44403C}
.ix-job .nm b{display:block;font-size:13.5px;font-weight:650;margin-bottom:3px}
.ix-job .path{grid-column:2 / 4;font-size:12.5px;color:#78716C;padding-left:2px}
.ix-job .path.leaves{color:#A32020}.ix-job .path.stays{color:#1E6B43}
.ix-split2{display:flex}
.ix-split2 i{display:block;height:100%;transition:width .4s ease}
.ix-split2 i.up{background:var(--acc);border-radius:7px 0 0 7px}.ix-split2 i.ed{background:#D46A6A}
/* check boxes */
.ix-chk{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13.5px;color:#292524;cursor:pointer}
.ix-chk input{width:17px;height:17px;accent-color:var(--deep)}
.ix-chk span{flex:1}
.ix-chk em{font-style:normal;font-size:12px;font-weight:650;color:#1E6B43}
/* lines measured against a cap */
.ix-capt{position:relative;display:grid;gap:4px;padding:3px 0}
.ix-capt .cap{position:absolute;left:25%;top:-3px;bottom:-3px;border-left:2px dashed var(--deep)}
.ix-capt i{display:block;height:14px;border-radius:5px;background:var(--acc);position:relative;min-width:18px}
.ix-capt i.over{background:#D46A6A}
.ix-capt i em{position:absolute;left:calc(100% + 6px);top:-1px;font-style:normal;font-size:11.5px;font-weight:650;color:#57534E}
@media (max-width:720px){.ix-trip{grid-template-columns:90px minmax(0,1fr) 90px}.ix-cols2{grid-template-columns:1fr 1fr}.ix-cook{grid-column:1 / -1}}
.ix-panel h4 svg{height:22px;width:auto;flex:none;color:var(--deep);margin-right:6px}
.ix-panel h4.wh{justify-content:flex-start;align-items:center}
.ix svg.kb{max-height:120px}
/* a number line: guesses scattered, the computed answer stacked on the truth */
.ix-numline{position:relative;height:56px;margin:4px 0}
.ix-numline .ln{position:absolute;left:5%;right:5%;top:30px;border-top:2px solid #D6D3D1}
.ix-numline .tr{position:absolute;left:50%;top:10px;bottom:6px;border-left:2px dashed var(--deep)}
.ix-numline i{position:absolute;top:24px;width:12px;height:12px;border-radius:50%;background:#D46A6A;transform:translateX(-50%);box-shadow:0 0 0 2px #fff}
.ix-numline i.tool{background:var(--deep)}
/* owner rows */
.ix-own{display:grid;gap:7px}
.ix-ownr{display:grid;grid-template-columns:24px 34px minmax(0,1fr) 150px;gap:10px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:8px 10px}
.ix-ownr .k{width:22px;height:22px;border-radius:50%;background:#F1EFEC;font-size:12px;font-weight:700;color:#57534E;display:grid;place-items:center}
.ix-ownr .art svg{height:26px;width:auto;max-width:32px;color:#44403C}
.ix-ownr .nm b{display:block;font-size:13.5px;font-weight:600;line-height:1.35;margin-bottom:3px}
.ix-ownb{display:flex;align-items:center;gap:7px;justify-content:center;height:36px;border-radius:9px;border:1px solid #D6D3D1;background:#F5F5F4;font:600 13px Inter,sans-serif;color:#44403C;cursor:pointer}
.ix-ownb svg{height:22px;width:auto}
.ix-ownr.you{border-color:var(--acc)}
.ix-ownr.you .ix-ownb{background:var(--deep);border-color:var(--deep);color:#fff}
/* a file bar: the part read and the part cut */
.ix-filebar{display:flex;height:22px;border-radius:7px;overflow:hidden;background:#F1EFEC}
.ix-filebar i{display:block;height:100%;transition:width .25s ease}
.ix-filebar .rd{background:var(--acc)}
.ix-filebar .ct{background:repeating-linear-gradient(135deg,#FBE9E9 0 6px,#F3D0D0 6px 9px)}
/* a brief with an empty slot */
.ix-brief{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px}
.ix-brief svg{height:46px;width:auto;flex:none;color:#44403C}
.ix-brief p{margin:0;font-size:15px;line-height:1.55;color:#1C1917}
.ix-brief .slot{display:inline-block;border-radius:6px;padding:0 6px;background:#F5F5F4;border:1px dashed #A8A29E;font-weight:600}
.ix-brief .slot.bad{background:#FBE9E9;border:1px solid #D46A6A;color:#7F1D1D}
.ix-brief .slot.ok{background:#E7F3EC;border:1px solid #4E9B6E;color:#1E6B43}
.ix-grad i{background:linear-gradient(90deg,#4E9B6E,#E3B341 50%,#D46A6A)!important}
.ix-pick button.on{background:var(--deep);border-color:var(--deep);color:#fff}
/* pick your model */
.ix-pvctl{display:flex;flex-wrap:wrap;gap:12px 18px}
.ix-pvctl .ix-seg button small{font-weight:500;opacity:.75;margin-left:3px}
.pvm{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;vertical-align:-4px}
.pvm svg{width:18px;height:18px}
.ix-seg button.on.a .pvm svg *{stroke:#fff!important}
.ix-trace{align-self:stretch;background:#FAFAF9;border:1px dashed #D6D3D1;border-radius:10px;padding:8px 12px;font-size:12.5px;color:#57534E}
.ix-trace b{font-size:12px;color:#44403C}
.ix-trace ol{margin:4px 0 0;padding-left:18px;display:grid;gap:3px}
.ix-md h5{margin:6px 0 3px;font-size:13.5px;font-weight:700;color:#1C1917}
.ix-md p{margin:3px 0}
.ix-md ul{margin:3px 0;padding-left:18px}
.ix-meta{display:block;margin-top:6px;font-size:11.5px;color:#78716C}
.ix-plot{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;height:200px}
.ix-plot .yl{grid-row:1;grid-column:1;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11.5px;color:#78716C;text-align:center}
.ix-plot .ar{grid-column:2;position:relative;border-left:1.5px solid #D6D3D1;border-bottom:1.5px solid #D6D3D1}
.ix-plot .g{position:absolute;left:0;right:0;border-top:1px dashed #EEECE9}
.ix-plot .g em{position:absolute;left:-34px;top:-8px;font-style:normal;font-size:11px;color:#A8A29E;width:28px;text-align:right}
.ix-plot i{position:absolute;width:12px;height:12px;border-radius:50%;background:#A8A29E;transform:translate(-50%,50%);box-shadow:0 0 0 2px #fff}
.ix-plot i.th{background:var(--deep)}
.ix-plot i em{position:absolute;left:14px;top:-4px;font-style:normal;font-size:11px;font-weight:650;color:#44403C;white-space:nowrap;background:rgba(255,255,255,.85);padding:0 3px;border-radius:3px}
.ix-plot i.fl em{left:auto;right:14px}
.pvm{color:var(--deep)}
.ix-seg button.on.a .pvm{color:#fff}
.ix-win-h .pvm{width:22px;height:22px}.ix-win-h .pvm svg{width:22px;height:22px}
/* an agent's loop and its transcript */
.ix-loopbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ix-loopbar span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:99px;background:#F5F5F4;font-size:12.5px;font-weight:600;color:#78716C;transition:background .25s,color .25s}
.ix-loopbar i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.ix-loopbar span.done{background:var(--t2);color:#1C1917}
.ix-loopbar span.done i{background:var(--deep);color:#fff}
.ix-loopbar span.now{background:var(--deep);color:#fff}
.ix-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px}
.ix-step .n{width:22px;height:22px;border-radius:50%;background:#F1EFEC;font-size:11.5px;font-weight:700;color:#57534E;display:grid;place-items:center}
.ix-step>div{display:grid;gap:6px}
.ix-pre{margin:0;background:#FAFAF9;border:1px solid #F0EEEB;border-radius:9px;padding:9px 11px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#292524;white-space:pre-wrap;overflow-x:auto}
.ix-thought{font-style:normal;color:#44403C;border-left:3px solid var(--t3);padding-left:10px}
.ix-web{background:#fff;border:1px solid #E7E5E4;border-radius:9px;padding:8px 10px}
.ix-web b{display:block;font-size:13px;color:#1C1917}
.ix-web span{display:block;font-size:11.5px;color:#1E6B43}
.ix-web p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:#44403C}
.ix-term-h .ix-seg button{height:26px;font-size:12.5px}
.ix-term-h .ix-seg b{font-weight:700;margin-left:3px}
/* context window lab */
.ix-wg{position:relative;overflow:visible!important}
.ix-wg i{display:block;height:100%;border-radius:7px;background:var(--acc);transition:width .4s ease}
.ix-wg i.near{background:#E3A04A}
.ix-wg.over{background:repeating-linear-gradient(135deg,#FBE9E9 0 6px,#F3D0D0 6px 9px)}
.ix-wg .lim{position:absolute;top:-5px;bottom:-5px;border-left:2px solid #1C1917}
.ix-win2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.ix-more{margin-top:12px;background:#FAFAF9;border:1px solid #E7E5E4;border-radius:11px;padding:8px 10px}.ix-more summary{cursor:pointer;font-size:13.5px;font-weight:650;color:#44403C}.ix-more[open] summary{margin-bottom:8px}
.ix-flist{display:grid;gap:6px;max-height:380px;overflow:auto;padding:2px}
.ix-flist.in{background:#fff;border:1.5px dashed #D6D3D1;border-radius:12px;padding:8px;min-height:120px;align-content:start}
.ix-fc{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:10px;padding:6px 8px}
.ix-fc .art svg{height:24px;width:auto;max-width:28px;color:#44403C}
.ix-fc b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ix-fc small{display:block;font-size:12px;color:#78716C}
.ix-fc.cut{background:repeating-linear-gradient(135deg,#fff 0 7px,#FBE9E9 7px 10px);border-color:#E8B4B4}
.ix-sumcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.ix-sum{background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:10px 12px}
.ix-sum .hd{display:flex;align-items:center;gap:7px;margin-bottom:4px;flex-wrap:wrap}
.ix-sum .hd svg{height:20px;width:auto;color:#44403C}
.ix-sum .hd b{font-size:13px;flex:1}
.ix-sum.shaky{border-color:#E8B4B4}.ix-sum.precise{border-color:#BFDCCB}
.ix-diff tr.bad td{background:#FDF5F5;color:#7F1D1D}
/* two assistants side by side, and a claim line */
.ix-chatcol{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px}
.ix-chatcol h4{margin:0 0 6px;font-size:14px;font-weight:650;display:flex;gap:6px}
.ix-chatcol h4 span{margin-left:auto;font-weight:500;color:#78716C;font-size:12.5px}
.ix-chatcol .ix-log{padding:0;gap:6px}
.ix-bub.cave{background:#FBE9E9;color:#7F1D1D}
.ix-bub.hold{background:#E7F3EC;color:#14532D}
.ix-claim{position:relative;height:70px;margin:6px 10px 0}
.ix-claim .ln{position:absolute;left:0;right:0;top:34px;border-top:2px solid #D6D3D1}
.ix-claim .tk{position:absolute;top:44px;transform:translateX(-50%);font-size:11.5px;color:#78716C;white-space:nowrap}
.ix-claim .mk{position:absolute;top:27px;width:16px;height:16px;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 3px #fff;transition:left .7s cubic-bezier(.22,1,.36,1)}
.ix-claim .mk.a{background:#D46A6A}.ix-claim .mk.h{background:#4E9B6E;top:30px;width:10px;height:10px}
.ix-claim .mk em{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-style:normal;font-size:11.5px;font-weight:650;white-space:nowrap}
.ix-claim .mk.a em{color:#A32020}.ix-claim .mk.h em{color:#1E6B43;bottom:auto;top:calc(100% + 18px)}
@media (max-width:720px){.ix-win2{grid-template-columns:1fr}}
.ix-chatcol h4 svg{height:22px;width:auto;flex:none;color:var(--deep)}
/* vision reader: a drawing under a 6 x 4 patch grid */
.ix-vis{position:relative;height:250px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;overflow:hidden}
.ix-vis .pic{position:absolute;inset:18px;display:grid;place-items:center}
.ix-vis .pic svg{height:200px;width:auto;max-width:90%;max-height:none;color:#44403C}
.ix-vis .grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}
.ix-vis .grid i{border:1px dashed rgba(120,113,108,.28);transition:background .4s,border-color .4s}
.ix-vis .grid i.edge{background:rgba(218,119,86,.12);border:1px solid var(--acc)}
.ix-vis .grid i.shape{background:rgba(218,119,86,.22);border:1px solid var(--deep)}
.ix-vis .regs span{position:absolute;background:#fff;border:1.5px solid var(--deep);border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:650;color:#1C1917;box-shadow:0 2px 6px rgba(0,0,0,.12)}
/* noise to a picture */
.ix-diff2{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px;margin-bottom:12px}
.ix-diff2 svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;border-radius:8px}
.ix-strip{display:flex;justify-content:space-between;gap:6px;margin-top:8px}
.ix-strip span{flex:1;text-align:center;font-size:12px;font-weight:600;color:#A8A29E;border-top:3px solid #E7E5E4;padding-top:4px;transition:color .3s,border-color .3s}
.ix-strip span.on{color:#1C1917;border-color:var(--acc)}
.ix-reading{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#57534E;padding:10px 2px}
.ix-reading i{width:6px;height:6px;border-radius:50%;background:#A8A29E;animation:ixDot 1s infinite}
.ix-reading i:nth-child(2){animation-delay:.15s}.ix-reading i:nth-child(3){animation-delay:.3s}
/* chapter 2 parts */
.ix-lit{border-color:var(--acc)!important;box-shadow:0 0 0 3px var(--t1)}
.ix-meterb .h svg{height:20px;width:auto;vertical-align:-5px;margin-right:4px;color:var(--deep)}
.ix-split3{display:grid;gap:8px;margin:4px 0 10px}
.ix-split3>div{position:relative;height:34px;border-radius:9px;background:#F1EFEC;overflow:hidden}
.ix-split3 i{position:absolute;left:0;top:0;bottom:0;transition:width .45s cubic-bezier(.22,1,.36,1)}
.ix-split3 .pull i{background:var(--t3)}.ix-split3 .push i{background:#F3D0D0}
.ix-split3 span{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 12px;font-size:13.5px;font-weight:600;color:#1C1917}
.ix-dgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ix-dcell{background:#fff;border:1.5px dashed #D6D3D1;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:5px;min-height:150px}
.ix-dcell .art svg{height:34px;width:auto;color:#A8A29E}
.ix-dcell b{font-size:13.5px}
.ix-dcell .v{font-size:13px;line-height:1.4;color:#A8A29E;font-style:italic}
.ix-dcell.on{border:1px solid var(--acc);box-shadow:0 0 0 3px var(--t1)}
.ix-dcell.on .art svg{color:var(--deep)}.ix-dcell.on .v{color:#1C1917;font-style:normal}
.ix-fd{position:relative;height:420px;background:#fff;border:1px solid #E7E5E4;border-radius:12px}
.ix-fd .lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ix-fd .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:#fff;border:2px solid var(--acc);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}
.ix-fd .hub svg{height:46px;width:auto;color:var(--deep)}
.ix-fd .hub b{font-size:14px}.ix-fd .hub small{font-size:12.5px;color:#57534E}
.ix-fd .nd{position:absolute;width:190px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:9px 10px;text-align:left;cursor:pointer;font:inherit;z-index:1;display:grid;grid-template-columns:34px 1fr;gap:2px 8px;align-items:center;transition:border-color .2s,box-shadow .2s}
.ix-fd .nd .art{grid-row:span 2}.ix-fd .nd .art svg{height:30px;width:34px;color:#44403C}
.ix-fd .nd b{font-size:13px;color:#1C1917}.ix-fd .nd small{font-size:12.5px;color:#57534E;line-height:1.3}
.ix-fd .nd em{grid-column:1 / -1;font-style:normal;font-size:12px;line-height:1.35;color:#A32020}
.ix-fd .nd em:empty{display:none}
.ix-fd .nd.on{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}
.ix-fd .nd.on small{color:var(--ink);font-weight:650}
.ix-fd .nd.st{border-color:#E8B4B4;background:#FDF5F5}
.ix-fd .p0{left:4%;top:4%}.ix-fd .p1{right:4%;top:4%}.ix-fd .p2{left:2%;bottom:6%}.ix-fd .p3{right:2%;bottom:6%}.ix-fd .p4{left:50%;bottom:2%;transform:translateX(-50%)}
.ix-bins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.ix-bin{background:#FAFAF9;border:1.5px dashed #A8A29E;border-radius:12px;padding:10px;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.ix-bin:hover{border-color:var(--acc);background:var(--t1)}
.ix-bin b{display:block;font-size:13.5px}.ix-bin small{display:block;font-size:12.5px;color:#57534E;line-height:1.35}
.ix-tag.key{background:#1C1917;color:#fff}
@media (max-width:720px){.ix-dgrid,.ix-bins{grid-template-columns:1fr 1fr}.ix-fd{height:auto;display:grid;gap:8px;padding:10px}.ix-fd .hub,.ix-fd .nd{position:static;transform:none;width:auto}.ix-fd .lines{display:none}}
/* the page resets .rv p margins to zero; the kit paragraphs keep their own spacing */
.rv .ix-check{margin:14px 0 0}.rv .ix-fine{margin:10px 0 0}.rv .ix-dnote{margin:8px 0 0}
.ix-wait{visibility:hidden}
.ix-loopbar span[role=button]{cursor:pointer}.ix-loopbar span[role=button]:hover{background:var(--t2)}

/* kit parts first drawn for Principles of Marketing chapter 2 (second half); reusable by any book */
.ix-take{margin:12px 0 0;font-size:14px;font-weight:650;color:var(--ink)}.rv .ix-take{margin:12px 0 0}
.ix-lab2{font-size:13.5px;font-weight:650;color:#1C1917}
.ix-av{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px 8px}
.ix-av .ya{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:600;color:#78716C;text-align:center}
.ix-av .xa{grid-column:2;text-align:center;font-size:12px;font-weight:600;color:#78716C}
.ix-av .cells{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ix-avc{position:relative;background:#FAFAF9;border:1px solid #E7E5E4;border-radius:12px;padding:12px 64px 12px 13px;min-height:86px;transition:border-color .25s,background .25s,box-shadow .25s}
.ix-avc b{display:block;font-size:14px;color:#1C1917}.ix-avc small{display:block;font-size:12.5px;line-height:1.4;color:#57534E;margin-top:2px}
.ix-avc.on{background:#FDF5F5;border-color:#E8B4B4}.ix-avc.on.good{background:#F3FAF6;border-color:#4E9B6E;box-shadow:0 0 0 3px #E7F3EC}
.ix-avc .who{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ix-avc .who svg{height:50px;width:auto;color:#1C1917}
.ix-srcs{display:grid;gap:6px}
.ix-srcb{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:10px;padding:8px 10px;font:600 13.5px Inter,sans-serif;color:#1C1917;cursor:pointer;transition:border-color .2s,background .2s}
.ix-srcb svg{height:26px;width:30px;color:#44403C;flex:none}
.ix-srcb .bx{width:16px;height:16px;border-radius:4px;border:1.5px solid #A8A29E;flex:none;display:grid;place-items:center}
.ix-srcb.on{border-color:var(--deep);background:var(--t1)}.ix-srcb.on .bx{background:var(--deep);border-color:var(--deep)}
.ix-srcb.on .bx::after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.ix-btn.pri svg{width:auto;height:18px;color:#fff}
.ix-top5 h4 span{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.ix-top5 h4 span svg{height:18px;width:auto;margin:0;color:#78716C}
.ix-top5 [data-list]{display:grid;gap:5px;transition:opacity .2s}.ix-top5 [data-list].asking{opacity:.3}
.ix-rank{display:flex;align-items:center;gap:10px;background:#FAFAF9;border:1px solid #EEECE9;border-radius:9px;padding:7px 10px;font-size:13.5px;color:#1C1917;transition:opacity .25s}
.ix-rank .n{width:16px;font-weight:700;color:#A8A29E;font-variant-numeric:tabular-nums}
.ix-rank.you{background:var(--t1);border-color:var(--acc);font-weight:650}.ix-rank.you .n{color:var(--deep)}.ix-rank .ix-tag{margin-left:auto;align-self:center}
.ix-rank.stale{opacity:.45}
.ix-absent{margin-top:8px;border:1.5px dashed #D6A3A3;border-radius:9px;padding:8px 10px;font-size:13px;line-height:1.45;color:#7F1D1D;background:#FDF5F5}
.ix-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ix-dec{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:1px solid #D6D3D1;border-radius:12px;padding:10px 6px;cursor:pointer;font:inherit;transition:border-color .2s,background .2s}
.ix-dec svg{height:34px;width:auto;color:#44403C;margin-bottom:4px}.ix-dec b{font-size:14px;color:#1C1917}
.ix-dec .v{font-size:15px;font-weight:700;color:#1E6B43;font-variant-numeric:tabular-nums}.ix-dec .s{font-size:12px;color:#78716C}
.ix-dec:hover{border-color:var(--acc)}.ix-dec.weak{background:#FDF5F5;border-color:#E8B4B4}.ix-dec.weak .v{color:#A32020}.ix-dec.weak .s{color:#A32020;font-weight:650}
.ix-fourp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}
.ix-p{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:11px 12px;font:inherit}
.ix-p svg{height:30px;width:auto;color:#44403C;margin-bottom:4px}.ix-p b{font-size:14.5px;color:#1C1917}.ix-p small{font-size:12.5px;color:#78716C}
.ix-p.crowd{cursor:pointer;border-color:var(--acc);background:var(--t1)}.ix-p.crowd small{color:var(--ink);font-weight:600}
.ix-p .subs{display:none;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px}.ix-p.open .subs{display:flex}
.ix-p .subs .ix-tag{height:auto;min-height:20px;white-space:normal;line-height:1.3;padding:3px 8px;border-radius:7px;background:#fff;color:#1C1917;border:1px solid #E7E5E4}
.ix-flips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ix-flip{perspective:900px;background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer}
.ix-flip .in{display:grid;transition:transform .5s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}
.ix-flip .f,.ix-flip .bk{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:1px solid #D6D3D1;border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:3px}
.ix-flip .bk{transform:rotateY(180deg);border-color:var(--deep);background:var(--t1)}
.ix-flip.on .in{transform:rotateY(180deg)}
.ix-flip small{font-size:12px;font-weight:650;color:#78716C}.ix-flip .bk small{color:var(--ink)}
.ix-flip b{font-size:16px;color:#1C1917}.ix-flip .in span>span{font-size:13px;line-height:1.45;color:#44403C}
.ix-flip em{font-style:normal;font-size:12px;font-weight:650;color:var(--ink);margin-top:auto;padding-top:4px}
.ix-seats{margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 14px 12px;position:relative}
.ix-seats .hd{display:grid;grid-template-columns:1fr 1fr;font-size:13px;font-weight:650;color:#57534E;margin-bottom:6px}.ix-seats .hd span+span{padding-left:14px;border-left:1.5px dashed #D6D3D1}
.ix-seats .rw{position:relative;height:34px;margin-top:5px;background:linear-gradient(90deg,transparent calc(50% - 1px),#E7E5E4 calc(50% - 1px),#E7E5E4 calc(50% + 1px),transparent calc(50% + 1px))}
.ix-seats .chip{position:absolute;top:2px;left:0;width:calc(50% - 14px);height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid #D6D3D1;background:#FAFAF9;font-size:13.5px;font-weight:650;color:#44403C;transition:left .5s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s}
.ix-seats .chip.c{left:calc(50% + 14px);background:var(--t1);border-color:var(--deep);color:var(--ink)}
.ix-seats .band{margin:8px 0 0;text-align:right;font-size:13px;font-weight:650;color:var(--ink);opacity:0;transition:opacity .4s}.ix-seats.all .band{opacity:1}
.ix-ostrip{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 16px;margin-top:12px}
.ix-ostrip .hd{font-size:13.5px;font-weight:650;color:#1C1917}
.ix-ostrip .trk{position:relative;height:118px;margin:4px 40px 0}
.ix-ostrip .ln{position:absolute;left:0;right:0;top:58px;border-top:2px solid #D6D3D1}
.ix-ostrip .tr{position:absolute;top:57px;height:0;border-top:2.5px dashed var(--acc);opacity:0;transition:opacity .4s}.ix-ostrip .tr.on{opacity:1}
.ix-ostrip .stn{position:absolute;top:52px;width:0}
.ix-ostrip .stn i{position:absolute;left:-7px;top:0;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #A8A29E}
.ix-ostrip .stn b,.ix-ostrip .stn small{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap;text-align:center}
.ix-ostrip .stn b{font-size:13px;color:#1C1917}.ix-ostrip .stn small{font-size:12px;color:#78716C}
.ix-ostrip .stn.a b{bottom:28px}.ix-ostrip .stn.a small{bottom:12px}
.ix-ostrip .stn.b b{top:20px}.ix-ostrip .stn.b small{top:38px}
.ix-ostrip .opin{position:absolute;top:50px;left:0;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 4px var(--t2);opacity:0;transition:left 1s cubic-bezier(.22,1,.36,1),opacity .3s}
.ix-ostrip .opin.on{opacity:1}
.ix-ostrip .opin em{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:var(--deep);border-radius:99px;padding:1px 8px;white-space:nowrap}
.ix-cohort{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:14px;margin-top:12px;align-items:start}
.ix-dots100{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px}
.ix-dots100 i{aspect-ratio:1;border-radius:50%;background:var(--acc);transition:opacity .5s,transform .5s}
.ix-dots100 i.gone{opacity:.14;transform:scale(.6)}
.ix-cohort .ix-stat .v small{font-size:13px;font-weight:500;color:#78716C}
.ix-cohort .ix-meterb .h svg{height:20px;width:auto;vertical-align:-5px;margin-right:4px;color:var(--deep)}
.ix-shelf{position:relative;background:#F5F5F4;border:1px solid #E7E5E4;border-radius:12px;padding:14px 18px 0;overflow:hidden}
.ix-shelf .row{display:flex;justify-content:center;gap:12px;position:relative;z-index:1}
.ix-shelf .slot{width:58px;transition:transform .25s}.ix-shelf .slot svg{display:block;width:100%;height:auto}
.ix-shelf .slot.hit{transform:translateY(-4px)}
.ix-shelf .plank{display:block;height:10px;margin:0 -18px;background:#D6D3D1}
.ix-shelf .eye{position:absolute;top:8px;left:0;width:68px;height:100px;border-radius:14px;border:3px solid var(--deep);box-shadow:0 0 0 4px var(--t2);opacity:0;z-index:2;pointer-events:none}
.ix-shelf .eye.on{opacity:1}
.ix-sl.off{opacity:.45}
.ix-chatcol .vd{margin:6px 0 0;font-size:12.5px;font-weight:650;min-height:18px}
.ix-chatcol.caved{border-color:#E8B4B4}.ix-chatcol.caved .vd{color:#A32020}.ix-chatcol.held{border-color:#BFDCCB}.ix-chatcol.held .vd{color:#1E6B43}
.ix-al .lanes{display:grid;gap:4px;margin-top:4px}
.ix-al .ln{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-height:46px}
.ix-al .ln>b{font-size:13px;color:#1C1917;text-align:right}
.ix-al .tk{position:relative;height:46px;margin:0 12px}
.ix-al .rl{position:absolute;left:0;right:0;top:22px;border-top:2px solid #E7E5E4}
.ix-al .band{position:absolute;top:17px;height:12px;border-radius:6px;background:#E7F3EC;border:1px solid #BFDCCB}
.ix-al .nonum{position:absolute;left:0;top:11px;font-size:12px;font-weight:600;color:#78716C;background:#fff;border:1px dashed #D6D3D1;border-radius:7px;padding:2px 8px}
.ix-al .mk{position:absolute;top:16px;width:14px;height:14px;margin-left:-7px;border-radius:50%;box-shadow:0 0 0 3px #fff;transition:left .8s cubic-bezier(.22,1,.36,1)}
.ix-al .mk.a{background:#D46A6A}.ix-al .mk.h{background:#4E9B6E}
.ix-al .mk em{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);font-style:normal;font-size:11.5px;font-weight:650;white-space:nowrap;color:#44403C}
.ix-al .mk.fl em{left:auto;right:-4px;transform:none}.ix-al .mk.moved em{color:#A32020}
.ix-al .dg{position:absolute;top:30px;opacity:0;transition:opacity .4s}.ix-al .dg.on{opacity:1}
.ix-al .dg i{position:absolute;left:0;top:0;height:14px;border-left:1.5px dashed #D46A6A}
.ix-al .dg small{position:absolute;top:14px;right:-8px;white-space:nowrap;font-size:11px;color:#A32020;border:1px dashed #D46A6A;border-radius:6px;padding:1px 6px;background:#fff}
.ix-al .ln[data-la]{min-height:72px}.ix-al .ln[data-la] .tk{height:72px}
.ix-al .ax .tk{height:20px}.ix-al .ax .t{position:absolute;top:0;transform:translateX(-50%);font-size:11.5px;color:#78716C;white-space:nowrap}
.ix-al .ax .t.first{transform:none}.ix-al .ax .t.last{transform:translateX(-100%)}
.ix-comp2{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px;margin-top:12px}
.ix-comp2 .t{flex:1;font-size:14px;color:#1C1917}.ix-comp2 .ix-tag{align-self:center}
@media (max-width:720px){.ix-five{grid-template-columns:repeat(3,1fr)}.ix-fourp,.ix-flips{grid-template-columns:1fr 1fr}.ix-cohort{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.ix-flip .in,.ix-seats .chip,.ix-ostrip .opin,.ix-al .mk,.ix-dots100 i{transition:none!important}}

/* kit parts first drawn for Principles of Marketing chapter 4; reusable by any book */
.ix-lab3{margin:0 0 8px;font-size:13.5px;font-weight:650;color:#1C1917}.rv .ix-lab3{margin:0 0 8px}
.ix-panel.ix-weak{border-color:#E8B4B4;box-shadow:0 0 0 3px #FBE9E9}
.ix-ch-h{font-size:13px;font-weight:650;color:#44403C;margin:2px 0 8px}.ix-ch-h small{display:block;font-size:12px;font-weight:500;color:#78716C;margin-top:1px}
.ix-ebars{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:170px;padding:0 4px 4px;border-bottom:1.5px solid #D6D3D1}
.ix-ebars span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.ix-ebars i{display:block;width:70%;max-width:44px;border-radius:5px 5px 0 0;background:#D6D3D1;transition:background .25s}
.ix-ebars small{font-size:12px;color:#78716C;font-variant-numeric:tabular-nums}
.ix-ebars span.on i{background:var(--acc)}.ix-ebars span.on small{color:#1C1917;font-weight:700}
.ix-ordr.bad{border-color:#E8B4B4;background:#FDF5F5}.ix-ordr.ok{border-color:#BFDCCB}
.ix-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ix-prod{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:#FAFAF9;border:1px solid #EEECE9;border-radius:12px;padding:10px 8px 26px;opacity:.5;transition:opacity .25s,border-color .25s,background .25s}
.ix-prod svg{height:36px;width:auto;color:#44403C;margin-bottom:4px}.ix-prod b{font-size:13px;color:#1C1917}.ix-prod small{font-size:12px;color:#78716C}
.ix-prod .ix-tag{position:absolute;bottom:6px;left:50%;transform:translateX(-50%)}.ix-prod .ix-tag:empty{display:none}
.ix-prod.on{opacity:1;background:#fff;border-color:var(--acc)}.ix-prod.on .ix-tag{background:var(--t1);color:var(--ink)}
@media (max-width:720px){.ix-prods{grid-template-columns:1fr 1fr}}
.ix-ordr .tx{font-size:13.5px;line-height:1.45;color:#1C1917}.ix-ordr .tx b{display:inline;font-size:inherit;font-weight:700}
/* the buyer's short list: a thought bubble with the brands that come to mind, the absent one outside it */
.ix-mind{display:grid;grid-template-columns:88px minmax(0,1fr) 170px;gap:12px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:14px}
.ix-mind .who{display:flex;flex-direction:column;align-items:center;gap:4px}.ix-mind .who svg{height:54px;width:auto;color:#44403C}.ix-mind .who small{font-size:12px;color:#78716C}
.ix-mind .bub{position:relative;border:1.5px dashed var(--t3);background:var(--t1);border-radius:40px;padding:22px 16px 14px;min-height:96px}
.ix-mind .bub .cap{position:absolute;top:-10px;left:22px;background:#fff;padding:0 8px;border-radius:99px;font-size:12px;font-weight:650;color:var(--ink)}
.ix-mind .in{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ix-brand{display:inline-grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:7px 10px;text-align:left}
.ix-brand svg{grid-row:span 2;height:30px;width:auto;color:#44403C}.ix-brand b{font-size:13.5px;color:#1C1917}.ix-brand small{font-size:12px;color:#78716C}
.ix-brand em{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--deep);border-radius:99px;padding:1px 6px;margin-left:4px;vertical-align:1px}
.ix-brand.win{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}.ix-brand.win svg{color:var(--deep)}
.ix-brand.off{border-style:dashed;background:#FAFAF9;opacity:.75}.ix-brand.off.famous em{background:#78716C}
.ix-funnel{display:grid;gap:6px;margin-top:12px}
.ix-funnel .rw{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:center;background:#fff;border:1px solid #E7E5E4;border-radius:10px;padding:8px 12px;min-height:44px}
.ix-funnel .fl{font-size:13px;font-weight:650;color:#44403C}
.ix-blind{display:block;padding:6px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:#78716C;background:repeating-linear-gradient(135deg,#F5F5F4 0 8px,#EEECE9 8px 16px)}
.ix-tag.gap{background:#F5F5F4;color:#78716C;text-decoration:line-through;text-decoration-color:#A8A29E}
.ix-qlist{display:grid;gap:6px;margin-bottom:12px}
.ix-qlist button{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:11px;padding:9px 12px;cursor:pointer;font:inherit;transition:border-color .2s,box-shadow .2s}
.ix-qlist button:hover{border-color:var(--acc)}.ix-qlist button.on{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}
.ix-qlist .dot{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid #A8A29E;margin-top:2px}.ix-qlist button.on .dot{border:5px solid var(--deep)}
.ix-qlist b{display:block;font-size:13.5px;font-weight:650;color:#1C1917}.ix-qlist small{display:block;font-size:12.5px;color:#78716C;margin-top:1px}
.ix-gates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.ix-gate{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px;transition:border-color .25s,background .25s}
.ix-gate small{display:block;font-size:12px;font-weight:650;color:#78716C}.ix-gate b{display:block;font-size:14.5px;color:#1C1917;margin-top:2px}.ix-gate p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#44403C}
.rv .ix-gate p{margin:4px 0 0}
.ix-gate.pass{border-color:#BFDCCB;background:#F3FAF6}.ix-gate.pass b{color:#1E6B43}.ix-gate.fail{border-color:#E8B4B4;background:#FDF5F5}.ix-gate.fail b{color:#A32020}
/* the decision fork: two options above a track; the answer rises from below and the pointer swings or fizzles */
.ix-fork{position:relative;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 16px 10px;margin-bottom:12px;text-align:center}
.ix-fork .hd,.ix-fork .ft{display:block;font-size:12px;font-weight:650;color:#78716C}
.ix-fork .opts{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:6px 0 0}
.ix-fork .opts span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #D6D3D1;border-radius:10px;padding:9px;font-size:13.5px;font-weight:650;color:#1C1917;transition:border-color .3s,background .3s,box-shadow .3s}
.ix-fork .opts svg{height:26px;width:auto;color:#44403C}
.ix-fork .opts span.lit{border-color:var(--deep);background:var(--t1);box-shadow:0 0 0 3px var(--t2)}
.ix-fork .trk{position:relative;height:28px;margin:0 25% 40px;border:2px solid #D6D3D1;border-top:0;border-radius:0 0 10px 10px}
.ix-fork .trk::after{content:"";position:absolute;left:50%;top:100%;height:40px;border-left:2px solid #D6D3D1}
.ix-fork .ptr{position:absolute;left:50%;top:18px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#1C1917;transition:left .6s cubic-bezier(.22,1,.36,1);z-index:1}
.ix-fork .tok{position:absolute;left:50%;top:62px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--acc);opacity:0;transition:top .55s ease,opacity .3s}
.ix-fork.rise .tok{opacity:1;top:20px}.ix-fork.fizz .tok{opacity:0}
.ix-fork.swing-R .ptr{left:100%}.ix-fork.swing-L .ptr{left:0}.ix-fork.swing-R .tok,.ix-fork.swing-L .tok{opacity:0}
/* four formats as drawn cards, and the map of the four setups with each answered situation pinned on it */
.ix-fmts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ix-fmts button{display:flex;gap:10px;align-items:center;text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;transition:border-color .2s,background .2s}
.ix-fmts button:hover:not(:disabled){border-color:var(--acc)}.ix-fmts button:disabled{cursor:default}
.ix-fmts svg{height:34px;width:auto;max-width:44px;color:#44403C;flex:none}.ix-fmts b{display:block;font-size:13.5px;color:#1C1917}.ix-fmts small{display:block;font-size:12.5px;color:#78716C}
.ix-fmts button.right{border-color:#4E9B6E;background:#F3FAF6}.ix-fmts button.wrong{border-color:#D46A6A;background:#FDF5F5}
.ix-rooms{margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px}
.ix-rooms .hd{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:12.5px;font-weight:650;color:#78716C;margin-bottom:6px}
.ix-rooms .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ix-rooms .rm{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px dashed #D6D3D1;border-radius:10px;padding:8px 10px;min-height:66px}
.ix-rooms .rm svg{grid-row:span 2;height:36px;width:auto;max-width:46px;color:#57534E}.ix-rooms .rm b{font-size:13px;color:#1C1917}
.ix-rooms .pins{display:flex;gap:5px;flex-wrap:wrap;min-height:22px}
.ix-rooms .pins i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--deep);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.ix-rooms .pins i.x{background:#fff;color:#A32020;border:1.5px dashed #D46A6A}
/* the three coding passes and the pile they shrink */
.ix-passes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.ix-passes button{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:12px;padding:9px 10px;cursor:pointer;font:inherit;transition:border-color .2s,background .2s}
.ix-passes .k{width:22px;height:22px;border-radius:50%;background:#F1EFEC;font-size:12px;font-weight:700;color:#57534E;display:grid;place-items:center}
.ix-passes svg{height:26px;width:auto;max-width:32px;color:#44403C}.ix-passes b{display:block;font-size:13px;color:#1C1917}.ix-passes small{display:block;font-size:12px;color:#78716C;line-height:1.35}
.ix-passes button.next{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}.ix-passes button.done{background:#F3FAF6;border-color:#BFDCCB}.ix-passes button.done .k{background:#4E9B6E;color:#fff}
.ix-pile{margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px}
.ix-pile .hd{display:flex;justify-content:space-between;font-size:13.5px}.ix-pile .hd span{color:#57534E}
.ix-pile .dots{display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;min-height:96px;margin:8px 0}
.ix-pile .dots i{width:7px;height:7px;border-radius:2px;background:#D6D3D1}
.ix-pile .dots i.theme{width:22px;height:22px;border-radius:6px;background:var(--t2);border:1px solid var(--t3)}
.ix-pile .dots i.keep{width:46px;height:46px;border-radius:10px;background:var(--acc)}
.ix-pile .ax{display:flex;justify-content:space-between;font-size:12px;color:#78716C;border-top:1px dashed #E7E5E4;padding-top:6px}
/* a coding scheme and its frequency table inside a chat reply */
.ix-cs{margin-top:6px}.ix-cs>b{display:block;font-size:12.5px;margin-bottom:4px}.ix-cs>div{font-size:13px;margin:3px 0}
.ix-cs .fq{display:grid;grid-template-columns:120px minmax(0,1fr) 20px;gap:8px;align-items:center}
.ix-cs .fq span{font-size:12px;font-weight:650;color:#44403C}.ix-cs .fq em{font-style:normal;font-weight:700;font-size:13px}
.ix-cs .fq i{display:block;height:12px;border-radius:6px;background:var(--acc);width:var(--w);animation:ixGrow .6s cubic-bezier(.22,1,.36,1) both}
@keyframes ixGrow{from{width:0}to{width:var(--w)}}
@media (prefers-reduced-motion: reduce){.ix-cs .fq i{animation:none}}
/* a town of 100 people with the 20 near the door marked, and the estimate against the true line */
.ix-town{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px}
.ix-town .door{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#57534E;margin-bottom:8px}.ix-town .door svg{height:26px;width:auto;color:#57534E}
.ix-town .g{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:290px}
.ix-town .g i{aspect-ratio:1;border-radius:50%;background:#EEECE9;border:1.5px solid transparent;transition:background .25s,transform .25s}
.ix-town .g i.e{border-color:#A8A29E;border-style:dashed}
.ix-town .g i.pa{background:var(--acc);transform:scale(1.08)}.ix-town .g i.pb{background:#57534E;transform:scale(1.08)}
.ix-town .leg,.ix-panel .leg{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#57534E;margin-top:8px}
.ix-town .leg i,.ix-panel .leg i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.ix-town .leg i.a{background:var(--acc)}.ix-town .leg i.b{background:#57534E}.ix-town .leg i.e{border:1.5px dashed #A8A29E}
.ix-est{margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 14px}
.ix-est .t{position:relative;height:18px;border-radius:9px;background:#F1EFEC;margin:26px 0 4px}
.ix-est .t i{display:block;height:100%;width:0;border-radius:9px;background:var(--acc);transition:width .6s cubic-bezier(.22,1,.36,1)}
.ix-est .tr{position:absolute;left:60%;top:-6px;bottom:-6px;border-left:2px dashed #1C1917}
.ix-est .tr em{position:absolute;left:4px;top:-18px;font-style:normal;font-size:11.5px;font-weight:700;color:#1C1917;white-space:nowrap}
/* the forty-one blues as a strip of chips, the winner outlined; the resignation line */
.ix-blues{display:flex;gap:2px;margin-top:10px;height:34px;align-items:stretch}
.ix-blues i{flex:1;border-radius:3px;min-width:3px}.ix-blues i.w{outline:2.5px solid #1C1917;outline-offset:1px}
.ix-quit{display:none;align-items:center;gap:10px;margin-top:10px;background:#FDF5F5;border:1px solid #E8B4B4;border-radius:12px;padding:10px 12px;font-size:13.5px;color:#7F1D1D}
.ix-quit.show{display:flex}.ix-quit svg{height:30px;width:auto;color:#A32020;flex:none}
/* the 100 buyers: bought, never came (faint), and revealed */
.ix-dots100.sx{border:0;padding:0;background:none}
.ix-dots100.sx i.bo{background:var(--acc)}.ix-dots100.sx i.go{background:transparent;border:1px dashed #D6D3D1;opacity:1}.ix-dots100.sx i.sh{background:#57534E}
.ix-dots100.sx i{transition:background .35s}
.ix-panel .leg i.bo{background:var(--acc)}.ix-panel .leg i.go{border:1px dashed #A8A29E}
.ix-sxb{margin-top:8px}.ix-sxb .h{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.ix-sxb .h b{font-variant-numeric:tabular-nums}.ix-sxb .h small{font-weight:500;color:#78716C}
.ix-sxb .h em{font-style:normal;margin-left:4px;vertical-align:1px}
.ix-sxb .t{display:flex;height:14px;border-radius:7px;background:#F1EFEC;overflow:hidden}.ix-sxb .t i{display:block;height:100%}.ix-sxb .t i.b{background:var(--acc)}.ix-sxb .t i.h{background:#57534E}
/* a survey builder app: questions on the left, the assistant's rail on the right */
.ix-app{background:#fff;border:1px solid #E7E5E4;border-radius:14px;overflow:hidden}
.ix-app .bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #EEECE9;background:#FAFAF9;font-size:13px;color:#57534E}
.ix-app .bar svg{height:22px;width:auto;color:var(--deep)}.ix-app .bar b{color:#1C1917;font-size:14px}.ix-app .bar .ix-tag{margin-left:auto;align-self:center}
.ix-app .cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.ix-app .canvas{padding:12px 14px;border-right:1px solid #EEECE9;background:#FAFAF9}
.ix-app .guide{margin:0 0 10px;font-size:13px;line-height:1.5;color:#44403C;background:#fff;border:1px solid #E7E5E4;border-left:3px solid var(--acc);border-radius:9px;padding:8px 10px}.rv .ix-app .guide{margin:0 0 10px}
.ix-app .q{background:#fff;border:1px solid #E7E5E4;border-radius:11px;padding:10px 12px;margin-bottom:8px}
.ix-app .qt{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ix-app .qt .ty{font-size:12px;color:#78716C}.ix-app .qt .x{margin-left:auto}
.ix-app .x{width:24px;height:24px;border-radius:6px;border:1px solid transparent;background:none;color:#A8A29E;cursor:pointer;font-size:15px;line-height:1}.ix-app .x:hover{border-color:#E7E5E4;color:#57534E}
.ix-app .stem{font-size:14px;font-weight:600;color:#1C1917;padding:4px 6px;border-radius:6px;outline:none;min-height:22px}.ix-app [contenteditable]:focus{background:var(--t1);box-shadow:0 0 0 2px var(--t2)}
.ix-app ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:2px}.ix-app li{display:flex;align-items:center;gap:8px;font-size:13px;color:#44403C}
.ix-app li i{width:12px;height:12px;border-radius:50%;border:1.5px solid #A8A29E;flex:none}.ix-app li span{flex:1;padding:2px 6px;border-radius:5px;outline:none}
.ix-app .te{margin-top:6px;border:1px dashed #D6D3D1;border-radius:8px;padding:8px;font-size:12.5px;color:#A8A29E}
.ix-app .add{position:relative;margin-top:4px}.ix-app .menu{position:absolute;left:0;top:calc(100% + 6px);z-index:5;width:280px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;box-shadow:0 10px 30px rgba(28,25,23,.12);padding:6px}
.ix-app .menu small{display:block;font-size:11.5px;font-weight:650;color:#78716C;padding:4px 8px}
.ix-app .menu button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:7px 8px;cursor:pointer;font:inherit}.ix-app .menu button:hover{background:#F5F5F4}
.ix-app .menu b{display:block;font-size:13px}.ix-app .menu span{display:block;font-size:12px;color:#78716C}
.ix-app .rail{padding:12px 14px}
.ix-app .rh{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ix-app .rh svg{height:30px;width:auto;color:var(--deep)}.ix-app .rh b{display:block;font-size:13.5px}.ix-app .rh small{display:block;font-size:12px;color:#78716C}
.ix-app .scanline{margin:8px 0;font-size:12.5px;color:#57534E;min-height:18px}.rv .ix-app .scanline{margin:8px 0}
.ix-app .steps{display:grid;gap:5px;margin-bottom:10px}.ix-app .steps .cap{font-size:12px;font-weight:600;color:#78716C}
.ix-app .st{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:8px;align-items:center;border:1px solid #E7E5E4;border-radius:9px;padding:6px 8px}
.ix-app .st .n{grid-row:span 2;font-size:11.5px;font-weight:700;color:var(--ink)}.ix-app .st b{font-size:12.5px}.ix-app .st em{font-style:normal;font-size:11.5px;color:#78716C}
.ix-app .st .tk{grid-row:1 / span 2;grid-column:3;display:flex;gap:3px}.ix-app .st .tk i{font-style:normal;font-size:11px;font-weight:700;color:var(--deep);border:1.5px solid var(--deep);border-radius:99px;padding:1px 6px;background:#fff}
.ix-app .st.hit{border-color:#E8B4B4;background:#FDF5F5}.ix-app .st.end{grid-template-columns:minmax(0,1fr) auto;border-style:dashed}.ix-app .st.end .tk{grid-column:2;grid-row:1}.ix-app .st.end .tk i.ok{background:var(--deep);color:#fff}.ix-app .st.end.hit{background:#F3FAF6;border-color:#BFDCCB;border-style:solid}
.ix-app .flag{border:1px solid #E8B4B4;background:#FDF5F5;border-radius:10px;padding:9px 10px;margin-bottom:8px}.ix-app .flag.clean{border-color:#BFDCCB;background:#F3FAF6}
.ix-app .flag .ft{display:flex;gap:6px;margin-bottom:4px}.ix-app .flag p{margin:0;font-size:12.5px;line-height:1.45;color:#44403C}.rv .ix-app .flag p{margin:0}
.ix-app .flag .ai{margin-top:6px;background:#fff;border:1px solid #E7E5E4;border-radius:8px;padding:6px 8px;font-size:12.5px;color:#1C1917}.ix-app .flag .ai small{display:block;font-size:11px;font-weight:700;color:var(--ink)}
.ix-app .flag .ix-btn{height:30px;font-size:12.5px;margin-top:6px}
/* the flagged customers grid and the big real chance */
.ix-flags{display:grid;grid-template-columns:repeat(18,1fr);gap:3px;margin-top:6px}.ix-flags i{aspect-ratio:1;border-radius:3px}.ix-flags i.tp{background:var(--deep)}.ix-flags i.fp{background:var(--t2);border:1px solid var(--t3)}
.ix-panel .leg i.tp{background:var(--deep);border-radius:3px}.ix-panel .leg i.fp{background:var(--t2);border:1px solid var(--t3);border-radius:3px}
.ix-bigread small{display:block;font-size:12.5px;font-weight:600;color:#57534E}.ix-bigread .big{margin:4px 0;font-size:52px;font-weight:750;letter-spacing:-.03em;color:var(--ink);line-height:1}.ix-bigread .cap{margin:0 0 8px;font-size:13px;line-height:1.45;color:#44403C}
.rv .ix-bigread .big{margin:4px 0}.rv .ix-bigread .cap{margin:0 0 8px}
.ix-bigans{display:block;font-size:30px;font-weight:750;color:#1C1917;line-height:1.1;margin-bottom:4px}
.ix-wline{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.45;margin:3px 0;animation:ixFly .35s both}.ix-wline .k{flex:none;width:20px;height:20px;border-radius:50%;background:var(--deep);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}
@media (prefers-reduced-motion: reduce){.ix-wline{animation:none}}
/* the bomber: armor tints the chosen parts, the lost planes' hits appear on reveal */
.ix-bomber svg .w,.ix-bomber svg .f,.ix-bomber svg .e{fill:#F5F5F4;stroke:#A8A29E;stroke-width:2;transition:fill .3s,stroke .3s}
.ix-bomber.arm-wings svg .w,.ix-bomber.arm-engines svg .e{fill:var(--t2);stroke:var(--deep);stroke-width:3}
.ix-bomber svg .hit{fill:#D46A6A}.ix-bomber svg .lost{fill:#1C1917;opacity:0;transition:opacity .4s}.ix-bomber.show svg .lost{opacity:1}
.ix-bomber svg text{font-family:Inter,sans-serif;font-size:12.5px;font-weight:600}.ix-bomber svg .zl{fill:#78716C}.ix-bomber svg .ll{fill:#1C1917;opacity:0;transition:opacity .4s}.ix-bomber.show svg .ll{opacity:1}
/* the detection layers and the 100 responses */
.ix-layers{display:flex;flex-wrap:wrap;gap:6px}
.ix-layers button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:9px;border:1px solid #D6D3D1;background:#fff;font:600 13px Inter,sans-serif;color:#1C1917;cursor:pointer}
.ix-layers .bx{width:14px;height:14px;border-radius:4px;border:1.5px solid #A8A29E;display:grid;place-items:center}
.ix-layers button.on{border-color:var(--deep);background:var(--t1)}.ix-layers button.on .bx{background:var(--deep);border-color:var(--deep)}
.ix-layers button.on .bx::after{content:"";width:7px;height:3px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.ix-dots100.bots{border:0;padding:0;background:none}.ix-dots100.bots i.hu{background:#D6D3D1}.ix-dots100.bots i.cl{background:var(--t3)}.ix-dots100.bots i.so{background:var(--deep)}
.ix-dots100.bots i.gone{opacity:.1;transform:scale(.5)}
.ix-panel .leg i.hu{background:#D6D3D1}.ix-panel .leg i.cl{background:var(--t3)}.ix-panel .leg i.so{background:var(--deep)}
@media (max-width:720px){.ix-app .cols{grid-template-columns:1fr}.ix-app .canvas{border-right:0;border-bottom:1px solid #EEECE9}}
@media (max-width:720px){.ix-fmts,.ix-passes{grid-template-columns:1fr}.ix-mind{grid-template-columns:1fr}.ix-gates{grid-template-columns:1fr}.ix-funnel .rw{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.ix-fork .ptr,.ix-fork .tok{transition:none}}
.ix-panel h4.blk{display:block}

/* chapter 4, second set: the synthetic lanes, and the Prepara look for the two simulations that keep the chapter's
   own scripts (their class names are the chapter's: cseg-* for the spreadsheet assistant, idsk-* for the Insight Desk) */
.ix-sylane{margin-bottom:10px}.ix-sylane h4{display:flex;align-items:center;gap:6px}.ix-sylane h4 svg{height:22px;width:auto;color:#44403C;vertical-align:-6px;margin-right:6px}.ix-sylane h4 span{font-weight:500;color:#78716C;font-size:12.5px;margin-left:4px}
.ix-sylane .trk{position:relative;height:54px;border-radius:9px;background:#FAFAF9;border:1px solid #EEECE9}
.ix-sylane .band{position:absolute;top:6px;bottom:6px;border-radius:6px;background:var(--t1);border:1px dashed var(--t3)}
.ix-sylane i{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;animation:ixPop .35s both}
.ix-sylane i.r{background:#57534E}.ix-sylane i.s{background:var(--acc)}
.ix-sylane .mean{position:absolute;top:2px;bottom:2px;border-left:2px solid #1C1917}
/* the spreadsheet assistant */
.ix-xl .cseg-frame{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:#fff;border:1px solid #E7E5E4;border-radius:14px;overflow:hidden;font-family:Inter,sans-serif}
.ix-xl .cseg-xl{display:flex;flex-direction:column;border-right:1px solid #EEECE9;min-width:0}
.ix-xl .cseg-xl-title{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#FAFAF9;border-bottom:1px solid #EEECE9;font-size:13px;color:#57534E}
.ix-xl .cseg-xl-title svg{height:20px;width:auto;color:#1E6B43}.ix-xl .cseg-xl-app{font-weight:700;color:#1C1917}
.ix-xl .cseg-spacer{flex:1}
.ix-xl .cseg-sim-badge,.ix-xl .cseg-sim-pill{font-size:11px;font-weight:650;color:#57534E;background:#F1EFEC;border-radius:99px;padding:2px 8px}
.ix-xl .cseg-ribbon{display:flex;gap:14px;padding:6px 12px;border-bottom:1px solid #EEECE9;font-size:12px;color:#78716C}.ix-xl .cseg-tab.on{color:#1C1917;font-weight:650;box-shadow:inset 0 -2px 0 #1E6B43}
.ix-xl .cseg-fbar{display:flex;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid #EEECE9;font-size:12px}
.ix-xl .cseg-namebox{min-width:64px;border:1px solid #E7E5E4;border-radius:5px;padding:2px 6px;color:#44403C}.ix-xl .cseg-fx{color:#A8A29E;font-style:italic}.ix-xl .cseg-formula{flex:1;color:#1C1917;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-xl .cseg-grid-scroll{overflow:auto;max-height:420px}
.ix-xl .cseg-sheet{border-collapse:collapse;width:100%;font-size:12.5px}
.ix-xl .cseg-sheet th,.ix-xl .cseg-sheet td{border:1px solid #EEECE9;padding:5px 7px;text-align:left;vertical-align:top}
.ix-xl .cseg-colh,.ix-xl .cseg-rownum{background:#FAFAF9;color:#78716C;font-weight:600;text-align:center!important;font-size:11.5px}
.ix-xl .cseg-rownum{width:28px}.ix-xl .cseg-head{font-weight:700;color:#1C1917;background:#FAFAF9}
.ix-xl .cseg-colh.cseg-selcol{background:#E7F3EC;color:#1E6B43}
.ix-xl .cseg-lbl{color:#44403C;white-space:nowrap}.ix-xl .cseg-resp{color:#1C1917;cursor:cell}
.ix-xl .cseg-tiercell{white-space:nowrap;font-weight:650;transition:background .3s}.ix-xl .cseg-empty{color:#D6D3D1;text-align:center!important}
.ix-xl .cseg-active{outline:2px solid #1E6B43;outline-offset:-2px}.ix-xl .cseg-lit{background:#E7F3EC!important}
.ix-xl .th-dur{color:#1D4ED8}.ix-xl .th-des{color:#9D174D}.ix-xl .th-pri{color:#A16207}.ix-xl .th-svc{color:#1E6B43}.ix-xl .th-unc{color:#78716C;font-style:italic}
.ix-xl .cseg-celledit{width:100%;font:inherit;border:0;outline:none;background:var(--t1)}
.ix-xl .cseg-xl-tabs{padding:4px 10px;border-top:1px solid #EEECE9;font-size:11.5px}.ix-xl .cseg-sheettab{border-bottom:2px solid #1E6B43;padding:2px 6px;font-weight:650;color:#1C1917}
.ix-xl .cseg-xl-status{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#FAFAF9;border-top:1px solid #EEECE9;font-size:11.5px;color:#57534E}
.ix-xl .cseg-dot{width:8px;height:8px;border-radius:50%;background:#4E9B6E}.ix-xl .cseg-dot.cseg-busy{background:var(--acc);animation:ixDot 1s infinite}
.ix-xl .cseg-seek{color:#78716C;text-align:right}
.ix-xl .cseg-side{display:flex;flex-direction:column;min-width:0;background:#fff}
.ix-xl .cseg-side-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #EEECE9;font-size:13px}.ix-xl .cseg-side-head svg{height:24px;width:auto;color:var(--deep)}.ix-xl .cseg-side-name{font-weight:700}
.ix-xl .cseg-hbtn{width:24px;height:24px;border-radius:50%;border:1px solid #E7E5E4;background:#fff;cursor:pointer;font-weight:700;color:#57534E}
.ix-xl .cseg-card{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 12px}
.ix-xl .cseg-convo{flex:1;min-height:200px;max-height:380px;overflow:auto;display:flex;flex-direction:column}
.ix-xl .cseg-turn{margin-bottom:8px;animation:ixFly .35s both}
.ix-xl .cseg-row-user{display:flex;justify-content:flex-end}.ix-xl .cseg-bubble{background:var(--deep);color:#fff;border-radius:12px 12px 4px 12px;padding:7px 11px;font-size:13px;max-width:85%}
.ix-xl .cseg-row-ai{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px}.ix-xl .cseg-avatar svg{width:22px;height:22px}
.ix-xl .cseg-ai-body{font-size:13px;line-height:1.5;color:#1C1917}.ix-xl .cseg-ai-body p{margin:0 0 6px}.rv .ix-xl .cseg-ai-body p{margin:0 0 6px}
.ix-xl .cseg-hl{background:var(--t1);border-radius:4px;padding:0 3px;font-weight:600}
.ix-xl .cseg-plan{border:1px solid #E7E5E4;border-radius:9px;padding:7px 10px;margin:6px 0;background:#FAFAF9}.ix-xl .cseg-pt{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px}.ix-xl .cseg-pt svg{width:14px;height:14px}
.ix-xl .cseg-plan ol{margin:4px 0 0;padding-left:18px;font-size:12.5px}
.ix-xl .cseg-working{display:flex;align-items:center;gap:6px;font-size:12px;color:#78716C}.ix-xl .cseg-dots{display:inline-flex;gap:3px}.ix-xl .cseg-dots i{width:5px;height:5px;border-radius:50%;background:#A8A29E;animation:ixDot 1s infinite}.ix-xl .cseg-dots i:nth-child(2){animation-delay:.15s}.ix-xl .cseg-dots i:nth-child(3){animation-delay:.3s}
.ix-xl .cseg-approve{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.ix-xl .cseg-ab{height:30px;padding:0 11px;border-radius:8px;border:1px solid #D6D3D1;background:#fff;font:600 12.5px Inter,sans-serif;cursor:pointer}.ix-xl .cseg-ab.cseg-primary{background:var(--deep);border-color:var(--deep);color:#fff}
.ix-xl .cseg-anote{flex-basis:100%;font-size:11.5px;color:#78716C}
.ix-xl .cseg-action{border:1px solid #E7E5E4;border-radius:9px;margin:6px 0;overflow:hidden}.ix-xl .cseg-action-head{display:flex;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:650;cursor:pointer;background:#FAFAF9}.ix-xl .cseg-gic{width:14px;height:14px}.ix-xl .cseg-chev{margin-left:auto;font-size:10px;transition:transform .2s}.ix-xl .cseg-open .cseg-chev{transform:rotate(90deg)}
.ix-xl .cseg-action-body{display:none;padding:6px 9px;font-size:12px}.ix-xl .cseg-open .cseg-action-body{display:block}.ix-xl .cseg-diff{display:grid;gap:3px}.ix-xl .cseg-cap{font-size:11px;color:#78716C}.ix-xl .cseg-was{color:#A32020;text-decoration:line-through}.ix-xl .cseg-now{color:#1E6B43}
.ix-xl .cseg-lead{font-weight:650}.ix-xl .cseg-cref{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:5px;background:#E7F3EC;color:#1E6B43;font-weight:700;font-size:11.5px;cursor:pointer}
.ix-xl .cseg-summary{border:1px solid #E7E5E4;border-radius:9px;margin:6px 0;overflow:hidden}.ix-xl .cseg-srow{display:flex;justify-content:space-between;padding:4px 9px;border-top:1px solid #F1EFEC;font-size:12.5px}.ix-xl .cseg-shead{background:#FAFAF9;font-weight:700;border-top:0}
.ix-xl .cseg-sname{display:flex;align-items:center;gap:6px}.ix-xl .cseg-swatch{width:9px;height:9px;border-radius:2px;background:currentColor}.ix-xl .cseg-scount{font-weight:700;font-variant-numeric:tabular-nums}
.ix-xl .cseg-review{border:1px dashed #D6D3D1;border-radius:9px;margin:6px 0;padding:4px 9px}.ix-xl .cseg-rev-row{font-size:12.5px;padding:3px 0}.ix-xl .cseg-rev-who{font-weight:700;margin-right:6px}
.ix-xl .cseg-starters{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:8px 0}.ix-xl .cseg-starters-lab{font-size:12px;color:#78716C}
.ix-xl .cseg-chip{height:28px;padding:0 10px;border-radius:99px;border:1px solid #D6D3D1;background:#fff;font:500 12px Inter,sans-serif;cursor:pointer}.ix-xl .cseg-chip:hover{border-color:var(--acc)}.ix-xl .cseg-chip:disabled{opacity:.5;cursor:default}
.ix-xl .cseg-composer-box{border:1px solid #D6D3D1;border-radius:12px;padding:8px 10px}.ix-xl .cseg-input{width:100%;border:0;outline:none;font:13px Inter,sans-serif;background:none}
.ix-xl .cseg-composer-foot{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;color:#78716C}.ix-xl .cseg-plus{width:26px;height:26px;border-radius:50%;border:1px solid #E7E5E4;display:grid;place-items:center;cursor:pointer;color:#57534E}
.ix-xl .cseg-go{width:30px;height:30px;border-radius:50%;border:0;background:var(--deep);color:#fff;cursor:pointer;font-size:15px}.ix-xl .cseg-go:disabled{opacity:.45}
.ix-xl .cseg-run-hint{margin:6px 0 0;font-size:11.5px;color:#78716C}.rv .ix-xl .cseg-run-hint{margin:6px 0 0}
.ix-xl .cseg-pop{position:absolute;right:14px;top:46px;z-index:6;max-width:300px;background:#1C1917;color:#fff;border-radius:10px;padding:9px 28px 9px 11px;font-size:12.5px;line-height:1.45;box-shadow:0 10px 28px rgba(28,25,23,.25)}.ix-xl .cseg-pop-x{position:absolute;right:8px;top:4px;cursor:pointer;opacity:.7}
@media (max-width:760px){.ix-xl .cseg-frame{grid-template-columns:1fr}.ix-xl .cseg-xl{border-right:0;border-bottom:1px solid #EEECE9}}
/* the Insight Desk */
.ix-idsk{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;font-family:Inter,sans-serif}
.ix-idsk .idsk-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E7E5E4;border-radius:14px;overflow:hidden}
.ix-idsk .idsk-hd{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #EEECE9;font-size:13px}.ix-idsk .idsk-hd svg{height:22px;width:auto;color:var(--deep)}.ix-idsk .idsk-ttl{font-weight:700;flex:1}
.ix-idsk .idsk-reset{height:28px;padding:0 10px;border-radius:8px;border:1px solid #D6D3D1;background:#fff;font:600 12px Inter,sans-serif;cursor:pointer}
.ix-idsk .idsk-chat{height:360px;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:7px}
.ix-idsk .idsk-bub{max-width:92%;border-radius:12px;padding:8px 11px;font-size:13px;line-height:1.5;animation:ixPop .35s both}
.ix-idsk .idsk-ai{background:#F5F5F4;color:#1C1917;align-self:flex-start}.ix-idsk .idsk-me{background:var(--deep);color:#fff;align-self:flex-end}.ix-idsk .idsk-errb{background:#FBE9E9;color:#7F1D1D;align-self:flex-start}
.ix-idsk .idsk-eyebrow{display:block;font-size:11.5px;font-weight:700;color:var(--ink);margin-bottom:2px}
.ix-idsk .idsk-mchips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.ix-idsk .idsk-mchip{font-size:11px;background:rgba(255,255,255,.18);border-radius:5px;padding:1px 6px}
.ix-idsk .idsk-step{align-self:flex-start;font-size:12px;color:#78716C;display:flex;align-items:center;gap:6px;animation:ixFly .3s both}.ix-idsk .idsk-step::before{content:"";width:6px;height:6px;border-radius:50%;background:#A8A29E}
.ix-idsk .idsk-step.idsk-stop{color:#A32020}.ix-idsk .idsk-step.idsk-stop::before{background:#D46A6A}
.ix-idsk .idsk-h{font-size:11.5px;font-weight:700;color:#78716C}.ix-idsk .idsk-verdict{font-size:16px;font-weight:750;margin:2px 0 6px}.ix-idsk .idsk-fx{font-size:12.5px;margin:3px 0}.ix-idsk .idsk-pin{margin-top:6px;padding:6px 8px;border-left:3px solid var(--acc);background:#fff;border-radius:6px;font-size:12.5px}
.ix-idsk .idsk-notice{align-self:stretch;border:1px solid #F0E3B5;background:#FFF8E1;border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.5;color:#44403C}.ix-idsk .idsk-neb{display:block;font-size:11px;font-weight:700;color:#7C5A06;margin-bottom:2px}
.ix-idsk .idsk-composer{border-top:1px solid #EEECE9;padding:9px 12px}
.ix-idsk .idsk-atts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.ix-idsk .idsk-att{position:relative;border:1px solid #E7E5E4;border-radius:9px;padding:5px 24px 5px 8px;font-size:11.5px;background:#FAFAF9;animation:ixPop .3s both}.ix-idsk .idsk-an{font-weight:650}.ix-idsk .idsk-ab{display:flex;gap:5px;color:#78716C}
.ix-idsk .idsk-rm{position:absolute;right:4px;top:4px;width:18px;height:18px;border:0;background:none;cursor:pointer;color:#A8A29E}
.ix-idsk .idsk-ptxt{font-size:13px;color:#1C1917;margin-bottom:6px}
.ix-idsk .idsk-crow{display:flex;align-items:center;gap:10px}.ix-idsk .idsk-meter{flex:1}.ix-idsk .idsk-mbar{height:7px;border-radius:4px;background:#F1EFEC;overflow:hidden}.ix-idsk .idsk-mbar i{display:block;height:100%;width:0;background:#4E9B6E;transition:width .35s}.ix-idsk .idsk-mbar.idsk-over i{background:#D46A6A}
.ix-idsk .idsk-mval{font-size:11.5px;color:#78716C}
.ix-idsk .idsk-send{width:32px;height:32px;border-radius:50%;border:0;background:var(--deep);color:#fff;cursor:pointer;font-size:16px}.ix-idsk .idsk-send:disabled{opacity:.45}
.ix-idsk .idsk-drawer{background:#FAFAF9;border:1px solid #E7E5E4;border-radius:14px;padding:10px}
.ix-idsk .idsk-traylab{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:#44403C;margin-bottom:8px}.ix-idsk .idsk-traylab svg{height:20px;width:auto;color:#57534E}
.ix-idsk .idsk-fgrid{display:grid;gap:6px}
.ix-idsk .idsk-frow{background:#fff;border:1px solid #E7E5E4;border-radius:10px;padding:7px 9px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ix-idsk .idsk-frow:hover{border-color:var(--acc)}
.ix-idsk .idsk-frow.idsk-on{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}
.ix-idsk .idsk-fn{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:#1C1917}.ix-idsk .idsk-badge{font-size:11px;font-weight:700;text-transform:uppercase;background:#F1EFEC;color:#57534E;border-radius:4px;padding:0 5px}.ix-idsk .idsk-sz{margin-left:auto;font-size:11.5px;color:#78716C;font-weight:500}
.ix-idsk .idsk-fd{font-size:12px;line-height:1.4;color:#57534E;margin-top:2px}
@media (max-width:760px){.ix-idsk{grid-template-columns:1fr}}

/* Principles of Marketing chapter 5: the small drawn parts inside its figures (short list, dials, rank, statement) */
.c5-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;text-align:left}
.c5-list span{padding:7px 10px;border-radius:8px;font:600 13px/1.3 Inter,sans-serif;color:#292524;background:#fff;border:1.5px solid var(--t3)}
.c5-list span.on:first-child{border-color:var(--acc);background:var(--t1)}
.c5-list span.off{border:1.5px dashed #D6D3D1;color:#78716C;font-weight:500;background:transparent}
.c5-rfm{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;margin-top:6px}
.c5-rfm .d{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px 6px;border:1px solid #E7E5E4;border-radius:12px;background:#fff}
.c5-rfm .d b{font:700 13px/1.2 Inter,sans-serif;color:var(--deep);letter-spacing:.02em;text-transform:uppercase}
.c5-rfm .d small{font:500 12.5px/1.3 Inter,sans-serif;color:#57534E;margin-top:3px;min-height:2.6em}
.c5-rfm .plus{font:700 22px Inter,sans-serif;color:#A8A29E}
.c5-tier{display:flex;align-items:center;gap:10px;margin:14px 4px 0;font:600 12.5px Inter,sans-serif;color:#44403C}
.c5-tier i{flex:1;height:10px;border-radius:5px;background:linear-gradient(90deg,#E7E5E4,var(--acc))}
.c5-rank{display:flex;flex-direction:column;gap:6px;margin-top:10px;text-align:left}
.c5-rank span{padding:7px 10px;border-radius:8px;font:600 13px/1.3 Inter,sans-serif;color:#44403C;background:#fff;border:1.5px solid #E7E5E4}
.c5-rank span.on{border-color:var(--deep);background:var(--acc);color:#fff}
.c5-stmt{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:10px 8px;margin:10px auto 4px;max-width:620px;font:500 16px/1.45 Inter,sans-serif;color:#292524}
.c5-stmt .w{padding-top:6px}
.c5-stmt .b{display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.c5-stmt .b b{font-weight:650;padding:5px 10px;border-radius:8px;background:var(--t2);border:1.5px solid var(--acc);color:var(--ink)}
.c5-stmt .b small{font:600 11.5px/1.2 Inter,sans-serif;color:#78716C;text-transform:uppercase;letter-spacing:.03em}
.c5-list{align-self:stretch;width:100%}
.c5-brand{margin-top:10px;padding:6px 8px;border-radius:8px;background:var(--t1);border:1px solid var(--t3);font:650 12.5px/1.3 Inter,sans-serif;color:var(--deep)}
.c5-drift{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px 14px;margin-top:6px;text-align:left}
.c5-drift b{font:700 13px Inter,sans-serif;color:var(--deep);text-transform:uppercase;letter-spacing:.02em}
.c5-drift svg{width:130px!important;margin:0!important}
.c5-drift span{font:500 13.5px/1.35 Inter,sans-serif;color:#44403C}
.c5-buys{display:flex;flex-direction:column;gap:6px;margin-top:6px;text-align:left}
.c5-buys span{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:6px 8px;border:1px solid #E7E5E4;border-radius:8px;background:#fff;color:#44403C}
.c5-buys svg{grid-row:span 2;justify-self:center}
.c5-buys b{font:600 12.5px/1.25 Inter,sans-serif;color:#292524}
.c5-buys em{font:600 11.5px Inter,sans-serif;font-style:normal;color:#15803D}
.c5-cover{display:flex;flex-direction:column;gap:8px;margin-top:4px;text-align:left}
.c5-cover .hd,.c5-cover .r{display:grid;grid-template-columns:44px minmax(110px,1fr) minmax(0,236px);align-items:center;gap:10px}
.c5-cover .hd span:last-child{font:600 12px Inter,sans-serif;color:#78716C;text-align:center}
.c5-cover .r{padding:8px 10px;border:1px solid #E7E5E4;border-radius:12px;background:#fff;color:#44403C}
.c5-cover .r.hot{border-color:var(--acc)}
.c5-cover .r b{display:block;font:700 13.5px/1.25 Inter,sans-serif;color:#1C1917}
.c5-cover .r.hot b{color:var(--deep)}
.c5-cover .r small{display:block;font:500 12.5px/1.35 Inter,sans-serif;color:#57534E;margin-top:2px}
.c5-cover .r > svg.kb{width:44px!important;height:auto!important;max-height:34px;color:#44403C}
/* 5.1.1 average buyer */
.c5-ab{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.c5-ab .ix-chart{margin:0}
.c5-ab-svg .c5-ax{font:500 11.5px Inter,sans-serif;fill:#57534E}
.c5-ab-svg .c5-nm{font:600 12px Inter,sans-serif;fill:#44403C}
.c5-dot{fill:#fff;stroke:#A8A29E;stroke-width:2;transition:fill .25s,stroke .25s}
.c5-dot.on{fill:var(--acc);stroke:var(--deep)}
.c5-ring{fill:var(--t1);stroke:var(--acc);stroke-width:1.5;stroke-dasharray:5 4;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.c5-prod{fill:var(--deep);stroke:#fff;stroke-width:2;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.c5-ab-c{display:flex;flex-direction:column;gap:10px}
.c5-ab-c .ix-seg{align-self:flex-start}
.c5-dim{opacity:.4;pointer-events:none}
.ix-bigread .of{font-size:22px;font-weight:650;color:#78716C;letter-spacing:0}
.ix-btn svg.kb{width:auto;height:18px;color:#57534E}
/* 5.1.2 one offer per buyer */
.c5-oto{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;height:300px;box-sizing:border-box;padding:24px 14px 56px;margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px}
.c5-oto .ax{position:relative}
.c5-oto .ax span{position:absolute;right:0;transform:translateY(-50%);font:500 11.5px Inter,sans-serif;color:#78716C;font-variant-numeric:tabular-nums;white-space:nowrap}
.c5-oto .ax span.z{font-weight:700;color:#1C1917}
.c5-oto .pl{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-left:1.5px solid #D6D3D1;padding:0 12px}
.c5-oto .zl{position:absolute;left:0;right:0;height:0;border-top:2px solid #57534E}
.c5-oto .col{position:relative}
.c5-oto .bar{position:absolute;left:8%;right:8%;background:var(--t3);border:1.5px solid var(--acc);border-radius:6px;transition:top .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1)}
.c5-oto .bar.neg{background:repeating-linear-gradient(135deg,#FDF5F5 0 6px,#fff 6px 12px);border:1.5px dashed #D46A6A}
.c5-oto .col.best .bar{background:var(--acc);border-color:var(--deep)}
.c5-oto .bar b{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font:700 12.5px Inter,sans-serif;color:#1C1917;background:#fff;border:1px solid #E7E5E4;border-radius:6px;padding:2px 6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.c5-oto .bar b.under{top:auto;bottom:-24px;color:#A32020}
.c5-oto .nm{position:absolute;left:-6px;right:-6px;bottom:-50px;display:flex;align-items:center;justify-content:center;gap:5px;font:600 12.5px/1.2 Inter,sans-serif;color:#44403C;text-align:center}
.c5-oto .nm svg{height:20px;width:auto;flex:none;color:#57534E}
.c5-oto .col.best .nm{color:var(--deep);font-weight:700}
/* 5.1.3 everybody trap */
.c5-trap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-top:12px}
.c5-trap>div{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.c5-trap small{font:600 12.5px Inter,sans-serif;color:#57534E}
.c5-trap .cuts{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:3px;height:44px}
.c5-trap .cuts i{background:var(--t2);border:1px solid var(--acc);border-radius:5px;transition:background .3s}
.c5-trap .tg{font:600 13.5px Inter,sans-serif;color:var(--ink)}
.c5-trap .slot{display:block;height:32px;line-height:30px;padding:0 10px;border-radius:8px;border:1.5px solid #E7E5E4;background:#FAFAF9;font:600 13px Inter,sans-serif;color:#78716C}
.c5-trap .slot.on{background:var(--acc);border-color:var(--deep);color:#fff;animation:c5land .4s cubic-bezier(.22,1,.36,1)}
.c5-trap .slot.half{border:1.5px dashed var(--acc);background:var(--t1)}
.c5-trap .slot.dash{border-style:dashed;background:transparent}
@keyframes c5land{from{transform:translateX(18px);opacity:.3}to{transform:none;opacity:1}}
/* 5.2.1 benefit cut */
.c5-bc{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;margin-top:12px}
.c5-bc .bin{background:#fff;border:1px solid #E7E5E4;border-top:3px solid var(--acc);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}
.c5-bc .hd{font:700 12.5px Inter,sans-serif;color:var(--deep);text-transform:uppercase;letter-spacing:.02em}
.c5-bc .p{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid #E7E5E4;border-radius:9px;background:#FAFAF9}
.c5-bc .p svg{height:30px;width:auto;flex:none;color:#57534E}
.c5-bc .p svg:last-child:not(:first-child){height:24px;margin-left:auto;color:var(--deep)}
.c5-bc .p b{display:block;font:650 13px Inter,sans-serif;color:#1C1917}
.c5-bc .p small{display:block;font:500 12px/1.35 Inter,sans-serif;color:#57534E}
.c5-bc.go .bin{animation:c5in .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 70ms)}
@keyframes c5in{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.c5-bc-n{display:flex;align-items:baseline;gap:8px;margin-top:12px;font:600 15px Inter,sans-serif;color:#44403C}
.c5-bc-n b{font-size:30px;font-weight:750;color:var(--ink)}
@media (max-width:720px){.c5-ab,.c5-trap{grid-template-columns:1fr}.c5-bc{grid-template-columns:1fr 1fr}}
.c5-bc .p.col{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 8px;flex:1}
.c5-bc .p.col svg{height:38px;color:var(--deep)}

/* Principles of Marketing chapter 5: the interactives of sections 5.2 to 5.5 */
/* 5.2.2 five tests corridor */
.c5-slice{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:#292524}.rv .c5-slice{margin:10px 0 0}
.c5-cor{position:relative;margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 8px 66px}
.c5-cor .cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:start}
.c5-cor .end,.c5-cor .gate{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative}
.c5-cor .end .slot{width:100%;height:60px;border:1.5px dashed #D6D3D1;border-radius:10px}
.c5-cor .end.out.lit .slot{border-color:#4E9B6E;background:#F3FAF6}
.c5-cor small{font:600 11.5px/1.25 Inter,sans-serif;color:#57534E}
.c5-cor .gate{border:1.5px solid #D6D3D1;border-radius:22px 22px 8px 8px;padding:8px 4px 6px;background:#FAFAF9;transition:border-color .25s,background .25s,opacity .25s}
.c5-cor .gate svg{height:26px;width:auto;color:#57534E}
.c5-cor .gate b{font:700 12px Inter,sans-serif;color:#78716C}
.c5-cor .gate .mk{position:absolute;top:-8px;right:-6px;width:18px;height:18px;border-radius:50%;display:none;font:700 13px/18px Inter,sans-serif;font-style:normal;text-align:center;color:#fff}
.c5-cor .gate.clear{border-color:#BFDCCB;background:#F3FAF6}.c5-cor .gate.clear .mk{display:block;background:#4E9B6E}
.c5-cor .gate.shut{border-color:#D46A6A;background:#FDF5F5}.c5-cor .gate.shut .mk{display:block;background:#D46A6A}
.c5-cor .gate.off{opacity:.42}
.c5-cor .card{position:absolute;transform:translateX(-50%);max-width:150px;padding:5px 9px;border-radius:8px;background:var(--acc);color:#fff;font:650 12px/1.25 Inter,sans-serif;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:left .42s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1),background .25s;z-index:2}
.c5-cor .card.out{background:#fff;color:#A32020;border:1.5px solid #D46A6A}
.c5-cor .tray{position:absolute;top:142px;transform:translateX(-50%);font:700 11.5px Inter,sans-serif;color:#A32020;opacity:0;transition:opacity .25s;white-space:nowrap}
.c5-cor .tray.on{opacity:1}
.c5-tests{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.c5-tests .r{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #E7E5E4;border-radius:10px;padding:8px 10px}
.c5-tests .r.fail{border-color:#E8B4B4}
.c5-tests .n{width:22px;height:22px;border-radius:50%;background:var(--t2);color:var(--deep);font:700 12px/22px Inter,sans-serif;text-align:center}
.c5-tests .tx b{display:block;font:650 13.5px Inter,sans-serif;color:#1C1917}.c5-tests .tx small{display:block;font:500 12.5px/1.35 Inter,sans-serif;color:#57534E}
.c5-tests [data-p="1"].on{color:#1E6B43}.c5-tests [data-p="0"].on.a{background:#B83B3B}
/* 5.2.3 the Oatly runs */
.c5-otab{width:100%;border-collapse:collapse;margin:6px 0;font-size:12.5px}
.c5-otab th{text-align:left;font-weight:650;color:#57534E;border-bottom:1px solid #E7E5E4;padding:4px 6px}
.c5-otab td{padding:4px 6px;border-bottom:1px solid #F1EFEC;color:#1C1917;font-variant-numeric:tabular-nums}
.c5-otab td.src{color:#A32020;font-size:11.5px;white-space:nowrap}
.c5-od{margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px}
.c5-od .hd{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.c5-od .hd b{font-size:14px;color:#1C1917}.c5-od .hd span{font-size:12.5px;color:#78716C}
.c5-od .row{display:grid;grid-template-columns:150px 54px minmax(0,1fr);align-items:center;gap:8px;min-height:40px}
.c5-od .nm{font:600 12.5px/1.25 Inter,sans-serif;color:#292524}
.c5-od .sh{font:700 12px Inter,sans-serif;color:#44403C;background:#F5F5F4;border-radius:6px;padding:3px 6px;text-align:center}
.c5-od .tr{position:relative;height:38px;border-bottom:1.5px solid #D6D3D1}
.c5-od .tr .br{position:absolute;bottom:2px;height:6px;border-radius:3px;background:var(--t2)}
.c5-od .tr .d{position:absolute;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--acc);border:1.5px solid var(--deep);animation:c5dot .35s cubic-bezier(.22,1,.36,1)}
.c5-od .tr .d.est{background:#fff;border-style:dashed}
@keyframes c5dot{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}
.c5-od .ax{position:relative;height:18px;margin-left:220px}.c5-od .ax span{position:absolute;transform:translateX(-50%);font-size:11.5px;color:#78716C}
.c5-od .note{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:#292524}.c5-od .est{margin:6px 0 0;font-size:13px;color:#A32020;font-weight:600}
.rv .c5-od .note,.rv .c5-od .est{margin:8px 0 0}
/* 5.3.1 chase */
.c5-chs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.c5-segc{grid-column:1/-1}.c5-segc p{margin:0 0 8px;font-size:14px;line-height:1.5;color:#292524}.rv .c5-segc p{margin:0 0 8px}
.c5-segc .facts{display:flex;flex-wrap:wrap;gap:6px}.c5-segc .facts span{font-size:12.5px;color:#57534E;background:#F5F5F4;border-radius:6px;padding:3px 8px}
.c5-dials{display:flex;flex-direction:column;gap:12px}
.c5-dials .dl b{display:block;font-size:13.5px;color:#1C1917}.c5-dials .dl small{display:block;font-size:12.5px;line-height:1.4;color:#57534E;margin:2px 0 6px}
.c5-dials .dl .ix-seg{margin-top:6px;display:flex;flex-wrap:wrap}
.c5-map{position:relative;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 12px 44px 54px;align-self:start}
.c5-map .g{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1/1;border-left:2px solid #78716C;border-bottom:2px solid #78716C}
.c5-map .z{border:1px solid #fff}.c5-map .z.go{background:var(--t3)}.c5-map .z.wait{background:#FBF3DC}.c5-map .z.pass{background:#F5F5F4}
.c5-map .w{position:absolute;top:4%;font:800 12.5px Inter,sans-serif;letter-spacing:.02em;transform:translateX(-50%);white-space:nowrap}
.c5-map .w.go{left:83.3%;color:var(--deep)}.c5-map .w.wait{left:50%;color:#8A6A12}.c5-map .w.trap{left:16.7%;color:#A32020}.c5-map .w.pass{left:16.7%;top:37.5%;color:#78716C}
.c5-map .yl{position:absolute;left:8px;top:52%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;font:600 12px Inter,sans-serif;color:#44403C;white-space:nowrap}
.c5-map .hi,.c5-map .lo{position:absolute;left:28px;font:500 11.5px Inter,sans-serif;color:#78716C}.c5-map .hi{top:22%}.c5-map .lo{top:66%}
.c5-map .xl,.c5-map .xh{position:absolute;bottom:28px;font:500 11.5px Inter,sans-serif;color:#78716C}.c5-map .xl{left:72px}.c5-map .xh{right:20px}
.c5-map .xa{position:absolute;bottom:10px;left:54px;right:12px;text-align:center;font:600 12px Inter,sans-serif;color:#44403C}
.c5-map .key{display:none}
.c5-map .you{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2.5px solid #1C1917;background:#fff;opacity:0;transition:left .3s,top .3s,opacity .2s}
.c5-map .mpin{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--deep);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.c5-map .mpin.new{animation:c5pin .4s cubic-bezier(.22,1,.36,1)}
@keyframes c5pin{from{transform:scale(0)}to{transform:scale(1)}}
.c5-map .pl{position:absolute;transform:translate(-50%,-50%);font:650 11px Inter,sans-serif;color:#1C1917;background:#fff;border:1px solid #D6D3D1;border-radius:6px;padding:1px 5px;white-space:nowrap}
.c5-vrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.c5-vrow .vb{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px}
.c5-vrow .vb small{display:block;font-size:12px;font-weight:600;color:#78716C}.c5-vrow .vb b{display:block;font-size:17px;margin:2px 0}.c5-vrow .vb span{font-size:13px;line-height:1.45;color:#44403C}
.c5-vrow .vb.go b{color:var(--deep)}.c5-vrow .vb.wait b{color:#8A6A12}.c5-vrow .vb.pass b{color:#57534E}
/* 5.3.2 coverage */
.c5-cvm{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}
.c5-cvm .sg{height:58px;border-radius:10px;border:1.5px solid #D6D3D1;background:#F5F5F4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .3s,border-color .3s}
.c5-cvm .sg span{font:600 12.5px Inter,sans-serif;color:#57534E}.c5-cvm .sg em{font:650 11.5px Inter,sans-serif;font-style:normal;color:#fff;min-height:14px}
.c5-cvm .sg.on{background:var(--acc);border-color:var(--deep)}.c5-cvm .sg.on span{color:#fff}
.c5-cvm.go .sg.on{animation:c5in .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 50ms)}
.c5-offer{margin:8px 0 12px;font-size:14px;color:#292524}.rv .c5-offer{margin:8px 0 12px}
.c5-cost .t i{background:var(--acc)}.c5-cost.down .t i{background:#D46A6A}
.ix-seg button svg.kb{height:16px;width:auto;margin-right:5px;vertical-align:-3px;color:currentColor}
/* 5.4.1 Avis */
.c5-avis{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}
.c5-avis .lv{display:flex;flex-direction:column;gap:6px}
.c5-avis .lv button{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit}
.c5-avis .lv button svg{width:34px;height:auto;max-height:28px;color:#57534E}
.c5-avis .lv b{display:block;font-size:13.5px;color:#1C1917}.c5-avis .lv small{display:block;font-size:12px;color:#57534E}
.c5-avis .lv .sw{width:30px;height:18px;border-radius:9px;background:#E7E5E4;position:relative;transition:background .2s}
.c5-avis .lv .sw b{display:block;position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s}
.c5-avis .lv button.on{border-color:var(--deep)}.c5-avis .lv button.on .sw{background:var(--deep)}.c5-avis .lv button.on .sw b{left:14px}
.c5-avis .rk{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.c5-avis .rk small{font:650 12px Inter,sans-serif;color:#78716C}
.c5-avis .r1,.c5-avis .r2{display:flex;align-items:baseline;gap:8px;padding:9px 10px;border:1.5px solid #E7E5E4;border-radius:9px;font-size:14px}
.c5-avis .n{font-weight:750;color:var(--deep)}.c5-avis .r1 em,.c5-avis .r2 em{font-style:normal;font-size:12.5px;color:#78716C}
.c5-avis .r2{border-style:dashed}.c5-avis .r2.on{border-style:solid;border-color:var(--deep);background:var(--t1)}
.c5-avis .crowd{font-size:12.5px;line-height:1.45;color:#57534E}
.c5-avis .dots{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.c5-avis .dots i{width:16px;height:16px;border-radius:50%;border:1.5px solid #A8A29E;background:#fff}
.c5-avis .dots i.av{width:auto;height:18px;border-radius:5px;padding:0 6px;font:650 11px/15px Inter,sans-serif;font-style:normal;color:#57534E}
.c5-place{margin-top:12px;font:700 17px Inter,sans-serif;color:var(--ink)}
.c5-chg{margin:4px 0 0;font-size:13.5px;color:#A32020;min-height:1em}.rv .c5-chg{margin:4px 0 0}
/* 5.4.2 ladder */
.c5-cap{grid-template-columns:repeat(3,1fr)}
.c5-lad{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-top:4px}
.c5-lad .lw{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px}
.c5-lad .rails{position:relative;display:flex;flex-direction:column;gap:6px;padding:4px 16px;border-left:4px solid #D6D3D1;border-right:4px solid #D6D3D1}
.c5-lad .rung{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:8px;border:1.5px dashed #D6D3D1;background:#FAFAF9;font:600 13px Inter,sans-serif;color:#A8A29E}
.c5-lad .rung .n{font-weight:750;color:#A8A29E;width:14px}
.c5-lad .rung.f{border-style:solid;border-color:var(--t3);background:#fff;color:#1C1917}.c5-lad .rung.f .n{color:var(--deep)}
.c5-lad .rung.top{background:var(--acc);border-color:var(--deep);color:#fff}.c5-lad .rung.top .n{color:#fff}
.c5-lad .rung em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:650;opacity:.9}
.c5-lad .rung.new,.c5-lad .fchip.new{animation:c5land .4s cubic-bezier(.22,1,.36,1)}
.c5-lad .fall{margin-top:12px;border-top:1px dashed #D6D3D1;padding-top:8px}.c5-lad .fall small{font-size:12px;font-weight:600;color:#78716C}
.c5-lad .fall div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.c5-lad .fchip{font:600 12.5px Inter,sans-serif;color:#A32020;background:#FDF5F5;border:1px solid #E8B4B4;border-radius:7px;padding:3px 8px;text-decoration:line-through}
.c5-lad .none{font-size:12.5px;color:#A8A29E}
.c5-lad .sd{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.c5-lad .sd>svg{height:46px;width:auto;color:#57534E}
/* 5.4.6 hearing */
.c5-hr-ch{grid-template-columns:repeat(3,1fr)}
.c5-hr{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:6px;margin-bottom:12px}
.c5-hr svg{display:block;width:100%;height:auto}
.c5-hr rect{fill:#FAFAF9;stroke:#D6D3D1;stroke-width:1.4;transition:fill .25s,stroke .25s}
.c5-hr text{font:600 12px Inter,sans-serif;fill:#A8A29E;transition:fill .25s}
.c5-hr g.path rect{stroke:#A8A29E}.c5-hr g.path text{fill:#57534E}
.c5-hr g.on rect{fill:var(--t2);stroke:var(--acc);stroke-width:2}.c5-hr g.on text{fill:#1C1917;font-weight:700}
.c5-hr [data-route]{stroke:var(--acc);stroke-width:2.4;stroke-dasharray:1 7;stroke-linecap:round}
.c5-hr [data-tok]{fill:var(--deep);stroke:#fff;stroke-width:2.5;transition:transform .4s cubic-bezier(.22,1,.36,1)}
/* 5.4.7 steelman */
.c5-sl{margin:4px 0;padding-left:18px}.c5-sl li{margin:2px 0}
.c5-sm{margin-top:12px;background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:12px 14px}
.c5-sm .hd{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.c5-sm .hd b{font-size:14px}.c5-sm .hd span{font-size:12.5px;color:#78716C}
.c5-sm .lanes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c5-sm .ln{border:1px solid #E7E5E4;border-radius:10px;padding:10px}.c5-sm .ln.wait{opacity:.55}
.c5-sm .lt{margin:0 0 8px;font:650 13px Inter,sans-serif;color:#44403C}.rv .c5-sm .lt{margin:0 0 8px}
.c5-sm .r{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px;margin:6px 0}
.c5-sm .r span{font:600 12.5px Inter,sans-serif;color:#292524}
.c5-sm .t{position:relative;height:22px;border-radius:6px;background:#F5F5F4;overflow:hidden}
.c5-sm .t.empty{background:repeating-linear-gradient(135deg,#FAFAF9 0 6px,#fff 6px 12px);border:1px dashed #D6D3D1}
.c5-sm .t i{position:absolute;left:0;top:0;bottom:0;background:#4E9B6E;border-radius:6px}.c5-sm .r.weak .t i{background:#D46A6A}
.c5-sm .t i.grow{animation:c5grow .6s cubic-bezier(.22,1,.36,1)}
@keyframes c5grow{from{transform:scaleX(0);transform-origin:left}to{transform:none;transform-origin:left}}
.c5-sm .t em{position:relative;padding-left:8px;font:650 12px/22px Inter,sans-serif;font-style:normal;color:#fff}.c5-sm .t.empty em,.c5-sm .ln.wait .t em{color:#78716C}
.c5-sm .rivs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.c5-sm .rivs small{font-size:12px;color:#A32020;font-weight:600}
.c5-sm .rivs span{font:650 12px Inter,sans-serif;color:#A32020;background:#FDF5F5;border:1px solid #E8B4B4;border-radius:6px;padding:2px 7px}
.c5-sm .nt{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#57534E}.rv .c5-sm .nt{margin:8px 0 0}
/* 5.5.1 sort */
.c5-tray{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;min-height:36px;padding:8px;border:1.5px dashed #D6D3D1;border-radius:10px;background:#FAFAF9}
.c5-chip{font:600 13px/1.3 Inter,sans-serif;color:#1C1917;background:#fff;border:1px solid #D6D3D1;border-radius:999px;padding:6px 12px;cursor:pointer;text-align:left}
.c5-chip.sel{border-color:var(--deep);box-shadow:0 0 0 3px var(--t2)}
.c5-chip.ok{border-color:#4E9B6E;background:#F3FAF6}.c5-chip.no{border-color:#D46A6A;background:#FDF5F5}
.c5-chip small{margin-left:6px;font-size:11.5px;color:#57534E}
.c5-bk{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c5-bk .bk{text-align:left;background:#fff;border:1.5px solid #E7E5E4;border-radius:12px;padding:10px 12px;min-height:110px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px}
.c5-bk .bk>b{font-size:14px;color:#1C1917}.c5-bk .bk.pod>b{color:var(--deep)}.c5-bk .bk>small{font-size:12.5px;color:#57534E;margin-bottom:6px}
.c5-bk .bk div{display:flex;flex-wrap:wrap;gap:6px}
.c5-bk .bk.target{border-style:dashed;border-color:var(--acc);background:var(--t1)}
/* 5.5.2 bull's-eye build */
.c5-be{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:center}
.c5-be svg{width:100%;height:auto}
.c5-be .rg{fill:#FAFAF9;stroke:#D6D3D1;stroke-width:1.4;transition:fill .3s,stroke .3s}
.c5-be .rg.done{fill:var(--t2);stroke:var(--acc)}.c5-be .rg.cur{stroke:var(--deep);stroke-width:2.6;stroke-dasharray:6 5}
.c5-be .rg.new{animation:c5ring .5s cubic-bezier(.22,1,.36,1)}
@keyframes c5ring{from{fill:var(--acc)}}
.c5-be .nb circle{fill:#fff;stroke:#A8A29E;stroke-width:1.4}.c5-be .nb text{font:800 11px Inter,sans-serif;fill:#78716C}
.c5-be .nb.done circle{fill:var(--deep);stroke:var(--deep)}.c5-be .nb.done text{fill:#fff}
.c5-be text.rl{font:650 11px Inter,sans-serif;fill:var(--ink)}
.c5-be .lg{display:flex;flex-direction:column;gap:6px}
.c5-be .lg div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #E7E5E4;border-radius:9px;background:#fff;font-size:13px}
.c5-be .lg .n{width:20px;height:20px;border-radius:50%;border:1.5px solid #A8A29E;font:700 11px/17px Inter,sans-serif;text-align:center;color:#78716C}
.c5-be .lg .done .n{background:var(--deep);border-color:var(--deep);color:#fff}.c5-be .lg .cur{border:1.5px dashed var(--deep)}
.c5-be .lg em{font-style:normal;font-size:12.5px;color:#78716C}.c5-be .lg .done em{color:var(--ink);font-weight:650}
.c5-bes{margin:12px 0;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #E7E5E4;font-size:14px;line-height:1.5}
.c5-bes.no{border-color:#E8B4B4;background:#FDF5F5}.c5-bes.win{border-color:#BFDCCB;background:#F3FAF6}
.c5-bec{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c5-bec button{text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit}
.c5-bec button b{display:block;font-size:13.5px;color:var(--deep)}.c5-bec button small{display:block;font-size:12.5px;line-height:1.4;color:#57534E;margin-top:2px}
.c5-bec button.placed{opacity:.4;cursor:default}
@media (max-width:720px){.c5-chs,.c5-avis,.c5-lad,.c5-be,.c5-sm .lanes,.c5-vrow{grid-template-columns:1fr}}

/* Principles of Marketing chapter 5: the interactives of sections 5.5 to 5.7 */
/* 5.5.3 the STP desk: the parts chapter 4's desk did not use */
.ix-xl .cseg-sheet td.cseg-num{text-align:right;font-variant-numeric:tabular-nums}
.ix-xl .cseg-tiercell{text-align:center;font-size:11.5px}
.ix-xl .cseg-tiercell.t-champ{background:var(--t2);color:var(--deep)}
.ix-xl .cseg-tiercell.t-loyal{background:#FBF3EC;color:#8A5A3C}
.ix-xl .cseg-tiercell.t-risk{background:#F5F5F4;color:#57534E}
.ix-xl .cseg-swatch.t-champ{color:var(--acc)}.ix-xl .cseg-swatch.t-loyal{color:#D9B48F}.ix-xl .cseg-swatch.t-risk{color:#A8A29E}
.ix-xl .cseg-empty-state{color:#78716C;font-size:12.5px;line-height:1.6;padding:10px 4px}
.ix-xl .cseg-empty-state b{color:var(--deep);font-weight:650}
.ix-xl .cseg-albl{font-size:11.5px;font-weight:650;color:#1C1917}
.ix-xl .cseg-dl{display:block;padding:1px 6px;border-radius:4px}
.ix-xl .cseg-now .cseg-mk{color:var(--deep);font-weight:650}
.ix-xl .cseg-target{border-left:3px solid var(--acc);background:var(--t1);border-radius:0 9px 9px 0;padding:9px 12px;margin:4px 0;font-size:12.5px;line-height:1.55}
.ix-xl .cseg-tl{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;color:var(--deep)}
.ix-xl .cseg-big{font:700 16px Inter,sans-serif;color:#1C1917}
.ix-xl .cseg-shimmer{background:linear-gradient(90deg,#78716C 25%,var(--acc) 50%,#78716C 75%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:c5sh 1.4s linear infinite;font-weight:600}
@keyframes c5sh{to{background-position:-200% 0}}
.ix-xl .cseg-ab.cseg-ghost{background:#fff;border:1px solid #D6D3D1;color:#1C1917}
.ix-xl .cseg-score,.ix-xl .cseg-audit{border:1px solid #E7E5E4;border-radius:9px;overflow:hidden;margin:4px 0 6px}
.ix-xl .cseg-scrow{display:grid;grid-template-columns:1.25fr .6fr 1fr 1fr;gap:8px;align-items:center;padding:6px 10px;border-top:1px solid #F1EFEC;font-size:12px}
.ix-xl .cseg-scrow.cseg-shead{border-top:0;background:#FAFAF9;color:#78716C;font-size:11px;font-weight:650}
.ix-xl .cseg-scrow.cseg-shead span:not(:first-child),.ix-xl .cseg-scv{text-align:right}
.ix-xl .cseg-scrow.is-pick{background:var(--t1)}
.ix-xl .cseg-scv{font-variant-numeric:tabular-nums;color:#1C1917}.ix-xl .cseg-scv.warn{color:var(--deep);font-weight:700}
.ix-xl .cseg-stmt{border-left:3px solid var(--acc);background:var(--t1);border-radius:0 9px 9px 0;padding:10px 12px;margin:4px 0 10px;font:500 14px/1.55 Inter,sans-serif;color:#1C1917}
.ix-xl .cseg-stmt b{color:var(--deep);font-weight:700}
.ix-xl .cseg-clause{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:7px 10px;border-top:1px solid #F1EFEC}
.ix-xl .cseg-clause:first-child{border-top:0}
.ix-xl .cseg-cl-txt{font-size:12px;color:#1C1917;line-height:1.4}
.ix-xl .cseg-cl-ref{display:block;font-size:11px;color:#78716C;margin-top:2px}
.ix-xl .cseg-cl-chip{font:700 10.5px Inter,sans-serif;border-radius:999px;padding:3px 9px;white-space:nowrap}
.ix-xl .cseg-cl-chip.ok{color:#1E6B43;background:#F3FAF6;border:1px solid #BFDCCB}
.ix-xl .cseg-cl-chip.flag{color:#fff;background:#B83B3B;border:1px solid #B83B3B}
.ix-xl.c5-desk{margin:0}
.ix-xl .cseg-hbtn{font:700 12px Inter,sans-serif;color:#57534E}
/* 5.6.1 ideal points */
.c5-if{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}
.c5-if .ix-chart{margin:0}
.c5-if .ct{display:flex;flex-direction:column;gap:8px}
.c5-if svg .ax2,.c5-mr svg .ax2,.c5-hb svg .ax2{stroke:#A8A29E;stroke-width:1.5}
.c5-if svg .axl,.c5-mr svg .axl,.c5-hb svg .axl{font:500 12px Inter,sans-serif;fill:#57534E}
.c5-if .halo{fill:var(--acc);opacity:.14;transition:opacity .3s}.c5-if .halo.won{opacity:.4}
.c5-if .cll{font:600 12px Inter,sans-serif;fill:#57534E}
.c5-if .brd,.c5-mr .brd{fill:#57534E}
.c5-if .brl,.c5-mr .brl{font:700 12.5px Inter,sans-serif;fill:#1C1917}
.c5-if .dc{stroke:#D46A6A;stroke-width:1.5;stroke-dasharray:3 3;fill:none}.c5-if .dcl{font:600 10.5px Inter,sans-serif;fill:#A32020}
.c5-if .shoe{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.c5-if .shoe circle{fill:var(--deep);stroke:#fff;stroke-width:2}.c5-if .shoe text{font:700 11px Inter,sans-serif;fill:var(--deep);paint-order:stroke;stroke:#fff;stroke-width:3px}
.c5-grp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.c5-grp li{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid #E7E5E4;border-radius:8px;font-size:13px;color:#78716C;background:#fff}
.c5-grp li svg{height:18px;width:auto;color:#A8A29E}
.c5-grp li.won{border-color:var(--deep);color:#1C1917;font-weight:650;background:var(--t1)}.c5-grp li.won svg{color:var(--deep)}
/* 5.6.2 map recipe */
.c5-mr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.c5-mr .chips{display:flex;flex-direction:column;gap:6px}
.c5-mr .chips button{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #D6D3D1;border-radius:10px;padding:9px 11px;font:600 13.5px Inter,sans-serif;color:#1C1917;cursor:pointer}
.c5-mr .chips button .n{flex:none;width:24px;height:24px;border-radius:50%;background:#F5F5F4;color:#78716C;font:700 12px/24px Inter,sans-serif;text-align:center}
.c5-mr .chips button.placed{border-color:var(--acc);background:var(--t1)}.c5-mr .chips button.placed .n{background:var(--deep);color:#fff}
.c5-mr .prog{margin:10px 0 0;font-size:13px;color:#57534E}.rv .c5-mr .prog{margin:10px 0 0}.c5-mr .prog b{color:var(--deep)}
.c5-mr .map{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:6px}
.c5-mr .map svg{display:block;width:100%;height:auto}
.c5-mr .ph{font:500 12px Inter,sans-serif;fill:#A8A29E;transition:opacity .3s}.c5-mr .map.s1 .ph{opacity:0}
.c5-mr .l{opacity:0;transition:opacity .45s}.c5-mr .map.s1 .l1,.c5-mr .map.s2 .l2,.c5-mr .map.s3 .l3,.c5-mr .map.s4 .l4{opacity:1}
.c5-mr .mid{stroke:#D6D3D1;stroke-dasharray:3 3}
.c5-mr .op{fill:var(--acc);fill-opacity:.16;stroke:var(--deep);stroke-dasharray:4 3}.c5-mr .opl{font:700 12px Inter,sans-serif;fill:var(--deep)}
/* 5.6.3 map fitter */
.c5-mf .ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.c5-mf .sel{display:flex;align-items:center;gap:6px;font:600 12.5px Inter,sans-serif;color:#57534E}
.c5-mf select{height:32px;border:1px solid #D6D3D1;border-radius:8px;padding:0 8px;font:500 13px Inter,sans-serif;color:#1C1917;background:#fff;max-width:100%}
.c5-mf [data-cons].on{border-color:var(--deep);color:var(--deep)}
.c5-mf .tray{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;padding:8px;border:1.5px dashed #D6D3D1;border-radius:10px;background:#FAFAF9}
.c5-mf .tray .tl{width:100%;font-size:12px;font-weight:600;color:#78716C}
.c5-mf .mchip{font:650 13px Inter,sans-serif;color:var(--deep);background:#fff;border:1.5px solid var(--acc);border-radius:999px;padding:5px 12px;cursor:grab;touch-action:none}
.c5-mf .mchip.comp{color:#57534E;border-color:#A8A29E}.c5-mf .mchip.used{opacity:.35;cursor:default}
.c5-mf .cv{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:6px;touch-action:none}
.c5-mf .cv svg{display:block;width:100%;height:auto}
.c5-mf .pa{fill:#FAFAF9;stroke:#E7E5E4}.c5-mf .qd{stroke:#D6D3D1;stroke-dasharray:4 4}
.c5-mf .pole{font:600 12.5px Inter,sans-serif;fill:#78716C}.c5-mf .axn{font:650 13px Inter,sans-serif;fill:#44403C}
.c5-mf .hint{font:500 14px Inter,sans-serif;fill:#A8A29E;transition:opacity .3s}
.c5-mf .pn circle{fill:var(--acc);stroke:#fff;stroke-width:2.5;cursor:grab}.c5-mf .pn.gh{opacity:.5}.c5-mf .pn.drag circle{fill:var(--deep)}
.c5-mf .pn text,.c5-mf .cs text{font:700 13px Inter,sans-serif;fill:#1C1917;paint-order:stroke;stroke:#fff;stroke-width:4px}
.c5-mf .cs circle{fill:#C9C4BE;stroke:#fff;stroke-width:2}.c5-mf .cs text{fill:#57534E;font-weight:600;font-size:12px}
.c5-mf [data-cons]{transition:opacity .4s}
/* 5.7.1 double jeopardy */
.c5-dj{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.c5-dj .br{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:10px 12px}
.c5-dj .lb3{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}
.c5-dj .lb3 svg{height:22px;width:auto;color:#57534E}.c5-dj .lb3 b{color:#1C1917}.c5-dj .lb3 span{margin-left:auto;color:#57534E;font-variant-numeric:tabular-nums;font-size:12.5px}
.c5-dj .tk{height:24px;border-radius:6px;background:#F5F5F4;overflow:hidden}
.c5-dj .tk i{display:block;height:100%;background:#78716C;border-radius:6px;color:#fff;font:700 12px/24px Inter,sans-serif;font-style:normal;text-align:right;padding-right:8px;box-sizing:border-box;transition:width .45s cubic-bezier(.22,1,.36,1);min-width:44px}
.c5-dj .dp .tk i{background:var(--acc)}
.c5-djv{margin:12px 0 0;font:600 16px Inter,sans-serif;color:var(--ink)}.c5-djv b{font-size:26px;font-weight:750}
/* 5.7.2 narrow or broad */
.c5-nbs{margin-bottom:12px}
.c5-nb{background:#fff;border:1px solid #E7E5E4;border-radius:12px;padding:14px}
.c5-nb .hd b{display:block;font-size:15px;color:var(--deep)}.c5-nb .hd span{font-size:13px;color:#57534E}
.c5-nb .row{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.c5-nb .cardn{flex:1;min-width:180px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border:1px solid #E7E5E4;border-radius:10px;background:#FAFAF9}
.c5-nb .cardn.on{border-color:var(--acc);background:var(--t1)}
.c5-nb .cardn>svg.kb{height:30px;width:auto;color:#57534E}
.c5-nb .cardn small{font-size:12.5px;font-weight:600;color:#57534E}
.c5-nb .pool{width:100%;max-width:226px;height:auto}
.c5-nb .pool circle{fill:#fff;stroke:#D6D3D1;stroke-width:1.5}.c5-nb .pool circle.in{fill:var(--acc);stroke:var(--deep)}
.c5-nb .pool.grow circle.in{animation:c5in .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * 25ms)}
.c5-nb .lbn{font-size:13px;color:#1C1917}
.c5-nb .pens{flex:1;min-width:180px;display:flex;flex-direction:column;gap:6px}
.c5-nb .pens small{font-size:12.5px;font-weight:650;color:#A32020}
.c5-nb .pens span{padding:7px 10px;border:1.5px solid #E8B4B4;background:#FDF5F5;border-radius:8px;font:600 13px Inter,sans-serif;color:#A32020}
.c5-nb .arr{font:700 22px Inter,sans-serif;color:var(--acc)}
.c5-nb .ln{margin:12px 0 0;font-size:14px;color:#1C1917}.c5-nb .tk{margin:6px 0 0;font:650 14px Inter,sans-serif;color:var(--deep)}
.rv .c5-nb .ln{margin:12px 0 0}.rv .c5-nb .tk{margin:6px 0 0}
/* 5.7.3 Harley */
.c5-hb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.c5-hb .ix-chart{margin:0}.c5-hb .ct{display:flex;flex-direction:column;gap:6px}
.c5-hb .peak{stroke:#A8A29E;stroke-dasharray:5 4}.c5-hb .pkl,.c5-hb .tkl,.c5-hb .lgl{font:500 11px Inter,sans-serif;fill:#57534E}
.c5-hb .core{fill:#A8A29E;transition:y .45s,height .45s}.c5-hb .newr{fill:var(--acc);transition:y .45s,height .45s}
.c5-hb .tot{font:750 14px Inter,sans-serif;fill:#1C1917;transition:y .45s}
.c5-hb .ix-bigread .cap{font-size:13px;color:#57534E}
/* 5.7.4 two jobs */
.c5-tj{display:flex;flex-direction:column;gap:6px}
.c5-tj .r{display:grid;grid-template-columns:28px minmax(0,1fr) auto 110px;align-items:center;gap:10px;background:#fff;border:1px solid #E7E5E4;border-radius:10px;padding:8px 10px}
.c5-tj .r>svg.kb{height:24px;width:auto;color:#A8A29E}
.c5-tj .r .t{font:600 13.5px Inter,sans-serif;color:#1C1917}
.c5-tj .r em{font-style:normal;font-size:12px;font-weight:650;color:#78716C}
.c5-tj .r.right{border-color:#BFDCCB}.c5-tj .r.right em{color:#1E6B43}
.c5-tj .r.wrong{border-color:#E8B4B4}.c5-tj .r.wrong em{color:#A32020}
.c5-tj .ix-seg button svg.kb{height:14px}
@media (max-width:720px){.c5-if,.c5-mr,.c5-hb{grid-template-columns:1fr}.c5-tj .r{grid-template-columns:28px minmax(0,1fr)}.c5-tj .r .ix-seg,.c5-tj .r em{grid-column:2}}
.c5-desk .cseg-frame{grid-template-columns:1fr}
.c5-desk .cseg-xl{border-right:0;border-bottom:1px solid #EEECE9}
.c5-desk .cseg-grid-scroll{max-height:300px}
.c5-desk .cseg-convo{max-height:420px}