/* Local SYSTEM refinement: scoped to intro, method precedents and hero canvas size. */
#what-it-is .system-intro-copy{max-width:var(--max)}
#what-it-is .system-intro-copy .body-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--gap-col);align-items:start;max-width:none}
#what-it-is .system-intro-copy .copy-boundary-inline{grid-column:1/-1}
#what-it-is .system-intro-copy .copy-unit{min-width:0}
#what-it-is .system-intro-copy .topic-line{max-width:32ch}
#what-it-is .system-intro-copy .copy-unit p{max-width:52ch}
#lineage .method-story{display:block;min-width:0;padding-block:clamp(36px,5vw,70px)}
#lineage .method-story .precedent-head{display:block}
#lineage .method-story .precedent-head .h4{font-size:clamp(26px,3vw,40px);max-width:34ch;margin:10px 0 0}
#lineage .method-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--gap-col);margin-top:24px}
#lineage .method-visual{position:relative;min-width:0;height:330px;color:var(--forest)}
#lineage .method-svg{width:100%;height:100%;overflow:visible;fill:none;stroke:var(--gold-access);stroke-width:1.1;transition:stroke 180ms ease}
#lineage .method-svg circle{fill:var(--canvas);stroke:var(--forest)}
#lineage .method-svg .method-orbit{fill:none;stroke:var(--gold);opacity:.45}
#lineage .method-svg .method-guide{stroke:var(--forest);opacity:.65;stroke-width:1.3}
#lineage .method-svg .method-spine{stroke:var(--gold);opacity:.5}
#lineage .method-formula{position:absolute;inset:0;margin:0!important;max-width:none;font-size:clamp(20px,2vw,29px);font-family:var(--serif);font-weight:400;pointer-events:none}
#lineage .method-formula strong{font-weight:400}
#lineage .formula-result{position:absolute;top:20px;left:0;right:0;text-align:center;font:500 12px/1.5 var(--sans);letter-spacing:.07em}
#lineage .formula-factors{position:absolute;top:50%;left:3%;right:3%;transform:translateY(-50%);display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;text-align:center}
#lineage .formula-times{font-size:17px;color:var(--gold-access)}
#lineage .method-narrative .precedent-limit{margin-top:26px;padding:0 0 0 18px;border-left:1px solid var(--gold);max-width:53ch}
#lineage .method-narrative .precedent-limit p{font-size:14px;line-height:1.65}
#lineage .method-narrative .precedent-limit .copy-kicker{margin-bottom:8px}
#lineage .method-research{margin-top:22px}
#lineage .method-research>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:52px;gap:16px;padding-inline:0}
#lineage .method-research>summary::-webkit-details-marker{display:none}
#lineage .method-research>summary::after{content:'+';font:400 26px/1 var(--serif);color:var(--gold-access)}
#lineage .method-research[open]>summary::after{content:'−'}
#lineage .method-research>.copy-expanded{max-width:none;padding:12px 0 26px}
#lineage .method-source-block{margin-top:24px}
#lineage .method-source-block .copy-expanded{padding:0}
#lineage .method-research .metrics{margin:18px 0 28px;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;border:0}
#lineage .method-research .metric{padding:0;border:0}
#lineage .method-research .metric-value{font-size:26px;line-height:1.15}
#lineage .method-research .metric-label{font-size:12px;line-height:1.5;margin-top:8px}
#lineage .method-research .copy-unit{margin-bottom:24px}
#lineage .method-cycle-labels{position:absolute;inset:0;margin:0;font:500 12px/1.35 var(--sans);color:var(--forest)}
#lineage .cycle-word{position:absolute;max-width:115px;text-align:center;transform:translate(-50%,-50%);padding:5px 7px;background:var(--canvas)}
#lineage .cycle-word-0{left:50%;top:7%}
#lineage .cycle-word-1{left:82%;top:37%}
#lineage .cycle-word-2{left:71%;top:86%}
#lineage .cycle-word-3{left:29%;top:86%}
#lineage .cycle-word-4{left:18%;top:37%}
#lineage .cycle-separator{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#lineage .method-structure-caption{position:absolute;bottom:0;left:8%;right:8%;font:500 13px/1.65 var(--sans);text-align:center;margin:0;color:var(--forest)}
#lineage .method-step{transform-box:fill-box;transform-origin:center}
#lineage .method-story:focus-within .method-svg{stroke:var(--forest)}
@media(hover:hover){#lineage .method-story:hover .method-svg{stroke:var(--forest)}}
@media(max-width:900px){#what-it-is .system-intro-copy{max-width:900px}#what-it-is .system-intro-copy .body-copy{grid-template-columns:1fr;max-width:64ch}#what-it-is .system-intro-copy .topic-line{max-width:54ch}#what-it-is .system-intro-copy .copy-unit p{max-width:64ch}}
@media(max-width:768px){#lineage .method-scene{grid-template-columns:1fr;gap:28px;margin-top:10px}#lineage .method-visual{width:min(100%,480px);height:300px;margin-inline:auto}#lineage .method-story{padding-block:36px}#lineage .method-narrative .precedent-limit{max-width:none}#lineage .method-research .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#lineage .method-cycle-labels{font-size:11px}#lineage .method-formula{font-size:24px}}
@media(max-width:600px){.confluence-stage{height:300px}#lineage .method-visual{height:270px}#lineage .cycle-word{max-width:94px}#lineage .method-formula{font-size:20px}#lineage .formula-factors{grid-template-columns:1fr 16px 1fr 16px 1fr}#lineage .method-structure-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){#lineage .method-svg{transition:none}}
@media print{#lineage .method-research>div{display:block!important}#lineage .method-story{break-inside:avoid}}
#lineage .method-visual{max-width:480px;margin-inline:auto;width:100%}
#lineage .method-formula{border:0;padding:0;background:none}
#lineage .method-formula strong{font-family:var(--serif)}
#lineage .method-replay{position:absolute;bottom:0;right:0;border:0;border-bottom:1px solid var(--line);padding:8px 0;background:none;color:var(--gold-access);font:500 11px/1.4 var(--sans);cursor:pointer;min-height:36px}
#lineage .method-replay:hover{color:var(--forest);border-color:var(--gold-access)}
#lineage .method-replay:focus-visible{outline:2px solid var(--gold-access);outline-offset:4px}
#lineage .method-structure-caption{bottom:42px}
@media(prefers-reduced-motion:reduce){#lineage .method-replay{display:none}}
@media print{#lineage .method-replay{display:none}}
#lineage .cycle-word{background:transparent;width:115px;max-width:115px;padding:0}
@media(max-width:600px){#lineage .cycle-word{width:90px;max-width:90px}}
#lineage .method-narrative .precedent-limit{border-top:0}
