Development-Home.md
... ...
@@ -18,7 +18,7 @@ Use this page as the index for active development work. Keep it concise and link
18 18
19 19
## Project indexes
20 20
21
-- [[Starvation Beach]]
22
-- [[Common Hallway]]
21
+- [Starvation Beach](/Starvation-Beach)
22
+- [Common Hallway](/Common-Hallway)
23 23
24 24
Before adding content, confirm that it is approved for public reading. Use the private production system for restricted material.
Home.md
... ...
@@ -1,24 +1,24 @@
1 1
# FaithOriginals.Media Production Wiki
2 2
3
-Welcome to the shared development space for FaithOriginals.Media productions.
3
+Shape the work. Preserve the thinking. Keep the team moving in the same direction.
4 4
5
-This wiki gives the team one public, easy-to-browse place for approved development materials, creative direction, production practices, and project knowledge. It is designed to grow with the work from early development through production.
5
+This is the shared development workspace for approved FaithOriginals.Media production knowledge—from early story thinking through the practices that guide production.
6 6
7 7
## Start here
8 8
9
-- [[Development Home]] — find the current development areas and working documents.
10
-- [[How to Contribute]] — learn how to create, edit, and organize pages.
11
-- [[Production Principles]] — keep the team aligned on story, faith, craft, and collaboration.
9
+- [Development Home](/Development-Home) — Find active development areas and working documents.
10
+- [How to Contribute](/How-to-Contribute) — Create, improve, and organize pages with the team.
11
+- [Production Principles](/Production-Principles) — Stay aligned on story, faith, craft, and collaboration.
12 12
13 13
## Current productions
14 14
15
-- [[Starvation Beach]]
16
-- [[Common Hallway]]
15
+- [Starvation Beach](/Starvation-Beach) — Public development index.
16
+- [Common Hallway](/Common-Hallway) — Public development index.
17 17
18
-Project pages begin as simple indexes. Add only material approved for public reading. Schedules, contact details, private notes, legal or financial records, credentials, and unapproved drafts do not belong in this public wiki.
18
+Project pages begin as focused indexes and grow with approved material. Schedules, contact details, private notes, legal or financial records, credentials, and unapproved drafts do not belong in this public wiki.
19 19
20 20
## Reading and editing
21 21
22
-Anyone may read and browse this wiki. Once editing is enabled, team members can select **Edit** or **New Page** and enter the shared editing credentials when prompted.
22
+Anyone may read, browse, search, and review page history. When team editing is enabled, select **Edit** or **New** and enter the shared credentials when prompted.
23 23
24
-Every saved change becomes a Git revision, so the team can review page history and restore earlier versions when necessary.
24
+Every saved change becomes a Git revision, preserving the development trail and making earlier versions recoverable.
_Footer.md
... ...
@@ -1 +1 @@
1
-FaithOriginals.Media · Public to read · Team credentials required to edit
1
+FaithOriginals.Media · Production development · Public reading
_Sidebar.md
... ...
@@ -1,13 +1,13 @@
1
-### FaithOriginals.Media
1
+### Workspace
2 2
3
-- [[Home]]
4
-- [[Development Home]]
5
-- [[How to Contribute]]
6
-- [[Production Principles]]
3
+- [Home](/)
4
+- [Development Home](/Development-Home)
5
+- [How to Contribute](/How-to-Contribute)
6
+- [Production Principles](/Production-Principles)
7 7
8 8
### Productions
9 9
10
-- [[Starvation Beach]]
11
-- [[Common Hallway]]
10
+- [Starvation Beach](/Starvation-Beach)
11
+- [Common Hallway](/Common-Hallway)
12 12
13
-[Main website](https://faithoriginals.media)
13
+[Visit FaithOriginals.Media](https://faithoriginals.media)
custom.css
... ...
@@ -1,80 +1,318 @@
1 1
:root {
2
- --fo-charcoal: #080b10;
3
- --fo-maroon: #18070d;
4
- --fo-oxblood: #3b0b18;
5
- --fo-crimson: #b51f35;
6
- --fo-navy: #071522;
7
- --fo-cobalt: #173a63;
8
- --fo-white: #f3f5f7;
9
- --fo-steel: #b7c0cc;
2
+ --fo-charcoal-950: #080b10;
3
+ --fo-charcoal-900: #0a0e14;
4
+ --fo-maroon-950: #18070d;
5
+ --fo-oxblood-900: #3b0b18;
6
+ --fo-crimson-600: #b51f35;
7
+ --fo-crimson-500: #d12a43;
8
+ --fo-navy-950: #071522;
9
+ --fo-cobalt-800: #173a63;
10
+ --fo-off-white: #f3f5f7;
11
+ --fo-steel-300: #b7c0cc;
12
+ --fo-steel-500: #8b96a6;
10 13
--fo-focus: #8bbbe8;
14
+ --fo-rule: rgba(183, 192, 204, 0.18);
15
+ --fo-panel: rgba(10, 21, 32, 0.76);
16
+ --fo-shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
17
+ --fo-motion-fast: 160ms;
18
+ --fo-motion-standard: 240ms;
19
+ --fo-ease: cubic-bezier(0.2, 0.75, 0.25, 1);
20
+}
21
+
22
+*,
23
+*::before,
24
+*::after {
25
+ box-sizing: border-box;
26
+}
27
+
28
+html {
29
+ background: var(--fo-charcoal-950);
30
+ color-scheme: dark;
11 31
}
12 32
13
-html,
14 33
body {
15
- background: var(--fo-charcoal);
16
- color: var(--fo-white);
34
+ min-width: 0;
35
+ min-height: 100vh;
36
+ margin: 0;
37
+ overflow-x: hidden;
38
+ background:
39
+ radial-gradient(circle at 82% 4%, rgba(139, 187, 232, 0.11), transparent 25rem),
40
+ linear-gradient(112deg, transparent 0 62%, rgba(181, 31, 53, 0.07) 62.1%, transparent 76%),
41
+ linear-gradient(180deg, var(--fo-navy-950) 0, var(--fo-charcoal-950) 38rem);
42
+ color: var(--fo-off-white);
17 43
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
18 44
}
19 45
20
-body {
21
- background-image:
22
- linear-gradient(120deg, rgba(23, 58, 99, 0.18), transparent 42%),
23
- linear-gradient(180deg, var(--fo-navy), var(--fo-charcoal) 22rem);
46
+body::before {
47
+ position: fixed;
48
+ z-index: -1;
49
+ inset: 0;
50
+ background-image: linear-gradient(rgba(183, 192, 204, 0.025) 1px, transparent 1px);
51
+ background-size: 100% 4rem;
52
+ content: "";
53
+ pointer-events: none;
24 54
}
25 55
26 56
a {
27
- color: #9dc7ef;
57
+ color: #a9cff2;
58
+ text-decoration-color: rgba(169, 207, 242, 0.55);
28 59
text-decoration-thickness: 0.08em;
29
- text-underline-offset: 0.18em;
60
+ text-underline-offset: 0.2em;
61
+ transition: color var(--fo-motion-fast) ease, text-decoration-color var(--fo-motion-fast) ease;
30 62
}
31 63
32 64
a:hover {
33
- color: var(--fo-white);
65
+ color: var(--fo-off-white);
66
+ text-decoration-color: var(--fo-crimson-500);
34 67
}
35 68
36 69
a:focus-visible,
37 70
button:focus-visible,
38 71
input:focus-visible,
39 72
textarea:focus-visible,
40
-select:focus-visible {
41
- outline: 2px solid var(--fo-focus);
42
- outline-offset: 2px;
73
+select:focus-visible,
74
+summary:focus-visible {
75
+ outline: 2px solid var(--fo-focus) !important;
76
+ outline-offset: 3px;
77
+}
78
+
79
+.container-lg {
80
+ width: min(100%, 1280px);
81
+ max-width: 1280px;
82
+ margin-inline: auto;
83
+ padding-inline: clamp(1.25rem, 4vw, 3rem);
84
+}
85
+
86
+#wiki-wrapper {
87
+ min-width: 0;
88
+ padding-bottom: 2rem;
89
+}
90
+
91
+#head {
92
+ position: sticky;
93
+ z-index: 20;
94
+ top: 0;
95
+ margin-inline: calc(clamp(1.25rem, 4vw, 3rem) * -1);
96
+ border-bottom: 1px solid var(--fo-rule);
97
+ background: rgba(7, 21, 34, 0.9);
98
+ box-shadow: 0 10px 36px rgba(0, 0, 0, 0.12);
99
+ backdrop-filter: blur(18px);
100
+}
101
+
102
+#head nav {
103
+ width: min(100%, 1280px);
104
+ min-height: 4.5rem;
105
+ margin-inline: auto;
106
+ padding: 0.75rem clamp(1.25rem, 4vw, 3rem) !important;
107
+ border: 0 !important;
108
+ overflow: visible;
109
+}
110
+
111
+#head .TableObject-item--primary {
112
+ padding-inline: 1rem !important;
113
+}
114
+
115
+.btn,
116
+button,
117
+input[type="submit"] {
118
+ min-height: 44px;
119
+ border: 1px solid rgba(183, 192, 204, 0.35);
120
+ border-radius: 4px;
121
+ background: rgba(243, 245, 247, 0.045);
122
+ box-shadow: none;
123
+ color: var(--fo-off-white);
124
+ font: 650 0.8125rem/1 ui-sans-serif, system-ui, sans-serif;
125
+ transition: border-color var(--fo-motion-fast) ease, background var(--fo-motion-fast) ease, transform var(--fo-motion-fast) ease;
126
+}
127
+
128
+.btn:hover,
129
+button:hover,
130
+input[type="submit"]:hover {
131
+ border-color: rgba(243, 245, 247, 0.7);
132
+ background: rgba(243, 245, 247, 0.1);
133
+ color: var(--fo-off-white);
134
+}
135
+
136
+.btn:active,
137
+button:active,
138
+input[type="submit"]:active {
139
+ transform: translateY(1px);
140
+}
141
+
142
+.btn-primary,
143
+input[type="submit"].primary,
144
+.minibutton-new-page {
145
+ border-color: var(--fo-crimson-600);
146
+ background: var(--fo-crimson-600);
147
+ color: var(--fo-off-white);
148
+}
149
+
150
+.btn-primary:hover,
151
+input[type="submit"].primary:hover,
152
+.minibutton-new-page:hover {
153
+ border-color: var(--fo-crimson-500);
154
+ background: var(--fo-crimson-500);
155
+}
156
+
157
+#minibutton-home {
158
+ position: relative;
159
+ width: 3rem;
160
+ overflow: hidden;
161
+ border-color: rgba(181, 31, 53, 0.75);
162
+ color: transparent;
163
+}
164
+
165
+#minibutton-home::after {
166
+ position: absolute;
167
+ inset: 0;
168
+ display: grid;
169
+ place-items: center;
170
+ color: var(--fo-off-white);
171
+ content: "FO";
172
+ font: 750 0.78rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
173
+ letter-spacing: 0.08em;
174
+}
175
+
176
+input,
177
+textarea,
178
+select,
179
+.form-control {
180
+ border: 1px solid rgba(183, 192, 204, 0.34);
181
+ border-radius: 4px;
182
+ background: rgba(8, 11, 16, 0.72);
183
+ box-shadow: none;
184
+ color: var(--fo-off-white);
185
+}
186
+
187
+input::placeholder,
188
+textarea::placeholder {
189
+ color: var(--fo-steel-500);
43 190
}
44 191
45
-.container-lg,
46
-.container-md,
47
-.container-sm,
48
-.markdown-body,
49
-.wiki-wrapper {
50
- color: var(--fo-white);
192
+#search-query {
193
+ height: 44px;
194
+ padding-inline: 0.9rem;
195
+}
196
+
197
+#wiki-content {
198
+ position: relative;
199
+ padding-inline: 0 !important;
200
+}
201
+
202
+#wiki-content::before,
203
+#wiki-content::after {
204
+ position: absolute;
205
+ top: 3.5rem;
206
+ width: 3.25rem;
207
+ height: 3.25rem;
208
+ content: "";
209
+ pointer-events: none;
210
+}
211
+
212
+#wiki-content::before {
213
+ left: 0;
214
+ border-top: 1px solid rgba(181, 31, 53, 0.8);
215
+ border-left: 1px solid rgba(181, 31, 53, 0.8);
216
+}
217
+
218
+#wiki-content::after {
219
+ right: 0;
220
+ border-top: 1px solid rgba(139, 187, 232, 0.45);
221
+ border-right: 1px solid rgba(139, 187, 232, 0.45);
222
+}
223
+
224
+.header-title {
225
+ max-width: 12ch;
226
+ margin: 0;
227
+ padding: clamp(5.5rem, 10vw, 8.75rem) 0 clamp(4.5rem, 8vw, 7rem) !important;
228
+ color: var(--fo-off-white);
229
+ font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
230
+ font-size: clamp(3.2rem, 7.7vw, 7.2rem);
231
+ font-stretch: condensed;
232
+ font-weight: 760;
233
+ letter-spacing: -0.055em;
234
+ line-height: 0.91;
235
+ text-align: left !important;
236
+ text-wrap: balance;
237
+}
238
+
239
+.header-title::before {
240
+ display: block;
241
+ margin-bottom: 1.3rem;
242
+ color: var(--fo-steel-300);
243
+ content: "PRODUCTION DEVELOPMENT / PUBLIC WORKSPACE";
244
+ font: 650 clamp(0.7rem, 0.67rem + 0.15vw, 0.8rem)/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
245
+ letter-spacing: 0.15em;
246
+}
247
+
248
+.breadcrumb {
249
+ margin: 0 0 1.5rem;
250
+ color: var(--fo-steel-300);
251
+ font: 0.75rem/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
252
+ letter-spacing: 0.06em;
253
+}
254
+
255
+#wiki-body > .main-content {
256
+ display: grid;
257
+ grid-template-columns: minmax(0, 1fr) minmax(14rem, 17rem);
258
+ gap: clamp(2.5rem, 6vw, 5.5rem);
259
+ width: 100%;
260
+ padding: 0 !important;
261
+}
262
+
263
+#wiki-body .markdown-body,
264
+#wiki-sidebar {
265
+ float: none !important;
266
+ width: auto !important;
267
+ min-width: 0;
268
+ max-width: none;
51 269
}
52 270
53 271
.markdown-body {
272
+ background: transparent;
273
+ color: var(--fo-off-white);
54 274
font-family: inherit;
55 275
font-size: clamp(1rem, 0.95rem + 0.22vw, 1.125rem);
56
- line-height: 1.65;
276
+ line-height: 1.66;
277
+ overflow-wrap: anywhere;
278
+}
279
+
280
+.markdown-body > p:first-child {
281
+ max-width: 40ch;
282
+ margin-top: 0;
283
+ color: var(--fo-off-white);
284
+ font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
285
+ font-weight: 560;
286
+ letter-spacing: -0.02em;
287
+ line-height: 1.36;
57 288
}
58 289
59 290
.markdown-body h1,
60 291
.markdown-body h2,
61
-.markdown-body h3 {
62
- color: var(--fo-white);
292
+.markdown-body h3,
293
+.markdown-body h4 {
294
+ color: var(--fo-off-white);
63 295
font-family: inherit;
64
- letter-spacing: -0.02em;
65 296
}
66 297
67 298
.markdown-body h1 {
68
- border-bottom: 1px solid rgba(181, 31, 53, 0.7);
299
+ border-bottom: 1px solid rgba(181, 31, 53, 0.72);
69 300
font-size: clamp(2.35rem, 1.7rem + 3vw, 4.75rem);
70 301
line-height: 1;
71
- padding-bottom: 1.25rem;
72 302
}
73 303
74 304
.markdown-body h2 {
75
- border-bottom-color: rgba(183, 192, 204, 0.24);
76
- font-size: clamp(1.5rem, 1.25rem + 1vw, 2.125rem);
77
- margin-top: 2.5rem;
305
+ margin-top: clamp(3.5rem, 7vw, 5.5rem);
306
+ padding: 0 0 0.8rem;
307
+ border-bottom: 1px solid var(--fo-rule);
308
+ font-size: clamp(1.55rem, 1.3rem + 1vw, 2.25rem);
309
+ letter-spacing: -0.025em;
310
+ line-height: 1.1;
311
+}
312
+
313
+.markdown-body h3 {
314
+ font-size: 1rem;
315
+ letter-spacing: 0.01em;
78 316
}
79 317
80 318
.markdown-body p,
... ...
@@ -82,52 +320,315 @@ select:focus-visible {
82 320
max-width: 68ch;
83 321
}
84 322
323
+.markdown-body strong {
324
+ color: var(--fo-off-white);
325
+}
326
+
327
+.markdown-body hr {
328
+ height: 1px;
329
+ border: 0;
330
+ background: var(--fo-rule);
331
+}
332
+
85 333
.markdown-body code,
86 334
.markdown-body pre {
335
+ border: 1px solid var(--fo-rule);
336
+ border-radius: 4px;
87 337
background: #0b1b2b;
88
- color: var(--fo-white);
338
+ color: var(--fo-off-white);
89 339
}
90 340
91 341
.markdown-body blockquote {
92
- border-left-color: var(--fo-crimson);
93
- color: var(--fo-steel);
342
+ margin-inline: 0;
343
+ border-left: 2px solid var(--fo-crimson-600);
344
+ color: var(--fo-steel-300);
94 345
}
95 346
96
-.wiki-wrapper .wiki-auxiliary-content,
97
-.wiki-wrapper .wiki-rightbar,
98
-.wiki-wrapper .wiki-leftbar {
99
- background: rgba(7, 21, 34, 0.72);
100
- border-color: rgba(183, 192, 204, 0.18);
347
+.markdown-body h2:has(> a#start-here) + ul,
348
+.markdown-body h2:has(> a#current-productions) + ul {
349
+ display: grid;
350
+ grid-template-columns: repeat(2, minmax(0, 1fr));
351
+ gap: 1px;
352
+ max-width: none;
353
+ margin: 1.5rem 0 0;
354
+ padding: 1px;
355
+ background: var(--fo-rule);
356
+ list-style: none;
101 357
}
102 358
103
-.btn,
104
-button,
105
-input[type="submit"] {
106
- border-radius: 4px;
359
+.markdown-body h2:has(> a#start-here) + ul {
360
+ grid-template-columns: repeat(3, minmax(0, 1fr));
361
+}
362
+
363
+.markdown-body h2:has(> a#start-here) + ul > li,
364
+.markdown-body h2:has(> a#current-productions) + ul > li {
365
+ position: relative;
366
+ min-height: 10rem;
367
+ max-width: none;
368
+ margin: 0;
369
+ padding: 1.4rem;
370
+ background: linear-gradient(145deg, rgba(23, 58, 99, 0.3), rgba(8, 11, 16, 0.92));
371
+ color: var(--fo-steel-300);
372
+}
373
+
374
+.markdown-body h2:has(> a#current-productions) + ul > li {
375
+ min-height: 8rem;
376
+ background: linear-gradient(145deg, rgba(59, 11, 24, 0.36), rgba(8, 11, 16, 0.94));
377
+}
378
+
379
+.markdown-body h2:has(> a#start-here) + ul a,
380
+.markdown-body h2:has(> a#current-productions) + ul a {
381
+ display: block;
382
+ margin-bottom: 0.55rem;
383
+ color: var(--fo-off-white);
384
+ font-size: 1.08rem;
385
+ font-weight: 720;
386
+ text-decoration: none;
387
+}
388
+
389
+.markdown-body h2:has(> a#start-here) + ul a::after,
390
+.markdown-body h2:has(> a#current-productions) + ul a::after {
391
+ color: var(--fo-crimson-500);
392
+ content: " →";
393
+}
394
+
395
+#wiki-sidebar {
396
+ align-self: start;
397
+ position: sticky;
398
+ top: 6.5rem;
399
+ border: 0;
400
+ border-left: 1px solid var(--fo-rule);
401
+ border-radius: 0;
402
+ background: transparent;
403
+ box-shadow: none;
404
+}
405
+
406
+#sidebar-content {
407
+ padding: 0.35rem 0 0 1.5rem !important;
408
+}
409
+
410
+#sidebar-content h3 {
411
+ margin: 0 0 0.75rem;
412
+ padding: 0;
413
+ border: 0;
414
+ color: var(--fo-steel-300);
415
+ font: 650 0.72rem/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
416
+ letter-spacing: 0.13em;
417
+ text-transform: uppercase;
418
+}
419
+
420
+#sidebar-content h3:not(:first-child) {
421
+ margin-top: 2rem;
422
+}
423
+
424
+#sidebar-content ul {
425
+ margin: 0;
426
+ padding: 0;
427
+ list-style: none;
428
+}
429
+
430
+#sidebar-content li {
431
+ margin: 0;
432
+ border-top: 1px solid rgba(183, 192, 204, 0.1);
433
+}
434
+
435
+#sidebar-content li:last-child {
436
+ border-bottom: 1px solid rgba(183, 192, 204, 0.1);
437
+}
438
+
439
+#sidebar-content li a,
440
+#sidebar-content > p a {
441
+ display: block;
107 442
min-height: 44px;
443
+ padding: 0.72rem 0;
444
+ color: var(--fo-off-white);
445
+ font-size: 0.9rem;
446
+ font-weight: 600;
447
+ text-decoration: none;
108 448
}
109 449
110
-.btn-primary,
111
-input[type="submit"].primary {
112
- background: var(--fo-crimson);
113
- border-color: var(--fo-crimson);
114
- color: var(--fo-white);
450
+#sidebar-content li a:hover,
451
+#sidebar-content > p a:hover {
452
+ color: #a9cff2;
115 453
}
116 454
117
-input,
118
-textarea,
119
-select {
120
- background: var(--fo-white);
121
- color: var(--fo-charcoal);
455
+#sidebar-content > p {
456
+ margin-top: 2rem;
457
+}
458
+
459
+#sidebar-content > p a::after {
460
+ margin-left: 0.35rem;
461
+ color: var(--fo-crimson-500);
462
+ content: "↗";
463
+}
464
+
465
+#wiki-footer {
466
+ margin-top: clamp(4rem, 8vw, 7rem) !important;
467
+ border-top: 1px solid var(--fo-rule);
468
+}
469
+
470
+#footer-content {
471
+ padding: 1.25rem 0 !important;
472
+ border: 0;
473
+ background: transparent;
474
+ color: var(--fo-steel-300);
475
+ font: 0.75rem/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
476
+ letter-spacing: 0.04em;
477
+}
478
+
479
+#footer-content p {
480
+ margin: 0;
481
+}
482
+
483
+#footer {
484
+ display: flex;
485
+ flex-wrap: wrap;
486
+ justify-content: space-between;
487
+ gap: 1rem;
488
+ padding-top: 1rem !important;
489
+ border-top: 1px solid rgba(183, 192, 204, 0.08);
490
+ color: var(--fo-steel-500);
491
+ font-size: 0.78rem;
492
+}
493
+
494
+#footer p {
495
+ margin: 0;
496
+}
497
+
498
+#delete-link {
499
+ color: #e5a7a3;
500
+}
501
+
502
+.SelectMenu-modal,
503
+.Box,
504
+.wiki-auxiliary-content,
505
+.wiki-rightbar,
506
+.wiki-leftbar {
507
+ border-color: var(--fo-rule);
508
+ background: var(--fo-charcoal-900);
509
+ color: var(--fo-off-white);
510
+}
511
+
512
+.SelectMenu-item,
513
+.SelectMenu-divider {
514
+ border-color: var(--fo-rule);
515
+ color: var(--fo-off-white);
516
+}
517
+
518
+.SelectMenu-item:hover {
519
+ background: rgba(23, 58, 99, 0.5);
520
+}
521
+
522
+table,
523
+.markdown-body table tr,
524
+.markdown-body table th,
525
+.markdown-body table td {
526
+ border-color: var(--fo-rule);
527
+ background: transparent;
528
+ color: var(--fo-off-white);
529
+}
530
+
531
+.markdown-body table tr:nth-child(2n) {
532
+ background: rgba(23, 58, 99, 0.16);
533
+}
534
+
535
+@media (max-width: 900px) {
536
+ #wiki-body > .main-content {
537
+ grid-template-columns: minmax(0, 1fr) 13rem;
538
+ gap: 2rem;
539
+ }
540
+
541
+ .markdown-body h2:has(> a#start-here) + ul {
542
+ grid-template-columns: 1fr;
543
+ }
544
+
545
+ .markdown-body h2:has(> a#start-here) + ul > li {
546
+ min-height: 7.5rem;
547
+ }
122 548
}
123 549
124 550
@media (max-width: 767px) {
125
- .wiki-wrapper {
126
- padding-inline: 1rem;
551
+ .container-lg {
552
+ padding-inline: 1.25rem;
553
+ }
554
+
555
+ #head {
556
+ margin-inline: -1.25rem;
557
+ }
558
+
559
+ #head nav {
560
+ min-height: 4rem;
561
+ padding: 0.6rem 1.25rem !important;
562
+ }
563
+
564
+ #head .TableObject-item--primary {
565
+ padding-inline: 0.65rem !important;
566
+ }
567
+
568
+ #wiki-content::before,
569
+ #wiki-content::after {
570
+ top: 2rem;
571
+ width: 2rem;
572
+ height: 2rem;
573
+ }
574
+
575
+ .header-title {
576
+ max-width: 11ch;
577
+ padding: 4.75rem 0 4rem !important;
578
+ font-size: clamp(2.8rem, 14vw, 4.2rem);
579
+ }
580
+
581
+ .header-title::before {
582
+ max-width: 28ch;
583
+ margin-bottom: 1rem;
584
+ font-size: 0.65rem;
127 585
}
128 586
129
- .markdown-body h1 {
130
- overflow-wrap: anywhere;
587
+ #wiki-body > .main-content {
588
+ display: flex;
589
+ flex-direction: column;
590
+ gap: 3.5rem;
591
+ }
592
+
593
+ .markdown-body h2:has(> a#start-here) + ul,
594
+ .markdown-body h2:has(> a#current-productions) + ul {
595
+ grid-template-columns: 1fr;
596
+ }
597
+
598
+ .markdown-body h2:has(> a#current-productions) + ul > li {
599
+ min-height: 7rem;
600
+ }
601
+
602
+ #wiki-sidebar {
603
+ position: static;
604
+ border-top: 1px solid var(--fo-rule);
605
+ border-left: 0;
606
+ }
607
+
608
+ #sidebar-content {
609
+ padding: 2rem 0 0 !important;
610
+ }
611
+
612
+ #footer {
613
+ display: block;
614
+ }
615
+
616
+ #footer p + p {
617
+ margin-top: 0.75rem;
618
+ }
619
+}
620
+
621
+@media (max-width: 420px) {
622
+ #head .TableObject-item--primary {
623
+ min-width: 0;
624
+ }
625
+
626
+ #search-query {
627
+ min-width: 0;
628
+ }
629
+
630
+ .header-title {
631
+ font-size: clamp(2.55rem, 13.5vw, 3.45rem);
131 632
}
132 633
}
133 634
... ...
@@ -141,8 +642,18 @@ select {
141 642
}
142 643
143 644
@media (forced-colors: active) {
645
+ #head,
646
+ #wiki-sidebar,
144 647
.markdown-body h1,
145
- .markdown-body blockquote {
648
+ .markdown-body h2,
649
+ .markdown-body blockquote,
650
+ #wiki-footer {
146 651
border-color: CanvasText;
147 652
}
653
+
654
+ #wiki-content::before,
655
+ #wiki-content::after,
656
+ body::before {
657
+ display: none;
658
+ }
148 659
}