/* 3L Deliver · Automatic POD area: #/pod/:ref (A4 document on the graphite desk, print stylesheet) and #/email/:id.
   The paper keeps its own light tokens in both themes: it is the printed artefact (off-white in dark, never pure white). */

/* ===== page ===== */
.pod-page{padding-top:28px;padding-bottom:24px}
.pod-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.pod-desk{background:var(--inset);border-radius:var(--r-l);padding:24px;display:flex;justify-content:center;box-shadow:none;min-width:0}
.pod-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--top-h) + 16px)}
.pod-card{background:var(--raised);border-radius:var(--r-l);box-shadow:var(--sh-2);padding:18px 20px}
.pod-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.pod-card-h h2{font-size:17px;font-weight:620;letter-spacing:-.012em}
.pod-card-h > span{font-size:12px;color:var(--ink-3);text-align:right}
.pod-lead{font-size:13.5px;line-height:1.5;color:var(--ink-2);margin-bottom:14px}
.pod-btns{display:flex;flex-wrap:wrap;gap:8px}
.pod-btns .btn-ink{flex:1 0 100%}
.pod-btns .btn-s{flex:1 1 0}
.pod-acts .btn-block{margin-top:10px}
.pod-skip{font-size:12.5px;color:var(--ink-3);margin-top:12px;line-height:1.45}
.lnk{border:0;background:none;padding:0;font:inherit;color:var(--ink);font-weight:560;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.pod-honest{font-size:12.5px;color:var(--foot);line-height:1.45;max-width:46ch}
.pod-next{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:var(--r-l);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:background-color var(--t) ease-out}
.pod-next > span{display:flex;flex-direction:column;gap:2px}
.pod-next b{display:block;font-size:14px;font-weight:620}
.pod-next span span{font-size:12.5px;color:var(--ink-3)}
@media (hover:hover){.pod-next:hover{background:var(--raised)}}
/* the log reuses the status list (.stl); sub-rows sit tighter */
.pod-log li{font-size:13.5px;padding-bottom:14px}
.pod-log b{overflow-wrap:anywhere;font-weight:580}
.pod-log .d a{color:var(--ink-2);font-weight:560;text-underline-offset:2px}
.pod-log .tm{font-size:13.5px}
.pod-log li.sub{padding-left:0}
.pod-log li.sub b{font-weight:520}
.pod-sheet .t-small{margin-top:-4px}

/* ===== the A4 document ===== */
.pod-a4{
  --p-bg:#FFFFFF; --p-ink:#15181B; --p-ink-2:#454B51; --p-ink-3:#676E76; --p-line:#DADDE1; --p-soft:#F2F3F5; --p-ok:#2E8655;
  width:210mm;min-height:297mm;max-width:100%;background:var(--p-bg);color:var(--p-ink);
  padding:14mm 15mm 10mm;display:flex;flex-direction:column;gap:15px;border-radius:8px;
  box-shadow:0 1px 2px rgba(17,20,23,.06),0 12px 32px rgba(17,20,23,.10);font-size:13px;line-height:1.45;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pod-a4{--p-bg:#EEEFF1;--p-soft:#E4E6E9;--p-line:#CDD1D6}}
:root[data-theme="dark"] .pod-a4{--p-bg:#EEEFF1;--p-soft:#E4E6E9;--p-line:#CDD1D6}
.pod-a4 .mono{font-size:12px}
.pa-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-bottom:16px;border-bottom:1.5px solid var(--p-ink)}
.pa-mark{font-size:27px;color:var(--p-ink)}
.pa-co{font-size:12px;line-height:1.35;color:var(--p-ink-3);padding-left:18px;border-left:1px solid var(--p-line)}
.pa-id{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.pa-id > span:first-child{font-size:15px;font-weight:620;letter-spacing:-.01em}
.pa-id .mono{font-size:13px;color:var(--p-ink-2)}
.pa-out{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start;padding-top:2px}
.pa-ring{color:var(--p-ink);margin-top:4px}
.pa-ring path{stroke:var(--p-ink)}
.pa-when{font-size:13px;color:var(--p-ink-2);margin-bottom:6px}
.pa-when b{color:var(--p-ink);font-weight:620}
.pa-ok{color:var(--p-ok);font-weight:620}
.pa-sentence{font-size:30px;line-height:1.08;font-weight:620;letter-spacing:-.03em;color:var(--p-ink);text-wrap:balance;max-width:24ch}
.pa-sentence.pa-wait{color:var(--p-ink-3)}
.pa-refs,.pa-facts{display:grid;grid-template-columns:1.5fr 1fr .8fr 1fr;gap:0;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
.pa-refs > div,.pa-facts > div{padding:10px 14px 11px 0;min-width:0}
.pa-refs > div + div,.pa-facts > div + div{padding-left:14px;border-left:1px solid var(--p-line)}
.pa-refs dt,.pa-facts dt,.pa-lab{font-size:12px;color:var(--p-ink-3);margin-bottom:3px}
.pa-refs dd,.pa-facts dd{font-size:13.5px;font-weight:580;color:var(--p-ink);overflow-wrap:anywhere}
.pa-refs dd span,.pa-facts dd > span:not(.mono){display:block;font-size:12px;font-weight:450;color:var(--p-ink-3);margin-top:1px}
.pa-refs dd.mono{font-size:13px;font-weight:500}
.pa-facts{grid-template-columns:1.2fr 1fr 1fr 1.2fr;border-top:0}
.pa-facts .mono{font-size:12px;color:var(--p-ink-2);font-weight:450}
.pa-legs{display:grid;grid-template-columns:1fr 84px 1fr;align-items:start;gap:14px}
.pa-pl{display:block;font-size:14.5px;font-weight:620;letter-spacing:-.01em}
.pa-ad{display:block;font-size:13px;color:var(--p-ink-2);line-height:1.4;margin-top:2px}
.pa-time{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding-top:8px;border-top:1px dashed var(--p-line)}
.pa-time b{font-size:20px;font-weight:560;letter-spacing:-.03em}
.pa-time span{font-size:12px;color:var(--p-ink-3)}
.pa-route{display:grid;grid-template-columns:7px 1fr 7px;align-items:center;row-gap:8px;padding-top:30px}
.pa-route span{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--p-ink)}
.pa-route span:nth-of-type(2){background:var(--p-ink);grid-column:3;grid-row:1}
.pa-route i{height:1.5px;background:var(--p-ink);grid-column:2;grid-row:1}
.pa-route em{grid-column:1/-1;font-style:normal;font-size:12px;line-height:1.3;color:var(--p-ink-3);text-align:center}
/* evidence */
.pa-ev{display:grid;grid-template-columns:1.28fr 1fr;gap:14px;align-items:start}
.pa-ev.is-locked{height:auto}
.pa-ph{margin:0;min-width:0}
.pa-ph img{width:100%;object-fit:cover;border-radius:6px;background:var(--p-soft);display:block}
.pa-ph.main{display:flex;flex-direction:column}
.pa-ph.main img{height:252px}
.pa-ph.th{display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:end}
.pa-ph.th img{width:128px;height:86px}
.pa-ph.th figcaption{margin:0}

.pa-ph figcaption{font-size:12px;color:var(--p-ink-3);margin-top:5px;line-height:1.35}
.pa-ph figcaption b{color:var(--p-ink);font-weight:580}
.pa-evs{display:flex;flex-direction:column;gap:12px;min-width:0}
.pa-thumbs{display:grid;grid-template-columns:1fr;gap:10px}
.pa-sig{position:relative;background:var(--p-soft);border-radius:6px;padding:10px 14px 12px;display:flex;flex-direction:column;justify-content:flex-end;min-height:154px;flex:1}
.pa-sigsvg{position:absolute;left:12px;right:12px;top:8px;width:calc(100% - 24px);max-width:270px;height:auto;color:var(--p-ink)}
.pa-sigline{position:relative;border-top:1px solid var(--p-ink-3);padding-top:6px;display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline}
.pa-sigline b{font-size:13.5px;font-weight:620}
.pa-sigline span{font-size:12px;color:var(--p-ink-3)}
.pa-sm{font-size:12px;color:var(--p-ink-3);line-height:1.4}
.pa-sig .pa-sm{position:relative;margin-top:2px}
.pa-sig.is-locked,.pa-sig.is-none{justify-content:center;align-items:center;text-align:center;gap:4px;color:var(--p-ink-2)}
.pa-sig.is-locked .ico{width:20px;height:20px;color:var(--p-ink-3);margin-bottom:4px}
.pa-sig.is-locked p:first-of-type{font-weight:580;color:var(--p-ink)}
.pa-ev.is-locked{grid-template-columns:1.28fr 1fr}
.pa-lockph{background:var(--p-soft);border-radius:6px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:200px;color:var(--p-ink-2)}
.pa-lockph svg{color:var(--p-ink-3);margin-bottom:6px}
.pa-lockph p b{color:var(--p-ink);font-weight:600}
.pa-lockph .btn{margin-top:8px;background:var(--p-bg);color:var(--p-ink);box-shadow:0 0 0 1px var(--p-line)}
.pa-noph{display:grid;place-items:center;background:var(--p-soft);border-radius:6px;color:var(--p-ink-3);min-height:180px}
/* pending ghost slots */
.pa-ev.is-ghost{min-height:250px}
.pa-slot{border:0;background:var(--p-soft);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--p-ink-3);font-size:12.5px;min-height:118px;flex:1}
.pa-slot.main{min-height:250px}
.pa-slot.sm{min-height:56px;flex:0 0 auto}
.pa-slot .ico{width:16px;height:16px}
.pod-a4.is-pending .pa-foot{margin-top:auto}
/* notes, chain, footer */
.pa-notes p{font-size:14px;color:var(--p-ink);line-height:1.45}
.pa-chain{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);position:relative;padding-top:2px}
.pa-chain::before{content:"";position:absolute;left:4px;right:calc(25% - 4px);top:6.5px;height:1.5px;background:var(--p-ink)}
.pa-chain li{position:relative;display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--p-ink-3);padding-right:8px}
.pa-dot{width:10px;height:10px;border-radius:50%;background:var(--p-ink);margin-bottom:7px;position:relative;z-index:1;box-shadow:0 0 0 3px var(--p-bg)}
.pa-chain li.ok .pa-dot{background:var(--p-ok)}
.pa-chain li b{font-size:14px;font-weight:580;color:var(--p-ink);letter-spacing:-.01em}
.pa-chain.five{grid-template-columns:repeat(5,1fr)}
.pa-chain.five::before{right:calc(20% - 4px)}
.pa-chain li em{font-style:normal;font-size:12px;color:var(--p-ink-3)}
.pa-chain li em.is-charge{color:#B95E17;font-weight:560}
/* condition + arrival line under the outcome sentence */
.pa-cond{display:flex;flex-wrap:wrap;gap:2px 14px;align-items:baseline;margin-top:8px;font-size:13px;color:var(--p-ink-2)}
.pa-cond b{font-weight:620;color:var(--p-ink)}
.pa-cond.is-ok b{color:var(--p-ok)}
.pa-cond.is-bad b{color:#C2402C}
.pa-cond span{font-size:12px;color:var(--p-ink-3)}
.pa-foot{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding-top:12px;border-top:1px solid var(--p-line);font-size:12px;color:var(--p-ink-2);line-height:1.5}
.pa-foot .mono{font-size:12px;color:var(--p-ink)}
.pa-legal{color:var(--p-ink-3)}
.pa-verify{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding:8px 12px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--p-line)}
.pa-verify span{font-size:12px;color:var(--p-ink-3)}
.pa-verify b{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--p-ink)}
.pod-a4 .st{color:var(--p-ink)}

/* ===== reflow ===== */
@media (max-width:1280px){.pod-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}}
@media (max-width:1180px){.pod-grid{grid-template-columns:1fr}.pod-side{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}.pod-side .pod-honest{grid-column:1/-1}}
@media (max-width:860px){
  .pod-a4{width:100%;min-height:0;padding:28px 24px 20px}
  .pa-sentence{font-size:26px}
}
@media (max-width:700px){
  .pod-side{grid-template-columns:1fr}
  .pod-desk{padding:12px;border-radius:var(--r-l)}
  .pod-a4{padding:20px 16px 16px;gap:16px;border-radius:6px}
  .pa-head{grid-template-columns:1fr auto;row-gap:8px}
  .pa-co{display:none}
  .pa-mark{font-size:22px}
  .pa-out{grid-template-columns:1fr;gap:10px}
  .pa-ring{width:30px;height:30px}
  .pa-sentence{font-size:23px}
  .pa-refs,.pa-facts{grid-template-columns:1fr 1fr}
  .pa-refs > div:nth-child(3),.pa-facts > div:nth-child(3){padding-left:0;border-left:0}
  .pa-refs > div:nth-child(n+3),.pa-facts > div:nth-child(n+3){border-top:1px solid var(--p-line)}
  .pa-legs{grid-template-columns:1fr;gap:12px}
  .pa-route{display:none}
  .pa-ev,.pa-ev.is-locked{grid-template-columns:1fr;height:auto}
  .pa-ph.main img{aspect-ratio:4/3;height:auto}
  .pa-chain li b{font-size:13px}
  .pa-foot{grid-template-columns:1fr}
  .pa-verify{align-items:flex-start;text-align:left}
  .pa-slot.main{min-height:160px}
}

