@yadeck/slide-components-basic 0.1.1 → 0.1.2

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAmCA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,KAAK,qCA2ChB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAmCA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,KAAK,qCAqDhB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import { BlockLayout, DeckLayout, SlideLayout, definePlugin } from "@yadeck/slide-core";
 import { BodyBlock, CardSlide, CodeBlock, DefaultBlock, DefaultDeck, HeaderSlide, HeadingBlock, ImageBlock, ItemBlock, ListBlock, NoteBlock, ProfileSlide, QuoteBlock, SectionHeaderSlide, StatBlock, TwoColumnSlide, VideoBlock, codeType, headerType, headingType, imageType, itemType, listType, profileType, quoteType, sectionHeaderType, statType, videoType, } from "./layouts.js";
 import { FlowBlock, FlowBoxed, FlowFramed, FlowGrid, flowType } from "./flow.js";
-import { ColumnsSlide, DefaultSlide } from "./panes.js";
+import { ColumnsSlide, DefaultSlide, MainLeftSlide, MainRightSlide, columnsType } from "./panes.js";
 import { BASIC_CSS, DEFAULT_THEME } from "./styles.js";
 export * from "./layouts.js";
 export * from "./panes.js";
@@ -24,7 +24,16 @@ export const basic = definePlugin((c) => {
     c.bind(SlideLayout, ["section-header"], SectionHeaderSlide, { type: sectionHeaderType, description: "章扉。number と heading、body だけを描く" });
     c.bind(SlideLayout, ["two-column"], TwoColumnSlide, { description: "2 列の対比。left を付けた block を左列、right を右列、どちらも無い block は前置きとして列の上に置く。列の見出しは heading left / heading right" });
     c.bind(SlideLayout, ["card"], CardSlide, { description: "item をカードにして並べる(3 枚までは 1 行、4 枚は 2×2、5 枚以上は 3 列)。他の block は前置きとして上に置く" });
-    c.bind(SlideLayout, ["columns"], ColumnsSlide, { description: "pane を横一列に等分する(4 まで。5 以上は 3 列 × 2 行)" });
+    c.bind(SlideLayout, ["columns"], ColumnsSlide, {
+        type: columnsType,
+        description: "pane を横一列に並べる(4 まで。5 以上は 3 列 × 2 行)。既定は等分。focus で主役の列を指定すると、その列を他の列の黄金比倍の幅にする",
+    });
+    c.bind(SlideLayout, ["main-left"], MainLeftSlide, {
+        description: "最初の pane を左に大きく置き、残りを右に縦に積む(ト型)。大きい側と積む側は黄金比(約 62:38)",
+    });
+    c.bind(SlideLayout, ["main-right"], MainRightSlide, {
+        description: "最後の pane を右に大きく置き、残りを左に縦に積む(ト型の逆)。説明や前提を左に、主役を右に置くとき。大きい側と積む側は黄金比(約 62:38)",
+    });
     c.bind(BlockLayout, [], DefaultBlock, { description: "本文 1 行。markdown 可" });
     c.bind(BlockLayout, ["heading"], HeadingBlock, { type: headingType, description: "見出し。slide の上部に置かれる" });
     c.bind(BlockLayout, ["body"], BodyBlock, { description: "本文。markdown 可。複数行は段落になる" });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/panes.d.ts

@@ -1,4 +1,5 @@
-import { type BlockNode, type SlideNode } from "@yadeck/slide-core";
+import { z } from "zod";
+import { type BlockNode, type SlideNode, type SlideOf } from "@yadeck/slide-core";
 import type { CSSProperties } from "react";
 type Pane = {
     kind: "text";
@@ -37,7 +38,22 @@ export declare const TextPane: ({ blocks }: {
 export declare const DefaultSlide: (slide: SlideNode) => import("react").JSX.Element;
 /** columns の列数。4 までは横一列、5 以上は 3 列で折り返す */
 export declare function columnsFor(n: number): number;
-/** `columns` を付けた slide。pane を横に等分し、5 以上は 3 列 × 2 行に折り返す */
-export declare const ColumnsSlide: (slide: SlideNode) => import("react").JSX.Element;
+/**
+ * 主役と従の比。黄金比 φ。columns の focus では主役の列を他の列の φ 倍に、
+ * main-left / main-right では大きい区画と積む側を φ:1(約 62:38)に分ける
+ */
+export declare const PHI: number;
+export declare const columnsType: z.ZodObject<{
+    focus: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+/** 列の幅の比。focus の列だけ φ、他は 1 */
+export declare function columnWeights(cols: number, focusColumn: number | undefined): number[];
+/**
+ * `columns`。pane を横一列に並べる(4 まで。5 以上は 3 列で折り返す)。
+ * 既定は等分。focus で主役を指定すると、主役の列を他の列の黄金比倍の幅にする
+ */
+export declare const ColumnsSlide: (slide: SlideOf<typeof columnsType>) => import("react").JSX.Element;
+export declare const MainLeftSlide: (slide: SlideNode) => import("react").JSX.Element;
+export declare const MainRightSlide: (slide: SlideNode) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=panes.d.ts.map

package/dist/panes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panes.d.ts","sourceRoot":"","sources":["../src/panes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAuBtD,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;AAMxF,0DAA0D;AAC1D,wBAAgB,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,CAgBnD;AAED,mDAAmD;AACnD,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAIxD;AAED,UAAU,OAAO;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAGD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,OAAO,CAAA;CAAE,EAAE,GAAG,aAAa,CAQlF;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAOnD;AAqBD,+EAA+E;AAC/E,eAAO,MAAM,QAAQ,GAAI,YAAY;IAAE,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,gCAoC3D,CAAC;AAMF,eAAO,MAAM,YAAY,GAAI,OAAO,SAAS,gCAgC5C,CAAC;AAEF,0CAA0C;AAC1C,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED,4DAA4D;AAC5D,eAAO,MAAM,YAAY,GAAI,OAAO,SAAS,gCAqB5C,CAAC"}
+{"version":3,"file":"panes.d.ts","sourceRoot":"","sources":["../src/panes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAyB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACzG,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAuBtD,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;AAMxF,0DAA0D;AAC1D,wBAAgB,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,CAgBnD;AAED,mDAAmD;AACnD,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAIxD;AAED,UAAU,OAAO;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAGD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,OAAO,CAAA;CAAE,EAAE,GAAG,aAAa,CAQlF;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAOnD;AAqBD,+EAA+E;AAC/E,eAAO,MAAM,QAAQ,GAAI,YAAY;IAAE,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,gCAoC3D,CAAC;AAMF,eAAO,MAAM,YAAY,GAAI,OAAO,SAAS,gCAgC5C,CAAC;AAEF,0CAA0C;AAC1C,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5C;AAED;;;GAGG;AACH,eAAO,MAAM,GAAG,QAAyB,CAAC;AAE1C,eAAO,MAAM,WAAW;;iBAStB,CAAC;AAEH,8BAA8B;AAC9B,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,EAAE,CAErF;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,CAAC,OAAO,WAAW,CAAC,gCA8B9D,CAAC;AAuDF,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,gCAAgD,CAAC;AAC/F,eAAO,MAAM,cAAc,GAAI,OAAO,SAAS,gCAAiD,CAAC"}

package/dist/panes.js

@@ -1,4 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { z } from "zod";
 import { Block, RichText, pick } from "@yadeck/slide-core";
 import { Notes, PAGE, SlideHeading } from "./chrome.js";
 import { codeChrome, codeSize } from "./layouts.js";
@@ -118,14 +119,72 @@ export const DefaultSlide = (slide) => {
 export function columnsFor(n) {
     return n <= 4 ? Math.max(1, n) : 3;
 }
-/** `columns` を付けた slide。pane を横に等分し、5 以上は 3 列 × 2 行に折り返す */
+/**
+ * 主役と従の比。黄金比 φ。columns の focus では主役の列を他の列の φ 倍に、
+ * main-left / main-right では大きい区画と積む側を φ:1(約 62:38)に分ける
+ */
+export const PHI = (1 + Math.sqrt(5)) / 2;
+export const columnsType = z.object({
+    focus: z
+        .number()
+        .int()
+        .min(1)
+        .optional()
+        .describe("主役にする列の番号(1 始まり。テキストはまとめて 1 つ、code / image / video / flow は 1 つずつ数える)。主役の列を他の列の黄金比倍(約 1.6 倍)の幅にする"),
+});
+/** 列の幅の比。focus の列だけ φ、他は 1 */
+export function columnWeights(cols, focusColumn) {
+    return Array.from({ length: cols }, (_, i) => (i === focusColumn ? PHI : 1));
+}
+/**
+ * `columns`。pane を横一列に並べる(4 まで。5 以上は 3 列で折り返す)。
+ * 既定は等分。focus で主役を指定すると、主役の列を他の列の黄金比倍の幅にする
+ */
 export const ColumnsSlide = (slide) => {
     const [heading, rest] = pick(slide.items, ["heading"]);
     const panes = toPanes(rest);
     const contentH = SLIDE_H - PAD_Y * 2 - (heading ? HEADING_H : 0) - (heading && slide.description ? DESCRIPTION_H : 0);
+    const contentW = SLIDE_W - PAD_X * 2;
     const cols = columnsFor(panes.length);
     const rows = Math.max(1, Math.ceil(panes.length / cols));
-    const box = { w: (SLIDE_W - PAD_X * 2 - GAP * (cols - 1)) / cols, h: (contentH - GAP * (rows - 1)) / rows };
-    return (_jsxs("div", { className: `${PAGE} b-columns`, style: codeFitStyle(panes.map((pane) => ({ pane, box }))), children: [heading && _jsx(SlideHeading, { block: heading, description: slide.description }), _jsx("div", { className: "grid min-h-0 flex-1 gap-8", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`, gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))` }, children: panes.map((pane, i) => (_jsx(PaneView, { pane: pane, box: box }, i))) }), _jsx(Notes, { items: slide.items })] }));
+    const focusColumn = slide.focus !== undefined && slide.focus <= panes.length ? (slide.focus - 1) % cols : undefined;
+    const weights = columnWeights(cols, focusColumn);
+    const total = weights.reduce((a, b) => a + b, 0);
+    const freeW = contentW - GAP * (cols - 1);
+    const h = (contentH - GAP * (rows - 1)) / rows;
+    const boxOf = (i) => ({ w: (freeW * weights[i % cols]) / total, h });
+    return (_jsxs("div", { className: `${PAGE} b-columns`, style: codeFitStyle(panes.map((pane, i) => ({ pane, box: boxOf(i) }))), children: [heading && _jsx(SlideHeading, { block: heading, description: slide.description }), _jsx("div", { className: "grid min-h-0 flex-1 gap-8", style: {
+                    gridTemplateColumns: weights.map((w) => `minmax(0, ${w}fr)`).join(" "),
+                    gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`,
+                }, children: panes.map((pane, i) => (_jsx(PaneView, { pane: pane, box: boxOf(i) }, i))) }), _jsx(Notes, { items: slide.items })] }));
 };
+/** 縦に積んだ pane の寸法(高さは paneWeights の比で分ける) */
+function stackBoxes(w, h, panes) {
+    const weights = paneWeights(panes);
+    const total = weights.reduce((a, b) => a + b, 0);
+    const free = h - GAP * (panes.length - 1);
+    return weights.map((wt) => ({ w, h: (free * wt) / total, grow: wt }));
+}
+/**
+ * `main-left` / `main-right`。1 つの区画を大きく置き、残りを反対側に縦に積む(ト型とその逆)。
+ * main-left は最初の区画を左に、main-right は最後の区画を右に大きく置く(左から右へ読む順のまま)。
+ * 大きい区画と積む側は黄金比(約 62:38)で分ける
+ */
+function MainSideSlide({ slide, side }) {
+    const [heading, rest] = pick(slide.items, ["heading"]);
+    const panes = toPanes(rest);
+    const contentH = SLIDE_H - PAD_Y * 2 - (heading ? HEADING_H : 0) - (heading && slide.description ? DESCRIPTION_H : 0);
+    const free = SLIDE_W - PAD_X * 2 - GAP;
+    const main = side === "left" ? panes[0] : panes[panes.length - 1];
+    const others = side === "left" ? panes.slice(1) : panes.slice(0, -1);
+    const mainBox = { w: (free * PHI) / (PHI + 1), h: contentH };
+    const stack = stackBoxes(free - mainBox.w, contentH, others);
+    const placed = [...(main ? [{ pane: main, box: mainBox }] : []), ...others.map((pane, i) => ({ pane, box: stack[i] }))];
+    const mainView = main && _jsx(PaneView, { pane: main, box: others.length > 0 ? mainBox : { w: free + GAP, h: contentH } });
+    const stackView = (_jsx("div", { className: "flex min-h-0 min-w-0 flex-col gap-8", children: others.map((pane, i) => (_jsx(PaneView, { pane: pane, box: stack[i] }, i))) }));
+    const columns = others.length === 0 ? "minmax(0, 1fr)" : side === "left" ? `minmax(0, ${PHI}fr) minmax(0, 1fr)` : `minmax(0, 1fr) minmax(0, ${PHI}fr)`;
+    return (_jsxs("div", { className: `${PAGE} b-main-${side}`, style: codeFitStyle(placed), children: [heading && _jsx(SlideHeading, { block: heading, description: slide.description }), _jsx("div", { className: "grid min-h-0 flex-1 gap-8", style: { gridTemplateColumns: columns }, children: side === "left" ? (_jsxs(_Fragment, { children: [mainView, others.length > 0 && stackView] })) : (_jsxs(_Fragment, { children: [others.length > 0 && stackView, mainView] })) }), _jsx(Notes, { items: slide.items })] }));
+}
+export const MainLeftSlide = (slide) => _jsx(MainSideSlide, { slide: slide, side: "left" });
+export const MainRightSlide = (slide) => _jsx(MainSideSlide, { slide: slide, side: "right" });
 //# sourceMappingURL=panes.js.map

package/dist/panes.js.map

@@ -1 +1 @@
-{"version":3,"file":"panes.js","sourceRoot":"","sources":["../src/panes.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"panes.js","sourceRoot":"","sources":["../src/panes.tsx"],"names":[],"mappings":"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"}

package/dist/styles.d.ts

@@ -8,5 +8,5 @@ export declare const DEFAULT_THEME = "\n@theme {\n  --color-primary: #2a5bd7;\n
  * utility を付けられない要素(RichText が生成する markdown 由来の p / ul / code など)のための最小 CSS。
  * Layout 自体の見た目は layouts.tsx の className で持つ。
  */
-export declare const BASIC_CSS = "\n@layer components {\n  .yd-slide { font-family: var(--font-sans); color: var(--color-ink); font-size: var(--text-body); line-height: 1.5; }\n  .b-body p { margin: 0 0 .6em; }\n  .b-body p:last-child { margin-bottom: 0; }\n  .b-body ul { list-style: disc; padding-left: 1.2em; }\n  .b-body ol { list-style: decimal; padding-left: 1.2em; }\n  .b-body li::marker { color: var(--color-accent); }\n  /* \u672C\u6587\u4E2D\u306E\u30B3\u30FC\u30C9\u3002\u5408\u5B57(-> \u304C \u2192 \u306B\u306A\u308B\u7B49)\u306F\u539F\u6587\u3068\u9055\u3063\u3066\u898B\u3048\u308B\u306E\u3067\u5207\u308B */\n  .yd-slide :not(pre) > code { font-family: var(--font-mono); font-size: .9em; font-variant-ligatures: none; background: color-mix(in srgb, var(--color-ink) 8%, transparent); padding: 0 .3em; border-radius: 4px; }\n  .b-body a { color: var(--color-primary); text-decoration: underline; }\n\n  /* code: pane \u306E\u5BF8\u6CD5(--pane-w / --pane-h)\u3068\u884C\u6570\u30FB\u6700\u5927\u884C\u9577\u304B\u3089\u3001\u53CE\u307E\u308B\u6700\u5927\u306E\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u3092\u9078\u3076 */\n  .yd-slide { --pane-w: 1120px; --pane-h: 500px; }\n  .b-code {\n    font-size: max(14px, min(\n      var(--text-body),\n      calc((var(--pane-w) - 48px) / var(--code-cols, 40) / 0.62),\n      calc((var(--pane-h) - var(--code-chrome, 40px)) / var(--code-rows, 10) / 1.375),\n      var(--code-fit, 9999px)\n    ));\n    /* \u4E0B\u9650\u307E\u3067\u7E2E\u3081\u3066\u3082\u5165\u3089\u306A\u3044\u9577\u3044\u884C\u306F\u6298\u308A\u8FD4\u3059\u3002\u306F\u307F\u51FA\u3057\u3066\u8AAD\u3081\u306A\u3044\u3088\u308A\u3088\u3044 */\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n    font-variant-ligatures: none;\n  }\n  .b-code .hljs { color: var(--color-code-ink); }\n  .hljs-comment, .hljs-quote { color: #8b949e; font-style: italic; }\n  .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-type, .hljs-built_in, .hljs-doctag, .hljs-meta { color: #ff7b72; }\n  .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attr, .hljs-meta .hljs-string { color: #a5d6ff; }\n  .hljs-number, .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-variable, .hljs-template-variable { color: #79c0ff; }\n  .hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class, .hljs-function .hljs-title { color: #d2a8ff; }\n  .hljs-attribute, .hljs-params, .hljs-property { color: #ffa657; }\n  .hljs-emphasis { font-style: italic; }\n  .hljs-strong { font-weight: bold; }\n  .hljs-deletion { color: #ffa198; }\n\n  /* ---- flow(\u624B\u9806)\u3002https://www.ameamelog.com/css-flow/ \u306E 5 \u30D1\u30BF\u30FC\u30F3\u3092\u79FB\u690D\u3002\u5BF8\u6CD5\u306F\u30B9\u30E9\u30A4\u30C9\u5411\u3051\u306B 1.5 \u500D ---- */\n  .b-flow { --flow-grad: linear-gradient(to right, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 55%, white) 100%); margin: auto 0; padding: 0; list-style: none; width: 100%; }\n  .b-flow > li { list-style: none; }\n  .b-flow dl, .b-flow dd { margin: 0; }\n  .b-flow dt { font-size: var(--text-h4); font-weight: 700; color: var(--color-primary); line-height: 1.3; }\n  .b-flow dd { font-size: var(--text-small); color: color-mix(in srgb, var(--color-ink) 80%, transparent); line-height: 1.45; }\n  .b-flow .phase { display: inline-block; margin-left: .6em; padding: .1em .7em; border-radius: 999px; background: color-mix(in srgb, var(--color-primary) 10%, transparent); font-size: var(--text-small); font-weight: 700; color: var(--color-primary); vertical-align: middle; }\n  .b-flow .via { font-family: var(--font-mono); font-size: var(--text-small); font-weight: 700; color: var(--color-primary); white-space: nowrap; }\n  .b-flow .icon { font-size: 18px; font-weight: 700; color: #fff; background: var(--flow-grad); }\n  .b-flow.has-focus > li:not(.is-focus) { opacity: .35; }\n  .b-flow > li.is-focus .icon { background: var(--color-accent); color: var(--color-ink); }\n  .b-flow > li.is-focus dt { color: var(--color-ink); }\n\n  /* 1 \u30AB\u30E9\u30E0\u69CB\u6210: \u5DE6\u306B STEP \u30D4\u30EB\u3001\u7E26\u30EC\u30FC\u30EB\u3001\u70B9\u3068\u70B9\u7DDA\u3001\u53F3\u306B\u898B\u51FA\u3057\u3068\u8AAC\u660E */\n  .b-flow-rail { padding-left: 180px; position: relative; }\n  .b-flow-rail::before { content: \"\"; width: 22px; height: 100%; background: color-mix(in srgb, var(--color-ink) 7%, transparent); margin-left: -11px; display: block; position: absolute; top: 0; left: 180px; }\n  .b-flow-rail > li { position: relative; }\n  .b-flow-rail > li:not(:last-child) { margin-bottom: 60px; }\n  .b-flow-rail > li .icon { padding: 10px 28px; display: block; position: absolute; top: 0; left: -180px; z-index: 2; }\n  .b-flow-rail > li .icon::after { content: \"\"; border-style: solid; border-width: 8px 0 8px 14px; border-color: transparent transparent transparent color-mix(in srgb, var(--color-primary) 55%, white); position: absolute; top: 50%; left: 100%; transform: translateY(-50%); }\n  .b-flow-rail > li.is-focus .icon::after { border-left-color: var(--color-accent); }\n  .b-flow-rail > li .via { position: absolute; top: -30px; left: 28px; transform: translateY(-50%); }\n  .b-flow-rail > li dl { padding-left: 100px; position: relative; }\n  .b-flow-rail > li dl::before, .b-flow-rail > li dl::after { content: \"\"; display: block; position: absolute; top: 24px; }\n  .b-flow-rail > li dl::before { width: 11px; height: 11px; margin-top: -5px; background: var(--color-primary); border-radius: 50%; left: -6px; z-index: 1; }\n  .b-flow-rail > li.is-focus dl::before { background: var(--color-accent); }\n  .b-flow-rail > li dl::after { width: 72px; border-bottom: 2px dashed color-mix(in srgb, var(--color-ink) 40%, transparent); left: 8px; }\n  .b-flow-rail > li dl dt { margin-bottom: 6px; }\n\n  /* \u30DD\u30C3\u30D7: \u5439\u304D\u51FA\u3057\u306E\u756A\u53F7 + \u67A0\u30AB\u30FC\u30C9\u3092\u6A2A\u306B\u4E26\u3079\u3001\u9593\u306B \u203A */\n  .b-flow-pop { --flow-gap: 56px; display: flex; justify-content: space-between; gap: var(--flow-gap); }\n  .b-flow-pop > li { flex: 1 1 0; min-width: 0; position: relative; }\n  .b-flow-pop > li .icon { font-family: var(--font-mono); font-size: 26px; line-height: 72px; width: 72px; background: var(--color-primary); margin: 0 auto 28px; display: block; border-radius: 50%; text-align: center; position: relative; letter-spacing: 2px; }\n  .b-flow-pop > li .icon::before { content: \"\"; border: solid transparent; border-width: 12px; border-top-color: var(--color-primary); position: absolute; top: calc(100% - 3px); left: 50%; transform: translateX(-50%); }\n  .b-flow-pop > li.is-focus .icon::before { border-top-color: var(--color-accent); }\n  .b-flow-pop > li .via { position: absolute; top: 24px; right: calc(100% + var(--flow-gap) / 2 + 4px); transform: translateX(50%); }\n  .b-flow-pop > li dl { padding: 32px 10px; word-break: auto-phrase; text-wrap: balance; border: 4px solid var(--color-primary); position: relative; text-align: center; height: calc(100% - 100px); }\n  .b-flow-pop > li.is-focus dl { border-color: var(--color-accent); }\n  /* \u7BB1\u306E\u9593\u306E \u203A\u3002\u9699\u9593(--flow-gap)\u306E\u4E2D\u592E\u306B\u7F6E\u304D\u3001\u67A0\u7DDA\u306B\u91CD\u306D\u306A\u3044 */\n  .b-flow-pop > li:not(:last-child) dl::before { content: \"\"; width: 36px; height: 36px; display: block; border-top: 8px solid var(--color-primary); border-right: 8px solid var(--color-primary); position: absolute; top: 50%; left: calc(100% + var(--flow-gap) / 2 - 8px); transform: translate(-50%, -50%) rotate(45deg); }\n  .b-flow-pop > li dl dt { margin-bottom: 10px; word-break: keep-all; }\n  .b-flow-pop > li dl dt .phase { display: block; margin: 8px auto 0; padding: .15em .6em; font-size: 18px; width: fit-content; max-width: 100%; box-sizing: border-box; white-space: nowrap; }\n\n  /* \u67A0\u7DDA\u3092\u4F7F\u3063\u305F\u30C7\u30B6\u30A4\u30F3: \u89D2\u4E38\u306E\u67A0\u3092\u7E26\u306B\u7A4D\u307F\u3001\u70B9\u7DDA\u3068 \u25BD \u3067\u3064\u306A\u3050 */\n  .b-flow-boxed > li { position: relative; }\n  .b-flow-boxed > li:not(:last-child) { margin-bottom: 40px; }\n  .b-flow-boxed > li:not(:first-child)::before { content: \"\"; height: 60px; display: block; border-left: 5px dotted color-mix(in srgb, var(--color-ink) 15%, transparent); position: absolute; top: -40px; left: calc(12% + 40px); z-index: 1; }\n  .b-flow-boxed > li .via { position: absolute; top: -20px; left: calc(12% + 72px); transform: translateY(-50%); }\n  .b-flow-boxed > li dl { width: 100%; padding: 8px 36px; display: flex; align-items: center; border: 3px solid var(--color-primary); border-radius: 14px; position: relative; background: var(--color-surface); }\n  .b-flow-boxed > li.is-focus dl { border-color: var(--color-accent); }\n  .b-flow-boxed > li:not(:last-child) dl::before, .b-flow-boxed > li:not(:last-child) dl::after { content: \"\"; border: solid transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); }\n  .b-flow-boxed > li:not(:last-child) dl::before { border-width: 26px; border-top-color: var(--color-primary); }\n  .b-flow-boxed > li.is-focus:not(:last-child) dl::before { border-top-color: var(--color-accent); }\n  .b-flow-boxed > li:not(:last-child) dl::after { border-width: 23px; border-top-color: var(--color-surface); }\n  .b-flow-boxed > li dl dt { flex: 0 0 24%; margin-right: 2vw; text-align: center; }\n  .b-flow-boxed > li dl dt .icon { padding: 4px 14px; margin: 0 auto 6px; display: block; border-radius: 999px; width: fit-content; position: relative; z-index: 2; }\n  .b-flow-boxed > li dl dd { flex: 1; }\n  .b-flow-boxed > li dl dd .phase { display: block; width: fit-content; margin: 0 0 4px; }\n\n  /* \u30B9\u30BF\u30A4\u30EA\u30C3\u30B7\u30E5: \u5168\u4F53\u3092 1 \u3064\u306E\u67A0\u3067\u56F2\u307F\u3001\u533A\u5207\u308A\u7DDA\u306B \u25BD */\n  .b-flow-framed { border: 4px solid var(--color-primary); }\n  .b-flow-framed > li { padding: 12px 36px; position: relative; }\n  .b-flow-framed > li:not(:last-child) { border-bottom: 4px solid var(--color-primary); }\n  .b-flow-framed > li:not(:last-child)::before, .b-flow-framed > li:not(:last-child)::after { content: \"\"; border: solid transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 1; }\n  .b-flow-framed > li:not(:last-child)::before { border-width: 26px; border-top-color: var(--color-primary); }\n  .b-flow-framed > li:not(:last-child)::after { border-width: 21px; border-top-color: var(--color-surface); }\n  .b-flow-framed > li .via { position: absolute; top: 0; left: calc(50% + 44px); transform: translateY(-50%); background: var(--color-surface); padding: 0 10px; z-index: 2; }\n  .b-flow-framed > li dl { display: flex; align-items: center; }\n  .b-flow-framed > li dl dt { flex: 0 0 24%; margin-right: 1vw; text-align: center; }\n  .b-flow-framed > li dl dt .icon { padding: 4px 14px; margin: 0 auto 6px; display: block; border-radius: 999px; width: fit-content; }\n  .b-flow-framed > li dl dd { flex: 1; }\n  .b-flow-framed > li dl dd .phase { display: block; width: fit-content; margin: 0 0 4px; }\n\n  /* 2 \u30AB\u30E9\u30E0\u69CB\u6210: \u53F3\u7AEF\u304C\u77E2\u5370\u306E\u67A0\u3092 2 \u5217\u306B */\n  .b-flow-grid { display: flex; flex-wrap: wrap; gap: 48px 4%; }\n  .b-flow-grid > li { padding: 28px 44px 24px 36px; flex: 0 0 48%; border: 3px solid var(--color-primary); position: relative; background: var(--color-surface); }\n  .b-flow-grid > li.is-focus { border-color: var(--color-accent); }\n  .b-flow-grid > li:not(:last-child)::before, .b-flow-grid > li:not(:last-child)::after { content: \"\"; border: solid transparent; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); }\n  .b-flow-grid > li:not(:last-child)::before { border-width: 30px; border-left-color: var(--color-primary); }\n  .b-flow-grid > li.is-focus:not(:last-child)::before { border-left-color: var(--color-accent); }\n  .b-flow-grid > li:not(:last-child)::after { border-width: 27px; border-left-color: var(--color-surface); }\n  .b-flow-grid > li .icon { padding: 7px 28px; display: block; border-radius: 999px; position: absolute; top: -18px; left: -14px; z-index: 2; }\n  .b-flow-grid > li .via { display: none; }\n  .b-flow-grid > li dl dt { margin-bottom: 6px; }\n}\n";
+export declare const BASIC_CSS = "\n@layer components {\n  .yd-slide { font-family: var(--font-sans); color: var(--color-ink); font-size: var(--text-body); line-height: 1.5; }\n  .b-body p { margin: 0 0 .6em; }\n  .b-body p:last-child { margin-bottom: 0; }\n  .b-body ul { list-style: disc; padding-left: 1.2em; }\n  .b-body ol { list-style: decimal; padding-left: 1.2em; }\n  .b-body li::marker { color: var(--color-accent); }\n  /* \u672C\u6587\u4E2D\u306E\u30B3\u30FC\u30C9\u3002\u5408\u5B57(-> \u304C \u2192 \u306B\u306A\u308B\u7B49)\u306F\u539F\u6587\u3068\u9055\u3063\u3066\u898B\u3048\u308B\u306E\u3067\u5207\u308B */\n  .yd-slide :not(pre) > code { font-family: var(--font-mono); font-size: .9em; font-variant-ligatures: none; background: color-mix(in srgb, var(--color-ink) 8%, transparent); padding: 0 .3em; border-radius: 4px; }\n  .b-body a { color: var(--color-primary); text-decoration: underline; }\n\n  /* code: pane \u306E\u5BF8\u6CD5(--pane-w / --pane-h)\u3068\u884C\u6570\u30FB\u6700\u5927\u884C\u9577\u304B\u3089\u3001\u53CE\u307E\u308B\u6700\u5927\u306E\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u3092\u9078\u3076 */\n  .yd-slide { --pane-w: 1120px; --pane-h: 500px; }\n  .b-code {\n    font-size: max(14px, min(\n      var(--text-body),\n      calc((var(--pane-w) - 48px) / var(--code-cols, 40) / 0.62),\n      calc((var(--pane-h) - var(--code-chrome, 40px)) / var(--code-rows, 10) / 1.375),\n      var(--code-fit, 9999px)\n    ));\n    /* \u4E0B\u9650\u307E\u3067\u7E2E\u3081\u3066\u3082\u5165\u3089\u306A\u3044\u9577\u3044\u884C\u306F\u6298\u308A\u8FD4\u3059\u3002\u306F\u307F\u51FA\u3057\u3066\u8AAD\u3081\u306A\u3044\u3088\u308A\u3088\u3044 */\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n    font-variant-ligatures: none;\n  }\n  .b-code .hljs { color: var(--color-code-ink); }\n  .hljs-comment, .hljs-quote { color: #8b949e; font-style: italic; }\n  .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-type, .hljs-built_in, .hljs-doctag, .hljs-meta { color: #ff7b72; }\n  .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attr, .hljs-meta .hljs-string { color: #a5d6ff; }\n  .hljs-number, .hljs-symbol, .hljs-bullet, .hljs-link, .hljs-variable, .hljs-template-variable { color: #79c0ff; }\n  .hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class, .hljs-function .hljs-title { color: #d2a8ff; }\n  .hljs-attribute, .hljs-params, .hljs-property { color: #ffa657; }\n  .hljs-emphasis { font-style: italic; }\n  .hljs-strong { font-weight: bold; }\n  .hljs-deletion { color: #ffa198; }\n\n  /* ---- flow(\u624B\u9806)\u3002https://www.ameamelog.com/css-flow/ \u306E 5 \u30D1\u30BF\u30FC\u30F3\u3092\u79FB\u690D\u3002\u5BF8\u6CD5\u306F\u30B9\u30E9\u30A4\u30C9\u5411\u3051\u306B 1.5 \u500D ---- */\n  .b-flow { --flow-grad: linear-gradient(to right, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 55%, white) 100%); margin: auto 0; padding: 0; list-style: none; width: 100%; }\n  .b-flow > li { list-style: none; }\n  .b-flow dl, .b-flow dd { margin: 0; }\n  .b-flow dt { font-size: var(--text-h4); font-weight: 700; color: var(--color-primary); line-height: 1.3; }\n  .b-flow dd { font-size: var(--text-small); color: color-mix(in srgb, var(--color-ink) 80%, transparent); line-height: 1.45; }\n  .b-flow .phase { display: inline-block; margin-left: .6em; padding: .1em .7em; border-radius: 999px; background: color-mix(in srgb, var(--color-primary) 10%, transparent); font-size: var(--text-small); font-weight: 700; color: var(--color-primary); vertical-align: middle; }\n  .b-flow .via { font-family: var(--font-mono); font-size: var(--text-small); font-weight: 700; color: var(--color-primary); white-space: nowrap; }\n  .b-flow .icon { font-size: 18px; font-weight: 700; color: #fff; background: var(--flow-grad); }\n  .b-flow.has-focus > li:not(.is-focus) { opacity: .35; }\n  .b-flow > li.is-focus .icon { background: var(--color-accent); color: var(--color-ink); }\n  .b-flow > li.is-focus dt { color: var(--color-ink); }\n\n  /* 1 \u30AB\u30E9\u30E0\u69CB\u6210: \u5DE6\u306B STEP \u30D4\u30EB\u3001\u7E26\u30EC\u30FC\u30EB\u3001\u70B9\u3068\u70B9\u7DDA\u3001\u53F3\u306B\u898B\u51FA\u3057\u3068\u8AAC\u660E */\n  .b-flow-rail { padding-left: 180px; position: relative; }\n  .b-flow-rail::before { content: \"\"; width: 22px; height: 100%; background: color-mix(in srgb, var(--color-ink) 7%, transparent); margin-left: -11px; display: block; position: absolute; top: 0; left: 180px; }\n  .b-flow-rail > li { position: relative; }\n  .b-flow-rail > li:not(:last-child) { margin-bottom: 60px; }\n  .b-flow-rail > li .icon { padding: 10px 28px; display: block; position: absolute; top: 0; left: -180px; z-index: 2; }\n  .b-flow-rail > li .icon::after { content: \"\"; border-style: solid; border-width: 8px 0 8px 14px; border-color: transparent transparent transparent color-mix(in srgb, var(--color-primary) 55%, white); position: absolute; top: 50%; left: 100%; transform: translateY(-50%); }\n  .b-flow-rail > li.is-focus .icon::after { border-left-color: var(--color-accent); }\n  .b-flow-rail > li .via { position: absolute; top: -30px; left: 28px; transform: translateY(-50%); }\n  .b-flow-rail > li dl { padding-left: 100px; position: relative; }\n  .b-flow-rail > li dl::before, .b-flow-rail > li dl::after { content: \"\"; display: block; position: absolute; top: 24px; }\n  .b-flow-rail > li dl::before { width: 11px; height: 11px; margin-top: -5px; background: var(--color-primary); border-radius: 50%; left: -6px; z-index: 1; }\n  .b-flow-rail > li.is-focus dl::before { background: var(--color-accent); }\n  .b-flow-rail > li dl::after { width: 72px; border-bottom: 2px dashed color-mix(in srgb, var(--color-ink) 40%, transparent); left: 8px; }\n  .b-flow-rail > li dl dt { margin-bottom: 6px; }\n\n  /* \u30DD\u30C3\u30D7: \u5439\u304D\u51FA\u3057\u306E\u756A\u53F7 + \u67A0\u30AB\u30FC\u30C9\u3092\u6A2A\u306B\u4E26\u3079\u3001\u9593\u306B \u203A */\n  .b-flow-pop { --flow-gap: 56px; display: flex; justify-content: space-between; gap: var(--flow-gap); }\n  .b-flow-pop > li { flex: 1 1 0; min-width: 0; position: relative; }\n  .b-flow-pop > li .icon { font-family: var(--font-mono); font-size: 26px; line-height: 72px; width: 72px; background: var(--color-primary); margin: 0 auto 28px; display: block; border-radius: 50%; text-align: center; position: relative; letter-spacing: 2px; }\n  .b-flow-pop > li .icon::before { content: \"\"; border: solid transparent; border-width: 12px; border-top-color: var(--color-primary); position: absolute; top: calc(100% - 3px); left: 50%; transform: translateX(-50%); }\n  .b-flow-pop > li.is-focus .icon::before { border-top-color: var(--color-accent); }\n  /* \u6BB5\u306E\u9593\u306E\u30E9\u30D9\u30EB\u306F\u3001\u756A\u53F7\u3069\u3046\u3057\u3092\u7D50\u3076\u70B9\u7DDA\u306E\u4E0A\u306B\u7F6E\u304F(\u756A\u53F7\u306E\u9593\u306F\u7BB1\u306E\u9593\u3088\u308A\u5E83\u304F\u3001\u9577\u3044\u30E9\u30D9\u30EB\u3082\u53CE\u307E\u308B)\u3002\n     \u30E9\u30D9\u30EB\u304C 1 \u3064\u3067\u3082\u3042\u308C\u3070\u3001\u30E9\u30D9\u30EB\u306E\u7121\u3044\u6BB5\u306E\u9593\u306B\u3082\u70B9\u7DDA\u3092\u5F15\u3044\u3066\u305D\u308D\u3048\u308B */\n  .b-flow-pop:has(> li > .via) > li:not(:first-child)::before { content: \"\"; position: absolute; top: 35px; right: calc(50% + 44px); width: calc(100% + var(--flow-gap) - 88px); border-top: 2px dashed color-mix(in srgb, var(--color-primary) 45%, transparent); }\n  .b-flow-pop > li .via { position: absolute; top: 36px; right: calc(100% + var(--flow-gap) / 2); transform: translate(50%, -50%); background: var(--color-surface); padding: 0 10px; }\n  .b-flow-pop > li dl { padding: 32px 10px; word-break: auto-phrase; text-wrap: balance; border: 4px solid var(--color-primary); position: relative; text-align: center; height: calc(100% - 100px); }\n  .b-flow-pop > li.is-focus dl { border-color: var(--color-accent); }\n  /* \u7BB1\u306E\u9593\u306E \u203A\u3002\u9699\u9593(--flow-gap)\u306E\u4E2D\u592E\u306B\u7F6E\u304D\u3001\u67A0\u7DDA\u306B\u91CD\u306D\u306A\u3044 */\n  .b-flow-pop > li:not(:last-child) dl::before { content: \"\"; width: 36px; height: 36px; display: block; border-top: 8px solid var(--color-primary); border-right: 8px solid var(--color-primary); position: absolute; top: 50%; left: calc(100% + var(--flow-gap) / 2 - 8px); transform: translate(-50%, -50%) rotate(45deg); }\n  .b-flow-pop > li dl dt { margin-bottom: 10px; word-break: keep-all; display: flex; flex-direction: column; align-items: center; }\n  /* \u6BB5\u968E\u306E\u30D4\u30EB\u306F\u898B\u51FA\u3057\u306E\u4E0A\u306B\u7F6E\u304D\u3001\u898B\u51FA\u3057\u306E\u6298\u308A\u8FD4\u3057\u306B\u95A2\u4FC2\u306A\u304F\u7BB1\u306E\u4E0A\u7AEF\u306B\u305D\u308D\u3048\u308B */\n  .b-flow-pop > li dt .phase { order: -1; margin: 0 0 12px; }\n  .b-flow-pop > li dl dt .phase { display: block; margin: 8px auto 0; padding: .15em .6em; font-size: 18px; width: fit-content; max-width: 100%; box-sizing: border-box; white-space: nowrap; }\n\n  /* \u67A0\u7DDA\u3092\u4F7F\u3063\u305F\u30C7\u30B6\u30A4\u30F3: \u89D2\u4E38\u306E\u67A0\u3092\u7E26\u306B\u7A4D\u307F\u3001\u70B9\u7DDA\u3068 \u25BD \u3067\u3064\u306A\u3050 */\n  .b-flow-boxed > li { position: relative; }\n  .b-flow-boxed > li:not(:last-child) { margin-bottom: 40px; }\n  .b-flow-boxed > li:not(:first-child)::before { content: \"\"; height: 60px; display: block; border-left: 5px dotted color-mix(in srgb, var(--color-ink) 15%, transparent); position: absolute; top: -40px; left: calc(12% + 40px); z-index: 1; }\n  .b-flow-boxed > li .via { position: absolute; top: -20px; left: calc(12% + 72px); transform: translateY(-50%); }\n  .b-flow-boxed > li dl { width: 100%; padding: 8px 36px; display: flex; align-items: center; border: 3px solid var(--color-primary); border-radius: 14px; position: relative; background: var(--color-surface); }\n  .b-flow-boxed > li.is-focus dl { border-color: var(--color-accent); }\n  .b-flow-boxed > li:not(:last-child) dl::before, .b-flow-boxed > li:not(:last-child) dl::after { content: \"\"; border: solid transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); }\n  .b-flow-boxed > li:not(:last-child) dl::before { border-width: 26px; border-top-color: var(--color-primary); }\n  .b-flow-boxed > li.is-focus:not(:last-child) dl::before { border-top-color: var(--color-accent); }\n  .b-flow-boxed > li:not(:last-child) dl::after { border-width: 23px; border-top-color: var(--color-surface); }\n  .b-flow-boxed > li dl dt { flex: 0 0 24%; margin-right: 2vw; text-align: center; }\n  .b-flow-boxed > li dl dt .icon { padding: 4px 14px; margin: 0 auto 6px; display: block; border-radius: 999px; width: fit-content; position: relative; z-index: 2; }\n  .b-flow-boxed > li dl dd { flex: 1; }\n  .b-flow-boxed > li dl dd .phase { display: block; width: fit-content; margin: 0 0 4px; }\n\n  /* \u30B9\u30BF\u30A4\u30EA\u30C3\u30B7\u30E5: \u5168\u4F53\u3092 1 \u3064\u306E\u67A0\u3067\u56F2\u307F\u3001\u533A\u5207\u308A\u7DDA\u306B \u25BD */\n  .b-flow-framed { border: 4px solid var(--color-primary); }\n  .b-flow-framed > li { padding: 12px 36px; position: relative; }\n  .b-flow-framed > li:not(:last-child) { border-bottom: 4px solid var(--color-primary); }\n  .b-flow-framed > li:not(:last-child)::before, .b-flow-framed > li:not(:last-child)::after { content: \"\"; border: solid transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 1; }\n  .b-flow-framed > li:not(:last-child)::before { border-width: 26px; border-top-color: var(--color-primary); }\n  .b-flow-framed > li:not(:last-child)::after { border-width: 21px; border-top-color: var(--color-surface); }\n  .b-flow-framed > li .via { position: absolute; top: 0; left: calc(50% + 44px); transform: translateY(-50%); background: var(--color-surface); padding: 0 10px; z-index: 2; }\n  .b-flow-framed > li dl { display: flex; align-items: center; }\n  .b-flow-framed > li dl dt { flex: 0 0 24%; margin-right: 1vw; text-align: center; }\n  .b-flow-framed > li dl dt .icon { padding: 4px 14px; margin: 0 auto 6px; display: block; border-radius: 999px; width: fit-content; }\n  .b-flow-framed > li dl dd { flex: 1; }\n  .b-flow-framed > li dl dd .phase { display: block; width: fit-content; margin: 0 0 4px; }\n\n  /* 2 \u30AB\u30E9\u30E0\u69CB\u6210: \u53F3\u7AEF\u304C\u77E2\u5370\u306E\u67A0\u3092 2 \u5217\u306B */\n  .b-flow-grid { display: flex; flex-wrap: wrap; gap: 48px 4%; }\n  .b-flow-grid > li { padding: 28px 44px 24px 36px; flex: 0 0 48%; border: 3px solid var(--color-primary); position: relative; background: var(--color-surface); }\n  .b-flow-grid > li.is-focus { border-color: var(--color-accent); }\n  .b-flow-grid > li:not(:last-child)::before, .b-flow-grid > li:not(:last-child)::after { content: \"\"; border: solid transparent; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); }\n  .b-flow-grid > li:not(:last-child)::before { border-width: 30px; border-left-color: var(--color-primary); }\n  .b-flow-grid > li.is-focus:not(:last-child)::before { border-left-color: var(--color-accent); }\n  .b-flow-grid > li:not(:last-child)::after { border-width: 27px; border-left-color: var(--color-surface); }\n  .b-flow-grid > li .icon { padding: 7px 28px; display: block; border-radius: 999px; position: absolute; top: -18px; left: -14px; z-index: 2; }\n  .b-flow-grid > li .via { display: none; }\n  .b-flow-grid > li dl dt { margin-bottom: 6px; }\n}\n\n/* \u30DA\u30FC\u30B8\u756A\u53F7\u3068\u51FA\u5178\u3002core \u306E\u65E2\u5B9A(\u30EC\u30A4\u30E4\u30FC\u5916)\u3092\u4E0A\u66F8\u304D\u3059\u308B\u306E\u3067\u3001\u3053\u3053\u3082\u30EC\u30A4\u30E4\u30FC\u306E\u5916\u306B\u66F8\u304F\u3002\n   \u30DA\u30FC\u30B8\u756A\u53F7\u306F\u8868\u7D19\u306B\u306F\u51FA\u3055\u306A\u3044\u3002\u5730\u306E\u6FC3\u3044\u7AE0\u6249\u3067\u306F\u3001\u3069\u3061\u3089\u3082\u767D\u3092\u8584\u304F\u3057\u3066\u8F09\u305B\u308B */\n.yd-page-number { font-family: var(--font-sans); font-size: 18px; color: var(--color-faint); }\n.yd-sources { font-family: var(--font-sans); color: var(--color-faint); padding-left: 3.2em; }\n.yd-sources::before { content: \"\u51FA\u5178\"; position: absolute; left: 0; top: 0; }\n.yd-slide:has(> .b-section) > .yd-sources { color: color-mix(in srgb, var(--color-surface) 55%, transparent); }\n.yd-slide:has(> .b-header) > .yd-page-number { display: none; }\n.yd-slide:has(> .b-section) > .yd-page-number { color: color-mix(in srgb, var(--color-surface) 55%, transparent); }\n";
 //# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,aAAa,mlBAuBzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,qgYA0HrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,aAAa,mlBAuBzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,grcAwIrB,CAAC"}

package/dist/styles.js

@@ -103,12 +103,17 @@ export const BASIC_CSS = `
   .b-flow-pop > li .icon { font-family: var(--font-mono); font-size: 26px; line-height: 72px; width: 72px; background: var(--color-primary); margin: 0 auto 28px; display: block; border-radius: 50%; text-align: center; position: relative; letter-spacing: 2px; }
   .b-flow-pop > li .icon::before { content: ""; border: solid transparent; border-width: 12px; border-top-color: var(--color-primary); position: absolute; top: calc(100% - 3px); left: 50%; transform: translateX(-50%); }
   .b-flow-pop > li.is-focus .icon::before { border-top-color: var(--color-accent); }
-  .b-flow-pop > li .via { position: absolute; top: 24px; right: calc(100% + var(--flow-gap) / 2 + 4px); transform: translateX(50%); }
+  /* 段の間のラベルは、番号どうしを結ぶ点線の上に置く(番号の間は箱の間より広く、長いラベルも収まる)。
+     ラベルが 1 つでもあれば、ラベルの無い段の間にも点線を引いてそろえる */
+  .b-flow-pop:has(> li > .via) > li:not(:first-child)::before { content: ""; position: absolute; top: 35px; right: calc(50% + 44px); width: calc(100% + var(--flow-gap) - 88px); border-top: 2px dashed color-mix(in srgb, var(--color-primary) 45%, transparent); }
+  .b-flow-pop > li .via { position: absolute; top: 36px; right: calc(100% + var(--flow-gap) / 2); transform: translate(50%, -50%); background: var(--color-surface); padding: 0 10px; }
   .b-flow-pop > li dl { padding: 32px 10px; word-break: auto-phrase; text-wrap: balance; border: 4px solid var(--color-primary); position: relative; text-align: center; height: calc(100% - 100px); }
   .b-flow-pop > li.is-focus dl { border-color: var(--color-accent); }
   /* 箱の間の ›。隙間(--flow-gap)の中央に置き、枠線に重ねない */
   .b-flow-pop > li:not(:last-child) dl::before { content: ""; width: 36px; height: 36px; display: block; border-top: 8px solid var(--color-primary); border-right: 8px solid var(--color-primary); position: absolute; top: 50%; left: calc(100% + var(--flow-gap) / 2 - 8px); transform: translate(-50%, -50%) rotate(45deg); }
-  .b-flow-pop > li dl dt { margin-bottom: 10px; word-break: keep-all; }
+  .b-flow-pop > li dl dt { margin-bottom: 10px; word-break: keep-all; display: flex; flex-direction: column; align-items: center; }
+  /* 段階のピルは見出しの上に置き、見出しの折り返しに関係なく箱の上端にそろえる */
+  .b-flow-pop > li dt .phase { order: -1; margin: 0 0 12px; }
   .b-flow-pop > li dl dt .phase { display: block; margin: 8px auto 0; padding: .15em .6em; font-size: 18px; width: fit-content; max-width: 100%; box-sizing: border-box; white-space: nowrap; }
 
   /* 枠線を使ったデザイン: 角丸の枠を縦に積み、点線と ▽ でつなぐ */
@@ -153,5 +158,14 @@ export const BASIC_CSS = `
   .b-flow-grid > li .via { display: none; }
   .b-flow-grid > li dl dt { margin-bottom: 6px; }
 }
+
+/* ページ番号と出典。core の既定(レイヤー外)を上書きするので、ここもレイヤーの外に書く。
+   ページ番号は表紙には出さない。地の濃い章扉では、どちらも白を薄くして載せる */
+.yd-page-number { font-family: var(--font-sans); font-size: 18px; color: var(--color-faint); }
+.yd-sources { font-family: var(--font-sans); color: var(--color-faint); padding-left: 3.2em; }
+.yd-sources::before { content: "出典"; position: absolute; left: 0; top: 0; }
+.yd-slide:has(> .b-section) > .yd-sources { color: color-mix(in srgb, var(--color-surface) 55%, transparent); }
+.yd-slide:has(> .b-header) > .yd-page-number { display: none; }
+.yd-slide:has(> .b-section) > .yd-page-number { color: color-mix(in srgb, var(--color-surface) 55%, transparent); }
 `;
 //# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;CAuB5B,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HxB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;CAuB5B,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yadeck/slide-components-basic",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "YADECK: standard layouts (title, section, auto pane layout, two-column, cards, columns, code, image, video, flow diagrams, notes)",
   "homepage": "https://onfi.github.io/yadeck/",
   "repository": {
@@ -31,8 +31,8 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@yadeck/slide-core": "^0.1.1",
-    "@yadeck/slide-schema": "^0.1.1",
+    "@yadeck/slide-core": "^0.1.2",
+    "@yadeck/slide-schema": "^0.1.2",
     "highlight.js": "^11.12.0"
   },
   "peerDependencies": {

package/src/index.ts

@@ -30,7 +30,7 @@ import {
   videoType,
 } from "./layouts.js";
 import { FlowBlock, FlowBoxed, FlowFramed, FlowGrid, flowType } from "./flow.js";
-import { ColumnsSlide, DefaultSlide } from "./panes.js";
+import { ColumnsSlide, DefaultSlide, MainLeftSlide, MainRightSlide, columnsType } from "./panes.js";
 import { BASIC_CSS, DEFAULT_THEME } from "./styles.js";
 
 export * from "./layouts.js";
@@ -57,7 +57,17 @@ export const basic = definePlugin((c) => {
   c.bind(SlideLayout, ["section-header"], SectionHeaderSlide, { type: sectionHeaderType, description: "章扉。number と heading、body だけを描く" });
   c.bind(SlideLayout, ["two-column"], TwoColumnSlide, { description: "2 列の対比。left を付けた block を左列、right を右列、どちらも無い block は前置きとして列の上に置く。列の見出しは heading left / heading right" });
   c.bind(SlideLayout, ["card"], CardSlide, { description: "item をカードにして並べる(3 枚までは 1 行、4 枚は 2×2、5 枚以上は 3 列)。他の block は前置きとして上に置く" });
-  c.bind(SlideLayout, ["columns"], ColumnsSlide, { description: "pane を横一列に等分する(4 まで。5 以上は 3 列 × 2 行)" });
+  c.bind(SlideLayout, ["columns"], ColumnsSlide, {
+    type: columnsType,
+    description: "pane を横一列に並べる(4 まで。5 以上は 3 列 × 2 行)。既定は等分。focus で主役の列を指定すると、その列を他の列の黄金比倍の幅にする",
+  });
+  c.bind(SlideLayout, ["main-left"], MainLeftSlide, {
+    description: "最初の pane を左に大きく置き、残りを右に縦に積む(ト型)。大きい側と積む側は黄金比(約 62:38)",
+  });
+  c.bind(SlideLayout, ["main-right"], MainRightSlide, {
+    description: "最後の pane を右に大きく置き、残りを左に縦に積む(ト型の逆)。説明や前提を左に、主役を右に置くとき。大きい側と積む側は黄金比(約 62:38)",
+  });
+
 
   c.bind(BlockLayout, [], DefaultBlock, { description: "本文 1 行。markdown 可" });
   c.bind(BlockLayout, ["heading"], HeadingBlock, { type: headingType, description: "見出し。slide の上部に置かれる" });

package/src/panes.tsx

@@ -1,4 +1,5 @@
-import { Block, RichText, pick, type BlockNode, type SlideNode } from "@yadeck/slide-core";
+import { z } from "zod";
+import { Block, RichText, pick, type BlockNode, type SlideNode, type SlideOf } from "@yadeck/slide-core";
 import type { CSSProperties, ReactNode } from "react";
 import { Notes, PAGE, SlideHeading } from "./chrome.js";
 import { codeChrome, codeSize } from "./layouts.js";
@@ -190,26 +191,116 @@ export function columnsFor(n: number): number {
   return n <= 4 ? Math.max(1, n) : 3;
 }
 
-/** `columns` を付けた slide。pane を横に等分し、5 以上は 3 列 × 2 行に折り返す */
-export const ColumnsSlide = (slide: SlideNode) => {
+/**
+ * 主役と従の比。黄金比 φ。columns の focus では主役の列を他の列の φ 倍に、
+ * main-left / main-right では大きい区画と積む側を φ:1(約 62:38)に分ける
+ */
+export const PHI = (1 + Math.sqrt(5)) / 2;
+
+export const columnsType = z.object({
+  focus: z
+    .number()
+    .int()
+    .min(1)
+    .optional()
+    .describe(
+      "主役にする列の番号(1 始まり。テキストはまとめて 1 つ、code / image / video / flow は 1 つずつ数える)。主役の列を他の列の黄金比倍(約 1.6 倍)の幅にする",
+    ),
+});
+
+/** 列の幅の比。focus の列だけ φ、他は 1 */
+export function columnWeights(cols: number, focusColumn: number | undefined): number[] {
+  return Array.from({ length: cols }, (_, i) => (i === focusColumn ? PHI : 1));
+}
+
+/**
+ * `columns`。pane を横一列に並べる(4 まで。5 以上は 3 列で折り返す)。
+ * 既定は等分。focus で主役を指定すると、主役の列を他の列の黄金比倍の幅にする
+ */
+export const ColumnsSlide = (slide: SlideOf<typeof columnsType>) => {
   const [heading, rest] = pick(slide.items, ["heading"]);
   const panes = toPanes(rest);
   const contentH = SLIDE_H - PAD_Y * 2 - (heading ? HEADING_H : 0) - (heading && slide.description ? DESCRIPTION_H : 0);
+  const contentW = SLIDE_W - PAD_X * 2;
   const cols = columnsFor(panes.length);
   const rows = Math.max(1, Math.ceil(panes.length / cols));
-  const box: PaneBox = { w: (SLIDE_W - PAD_X * 2 - GAP * (cols - 1)) / cols, h: (contentH - GAP * (rows - 1)) / rows };
+  const focusColumn = slide.focus !== undefined && slide.focus <= panes.length ? (slide.focus - 1) % cols : undefined;
+  const weights = columnWeights(cols, focusColumn);
+  const total = weights.reduce((a, b) => a + b, 0);
+  const freeW = contentW - GAP * (cols - 1);
+  const h = (contentH - GAP * (rows - 1)) / rows;
+  const boxOf = (i: number): PaneBox => ({ w: (freeW * weights[i % cols]!) / total, h });
   return (
-    <div className={`${PAGE} b-columns`} style={codeFitStyle(panes.map((pane) => ({ pane, box })))}>
+    <div className={`${PAGE} b-columns`} style={codeFitStyle(panes.map((pane, i) => ({ pane, box: boxOf(i) })))}>
       {heading && <SlideHeading block={heading} description={slide.description} />}
       <div
         className="grid min-h-0 flex-1 gap-8"
-        style={{ gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`, gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))` }}
+        style={{
+          gridTemplateColumns: weights.map((w) => `minmax(0, ${w}fr)`).join(" "),
+          gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`,
+        }}
       >
         {panes.map((pane, i) => (
-          <PaneView key={i} pane={pane} box={box} />
+          <PaneView key={i} pane={pane} box={boxOf(i)} />
         ))}
       </div>
       <Notes items={slide.items} />
     </div>
   );
 };
+
+/** 縦に積んだ pane の寸法(高さは paneWeights の比で分ける) */
+function stackBoxes(w: number, h: number, panes: Pane[]): PaneBox[] {
+  const weights = paneWeights(panes);
+  const total = weights.reduce((a, b) => a + b, 0);
+  const free = h - GAP * (panes.length - 1);
+  return weights.map((wt) => ({ w, h: (free * wt) / total, grow: wt }));
+}
+
+/**
+ * `main-left` / `main-right`。1 つの区画を大きく置き、残りを反対側に縦に積む(ト型とその逆)。
+ * main-left は最初の区画を左に、main-right は最後の区画を右に大きく置く(左から右へ読む順のまま)。
+ * 大きい区画と積む側は黄金比(約 62:38)で分ける
+ */
+function MainSideSlide({ slide, side }: { slide: SlideNode; side: "left" | "right" }) {
+  const [heading, rest] = pick(slide.items, ["heading"]);
+  const panes = toPanes(rest);
+  const contentH = SLIDE_H - PAD_Y * 2 - (heading ? HEADING_H : 0) - (heading && slide.description ? DESCRIPTION_H : 0);
+  const free = SLIDE_W - PAD_X * 2 - GAP;
+  const main = side === "left" ? panes[0] : panes[panes.length - 1];
+  const others = side === "left" ? panes.slice(1) : panes.slice(0, -1);
+  const mainBox: PaneBox = { w: (free * PHI) / (PHI + 1), h: contentH };
+  const stack = stackBoxes(free - mainBox.w, contentH, others);
+  const placed = [...(main ? [{ pane: main, box: mainBox }] : []), ...others.map((pane, i) => ({ pane, box: stack[i]! }))];
+  const mainView = main && <PaneView pane={main} box={others.length > 0 ? mainBox : { w: free + GAP, h: contentH }} />;
+  const stackView = (
+    <div className="flex min-h-0 min-w-0 flex-col gap-8">
+      {others.map((pane, i) => (
+        <PaneView key={i} pane={pane} box={stack[i]!} />
+      ))}
+    </div>
+  );
+  const columns = others.length === 0 ? "minmax(0, 1fr)" : side === "left" ? `minmax(0, ${PHI}fr) minmax(0, 1fr)` : `minmax(0, 1fr) minmax(0, ${PHI}fr)`;
+  return (
+    <div className={`${PAGE} b-main-${side}`} style={codeFitStyle(placed)}>
+      {heading && <SlideHeading block={heading} description={slide.description} />}
+      <div className="grid min-h-0 flex-1 gap-8" style={{ gridTemplateColumns: columns }}>
+        {side === "left" ? (
+          <>
+            {mainView}
+            {others.length > 0 && stackView}
+          </>
+        ) : (
+          <>
+            {others.length > 0 && stackView}
+            {mainView}
+          </>
+        )}
+      </div>
+      <Notes items={slide.items} />
+    </div>
+  );
+}
+
+export const MainLeftSlide = (slide: SlideNode) => <MainSideSlide slide={slide} side="left" />;
+export const MainRightSlide = (slide: SlideNode) => <MainSideSlide slide={slide} side="right" />;

package/src/styles.ts

@@ -104,12 +104,17 @@ export const BASIC_CSS = `
   .b-flow-pop > li .icon { font-family: var(--font-mono); font-size: 26px; line-height: 72px; width: 72px; background: var(--color-primary); margin: 0 auto 28px; display: block; border-radius: 50%; text-align: center; position: relative; letter-spacing: 2px; }
   .b-flow-pop > li .icon::before { content: ""; border: solid transparent; border-width: 12px; border-top-color: var(--color-primary); position: absolute; top: calc(100% - 3px); left: 50%; transform: translateX(-50%); }
   .b-flow-pop > li.is-focus .icon::before { border-top-color: var(--color-accent); }
-  .b-flow-pop > li .via { position: absolute; top: 24px; right: calc(100% + var(--flow-gap) / 2 + 4px); transform: translateX(50%); }
+  /* 段の間のラベルは、番号どうしを結ぶ点線の上に置く(番号の間は箱の間より広く、長いラベルも収まる)。
+     ラベルが 1 つでもあれば、ラベルの無い段の間にも点線を引いてそろえる */
+  .b-flow-pop:has(> li > .via) > li:not(:first-child)::before { content: ""; position: absolute; top: 35px; right: calc(50% + 44px); width: calc(100% + var(--flow-gap) - 88px); border-top: 2px dashed color-mix(in srgb, var(--color-primary) 45%, transparent); }
+  .b-flow-pop > li .via { position: absolute; top: 36px; right: calc(100% + var(--flow-gap) / 2); transform: translate(50%, -50%); background: var(--color-surface); padding: 0 10px; }
   .b-flow-pop > li dl { padding: 32px 10px; word-break: auto-phrase; text-wrap: balance; border: 4px solid var(--color-primary); position: relative; text-align: center; height: calc(100% - 100px); }
   .b-flow-pop > li.is-focus dl { border-color: var(--color-accent); }
   /* 箱の間の ›。隙間(--flow-gap)の中央に置き、枠線に重ねない */
   .b-flow-pop > li:not(:last-child) dl::before { content: ""; width: 36px; height: 36px; display: block; border-top: 8px solid var(--color-primary); border-right: 8px solid var(--color-primary); position: absolute; top: 50%; left: calc(100% + var(--flow-gap) / 2 - 8px); transform: translate(-50%, -50%) rotate(45deg); }
-  .b-flow-pop > li dl dt { margin-bottom: 10px; word-break: keep-all; }
+  .b-flow-pop > li dl dt { margin-bottom: 10px; word-break: keep-all; display: flex; flex-direction: column; align-items: center; }
+  /* 段階のピルは見出しの上に置き、見出しの折り返しに関係なく箱の上端にそろえる */
+  .b-flow-pop > li dt .phase { order: -1; margin: 0 0 12px; }
   .b-flow-pop > li dl dt .phase { display: block; margin: 8px auto 0; padding: .15em .6em; font-size: 18px; width: fit-content; max-width: 100%; box-sizing: border-box; white-space: nowrap; }
 
   /* 枠線を使ったデザイン: 角丸の枠を縦に積み、点線と ▽ でつなぐ */
@@ -154,4 +159,13 @@ export const BASIC_CSS = `
   .b-flow-grid > li .via { display: none; }
   .b-flow-grid > li dl dt { margin-bottom: 6px; }
 }
+
+/* ページ番号と出典。core の既定(レイヤー外)を上書きするので、ここもレイヤーの外に書く。
+   ページ番号は表紙には出さない。地の濃い章扉では、どちらも白を薄くして載せる */
+.yd-page-number { font-family: var(--font-sans); font-size: 18px; color: var(--color-faint); }
+.yd-sources { font-family: var(--font-sans); color: var(--color-faint); padding-left: 3.2em; }
+.yd-sources::before { content: "出典"; position: absolute; left: 0; top: 0; }
+.yd-slide:has(> .b-section) > .yd-sources { color: color-mix(in srgb, var(--color-surface) 55%, transparent); }
+.yd-slide:has(> .b-header) > .yd-page-number { display: none; }
+.yd-slide:has(> .b-section) > .yd-page-number { color: color-mix(in srgb, var(--color-surface) 55%, transparent); }
 `;