:root{--osw-color-primary: #42145f;--osw-color-secondary: #42145f;--osw-color-header: #f092cd;--osw-font-size-tiny: .75rem;--osw-font-size-small: .875rem;--osw-font-size-normal: 1rem;--osw-font-size-large: 1.125rem;--osw-font-size-huge: 1.25rem;--osw-line-height-small: 1.25rem;--osw-line-height-normal: 1.5rem;--osw-line-height-large: 1.625rem;--osw-heading-size-small: 1.25rem;--osw-heading-size-normal: 1.5rem;--osw-heading-size-large: 1.875rem;--osw-heading-size-huge: 2.625rem;--osw-heading-size-enormous: 3.125rem;--osw-heading-line-height-small: 1.75rem;--osw-heading-line-height-normal: 1.875rem;--osw-heading-line-height-large: 2.375rem;--osw-heading-line-height-huge: 3.375rem;--osw-heading-line-height-enormous: 3.875rem;--osw-corner-xs: 3px;--osw-corner-sm: 4px;--osw-corner-md: 6px;--osw-corner-lg: 8px;--osw-corner-xl: 20px;--osw-shadow-hard-bottom: 0 1px 0 0 #00000036;--osw-shadow-hard-top: 0 -1px 0 0 #00000036;--osw-shadow-hard-outside: 0 0 0 1px #00000036;--osw-shadow-soft-bottom: 0 1px 6px 0 #00000014, 0 20px 20px -15px #0000000d;--osw-shadow-soft-center: 0 0 0 1px #0000000f, 0 0 8px #00000026}:root{--cfnl-color-grey: #777876;--cfnl-color-orange: #eb8c3a;--cfnl-color-red: #df5531;--cfnl-color-green: #71bf9d;--cfnl-color-meedoen: #97bd2e;--cfnl-color-meeleren: #348faa;--cfnl-color-meekijken: #56165c;--cfnl-corner: 5px}:root{--sfpc-color-text: #000000;--sfpc-color-page: #ffffff;--sfpc-color-off-page: #f5f5f5;--sfpc-color-rule: #d3d3d3;--sfpc-color-link-underline: #0000ff;--sfpc-color-link-visited-underline: #800080;--sfpc-color-link-internal-underline: #a9a9a9;--sfpc-font-heading: "Mulish", "Muli";--sfpc-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sfpc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sfpc-measure: calc(30rem + 5em)}:root{--color-primary: var(--osw-color-primary);--color-primary-hover: #2e0d43;--color-primary-subtle: #f3edf7;--color-accent: var(--osw-color-header);--color-accent-hover: #ea7bbf;--color-accent-subtle: #fce9f5;--color-heading: var(--osw-color-primary);--color-text: var(--sfpc-color-text);--color-text-muted: #5c5c5c;--color-border: var(--sfpc-color-rule);--color-surface: var(--sfpc-color-page);--color-background: var(--sfpc-color-off-page);--color-on-primary: #ffffff;--color-on-endorsement: #ffffff;--color-input-border: #8c8c8c;--color-divider: #eeeeee;--color-on-accent: var(--osw-color-primary);--color-focus: var(--osw-color-header);--color-link: var(--sfpc-color-text);--color-link-underline: var(--sfpc-color-link-underline);--color-link-visited-underline: var(--osw-color-primary);--color-link-internal-underline: var(--sfpc-color-link-internal-underline);--color-meedoen: var(--cfnl-color-meedoen);--color-meeleren: var(--cfnl-color-meeleren);--color-meekijken: var(--cfnl-color-meekijken);--color-endorsement: var(--cfnl-color-grey);--color-endorsement-highlight: var(--cfnl-color-orange);--color-credits-background: #000000;--color-credits-text: #ffffff;--color-credits-role: #a6a6a6;--font-family-heading: var(--sfpc-font-heading), var(--sfpc-font-body);--font-family-body: var(--sfpc-font-body);--font-family-mono: var(--sfpc-font-mono);--font-size-tiny: var(--osw-font-size-tiny);--font-size-small: var(--osw-font-size-small);--font-size-normal: var(--osw-font-size-normal);--font-size-large: var(--osw-font-size-large);--font-size-huge: var(--osw-font-size-huge);--line-height-small: var(--osw-line-height-small);--line-height-normal: var(--osw-line-height-normal);--line-height-large: var(--osw-line-height-large);--heading-size-small: var(--osw-heading-size-small);--heading-size-normal: var(--osw-heading-size-normal);--heading-size-large: var(--osw-heading-size-large);--heading-size-huge: var(--osw-heading-size-huge);--heading-size-enormous: var(--osw-heading-size-enormous);--heading-line-height-small: var(--osw-heading-line-height-small);--heading-line-height-normal: var(--osw-heading-line-height-normal);--heading-line-height-large: var(--osw-heading-line-height-large);--heading-line-height-huge: var(--osw-heading-line-height-huge);--heading-line-height-enormous: var(--osw-heading-line-height-enormous);--measure: var(--sfpc-measure);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--corner-xs: var(--osw-corner-xs);--corner-sm: var(--osw-corner-sm);--corner-md: var(--osw-corner-md);--corner-lg: var(--osw-corner-lg);--corner-xl: var(--osw-corner-xl);--shadow-hard-bottom: var(--osw-shadow-hard-bottom);--shadow-hard-top: var(--osw-shadow-hard-top);--shadow-hard-outside: var(--osw-shadow-hard-outside);--shadow-soft-bottom: var(--osw-shadow-soft-bottom);--shadow-soft-center: var(--osw-shadow-soft-center);--container-width: 1128px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ds{background:var(--color-background);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-normal);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}.ds strong,.ds b{font-weight:bold}.ds em,.ds i{font-style:italic}.ds :focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--corner-xs)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media print{@page{size:21cm 29.7cm;margin:2cm 1cm}.ds{background:none}.hero .button-row{display:none}}.heading-enormous,.heading-huge,.heading-large,.heading-normal,.heading-small{font-family:var(--font-family-heading);font-weight:bold;color:var(--color-heading)}.heading-enormous{font-size:var(--heading-size-enormous);line-height:var(--heading-line-height-enormous)}.heading-huge{font-size:var(--heading-size-huge);line-height:var(--heading-line-height-huge)}.heading-large{font-size:var(--heading-size-large);line-height:var(--heading-line-height-large)}.heading-normal{font-size:var(--heading-size-normal);line-height:var(--heading-line-height-normal)}.heading-small{font-size:var(--heading-size-small);line-height:var(--heading-line-height-small)}.text-large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.text-small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.text-muted{color:var(--color-text-muted)}.ds code{font-family:var(--font-family-mono);font-size:.875em;background:var(--color-primary-subtle);padding:1px 4px;border-radius:var(--corner-xs)}.ds pre{max-width:var(--measure);padding:var(--space-4);overflow-x:auto;background:var(--color-surface);border-radius:var(--corner-lg);box-shadow:var(--shadow-hard-outside);font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:var(--line-height-normal)}.ds pre code{background:none;padding:0;font-size:inherit}:where(.ds) :where(a:not([class]), .link){color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-decoration-thickness:2px;text-underline-offset:3px}:where(.ds) :where(a:not([class]), .link):visited{text-decoration-color:var(--color-link-visited-underline)}:where(.ds) :where(a:not([class])[href^="#"], .link[href^="#"]){text-decoration-color:var(--color-link-internal-underline)}:where(.ds) :where(a:not([class]), .link):hover{background:var(--color-background)}.button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:2px solid transparent;border-radius:var(--corner-md);font-family:inherit;font-size:var(--font-size-normal);font-weight:bold;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .15s, color .15s, border-color .15s}.button--primary{background:var(--color-primary);color:var(--color-on-primary)}.button--primary:hover{background:var(--color-primary-hover)}.button--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--secondary:hover{background:var(--color-primary-subtle)}.button--accent{background:var(--color-accent);color:var(--color-on-accent)}.button--accent:hover{background:var(--color-accent-hover)}.button--on-dark{background:var(--color-surface);color:var(--color-primary)}.button--on-dark:hover{background:var(--color-accent-subtle)}.tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--corner-sm);background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:bold}.tag--accent{background:var(--color-accent);color:var(--color-on-accent)}.tag--meedoen,.tag--meeleren,.tag--meekijken{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-hard-outside)}.tag--meedoen::before,.tag--meeleren::before,.tag--meekijken::before{content:"";display:inline-block;width:.625em;height:.625em;margin-right:var(--space-1);border-radius:50%;background:currentColor}.tag--meedoen::before{background:var(--color-meedoen)}.tag--meeleren::before{background:var(--color-meeleren)}.tag--meekijken::before{background:var(--color-meekijken)}.keyword{font-weight:bold;letter-spacing:.02em;text-transform:uppercase}.keyword--must{color:var(--color-text)}.keyword--should{color:var(--color-text);font-style:italic}.keyword--optional{color:var(--color-text-muted)}.label{font-weight:bold}.input{min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--corner-md);font:inherit;background:var(--color-surface);color:var(--color-text)}.input:focus{outline:3px solid var(--color-focus);outline-offset:0;border-color:var(--color-primary)}.wordmark{display:inline-block;font-family:var(--font-family-heading);font-weight:bold;font-size:1.75rem;line-height:1;letter-spacing:-.01em;color:var(--color-on-accent);text-decoration:none}.field{display:flex;flex-direction:column;gap:var(--space-1);max-width:400px}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.alert{max-width:var(--measure);padding:var(--space-4) var(--space-5);border-left:4px solid var(--color-primary);border-radius:var(--corner-sm);background:var(--color-primary-subtle)}.alert--accent{border-left-color:var(--color-accent);background:var(--color-accent-subtle)}.link-list{list-style:none;margin:0;padding:0}.link-list>li+li{box-shadow:var(--shadow-hard-top)}.link-list>li>a{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--color-primary);font-weight:bold;text-decoration:none}.link-list>li>a::after{content:"→";flex:none;transition:transform .15s}.link-list>li>a:hover{background:var(--color-primary-subtle)}.link-list>li>a:hover::after{transform:translateX(4px)}.link-list--described>li{padding-bottom:var(--space-3)}.link-list--described>li>a{padding-bottom:var(--space-1)}.link-list__description{padding:0 var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-small)}.endorsement{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-small);line-height:var(--line-height-small);text-decoration:none;color:inherit}.endorsement__mark{display:inline-flex;align-items:center;gap:.3em;padding:var(--space-1) var(--space-2);border-radius:var(--corner-sm);background:var(--color-surface);color:var(--color-endorsement);font-weight:bold;font-size:var(--font-size-normal);text-transform:uppercase;letter-spacing:.02em}.endorsement__highlight{padding:0 .25em;background:var(--color-endorsement-highlight);color:var(--color-on-endorsement)}a.endorsement:hover .endorsement__mark{box-shadow:0 0 0 2px var(--color-accent)}.hero{background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-8) 0 var(--space-7)}.hero h1{max-width:18ch;font-family:var(--font-family-heading);font-size:var(--heading-size-huge);line-height:var(--heading-line-height-huge);font-weight:bold}.hero p{margin-top:var(--space-4);max-width:var(--measure);font-size:var(--font-size-huge);line-height:var(--line-height-large)}.hero .button-row{margin-top:var(--space-6)}.hero a:not([class]){color:var(--color-on-primary);text-decoration-color:var(--color-accent)}.hero a:not([class]):hover{background:none}@media (max-width: 720px){.hero h1{font-size:var(--heading-size-large);line-height:var(--heading-line-height-large)}}.hero--with-image{background-color:var(--color-primary);background-image:linear-gradient(90deg, var(--color-primary) 30%, color-mix(in srgb, var(--color-primary) 80%, transparent) 55%, color-mix(in srgb, var(--color-primary) 20%, transparent)),var(--hero-image);background-size:cover;background-position:center 35%}@media (max-width: 720px){.hero--with-image{background-image:linear-gradient(color-mix(in srgb, var(--color-primary) 90%, transparent) 0 0),var(--hero-image)}}.card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--corner-lg);box-shadow:var(--shadow-soft-bottom);overflow:hidden;transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow-soft-center)}.card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-accent-subtle)}.card__body{display:flex;flex-direction:column;gap:var(--space-3);flex:1;padding:var(--space-5)}.card__title{font-family:var(--font-family-heading);font-size:var(--heading-size-small);line-height:var(--heading-line-height-small);font-weight:bold;color:var(--color-heading)}.card__footer{margin-top:auto;padding-top:var(--space-2)}.card--featured{box-shadow:0 0 0 3px var(--color-accent),var(--shadow-soft-bottom)}.card--meedoen{border-top:6px solid var(--color-meedoen)}.card--meeleren{border-top:6px solid var(--color-meeleren)}.card--meekijken{border-top:6px solid var(--color-meekijken)}.community{--community-divider: color-mix(in srgb, var(--color-on-accent) 15%, transparent);padding:var(--space-4) var(--space-5);border-radius:var(--corner-lg);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-soft-bottom)}.community__title{font-family:var(--font-family-heading);font-size:var(--heading-size-normal);line-height:var(--heading-line-height-normal);font-weight:bold}.community__items{margin:var(--space-3) 0 0;padding:0;list-style:none}.community__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.community__item+.community__item{margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--community-divider)}.community__kicker{font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:bold;letter-spacing:.08em;text-transform:uppercase}.community__text{font-family:var(--font-family-heading);font-size:var(--font-size-large);line-height:var(--line-height-large);font-weight:bold}.community__link{color:inherit;font-weight:bold;text-decoration-color:currentColor}.document-list{margin:0;padding:0;list-style:none;background:var(--color-surface);border-radius:var(--corner-lg);box-shadow:var(--shadow-soft-bottom);overflow:hidden}.document-list li+li{box-shadow:var(--shadow-hard-top)}.document{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-5);align-items:center;padding:var(--space-5);color:var(--color-text);text-decoration:none;transition:background-color .15s}.document:hover{background:var(--color-primary-subtle)}.document__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-family:var(--font-family-heading);font-size:var(--heading-size-small);line-height:var(--heading-line-height-small);font-weight:bold;color:var(--color-heading)}.document__description{grid-column:1;max-width:var(--measure)}.document__cta{grid-column:2;grid-row:1 / span 2;color:var(--color-primary);font-weight:bold;white-space:nowrap}.document__cta::after{content:"→";display:inline-block;margin-left:var(--space-2);transition:transform .15s}.document:hover .document__cta::after{transform:translateX(4px)}.document:hover .document__title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}@media (max-width: 720px){.document{grid-template-columns:1fr}.document__cta{grid-column:1;grid-row:auto;margin-top:var(--space-2)}}.widget{background:var(--color-surface);border-radius:var(--corner-lg);box-shadow:var(--shadow-soft-bottom);overflow:hidden}.widget__title{margin:0;padding:var(--space-4) var(--space-5);background:var(--color-primary);color:var(--color-on-primary);font-weight:bold;font-size:var(--font-size-large)}.requirements{max-width:var(--measure);list-style:none;margin:0;padding:0;background:var(--color-surface);border-top:1px solid var(--color-border)}.requirements li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:var(--space-5);list-style:none;margin:0;padding:0}.stats__item{padding:var(--space-5);border-radius:var(--corner-lg);background:var(--color-surface);box-shadow:var(--shadow-soft-bottom)}.stats__number{display:block;font-family:var(--font-family-heading);font-weight:bold;font-size:var(--heading-size-huge);line-height:var(--heading-line-height-huge);color:var(--color-heading)}.stats__label{display:block;color:var(--color-text-muted)}.credits{display:flex;flex-direction:column;align-items:center;gap:var(--space-7);text-align:center;color:var(--color-credits-text)}.credits__title{font-family:var(--font-family-heading);font-size:var(--font-size-normal);line-height:var(--line-height-normal);font-weight:bold;letter-spacing:.3em;text-transform:uppercase}.credits__group{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.credits__role{font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:normal;letter-spacing:.25em;text-transform:uppercase;color:var(--color-credits-role)}.credits__names{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);list-style:none;margin:0;padding:0}.credit{display:inline-flex;align-items:center;gap:var(--space-3);color:inherit;font-family:var(--font-family-heading);font-size:var(--heading-size-small);line-height:var(--heading-line-height-small);font-weight:bold;text-decoration:none}.credit__logo{width:auto;height:28px;max-width:40px;flex:none;object-fit:contain}.credit__logo--wordmark{height:24px;max-width:120px}a.credit:hover .credit__name,a.credit:focus-visible .credit__name{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:4px}.site-footer{margin-top:var(--space-8);background:var(--color-credits-background);color:var(--color-credits-text);padding:var(--space-8) 0 var(--space-6)}.site-footer a:not([class]){color:var(--color-credits-text);text-decoration-color:var(--color-accent)}.site-footer a:not([class]):hover{background:none}.site-footer__colofon{margin-top:var(--space-8);text-align:center;color:var(--color-credits-role)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-5)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--space-5)}.stack>*+*{margin-top:var(--space-4)}.sidebar-layout{display:grid;grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr);gap:var(--space-6);align-items:start}.sidebar-layout__main{grid-column:1;grid-row:1}.sidebar-layout__main>h2+*{margin-top:var(--space-4)}.sidebar-layout__aside{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:var(--space-5)}@media (max-width: 900px){.sidebar-layout{grid-template-columns:1fr}.sidebar-layout__main,.sidebar-layout__aside{grid-column:1;grid-row:auto}}.prose{padding-top:var(--space-6)}.prose>h2{margin-top:var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--color-border);font-family:var(--font-family-heading);font-size:var(--heading-size-large);line-height:var(--heading-line-height-large);font-weight:bold;color:var(--color-heading)}.prose>h2:first-child{margin-top:0;padding-top:0;border-top:0}.prose>h3{margin-top:var(--space-6);font-family:var(--font-family-heading);font-size:var(--heading-size-small);line-height:var(--heading-line-height-small);font-weight:bold;color:var(--color-heading)}.prose>p,.prose>ul:not([class]),.prose>ol:not([class]){margin-top:var(--space-3);max-width:var(--measure)}.prose>ul:not([class]){list-style:disc;padding-left:var(--space-5)}.prose>ol:not([class]){list-style:decimal;padding-left:var(--space-5)}.prose>ul[class]{margin-top:var(--space-4)}.prose>div,.prose>table,.prose>figure{margin-top:var(--space-4)}.prose table{width:100%;max-width:var(--measure);border-collapse:collapse;background:var(--color-surface);border-radius:var(--corner-lg);overflow:hidden;box-shadow:var(--shadow-soft-bottom)}.prose th,.prose td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.prose th{font-weight:bold;background:var(--color-primary-subtle);color:var(--color-primary)}.prose tr:last-child td{border-bottom:0}.brand-tree{display:grid;gap:var(--space-4);justify-items:center}.brand-tree__parents{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-5);width:100%}.brand-node{padding:var(--space-5);border-radius:var(--corner-lg);background:var(--color-surface);box-shadow:var(--shadow-soft-bottom)}.brand-node__kicker{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-muted)}.brand-node__title{margin-top:var(--space-1);font-family:var(--font-family-heading);font-weight:bold;font-size:var(--heading-size-small);line-height:var(--heading-line-height-small);color:var(--color-heading)}.brand-node__motto{margin-top:var(--space-1);font-weight:bold}.brand-node ul{margin-top:var(--space-3);padding-left:var(--space-5);list-style:disc}.brand-node li+li{margin-top:var(--space-1)}.brand-node--osw{border-top:6px solid var(--osw-color-header)}.brand-node--sfpc{border-top:6px solid var(--sfpc-color-text)}.brand-node--cfnl{border-top:6px solid var(--cfnl-color-orange)}.brand-node--self{width:min(100%, 560px);text-align:center;border-top:6px solid var(--color-primary);background:linear-gradient(90deg, var(--color-accent-subtle), var(--color-surface))}.brand-tree__join{position:relative;width:calc(66.666% + var(--space-5) * 2 / 3);height:32px;border:2px solid var(--color-border);border-top:0;border-radius:0 0 var(--corner-lg) var(--corner-lg)}.brand-tree__join::after{content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:100%;background:var(--color-border)}.brand-tree__stem{width:2px;height:24px;background:var(--color-border)}.atomic-chain{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);align-items:center}.atomic-chain a{padding:var(--space-2) var(--space-4);border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);font-weight:bold;text-decoration:none}.atomic-chain a:hover{background:var(--color-primary-hover)}.atomic-chain span{color:var(--color-text-muted)}@media (max-width: 900px){.brand-tree__parents{grid-template-columns:1fr}.brand-tree__join{display:none}}.origin{display:inline-block;padding:0 var(--space-2);border-radius:var(--corner-sm);font-size:var(--font-size-tiny);font-weight:bold;line-height:1.25rem;white-space:nowrap}.origin--osw{background:var(--osw-color-header);color:var(--osw-color-primary)}.origin--sfpc{background:var(--sfpc-color-text);color:var(--sfpc-color-page)}.origin--cfnl{background:var(--cfnl-color-orange);color:#000000}.origin--self{background:var(--color-primary-subtle);color:var(--color-primary)}.swatches{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:var(--space-4)}.swatch{background:var(--color-surface);border-radius:var(--corner-lg);box-shadow:var(--shadow-soft-bottom);overflow:hidden}.swatch__chip{height:88px;box-shadow:inset 0 -1px 0 #0000001a}.swatch__meta{padding:var(--space-3) var(--space-4);font-size:var(--font-size-small);line-height:var(--line-height-small)}.swatch__meta code{display:block;background:none !important;padding:0 !important;color:var(--color-text-muted)}.swatch__meta .origin{margin-top:var(--space-2)}.demo-row{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center}.demo-row figure{text-align:center;font-size:var(--font-size-small)}.demo-row figcaption{margin-top:var(--space-2)}.demo-box{width:96px;height:64px;background:var(--color-surface);border-radius:var(--corner-lg)}.demo-bar{display:block;height:12px;background:var(--color-accent)}.demo-dark{padding:var(--space-5);background:var(--color-primary);border-radius:var(--corner-lg)}