/* ===== print: the A4 sheet only, always light ===== */
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important;min-height:0!important;display:block!important}
  .top,.foot,.skip,.pod-side,.crumb,.toasts,.scrim,.pop{display:none!important}
  #app{min-height:0!important}
  .wrap.pod-page{padding:0!important;max-width:none!important;margin:0!important}
  .pod-grid{display:block!important}
  .pod-desk{display:block!important;background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
  .pod-a4{--p-bg:#FFFFFF!important;--p-soft:#F2F3F5!important;--p-line:#DADDE1!important;
    width:210mm!important;height:297mm!important;min-height:0!important;max-width:none!important;margin:0!important;
    padding:14mm 15mm 10mm!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;break-inside:avoid;page-break-after:avoid}
  /* print keeps the desktop layout even from a phone */
  .pa-head{grid-template-columns:auto 1fr auto!important}.pa-co{display:block!important}
  .pa-out{grid-template-columns:40px 1fr!important}.pa-sentence{font-size:30px!important}
  .pa-refs{grid-template-columns:1.5fr 1fr .8fr 1fr!important}.pa-facts{grid-template-columns:1.2fr 1fr 1fr 1.2fr!important}
  .pa-refs > div + div,.pa-facts > div + div{padding-left:14px!important;border-left:1px solid var(--p-line)!important;border-top:0!important}
  .pa-legs{grid-template-columns:1fr 84px 1fr!important}.pa-route{display:grid!important}
  .pa-ev,.pa-ev.is-locked{grid-template-columns:1.28fr 1fr!important}.pa-ph.main img{height:252px!important;aspect-ratio:auto!important}
  .pa-foot{grid-template-columns:1fr auto!important}.pa-verify{align-items:flex-end!important;text-align:right!important}
  .em-list,.em-honest{display:none!important}
}

