/* Luniat Magazine — figurer (designer och diagram). Laddas bara på sidor
   som har en figur: bygget lägger till länken när sidan innehåller
   class="mx-d ". Variabler och typografi kommer från magazine.css.

   ── Designer (figurer) ─────────────────────────────
   content/magazine/designs/*.html, inkluderas med {{design namn}}.
   Riktig text (läsbar och sökbar), inga bilder av text. Läses inte upp.
   Formspråk: numrerade figurer som i en tryckt rapport. Hårlinjer, dämpade
   färger, siffror i serif, etiketter i versaler. Inga lappar, stämplar
   eller glöd. Mörka ytor bara där designen föreställer ett gränssnitt. */
.mx-text{counter-reset:sec fig}
.mx-d{--red:#9A3B2E;--green:#3B6A4C;--amber:#8C6420;--muted:#6B655A;--line:rgba(22,20,15,.13);--soft:#FAF8F4;--warm:#F3EEE5;
  counter-increment:fig;margin:2.8em 0;padding-top:16px;border-top:1px solid var(--ink);
  font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.mx-text .mx-d *+*{margin-top:0}
.mx-text .mx-d ol,.mx-text .mx-d ul{padding:0;margin:0}
.mx-text .mx-d li{padding-left:0}
.mx-text .mx-d li::before{content:none}
.mx-text .mx-d li+li{margin-top:0}
.mx-text .mx-d figcaption{margin-top:18px;font-size:13px;line-height:1.55;color:var(--muted)}
.mx-d figcaption::before{content:"Figur " counter(fig);margin-right:12px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.mx-d strong,.mx-d b{font-weight:600;color:var(--ink)}
.mx-d-eyebrow,.mx-d-cal-mon,.mx-d-day,.mx-d-time-q,.mx-d-reply-who,.mx-d-lanes-head p{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-d-num{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;color:var(--ink)}

/* Kalendern: demon som aldrig släpps */
.mx-d-cal-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:22px;row-gap:26px}
.mx-d-cal-m{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid var(--line)}
.mx-text .mx-d-note{position:relative;padding-left:16px;font-family:var(--serif);font-size:16.5px;line-height:1.35;font-style:italic;color:var(--ink-2)}
.mx-d-note::before{content:"”";position:absolute;left:0;top:-.08em;font-size:1.6em;line-height:1;color:var(--accent)}
.mx-d-note.is-faint{color:var(--muted)}
.mx-d-note.is-faint::before{content:"–";font-style:normal;font-size:1em;top:0}
.mx-d-cal-m.is-demo{border-top:2px solid var(--accent)}
.mx-d-cal-m.is-demo .mx-d-cal-mon{color:var(--accent)}
.mx-text .mx-d-cal-m.is-demo .mx-d-note{color:var(--ink)}
.mx-text .mx-d-cal-total{display:flex;align-items:baseline;justify-content:space-between;margin-top:28px;padding-top:14px;border-top:1px solid var(--line)}
.mx-d-cal-total span{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-d-cal-total strong{font-family:var(--serif);font-size:64px;line-height:.8;font-weight:400;color:var(--accent)}
@media(max-width:640px){.mx-d-cal-grid{grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:20px}}

/* Kalkylarket: första testet */
.mx-d-sheet .mx-d-sheet-bar{display:flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:var(--soft)}
.mx-d-sheet-bar span{width:9px;height:9px;border-radius:50%;background:rgba(22,20,15,.13)}
.mx-d-sheet-bar b{margin-left:8px;font-size:12px;font-weight:500;color:var(--muted)}
.mx-d-sheet-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:0 0 6px 6px}
.mx-text .mx-d-sheet table{min-width:560px;font-size:14px}
.mx-text .mx-d-sheet th{background:#fff;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mx-text .mx-d-sheet th,.mx-text .mx-d-sheet td{padding:11px 14px;border-bottom:1px solid var(--line);border-right:1px solid rgba(22,20,15,.06)}
.mx-text .mx-d-sheet td:nth-child(4),.mx-text .mx-d-sheet td:nth-child(5),.mx-text .mx-d-sheet th:nth-child(4),.mx-text .mx-d-sheet th:nth-child(5){width:84px;text-align:center}
.mx-d-sheet .ok{color:var(--green)}
.mx-d-sheet .bad{color:var(--red);font-weight:600}
.mx-d-sheet .bad span{display:block;font-size:11px;font-weight:500;line-height:1.3}
.mx-d-sheet tr.is-new-fail td{background:#FBF3F0}
.mx-d-sheet tr.is-new-fail td:first-child{box-shadow:inset 2px 0 0 var(--red)}
.mx-text .mx-d-sheet tfoot td{border-bottom:0;font-family:var(--serif);font-size:16px;color:var(--ink)}
.mx-text .mx-d-sheet tfoot td:first-child{text-align:right;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* Trappan: släpp i steg */
.mx-text .mx-d-stairs ol{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:6px}
.mx-text .mx-d-stairs li{display:flex;flex-direction:column;gap:6px;min-height:calc(150px + var(--h) * 44px);padding:16px 16px 18px;border-radius:2px;background:var(--soft);border-top:1px solid var(--line);color:var(--ink)}
.mx-text .mx-d-stairs li:nth-child(2){background:#F2ECE2}
.mx-text .mx-d-stairs li:nth-child(3){background:#E8DDCB}
.mx-text .mx-d-stairs li:nth-child(4){background:var(--ink);color:rgba(255,255,255,.82);border-top-color:var(--ink)}
.mx-text .mx-d-stairs li:nth-child(4) b,.mx-text .mx-d-stairs li:nth-child(4) .mx-d-step-n,.mx-text .mx-d-stairs li:nth-child(4) .mx-d-step-name{color:#fff}
.mx-d-step-n{font-family:var(--serif);font-size:40px;line-height:1;font-weight:300;color:var(--accent)}
.mx-d-step-name{margin-bottom:auto !important;font-family:var(--serif);font-size:19px;line-height:1.2}
.mx-text .mx-d-stairs li p:not(.mx-d-step-name){font-size:12.5px;line-height:1.45}
@media(max-width:640px){.mx-text .mx-d-stairs ol{grid-template-columns:1fr;align-items:stretch}.mx-text .mx-d-stairs li{min-height:0;margin-left:calc((var(--h) - 1) * 6%)}.mx-d-step-name{margin-bottom:6px !important}}

/* Avstängningsknappen */
.mx-d-switch{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center}
.mx-d-switch figcaption{grid-column:1/-1}
.mx-d-switch-btn{grid-row:span 2;display:flex;align-items:center;gap:14px;padding:14px 18px 14px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 15px var(--sans);color:var(--ink);cursor:pointer;transition:border-color .2s}
.mx-d-switch-btn:hover{border-color:var(--ink)}
.mx-d-switch-track{position:relative;flex:none;width:52px;height:30px;border-radius:15px;background:var(--green);transition:background .25s}
.mx-d-switch-knob{position:absolute;top:3px;left:25px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .25s}
.mx-d-switch-btn[aria-pressed="false"] .mx-d-switch-track{background:#C9C3B8}
.mx-d-switch-btn[aria-pressed="false"] .mx-d-switch-knob{left:3px}
.mx-d-switch-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.mx-text .mx-d-switch-state{font-family:var(--serif);font-size:17px;font-style:italic;color:var(--ink-2)}
@media(max-width:560px){.mx-d-switch{grid-template-columns:1fr}.mx-d-switch-btn{grid-row:auto;justify-self:start}}

/* Tidslinjen: kaffeincidenten */
.mx-text .mx-d-timeline ol{position:relative;padding-left:30px}
.mx-d-timeline ol::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:1px;background:var(--line)}
.mx-text .mx-d-timeline li{position:relative;padding:0 0 20px}
.mx-text .mx-d-timeline li::before{content:"";position:absolute;left:-30px;top:5px;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--accent);background:#fff}
.mx-text .mx-d-timeline li.is-bad::before{border-color:var(--red);background:var(--red)}
.mx-text .mx-d-timeline li.is-good::before{border-color:var(--green);background:var(--green)}
.mx-d-timeline time{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-text .mx-d-timeline li p{margin-top:3px;font-family:var(--serif);font-size:18px;line-height:1.45;color:var(--ink)}

/* Den röriga prompten */
.mx-d-prompt-doc{padding:22px 24px 24px;border:1px solid var(--line);border-radius:3px;background:#fff;box-shadow:5px 5px 0 -1px #fff,5px 5px 0 0 var(--line),10px 10px 0 -1px #fff,10px 10px 0 0 var(--line)}
.mx-text .mx-d-prompt figcaption{margin-top:30px}
.mx-d-prompt-file{display:flex;justify-content:space-between;padding-bottom:12px;margin-bottom:12px !important;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.mx-text .mx-d-prompt ol{counter-reset:pl;font-family:var(--mono,ui-monospace,monospace);font-size:13px;line-height:1.6}
.mx-text .mx-d-prompt li{counter-increment:pl;position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;padding:4px 0 4px 34px}
.mx-text .mx-d-prompt li::before{content:counter(pl);position:absolute;left:0;top:4px;width:20px;text-align:right;color:var(--muted)}
.mx-text .mx-d-prompt li.is-flag,.mx-text .mx-d-prompt li.is-shout{background:var(--soft);box-shadow:inset 2px 0 0 var(--accent)}
.mx-d-prompt li.is-shout{color:var(--red)}
.mx-d-prompt li.is-skel span{display:block;height:7px;margin:7px 0;border-radius:4px;background:rgba(22,20,15,.06)}
.mx-d-prompt-note{margin-left:auto;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.mx-d-prompt-note::before{content:"← ";letter-spacing:0}
@media(max-width:600px){.mx-d-prompt-doc{padding:16px 14px}.mx-d-prompt-note{margin-left:0;white-space:normal}.mx-d-prompt-note::before{content:"↑ "}}

/* Två banor: vänta eller bygga */
.mx-d-lanes-head,.mx-d-lanes-foot,.mx-text .mx-d-lanes li{display:grid;grid-template-columns:1fr 96px 1fr;gap:14px;align-items:center}
.mx-d-lanes-head p:first-child,.mx-text .mx-d-lanes li p:first-child,.mx-d-lanes-foot p:first-child{text-align:right}
.mx-text .mx-d-lanes ol{position:relative;margin:12px 0 !important}
.mx-d-lanes ol::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}
.mx-text .mx-d-lanes li{padding:9px 0}
.mx-d-lanes time{position:relative;z-index:1;justify-self:center;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11.5px;text-align:center;color:var(--muted)}
.mx-d-lanes time b{display:block;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mx-d-lanes li.is-release time{border-color:var(--accent);color:var(--ink)}
.mx-text .mx-d-lanes li p:first-child{font-family:var(--serif);font-style:italic;font-size:16.5px;color:var(--muted)}
.mx-text .mx-d-lanes li p:last-child{padding-left:14px;border-left:2px solid var(--accent);font-size:14px;color:var(--ink)}
.mx-d-lanes-foot{padding-top:14px;border-top:1px solid var(--line)}
.mx-d-lanes-foot p{font-size:13px;color:var(--muted)}
.mx-d-lanes-foot strong{display:block;font-family:var(--serif);font-size:20px;font-weight:400}
.mx-d-lanes-foot p:first-child strong{color:var(--red)}.mx-d-lanes-foot p:last-child strong{color:var(--green)}
@media(max-width:600px){.mx-d-lanes-head,.mx-d-lanes-foot,.mx-text .mx-d-lanes li{grid-template-columns:1fr 66px 1fr;gap:8px}.mx-text .mx-d-lanes li p:first-child{font-size:14px}.mx-text .mx-d-lanes li p:last-child{font-size:13px;padding-left:8px}}

/* Två chattar: hallucination */
.mx-d-chats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mx-d-chats figcaption{grid-column:1/-1;margin-top:0}
.mx-d-chat{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.mx-d-chat-prompt{padding-bottom:12px;border-bottom:1px solid var(--line);font-family:var(--mono,ui-monospace,monospace);font-size:11.5px;line-height:1.5;color:var(--muted)}
.mx-d-chat-prompt span{display:block;margin-bottom:3px;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.mx-d-msg{max-width:88%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45}
.mx-d-msg.is-user{align-self:flex-end;border-bottom-right-radius:4px;background:var(--ink);color:#fff}
.mx-d-msg.is-bot{align-self:flex-start;border-bottom-left-radius:4px;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.mx-d-src{display:block;margin-top:8px;padding-top:7px;border-top:1px solid var(--line);font-size:11.5px;color:var(--green)}
.mx-d-stamp{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.mx-d-stamp::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.mx-d-chat.is-bad{--c:var(--red)}.mx-d-chat.is-good{--c:var(--green)}
@media(max-width:700px){.mx-d-chats{grid-template-columns:1fr}}

/* Kostnadsräknaren */
.mx-d-calc{display:grid;grid-template-columns:1.35fr 1fr;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.mx-text .mx-d-calc figcaption{grid-column:1/-1;margin:0;padding:12px 22px 14px;border-top:1px solid var(--line)}
.mx-d-calc-in{display:grid;gap:4px;padding:16px 22px}
.mx-d-calc label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(22,20,15,.06);font-size:14px;color:var(--ink-2)}
.mx-d-calc label:last-child{border-bottom:0}
.mx-d-calc input{width:104px;padding:6px 2px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;font:400 18px var(--serif);text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.mx-d-calc input:focus{outline:0;border-bottom:2px solid var(--accent)}
.mx-d-calc-out{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:22px 26px;background:var(--ink);color:#fff}
.mx-d-calc-out span{display:block;margin-bottom:4px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.mx-d-calc-out strong{font-family:var(--serif);font-size:clamp(32px,3.4vw,44px);line-height:1;font-weight:300;color:#fff}
@media(max-width:640px){.mx-d-calc{grid-template-columns:1fr}.mx-d-calc-out{flex-direction:row;justify-content:space-between}}

/* Dokument på en sida (dataflöde, beslutsunderlag) */
.mx-d-sheetpaper{padding:28px;border-radius:4px;background:var(--warm)}
.mx-d-paper{max-width:560px;margin:0 auto;padding:30px 32px 26px;background:#fff;box-shadow:0 1px 2px rgba(22,20,15,.06),0 24px 40px -28px rgba(22,20,15,.45)}
.mx-d-paper-head{padding-bottom:14px;border-bottom:1px solid var(--ink);font-family:var(--serif);font-size:24px;line-height:1.15;color:var(--ink)}
.mx-d-paper-head span{display:block;margin-bottom:6px;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mx-d-paper-head em{display:block;margin-top:6px;font-family:var(--sans);font-size:12px;font-style:normal;color:var(--muted)}
.mx-d-flow{display:flex;align-items:center;gap:6px;margin:18px 0 10px !important}
.mx-d-flow span{padding:5px 10px;border:1px solid var(--ink);border-radius:2px;font-size:12px;font-weight:500;white-space:nowrap}
.mx-d-flow small{margin-left:6px;font-size:9.5px;font-weight:600;letter-spacing:.1em;color:var(--accent)}
.mx-d-flow i{flex:1;height:1px;min-width:12px;background:var(--ink);position:relative}
.mx-d-flow i::after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:5px solid var(--ink);border-right:0}
.mx-d-paper dl>div{display:grid;grid-template-columns:40% 1fr;gap:14px;padding:9px 0;border-bottom:1px solid rgba(22,20,15,.07)}
.mx-d-paper dt{font-size:12px;font-weight:600;line-height:1.45;color:var(--ink)}
.mx-d-paper dd{margin:0;font-family:var(--serif);font-size:15px;line-height:1.45;color:var(--ink-2)}
.mx-d-sign{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px !important}
.mx-d-sign p{position:relative;padding-top:30px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-d-sign p::before{content:"";position:absolute;left:0;right:0;top:24px;border-top:1px solid var(--ink)}
@media(max-width:600px){.mx-d-sheetpaper{padding:12px}.mx-d-paper{padding:20px 16px}.mx-d-paper dl>div{grid-template-columns:1fr;gap:2px}.mx-d-flow span{font-size:11px;padding:4px 7px}}

/* Måndagskollen (föreställer en panel, därför mörk) */
.mx-d-dash{padding:22px;border-radius:8px;background:var(--ink);color:#fff}
.mx-d-dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}
.mx-d-dash-head>p:first-child{font-family:var(--serif);font-size:22px;color:#fff}
.mx-d-dash-head>p:first-child span{margin-left:10px;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.mx-d-dash-who{display:flex;align-items:center;gap:4px;font-size:12.5px;color:rgba(255,255,255,.65)}
.mx-d-dash-who span{display:grid;place-items:center;width:24px;height:24px;margin-right:2px;border-radius:50%;background:var(--accent);font-size:11px;font-weight:600;color:#fff}
.mx-d-dash-who span+span{margin-left:-8px;margin-right:8px;background:#56707E;box-shadow:0 0 0 2px var(--ink)}
.mx-d-dash-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden}
.mx-d-dash-tiles>div{display:flex;flex-direction:column;gap:5px;padding:16px;background:var(--ink)}
.mx-d-dash-tiles p{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.mx-d-dash-tiles strong{font-family:var(--serif);font-size:30px;line-height:1.1;font-weight:300;color:#fff}
.mx-d-dash-tiles span{font-size:12px;color:rgba(255,255,255,.6)}
.mx-d-dash-tiles .is-up{color:#9BCBA6}
.mx-d-dash-tiles .is-warn{box-shadow:inset 0 2px 0 #D9A84E}
.mx-d-dash-tiles .is-warn span{color:#D9A84E}
.mx-d-meter{display:block;height:3px;margin:6px 0 2px;background:rgba(255,255,255,.12)}
.mx-d-meter i{display:block;width:var(--v);height:100%;background:#9BCBA6}
.mx-text .mx-d-dash-todo{margin-top:14px;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.85)}
.mx-d-dash-todo b{margin-right:6px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#D9A84E}
.mx-d-dash figcaption{color:rgba(255,255,255,.5)}
.mx-d-dash figcaption::before{color:#fff}
@media(max-width:700px){.mx-d-dash{padding:16px}.mx-d-dash-tiles{grid-template-columns:1fr 1fr}}

/* Tio flöden: agent eller arbetsflöde */
.mx-text .mx-d-flows ol{display:grid;gap:7px;padding:18px 0}
.mx-text .mx-d-flows li{display:flex;align-items:center;font-size:12px}
.mx-d-flows li span{position:relative;padding:5px 11px;border-radius:2px;background:var(--ink);color:#fff;font-weight:500;white-space:nowrap}
.mx-d-flows li span+span{margin-left:24px}
.mx-d-flows li span+span::before{content:"";position:absolute;left:-19px;top:50%;width:14px;height:1px;background:var(--ink)}
.mx-d-flows li span+span::after{content:"";position:absolute;left:-7px;top:50%;margin-top:-3px;border:3px solid transparent;border-left:4px solid var(--ink);border-right:0}
.mx-d-flows li.is-odd span{background:#fff;box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}
.mx-d-flows li.is-odd span+span::before{background:var(--accent)}
.mx-d-flows li.is-odd span+span::after{border-left-color:var(--accent)}
.mx-d-flows-sum{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.mx-d-flows-sum b{display:block;font-family:var(--serif);font-size:30px;line-height:1.1;font-weight:400}
.mx-d-flows-sum span:last-child b{color:var(--accent)}
@media(max-width:600px){.mx-text .mx-d-flows ol{overflow-x:auto}.mx-text .mx-d-flows li{font-size:10.5px}.mx-d-flows li span{padding:4px 7px}.mx-d-flows li span+span{margin-left:16px}.mx-d-flows li span+span::before{left:-13px;width:9px}.mx-d-flows li span+span::after{left:-5px}.mx-d-flows-sum{grid-template-columns:1fr;gap:12px}}

/* ── Handboken (SMB-guiderna) ── */
.mx-d-ava{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink);font-size:11.5px;font-weight:600;color:#fff}

/* Två profiler: datumet */
.mx-d-profiles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mx-d-profiles figcaption{grid-column:1/-1;margin-top:0}
.mx-d-phone{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}
.mx-d-phone-head{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.mx-d-phone-head b{font-size:13.5px}
.mx-d-phone-head small{grid-column:2;font-size:12px;color:var(--muted)}
.mx-d-phone-head .mx-d-ava{grid-row:span 2}
.mx-d-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.mx-d-grid i{aspect-ratio:1;background:#D9CBB4}
.mx-d-grid i:nth-child(2){background:#B9A588}.mx-d-grid i:nth-child(3){background:#E7DCCB}.mx-d-grid i:nth-child(4){background:#CDB99B}.mx-d-grid i:nth-child(5){background:#A88F6E}.mx-d-grid i:nth-child(6){background:#DED2BF}
.mx-d-phone.is-dead .mx-d-grid{filter:grayscale(1) contrast(.7);opacity:.55}
.mx-d-last{padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.mx-d-last strong{display:block;font-family:var(--serif);font-size:21px;font-weight:400}
.mx-d-verdict{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.mx-d-verdict::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.mx-d-phone.is-dead .mx-d-verdict,.mx-d-phone.is-dead .mx-d-last strong{color:var(--red)}
.mx-d-phone.is-alive .mx-d-verdict,.mx-d-phone.is-alive .mx-d-last strong{color:var(--green)}
@media(max-width:560px){.mx-d-profiles{gap:10px}.mx-d-phone{padding:12px;border-radius:14px}.mx-d-phone-head{grid-template-columns:1fr}.mx-d-phone-head .mx-d-ava{display:none}.mx-d-phone-head small{grid-column:1}.mx-d-last strong{font-size:17px}}

/* Bildtexten med för många hashtags */
.mx-d-caption{display:grid;grid-template-columns:minmax(0,330px) 1fr;gap:28px;align-items:start}
.mx-d-caption figcaption{grid-column:1/-1;margin-top:0}
.mx-d-post{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.mx-d-post-head{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:10px 12px}
.mx-d-post-head .mx-d-ava{grid-row:span 2}
.mx-d-post-head b{font-size:13px}
.mx-d-pin{font-size:11.5px;color:var(--ink-2)}
.mx-d-post-img{aspect-ratio:5/4;background:linear-gradient(135deg,#E9DFCF 0%,#D2BE9F 55%,#B89C76 100%)}
.mx-text .mx-d-post-text{padding:12px 12px 6px;font-size:13.5px;line-height:1.45;color:var(--ink)}
.mx-text .mx-d-tags{display:flex;flex-wrap:wrap;gap:3px 7px;padding:0 12px 14px;font-size:12.5px;color:var(--muted)}
.mx-d-tags span{text-decoration:line-through;text-decoration-color:rgba(154,59,46,.45)}
.mx-d-tags .is-on{color:#2E5A82;text-decoration:none}
.mx-d-cut{flex-basis:100%;height:0;margin:5px 0 3px;border-top:1px dashed var(--red);position:relative}
.mx-d-cut::after{content:"Ignoreras";position:absolute;right:0;top:-8px;padding-left:8px;background:#fff;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.mx-text .mx-d-caption-notes li,.mx-text .mx-d-map-notes li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.mx-text .mx-d-caption-notes li:first-child,.mx-text .mx-d-map-notes li:first-child{padding-top:0}
.mx-d-caption-notes b,.mx-d-map-notes b{display:block;margin-bottom:2px;font-family:var(--serif);font-size:18px;font-weight:400}
@media(max-width:700px){.mx-d-caption{grid-template-columns:1fr}}

/* Omdöme med svar */
.mx-d-review{display:grid;grid-template-columns:1fr 210px;gap:28px;align-items:center}
.mx-d-review figcaption{grid-column:1/-1;margin-top:0}
.mx-d-review-card{padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:#fff}
.mx-d-review-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.mx-d-review-head b{font-size:14px}
.mx-d-review-head small{flex-basis:100%;margin-left:38px;font-size:12px;color:var(--muted)}
.mx-d-stars{display:inline-flex;gap:2px}
.mx-d-stars i{width:12px;height:12px;background:var(--amber);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.mx-d-stars i.is-off{background:#DDD7CC}
.mx-text .mx-d-review-text{margin-top:12px;font-family:var(--serif);font-size:16.5px;line-height:1.5;color:var(--ink)}
.mx-d-reply{margin-top:16px;padding:14px 16px;border-left:2px solid var(--ink);background:var(--soft)}
.mx-text .mx-d-reply p+p{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--ink)}
.mx-d-reply mark{padding:1px 0;background:linear-gradient(transparent 62%,#EEDDB2 62%);color:inherit}
.mx-d-reply mark.is-2{background:linear-gradient(transparent 62%,#CFE0D2 62%)}
.mx-d-reply mark.is-3{background:linear-gradient(transparent 62%,#D3DEEA 62%)}
.mx-text .mx-d-review-notes li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45}
.mx-text .mx-d-review-notes li:first-child{padding-top:0}
.mx-d-review-notes span{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#EEDDB2;font-family:var(--serif);font-size:13px}
.mx-d-review-notes .is-2 span{background:#CFE0D2}.mx-d-review-notes .is-3 span{background:#D3DEEA}
@media(max-width:700px){.mx-d-review{grid-template-columns:1fr}}

/* Kartan med tre caféer */
.mx-d-map{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:30px;align-items:center}
.mx-d-map figcaption{grid-column:1/-1;margin-top:0}
.mx-d-map-phone{padding:12px;border:1px solid var(--line);border-radius:20px;background:#fff}
.mx-d-map-search{display:flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13.5px}
.mx-d-map-search span{color:var(--muted)}
.mx-d-map-area{position:relative;height:116px;margin:10px 0 6px !important;border-radius:8px;background:linear-gradient(90deg,transparent 48%,#fff 48% 51%,transparent 51%),linear-gradient(0deg,transparent 30%,#fff 30% 33%,transparent 33%),linear-gradient(20deg,transparent 60%,#fff 60% 62.5%,transparent 62.5%),#ECEEE8}
.mx-d-map-area i{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);transform:translate(-50%,-130%);font-size:10px;font-style:normal;font-weight:600;color:#fff}
.mx-d-map-area i::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-4px;border:4px solid transparent;border-top:6px solid var(--ink);border-bottom:0}
.mx-d-map-area i.is-grey{background:#A7A196}.mx-d-map-area i.is-grey::after{border-top-color:#A7A196}
.mx-text .mx-d-map ol li{padding:10px 4px;border-top:1px solid var(--line)}
.mx-d-map-name{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}
.mx-d-map-r{font-weight:400;color:var(--ink-2);white-space:nowrap}
.mx-d-map-meta{font-size:12px;color:var(--muted)}
.mx-d-map-meta .is-open{color:var(--green)}.mx-d-map-meta .is-closed{color:var(--red)}
.mx-d-map-pics{display:flex;gap:3px;margin-top:7px !important}
.mx-d-map-pics i{width:50px;height:36px;border-radius:2px;background:#D9CBB4}
.mx-d-map-pics i:nth-child(2){background:#B9A588}.mx-d-map-pics i:nth-child(3){background:#E2D6C4}
.mx-d-map-empty{display:inline-block;margin-top:7px !important;padding:8px 12px;border:1px dashed var(--line);border-radius:2px;font-size:11px;color:var(--muted)}
.mx-d-map li.is-weak{opacity:.7}
@media(max-width:700px){.mx-d-map{grid-template-columns:1fr}}

/* Tidstrappan */
.mx-text .mx-d-time ol{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mx-text .mx-d-time li{position:relative;padding-top:18px;border-top:2px solid var(--accent)}
.mx-text .mx-d-time li:nth-child(2){border-top-color:#B88E54}.mx-text .mx-d-time li:nth-child(3){border-top-color:#D0B48A}.mx-text .mx-d-time li:nth-child(4){border-top-color:#E3D2B6}
.mx-d-time-q{color:var(--accent)}
.mx-d-time-a{margin:6px 0 8px !important;font-family:var(--serif);font-size:21px;line-height:1.2;color:var(--ink)}
.mx-text .mx-d-time li p:last-child{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
@media(max-width:700px){.mx-text .mx-d-time ol{grid-template-columns:1fr;gap:18px}}


/* ── Handbokskapitlen ── */
.mx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Väntekostnad */
.mx-d-wait-calc{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.mx-d-wait-calc p:not(.mx-d-op){display:flex;flex-direction:column;gap:2px}
.mx-d-wait-calc b{font-size:28px;line-height:1.1}
.mx-d-wait-calc small{font-size:12px;color:var(--muted)}
.mx-d-op{padding-bottom:22px;font-family:var(--serif);font-size:22px;color:var(--muted)}
.mx-d-wait-calc .is-sum b{color:var(--accent)}
.mx-text .mx-d-wait-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end;height:200px;margin-top:22px !important}
.mx-text .mx-d-wait-bars li{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:8px}
.mx-d-vbar{position:relative;display:block;width:64%;height:var(--v);background:#D9C4A2}
.mx-d-wait-bars li:last-child .mx-d-vbar{background:var(--accent)}
.mx-d-vbar b{position:absolute;left:0;bottom:100%;padding-bottom:6px;font-family:var(--serif);font-size:16px;font-weight:400;white-space:nowrap}
.mx-d-wait-bars small{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media(max-width:600px){.mx-d-wait-calc b{font-size:22px}.mx-text .mx-d-wait-bars{gap:8px;height:170px}.mx-d-vbar b{font-size:12.5px}.mx-d-wait-bars small{font-size:9px;letter-spacing:.08em}}

/* Matriser (fyra frågor, köpa eller bygga) */
.mx-d-matrix-scroll{overflow-x:auto}
.mx-text .mx-d-matrix table{min-width:560px;font-size:14px}
.mx-text .mx-d-matrix th,.mx-text .mx-d-matrix td{padding:12px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.mx-text .mx-d-matrix thead th{font-family:var(--serif);font-size:16px;font-weight:400;line-height:1.2;color:var(--ink);text-align:center;vertical-align:bottom}
.mx-text .mx-d-matrix thead th:first-child{text-align:left}
.mx-d-matrix thead small{display:block;margin-top:3px;font-family:var(--sans);font-size:11px;color:var(--muted)}
.mx-text .mx-d-matrix tbody th{font-weight:400;color:var(--ink-2);width:38%}
.mx-text .mx-d-matrix td{text-align:center}
.mx-d-matrix td.y{color:var(--green)}
.mx-d-matrix td.n{color:var(--red)}
.mx-d-matrix .is-counter{background:var(--soft)}
.mx-text .mx-d-matrix tfoot th,.mx-text .mx-d-matrix tfoot td{border-bottom:0;font-size:12.5px;font-weight:600}
.mx-text .mx-d-matrix tfoot th{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-d-matrix tfoot td{color:var(--green)}
.mx-d-matrix tfoot td.is-counter{color:var(--red)}
.mx-d-matrix.is-choice td.dot{font-size:15px;color:var(--accent)}
.mx-d-matrix.is-choice tr.is-heavy th{font-weight:600;color:var(--ink)}
.mx-d-matrix.is-choice tr.is-heavy th::after{content:"väger tyngst";display:inline-block;margin-left:8px;padding:1px 6px;border:1px solid var(--accent);border-radius:999px;font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);vertical-align:2px}

/* Prioriteringsmatris */
.mx-d-scatter-plot{position:relative;height:340px;margin-left:24px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);background:linear-gradient(90deg,transparent calc(50% - .5px),var(--line) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),var(--line) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}
.mx-d-scatter-plot::before{content:"";position:absolute;left:50%;top:0;right:0;bottom:50%;background:rgba(154,107,44,.07)}
.mx-d-scatter-y{position:absolute;left:-8px;bottom:0;transform-origin:left bottom;transform:rotate(-90deg);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.mx-d-scatter-x{position:absolute;right:0;bottom:-26px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-d-q{position:absolute;right:12px;top:10px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mx-text .mx-d-scatter-plot li{position:absolute;left:calc(var(--x) * 1%);bottom:calc(var(--y) * 1%);display:flex;align-items:center;gap:8px;transform:translate(-6px,6px);font-size:13px;line-height:1.2;color:var(--ink-2);white-space:nowrap}
.mx-text .mx-d-scatter-plot li::before{content:"";position:static;width:11px;height:11px;flex:none;border-radius:50%;background:#fff;border:1.5px solid var(--ink)}
.mx-text .mx-d-scatter-plot li.is-pick{font-family:var(--serif);font-size:17px;color:var(--ink)}
.mx-text .mx-d-scatter-plot li.is-pick::before{width:14px;height:14px;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px rgba(154,107,44,.18)}
.mx-text .mx-d-scatter-plot li.is-left{flex-direction:row-reverse;transform:translate(calc(-100% + 6px),6px)}
.mx-text .mx-d-scatter figcaption{margin-top:56px}
@media(max-width:600px){.mx-d-scatter-plot{height:300px}.mx-text .mx-d-scatter-plot li{font-size:11px;white-space:normal;max-width:120px}.mx-text .mx-d-scatter-plot li.is-pick{font-size:13px}}

/* Kalkylen */
.mx-d-ledger-rows>div{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.mx-d-ledger-rows dt{font-size:14.5px;color:var(--ink)}
.mx-d-ledger-rows dt small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.mx-d-ledger-rows dd{margin:0;text-align:right;font-family:var(--serif);font-size:22px;white-space:nowrap}
.mx-d-ledger-rows dd small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted)}
.mx-d-ledger-rows .is-plus dd{color:var(--green)}
.mx-d-ledger-rows .is-minus dd{color:var(--red)}
.mx-d-ledger-chart{margin-top:22px !important}
.mx-d-ledger-chart svg,.mx-d-chart svg{display:block;width:100%;height:auto;margin-top:10px;overflow:visible}
.mx-d-ledger-chart rect.neg{fill:#D8C6C1}.mx-d-ledger-chart rect.pos{fill:var(--green)}
.mx-d-ledger-chart .axis{stroke:var(--ink);stroke-width:1}
.mx-d-ledger-chart .be{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 3}
.mx-d-ledger-chart text,.mx-d-chart text{font:500 11px var(--sans);fill:var(--muted)}
.mx-d-ledger-chart .be-t{font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;fill:var(--accent)}

/* Veckomåttet */
.mx-d-legend{display:flex;gap:20px;font-size:12px;color:var(--ink-2)}
.mx-d-legend span::before{content:"";display:inline-block;margin-right:7px;vertical-align:middle}
.mx-d-legend .is-line::before{width:18px;height:2px;background:var(--accent)}
.mx-d-legend .is-bar::before{width:10px;height:10px;background:#E6DED0}
.mx-d-chart .grid{stroke:var(--line);stroke-width:1}
.mx-d-chart .vol{fill:#E6DED0}
.mx-d-chart .rate{fill:none;stroke:var(--accent);stroke-width:2}
.mx-d-chart circle{fill:#fff;stroke:var(--accent);stroke-width:1.5}
.mx-d-chart .lbl{font:400 15px var(--serif);fill:var(--ink)}

/* Tre sorters data */
.mx-d-data-grid{display:grid;grid-template-columns:1fr 120px 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.mx-d-data-col{padding:16px 18px;border:1px solid var(--line);border-radius:4px;background:#fff}
.mx-d-data-col:first-child{grid-column:1;grid-row:1}
.mx-d-data-core{grid-column:2;grid-row:1/3;align-self:stretch;display:grid;place-items:center;position:relative}
.mx-d-data-core::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}
.mx-d-data-core span{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:var(--ink);font-family:var(--serif);font-size:16px;color:#fff;text-align:center}
.mx-d-data-col:nth-child(3){grid-column:3;grid-row:1}
.mx-d-data-col.is-truth{grid-column:1/-1;grid-row:3;background:var(--soft);border-style:dashed}
.mx-d-data-ex{margin-top:6px !important;font-family:var(--serif);font-size:18px;line-height:1.3;color:var(--ink)}
.mx-text .mx-d-data-q{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.mx-d-data-grid{grid-template-rows:auto auto}
@media(max-width:640px){.mx-d-data-grid{grid-template-columns:1fr}.mx-d-data-col:first-child,.mx-d-data-col:nth-child(3),.mx-d-data-col.is-truth{grid-column:1;grid-row:auto}.mx-d-data-core{grid-column:1;grid-row:auto}.mx-d-data-core span{width:auto;height:auto;padding:10px 18px;border-radius:999px}.mx-d-data-core::before{display:none}}

/* Gantt-tidsplan */
.mx-d-gantt{--label:200px}
.mx-d-gantt-head,.mx-text .mx-d-gantt li{display:grid;grid-template-columns:var(--label) 1fr;gap:16px;align-items:center}
.mx-d-gantt-weeks,.mx-d-gantt-track{display:grid;grid-template-columns:repeat(var(--w),1fr)}
.mx-d-gantt-weeks{font-size:10.5px;color:var(--muted);text-align:center}
.mx-d-gantt-head{padding-bottom:8px;border-bottom:1px solid var(--ink)}
.mx-text .mx-d-gantt li{padding:12px 0;border-bottom:1px solid var(--line)}
.mx-d-gantt-name{font-family:var(--serif);font-size:17px;line-height:1.2}
.mx-d-gantt-name small{display:block;margin-top:2px;font-family:var(--sans);font-size:11.5px;line-height:1.35;color:var(--muted)}
.mx-d-gantt-track{position:relative;height:26px;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / var(--w) - 1px),rgba(22,20,15,.05) calc(100% / var(--w) - 1px) calc(100% / var(--w)))}
.mx-d-gantt-bar{grid-column:calc(var(--s)) / calc(var(--e) + 1);display:flex;align-items:center;padding:0 8px;background:var(--ink);color:#fff;font-size:11px;font-weight:500;white-space:nowrap}
.mx-d-gantt-bar.is-open{background:linear-gradient(90deg,var(--accent),rgba(154,107,44,.25))}
.mx-d-gantt li:nth-child(3) .mx-d-gantt-bar{background:var(--accent)}
.mx-d-gantt-mile{position:relative;margin-left:calc(var(--label) + 16px) !important;height:30px}
.mx-d-gantt-mile span{position:absolute;left:calc((var(--at) - 1) / var(--w) * 100%);top:0;padding:8px 0 0 10px;border-left:1px dashed var(--accent);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
@media(max-width:640px){.mx-d-gantt{--label:0px}.mx-d-gantt-head,.mx-text .mx-d-gantt li{grid-template-columns:1fr;gap:8px}.mx-d-gantt-head .mx-d-eyebrow{display:none}.mx-d-gantt-mile{margin-left:0 !important}.mx-d-gantt-mile{height:48px}.mx-d-gantt-mile span{white-space:normal;max-width:50%}}

/* Tre nivåer */
.mx-d-levels-scale{display:grid;grid-template-columns:repeat(3,1fr);position:relative;padding-top:22px}
.mx-d-levels-scale::before{content:"";position:absolute;left:0;right:0;top:4px;height:3px;background:linear-gradient(90deg,var(--ink),var(--accent),#D8C3A0)}
.mx-d-levels-scale>div{position:relative;padding-right:18px}
.mx-d-levels-scale>div::before{content:"";position:absolute;left:0;top:-23px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--ink)}
.mx-d-levels-name{margin:4px 0 6px !important;font-family:var(--serif);font-size:20px;line-height:1.2}
.mx-text .mx-d-levels-scale p:last-child{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.mx-d-levels-ex{margin-top:26px !important;padding-top:14px;border-top:1px solid var(--line)}
.mx-text .mx-d-levels-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 0;margin-top:12px !important}
.mx-text .mx-d-levels-steps li{grid-column:var(--l);padding-right:18px}
.mx-d-levels-steps span{display:block;padding:9px 12px;border-left:2px solid var(--ink);background:var(--soft);font-size:13.5px;color:var(--ink)}
.mx-d-levels-steps li.is-strict span{border-left-color:var(--red)}
@media(max-width:640px){.mx-d-levels-scale{grid-template-columns:1fr;gap:16px;padding:0 0 0 24px}.mx-d-levels-scale::before{left:5px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,var(--ink),var(--accent),#D8C3A0)}.mx-d-levels-scale>div::before{left:-24px;top:6px}.mx-text .mx-d-levels-steps{grid-template-columns:1fr}.mx-text .mx-d-levels-steps li{grid-column:1;padding-left:calc((var(--l) - 1) * 14%)}}

/* Fyra lager: månaden */
.mx-d-layers-wrap{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:30px;align-items:start}
.mx-d-layers-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.mx-text .mx-d-layers-cal li{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);font-size:10px;color:#BDB7AC}
.mx-d-layers-cal li span{position:absolute;top:2px;left:4px}
.mx-text .mx-d-layers-cal li.sig::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink)}
.mx-text .mx-d-layers-cal li.wk{background:var(--soft);box-shadow:inset 0 -2px 0 var(--accent)}
.mx-text .mx-d-layers-cal li.chg::before{content:"";position:absolute;left:auto;right:4px;top:auto;bottom:4px;width:7px;height:7px;background:var(--green);transform:rotate(45deg)}
.mx-text .mx-d-layers-cal li.mon{background:var(--ink);color:rgba(255,255,255,.6)}
.mx-text .mx-d-layers-cal li.mon::after{background:#fff}
.mx-text .mx-d-layers-key li{position:relative;padding:0 0 14px 28px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.mx-text .mx-d-layers-key li+li{padding-top:14px;border-top:1px solid var(--line)}
.mx-d-layers-key b{display:block;font-family:var(--serif);font-size:17px;font-weight:400}
.mx-text .mx-d-layers-key li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px}
.mx-text .mx-d-layers-key li+li::before{top:20px}
.mx-text .mx-d-layers-key li.sig::before{background:radial-gradient(circle,var(--ink) 0 2.5px,transparent 3px);border:1px solid var(--line)}
.mx-text .mx-d-layers-key li.wk::before{background:var(--soft);box-shadow:inset 0 -2px 0 var(--accent);border:1px solid var(--line)}
.mx-text .mx-d-layers-key li.chg::before{width:9px;height:9px;margin:3px;background:var(--green);transform:rotate(45deg)}
.mx-text .mx-d-layers-key li.mon::before{background:var(--ink)}
@media(max-width:640px){.mx-d-layers-wrap{grid-template-columns:1fr;gap:20px}}

/* Prioriteringslistan */
.mx-text .mx-d-port li{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.mx-d-port-n{font-family:var(--serif);font-size:26px;line-height:1;color:var(--accent)}
.mx-d-port-name{font-family:var(--serif);font-size:18px;line-height:1.25;color:var(--ink)}
.mx-d-port-name small{margin-left:8px;font-family:var(--sans);font-size:12px;color:var(--muted)}
.mx-text .mx-d-port-why{margin-top:2px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.mx-d-port-tag{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.mx-d-port-tag.is-go{color:var(--green)}
.mx-d-port li.is-wait .mx-d-port-name{color:var(--muted)}
.mx-d-port li.is-wait .mx-d-port-n{color:#C9C3B8}
@media(max-width:560px){.mx-text .mx-d-port li{grid-template-columns:28px 1fr}.mx-d-port-tag{grid-column:2}.mx-d-port-name small{display:block;margin-left:0}}

/* Nav och utposter */
.mx-d-hub-map{position:relative;height:450px}
.mx-d-hub-core{position:absolute;left:50%;top:50%;width:170px;padding:20px;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--ink);color:#fff;transform:translate(-50%,-50%);z-index:1}
.mx-d-hub-core .mx-d-eyebrow{color:rgba(255,255,255,.55)}
.mx-d-hub-title{margin:4px 0 8px !important;font-family:var(--serif);font-size:20px}
.mx-text .mx-d-hub-core li{font-size:12px;line-height:1.6;color:rgba(255,255,255,.8)}
.mx-text .mx-d-hub-spokes li{position:absolute;left:50%;top:50%;width:150px;margin:-26px 0 0 -75px;text-align:center;font-size:11.5px;line-height:1.35;color:var(--muted);transform:rotate(var(--a)) translate(195px) rotate(calc(-1 * var(--a)))}
.mx-d-hub-spokes b{display:block;font-family:var(--serif);font-size:18px;font-weight:400;color:var(--ink)}
.mx-text .mx-d-hub-spokes li::before{content:"";position:absolute;left:50%;top:50%;width:70px;height:1px;background:var(--line);transform-origin:0 0;transform:rotate(calc(var(--a) + 180deg)) translate(28px);z-index:-1}
.mx-d-hub-note{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-2)}
@media(max-width:600px){.mx-d-hub-map{height:330px}.mx-d-hub-core{width:140px;padding:12px}.mx-d-hub-title{font-size:16px}.mx-text .mx-d-hub-core li{font-size:10.5px}.mx-text .mx-d-hub-spokes li{width:110px;margin:-22px 0 0 -55px;font-size:10px;transform:rotate(var(--a)) translate(120px) rotate(calc(-1 * var(--a)))}.mx-d-hub-spokes b{font-size:15px}.mx-d-hub-note{grid-template-columns:1fr;gap:8px}}

/* Grunden: tio system, sex delar */
.mx-text .mx-d-found-sys{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.mx-text .mx-d-found-sys li{padding:12px 8px;border:1px solid var(--line);background:#fff;font-size:12.5px;text-align:center;color:var(--ink-2);hyphens:manual}
.mx-d-found-label{margin:14px 0 !important;display:flex;align-items:center;gap:12px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-d-found-label::before,.mx-d-found-label::after{content:"";flex:1;height:1px;background:var(--line)}
.mx-text .mx-d-found-base{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.12);border-top:3px solid var(--accent)}
.mx-text .mx-d-found-base li{padding:14px 12px 16px;background:var(--ink);font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.6)}
.mx-d-found-base b{display:block;margin-bottom:3px;font-family:var(--serif);font-size:16px;font-weight:400;color:#fff}
@media(max-width:640px){.mx-text .mx-d-found-sys{grid-template-columns:repeat(2,1fr)}.mx-text .mx-d-found-base{grid-template-columns:repeat(2,1fr)}}

/* Rollen före och efter */
.mx-d-role-row{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center}
.mx-d-role-row+.mx-d-role-row{margin-top:16px !important}
.mx-d-role-when{font-family:var(--serif);font-size:18px}
.mx-text .mx-d-role-bar{display:flex;height:64px;gap:2px}
.mx-text .mx-d-role-bar li{flex:var(--w) 1 0;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:8px 9px;font-size:11.5px;line-height:1.25;color:#fff;overflow:hidden}
.mx-d-role-bar li b{font-family:var(--serif);font-size:15px;font-weight:400;color:inherit}
.mx-d-role-bar .t1{background:#6E6658}.mx-d-role-bar .t2{background:#8C8475}.mx-d-role-bar .t3{background:#A9A193}.mx-d-role-bar .t4{background:#C6BFB2}
.mx-d-role-bar .n1{background:var(--ink)}.mx-d-role-bar .n2{background:#5A4630}.mx-d-role-bar .n3{background:#7F5E34}.mx-d-role-bar .n4{background:var(--accent)}.mx-d-role-bar .n5{background:#C29E68}
@media(max-width:640px){.mx-d-role-row{grid-template-columns:1fr;gap:6px}.mx-text .mx-d-role-bar{flex-direction:column;height:auto}.mx-text .mx-d-role-bar li{flex:none;flex-direction:row;padding:7px 10px;font-size:12px}.mx-text .mx-d-role-bar li .mx-sr{position:static;width:auto;height:auto;clip:auto}}

/* ── Tabellbaserade designer (sökbara som tabeller) ── */
.mx-text .mx-d table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:14px}
.mx-text .mx-d th,.mx-text .mx-d td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.mx-text .mx-d thead th{padding-top:0;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mx-text .mx-d thead th small{display:block;margin-top:2px;font-size:10.5px;letter-spacing:.08em;text-transform:none;font-weight:500}

/* Trafikljuset: tre felnivåer */
.mx-text .mx-d-lights tbody th{position:relative;width:34%;padding-left:28px;font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.2;color:var(--ink)}
.mx-text .mx-d-lights tbody td{font-size:14px;line-height:1.5;color:var(--ink-2)}
.mx-text .mx-d-lights tbody td:last-child{width:26%;text-align:right;font-family:var(--serif);font-size:19px;color:var(--ink);white-space:nowrap}
.mx-text .mx-d-lights thead th:last-child{text-align:right}
.mx-d-lamp{position:absolute;left:4px;top:19px;width:11px;height:11px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}
.mx-d-lights tr.is-red{--c:var(--red)}.mx-d-lights tr.is-amber{--c:var(--amber)}.mx-d-lights tr.is-green{--c:var(--green)}
.mx-text .mx-d-lights tbody td:last-child::before{content:"Ribba";display:block;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
@media(max-width:600px){.mx-text .mx-d-lights thead{display:none}.mx-text .mx-d-lights tr{display:grid;grid-template-columns:1fr auto;padding:14px 0;border-bottom:1px solid var(--line)}.mx-text .mx-d-lights th,.mx-text .mx-d-lights td{padding:0;border:0}.mx-text .mx-d-lights tbody th{width:auto;padding-left:24px}.mx-d-lamp{top:7px;left:2px}.mx-text .mx-d-lights tbody td:nth-child(2){grid-column:1/-1;margin-top:6px}.mx-text .mx-d-lights tbody td:last-child{width:auto;font-size:16px}}

/* Prisskalan */
.mx-d-range{--max:40000}
.mx-text .mx-d-range thead th:first-child{width:220px}
.mx-d-range-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.mx-text .mx-d-range tbody th{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.2;color:var(--ink);padding-right:20px}
.mx-text .mx-d-range tbody th small{display:block;margin-top:3px;font-family:var(--sans);font-size:12px;line-height:1.4;color:var(--muted)}
.mx-text .mx-d-range tbody td{position:relative;height:60px;padding-top:16px}
.mx-d-range-bar{position:absolute;top:16px;height:8px;left:calc(var(--a) / var(--max) * 100%);width:calc((var(--b) - var(--a)) / var(--max) * 100%);border-radius:1px;background:var(--accent)}
.mx-d-range-bar.is-dot{width:8px;border-radius:50%;background:var(--ink)}
.mx-d-range-bar.is-open{background:linear-gradient(90deg,var(--accent),rgba(154,107,44,.1))}
.mx-d-range-val{position:absolute;top:32px;left:calc(var(--a) / var(--max) * 100%);font-size:12.5px;color:var(--ink);white-space:nowrap}
.mx-text .mx-d-range tbody td{--a:0}
.mx-text .mx-d-range tr:last-child .mx-d-range-val{left:auto;right:14px}
.mx-text .mx-d-range tr:nth-child(2) .mx-d-range-val{left:calc(2000 / var(--max) * 100%)}
.mx-text .mx-d-range tr:nth-child(3) .mx-d-range-val{left:calc(5000 / var(--max) * 100%)}
@media(max-width:640px){.mx-text .mx-d-range thead th:first-child{display:none}.mx-text .mx-d-range tr{display:block;padding:14px 0;border-bottom:1px solid var(--line)}.mx-text .mx-d-range thead tr{padding:0}.mx-text .mx-d-range th,.mx-text .mx-d-range td{display:block;padding:0;border:0}.mx-text .mx-d-range thead th:last-child{font-size:0}.mx-text .mx-d-range tbody td{height:52px;margin-top:8px}.mx-d-range-val,.mx-text .mx-d-range tr:nth-child(n) .mx-d-range-val{left:0 !important;right:auto}}

/* Veckoplanen */
.mx-text .mx-d-week table{table-layout:fixed;border-top:1px solid var(--line)}
.mx-text .mx-d-week th,.mx-text .mx-d-week td{padding:12px 8px;text-align:center;border-left:1px solid var(--line)}
.mx-text .mx-d-week th:first-child,.mx-text .mx-d-week td:first-child{border-left:0}
.mx-text .mx-d-week thead th{padding-top:12px}
.mx-text .mx-d-week thead th.is-rest{color:var(--muted);opacity:.7}
.mx-text .mx-d-week td{height:150px;vertical-align:top;font-size:12px;line-height:1.4;color:var(--ink-2)}
.mx-text .mx-d-week td.is-post{background:var(--soft);box-shadow:inset 0 2px 0 var(--accent)}
.mx-d-week td b{display:block;margin-bottom:3px;font-family:var(--serif);font-size:15.5px;font-weight:400;line-height:1.2;color:var(--ink)}
.mx-d-week td span{display:block}
.mx-d-week td.is-story b,.mx-d-week td.is-story span,.mx-d-week td.is-rest b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mx-d-week td.is-story{position:relative}
.mx-d-story{display:inline-block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--accent)}
.mx-text .mx-d-week-legend{display:flex;gap:12px;align-items:center;margin-top:14px;font-size:13px;color:var(--ink-2)}
.mx-d-week-legend .mx-d-story{flex:none;width:14px;height:14px}
@media(max-width:640px){.mx-text .mx-d-week table,.mx-text .mx-d-week tbody,.mx-text .mx-d-week tr{display:block}.mx-text .mx-d-week thead{display:none}.mx-text .mx-d-week td{display:grid;grid-template-columns:44px 1fr;gap:0 10px;align-items:center;height:auto;min-height:44px;padding:10px 12px;border-left:0;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.mx-d-week-cell{min-width:0}.mx-text .mx-d-week td::before{content:attr(data-day);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mx-d-week td b{display:inline;margin-right:6px}.mx-d-week td span{display:inline}.mx-d-week td.is-story b,.mx-d-week td.is-story span{position:static;width:auto;height:auto;clip:auto}.mx-text .mx-d-week td.is-story .mx-d-story{display:none}.mx-text .mx-d-week td.is-rest b{position:static;width:auto;height:auto;clip:auto;color:#C2BCB1}}

/* ── Figuretikett: språk och antal ── */
:lang(en) .mx-d figcaption::before{content:"Figure " counter(fig)}
.mx-text:not(:has(.mx-d ~ .mx-d)) .mx-d figcaption::before{content:"Figur"}
:lang(en) .mx-text:not(:has(.mx-d ~ .mx-d)) .mx-d figcaption::before{content:"Figure"}

/* ── Våga hela vägen: lite mer värme ── */
.mx-courage .mx-d{--accent:#86601F;padding:22px 24px 20px;border-top:2px solid var(--accent);border-radius:0 0 6px 6px;background:var(--warm)}
.mx-courage .mx-d figcaption::before{color:var(--accent)}
.mx-courage .mx-d figcaption{color:var(--ink-2)}
.mx-text .mx-courage-note{font-style:italic}
.mx-courage .mx-d-cal-m.is-demo{border-top-color:var(--accent)}
.mx-courage .mx-d-note::before{color:var(--accent)}
.mx-courage .mx-d-cal-total strong{color:var(--accent)}
.mx-courage .mx-d-sheet-bar,.mx-courage .mx-d-chat,.mx-courage .mx-d-switch-btn,.mx-courage .mx-d-prompt-doc,.mx-courage .mx-d-lanes time,.mx-courage .mx-d-calc,.mx-courage .mx-d-paper{background:#fff}
.mx-courage .mx-d-calc{border-color:var(--line)}
.mx-courage .mx-d-stairs li:first-child{background:#fff}
.mx-courage .mx-d-timeline ol::before{background:rgba(154,107,44,.35)}
.mx-courage .mx-d-flows li span:not(.is-odd span){background:var(--accent)}
.mx-courage .mx-d-flows li span+span::before{background:var(--accent)}
.mx-courage .mx-d-flows li span+span::after{border-left-color:var(--accent)}
.mx-courage .mx-d-flows li.is-odd span{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
.mx-courage .mx-d-flows li.is-odd span+span::before{background:var(--ink)}
.mx-courage .mx-d-flows li.is-odd span+span::after{border-left-color:var(--ink)}
.mx-courage .mx-d-flows-sum span:first-child b{color:var(--accent)}.mx-courage .mx-d-flows-sum span:last-child b{color:var(--ink)}
.mx-courage .mx-d-dash,.mx-courage .mx-d-calc-out{background:#2A2318}
.mx-courage .mx-d-sheetpaper{padding:6px 0 0;background:none}
@media(max-width:600px){.mx-courage .mx-d{padding:16px 14px 16px;margin-left:calc(50% - 50vw + 16px);margin-right:calc(50% - 50vw + 16px)}}

/* ── Engineering: diagram som inline-SVG, och figurer i kodspalten ── */
.mx-d-diagram a{display:block;color:inherit;text-decoration:none}
.mx-d-diagram svg{display:block;width:100%;height:auto}
.mx-d-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.mx-text .mx-d-scrollhint{display:none;margin-top:8px;font-size:11.5px;color:var(--muted)}
@media(max-width:640px){.mx-d-diagram .mx-d-scroll{margin-left:calc(50% - 50vw + 16px);margin-right:calc(50% - 50vw + 16px);padding-bottom:6px}.mx-d-diagram svg{width:760px;max-width:none}.mx-text .mx-d-scrollhint{display:block}}
.mx-dg text{font-family:var(--sans)}
.mx-dg .dg-lbl{font-weight:500}
.mx-dg .dg-cap{letter-spacing:.12em}
@media(min-width:1101px){.mx-engineering .mx-d{margin-left:-28px;margin-right:-28px}}
.mx-engineering .mx-d figcaption::before{color:var(--accent)}

/* Cachekalkyl och parallella anrop (cost-and-latency) */
.mx-d-chart .cum-un{fill:none;stroke:#B9B3A8;stroke-width:2}
.mx-d-chart .cum-ca{fill:none;stroke:var(--accent);stroke-width:2.2}
.mx-d-chart .pt{fill:#fff;stroke:var(--ink);stroke-width:1.5}
.mx-d-chart .lbl2{font:500 12px var(--sans);fill:var(--ink)}
.mx-d-chart .be{stroke:var(--green);stroke-width:1;stroke-dasharray:3 3}
.mx-d-chart .be-t{font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;fill:var(--green)}
.mx-d-par-grid{display:grid;grid-template-columns:120px 1fr 64px;gap:10px 16px;align-items:center}
.mx-d-par-grid>p{font-family:var(--serif);font-size:17px;color:var(--ink)}
.mx-d-par-grid>p small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted)}
.mx-text .mx-d-par-grid ol{position:relative;display:grid;gap:4px;padding:6px 0;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / 18 - 1px),rgba(22,20,15,.06) calc(100% / 18 - 1px) calc(100% / 18))}
.mx-text .mx-d-par-grid li{display:flex;height:24px}
.mx-d-par-grid li span{display:flex;align-items:center;margin-left:calc(var(--s) / 18 * 100%);width:calc(var(--d) / 18 * 100%);padding:0 8px;background:var(--ink);color:#fff;font-size:11.5px;white-space:nowrap;overflow:hidden}
.mx-d-par-grid li:nth-child(2) span{background:#5A4630}.mx-d-par-grid li:nth-child(3) span{background:var(--accent)}
.mx-d-par-total{text-align:right;font-family:var(--serif);font-size:19px;color:var(--ink)}
.mx-d-par-total.is-win{color:var(--green)}
.mx-d-par-axis{grid-column:2;display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted)}
@media(max-width:600px){.mx-d-par-grid{grid-template-columns:1fr 56px;gap:6px 10px}.mx-d-par-grid>p:not(.mx-d-par-total):not(.mx-d-par-axis){grid-column:1/-1}.mx-d-par-axis{grid-column:1}.mx-d-par-grid li span{padding:0 5px;font-size:10px}}

/* Trace-vattenfall och latenshistogram (observability) */
.mx-d-trace{--t:2600}
.mx-d-trace-head,.mx-text .mx-d-trace li{display:grid;grid-template-columns:230px 1fr 104px;gap:12px;align-items:center}
.mx-d-trace-head{padding-bottom:8px;border-bottom:1px solid var(--ink)}
.mx-d-trace-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted)}
.mx-text .mx-d-trace li{padding:7px 0;border-bottom:1px solid var(--line)}
.mx-text .mx-d-trace li.is-root{font-weight:600}
.mx-text .mx-d-trace li.is-child .mx-d-trace-name{padding-left:18px}
.mx-d-trace-name{font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-d-trace-name small{display:block;font-family:var(--sans);font-size:11px;color:var(--muted)}
.mx-d-trace-track{position:relative;height:18px;background:repeating-linear-gradient(90deg,transparent 0 calc(100% / 13 - 1px),rgba(22,20,15,.06) calc(100% / 13 - 1px) calc(100% / 13))}
.mx-d-trace-bar{position:absolute;top:0;height:100%;left:calc(var(--s) / var(--t) * 100%);width:calc(var(--d) / var(--t) * 100%);background:var(--ink);min-width:2px}
.mx-d-trace li.is-root .mx-d-trace-bar{background:#C9C3B8}
.mx-d-trace li.is-llm .mx-d-trace-bar{background:var(--accent)}
.mx-d-trace li.is-tool .mx-d-trace-bar{background:#5A4630}
.mx-d-trace-bar i{position:absolute;top:-4px;bottom:-4px;left:calc(var(--f) / var(--d) * 100%);width:2px;background:#fff;box-shadow:0 0 0 1px var(--ink)}
.mx-d-trace-ms{text-align:right;font-family:var(--serif);font-size:15px;color:var(--ink);white-space:nowrap}
.mx-d-trace-ms small{display:block;font-family:var(--sans);font-size:10.5px;color:var(--muted);white-space:normal}
@media(max-width:640px){.mx-d-trace-head,.mx-text .mx-d-trace li{grid-template-columns:minmax(0,1fr) 64px;gap:4px 10px}.mx-d-trace-ms{font-size:13px}.mx-d-trace-name{grid-column:1/-1}.mx-d-trace-axis{grid-column:1}.mx-d-trace-head p:first-child{display:none}}
.mx-d-chart .hbar{fill:#E6DED0}
.mx-d-chart .hbar.is-tail{fill:var(--accent)}
.mx-d-chart .mark{stroke-width:1.5}
.mx-d-chart .mark.mean{stroke:var(--red);stroke-dasharray:4 3}
.mx-d-chart .mark.med{stroke:var(--green)}
.mx-d-chart .mark.p95{stroke:var(--ink)}
.mx-d-chart .mt{font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.mx-d-chart .mt.mean{fill:var(--red)}.mx-d-chart .mt.med{fill:var(--green)}.mx-d-chart .mt.p95{fill:var(--ink)}

@media(prefers-reduced-motion:reduce){.mx-d-switch-track,.mx-d-switch-knob{transition:none}}