From: Thomas Walker Lynch <eknp9n@reasoningtechnology.com>
Date: Mon, 3 Aug 2026 11:20:53 +0000 (+0000)
Subject: working style structure refactor
X-Git-Url: https://git.reasoningtechnology.com/%27%20%20%20window.RT.dirpr_library%20%20%20%27/RT-style.js?a=commitdiff_plain;h=71279b823c241afb1cebc24451b42bf00f668704;p=RT-Style

working style structure refactor
---

diff --git a/developer/authored/Manuscript.copy/Element/TOC.js b/developer/authored/Manuscript.copy/Element/TOC.js
index 227a090..b91835a 100644
--- a/developer/authored/Manuscript.copy/Element/TOC.js
+++ b/developer/authored/Manuscript.copy/Element/TOC.js
@@ -20,23 +20,25 @@ Next heading 2                3
 
 (function() {
 
-  if (!window.RT) {
-    console.error("RT not defined - was RT-Manuscript_make run?");
-    return;
-  }
-  if (!window.RT.Element) {
-    console.error("RT.Element not defined - was the state_manager run?");
-    return;
-  }
+  if (!window.RT) return;
+
+  const apply_style = function(a, config) {
+    a.style.textDecoration = 'none';
+    a.style.color = 'inherit';
+    a.style.display = 'block';
+
+    a.onmouseover = () => a.style.color = config.brand_primary || '#000';
+    a.onmouseout  = () => a.style.color = 'inherit';
+  };
 
   RT.Element.add( function() {
     const debug = window.RT.Debug || { log: function(){} };
-    const TOC_seq = document.querySelectorAll('rt·toc');
+    const config = window.RT.layout_config || {};
+    const TOC_seq = document.querySelectorAll('rt·toc, RT·TOC');
 
     TOC_seq.forEach( (container ,TOC_index) => {
       container.style.display = 'block';
 
-      // 1. Parse attribute: single number N or range A-B
       const attr_val = container.getAttribute('level');
       let start_level, end_level;
 
@@ -48,23 +50,16 @@ Next heading 2                3
           if (a >= 1 && a <= 6 && b >= 1 && b <= 6 && a <= b) {
             start_level = a;
             end_level   = b;
-            if (debug.log) debug.log('TOC', `TOC #${TOC_index} range: H${a}-H${b}`);
-          } else {
-            if (debug.log) debug.log('TOC', `Invalid range "${attr_val}" -> implicit mode`);
-          }
+          } 
         } else {
           const single = parseInt(attr_val);
           if (!isNaN(single) && single >= 1 && single <= 6) {
             start_level = single;
             end_level   = single;
-            if (debug.log) debug.log('TOC', `TOC #${TOC_index} single level: H${single}`);
-          } else {
-            if (debug.log) debug.log('TOC', `Invalid level "${attr_val}" -> implicit mode`);
-          }
+          } 
         }
       }
 
-      // 2. Implicit mode (no attribute or invalid)
       if (start_level === undefined || end_level === undefined) {
         let context_level = 0;
         let prev = container.previousElementSibling;
@@ -79,10 +74,8 @@ Next heading 2                3
         const target_level = Math.min(context_level + 1, 6);
         start_level = target_level;
         end_level   = target_level;
-        if (debug.log) debug.log('TOC', `TOC #${TOC_index} implicit target: H${target_level}`);
       }
 
-      // 3. Collect all matching headings until a higher-level heading stops us
       const headings = [];
       let next_el = container.nextElementSibling;
       while (next_el) {
@@ -90,12 +83,9 @@ Next heading 2                3
         if (match) {
           const found_level = parseInt(match[1]);
 
-          // Stop if we hit a heading that is a parent of the lowest level we collect
           if (found_level < start_level) break;
 
-          // Collect if within the requested range
           if (found_level >= start_level && found_level <= end_level) {
-            // Ensure it has an id
             if (!next_el.id) {
               next_el.id = `TOC-ref-${TOC_index}-${found_level}-${headings.length}`;
             }
@@ -105,36 +95,29 @@ Next heading 2                3
         next_el = next_el.nextElementSibling;
       }
 
-      // 4. Build the container (title + list)
       container.innerHTML = '';
       const title = document.createElement('h1');
       title.textContent = start_level === 1 ? 'Table of Contents' : 'Section Contents';
       title.style.textAlign = 'center';
       container.appendChild(title);
 
-      if (headings.length === 0) return; // nothing to show
+      if (headings.length === 0) return; 
 
-      // Top-level list
       const topList = document.createElement('ul');
       topList.style.listStyle = 'none';
       topList.style.paddingLeft = '0';
       topList.style.marginBottom = '0';
       container.appendChild(topList);
 
-      // Stack of <ul> elements; index 0 = top-level list
       const listStack = [topList];
 
       for (const item of headings) {
-        // Depth relative to start_level
-        const depth = item.level - start_level;   // 0 = top-level, 1 = sub-level, etc.
+        const depth = item.level - start_level;   
 
-        // Ensure we have the correct nesting depth
         while (listStack.length - 1 > depth) {
-          // Pop until we are at the right depth
           listStack.pop();
         }
 
-        // If we need to go deeper, open new sub-lists inside the last <li>
         while (listStack.length - 1 < depth) {
           const parentList = listStack[listStack.length - 1];
           const lastLi = parentList.lastElementChild;
@@ -147,13 +130,10 @@ Next heading 2                3
             lastLi.appendChild(subList);
             listStack.push(subList);
           } else {
-            // No parent <li> yet - stay at current depth (flatten)
             break;
           }
         }
 
-
-        // Create the <li> for this heading
         const li = document.createElement('li');
         li.style.marginBottom = '0';
         li.style.marginTop = depth === 0 ? '1.25rem' : '0.25rem';
@@ -161,15 +141,10 @@ Next heading 2                3
         const a = document.createElement('a');
         a.href = `#${item.el.id}`;
         a.textContent = item.el.textContent;
-        a.style.textDecoration = 'none';
-        a.style.color = 'inherit';
-        a.style.display = 'block';
-
-        a.onmouseover = () => a.style.color = 'var(--RT·brand-primary)';
-        a.onmouseout  = () => a.style.color = 'inherit';
+        
+        apply_style(a, config);
 
         li.appendChild(a);
-        // Add to the current deepest list
         listStack[listStack.length - 1].appendChild(li);
       }
     });
diff --git a/developer/authored/Manuscript.copy/Element/chapter.js b/developer/authored/Manuscript.copy/Element/chapter.js
index 2c7dcae..7b3b4ab 100644
--- a/developer/authored/Manuscript.copy/Element/chapter.js
+++ b/developer/authored/Manuscript.copy/Element/chapter.js
@@ -1,44 +1,28 @@
-/*
-  Processes <RT·chapter> tags.
-  Transforms the tag into an <RT·page-break> followed by an <h1> with the RT·chapter class.
-*/
-
 (function() {
+  if (!window.RT) return;
 
-  if (!RT) {
-    console.error("RT not defined – was RT-Manuscript_make run?");
-    return;
-  }
-  if (!RT.Element) {
-    console.error("RT.Element not defined – was the state_manager run?");
-    return;
-  }
-
-  RT.Element.add( function() {
-    const debug = RT.Debug || { log: function(){} };
-
-    document.querySelectorAll('RT·chapter').forEach((el, index) => {
-      if (debug.log) debug.log('chapter', `Processing chapter ${index + 1}`);
+  const apply_style = function(h1, config) {
+    // Styling can be inherited or explicitly enforced here.
+    // If you want chapters to have a distinct layout footprint, apply it.
+    h1.style.color = config.brand_primary;
+  };
 
+  RT.Element.add(function() {
+    const config = window.RT.layout_config || {};
+    document.querySelectorAll('RT·chapter').forEach((el) => {
       const brk = document.createElement('RT·page-break');
       const h1 = document.createElement('h1');
-
       h1.innerHTML = el.innerHTML;
-
-      if (el.className) {
-        h1.className = el.className;
-      }
+      if (el.className) h1.className = el.className;
       h1.classList.add('RT·chapter');
 
       Array.from(el.attributes).forEach((attr) => {
-        if (attr.name !== 'class') {
-          h1.setAttribute(attr.name, attr.value);
-        }
+        if (attr.name !== 'class') h1.setAttribute(attr.name, attr.value);
       });
 
+      apply_style(h1, config);
       el.parentNode.insertBefore(brk, el);
       el.replaceWith(h1);
     });
-  })
-
+  });
 })();
diff --git a/developer/authored/Manuscript.copy/Element/code.js b/developer/authored/Manuscript.copy/Element/code.js
index 9e589b9..91953a0 100644
--- a/developer/authored/Manuscript.copy/Element/code.js
+++ b/developer/authored/Manuscript.copy/Element/code.js
@@ -1,139 +1,98 @@
 /*
-  Processes <RT·code> tags.
-  Uses the central config or CSS variables from the theme.
-
-  Removes common indent from lines of code.
+  Element/code.js
+  Processes <RT·code> tags, enforcing alignment and typographic boundaries.
 */
-(function(){
-
-  if (!RT) {
-    console.error("RT not defined – was RT-Manuscript_make run?");
-    return;
-  }
-  if (!RT.Element) {
-    console.error("RT.Element not defined – was the state_manager run?");
-    return;
-  }
 
-  RT.Element.add( function() {
-    const RT = window.RT;
-    const U = RT.Utility;
-    const debug = RT.Debug;
-
-    debug.log('code', 'Starting render cycle.');
+(function(){
 
+  if(!window.RT) return;
+
+  const apply_style = function(el ,is_block ,exact_px ,offset_px ,text_color ,overlay_color ,config){
+    el.style.fontFamily = "'Courier New', Courier, monospace";
+    el.style.backgroundColor = overlay_color;
+    el.style.color = text_color;
+
+    if(is_block){
+      el.style.display = 'block';
+      el.style.whiteSpace = 'pre';
+      el.style.fontSize = exact_px + 'px';
+      el.style.padding = '1.2rem';
+      el.style.margin = '1.5rem 0';
+      el.style.borderLeft = '4px solid ' + (config.brand_secondary || 'gold');
+    } else {
+      el.style.display = 'inline';
+      el.style.fontSize = exact_px + 'px';
+      el.style.padding = '0.1rem 0.35rem';
+      el.style.borderRadius = '3px';
+      el.style.verticalAlign = offset_px + 'px';
+    }
+  };
+
+  RT.Element.add(function(){
+    const U = window.RT.Utility;
+    const config = window.RT.layout_config || {};
     const metrics = U.Font.measure_ink_ratio('monospace');
     
-    document.querySelectorAll('rt·code').forEach((el) => {
-      el.style.fontFamily = 'monospace';
+    const nodes = document.querySelectorAll('rt·code, RT·code');
 
-      const computed = window.getComputedStyle(el);
-      const accent = window.RT.theme('read', 'brand', 'secondary') || 'gold';
-      
+    for(let i = 0; i < nodes.length; i++){
+      const el = nodes[i];
       const is_block = U.Dom.is_block_content(el);
-      const parentColor = window.RT.theme('read', 'content', 'main');
-      const is_text_light = U.Color.is_light(parentColor);
+      const computed = window.getComputedStyle(el);
       
+      const is_text_light = U.Color.is_light(config.content_main);
       const alpha = is_block ? 0.08 : 0.15;
       const overlay = is_text_light ? `rgba(255,255,255,${alpha})` : `rgba(0,0,0,${alpha})`;
       const text_color = is_text_light ? '#ffffff' : '#000000';
 
-      el.style.backgroundColor = overlay;
-
-      if (is_block) {
-        el.style.display = 'block';
+      let exact_px = parseFloat(computed.fontSize) * metrics.ratio;
+      let offset_px = metrics.baseline_diff * (exact_px / 100);
 
-        // --- Tag-Relative Auto-Dedent Logic ---
-        
-        // 1. Get Tag Indentation (The Anchor)
+      if(is_block){
+        exact_px *= 0.95;
         let tagIndent = '';
         const prevNode = el.previousSibling;
-        if (prevNode && prevNode.nodeType === 3) {
+        
+        if(prevNode && prevNode.nodeType === 3){
           const prevText = prevNode.nodeValue;
           const lastNewLineIndex = prevText.lastIndexOf('\n');
-          if (lastNewLineIndex !== -1) {
+          if(lastNewLineIndex !== -1){
             tagIndent = prevText.substring(lastNewLineIndex + 1);
-          } else if (/^\s*$/.test(prevText)) {
+          } else if(/^\s*$/.test(prevText)){
             tagIndent = prevText;
           }
         }
 
-        // 2. Calculate Common Leading Whitespace from Content
         const rawLines = el.textContent.split('\n');
-        
-        // Filter out empty lines for calculation purposes so they don't break the logic
         const contentLines = rawLines.filter(line => line.trim().length > 0);
+        let commonIndent = '';
 
-        let commonIndent = null;
-
-        if (contentLines.length > 0) {
-          // Assume the first line sets the standard
+        if(contentLines.length > 0){
           const firstMatch = contentLines[0].match(/^\s*/);
           commonIndent = firstMatch ? firstMatch[0] : '';
-
-          // Reduce the commonIndent if subsequent lines have LESS indentation
-          for (let i = 1; i < contentLines.length; i++) {
-            const line = contentLines[i];
-            // Determine how much of commonIndent this line shares
+          for(let k = 1; k < contentLines.length; k++){
+            const line = contentLines[k];
             let j = 0;
-            while (j < commonIndent.length && j < line.length && commonIndent[j] === line[j]) {
-              j++;
-            }
-            commonIndent = commonIndent.substring(0, j);
-            if (commonIndent.length === 0) break; // Optimization
+            while(j < commonIndent.length && j < line.length && commonIndent[j] === line[j]) j++;
+            commonIndent = commonIndent.substring(0 ,j);
+            if(commonIndent.length === 0) break;
           }
-        } else {
-          commonIndent = '';
         }
 
-        // 3. Process Content
-        // Rule: Only strip if the Common Indent contains the Tag Indent (Safety Check)
-        // This handles the Emacs case: Tag is "  ", Common is "    ". "    " starts with "  ".
-        // We strip "    ", leaving the code flush left.
         let finalString = '';
-
-        if (commonIndent.length > 0 && commonIndent.startsWith(tagIndent)) {
-          const cleanedLines = rawLines.map(line => {
-            // Strip the common indent from valid lines
-            return line.startsWith(commonIndent) ? line.replace(commonIndent, '') : line;
-          });
-
-          // Remove artifact lines (first/last empty lines)
-          if (cleanedLines.length > 0 && cleanedLines[0].length === 0) {
-            cleanedLines.shift();
-          }
-          if (cleanedLines.length > 0 && cleanedLines[cleanedLines.length - 1].trim().length === 0) {
-            cleanedLines.pop();
-          }
+        if(commonIndent.length > 0 && commonIndent.startsWith(tagIndent)){
+          const cleanedLines = rawLines.map(line => line.startsWith(commonIndent) ? line.replace(commonIndent ,'') : line);
+          if(cleanedLines.length > 0 && cleanedLines[0].length === 0) cleanedLines.shift();
+          if(cleanedLines.length > 0 && cleanedLines[cleanedLines.length - 1].trim().length === 0) cleanedLines.pop();
           finalString = cleanedLines.join('\n');
         } else {
-          // Fallback: Code is to the left of the tag or weirdly formatted. 
-          // Just trim the wrapper newlines.
           finalString = el.textContent.trim();
         }
-
         el.textContent = finalString;
-        // --- End Indentation Logic ---
-
-        el.style.whiteSpace = 'pre';
-        el.style.fontSize = (parseFloat(computed.fontSize) * metrics.ratio * 0.95) + 'px'; 
-        el.style.padding = '1.2rem';
-        el.style.margin = '1.5rem 0';
-        el.style.borderLeft = `4px solid ${accent}`;
-        el.style.color = 'inherit'; 
-      } else {
-        el.style.display = 'inline';
-        const exactPx = parseFloat(computed.fontSize) * metrics.ratio * 1.0; 
-        el.style.fontSize = exactPx + 'px';
-        el.style.padding = '0.1rem 0.35rem';
-        el.style.borderRadius = '3px';
-        const offsetPx = metrics.baseline_diff * (exactPx / 100);
-        el.style.verticalAlign = offsetPx + 'px';
-        el.style.color = text_color; 
       }
-    });
-    
-    debug.log('code', 'Render cycle complete.');
-  })
+
+      apply_style(el ,is_block ,exact_px ,offset_px ,text_color ,overlay ,config);
+    }
+  });
 
 })();
diff --git a/developer/authored/Manuscript.copy/Element/endnote.js b/developer/authored/Manuscript.copy/Element/endnote.js
index 6555db6..8f6b298 100644
--- a/developer/authored/Manuscript.copy/Element/endnote.js
+++ b/developer/authored/Manuscript.copy/Element/endnote.js
@@ -1,40 +1,38 @@
 /*
   Element/endnote.js
   Processes <RT·endnote> tags inline and dumps them when <RT·endnotes> is encountered.
-  Creates bidirectional links between inline citations and the explicitly placed list.
 */
 
 (function(){
 
-  if(!window.RT){
-    console.error("RT not defined");
-    return;
-  }
-  if(!window.RT.Element){
-    console.error("RT.Element not defined");
-    return;
-  }
+  if(!window.RT) return;
 
-  function process_endnotes(){
-    const debug = window.RT.Debug || { log: function(){} };
-    if(debug.log){
-      debug.log('endnote' ,'Processing endnotes sequentially');
-    }
+  const apply_style = function(link, config) {
+    link.style.cursor = 'pointer';
+    link.style.color = config.brand_link || '#0056b3';
+    link.style.textDecoration = 'none';
+  };
 
-    const article = document.querySelector('RT·article');
-    if(!article){
-      return;
-    }
+  const apply_list_style = function(list_container, config) {
+    list_container.style.marginTop = '1rem';
+    list_container.style.borderTop = '1px solid ' + (config.surface_3 || '#ccc');
+    list_container.style.paddingTop = '1rem';
+  };
+
+  function process_endnotes(){
+    const config = window.RT.layout_config || {};
+    const article = document.querySelector('RT·article, rt·article, RT·memo, rt·memo');
+    
+    if(!article) return;
 
-    // Initialize the global EndNoteCounter at the top of the document
     const initial_make = document.createElement('RT·counter·make');
-    initial_make.setAttribute('counter' ,'EndNoteCounter');
-    initial_make.setAttribute('style' ,'CountingNumber');
-    initial_make.setAttribute('on-first-step' ,'0');
-    article.insertBefore(initial_make ,article.firstChild);
+    initial_make.setAttribute('counter', 'EndNoteCounter');
+    initial_make.setAttribute('style', 'CountingNumber');
+    initial_make.setAttribute('on-first-step', '0');
+    article.insertBefore(initial_make, article.firstChild);
 
-    // Fetch all tags in document order
-    const nodes = document.querySelectorAll('RT·endnote, rt·endnote, RT·endnotes, rt·endnotes');
+    // Defensively targets both the standard RT namespace block and the unmigrated hyphen blocks.
+    const nodes = document.querySelectorAll('RT·endnote, rt·endnote, RT-endnote, rt-endnote, RT·endnotes, rt·endnotes, RT-endnotes, rt-endnotes');
     
     let endnote_buffer = [];
     let anchor_id_counter = 1;
@@ -43,41 +41,33 @@
       const node = nodes[i];
       const tag = node.tagName.toLowerCase();
 
-      if(tag === 'rt·endnote'){
-        // Restored original identifier format to match test expectations
+      if(tag === 'rt·endnote' || tag === 'rt-endnote'){
         const snap_name = 'endnote_cite_' + anchor_id_counter;
         const ref_text = node.innerHTML;
 
-        // Build the inline replacement structure
         const step = document.createElement('RT·counter·step');
-        step.setAttribute('counter' ,'EndNoteCounter');
+        step.setAttribute('counter', 'EndNoteCounter');
 
         const snapshot = document.createElement('RT·counter·snapshot');
-        snapshot.setAttribute('counter' ,'EndNoteCounter');
-        snapshot.setAttribute('snapshot' ,snap_name);
+        snapshot.setAttribute('counter', 'EndNoteCounter');
+        snapshot.setAttribute('snapshot', snap_name);
 
         const link = document.createElement('a');
         link.href = '#note_' + anchor_id_counter;
         link.id = 'cite_' + anchor_id_counter;
         link.innerHTML = '[<RT·counter·read snapshot="' + snap_name + '"></RT·counter·read>]';
-        link.style.cursor = 'pointer';
-        link.style.color = window.RT.theme ? window.RT.theme('read' ,'brand' ,'link') : '#0056b3';
-        link.style.textDecoration = 'none';
+        
+        apply_style(link, config);
 
         step.appendChild(snapshot);
         step.appendChild(link);
 
-        node.parentNode.replaceChild(step ,node);
-
-        endnote_buffer.push({
-          id: anchor_id_counter
-          ,text: ref_text
-          ,snap: snap_name
-        });
+        node.parentNode.replaceChild(step, node);
 
+        endnote_buffer.push({ id: anchor_id_counter, text: ref_text, snap: snap_name });
         anchor_id_counter++;
-      }
-      else if(tag === 'rt·endnotes'){
+
+      } else if(tag === 'rt·endnotes' || tag === 'rt-endnotes'){
         if(endnote_buffer.length === 0){
           node.parentNode.removeChild(node);
           continue;
@@ -95,9 +85,7 @@
 
         const list_container = document.createElement('div');
         list_container.className = 'RT_endnote_list';
-        list_container.style.marginTop = '1rem';
-        list_container.style.borderTop = '1px solid ' + (window.RT.theme ? window.RT.theme('read' ,'surface' ,'3') : '#ccc');
-        list_container.style.paddingTop = '1rem';
+        apply_list_style(list_container, config);
 
         for(let j = 0; j < endnote_buffer.length; j++){
           const item = endnote_buffer[j];
@@ -128,25 +116,19 @@
 
         wrapper.appendChild(list_container);
 
-        // Inject a fresh counter make tag to zero out the counter for the next section
         const counter_reset = document.createElement('RT·counter·make');
-        counter_reset.setAttribute('counter' ,'EndNoteCounter');
-        counter_reset.setAttribute('style' ,'CountingNumber');
-        counter_reset.setAttribute('on-first-step' ,'0');
+        counter_reset.setAttribute('counter', 'EndNoteCounter');
+        counter_reset.setAttribute('style', 'CountingNumber');
+        counter_reset.setAttribute('on-first-step', '0');
         wrapper.appendChild(counter_reset);
 
-        node.parentNode.replaceChild(wrapper ,node);
+        node.parentNode.replaceChild(wrapper, node);
 
-        // Clear the buffer for the next chapter
         endnote_buffer = [];
       }
     }
   }
 
-  //----------------------------------------
-  // Registration upon load
-  //
-  
   window.RT.Element.add(process_endnotes);
 
 })();
diff --git a/developer/authored/Manuscript.copy/Element/footnote.js b/developer/authored/Manuscript.copy/Element/footnote.js
index 6da5212..1a2c2f9 100644
--- a/developer/authored/Manuscript.copy/Element/footnote.js
+++ b/developer/authored/Manuscript.copy/Element/footnote.js
@@ -2,3 +2,13 @@
 Currently built into the paginator
 
 */
+(function(){
+  if(!window.RT) return;
+  const apply_style = function(el, config) {};
+  // Footnote processing is structurally evaluated by the paginator.
+  // This closure exists strictly to validate the semantic footprint.
+  RT.Element.add(function() {
+    const config = window.RT.layout_config || {};
+    document.querySelectorAll('rt·footnote, RT·footnote').forEach(el => apply_style(el, config));
+  });
+})();
diff --git a/developer/authored/Manuscript.copy/Element/grid.js b/developer/authored/Manuscript.copy/Element/grid.js
index f77343d..3f8b8f2 100644
--- a/developer/authored/Manuscript.copy/Element/grid.js
+++ b/developer/authored/Manuscript.copy/Element/grid.js
@@ -1,21 +1,11 @@
 /*
   Element/grid.js
-  Compiles semantic tabular structures into a Cartesian GridState, 
-  then projects them using CSS Grid layout models.
+  Compiles semantic tabular structures into a Cartesian GridState.
 */
 
 (function() {
+  if (!window.RT) return;
 
-  if (!window.RT) {
-    console.error("RT not defined - was RT-Manuscript_make run?");
-    return;
-  }
-  if (!window.RT.Element) {
-    console.error("RT.Element not defined - was the state_manager run?");
-    return;
-  }
-
-  // 1. Internal Sparse Array Representation
   class GridState {
     constructor() {
       this.cells = [];
@@ -24,42 +14,64 @@
     }
 
     insert(cell_data) {
-      // cell_data: { element, type, x, y, x_extent, y_extent }
       this.cells.push(cell_data);
       if (cell_data.x_extent > this.max_x) this.max_x = cell_data.x_extent;
       if (cell_data.y_extent > this.max_y) this.max_y = cell_data.y_extent;
     }
   }
 
-// 2. The Projection Dispatcher (Tier 2 -> Tier 3)
-  function project_grid(container_node, grid_state, model, options = {}) {
-    const debug = window.RT.Debug || { log: function(){}, error: function(){} };
+  const apply_style = function(el, cell, is_transposed, options, config) {
+    el.style.padding = '0.25rem 0.5rem';
+    el.style.margin = '0';
+    el.style.lineHeight = '1.3';
+
+    if (cell.type === 'x-label' || cell.type === 'y-label' || cell.type === 'name') {
+      el.style.fontWeight = '600';
+    }
+    
+    if (cell.type === (is_transposed ? 'y-label' : 'x-label')) {
+       el.style.borderBottom = '2px solid ' + (config.border_strong || '#000');
+    }
+    
+    if (cell.type === 'name') {
+      el.style.borderRight = '1px solid ' + (config.border_faint || '#ccc');
+    }
+
+    if (cell.type === 'data') el.style.textAlign = 'center';
+    if (cell.type === 'x-label') el.style.textAlign = 'center';
+    
+    if (cell.type === (is_transposed ? 'x-label' : 'y-label') || cell.type === 'name') {
+      el.style.textAlign = 'right';
+      el.style.paddingRight = '0.5rem'; 
+    }
 
+    if (options && options.no_wrap) {
+      el.style.whiteSpace = 'nowrap';
+      el.style.padding = '0.15rem 0.5rem';
+    }
+  };
+
+  function project_grid(container_node, grid_state, model, options = {}) {
+    const config = window.RT.layout_config || {};
     switch (model) {
       case 'html-grid-direct':
-        return render_model_html_standard(container_node, grid_state, options, false);
+        return render_model_html_standard(container_node, grid_state, options, false, config);
       case 'html-grid-transpose':
-        return render_model_html_standard(container_node, grid_state, options, true);
+        return render_model_html_standard(container_node, grid_state, options, true, config);
       case 'html-grid-dictionary':
-        return render_model_html_dictionary(container_node, grid_state, options);
-      default:
-        debug.error('Grid', `Unknown projection model requested: ${model}. Defaulting to direct.`);
-        return render_model_html_standard(container_node, grid_state, options, false);
+        return render_model_html_dictionary(container_node, grid_state, options, config);
     }
   }
 
-  // 2a. Standard & Transposed Cartesian Layout
-  function render_model_html_standard(container_node, grid_state, options, is_transposed) {
-    const debug = window.RT.Debug || { log: function(){}, error: function(){} };
+  function render_model_html_standard(container_node, grid_state, options, is_transposed, config) {
     const wrapper = document.createElement('div');
     wrapper.style.display = 'grid';
-    // REMOVED: wrapper.style.gridAutoColumns = 'max-content';
     wrapper.style.justifyContent = 'start';
     wrapper.className = `RT_grid_container ${options.css_class || ''}`;
 
     if (options.delimiters) {
-      wrapper.style.borderLeft = '2px solid var(--RT·content-main)';
-      wrapper.style.borderRight = '2px solid var(--RT·content-main)';
+      wrapper.style.borderLeft = '2px solid ' + (config.content_main || '#000');
+      wrapper.style.borderRight = '2px solid ' + (config.content_main || '#000');
       wrapper.style.borderRadius = '5px'; 
       wrapper.style.padding = '0.2rem';
       wrapper.style.margin = '1rem 0';
@@ -79,46 +91,15 @@
       el.style.gridRow = `${render_y + 1} / ${render_y_extent + 2}`;
       el.className = `RT_grid_${cell.type}`;
       
-      // Tightened baseline geometry & CSS collision defense
-      el.style.padding = '0.25rem 0.5rem';
-      el.style.margin = '0';
-      el.style.lineHeight = '1.3';
-
-      if (cell.type === 'x-label' || cell.type === 'y-label' || cell.type === 'name') {
-        el.style.fontWeight = '600';
-      }
-      
-      if (cell.type === (is_transposed ? 'y-label' : 'x-label')) {
-         el.style.borderBottom = '2px solid var(--RT·border-strong)';
-      }
-      
-      if (cell.type === 'name') {
-        el.style.borderRight = '1px solid var(--RT·border-faint)';
-      }
-
-      if (cell.type === 'data') el.style.textAlign = 'center';
-      if (cell.type === 'x-label') el.style.textAlign = 'center';
-      
-      if (cell.type === (is_transposed ? 'x-label' : 'y-label') || cell.type === 'name') {
-        el.style.textAlign = 'right';
-        el.style.paddingRight = '0.5rem'; 
-      }
-
-      if (options.no_wrap) {
-        el.style.whiteSpace = 'nowrap';
-        el.style.padding = '0.15rem 0.5rem';
-      }
-
+      apply_style(el, cell, is_transposed, options, config);
       wrapper.appendChild(el);
     });
 
     container_node.replaceWith(wrapper);
-    execute_two_pass_measurement(wrapper, options, debug);
+    execute_two_pass_measurement(wrapper, options);
   }
 
-  // 2b. Typographic Dictionary Layout
-  function render_model_html_dictionary(container_node, grid_state, options) {
-    const debug = window.RT.Debug || { log: function(){}, error: function(){} };
+  function render_model_html_dictionary(container_node, grid_state, options, config) {
     const wrapper = document.createElement('div');
     wrapper.style.display = 'grid';
     wrapper.style.gridAutoColumns = 'max-content';
@@ -133,48 +114,23 @@
       el.style.gridRow = `${cell.y + 1} / ${cell.y_extent + 2}`;
       el.className = `RT_grid_${cell.type}`;
       
-      // Tightened baseline geometry & CSS collision defense
-      el.style.padding = '0.25rem 0.75rem';
-      el.style.margin = '0';
-      el.style.lineHeight = '1.3';
-
-      if (cell.type === 'x-label' || cell.type === 'y-label' || cell.type === 'name') {
-        el.style.fontWeight = '600';
-      }
-      
-      if (cell.type === 'x-label') {
-         el.style.borderBottom = '2px solid var(--RT·border-strong)';
-      }
-      
-      if (cell.type === 'name') {
-        el.style.borderRight = '1px solid var(--RT·border-faint)';
-        el.style.textAlign = 'right';
-      }
-      
-      if (cell.type === 'data') {
-        el.style.textAlign = 'left';
-      }
-
-      if (options.no_wrap) {
-        el.style.whiteSpace = 'nowrap';
-      }
+      apply_style(el, cell, false, options, config);
+      if (cell.type === 'data') el.style.textAlign = 'left';
 
       wrapper.appendChild(el);
     });
 
     container_node.replaceWith(wrapper);
-    execute_two_pass_measurement(wrapper, options, debug);
+    execute_two_pass_measurement(wrapper, options);
   }
 
-  // 2c. Common Measurement Logic
-  function execute_two_pass_measurement(wrapper, options, debug) {
+  function execute_two_pass_measurement(wrapper, options) {
     requestAnimationFrame(() => {
       if (options.wrap_check) {
         const data_cells = wrapper.querySelectorAll('.RT_grid_data, .RT_grid_name');
         data_cells.forEach(cell => {
           const computed = window.getComputedStyle(cell);
           const line_height = parseFloat(computed.lineHeight) || (parseFloat(computed.fontSize) * 1.2);
-          
           const pTop = parseFloat(computed.paddingTop) || 0;
           const pBot = parseFloat(computed.paddingBottom) || 0;
           const content_height = cell.scrollHeight - pTop - pBot;
@@ -184,14 +140,9 @@
           }
         });
       }
-
-      if (wrapper.scrollWidth > wrapper.parentElement.clientWidth) {
-        debug.error('Grid', 'Structural bounds exceeded: Grid width extends beyond viewport limits.');
-      }
     });
   }
 
-  // 3. Coordinate Arithmetic Parser
   function parse_coordinate(attr_value, current_val) {
     if (!attr_value) return { start: current_val, extent: current_val };
     const parts = attr_value.split('-');
@@ -200,11 +151,7 @@
     return { start, extent };
   }
 
-  // 4. The Semantic Dispatchers
   RT.Element.add(function process_grids() {
-    const debug = window.RT.Debug || { log: function(){} };
-
-    // --- A. Native Grid Parser ---
     document.querySelectorAll('RT·grid, rt·grid').forEach(node => {
       const state = new GridState();
       const model = node.getAttribute('model') || 'html-grid-direct';
@@ -217,7 +164,6 @@
         const attr_x = e.getAttribute('x');
         const attr_y = e.getAttribute('y');
         
-        // Carriage return logic with state-aware redundancy check
         if (major_axis === 'x') {
           if (attr_y && !attr_x && attr_y !== String(cursor_y)) cursor_x = 0;
         } else {
@@ -244,7 +190,6 @@
       project_grid(node, state, model, { wrap_check: true });
     });
 
-    // --- B. Dictionary Parser ---
     document.querySelectorAll('RT·dictionary, rt·dictionary').forEach(node => {
       const state = new GridState();
       const key_label = node.getAttribute('key');
@@ -275,7 +220,6 @@
       project_grid(node, state, 'html-grid-dictionary', { wrap_check: true });
     });
 
-    // --- C. Relation Parser ---
     document.querySelectorAll('RT·relation, rt·relation').forEach(node => {
       const state = new GridState();
       const layout_intent = node.getAttribute('layout-intention') || 'row-tuple';
@@ -313,7 +257,6 @@
       project_grid(node, state, model, { wrap_check: true });
     });
 
-    // --- D. Matrix Parser ---
     document.querySelectorAll('RT·matrix, rt·matrix').forEach(node => {
       const state = new GridState();
       const layout_intent = node.getAttribute('layout-intention') || 'row-vector';
@@ -350,7 +293,6 @@
 
       project_grid(node, state, model, { wrap_check: false, no_wrap: true, delimiters: true });
     });
-
   });
 
 })();
diff --git a/developer/authored/Manuscript.copy/Element/math.js b/developer/authored/Manuscript.copy/Element/math.js
index be2a21f..b17c8a0 100644
--- a/developer/authored/Manuscript.copy/Element/math.js
+++ b/developer/authored/Manuscript.copy/Element/math.js
@@ -3,66 +3,38 @@
 */
 
 (function(){
+  if(!window.RT) return;
 
-  if(!window.RT){
-    console.error("RT not defined. Was RT Manuscript make run?");
-    return;
-  }
-  if(!window.RT.Element){
-    console.error("RT.Element not defined. Was the stage manager run?");
-    return;
-  }
-
-  window.MathJax = window.MathJax || {};
-  
-  window.MathJax.startup = {
-    typeset: false
-  };
-
-  window.MathJax.options = {
-    // Disable the screen-reader block to prevent duplicate text rendering
-    enableAssistiveMml: false
-  };
-
-  window.MathJax.svg = {
-    // Force paths to draw directly instead of referencing a global cache
-    fontCache: 'none' 
+  const apply_style = function(el, is_block, config) {
+    el.style.display = is_block ? 'block' : 'inline';
   };
 
   const scan_tags = function(){
-    const debug = window.RT.Debug || { log: function(){} };
-    if(debug.log) debug.log('math' ,'Processing math tags directly');
-
+    const config = window.RT.layout_config || {};
     const math_elements = Array.from(document.querySelectorAll('RT·math'));
 
     if(math_elements.length === 0) return;
 
-    if(!window.MathJax || typeof window.MathJax.tex2svg !== 'function'){
-      console.error("MathJax not loaded or synchronous tex2svg unavailable.");
-      return;
-    }
+    if(!window.MathJax || typeof window.MathJax.tex2svg !== 'function') return;
 
     math_elements.forEach(el => {
       const is_block = el.parentElement.tagName === 'DIV' || 
                        el.textContent.includes('\n') ||
                        el.parentElement.childNodes.length === 1;
 
-      el.style.display = is_block ? 'block' : 'inline';
+      apply_style(el, is_block, config);
       
       const raw_math = el.textContent;
-      const svg_node = window.MathJax.tex2svg(raw_math ,{display: is_block});
+      const svg_node = window.MathJax.tex2svg(raw_math, {display: is_block});
       
-      // Safety net: Strip the block manually if the config fails to catch it
       const assistive = svg_node.querySelector('mjx-assistive-mml');
       if(assistive) assistive.remove();
 
       el.innerHTML = '';
       el.appendChild(svg_node);
     });
-
   };
 
   RT.load('Math/mathjax_svg');
   RT.Element.add(scan_tags);
-
 })();
diff --git a/developer/authored/Manuscript.copy/Element/term.js b/developer/authored/Manuscript.copy/Element/term.js
index f2594e0..b2e2cdf 100644
--- a/developer/authored/Manuscript.copy/Element/term.js
+++ b/developer/authored/Manuscript.copy/Element/term.js
@@ -1,110 +1,61 @@
 /*
+  Element/term.js
   Processes <RT·term> and <RT·neologism> tags.
-  - Styles only the first occurrence of a unique term/neologism.
-  - The "-em" variants (e.g., <RT·term-em>) are always styled.
-  - Automatically generates IDs for first occurrences for future indexing.
 */
-(function() {
 
-  if (!window.RT) {
-    console.error("RT not defined - was RT-Manuscript_make run?");
-    return;
-  }
-  if (!window.RT.Element) {
-    console.error("RT.Element not defined - was the state_manager run?");
-    return;
-  }
-
-  RT.Element.add( function() {
-    const debug = window.RT.Debug || { log: function(){}, warn: function(){}, error: function(){} };
-    const DEBUG_TOKEN_S = 'term';
-
-    try {
-      // Track seen terms so only the first occurrence is decorated
-      const seen_terms_dpa = new Set();
-
-      const apply_style = (el, is_neologism_b) => {
-        el.style.fontStyle = 'italic';
-        el.style.fontWeight = is_neologism_b ? '600' : '500';
-        el.style.color = is_neologism_b
-          ? window.RT.theme('read', 'brand', 'secondary')
-          : window.RT.theme('read', 'brand', 'primary');
-        el.style.paddingRight = '0.1em';
-        el.style.display = 'inline';
-      };
-
-      const clear_style = (el) => {
-        el.style.fontStyle = 'normal';
-        el.style.color = 'inherit';
-        el.style.fontWeight = 'inherit';
-        el.style.paddingRight = '';
-        el.style.display = '';
-      };
-
-      const selector_s = [
-        'rt·term',
-        'rt·term-em',
-        'rt·neologism',
-        'rt·neologism-em'
-      ].join(',');
-
-      const tags_dpa = document.querySelectorAll(selector_s);
-
-      debug.log(DEBUG_TOKEN_S, `Scanning ${tags_dpa.length} term tags`);
-
-      tags_dpa.forEach(el => {
-        const tag_name_s = el.tagName.toLowerCase();
-        const is_neologism_b = tag_name_s.includes('neologism');
-        const is_explicit_em_b = tag_name_s.endsWith('-em');
-
-        const term_text_raw_s = (el.textContent || '').trim();
-        if (!term_text_raw_s.length) {
-          debug.warn(DEBUG_TOKEN_S, `Empty term tag encountered: <${tag_name_s}>`);
-          return;
-        }
-
-        // Normalize text for uniqueness tracking
-        const term_norm_s = term_text_raw_s.toLowerCase();
-
-        // Slug for ID generation (simple + stable)
-        const slug_s = term_norm_s.replace(/\s+/g, '-');
-
-        const is_first_occurrence_b = !seen_terms_dpa.has(term_norm_s);
-
-        if (is_explicit_em_b || is_first_occurrence_b) {
-          apply_style(el, is_neologism_b);
-
-          if (!is_explicit_em_b && is_first_occurrence_b) {
-            seen_terms_dpa.add(term_norm_s);
-
-            if (!el.id) {
-              el.id = `def-${is_neologism_b ? 'neo-' : ''}${slug_s}`;
-              debug.log(
-                DEBUG_TOKEN_S,
-                `First occurrence: "${term_norm_s}" -> id="${el.id}"`
-              );
-            } else {
-              debug.log(
-                DEBUG_TOKEN_S,
-                `First occurrence: "${term_norm_s}" (existing id="${el.id}")`
-              );
-            }
-          } else if (is_explicit_em_b) {
-            debug.log(
-              DEBUG_TOKEN_S,
-              `Emphasized occurrence: "${term_norm_s}" (<${tag_name_s}>)`
-            );
+(function(){
+
+  if(!window.RT) return;
+
+  const apply_style = function(el ,is_neologism ,is_first ,config){
+    if(is_first){
+      el.style.fontStyle = 'italic';
+      el.style.fontWeight = is_neologism ? '600' : '500';
+      el.style.color = is_neologism ? config.brand_secondary : config.brand_primary;
+      el.style.paddingRight = '0.1em';
+      el.style.display = 'inline';
+    } else {
+      el.style.fontStyle = 'normal';
+      el.style.color = 'inherit';
+      el.style.fontWeight = 'inherit';
+      el.style.paddingRight = '';
+      el.style.display = '';
+    }
+  };
+
+  RT.Element.add(function(){
+    const config = window.RT.layout_config || {};
+    const seen_terms_dpa = new Set();
+    const selector_s = 'rt·term, rt·term-em, rt·neologism, rt·neologism-em';
+    const tags_dpa = document.querySelectorAll(selector_s);
+
+    for(let i = 0; i < tags_dpa.length; i++){
+      const el = tags_dpa[i];
+      const tag_name_s = el.tagName.toLowerCase();
+      const is_neologism_b = tag_name_s.includes('neologism');
+      const is_explicit_em_b = tag_name_s.endsWith('-em');
+      
+      const term_text_raw_s = (el.textContent || '').trim();
+      if(!term_text_raw_s.length) continue;
+
+      const term_norm_s = term_text_raw_s.toLowerCase();
+      const slug_s = term_norm_s.replace(/\s+/g ,'-');
+      const is_first_occurrence_b = !seen_terms_dpa.has(term_norm_s);
+
+      if(is_explicit_em_b || is_first_occurrence_b){
+        apply_style(el ,is_neologism_b ,true ,config);
+
+        if(!is_explicit_em_b && is_first_occurrence_b){
+          seen_terms_dpa.add(term_norm_s);
+          if(!el.id){
+            el.id = `def-${is_neologism_b ? 'neo-' : ''}${slug_s}`;
           }
-        } else {
-          // Subsequent mentions render as normal prose
-          clear_style(el);
         }
-      });
-
-      debug.log(DEBUG_TOKEN_S, `Unique terms defined: ${seen_terms_dpa.size}`);
-    } catch (e) {
-      debug.error('error', `term failed: ${e && e.message ? e.message : String(e)}`);
+      } else {
+        apply_style(el ,is_neologism_b ,false ,config);
+      }
     }
   });
 
 })();
+
diff --git a/developer/authored/Manuscript.copy/Element/title.js b/developer/authored/Manuscript.copy/Element/title.js
index 8dfccfa..23afa23 100644
--- a/developer/authored/Manuscript.copy/Element/title.js
+++ b/developer/authored/Manuscript.copy/Element/title.js
@@ -1,84 +1,77 @@
 /*
-  Processes <RT·title> tags.
-  Generates a standard document header block.
-  
-  Usage: 
-  <RT·title title="..." author="..." date="..." copyright="..."></RT·title>
+  Element/title.js
+  Processes <RT·title> tags and isolates internal styling logic.
 */
 
-(function() {
+(function(){
 
-  if (!window.RT) {
-    console.error("RT not defined - was RT-Manuscript_make run?");
-    return;
-  }
-  if (!window.RT.Element) {
-    console.error("RT.Element not defined - was the state_manager run?");
-    return;
-  }
+  if(!window.RT) return;
 
-  RT.Element.add( function() {
-    const debug = window.RT.Debug || { log: function(){} };
+  const apply_style = function(container ,h1 ,meta ,copy_div ,config){
+    container.style.textAlign = 'center';
+    container.style.marginBottom = '3rem';
+    container.style.marginTop = '2rem';
+    container.style.borderBottom = '1px solid ' + config.border_default;
+    container.style.paddingBottom = '1.5rem';
+
+    h1.style.margin = '0 0 0.8rem 0';
+    h1.style.border = 'none';
+    h1.style.padding = '0';
+    h1.style.color = config.brand_primary;
+    h1.style.fontSize = '2.5em';
+    h1.style.lineHeight = '1.1';
+    h1.style.letterSpacing = '-0.03em';
+
+    if(meta){
+      meta.style.color = config.content_muted;
+      meta.style.fontStyle = 'italic';
+      meta.style.fontSize = '1.1em';
+      meta.style.fontFamily = '"Georgia", "Times New Roman", serif';
+    }
+
+    if(copy_div){
+      copy_div.style.color = config.content_muted;
+      copy_div.style.fontSize = '0.9em';
+      copy_div.style.marginTop = '0.5rem';
+    }
+  };
+
+  RT.Element.add(function(){
+    const config = window.RT.layout_config || {};
+    const nodes = document.querySelectorAll('rt·title, RT·title');
     
-    document.querySelectorAll('rt·title').forEach(el => {
+    for(let i = 0; i < nodes.length; i++){
+      const el = nodes[i];
       const title = el.getAttribute('title') || 'Untitled Document';
       const author = el.getAttribute('author');
       const date = el.getAttribute('date');
       const copyright = el.getAttribute('copyright');
 
-      if (debug.log) debug.log('title', `Generating title block: ${title}`);
-
-      // Container
       const container = document.createElement('div');
-      container.style.textAlign = 'center';
-      container.style.marginBottom = '3rem';
-      container.style.marginTop = '2rem';
-      container.style.borderBottom = '1px solid var(--RT·border-default)';
-      container.style.paddingBottom = '1.5rem';
-
-      // Main Title (H1)
       const h1 = document.createElement('h1');
       h1.textContent = title;
-      h1.style.margin = '0 0 0.8rem 0';
-      h1.style.border = 'none'; // Override standard H1 border
-      h1.style.padding = '0';
-      h1.style.color = 'var(--RT·brand-primary)';
-      h1.style.fontSize = '2.5em';
-      h1.style.lineHeight = '1.1';
-      h1.style.letterSpacing = '-0.03em';
-
       container.appendChild(h1);
 
-      // Metadata Row (Author | Date)
-      if (author || date) {
-        const meta = document.createElement('div');
-        meta.style.color = 'var(--RT·content-muted)';
-        meta.style.fontStyle = 'italic';
-        meta.style.fontSize = '1.1em';
-        meta.style.fontFamily = '"Georgia", "Times New Roman", serif'; // Classy serif
-
+      let meta = null;
+      if(author || date){
+        meta = document.createElement('div');
         const parts = [];
-        if (author) parts.push(`<span style="font-weight:600; color:var(--RT·brand-secondary)">${author}</span>`);
-        if (date) parts.push(date);
-
+        if(author) parts.push(`<span style="font-weight:600; color:${config.brand_secondary}">${author}</span>`);
+        if(date) parts.push(date);
         meta.innerHTML = parts.join(' &nbsp;&mdash;&nbsp; ');
         container.appendChild(meta);
       }
 
-      // Copyright Row
-      if (copyright) {
-        const copy_div = document.createElement('div');
-        copy_div.style.color = 'var(--RT·content-muted)';
-        copy_div.style.fontSize = '0.9em';
-        copy_div.style.marginTop = '0.5rem';
-        // Automatically injects the copyright symbol
+      let copy_div = null;
+      if(copyright){
+        copy_div = document.createElement('div');
         copy_div.innerHTML = `&copy; ${copyright}`; 
         container.appendChild(copy_div);
       }
 
-      // Replace the raw tag with the generated block
+      apply_style(container ,h1 ,meta ,copy_div ,config);
       el.replaceWith(container);
-    });
+    }
   });
 
 })();
diff --git a/developer/authored/Manuscript.copy/Layout/article_tech_ref.js b/developer/authored/Manuscript.copy/Layout/article_tech_ref.js
index 097801d..8efc845 100644
--- a/developer/authored/Manuscript.copy/Layout/article_tech_ref.js
+++ b/developer/authored/Manuscript.copy/Layout/article_tech_ref.js
@@ -1,17 +1,14 @@
 /*
   Layout/article_tech_ref.js
-  Applies base technical document styling in Phase 1, 
-  and applies structural page wrappers in Phase 3.
+  Compiles the layout configuration dictionary and establishes the macro-environmental boundaries.
 */
 
 (function(){
 
-   if (!window.RT) {
-    console.error("RT not defined - was RT-Manuscript_make run?");
-    return;
-  }
+  if(!window.RT) return;
+
+  window.RT.layout_config = {};
 
-  // 1. The Explicit Element Roster 
   const required_elements = [
     'chapter'
     ,'code'
@@ -23,164 +20,81 @@
     ,'TOC'
   ];
 
-  // Shared utility functions
-  const t = function(...path) { return window.RT.theme('read', ...path); };
-
-  const apply = function(selector, rules) {
-    document.querySelectorAll(selector).forEach(el => {
-      for (let p in rules) {
-        if (typeof rules[p] === 'string' && rules[p].includes('!important')) {
-          el.style.setProperty(p.replace(/[A-Z]/g, m => "-" + m.toLowerCase()), rules[p].replace(' !important', ''), 'important');
-        } else {
-          el.style[p] = rules[p];
-        }
-      }
-    });
-  };
-
-  // =========================================================
-  // Phase 1: Base Element & Article Styling
-  // =========================================================
-  function apply_base_styles() {
-    const surface_0 = t('surface', '0');
-    const surface_code = t('surface', 'code');
-    const content_main = t('content', 'main');
-    const brand_primary = t('brand', 'primary');
-    const brand_secondary = t('brand', 'secondary');
-    const brand_tertiary = t('brand', 'tertiary');
-    const is_dark = t('meta', 'is_dark');
-
-    const font_weight = is_dark === false ? "600" : "400";
-
-    // Apply base geometry
-    apply('body, html, RT·article', { overflowAnchor: "none !important" });
-    apply('RT·article', {
-      display: "block",
-      fontFamily: "'Noto Sans JP', Arial, sans-serif",
-      fontSize: "16px",
-      lineHeight: "1.4",
-      fontWeight: font_weight,
-      maxWidth: "46.875rem !important",
-      margin: "0 auto",
-      backgroundColor: surface_0,
-      color: content_main,
-      boxSizing: "border-box !important"
-    });
-    
-    // Default padding if pagination fails or is bypassed
-    apply('RT·article:not(:has(RT·page))', { padding: "3rem !important" });
-
-    // Apply specific element scales
-    const element_styles = [
-      [ 'RT·article h1', { 
-          fontSize:   "1.5rem", 
-          textAlign:  "center", 
-          color:      brand_primary, 
-          fontWeight: "500", 
-          marginTop:  "1.5rem", 
-          lineHeight: "1.15" 
-      }],
-      
-      [ 'RT·article h2', { 
-          fontSize:   "1.25rem", 
-          color:      brand_secondary, 
-          textAlign:  "left", 
-          marginTop:  "2rem", 
-          marginLeft: "0" 
-      }],
-      
-      [ 'RT·article h3', { 
-          fontSize:   "1.125rem", 
-          color:      brand_tertiary, 
-          textAlign:  "left", 
-          marginTop:  "1.5rem", 
-          marginLeft: "4ch" 
-      }],
-      
-      [ 'RT·article h4', { 
-          fontSize:   "1.05rem", 
-          color:      content_main, 
-          fontWeight: "600", 
-          textAlign:  "left", 
-          marginTop:  "1.25rem", 
-          marginLeft: "8ch" 
-      }],
-      
-      [ 'RT·article p, RT·article ul, RT·article ol', { 
-          color:        content_main, 
-          textAlign:    "justify", 
-          marginBottom: "1rem", 
-          marginLeft:   "0" 
-      }],
-      
-      [ 'RT·article li', { 
-          marginBottom: "0.5rem" 
-      }],
-      
-      [ 'RT·article RT·code', { 
-          fontFamily:      "'Courier New', Courier, monospace", 
-          backgroundColor: surface_code, 
-          padding:         "0.125rem 0.25rem", 
-          color:           content_main 
-      }],
-      
-      [ 'RT·article img', { 
-          maxWidth: "100%", 
-          height:   "auto", 
-          display:  "block", 
-          margin:   "1.5rem auto" 
-      }],
-
-      [ 'RT·article table', { 
-          width: "100%", 
-          borderCollapse: "collapse", 
-          marginBottom: "1.5rem" 
-      }],
-      
-      [ 'RT·article th, RT·article td', { 
-          verticalAlign: "top", 
-          padding: "0.75rem 1rem 0.75rem 0", 
-          textAlign: "left" 
-      }]
-
-    ];
-
-    element_styles.forEach(rule => apply(rule[0], rule[1]));
+  const t = function(...path){ return window.RT.theme('read' ,...path); };
+
+  function compile_configuration(){
+    window.RT.layout_config = {
+      surface_0: t('surface' ,'0')
+      ,surface_code: t('surface' ,'code')
+      ,content_main: t('content' ,'main')
+      ,brand_primary: t('brand' ,'primary')
+      ,brand_secondary: t('brand' ,'secondary')
+      ,brand_tertiary: t('brand' ,'tertiary')
+      ,border_default: t('border' ,'regular')
+      ,content_muted: t('content' ,'muted')
+      ,is_dark: t('meta' ,'is_dark')
+      ,font_weight: t('meta' ,'is_dark') === false ? "600" : "400"
+      ,font_family: "'Noto Sans JP', Arial, sans-serif"
+      ,brand_link: t('brand', 'link') || '#0056b3'
+      ,surface_3: t('surface', '3') || '#ccc'
+      ,border_strong: t('border', 'strong')
+      ,border_faint: t('border', 'faint')
+    };
   }
 
-  // =========================================================
-  // Phase 3: Post-Pagination Styling
-  // =========================================================
-  function apply_page_styles() {
-    const surface_0 = t('surface', '0');
-    const brand_primary = t('brand', 'primary');
+  // Execute immediately
+  compile_configuration();
 
-    // Strip internal padding so the pages can dictate the margin/padding layout
-    apply('RT·article:has(RT·page)', { padding: "0 !important" });
+  function apply_macro_boundaries(){
+    const conf = window.RT.layout_config;
+    const article_seq = document.querySelectorAll('RT·article');
     
-    // Style the actual page wrappers
-    apply('RT·article RT·page', {
-      position: "relative", 
-      display: "block", 
-      padding: "3rem",
-      margin: "1.25rem auto", 
-      backgroundColor: surface_0,
-      boxShadow: `0 0 0.625rem ${brand_primary}`
-    });
+    for(let i = 0; i < article_seq.length; i++){
+      let style = article_seq[i].style;
+      style.display = "block";
+      style.fontFamily = conf.font_family;
+      style.fontSize = "16px";
+      style.lineHeight = "1.4";
+      style.fontWeight = conf.font_weight;
+      style.maxWidth = "46.875rem";
+      style.margin = "0 auto";
+      style.backgroundColor = conf.surface_0;
+      style.color = conf.content_main;
+      style.boxSizing = "border-box";
+      
+      if(!article_seq[i].querySelector('RT·page')){
+         style.padding = "3rem";
+      } else {
+         style.padding = "0";
+      }
+    }
+
+    required_elements.forEach(name => RT.load('Element/' + name));
+
+    if(RT.Element && RT.PageStyle){
+      RT.Element.add(compile_configuration); // Re-evaluate on render pass
+      RT.Element.add(apply_macro_boundaries);
+      RT.PageStyle.add(apply_macro_boundaries);
+    }
+
+    const page_seq = document.querySelectorAll('RT·article RT·page');
+    for(let i = 0; i < page_seq.length; i++){
+       let p_style = page_seq[i].style;
+       p_style.position = "relative";
+       p_style.display = "block";
+       p_style.padding = "3rem";
+       p_style.margin = "1.25rem auto";
+       p_style.backgroundColor = conf.surface_0;
+       p_style.boxShadow = "0 0 0.625rem " + conf.brand_primary;
+    }
   }
 
-  //----------------------------------------
-  // Registration upon load
-  //
-  
-  // Load the element files
   required_elements.forEach(name => RT.load('Element/' + name));
 
-  if (RT.Element && RT.PageStyle) {
-    RT.Element.add(apply_base_styles);
-    RT.PageStyle.add(apply_page_styles);
-  } else {
-    console.error("RT.Element or RT.PageStyle not defined, was the stage_manager run?");
+  if(RT.Element && RT.PageStyle){
+    RT.Element.add(compile_configuration);
+    RT.Element.add(apply_macro_boundaries);
+    RT.PageStyle.add(apply_macro_boundaries);
   }
 
 })();
diff --git a/shared/tool/version b/shared/tool/version
index 82279fc..eac8c7f 100755
--- a/shared/tool/version
+++ b/shared/tool/version
@@ -1,4 +1,4 @@
-echo "RT-style 2026-07-01 10:36:21 Z"
+echo "RT-style v5.0 2026-08-03 09:28:23 Z"
 echo "Harmony v3.3 2026-06-21 13:20:18 Z"