/* ===== #/email/:id ===== */
.em-page{padding-top:28px;padding-bottom:24px}
.em-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;background:var(--card);border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;min-height:640px}
.em-list{border-right:1px solid var(--line);min-width:0}
.em-list-h{padding:18px 20px 12px;display:flex;flex-direction:column;gap:2px}
.em-list-h b{font-size:15px;font-weight:620}
.em-list-h span{font-size:12px;color:var(--ink-3);overflow-wrap:anywhere}
.em-list ul{list-style:none}
.em-list a{display:flex;flex-direction:column;gap:3px;padding:11px 20px 12px 26px;text-decoration:none;border-top:1px solid var(--line-2);position:relative;transition:background-color var(--t) ease-out}
.em-list a[aria-current="true"]{background:var(--raised);box-shadow:inset 3px 0 0 var(--ink)}
@media (hover:hover){.em-list a:not([aria-current="true"]):hover{background:var(--inset)}}
.em-li-t{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.em-li-t b{font-weight:520}
.em-li-t time{font-size:12px;color:var(--ink-3)}
.em-li-s{font-size:13px;color:var(--ink-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.em-list a.unread b{font-weight:680}
.em-list a.unread .em-li-s{color:var(--ink);font-weight:560}
.em-list a.unread::before{content:"";position:absolute;left:11px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.em-read{min-width:0;background:var(--raised);display:flex;flex-direction:column}
.em-head{padding:24px 32px 18px;border-bottom:1px solid var(--line-2)}
.em-head h1{font-size:21px;line-height:1.25;font-weight:620;letter-spacing:-.018em;margin-bottom:14px;text-wrap:pretty}
.em-meta{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;font-size:13.5px}
.em-av{width:36px;height:36px;border-radius:50%;background:var(--g1);color:var(--g-ink);display:grid;place-items:center}
.em-av{font-weight:680;font-size:15px;letter-spacing:-.03em;align-items:baseline;display:flex;justify-content:center;padding-top:8px}
.em-av i{width:5px;height:5px;border-radius:50%;box-shadow:inset 0 0 0 1.3px currentColor;margin-left:1px}
.em-meta p span,.em-to{color:var(--ink-3)}
.em-meta p span{overflow-wrap:anywhere}
.em-meta time{font-size:12.5px;color:var(--ink-3);white-space:nowrap}
.em-canvas{padding:32px 24px 40px;background:var(--card);flex:1}
/* the email itself: a 600 px transactional column */
.em-mail{max-width:600px;margin:0 auto;background:var(--raised);border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line-2);padding:32px 36px 28px;font-size:15px;line-height:1.55;color:var(--ink)}
.em-mail > p{margin-bottom:12px;color:var(--ink-2)}
.em-mail > p .mono{font-size:13px;color:var(--ink)}
.em-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line-2)}
.em-top .mono{color:var(--ink-3)}
.em-h1{font-size:26px;line-height:1.12;font-weight:620;letter-spacing:-.025em;margin-bottom:16px}
.em-pod,.em-card{border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line);padding:18px 20px;margin:18px 0 14px;background:var(--raised)}
.em-pod-h{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);margin-bottom:10px}
.em-pod-h .mark{font-size:16px}
.em-pod-h .mono{margin-left:auto}
.em-sent{font-size:17px;line-height:1.3;font-weight:620;letter-spacing:-.012em;margin-bottom:14px}
.em-pod-m{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-bottom:14px}
.em-pod-m img{width:120px;height:90px;object-fit:cover;border-radius:8px;background:var(--inset)}
.em-sig{background:var(--card);border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);padding:6px 12px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.em-sig .sig{width:150px;max-width:100%;height:auto;color:var(--ink)}
.em-sig span{font-size:12px;color:var(--ink-3)}
.em-rows{width:100%;font-size:13.5px;border-collapse:collapse}
.em-rows th{text-align:left;font-weight:450;color:var(--ink-3);padding:6px 16px 6px 0;vertical-align:top;white-space:nowrap;width:1%}
.em-rows td{padding:6px 0;border-top:0;overflow-wrap:anywhere}
.em-rows tr + tr th,.em-rows tr + tr td{border-top:1px solid var(--line-2)}
.em-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13.5px}
.em-status > span:last-child{color:var(--ink-3)}
.em-card > p:not(.em-status){font-size:14px;color:var(--ink-2);margin-bottom:8px}
.em-att{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-m);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;max-width:340px;transition:background-color var(--t) ease-out}
@media (hover:hover){.em-att:hover{background:var(--inset)}}
.em-att-i{width:36px;height:42px;border-radius:5px;background:var(--g1);color:var(--g-ink);font-size:12px;font-weight:680;letter-spacing:.04em;display:grid;place-items:end center;padding-bottom:6px;flex:none}
.em-att > span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.em-att b{font-size:13.5px;font-weight:600}
.em-att span span{font-size:12px;color:var(--ink-3)}
.em-ctas{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:22px 0 6px}
.em-btn{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:var(--r-m);background:var(--btn-ink);color:var(--on-btn-ink);font-size:14.5px;font-weight:620;text-decoration:none}
.em-btn:active{transform:scale(.97)}
.em-lnk{font-size:14px;font-weight:560;color:var(--ink);text-underline-offset:3px}
.em-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line-2);font-size:12px;line-height:1.55;color:var(--ink-3);display:flex;flex-direction:column;gap:8px}
.em-foot .mark{font-size:15px;color:var(--ink-2)}
.em-foot a{color:var(--ink-2)}
.em-honest{margin-top:16px}
@media (max-width:1000px){.em-grid{grid-template-columns:1fr}.em-list{display:none}}
@media (max-width:620px){
  .em-page{padding-top:16px}
  .em-grid{border-radius:var(--r-l);min-height:0}
  .em-head{padding:18px 16px 14px}
  .em-head h1{font-size:18px}
  .em-meta{grid-template-columns:32px 1fr;font-size:13px}
  .em-av{width:32px;height:32px}
  .em-meta time{grid-column:2}
  .em-canvas{padding:12px 0 0}
  .em-mail{border-radius:0;box-shadow:none;padding:22px 16px 20px}
  .em-h1{font-size:23px}
  .em-pod,.em-card{padding:14px 14px}
  .em-pod-m{grid-template-columns:96px 1fr}
  .em-pod-m img{width:96px;height:72px}
}