// Direction B — SANCTUARY // Nature-inspired. Asymmetric two-column. Ridge motif as ornament. // Sage accent on numerals. Slightly more distinctive than Field Notes. const scStyles = { hero: { paddingBottom: 18, borderBottom: "0.5px solid var(--sr-sage-haze)", marginBottom: 14, }, pageTitle: { fontFamily: "var(--sr-serif)", fontWeight: 300, fontStyle: "italic", fontSize: 56, lineHeight: 1.0, letterSpacing: "-0.01em", color: "var(--sr-sage-mid)", margin: "10px 0 0", }, deck: { fontFamily: "var(--sr-serif)", fontWeight: 400, fontSize: 14, lineHeight: 1.55, color: "var(--sr-ink)", margin: "8px 0 0", maxWidth: "60ch", }, bigInitial: { fontFamily: "var(--sr-serif)", fontWeight: 300, fontSize: 64, lineHeight: 0.8, color: "var(--sr-sage)", letterSpacing: "0.02em", }, numTick: { fontFamily: "var(--sr-sans)", fontSize: 9, fontWeight: 600, letterSpacing: "0.12em", color: "var(--sr-sage)", }, }; const RidgeRule = ({ color = "var(--sr-sage-mid)", opacity = 0.6, margin = "20px 0" }) => (
); // ───────────────────────────────────────────────────────────────────── function EmotionsSC() { const c = window.SR_CONTENT.emotions; return (
{c.eyebrow}

{c.title}

{c.deck}

{c.intro}

A Note from the Practice

{c.note}

{c.attribution}

); } // ───────────────────────────────────────────────────────────────────── function GroundingSC() { const c = window.SR_CONTENT.grounding; const startNumbers = { "The Five Senses": 1, "Breath": 13, "Mind & Naming": 39, "Imagery": 47, "Self-Compassion": 53, "With Your Hands": 61, }; const colLeft = [c.groups[0], c.groups[3], c.groups[4]]; const colRight = [c.groups[1], c.groups[5], c.groups[6]]; const renderGroup = (g) => { let n = startNumbers[g.name]; return (
{g.name}
    {g.items.map(item => { const num = n; n += 1; return (
  1. {String(num).padStart(2, "0")} {item}
    2. ); })}
); }; return (
{c.eyebrow}

{c.title}

{c.deck}

{c.intro}

{colLeft.map(renderGroup)}
{colRight.map(renderGroup)}
); } // ───────────────────────────────────────────────────────────────────── function RosenbergSC() { const c = window.SR_CONTENT.rosenberg; return (
{c.eyebrow}

{c.title}

{c.deck}

{c.intro}

{/* Legend */}
{c.legend.map(([k, v]) => ( {k} {v} ))}
{/* Items */}
    {c.items.map((item, i) => (
  1. {String(i + 1).padStart(2, "0")} {item} {[0,1,2,3].map(k => ( ))}
    2. ))}

Public domain. Reproduced from Rosenberg, M. (1965).

{/* Scoring & Interpretation */}
Scoring

Items 1, 3, 4, 7, 10

{c.scoringStandard.map(([label, val]) => (
{label.split(' ').map(w => w[0]).join('')}
{val}
))}

Items 2, 5, 6, 8, 9 — reverse-scored

{c.scoringReverse.map(([label, val]) => (
{label.split(' ').map(w => w[0]).join('')}
{val}
))}
Interpretation
    {c.bands.map(([range, label, desc]) => (
  • {range} {label}

    {desc}

    • ))}

{c.note}

); } // ───────────────────────────────────────────────────────────────────── // GROUNDING — SANCTUARY — Page 2 // The Body (20) + Movement (6) + When the Body Is Activated (6) function GroundingSC2() { const c = window.SR_CONTENT.grounding; const groupByName = Object.fromEntries(c.groups.map(g => [g.name, g])); const renderGroup = (name, startNum) => { const g = groupByName[name]; let n = startNum; return (
{name}
    {g.items.map(item => { const num = n; n += 1; return (
  1. {String(num).padStart(2, "0")} {item}
    2. ); })}
); }; return (
Grounding Reference · Continued

{c.title}

For when the body needs more than thought.

{renderGroup("The Body", 19)}
{renderGroup("Movement", 75)} {renderGroup("When the Body Is Activated", 81)}
A Note from the Practice

{c.note}

); } Object.assign(window, { EmotionsSC, GroundingSC, GroundingSC2, RosenbergSC });