@riebeckite/theme-fieldnotes 0.0.0-stage → 0.0.35

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright Rerurate_514
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,71 @@
-# Temporary Holding Version
+# @riebeckite/theme-fieldnotes
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+<!-- Generated from docs/docs/themes/fieldnotes.md. Edit the canonical documentation in docs/docs/themes and run `pnpm docs:sync`. -->
+
+[日本語](./README_ja.md)
+
+## Overview
+
+`@riebeckite/theme-fieldnotes` provides the official **Fieldnotes** theme. Its theme identity is `fieldnotes`. A notebook-inspired reading surface with paper and annotation details.
+
+## Installation
+
+```sh
+npm install @riebeckite/theme-fieldnotes
+```
+
+## Usage
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { fieldnotesTheme } from "@riebeckite/theme-fieldnotes";
+
+export default defineConfig({
+  theme: fieldnotesTheme({
+    colorMode: "system",
+    preset: "journal",
+    settings: { typography: "system" },
+  }),
+});
+```
+
+## Common options
+
+| Property | Values | Description |
+| --- | --- | --- |
+| `colorMode` | `"light"`, `"dark"`, `"system"` | Chooses the color mode. `"system"` follows the browser preference. |
+| `layout` | `"article"`, `"sidebar"`, `"full-width"` | Chooses the page layout. |
+| `preset` | `journal`, `laboratory`, `archive` | Applies a named set of theme settings before explicit `settings`. |
+| `settings` | object | Overrides the settings listed below. Unknown keys and invalid values are rejected. |
+| `stylesheets` | string array | Loads site-owned stylesheets after the theme CSS. |
+
+Resolution order is schema defaults, then the selected preset, then explicit `settings`.
+
+## Theme settings
+
+| Property | Type | Default and allowed values | Effect |
+| --- | --- | --- | --- |
+| `typography` | select | `"system"` — `system`, `serif`, `sans`, `mono` | Selects the article typeface. |
+| `fontSize` | slider | `1.05` — 0.95–1.25, step 0.05 | Article text size in rem. |
+| `lineHeight` | slider | `1.8` — 1.5–2.1, step 0.05 | Article line height. |
+| `paperStyle` | select | `"ruled"` — `plain`, `grid`, `ruled`, `dotted` | Selects the paper background pattern. |
+| `inkColor` | color | `"#304a62"` | Primary writing and annotation color. |
+| `marginRule` | boolean | `true` | Shows the notebook margin rule. |
+| `indexMarks` | boolean | `true` | Shows notebook index marks. |
+| `texture` | boolean | `true` | Shows the paper texture. |
+
+## Presets
+
+| Preset | Label | Applied settings |
+| --- | --- | --- |
+| `journal` | Journal | `{ paperStyle: "ruled", marginRule: true }` |
+| `laboratory` | Laboratory | `{ paperStyle: "grid", indexMarks: true }` |
+| `archive` | Archive | `{ paperStyle: "plain", texture: false, marginRule: false }` |
+
+## CSS and attributes
+
+The root receives `data-rb-theme="fieldnotes"`, `data-rb-mode` for an explicit light or dark mode, and `data-rb-layout`. Every setting is reflected as `data-rb-setting-<name>`; color, number, and slider settings are also available as safe `--rb-setting-<name>` custom properties.
+
+## See also
+
+[Theme API](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.md) and [Writing a theme](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/themes/writing-a-theme.md).

package/README_ja.md

@@ -0,0 +1,71 @@
+# @riebeckite/theme-fieldnotes
+
+<!-- Generated from docs/docs/themes/fieldnotes.ja.md. Edit the canonical documentation in docs/docs/themes and run `pnpm docs:sync`. -->
+
+[English](./README.md)
+
+## 概要
+
+`@riebeckite/theme-fieldnotes` は公式テーマ **Fieldnotes** を提供します。テーマ ID は `fieldnotes` です。紙面や注釈の表現を備えた、ノートブック風のテーマです。
+
+## インストール
+
+```sh
+npm install @riebeckite/theme-fieldnotes
+```
+
+## 使い方
+
+```ts
+import { defineConfig } from "@riebeckite/core";
+import { fieldnotesTheme } from "@riebeckite/theme-fieldnotes";
+
+export default defineConfig({
+  theme: fieldnotesTheme({
+    colorMode: "system",
+    preset: "journal",
+    settings: { typography: "system" },
+  }),
+});
+```
+
+## 共通オプション
+
+| プロパティ | 値 | 説明 |
+| --- | --- | --- |
+| `colorMode` | `"light"`、`"dark"`、`"system"` | カラーモードを選びます。`"system"` はブラウザの設定に従います。 |
+| `layout` | `"article"`、`"sidebar"`、`"full-width"` | ページレイアウトを選びます。 |
+| `preset` | `journal`、`laboratory`、`archive` | 明示した `settings` より先に、名前付きのテーマ設定セットを適用します。 |
+| `settings` | object | 下記の設定を上書きします。不明なキーや不正な値は拒否されます。 |
+| `stylesheets` | string array | テーマ CSS の後にサイト固有のスタイルシートを読み込みます。 |
+
+設定スキーマの既定値、選択したプリセット、明示した `settings` の順に適用されます。
+
+## テーマ設定
+
+| プロパティ | 型 | 既定値と選択値 | 効果 |
+| --- | --- | --- | --- |
+| `typography` | select | 既定値 `"system"` — `system`、`serif`、`sans`、`mono` | 本文の書体を選びます。 |
+| `fontSize` | slider | 既定値 `1.05` — 0.95–1.25、刻み 0.05 | 本文の文字サイズを rem で設定します。 |
+| `lineHeight` | slider | 既定値 `1.8` — 1.5–2.1、刻み 0.05 | 本文の行間を設定します。 |
+| `paperStyle` | select | 既定値 `"ruled"` — `plain`、`grid`、`ruled`、`dotted` | 紙面の背景パターンを選びます。 |
+| `inkColor` | color | 既定値 `"#304a62"` | 本文や注釈の主な色を設定します。 |
+| `marginRule` | boolean | 既定値 `true` | ノートのマージン罫線を表示します。 |
+| `indexMarks` | boolean | 既定値 `true` | ノートのインデックスマークを表示します。 |
+| `texture` | boolean | 既定値 `true` | 紙の質感を表示します。 |
+
+## プリセット
+
+| プリセット | ラベル | 適用する設定 |
+| --- | --- | --- |
+| `journal` | Journal | `{ paperStyle: "ruled", marginRule: true }` |
+| `laboratory` | Laboratory | `{ paperStyle: "grid", indexMarks: true }` |
+| `archive` | Archive | `{ paperStyle: "plain", texture: false, marginRule: false }` |
+
+## CSS と属性
+
+ルートには `data-rb-theme="fieldnotes"`、明示的にライトまたはダークを選んだ場合は `data-rb-mode`、そして `data-rb-layout` が設定されます。すべての設定は `data-rb-setting-<name>` 属性に反映されます。color、number、slider 型の設定は安全な `--rb-setting-<name>` カスタムプロパティとしても利用できます。
+
+## 関連情報
+
+[Theme API](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/reference/theme-api.md) と [テーマを書く](https://github.com/Rerurate514/riebeckite/blob/main/docs/docs/themes/writing-a-theme.ja.md) を参照してください。

package/dist/src/index.d.ts

@@ -0,0 +1,79 @@
+export declare const fieldnotesTheme: import("@riebeckite/core").ThemeDefinition<{
+    readonly typography: {
+        readonly type: "select";
+        readonly label: "Typography";
+        readonly default: "system";
+        readonly options: readonly [{
+            readonly value: "system";
+            readonly label: "System";
+        }, {
+            readonly value: "serif";
+            readonly label: "Serif";
+        }, {
+            readonly value: "sans";
+            readonly label: "Sans";
+        }, {
+            readonly value: "mono";
+            readonly label: "Mono";
+        }];
+    };
+    readonly fontSize: {
+        readonly type: "slider";
+        readonly label: "Font size";
+        readonly description: "Article text size in rem.";
+        readonly default: 1.05;
+        readonly min: 0.95;
+        readonly max: 1.25;
+        readonly step: 0.05;
+    };
+    readonly lineHeight: {
+        readonly type: "slider";
+        readonly label: "Line height";
+        readonly description: "Article line height.";
+        readonly default: 1.8;
+        readonly min: 1.5;
+        readonly max: 2.1;
+        readonly step: 0.05;
+    };
+    readonly paperStyle: {
+        readonly type: "select";
+        readonly label: "Paper style";
+        readonly default: "ruled";
+        readonly options: readonly [{
+            readonly value: "plain";
+            readonly label: "Plain";
+        }, {
+            readonly value: "grid";
+            readonly label: "Grid";
+        }, {
+            readonly value: "ruled";
+            readonly label: "Ruled";
+        }, {
+            readonly value: "dotted";
+            readonly label: "Dotted";
+        }];
+    };
+    readonly inkColor: {
+        readonly type: "color";
+        readonly label: "Ink color";
+        readonly description: "Primary writing and annotation color.";
+        readonly default: "#304a62";
+        readonly light: "#304a62";
+        readonly dark: "#b8d8ed";
+    };
+    readonly marginRule: {
+        readonly type: "boolean";
+        readonly label: "Margin rule";
+        readonly default: true;
+    };
+    readonly indexMarks: {
+        readonly type: "boolean";
+        readonly label: "Index marks";
+        readonly default: true;
+    };
+    readonly texture: {
+        readonly type: "boolean";
+        readonly label: "Paper texture";
+        readonly default: true;
+    };
+}>;

package/dist/src/index.js

@@ -0,0 +1,76 @@
+// src/index.ts
+import { defineTheme, defineThemeSettings } from "@riebeckite/core";
+var fieldnotesTheme = defineTheme({
+  name: "fieldnotes",
+  styles: [{ moduleSpecifier: "@riebeckite/theme-fieldnotes/style.css" }],
+  settings: defineThemeSettings({
+    typography: {
+      type: "select",
+      label: "Typography",
+      default: "system",
+      options: [
+        { value: "system", label: "System" },
+        { value: "serif", label: "Serif" },
+        { value: "sans", label: "Sans" },
+        { value: "mono", label: "Mono" }
+      ]
+    },
+    fontSize: {
+      type: "slider",
+      label: "Font size",
+      description: "Article text size in rem.",
+      default: 1.05,
+      min: 0.95,
+      max: 1.25,
+      step: 0.05
+    },
+    lineHeight: {
+      type: "slider",
+      label: "Line height",
+      description: "Article line height.",
+      default: 1.8,
+      min: 1.5,
+      max: 2.1,
+      step: 0.05
+    },
+    paperStyle: {
+      type: "select",
+      label: "Paper style",
+      default: "ruled",
+      options: [
+        { value: "plain", label: "Plain" },
+        { value: "grid", label: "Grid" },
+        { value: "ruled", label: "Ruled" },
+        { value: "dotted", label: "Dotted" }
+      ]
+    },
+    inkColor: {
+      type: "color",
+      label: "Ink color",
+      description: "Primary writing and annotation color.",
+      default: "#304a62",
+      light: "#304a62",
+      dark: "#b8d8ed"
+    },
+    marginRule: { type: "boolean", label: "Margin rule", default: true },
+    indexMarks: { type: "boolean", label: "Index marks", default: true },
+    texture: { type: "boolean", label: "Paper texture", default: true }
+  }),
+  presets: {
+    journal: {
+      label: "Journal",
+      settings: { paperStyle: "ruled", marginRule: true }
+    },
+    laboratory: {
+      label: "Laboratory",
+      settings: { paperStyle: "grid", indexMarks: true }
+    },
+    archive: {
+      label: "Archive",
+      settings: { paperStyle: "plain", texture: false, marginRule: false }
+    }
+  }
+});
+export {
+  fieldnotesTheme
+};

package/package.json

@@ -1,6 +1,57 @@
 {
   "name": "@riebeckite/theme-fieldnotes",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.35",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./dist/src/index.js",
+  "types": "./dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/src/index.js",
+      "source": "./src/index.ts",
+      "default": "./dist/src/index.js"
+    },
+    "./style.css": "./styles/theme.css",
+    "./styles/theme.css": "./styles/theme.css"
+  },
+  "dependencies": {
+    "@riebeckite/core": "0.0.35"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "README_ja.md",
+    "dist",
+    "styles"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rerurate514/riebeckite.git",
+    "directory": "packages/themes/fieldnotes"
+  },
+  "homepage": "https://github.com/Rerurate514/riebeckite#readme",
+  "bugs": {
+    "url": "https://github.com/Rerurate514/riebeckite/issues"
+  },
+  "description": "A research notebook CSS theme for Riebeckite sites.",
+  "keywords": [
+    "riebeckite",
+    "theme",
+    "css",
+    "notebook",
+    "research"
+  ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "sideEffects": [
+    "./styles/*.css"
+  ],
+  "scripts": {
+    "build": "node ../../../scripts/build_package.mjs"
+  }
 }

package/styles/theme.css

@@ -0,0 +1,340 @@
+@theme {
+  --font-sans: var(--rb-font-body);
+  --font-serif: var(--rb-font-heading);
+  --font-mono: var(--rb-font-mono);
+  --color-rb-paper: var(--rb-color-paper);
+  --color-rb-ink: var(--rb-color-ink);
+  --color-rb-muted: var(--rb-color-muted);
+  --color-rb-accent: var(--rb-color-accent);
+  --color-rb-surface: var(--rb-color-surface);
+}
+@layer base {
+  :is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] {
+    color-scheme: light;
+    --rb-color-paper: #f7f1df;
+    --rb-color-surface: #fdf9ec;
+    --rb-color-surface-hover: #eee5cf;
+    --rb-color-ink: var(--rb-setting-ink-color, #304a62);
+    --rb-color-muted: #6d716b;
+    --rb-color-accent: #a44832;
+    --rb-color-link: #315b79;
+    --rb-color-focus: #a44832;
+    --rb-color-selected: #f2d88c;
+    --rb-color-border: #d5c9ad;
+    --rb-color-border-strong: #a99c7f;
+    --rb-color-danger: #a33f32;
+    --rb-color-success: #427052;
+    --rb-color-code-background: #2a3c4b;
+    --rb-color-code-ink: #f7f1df;
+    --rb-color-code-inline: #e9e1ca;
+    --rb-color-overlay: rgb(25 32 35 / 0.64);
+    --rb-font-body: Georgia, "Hiragino Mincho ProN", "Yu Mincho", serif;
+    --rb-font-heading:
+      ui-monospace, "SFMono-Regular", Consolas, "Noto Sans Mono CJK JP",
+      monospace;
+    --rb-font-mono:
+      "SFMono-Regular", Consolas, "Noto Sans Mono CJK JP", monospace;
+    --rb-layout-page-max: 84rem;
+    --rb-layout-article-max: 46rem;
+    --rb-layout-sidebar: 15rem;
+    --rb-layout-gap: 2.5rem;
+    --rb-radius-sm: 0;
+    --rb-radius-md: 0;
+  }
+  :is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"][data-rb-mode="dark"] {
+    color-scheme: dark;
+    --rb-color-paper: #1e2527;
+    --rb-color-surface: #283235;
+    --rb-color-surface-hover: #354346;
+    --rb-color-ink: var(--rb-setting-ink-color, #b8d8ed);
+    --rb-color-muted: #b1b8ad;
+    --rb-color-accent: #e3997e;
+    --rb-color-link: #a9d5ee;
+    --rb-color-focus: #ffc0a8;
+    --rb-color-selected: #605329;
+    --rb-color-border: #536264;
+    --rb-color-border-strong: #829092;
+    --rb-color-danger: #ff9e8d;
+    --rb-color-success: #91cb9d;
+    --rb-color-code-background: #11191b;
+    --rb-color-code-ink: #e8f1ef;
+    --rb-color-code-inline: #354346;
+    --rb-color-overlay: rgb(0 0 0 / 0.75);
+  }
+  @media (prefers-color-scheme: dark) {
+    :is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]:not([data-rb-mode]) {
+      color-scheme: dark;
+      --rb-color-paper: #1e2527;
+      --rb-color-surface: #283235;
+      --rb-color-surface-hover: #354346;
+      --rb-color-ink: var(--rb-setting-ink-color, #b8d8ed);
+      --rb-color-muted: #b1b8ad;
+      --rb-color-accent: #e3997e;
+      --rb-color-link: #a9d5ee;
+      --rb-color-focus: #ffc0a8;
+      --rb-color-selected: #605329;
+      --rb-color-border: #536264;
+      --rb-color-border-strong: #829092;
+      --rb-color-danger: #ff9e8d;
+      --rb-color-success: #91cb9d;
+      --rb-color-code-background: #11191b;
+      --rb-color-code-ink: #e8f1ef;
+      --rb-color-code-inline: #354346;
+      --rb-color-overlay: rgb(0 0 0 / 0.75);
+    }
+  }
+  :is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] {
+    background: var(--rb-color-paper);
+    color: var(--rb-color-ink);
+    font-family: var(--rb-font-body);
+    accent-color: var(--rb-color-accent);
+    caret-color: var(--rb-color-accent);
+  }
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] {
+  --rb-fieldnotes-texture: radial-gradient(
+    circle at 1px 1px,
+    color-mix(in srgb, var(--rb-color-ink) 9%, transparent) 0.45px,
+    transparent 0.6px
+  );
+  background-image:
+    var(--rb-fieldnotes-texture),
+    linear-gradient(
+      to bottom,
+      transparent 1.75rem,
+      color-mix(in srgb, var(--rb-color-border) 52%, transparent) 1.8rem
+    );
+  background-size:
+    5px 5px,
+    100% 1.8rem;
+}
+:is(
+  :root,
+  .rb-theme-root
+)[data-rb-theme="fieldnotes"][data-rb-setting-paper-style="plain"] {
+  background-image: var(--rb-fieldnotes-texture);
+  background-size: 5px 5px;
+}
+:is(
+  :root,
+  .rb-theme-root
+)[data-rb-theme="fieldnotes"][data-rb-setting-paper-style="grid"] {
+  background-image:
+    var(--rb-fieldnotes-texture),
+    linear-gradient(var(--rb-color-border) 1px, transparent 1px),
+    linear-gradient(90deg, var(--rb-color-border) 1px, transparent 1px);
+  background-size:
+    5px 5px,
+    1.5rem 1.5rem,
+    1.5rem 1.5rem;
+}
+:is(
+  :root,
+  .rb-theme-root
+)[data-rb-theme="fieldnotes"][data-rb-setting-paper-style="dotted"] {
+  background-image:
+    var(--rb-fieldnotes-texture),
+    radial-gradient(
+      circle,
+      color-mix(in srgb, var(--rb-color-border) 75%, transparent) 1px,
+      transparent 1.1px
+    );
+  background-size:
+    5px 5px,
+    1rem 1rem;
+}
+:is(
+  :root,
+  .rb-theme-root
+)[data-rb-theme="fieldnotes"][data-rb-setting-texture="false"] {
+  --rb-fieldnotes-texture: none;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] ::selection {
+  background: var(--rb-color-selected);
+  color: var(--rb-color-ink);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] :focus-visible {
+  outline: 2px solid var(--rb-color-focus);
+  outline-offset: 3px;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article {
+  position: relative;
+  font-size: calc(var(--rb-setting-font-size, 1.05) * 1rem);
+  line-height: var(--rb-setting-line-height, 1.8);
+}
+
+:is(
+    :root,
+    .rb-theme-root
+  )[data-rb-theme="fieldnotes"][data-rb-setting-typography="mono"]
+  .rb-article {
+  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
+}
+
+:is(
+    :root,
+    .rb-theme-root
+  )[data-rb-theme="fieldnotes"][data-rb-setting-typography="system"]
+  .rb-article,
+:is(
+    :root,
+    .rb-theme-root
+  )[data-rb-theme="fieldnotes"][data-rb-setting-typography="sans"]
+  .rb-article {
+  font-family: ui-sans-serif, system-ui, sans-serif;
+}
+:is(
+    :root,
+    .rb-theme-root
+  )[data-rb-theme="fieldnotes"][data-rb-setting-margin-rule="true"]
+  .rb-article {
+  border-left: 1px solid var(--rb-color-accent);
+  padding-left: clamp(1rem, 4vw, 3rem);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article-header {
+  margin-bottom: 2.6rem;
+  padding-bottom: 1rem;
+  border-bottom: 2px double var(--rb-color-border-strong);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article-header h1 {
+  font-family: var(--rb-font-heading);
+  font-size: clamp(1.8rem, 1.35rem + 2vw, 3rem);
+  font-weight: 600;
+  line-height: 1.18;
+  letter-spacing: -0.035em;
+  text-wrap: balance;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article-meta {
+  color: var(--rb-color-muted);
+  font-family: var(--rb-font-mono);
+  font-size: 0.75rem;
+  letter-spacing: 0.04em;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article-content h2 {
+  display: flex;
+  align-items: baseline;
+  gap: 0.65rem;
+  margin-top: 3.4rem;
+  font-family: var(--rb-font-heading);
+  font-size: 1.35rem;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  h2::before {
+  color: var(--rb-color-accent);
+  content: "//";
+  font-size: 0.8em;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article-content h3 {
+  margin-top: 2.3rem;
+  color: var(--rb-color-muted);
+  font-family: var(--rb-font-heading);
+  font-size: 0.9rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article-content a {
+  color: var(--rb-color-link);
+  text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.2em;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  blockquote {
+  margin: 2rem 0;
+  padding: 0.4rem 1.15rem;
+  border-left: 2px solid var(--rb-color-accent);
+  color: var(--rb-color-muted);
+  font-style: italic;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  :is(pre, code) {
+  font-family: var(--rb-font-mono);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  :not(pre)
+  > code {
+  padding: 0.1em 0.28em;
+  background: var(--rb-color-code-inline);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  pre:not(:where(.rr-code *)) {
+  overflow-x: auto;
+  padding: 1rem 1.2rem;
+  border: 1px solid var(--rb-color-border-strong);
+  background: var(--rb-color-code-background);
+  color: var(--rb-color-code-ink);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  table {
+  display: table;
+  width: max-content;
+  min-width: 100%;
+  border-collapse: collapse;
+  font-size: 0.93em;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  :is(th, td) {
+  padding: 0.55rem 0.7rem;
+  border-bottom: 1px solid var(--rb-color-border-strong);
+  text-align: left;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rb-article-content th {
+  font-family: var(--rb-font-mono);
+  font-size: 0.8em;
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  :is(
+    .rr-table-of-contents,
+    .rr-backlinks,
+    .rr-callout,
+    .rr-search,
+    .rr-code,
+    .rr-code-tabs,
+    .rr-query
+  ) {
+  border: 1px solid var(--rb-color-border-strong);
+  border-radius: 0;
+  background: color-mix(in srgb, var(--rb-color-surface) 90%, transparent);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] .rr-callout {
+  padding: 1.5rem 2rem;
+  border-left: 3px solid var(--rb-color-accent);
+}
+:is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"]
+  .rb-article-content
+  > :is(.rr-callout, .rb-table-scroll, pre, .rr-code)
+  + :is(.rr-callout, .rb-table-scroll, pre, .rr-code) {
+  margin-block-start: 2.5rem;
+}
+:is(
+    :root,
+    .rb-theme-root
+  )[data-rb-theme="fieldnotes"][data-rb-setting-index-marks="false"]
+  .rb-article-content
+  h2::before {
+  display: none;
+}
+@media (max-width: 48rem) {
+  :is(
+      :root,
+      .rb-theme-root
+    )[data-rb-theme="fieldnotes"][data-rb-setting-margin-rule="true"]
+    .rb-article {
+    padding-left: 1rem;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  :is(:root, .rb-theme-root)[data-rb-theme="fieldnotes"] * {
+    scroll-behavior: auto;
+    transition-duration: 0s;
+  }
+}