/* ipp-layout-v1.0.25.css */
/* ============================================================
   ipp-layout-v1.0.25.css — Layout view for the IPP
   v1.0.25 (19 Oct 2026): the "Not in this issue" card sits under the preview as a
   collapsed line (.ipp-ly-unu-line); the card's own list rules are unchanged.
   ---- v1.0.24 header follows ----
   ipp-layout-v1.0.24.css — Layout view for the IPP
   Pairs ipp-layout-v1.0.39.js. Replaces ipp-layout-v1.0.23.css.

   v1.0.24 (19 Oct 2026) — one fix: the Preview button's hidden attribute
   lost to .ix-btn's display rule, so it never went away. [hidden] now wins.

   v1.0.23 (19 Oct 2026) — Jeff's final knit adjustments:
   • head is two columns mirroring the body; the how-to line sits right-
     justified over the stack; the Preview card's top aligns with the stack;
   • the side column loses its 64px bottom padding, so stack and Preview
     are the same height and the Preview gets the last inch back;
   • a behind preview (.ipp-ly-panes.is-behind) is blurred;
   • the group bracket is no longer indented: the opener and end rows line
     up with the outer rows (4 under 3, 9 under 8); only the rows inside
     keep the 36px indent.

   v1.0.22 (19 Oct 2026) — the group panel has its colours back (Jeff:
   "we have lost the formatting of the Around Town"). v1.0.19 typed a
   cream wash and a gold edge over the panel; the v1.0.18 panel is
   restored: the teal wash Jeff chose (option A, 16 Oct), --ly-pair
   #A9C3BF hairline, --ly-pair-bg #E9F1EF ground, 3px brand-teal left
   edge, the opener and end labels in teal; a design swatch still
   tints it per pair (the script sets --ly-pair / --ly-pair-bg inline).
   Nothing else changed.

   v1.0.21 (19 Oct 2026) — Jeff's three asks on the first look:

   v1.0.21 (19 Oct 2026) — Jeff's three asks on the first look:
   · every size on the tab is 2px smaller (names 12.5, grey words 10.5,
     numbers 9.5, labels and tags 8.5; the row is 48px, the open panel
     and the cards follow);
   · Preview gets 15% less of the width: the stack grows into it
     (stack flex 1 1 620, side capped at 34% of the body);
   · .ipp-ly-thumb: the ad's picture on a banner row, 48 x 24, before
     the customer's name (ipp-layout-v1.0.36.js draws it).

   v1.0.20 (19 Oct 2026) — two fixes on v1.0.19, nothing else changed:

   v1.0.20 (19 Oct 2026) — two fixes on v1.0.19, nothing else changed:
   · Rows inside a group show their grip (v1.0.19 hid it; Jeff needs it
     to drag a story out of Around Town).
   · When a name and its grey words compete for the line, the words
     give way first and the name keeps its space.

   v1.0.19 (19 Oct 2026) — the one-line tile. Pairs ipp-layout-v1.0.35.js.

   v1.0.19 (19 Oct 2026, 106 Gap Interview S3 · the quiet Layout) —
   ONE LINE PER BLOCK. Jeff's brief (19 Oct): the tile was over-driven
   and got in the way of deciding; "I really, really like symmetry."
   The tile is rewritten; the frame, the side cards, the tray, the rail
   tab, the Add row and Preview are carried from v1.0.18 as they were.
   · A resting tile is one 56px line: grip · number · name (+ a few
     grey words of context) · a fixed right column holding the tag and
     the dot, dot always in the same place on every row. No picture,
     no type, no design, no Remove on a resting tile (HC-P-LT-5 moves
     those into the open panel).
   · Names are coloured by what the block is for, articles in ink:
     issue furniture (Greeting, Weather, Around Town) in the title's
     main colour (--ix-t-main); revenue (banners, text ads) in the
     accent-soft amber; lists (Events, Real Estate) in slate blue.
     Article titles print in curly quotes (the script does that).
   · The sponsor tag: every article tile ends in a small mono tag,
     "Not sponsored" in grey, or "Sponsored · <customer>" in amber.
   · The dot: green = ready to compile (a design is set and the
     content is in); salmon = waiting on you; grey = pending (new or
     removing); gold ring = this tile has an unsaved change.
   · The open tile: a gold-edged panel (1.5px --ly-gold, soft ring)
     with the facts to check in a label/value grid, the Design as pills
     (saved one struck through when a new one is picked, the picked one
     bordered gold), and Cancel / Close / Remove at the foot, right.
   · The group (Around Town) is a soft bracket: 2px --ly-gold left
     edge, cream wash, the opener in Fraunces, the stories indented;
     the end bar is a hairline with "end · name".
   · The Add row is pills, not boxes.
   Companion script ipp-layout-v1.0.35.js.
   ============================================================ */

