/* Hyperon design-system tokens (Bucket B — full adoption of hyperon.dev).
Loaded LAST in *all+*style so these overrides win the cascade.
Literal hsl() values only — hsl(var(--x)) breaks the skin's SASS pass.
Token reference: hyperon.dev :root (extracted 2026-06-08). */
/* B1 — warm off-white page background (--background 50 20% 97.6%) */
body.wiki-layout {
background: hsl(50, 20%, 97.6%) !important;
}
/* Primary actions -> teal (--primary 192 55% 35%) */
body.wiki-layout > header .signin-link,
.hyperon-rc-btn-primary,
.hyperon-rc-send {
background: hsl(192, 55%, 35%) !important;
border-color: hsl(192, 55%, 35%) !important;
color: #fff !important;
}
body.wiki-layout > header .signin-link:hover,
.hyperon-rc-btn-primary:hover,
.hyperon-rc-send:hover {
background: hsl(192, 55%, 28%) !important;
border-color: hsl(192, 55%, 28%) !important;
}
/* B2 — main content column at 80% of the article cell, centered (all sizes) */
body.wiki-layout article #main {
width: 80% !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Header account zone — Register + Login side by side, both filled teal buttons.
Bootstrap .navbar-nav defaults to column; force a row so the two auth
actions sit adjacent, and give Register (.signup-link) the same filled
teal treatment as Login (.signin-link). */
body.wiki-layout > header .wiki-header-account .navbar-nav {
flex-direction: row !important;
align-items: center !important;
gap: 0.5rem !important;
margin: 0 !important;
}
body.wiki-layout > header .wiki-header-account .nav-item {
margin: 0 !important;
}
body.wiki-layout > header .signup-link {
background: hsl(192, 55%, 35%) !important;
color: #fff !important;
padding: 0.375rem 0.875rem !important;
border-radius: 0.375rem !important;
font-size: 0.75rem !important;
}
body.wiki-layout > header .signup-link:hover,
body.wiki-layout > header .signup-link:focus {
background: hsl(192, 55%, 28%) !important;
color: #fff !important;
}
/* gap handles spacing now; drop Login's old left margin */
body.wiki-layout > header .signin-link {
margin-left: 0 !important;
}
/* Content links — the Pulse Bootstrap theme paints article <a> purple
(#593196); retint to teal to match the aesthetic. Scope to #main so nav
is untouched; exclude .btn so action buttons keep their own styling. Tag
pills use <span>, not <a>, so their blue-on-grey styling is unaffected. */
body.wiki-layout #main a:not(.btn) {
color: hsl(192, 55%, 35%) !important;
}
body.wiki-layout #main a:not(.btn):hover,
body.wiki-layout #main a:not(.btn):focus {
color: hsl(192, 55%, 28%) !important;
}
/* ============================================================
Neutralize the Pulse Bootstrap theme's purple -> teal.
The "Bootswatch skin" card compiles literal #593196 (primary)
and #a991d4 (secondary) into many component rules and won't
accept source edits, so this last-loaded card overrides them.
Also remap the --bs-* vars for any var()-based usages. */
body.wiki-layout {
--bs-primary: #28778a;
--bs-primary-rgb: 40,119,138;
--bs-link-color: #28778a;
--bs-link-color-rgb: 40,119,138;
--bs-link-hover-color: #1f5e6b;
--bs-secondary: #5a9aa8;
--bs-secondary-rgb: 90,154,168;
}
/* Links: base Pulse rule is a{color:#593196}. Content links already
handled above; cover footer + any remaining purple links. */
body.wiki-layout footer a,
body.wiki-layout > footer a,
body.wiki-layout .footer a {
color: #28778a !important;
}
body.wiki-layout footer a:hover,
body.wiki-layout > footer a:hover { color: #1f5e6b !important; }
/* Primary buttons */
body.wiki-layout .btn-primary {
background-color: #28778a !important;
border-color: #28778a !important;
}
body.wiki-layout .btn-primary:hover,
body.wiki-layout .btn-primary:focus,
body.wiki-layout .btn-primary:active,
body.wiki-layout .btn-primary.active {
background-color: #1f5e6b !important;
border-color: #1f5e6b !important;
}
body.wiki-layout .btn-outline-primary {
color: #28778a !important;
border-color: #28778a !important;
}
body.wiki-layout .btn-outline-primary:hover,
body.wiki-layout .btn-outline-primary:active {
background-color: #28778a !important;
border-color: #28778a !important;
color: #fff !important;
}
/* Primary backgrounds / text / borders / badges */
body.wiki-layout .bg-primary { background-color: #28778a !important; }
body.wiki-layout .text-primary { color: #28778a !important; }
body.wiki-layout .border-primary { border-color: #28778a !important; }
body.wiki-layout .badge.bg-primary,
body.wiki-layout .badge.text-bg-primary { background-color: #28778a !important; }
/* Secondary (was light purple #a991d4) */
body.wiki-layout .btn-secondary,
body.wiki-layout .bg-secondary,
body.wiki-layout .badge.bg-secondary {
background-color: #5a9aa8 !important;
border-color: #5a9aa8 !important;
}
body.wiki-layout .text-secondary { color: #5a9aa8 !important; }
/* Form controls: focus border + checked state (was purple) */
body.wiki-layout .form-control:focus,
body.wiki-layout .form-select:focus,
body.wiki-layout .form-check-input:focus {
border-color: #28778a !important;
box-shadow: 0 0 0 .25rem rgba(40,119,138,0.25) !important;
}
body.wiki-layout .form-check-input:checked {
background-color: #28778a !important;
border-color: #28778a !important;
}
/* Pagination / nav-pills / list-group active states */
body.wiki-layout .page-link { color: #28778a !important; }
body.wiki-layout .page-item.active .page-link,
body.wiki-layout .nav-pills .nav-link.active,
body.wiki-layout .list-group-item.active {
background-color: #28778a !important;
border-color: #28778a !important;
}
/* Quote/section "bars" — any left-border accent in content that
inherited the primary purple. */
body.wiki-layout #main blockquote,
body.wiki-layout #main .blockquote {
border-left: 4px solid #28778a !important;
}
/* Remaining Pulse purple link/component instances -> teal. (The skin
compiles ~55 literal #593196; nav/sidebar links keep their own more-
specific sandra rules, so this broad sweep only catches the rest.) */
body.wiki-layout a:not(.btn):not(.nav-link):not(.navbar-brand),
body.wiki-layout .link-primary,
body.wiki-layout .btn-link {
color: #28778a !important;
}
body.wiki-layout a:not(.btn):not(.nav-link):not(.navbar-brand):hover,
body.wiki-layout .link-primary:hover,
body.wiki-layout .btn-link:hover {
color: #1f5e6b !important;
}
body.wiki-layout .progress-bar { background-color: #28778a !important; }
body.wiki-layout .accordion-button:not(.collapsed) {
color: #28778a !important;
background-color: rgba(40,119,138,0.10) !important;
}
body.wiki-layout .dropdown-item.active,
body.wiki-layout .dropdown-item:active {
background-color: #28778a !important;
}
body.wiki-layout .nav-pills .nav-link.active,
body.wiki-layout .nav-tabs .nav-link.active { color: #28778a !important; }
body.wiki-layout .form-range::-webkit-slider-thumb { background-color: #28778a !important; }
body.wiki-layout .form-range::-moz-range-thumb { background-color: #28778a !important; }
/* D2 — auto-highlighted glossary terms in article prose (hover shows the
definition popover via the shared tooltip JS). Subtle teal dotted underline. */
body.wiki-layout #main .wiki-glossary-term {
border-bottom: 1px dotted hsl(192, 45%, 50%);
cursor: help;
}
body.wiki-layout #main .wiki-glossary-term:hover {
border-bottom-color: hsl(192, 55%, 35%);
background: hsl(192, 30%, 95%);
}
/* "On this page" TOC anchors: setupTocAnchors() assigns ids to headings;
give anchored headings scroll offset so they clear the header on jump. */
body.wiki-layout #main h2[id],
body.wiki-layout #main h3[id],
body.wiki-layout #main h4[id] { scroll-margin-top: 5rem; }
/* #7 (Khellar/Sandra feedback) — remove the vertical accent lines on content
sections (deep_dive section bars + blockquotes). Keep the section bg/padding. */
body.wiki-layout #main blockquote,
body.wiki-layout #main .blockquote,
body.wiki-layout #main .card-slot.TYPE_PLUS_RIGHT-index_section-deep_dive {
border-left: none !important;
}
/* #8 — align the "Hyperon Wiki" brand with the left-menu section titles
(sidebar padding 0.75rem + summary padding 0.5rem = 1.25rem). */
body.wiki-layout > header .wiki-header-brand { padding-left: 1.25rem !important; }
/* #15 — MeTTa Playground collapsed by default; toggle (in its header, right
column) shows/hides it. Collapsed = only the label + toggle chevron show. */
.hyperon-rc-playground.collapsed .hyperon-rc-editor,
.hyperon-rc-playground.collapsed .hyperon-rc-output,
.hyperon-rc-playground.collapsed #metta-run,
.hyperon-rc-playground.collapsed #metta-reset { display: none !important; }
.hyperon-rc-toggle { font-size: 0.95rem !important; line-height: 1 !important; }
/* #15 — collapsed playground shrinks to just its header bar, so the toggle is
visually unambiguous (expanded grows back to flex:1 1 50% to show the editor). */
.hyperon-rc-playground.collapsed { flex: 0 0 auto !important; }
/* Wiki Assistant send button — slightly wider so the teal isn't tight on the arrow. */
body.wiki-layout .hyperon-rc-send {
padding-left: 0.7rem !important;
padding-right: 0.7rem !important;
min-width: 2.4rem !important;
}
/* --- Examples "Read more" toggle fixes (2026-06-09) --- */
/* (1) Collapsed examples must actually hide: the example content slots carry
`.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > .card-slot:not(.RIGHT-label){display:block!important}`
at specificity (0,4,0), which outranks the JS-applied `.wiki-example-hidden` (0,1,0).
Re-assert hide at (0,5,0) so the toggle visibly expands/contracts. */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > .card-slot.TYPE-rich_text.wiki-example-hidden { display: none !important; }
/* (2) Toggle text teal to match theme (was hardcoded blue #1a52d5). */
.wiki-example-toggle { color: #28778a !important; }
.wiki-example-toggle:hover { color: #1f5e6b !important; }
/* --- Left-nav link hover: teal not blue (#1a52d5) — Explore links, create-card link, and prime-nav flat items (2026-06-09) --- */
aside#sidebar-left .hyperon-nav-flat a:hover,
aside#sidebar-left .hyperon-nav-flat .hyperon-create-card-link:hover,
aside#sidebar-left .hyperon-nav-flat-item a:hover { color: #28778a !important; }
/* --- IndexSubtopic +docs = "Papers & Publications": clean citation list, not doc-link buttons (2026-06-21) --- */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc ul { display:block !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc li { display:list-item !important; margin:0 0 0.45rem 0 !important; padding:0 0 0 1.15em !important; position:relative !important; font-size:0.875rem !important; line-height:1.5 !important; color:var(--bs-body-color, #212529) !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc li::before { content:"\2022" !important; position:absolute !important; left:0 !important; color:#bbb !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc a { display:inline !important; background:none !important; border:none !important; padding:0 !important; border-radius:0 !important; color:#28778a !important; font-size:0.875rem !important; font-weight:500 !important; line-height:inherit !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc a::before { content:none !important; display:none !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc a:hover { color:#1f5e6b !important; text-decoration:underline !important; background:none !important; }
/* --- IndexSubtopic resource sections as cards (2026-06-21, structure pass) --- */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc {
display:block !important;
border:1px solid #e7e7ee !important;
border-radius:0.6rem !important;
padding:0.9rem 1.1rem 1rem !important;
margin:1rem 0 !important;
background:#fff !important;
}
/* the example/Demos slot is already boxed by its own rule — just give it matching inner padding */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example { padding:0.9rem 1.1rem 1rem !important; }
/* uniform section headers (Demos, Papers) */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > p:first-child,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc > p:first-child {
margin:0 0 0.6rem 0 !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > p:first-child strong,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc > p:first-child strong {
font-size:0.9rem !important; font-weight:600 !important; color:#1f1f23 !important;
}
/* --- Tutorial/Deep Dive section as a card + GitHub pills teal not blue (2026-06-21) --- */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a { color:#28778a !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a:hover,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a:focus { color:#1f5e6b !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%2328778a%22%3E%3Cpath%20d%3D%22M8%200C3.58%200%200%203.58%200%208c0%203.54%202.29%206.53%205.47%207.59c.4.07.55-.17.55-.38c0-.19-.01-.82-.01-1.49c-2.01.37-2.53-.49-2.69-.94c-.09-.23-.48-.94-.82-1.13c-.28-.15-.68-.52-.01-.53c.63-.01%201.08.58%201.23.82c.72%201.21%201.87.87%202.33.66c.07-.52.28-.87.51-1.07c-1.78-.2-3.64-.89-3.64-3.95c0-.87.31-1.59.82-2.15c-.08-.2-.36-1.02.08-2.12c0%200%20.67-.21%202.2.82c.64-.18%201.32-.27%202-.27c.68%200%201.36.09%202%20.27c1.53-1.04%202.2-.82%202.2-.82c.44%201.1.16%201.92.08%202.12c.51.56.82%201.27.82%202.15c0%203.07-1.87%203.75-3.65%203.95c.29.25.54.73.54%201.48c0%201.07-.01%201.93-.01%202.2c0%20.21.15.46.55.38A8.012%208.012%200%200%200%2016%208c0-4.42-3.58-8-8-8z%22%2F%3E%3C%2Fsvg%3E") !important; }
/* --- IndexSubtopic: section icons + consistent bullets + deep_dive text (2026-06-21) --- */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github > p:first-child,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > p:first-child,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc > p:first-child {
display:flex !important; align-items:center !important; gap:0.5rem !important; margin:0 0 0.6rem 0 !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github > p:first-child strong,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > p:first-child strong,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc > p:first-child strong {
font-size:0.9rem !important; font-weight:600 !important; color:#1f1f23 !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github > p:first-child::before,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > p:first-child::before,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc > p:first-child::before {
content:"" !important; display:inline-block !important; width:17px !important; height:17px !important; flex:0 0 17px !important;
background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github > p:first-child::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%2328778a%22%3E%3Cpath%20d%3D%22M8%200C3.58%200%200%203.58%200%208c0%203.54%202.29%206.53%205.47%207.59c.4.07.55-.17.55-.38c0-.19-.01-.82-.01-1.49c-2.01.37-2.53-.49-2.69-.94c-.09-.23-.48-.94-.82-1.13c-.28-.15-.68-.52-.01-.53c.63-.01%201.08.58%201.23.82c.72%201.21%201.87.87%202.33.66c.07-.52.28-.87.51-1.07c-1.78-.2-3.64-.89-3.64-3.95c0-.87.31-1.59.82-2.15c-.08-.2-.36-1.02.08-2.12c0%200%20.67-.21%202.2.82c.64-.18%201.32-.27%202-.27c.68%200%201.36.09%202%20.27c1.53-1.04%202.2-.82%202.2-.82c.44%201.1.16%201.92.08%202.12c.51.56.82%201.27.82%202.15c0%203.07-1.87%203.75-3.65%203.95c.29.25.54.73.54%201.48c0%201.07-.01%201.93-.01%202.2c0%20.21.15.46.55.38A8.012%208.012%200%200%200%2016%208c0-4.42-3.58-8-8-8z%22%2F%3E%3C%2Fsvg%3E") !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example > p:first-child::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpolygon%20points%3D%2210%208%2016%2012%2010%2016%2010%208%22%2F%3E%3C%2Fsvg%3E") !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc > p:first-child::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M16%2013H8%22%2F%3E%3Cpath%20d%3D%22M16%2017H8%22%2F%3E%3Cpath%20d%3D%22M10%209H8%22%2F%3E%3C%2Fsvg%3E") !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a::before { content:none !important; display:none !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example ul { display:block !important; list-style:none !important; padding:0 !important; margin:0 !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example li { display:list-item !important; margin:0 0 0.45rem 0 !important; padding:0 0 0 1.15em !important; position:relative !important; font-size:0.875rem !important; line-height:1.5 !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example li::marker { content:none !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example li::before { content:"\2022" !important; position:absolute !important; left:0 !important; color:#bbb !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example a { color:#28778a !important; font-weight:500 !important; }
/* --- Start Here section (renamed from deep_dive) as a section card (2026-06-21) --- */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading {
display:block !important; border:1px solid #e7e7ee !important; border-radius:0.6rem !important;
padding:0.9rem 1.1rem 1rem !important; margin:1rem 0 !important; background:#fff !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading > p:first-child {
display:flex !important; align-items:center !important; gap:0.5rem !important; margin:0 0 0.6rem 0 !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading > p:first-child strong {
font-size:0.9rem !important; font-weight:600 !important; color:#1f1f23 !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading > p:first-child::before {
content:"" !important; display:inline-block !important; width:17px !important; height:17px !important; flex:0 0 17px !important;
background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h6a4%204%200%200%201%204%204v14a3%203%200%200%200-3-3H2z%22%2F%3E%3Cpath%20d%3D%22M22%203h-6a4%204%200%200%200-4%204v14a3%203%200%200%201%203-3h7z%22%2F%3E%3C%2Fsvg%3E") !important;
}
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading ul { display:block !important; list-style:none !important; padding:0 !important; margin:0 !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading li { display:list-item !important; margin:0 0 0.45rem 0 !important; padding:0 0 0 1.15em !important; position:relative !important; font-size:0.875rem !important; line-height:1.5 !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading li::marker { content:none !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading li::before { content:"\2022" !important; position:absolute !important; left:0 !important; color:#bbb !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading a { color:#28778a !important; font-weight:500 !important; }
/* --- Repos vertical list + external-link icon on outbound links (2026-06-21) --- */
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github ul { display:block !important; list-style:none !important; padding:0 !important; margin:0 !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github li { display:list-item !important; margin:0 0 0.45rem 0 !important; padding:0 0 0 1.15em !important; position:relative !important; font-size:0.875rem !important; line-height:1.5 !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github li::marker { content:none !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github li::before { content:"\2022" !important; position:absolute !important; left:0 !important; color:#bbb !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a { display:inline !important; background:none !important; border:none !important; padding:0 !important; border-radius:0 !important; color:#28778a !important; font-size:0.875rem !important; font-weight:500 !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a:hover { color:#1f5e6b !important; text-decoration:underline !important; background:none !important; }
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a::after,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example a::after,
.card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc a::after {
content:"" !important; display:inline-block !important; width:0.72em !important; height:0.72em !important; margin-left:0.3em !important; vertical-align:-0.02em !important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%2F%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%2F%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%2F%3E%3C%2Fsvg%3E") !important; background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
}
/* Empty (uncreated) IndexSubtopic section slots render exactly like +roadmap:
absent for anon (unknown-view), and for editors a greyed placeholder box
with the create-link — same box as +roadmap, no external-link icon, grey
link. Populated content-view slots keep their own (white) section box. */
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading {
display:block !important; background:#f5f5f7 !important; border:1px solid #e6e6ec !important;
border-radius:0.5rem !important; padding:0.875rem 1.125rem !important; margin:1.5rem 0 !important;
}
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a::after,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example a::after,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc a::after,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading a::after {
content:none !important; display:none !important;
}
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-github a,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-example a,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-doc a,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-continue_reading a {
color:#868e96 !important;
}
/* Index-card placeholder "add" links (every uncreated field — +roadmap,
+examples, +docs, etc.) render muted grey, not the teal content-link color.
Higher-specificity than the global "#main a" teal so it wins. Editors only;
anon never sees unknown-view slots. */
body.wiki-layout #main .card-slot.unknown-view[class*="TYPE_PLUS_RIGHT-index_subtopic-"] a,
body.wiki-layout #main .card-slot.unknown-view[class*="TYPE_PLUS_RIGHT-index_section-"] a {
color: #868e96 !important;
}
body.wiki-layout #main .card-slot.unknown-view[class*="TYPE_PLUS_RIGHT-index_subtopic-"] a:hover,
body.wiki-layout #main .card-slot.unknown-view[class*="TYPE_PLUS_RIGHT-index_section-"] a:hover {
color: #5a5f66 !important;
}
/* TinyMCE injects its aux popup container (.tox-silver-sink.tox-tinymce-aux)
with an inline `width:2560px; position:relative`, which sits in the document
flow and overflows the viewport — adding a horizontal scrollbar across the
bottom of the window in edit mode (overlapping the form buttons). Collapse
its width to 0; its menus/dialogs are absolutely-positioned children that
don't depend on this width, so they still render and position correctly. */
body.wiki-layout .tox.tox-silver-sink.tox-tinymce-aux { width: 0 !important; max-width: 0 !important; }
/* Decko's IndexSubtopic/IndexSection edit-form slot overflows its width by
~12px (a Bootstrap .row negative-margin gutter spilling past the right edge);
the slot's overflow-x:auto then shows a thin horizontal scrollbar low in the
editor, overlapping the form buttons. Clip the empty gutter spill (clip, not
hidden, so overflow-y stays visible — no vertical scrollbar). */
body.wiki-layout .card-slot.edit_form-view.TYPE-index_subtopic,
body.wiki-layout .card-slot.edit_form-view.TYPE-index_section {
overflow-x: clip !important;
}
/* === IndexSubtopic extra sections for Khellar-index parity: +architecture
(prose) after +description, +documentation (links) after +github. Both
CONTENT-ONLY — empty/unknown slots render nothing (no editor placeholder),
so a topic shows the section only where it's populated (his per-topic set). === */
/* +architecture: prose section (no box, like +description); styled header. */
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture {
display:block !important; margin:1rem 0 !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture > p:first-child strong {
font-size:0.9rem !important; font-weight:600 !important; color:#1f1f23 !important;
}
/* +documentation: link-list box matching Repositories/Papers, with a book icon. */
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation {
display:block !important; border:1px solid #e7e7ee !important; border-radius:0.6rem !important;
padding:0.9rem 1.1rem 1rem !important; margin:1rem 0 !important; background:#fff !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation > p:first-child {
display:flex !important; align-items:center !important; gap:0.5rem !important; margin:0 0 0.6rem 0 !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation > p:first-child strong {
font-size:0.9rem !important; font-weight:600 !important; color:#1f1f23 !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation > p:first-child::before {
content:"" !important; display:inline-block !important; width:17px !important; height:17px !important; flex:0 0 17px !important;
background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019.5v-15A2.5%202.5%200%200%201%206.5%202H20v20H6.5a2.5%202.5%200%200%201%200-5H20%22%2F%3E%3C%2Fsvg%3E") !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation ul { display:block !important; list-style:none !important; padding:0 !important; margin:0 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation li { display:list-item !important; margin:0 0 0.45rem 0 !important; padding:0 0 0 1.15em !important; position:relative !important; font-size:0.875rem !important; line-height:1.5 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation li::marker { content:none !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation li::before { content:"\2022" !important; position:absolute !important; left:0 !important; color:#bbb !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation a { color:#28778a !important; font-weight:500 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation a::after {
content:"" !important; display:inline-block !important; width:0.72em !important; height:0.72em !important; margin-left:0.3em !important; vertical-align:-0.02em !important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%2F%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%2F%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%2F%3E%3C%2Fsvg%3E") !important; background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
}
/* Content-only: empty/unknown +architecture & +documentation slots render nothing. */
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture,
body.wiki-layout #main .card-slot.unknown-view.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-documentation {
display:none !important;
}
/* === +architecture closed-inclusion accordions (MORK + any future +architecture).
Decko renders view:closed inclusions as a Bootstrap accordion (.accordion-item
> .accordion-button > .bar-body .card-title; .accordion-collapse > .accordion-
subheader[edit/advanced/help] + body). Theme the header (teal chevron, hover,
border/spacing) and hide the editor/meta subheader. Scoped under the
+architecture slot only, so it covers every +architecture field. === */
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .card-slot.closed-view { margin:0.45rem 0 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-item {
border:1px solid #e7e7ee !important; border-radius:0.5rem !important; overflow:hidden !important; background:#fff !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-header { margin:0 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button {
padding:0.6rem 0.85rem !important; background:#fff !important; color:#1f1f23 !important;
font-size:0.875rem !important; font-weight:600 !important; box-shadow:none !important; border:none !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button:hover { background:#f5f7f8 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button:not(.collapsed) { background:#f0f6f7 !important; color:#1f5e6b !important; box-shadow:none !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button:focus { box-shadow:none !important; border-color:transparent !important; outline:none !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button::after,
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button:not(.collapsed)::after {
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206l4%204%204-4%22%2F%3E%3C%2Fsvg%3E") !important;
width:0.95rem !important; height:0.95rem !important; background-size:0.95rem 0.95rem !important; flex:0 0 0.95rem !important; margin-left:0.5rem !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button .bar-body { display:flex !important; flex:1 1 auto !important; width:auto !important; margin:0 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button .bar-left { flex:1 1 auto !important; width:auto !important; max-width:100% !important; padding:0 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button .bar-right { display:none !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button .card-title { font-size:0.875rem !important; font-weight:600 !important; color:inherit !important; white-space:normal !important; text-align:left !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-subheader { display:none !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-collapse { padding:0 0.9rem !important; font-size:0.875rem !important; line-height:1.55 !important; }
/* +architecture as a boxed section like Repositories/Papers, with a layers icon
(bottom-up layered architecture); the closed-inclusion layers render as a flush
accordion list inside the box rather than nested boxes. Overrides the earlier
prose/bordered-item rules (8081 is last-loaded). */
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture {
border:1px solid #e7e7ee !important; border-radius:0.6rem !important; padding:0.9rem 1.1rem 1rem !important; background:#fff !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture > p:first-child {
display:flex !important; align-items:center !important; gap:0.5rem !important; margin:0 0 0.55rem 0 !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture > p:first-child::before {
content:"" !important; display:inline-block !important; width:17px !important; height:17px !important; flex:0 0 17px !important;
background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2328778a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%2212%202%202%207%2012%2012%2022%207%2012%202%22%2F%3E%3Cpolyline%20points%3D%222%2017%2012%2022%2022%2017%22%2F%3E%3Cpolyline%20points%3D%222%2012%2012%2017%2022%2012%22%2F%3E%3C%2Fsvg%3E") !important;
}
/* layers become a flush accordion list inside the box (no nested boxes, divider between) */
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .card-slot.closed-view { margin:0 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-item {
border:none !important; border-radius:0 !important; background:transparent !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .card-slot.closed-view + .card-slot.closed-view .accordion-item {
border-top:1px solid #ededf1 !important;
}
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button { padding-left:0 !important; padding-right:0 !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button:hover { background:transparent !important; color:#1f5e6b !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button:not(.collapsed) { background:transparent !important; }
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-collapse { padding-left:0 !important; padding-right:0 !important; }
/* Layer (closed-inclusion) titles smaller than the Architecture section title,
so they read as sub-items rather than peers (section title is 0.9rem). */
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button,
body.wiki-layout #main .card-slot.d0-card-content.TYPE_PLUS_RIGHT-index_subtopic-architecture .accordion-button .card-title {
font-size:0.8rem !important;
}