/* SYSTEM V5: editorial topic lines and native disclosure. */
body[data-page="the-system"] .copy-unit{margin:0 0 28px}
body[data-page="the-system"] .topic-line{margin:0 0 10px;color:var(--forest);font:600 clamp(18px,1.5vw,22px)/1.4 var(--sans);letter-spacing:-.015em;text-wrap:pretty;max-width:54ch}
body[data-page="the-system"] .copy-unit p{margin:0;color:var(--ink);font-size:var(--fs-body);line-height:1.7;max-width:64ch}
body[data-page="the-system"] .field .topic-line{color:#f2f0e6}
body[data-page="the-system"] .field .copy-unit p{color:var(--on-dark-body)}
body[data-page="the-system"] .copy-boundary-inline{border-left:2px solid var(--gold);padding-left:18px;color:var(--fine);font-size:14px;line-height:1.65}
body[data-page="the-system"] .copy-expand{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-page="the-system"] .copy-expand summary{padding:16px 4px;cursor:pointer;color:var(--forest);font:600 14px/1.5 var(--sans)}
body[data-page="the-system"] .copy-expand summary::marker{color:var(--gold-access)}
body[data-page="the-system"] .copy-expand summary:hover{color:var(--gold-access)}
body[data-page="the-system"] .copy-expand summary:focus-visible{outline:2px solid var(--gold-access);outline-offset:4px}
body[data-page="the-system"] .copy-expanded{padding:0 4px 22px;max-width:90ch;color:var(--fine);font-size:14px;line-height:1.7}
body[data-page="the-system"] .copy-expanded p{font-size:14px;line-height:1.7;margin:0 0 16px}
body[data-page="the-system"] .copy-expanded p:last-child{margin-bottom:0!important}
body[data-page="the-system"] .field .copy-expand{border-color:var(--line-dark)}
body[data-page="the-system"] .field .copy-expand summary{color:var(--gold-light)}
body[data-page="the-system"] .field .copy-expanded{color:var(--on-dark-fine)}
body[data-page="the-system"] .boundary-note{border:0;border-left:2px solid var(--gold);border-radius:0;background:rgba(184,152,90,.04);padding:22px 26px}
body[data-page="the-system"] .boundary-note p,body[data-page="the-system"] .boundary-note li{font-size:14px;line-height:1.7;color:var(--fine);max-width:95ch}
body[data-page="the-system"] .boundary-note ul{margin:14px 0 0;padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 34px}
body[data-page="the-system"] .field .boundary-note p{color:var(--on-dark-fine)}
body[data-page="the-system"] .analysis-icon{display:block;width:42px;height:42px;stroke:var(--gold-access);stroke-width:1.3;fill:none;margin-bottom:22px;stroke-linecap:round;stroke-linejoin:round}
body[data-page="the-system"] .tile--analysis .tile-q{max-width:none;font-size:clamp(23px,2.1vw,31px);margin:20px 0 14px}
body[data-page="the-system"] .tile--analysis .analysis-benefit{font-size:16px;line-height:1.65;max-width:44ch}
body[data-page="the-system"] .precedent{grid-template-columns:1fr;gap:0;padding-block:44px}
body[data-page="the-system"] .precedent-head,body[data-page="the-system"] .precedent-body,body[data-page="the-system"] .precedent-wide{grid-column:1}
body[data-page="the-system"] .precedent-head .h4{font-size:clamp(25px,2.4vw,34px);margin-bottom:24px}
body[data-page="the-system"] .precedent-head .formula{max-width:66ch;font-size:22px}
body[data-page="the-system"] .precedent-body{margin-top:12px}
body[data-page="the-system"] .precedent-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;margin-bottom:16px}
body[data-page="the-system"] .precedent-limit{padding-left:28px;border-left:1px solid var(--line)}
body[data-page="the-system"] .precedent-limit p{max-width:54ch;font-size:16px;line-height:1.7;color:var(--fine)}
body[data-page="the-system"] .copy-kicker{color:var(--gold-access)!important;font:600 11px/1.4 var(--sans)!important;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px}
body[data-page="the-system"] .precedent-wide{margin-top:8px}
body[data-page="the-system"] .metrics--dense .metric-label{max-width:25ch}
body[data-page="the-system"] .section:not(#what-it-is) .m-word,body[data-page="the-system"] .section:not(#what-it-is) .eyebrow{opacity:1!important;transform:none!important}
body[data-page="the-system"] .media--mask img{clip-path:inset(0)}
@media(max-width:760px){body[data-page="the-system"] .precedent-pair{grid-template-columns:1fr;gap:12px}body[data-page="the-system"] .precedent-limit{padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}body[data-page="the-system"] .boundary-note ul{grid-template-columns:1fr}body[data-page="the-system"] .boundary-note{padding:20px}body[data-page="the-system"] .copy-unit{margin-bottom:24px}}
@media print{.copy-expand::details-content{display:block!important;content-visibility:visible!important;height:auto!important}.copy-expand>*{display:block!important}.confluence-title,.confluence-description{opacity:1!important;clip-path:none!important;transform:none!important}.confluence-tools{display:none!important}.copy-unit,.precedent-pair{break-inside:avoid}}

.copy-metric-number{display:inline-block;text-align:left;font-variant-numeric:tabular-nums}
/* SYSTEM only: transparent choreography; static, readable HTML is the baseline. */
#what-it-is .confluence{margin-top:0;margin-bottom:56px;--axis-x:#234576;--axis-y:#223d2e;--axis-z:#c6beb3}
.confluence-field{position:relative;background:transparent;border:0}
.confluence-stage{position:relative;height:320px;overflow:hidden;cursor:grab;touch-action:pan-y;max-width:960px;margin:auto}
.confluence-stage:active{cursor:grabbing}
.confluence-stage canvas,.confluence-fallback{display:block;position:absolute;inset:0;width:100%;height:100%}
.confluence-stage canvas{opacity:0}.is-ready .confluence-stage canvas{opacity:1}.is-ready .confluence-fallback{display:none}
.confluence-label{opacity:0;position:absolute;transform:translate(-50%,-50%);font-family:Newsreader,Georgia,serif;font-size:27px;line-height:1;color:#223d2e;pointer-events:none}
.confluence-title{margin:8px auto 0;max-width:1100px;padding:4px 8px 10px;will-change:clip-path,opacity}
.confluence-title .eyebrow{margin-bottom:22px}
.confluence-title .h1{max-width:none}
.confluence-description{max-width:1000px;margin:28px auto 0;will-change:opacity,transform}
.confluence-description .topic{margin:0 auto;max-width:62ch}
.confluence-cta{text-align:center;margin:20px auto 0}
.confluence-tools{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px auto 0;color:#6d746d;font-size:10px;letter-spacing:.025em;min-height:36px}
.confluence-tools>div{display:flex;gap:6px}.confluence-tools button{display:none;background:transparent;color:#435c50;border:1px solid #b8985a55;padding:7px 10px;font:inherit;letter-spacing:0;border-radius:2px;cursor:pointer;min-height:34px}
.is-ready .confluence-tools button{display:block}.confluence-tools button:hover{background:#b8985a0b}.confluence-tools button:disabled{opacity:.45;cursor:default}
.confluence-stage:focus-visible{outline:2px solid #b8985a;outline-offset:-4px}.confluence-tools button:focus-visible{outline:2px solid #234576;outline-offset:3px}
.confluence-links{display:flex;justify-content:center;gap:28px;margin:18px auto 0;max-width:720px}
.confluence-links a{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 8px;color:#223d2e;font-size:13px;font-weight:500;text-decoration:none;transition:background-color 180ms}
.confluence-links a:hover{background:#b8985a0d}.confluence-links a:focus-visible{outline:2px solid #234576;outline-offset:3px}
.confluence-links .axis-letter{font-family:Newsreader,Georgia,serif;font-size:23px;font-weight:400;line-height:1}.confluence-links a:nth-child(1) .axis-letter{color:#234576}.confluence-links a:nth-child(2) .axis-letter{color:#223d2e}.confluence-links a:nth-child(3) .axis-letter{color:#70685f}
.axis-swatch{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--swatch)}
#what-it-reads{scroll-margin-top:calc(var(--header-h) + 24px)}
@media(max-width:600px){.confluence-stage{height:245px}.confluence-title{padding-inline:0;margin-top:6px}.confluence-title .eyebrow{font-size:10px;margin-bottom:18px}.confluence-title .h1{font-size:clamp(32px,8.7vw,46px)}.confluence-description{margin-top:22px}.confluence-description .topic{font-size:18px;line-height:1.55}.confluence-tools{flex-direction:column;gap:8px;margin-top:18px}.confluence-tools>div{justify-content:center}.confluence-tools button{min-height:40px;font-size:10px}.confluence-links{gap:3px;justify-content:space-between;margin-top:14px}.confluence-links a{font-size:11px;gap:5px;padding:6px 2px}.confluence-links .axis-letter{font-size:23px}.confluence-links .axis-swatch,.confluence-links a>span:last-child{display:none}.confluence-label{font-size:24px}#what-it-is .confluence{margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){.confluence-links a{transition:none}.confluence-title,.confluence-description{opacity:1!important;clip-path:none!important;transform:none!important}html{scroll-behavior:auto!important}}

#what-it-is .system-intro-copy{max-width:900px}