DC Milo 0.2638

.stylelintrc.json

@@ -4,6 +4,7 @@
     "selector-id-pattern": "^[a-zA-Z][a-zA-Z0-9_-]+$",
     "selector-class-pattern": "^[a-zA-Z][a-zA-Z0-9_-]+$",
     "keyframes-name-pattern": "^[a-zA-Z][a-zA-Z0-9_-]+$",
-    "property-no-vendor-prefix": [true, {"ignoreProperties": ["transition", "mask-position", "mask"]}]
+    "property-no-vendor-prefix": [true, {"ignoreProperties": ["transition", "mask-position", "mask"]}],
+    "value-no-vendor-prefix": [true, {"ignoreValues": ["box"]}]
   }
 }

acrobat/blocks/prompt-card/prompt-card.css

@@ -10,6 +10,10 @@
   display: none;
 }
 
+.prompt-card {
+  align-self: stretch;
+}
+
 .prompt-a11y-action {
   top: 0;
   left: -2px;
@@ -72,14 +76,14 @@
 
 .prompt-blade {
   align-items: flex-start;
-  align-self: stretch;
   background-color: #fff;
   border: 1px solid #e8e8e8;
   border-radius: 10px;
+  box-sizing: border-box;
   cursor: pointer;
-  display: flow;
-  flex: 1 0 0;
+  display: flex;
   flex-direction: column;
+  height: 100%;
   justify-content: space-between;
   padding: 16px 16px 24px;
   transition-delay: 1s;
@@ -134,12 +138,12 @@
   border-top-right-radius: 8px;
   color: #696969;
   display: -webkit-box;
-  flex: 1 0 0;
+  flex: 1 1 auto;
   font-family: "Adobe Clean", adobe-clean, "Trebuchet MS", sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
-  height: 155px;
+  min-height: 155px;
   line-height: 150%;
   margin-top: 16px;
   overflow: hidden;
@@ -155,6 +159,7 @@
   display: flex;
   gap: 8px;
   justify-content: flex-end;
+  margin-top: auto;
   padding-bottom: 16px;
   padding-top: 5px
 }

acrobat/blocks/unity-marquee/AUTHORING.md

@@ -0,0 +1,63 @@
+# Unity Marquee — Authoring Guide
+
+The **Unity Marquee** is a display-only marquee block. It renders the Acrobat header (icon + title), a heading, supporting copy, a legal line, an info tooltip, and a media image — **without a file upload zone**. There is no drag-and-drop, file picker, or error handling; the block is purely presentational.
+
+All text shown in the block is read from the authored DOM first. Placeholders are used **only as a fallback** for values you do not author — and the placeholder file is loaded only when at least one value is missing.
+
+## Block structure
+
+Author the block as a table. The **first cell of the first row names the block, with the verb as an option in parentheses**:
+
+```
+unity-marquee (<verb-name>)
+```
+
+For example: `unity-marquee (quiz-maker)`, `unity-marquee (flashcard-maker)`, `unity-marquee (mindmap-maker)`.
+
+The `<verb-name>` determines which placeholder copy is used as a fallback and which legal links are shown (gen-AI verbs get an extra guidelines link).
+
+## Rows
+
+The block is authored in two parts: a small **layout section** (background + the heading/media row) followed by any number of **labeled key/value rows** that carry the text.
+
+| Row | Content | Required? |
+| --- | --- | --- |
+| **Background** | One cell holding a background color (e.g. `#F0F0F0`) or a background image for the whole marquee. Omit this row if you do not want a background. | Optional |
+| **Heading + media** | Two cells: the **heading cell** (`H1`–`H6`) and the **media cell** (the foreground image). | Required |
+| **Labeled rows** | Any of the `dc-block-row-*` rows below, each a two-cell row: the label in the first cell, the value in the second. Add only the rows you need, in any order. | Optional |
+
+If you include a background it must come **before** the heading/media row; the heading/media row is identified by the row that contains the heading.
+
+### Labeled text rows
+
+Each text value is authored as its own row: the first cell is the fixed label, the second cell is the value. **Only add the rows you want** — an omitted row (or a row with an empty value cell) is treated as "not authored".
+
+| Row label | Content | If not authored |
+| --- | --- | --- |
+| `dc-block-row-title` | Text shown next to the Acrobat icon in the header | Defaults to `Adobe Acrobat` |
+| `dc-block-row-desktop-copy` | Supporting line shown on desktop (≥ 1200px) | Falls back to `study-marquee-<verb>-copy` |
+| `dc-block-row-mobile-copy` | Supporting line shown on mobile/tablet (< 1200px) | Falls back to `study-marquee-<verb>-mobile-copy` (then desktop copy) |
+| `dc-block-row-desktop-sub-copy` | Secondary line shown on desktop | **Omitted entirely — no placeholder fallback** |
+| `dc-block-row-mobile-sub-copy` | Secondary line shown on mobile/tablet | **Omitted entirely — no placeholder fallback** |
+| `dc-block-row-legal` | Legal / consent line. Author any links directly in the value cell — they are kept as-is. | Falls back to `study-marquee-legal-text` (links auto-inserted from `verb-widget-*` placeholders) |
+| `dc-block-row-tooltip` | Text shown in the info-icon tooltip next to the legal line | Falls back to `verb-widget-tool-tip` |
+
+Notes:
+
+- **Sub-copy is optional and has no placeholder fallback.** If you do not author the desktop/mobile sub-copy row (or leave its value blank), the sub-copy line is simply not rendered — you do **not** need to include an empty sub-copy row.
+- **Desktop vs mobile:** only one copy (and one sub-copy) is shown at a time based on the visitor's screen. If you author the desktop copy but leave the mobile copy blank, the desktop copy is reused on mobile.
+- **Legal links:** when you author the legal value yourself, include the `<a>` links you want and they render exactly as written. When the legal row is omitted, the block builds the line from the `study-marquee-legal-text` placeholder and auto-links Terms of Use, Privacy Policy, and (for gen-AI verbs) the gen-AI guidelines.
+
+### Media cell
+
+Add the foreground image (a picture/image) in the second cell of the heading/media row. It renders in the right column on desktop and below the text on mobile.
+
+## Placeholder fallback behavior
+
+- Sub-copy never triggers a placeholder load — it is optional and simply omitted when absent.
+- The `study` and `verb-widget` placeholder sheets are loaded **only** when the copy, legal, **or** tooltip value is missing; if all three are authored, no placeholder file is loaded.
+- Placeholder keys are shared with the original Study Marquee block, so existing authored placeholders continue to work unchanged.
+
+## Themes
+
+Add a theme class as a block option to control text color per breakpoint, e.g. `light`, `dark`, `mobile-light`, `tablet-dark`, `desktop-light`. When unset, the marquee text is white (dark theme).