.ipp-view[data-view="layout"] .ipp-canvas{display:flex;flex-direction:column;min-height:0}
.ipp-ly{--ly-gold:var(--ix-gold,#C4A35A);--ly-salmon:var(--ix-salmon,#EC7259);--ly-salmon-ink:var(--ix-salmon-ink,#C0432B);
  --ly-ink:var(--ix-text-dark,#1E2A3A);--ly-mid:var(--ix-text-mid,#5A6478);--ly-border:var(--ix-border,#E4E0D4);
  --ly-cream:var(--ix-cream,#FAF9F5);--ly-sand:var(--ix-border-soft,#EEE9DC);--ly-ec:#2F6F73;--ly-ban:#EEF1F6;
  --ly-k-gr-bg:#F4E6DC;--ly-k-gr-ink:#8A5A44;--ly-k-gr-line:#E9D3C3;
  --ly-k-ev-bg:#E5ECDD;--ly-k-ev-ink:#4E6B3E;--ly-k-ev-line:#CFDDC3;
  --ly-k-re-bg:#ECE6F0;--ly-k-re-ink:#5E4A7A;--ly-k-re-line:#DACFE3;
  display:flex;flex-direction:column;flex:1;min-height:0;font-family:var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ly-ink)}

/* head */
.ipp-ly-head{display:flex;align-items:flex-end;gap:24px;flex:none;margin-bottom:12px}
.ipp-ly-headl{flex:1 1 620px;min-width:480px;display:flex;align-items:baseline;gap:12px}
.ipp-ly-headr{flex:0 1 34%;max-width:34%;min-width:280px;display:flex;align-items:baseline;justify-content:flex-end;gap:12px}
.ipp-ly-how{margin:0 0 0 auto;flex:none;font-size:11px;color:var(--ly-mid);white-space:nowrap}   /* v1.0.23 */
.ipp-ly-h2{margin:0;font:600 20px var(--ix-font-display,'Fraunces',Georgia,serif);color:var(--ly-ink)}
.ipp-ly-hint{font-size:13px;color:var(--ly-mid);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ipp-ly-info{flex:none}
.ipp-ly-msgline{flex:none;margin:0 0 12px;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--ly-border);font-size:13px;line-height:1.45}
.ipp-ly-msgline.is-bad{border-color:var(--ly-salmon);color:var(--ly-salmon-ink)}
.ipp-ly-wait{font-size:13px;color:var(--ly-mid);margin:8px 2px}

/* body: stack + right column */
.ipp-ly-body{flex:1;min-height:0;display:flex;gap:24px}
.ipp-ly-stack{position:relative;flex:1 1 620px;min-width:480px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding:2px 4px 72px 2px}
.ipp-ly-stack::-webkit-scrollbar{width:8px}
.ipp-ly-stack::-webkit-scrollbar-thumb{background:var(--ix-border-input,#DDD9C8);border-radius:4px}
.ipp-ly-side{flex:0 1 34%;max-width:34%;min-width:280px;min-height:0;display:flex;flex-direction:column;gap:12px;padding:0}   /* v1.0.23: same height as the stack */
.ipp-ly-chk{flex:none}

/* ── a tile: one line ──────────────────────────────────────── */
.ipp-ly-stack{gap:0;background:#fff;border:1px solid var(--ly-border);border-radius:12px;padding:0}
.ipp-ly-tile{position:relative;box-sizing:border-box;background:#fff;border-bottom:1px solid var(--ly-sand)}
.ipp-ly-tile:last-of-type{border-bottom:0}
.ipp-ly-tile.is-dragging{opacity:.45}
.ipp-ly-tr{display:grid;grid-template-columns:28px 32px minmax(0,1fr) 190px;align-items:center;gap:12px;min-height:48px;padding:0 14px 0 8px}
.ipp-ly-h{box-sizing:border-box;width:20px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ly-ink);opacity:.28;cursor:grab;border-radius:6px;padding:0}
.ipp-ly-h:hover{opacity:.7;background:var(--ly-cream)}
.ipp-ly-h:focus-visible{opacity:1;outline:2px solid var(--ly-ink);outline-offset:1px}
.ipp-ly-h:active{cursor:grabbing}
.ipp-ly-lock{opacity:.35;cursor:default}
.ipp-ly-lock:hover{background:transparent;opacity:.35}
.ipp-ly-pos{font:500 9.5px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);color:#8B8471;text-align:right}
.ipp-ly-main{display:flex;align-items:center;min-width:0;height:48px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.ipp-ly-main:focus-visible{outline:2px solid var(--ly-ink);outline-offset:-2px;border-radius:8px}
.ipp-ly-t{flex:0 1 auto;font:500 12.5px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ly-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ipp-ly-thumb{flex:none;width:48px;height:24px;object-fit:cover;border-radius:4px;background:var(--ly-sand);margin-right:10px}
.ipp-ly-t.is-fur{color:var(--ix-t-main,var(--ix-teal,#1A3A3A))}
.ipp-ly-t.is-ad{color:var(--ix-accent-soft-ink,#8A6E2E)}
.ipp-ly-t.is-list{color:#3F57B0}
.ipp-ly-t.is-empty{color:#8B8471;font-weight:400}
.ipp-ly-s{font:400 10.5px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ly-mid);margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 100 auto;min-width:72px}
.ipp-ly-s.is-bad{color:var(--ly-salmon-ink)}
.ipp-ly-tile.is-failed .ipp-ly-s{color:var(--ly-salmon-ink);font-weight:600}
.ipp-ly-ec{display:inline-block;margin-left:8px;font:600 8px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);letter-spacing:.1em;color:var(--ly-ec);border:1px solid currentColor;border-radius:3px;padding:1px 4px;vertical-align:1px}
/* the fixed right column: tag then dot, the dot always in the same place */
.ipp-ly-rc{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.ipp-ly-tag{font:400 8.5px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:#8B8471;border:1px solid var(--ly-border);border-radius:4px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.ipp-ly-tag.is-sp{color:var(--ix-accent-soft-ink,#8A6E2E);border-color:#E3D3A4;background:#FBF3DF}
.ipp-ly-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ix-ok,#2E8B57)}
.ipp-ly-dot.is-wait{background:var(--ly-salmon)}
.ipp-ly-dot.is-pend{background:#8B8471}
.ipp-ly-tile.ipp-dirty .ipp-ly-dot{box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--ly-gold)}
.ipp-ly-tile.is-removing .ipp-ly-t{text-decoration:line-through;color:#8B8471}
.ipp-ly-tile.is-new .ipp-ly-s,.ipp-ly-tile.is-removing .ipp-ly-s{color:var(--ix-accent-soft-ink,#8A6E2E)}
.ipp-ly-tile.is-blocked{background:#FFF6F3}
/* the open tile: a gold-edged panel */
.ipp-ly-tile.is-open{margin:8px 10px 14px;border:1.5px solid var(--ly-gold);border-radius:12px;background:#FFFDF7;box-shadow:0 0 0 3px rgba(196,163,90,.18)}
.ipp-ly-tile.is-open .ipp-ly-tr{min-height:52px}
.ipp-ly-open{padding:0 16px 16px 72px}
.ipp-ly-fld{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0}
.ipp-ly-fk{font:600 8.5px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ly-mid)}
.ipp-ly-fv{font:400 11.5px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ly-ink)}
.ipp-ly-fv.is-off{color:#8B8471}
.ipp-ly-fv.is-bad{color:var(--ly-salmon-ink);font-weight:600}
.ipp-ly-pills{display:flex;gap:8px;flex-wrap:wrap}
.ipp-ly-pill{box-sizing:border-box;font:500 10.5px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ix-t-main,var(--ix-teal,#1A3A3A));background:#fff;border:1px solid var(--ix-border-input,#DDD9C8);border-radius:999px;padding:5px 12px;min-height:28px;cursor:pointer}
.ipp-ly-pill:hover{border-color:var(--ly-ink)}
.ipp-ly-pill:focus-visible{outline:2px solid var(--ly-ink);outline-offset:1px}
.ipp-ly-pill.is-on{border-color:var(--ly-gold);background:#FBF3DF;box-shadow:inset 0 0 0 1px var(--ly-gold)}
.ipp-ly-pill.is-saved{border-color:var(--ly-ink);background:var(--ly-cream)}
.ipp-ly-pill.is-was{color:#8B8471;text-decoration:line-through}
.ipp-ly-pill.is-bad{border-color:var(--ly-salmon);color:var(--ly-salmon-ink)}
.ipp-ly-pill:disabled{opacity:.5;cursor:default}
.ipp-ly-chkg{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 16px;align-items:start;padding:14px 0 4px;border-top:1px solid var(--ly-sand);margin:4px 0 0}
.ipp-ly-rk{font:600 8.5px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ly-mid);padding-top:3px}
.ipp-ly-rv{font-size:11.5px;line-height:1.5;color:var(--ly-ink);min-width:0;overflow-wrap:anywhere}
.ipp-ly-rn{display:block;font:600 12px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ly-ink);margin-bottom:6px}
.ipp-ly-miss{color:var(--ly-salmon-ink);font-weight:600}
.ipp-ly-rp{width:112px;height:72px;object-fit:cover;border-radius:6px;background:var(--ly-sand);display:block}
.ipp-ly-rp.is-missing,.ipp-ly-bp.is-missing{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ly-salmon-ink);font-weight:600;border:1px dashed var(--ly-salmon)}
.ipp-ly-card2{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 14px;align-items:start;padding:12px 0;border-top:1px solid var(--ly-sand)}
.ipp-ly-card2:first-child{border-top:0}
.ipp-ly-rg{display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 12px;align-items:start}
.ipp-ly-rg .ipp-ly-rn{grid-column:1/-1;margin-bottom:2px}
.ipp-ly-banbig{padding:12px 0 6px}
.ipp-ly-bp{display:block;max-width:100%;max-height:120px;border-radius:6px;background:var(--ly-sand)}
.ipp-ly-foot{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding-top:14px}
.ipp-ly-cx,.ipp-ly-rm,.ipp-ly-cl{border:0;background:transparent;padding:0;font:500 10.5px var(--ix-font-body,'DM Sans',system-ui,sans-serif);cursor:pointer}
.ipp-ly-cx{color:var(--ix-link,#3F57B0)}
.ipp-ly-cl{color:#8B8471}
.ipp-ly-rm{color:var(--ly-mid)}
.ipp-ly-cx:hover,.ipp-ly-cl:hover,.ipp-ly-rm:hover{text-decoration:underline;text-underline-offset:2px}
.ipp-ly-rm.is-off{opacity:.45;cursor:default;text-decoration:none}
.ipp-ly-wx{margin:10px 0 0;font-size:11px;line-height:1.5}
.ipp-ly-wx.is-bad{color:var(--ly-salmon-ink);font-weight:600}
.ipp-ly-wx.is-ok{color:var(--ix-ok,#1F7A5C)}
.ipp-ly-wx.is-wait{color:var(--ix-accent-soft-ink,#8A6E2E)}
/* the group: a soft bracket */
.ipp-ly-pair{--ly-pair:#A9C3BF;--ly-pair-bg:#E9F1EF;--ly-pair-ink:var(--ix-teal,#1A3A3A);margin:10px 0;border:1px solid var(--ly-pair);border-left:3px solid var(--ly-pair-ink);border-radius:0 8px 8px 0;background:var(--ly-pair-bg)}
.ipp-ly-pair:has(>.ipp-ly-ghead.ipp-dirty){border-color:var(--ly-gold);border-left-color:var(--ly-gold)}
.ipp-ly-pair.is-dragging{opacity:.45}
.ipp-ly-pair>.ipp-ly-tile{background:transparent;border-bottom-color:var(--ly-pair)}
.ipp-ly-ghead .ipp-ly-tr{min-height:42px;padding-top:4px;padding-left:5px}   /* v1.0.23: 3px edge + 5 = the outer rows' 8 */
.ipp-ly-ghead .ipp-ly-t{font:600 13px var(--ix-font-display,'Fraunces',Georgia,serif);color:var(--ly-pair-ink)}
.ipp-ly-ghead .ipp-ly-s{color:var(--ly-pair-ink);font-weight:500}
.ipp-ly-tile.is-inside .ipp-ly-tr{padding-left:41px}   /* v1.0.23: rows inside keep the 36px indent */
.ipp-ly-gfoot{border-bottom:0}
.ipp-ly-gfoot .ipp-ly-tr{min-height:26px;padding-left:5px}
.ipp-ly-gl.is-end{font:500 8.5px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:#5C7F7A}
.ipp-ly-ghead.is-open{margin:8px 10px 14px;border:1.5px solid var(--ly-gold);border-radius:12px;background:#FFFDF7;box-shadow:0 0 0 3px rgba(196,163,90,.18)}
/* the Add row: pills */
.ipp-ly-addrow{flex:none;display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--ly-sand);background:var(--ly-cream);border-radius:0 0 12px 12px}
.ipp-ly-addk{flex:none;font:600 8.5px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--ly-mid);margin-right:4px}
.ipp-ly-addb{flex:none;box-sizing:border-box;font:500 10.5px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ix-t-main,var(--ix-teal,#1A3A3A));background:#fff;border:1px solid var(--ix-border-input,#DDD9C8);border-radius:999px;padding:5px 12px;min-height:28px;cursor:pointer}
.ipp-ly-addb:hover{border-color:var(--ly-ink)}
.ipp-ly-addb:focus-visible{outline:2px solid var(--ly-ink);outline-offset:1px}
.ipp-ly-addb:disabled{opacity:.5;cursor:default}
/* the head sentence */
.ipp-ly-state{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;color:var(--ix-ok,#2E8B57);white-space:nowrap}
.ipp-ly-state.is-bad{color:var(--ly-salmon-ink)}
.ipp-ly-state .ipp-ly-dot{box-shadow:none}
/* Not in this issue (D15) */
.ipp-ly-unused ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ipp-ly-unused li{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--ly-ink)}
.ipp-ly-unused li button{border:0;background:transparent;padding:0;font:500 10px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:var(--ix-link,#3F57B0);cursor:pointer}
.ipp-ly-unused li button:hover{text-decoration:underline;text-underline-offset:2px}
.ipp-ly-unused li span.is-no{font-size:12px;color:#8B8471}

/* ── carried from v1.0.18: messages, drop line, side cards, Before Publish, tray, rail tab ── */
.ipp-ly-msg{font-size:12px;color:var(--ly-mid)}
.ipp-ly-msg.is-bad{color:var(--ly-salmon-ink);font-weight:600}
.ipp-ly-drop{position:absolute;left:4px;right:4px;height:3px;border-radius:2px;background:var(--ly-ink);pointer-events:none;z-index:2}

/* side cards */
.ipp-ly-card{box-sizing:border-box;background:#fff;border-radius:12px;border:1px solid var(--ly-border);padding:16px 18px}
.ipp-ly-card p{margin:6px 0 0;font-size:11px;line-height:1.45;color:var(--ly-mid)}
.ipp-ly-k{font:600 8.5px var(--ix-font-body,'DM Sans',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ly-mid)}

/* Before Publish */
.ipp-ly-check{border:1.5px solid var(--ly-salmon)}
.ipp-ly-check.is-ok{border:1px solid #B9DCCB;background:#F3FAF6}
.ipp-ly-check.is-ok p{color:var(--ix-ok,#1F7A5C)}
.ipp-ly-check ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ipp-ly-check li button{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:2px 0;
  font:400 11px/1.4 var(--ix-font-body,'DM Sans',sans-serif);color:var(--ly-ink);cursor:pointer}
.ipp-ly-check li button::before{content:"";width:8px;height:8px;border-radius:4px;background:var(--ly-salmon);flex:none;margin-top:5px}
.ipp-ly-check li button:hover{text-decoration:underline;text-underline-offset:2px}

/* tray: Layout's own (.ipp-ly-bar), placed like the shell's .ipp-savebar */
.ipp-ly-bar{position:absolute;left:var(--ipp-b-rail,290px);right:0;bottom:0;height:56px;z-index:20;box-sizing:border-box;
  display:flex;align-items:center;gap:16px;padding:0 28px;background:#fff;border-top:1px solid var(--ix-border,#E4E0D4);
  box-shadow:0 -6px 22px -10px rgba(30,42,58,.18);font-family:var(--ix-font-body,'DM Sans',system-ui,sans-serif)}
.ipp-ly-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--ix-text-light,#6B7280);flex:none}
.ipp-ly-bar .stat{font-size:13px;color:var(--ix-text-mid,#5A6478);white-space:nowrap}
.ipp-ly-bar.ipp-dirty{border-top:2px solid var(--ix-gold,#C4A35A)}
.ipp-ly-bar.ipp-dirty .dot,.ipp-ly-bar.saving .dot{background:var(--ix-gold,#C4A35A);box-shadow:0 0 0 4px var(--ix-gold-shadow,rgba(196,163,90,.2))}
.ipp-ly-bar.ipp-dirty .stat{color:var(--ix-text-dark,#1E2A3A);font-weight:600}
.ipp-ly-actions{margin-left:auto;display:inline-flex;align-items:center;gap:14px}
.ipp-ly-actions [hidden]{display:none!important}
.ipp-ly-ed{font-size:13px;color:var(--ix-text-mid,#5A6478);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}

/* the rail's Layout tab: fit / total and the salmon dot */
.ipp-switcher button.ipp-ly-tab{display:flex;align-items:center}
.ipp-switcher button.ipp-ly-tab .ipp-ly-tabname{flex:1;text-align:left}
.ipp-switcher button.ipp-ly-tab .ipp-ly-tabn{font:500 12px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);opacity:.9}
.ipp-switcher button.ipp-ly-tab .ipp-ly-tabdot{width:8px;height:8px;border-radius:4px;background:var(--ix-rail-alert,#F08A73);margin-left:8px;flex:none}
.ipp-switcher button.ipp-ly-tab .ipp-ly-tabdot[hidden]{display:none}

/* ── carried from v1.0.18: Heads up, Preview, empty check ── */
/* v1.0.4 — heads up */
.ipp-ly-k--hu{margin-top:14px}
.ipp-ly-check .ipp-ly-hu li button{color:var(--ly-mid)}
.ipp-ly-check .ipp-ly-hu li button::before{background:var(--ly-mid)}

/* v1.0.9 — Preview */
.ipp-ly-pv{flex:1;min-height:320px;display:flex;flex-direction:column;gap:8px;padding:12px 14px}
.ipp-ly-pvh{display:flex;align-items:center;gap:10px;flex:none}
.ipp-ly-pvt{font-size:12px;color:var(--ly-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ipp-ly-seg{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:#E7E2D4;flex:none}
.ipp-ly-seg button{box-sizing:border-box;height:26px;border:0;background:transparent;font:600 11px var(--ix-font-body,'DM Sans',sans-serif);
  color:var(--ly-mid);padding:0 10px;border-radius:6px;cursor:pointer}
.ipp-ly-seg button[aria-pressed="true"]{background:#fff;color:var(--ly-ink);box-shadow:0 1px 2px rgba(30,42,58,.12)}
.ipp-ly .ix-btn.ipp-ly-pvgo{flex:none;height:30px;padding:0 14px;font-size:13px}
.ipp-ly .ix-btn.ipp-ly-pvgo[hidden]{display:none!important}   /* v1.0.24 */
.ipp-ly-pvnote{flex:none;margin:0;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.45}
.ipp-ly-pvnote.is-behind{background:#FBF4E2;border:1.5px solid var(--ly-gold);color:var(--ly-ink)}
.ipp-ly-pvnote.is-bad{background:#FDEEEA;border:1.5px solid var(--ly-salmon);color:var(--ly-salmon-ink)}
.ipp-ly-panes{flex:1;min-height:0;display:flex;gap:12px}
.ipp-ly-panes .ipp-ly-pvs{transition:filter .25s,opacity .25s}
.ipp-ly-panes.is-behind .ipp-ly-pvs{filter:blur(3px);opacity:.55}   /* v1.0.23: behind until Preview or Cancel */
.ipp-ly-pane{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:4px}
.ipp-ly-panes[data-split="email"] .ipp-ly-pane[data-pv="web"],
.ipp-ly-panes[data-split="web"] .ipp-ly-pane[data-pv="email"]{display:none}
.ipp-ly-pnh{flex:none;display:flex;align-items:center;height:20px;font:600 11px var(--ix-font-body,'DM Sans',sans-serif)}
.ipp-ly-pnh span:first-child{flex:1}
.ipp-ly-pnm{font:500 10px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);color:var(--ly-mid)}
.ipp-ly-pvs{flex:1;min-height:0;overflow:auto;background:#E9E5DA;border:1px solid var(--ix-border-input,#DDD9C8);border-radius:8px}
.ipp-ly-pvs::-webkit-scrollbar{width:8px}
.ipp-ly-pvs::-webkit-scrollbar-thumb{background:var(--ix-border-input,#DDD9C8);border-radius:4px}
.ipp-ly-pvz{position:relative;overflow:hidden}
.ipp-ly-pvf{display:block;border:0;background:#fff;transform-origin:0 0}
.ipp-ly-pvempty{margin:0;padding:24px 16px;font-size:12px;line-height:1.45;color:var(--ly-mid);text-align:center}
.ipp-ly-pvempty.is-bad{color:var(--ly-salmon-ink);font-weight:600}
.ipp-ly-pvsel{flex:none;margin:0;font-size:12px;color:var(--ly-salmon-ink);font-weight:600}
.ipp-ly-pvsel[hidden]{display:none}
.ipp-ly-pvfoot{flex:none;margin:0;font-size:11px;color:var(--ly-mid)}

/* v1.0.10 — Before Publish only when needed */
.ipp-ly-chk:empty{display:none}
.ipp-ly-check.is-note{border:1px solid var(--ly-border);background:#fff;padding:12px 16px}
.ipp-ly-check li button .ipp-ly-n{flex:none;width:22px;text-align:right;margin-right:4px;font:500 12px var(--ix-font-mono,'DM Mono',ui-monospace,monospace);color:var(--ly-mid)}

/* ── v1.0.25 · Not in this issue, collapsed under the preview ───────────── */
.ipp-ly-unu{flex:none;display:flex;flex-direction:column;gap:8px}
.ipp-ly-unu:empty{display:none}
.ipp-ly-unu-line{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 4px;border:0;background:transparent;cursor:pointer;
  font:500 11.5px var(--ix-font-body,'DM Sans',system-ui,sans-serif);color:#8B8471;text-align:left}
.ipp-ly-unu-line:hover{color:var(--ly-ink)}
.ipp-ly-unu-chev{flex:none;width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s}
.ipp-ly-unu-line[aria-expanded="true"] .ipp-ly-unu-chev{transform:rotate(90deg)}
.ipp-ly-unu .ipp-ly-unused p{margin:0}