.co-foundation-page{--co-blue:#6f99c8;--co-blue-soft:#edf4fb;--co-gold:#caa24b}
.co-foundation-landing,.co-foundation-article{max-width:900px;margin:0 auto}
.co-foundation-landing>header,.co-foundation-article>header{margin:24px 0 46px;padding:38px;border-radius:18px;background:linear-gradient(135deg,var(--deep),#284e79);color:#fff}
.co-foundation-landing>header .eyebrow,.co-foundation-article>header .eyebrow{color:var(--lime)}
.co-foundation-landing>header h1,.co-foundation-article>header h1{max-width:760px;margin:8px 0 15px;color:#fff;font:700 clamp(38px,6vw,64px)/.98 var(--serif);letter-spacing:-2px}
.co-foundation-landing>header p,.co-foundation-article>header p{max-width:760px;color:#dce8f5;font-size:14px;line-height:1.7}
.co-foundation-landing>section,.co-foundation-landing>aside,.co-foundation-article>section,.co-foundation-article>aside{margin:46px 0}
.co-foundation-landing h2,.co-foundation-article h2{margin:0 0 15px;font:700 29px/1.08 var(--serif);letter-spacing:-.7px}
.co-foundation-article h3{margin:25px 0 10px;font:700 19px/1.18 var(--serif)}
.co-foundation-article p,.co-foundation-landing p{line-height:1.72}
.co-question-progress{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center;margin:24px 0 14px;padding:14px 17px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.co-question-progress span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:1px}.co-question-progress strong{justify-self:end;font-size:10px}.co-question-progress div{grid-column:1/-1;height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.co-question-progress i{display:block;height:100%;border-radius:4px;background:var(--green)}
.answer-summary{margin:24px 0 0!important;padding:20px 22px;border-left:4px solid var(--lime);border-radius:0 10px 10px 0;background:#ffffff10;color:#fff!important;font-size:16px!important}
.concept-flow,.key-distinction,.callout,.numeric-example,.journal-entry,.reader-note{margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.concept-flow{border-top:3px solid var(--co-blue);background:linear-gradient(145deg,var(--surface),var(--co-blue-soft))}.concept-flow p{margin:0;text-align:center}
.key-distinction{border-left:4px solid var(--co-gold)}.callout{border-left:4px solid var(--green)}.reader-note{border-top:3px solid var(--co-blue)}
.comparison,.three-column,.four-stage{display:grid;gap:10px;margin:22px 0}.comparison,.three-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.four-stage{grid-template-columns:repeat(4,minmax(0,1fr))}
.comparison>*,.three-column>*,.four-stage>*{padding:19px;border:1px solid var(--line);border-top:3px solid var(--co-blue);border-radius:10px;background:var(--surface)}
.comparison h3,.three-column h3,.four-stage h3{margin-top:0}
.co-foundation-article table{width:100%;margin:24px 0;border-collapse:collapse;border:1px solid var(--line);background:var(--surface);font-size:12px}.co-foundation-article th,.co-foundation-article td{padding:13px;border:1px solid var(--line);text-align:left;vertical-align:top}.co-foundation-article th{background:var(--soft);color:var(--green);font-size:9px;letter-spacing:.5px;text-transform:uppercase}
.numeric-example,.journal-entry{overflow-x:auto}.journal-entry{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.object-flows,.erp-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.object-flows p,.erp-comparison>section{margin:0;padding:18px;border:1px solid var(--line);border-top:3px solid var(--co-blue);border-radius:9px;background:var(--surface)}
.b2r-spine{padding:18px;border-radius:10px;background:var(--deep);color:#fff;text-align:center}.co-foundation-article dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.co-foundation-article dt,.co-foundation-article dd{margin:0}.co-foundation-article dd{color:var(--muted)}
.co-foundation-article>footer{margin:48px 0 0}.takeaway{margin:0 0 20px;padding:20px 22px;border-left:4px solid var(--lime);border-radius:0 10px 10px 0;background:var(--deep);color:#fff}
.process-steps{display:grid;gap:9px;margin:22px 0;padding:0;counter-reset:co-step;list-style:none}.process-steps>li{position:relative;padding:17px 18px 17px 55px;border:1px solid var(--line);border-radius:9px;background:var(--surface);counter-increment:co-step}.process-steps>li:before{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--deep);color:#fff;font-size:9px;font-weight:900;content:counter(co-step)}
.practitioner-depth{margin:36px 0;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.practitioner-depth summary{padding:18px 21px;color:var(--green);font-size:11px;font-weight:900;cursor:pointer}.practitioner-depth>*:not(summary){margin-right:21px;margin-left:21px}.practitioner-depth>*:last-child{margin-bottom:21px}
.learning-path{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none;counter-reset:co-path}.learning-path li{counter-increment:co-path}.learning-path a{display:grid;grid-template-columns:42px 1fr;gap:5px 14px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s}.learning-path a:before{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--step-marker-border);border-radius:50%;background:var(--step-marker-bg);color:var(--step-marker-ink);font-size:10px;font-weight:800;content:counter(co-path,decimal-leading-zero)}.learning-path a:hover,.learning-path a:focus-visible{transform:translateY(-2px);border-color:var(--green);outline:0}.learning-path span{color:var(--muted);font-size:12px}
.page-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:34px 0 10px;padding-top:22px;border-top:1px solid var(--line)}.page-nav a,.primary-cta{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--green);font-size:13px;font-weight:800;line-height:1.35;text-decoration:none;transition:border-color .18s,background .18s,transform .18s}.page-nav a{display:grid;gap:4px;align-content:center;min-height:72px}.page-nav a[rel=next]{text-align:right}.page-nav a:before{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.page-nav a[rel=prev]:before{content:'Previous'}.page-nav a[rel=next]:before{content:'Next'}.page-nav a:hover,.page-nav a:focus-visible{border-color:var(--green);background:var(--soft);transform:translateY(-2px);outline:0}.primary-cta{display:inline-block;background:var(--deep);color:#fff}
@media(max-width:780px){.co-foundation-landing>header,.co-foundation-article>header{padding:25px}.comparison,.three-column,.four-stage,.object-flows,.erp-comparison{grid-template-columns:1fr}.page-nav{grid-template-columns:1fr}.page-nav a,.page-nav a[rel=next]{text-align:left}.co-foundation-article{overflow-wrap:anywhere}.co-foundation-article table{min-width:620px}.co-foundation-article section:has(>table){overflow-x:auto}}
body[data-theme=dark] .concept-flow{background:var(--surface)}body[data-theme=dark] .answer-summary{background:#ffffff0b}