/* Section 04, refined work interfaces. Ivory paper, dusty lilac, three / hub / three. */
.knowledge-system{padding:84px 0 8px;overflow:clip;scroll-margin-top:35px;color:#725881}
.system-heading{text-align:center;padding:0 24px}
.system-overline{display:flex;justify-content:center;align-items:center;gap:15px;font-size:11px;letter-spacing:1.5px;color:#9983aa}
.system-overline>span{height:1px;width:23px;background:#bba9ca}
.system-heading h2{font:400 clamp(40px,4.1vw,60px)/1.3 var(--serif);letter-spacing:-.7px;margin-top:27px;color:#302735}
.system-heading h2 em{font-family:Georgia,serif;font-weight:400;font-size:1.12em;color:#765293;letter-spacing:-3px;padding-right:4px}
.system-intro{margin-top:24px;color:#8a7694;font-size:15px;line-height:1.9;letter-spacing:.3px}
.system-intro>span{display:inline-block}
.system-figure{margin:64px auto 0;width:calc(100% - 7%);max-width:1380px}
.system-landscape{padding:32px 42px 35px;border:1px solid #e9e0ec;border-radius:13px;background:radial-gradient(ellipse at 50% 50%,#e5d6ec9c,transparent 69%),linear-gradient(150deg,#f5f0f7,#faf7f9 50%,#f3edf6);isolation:isolate}
.system-landscape-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:39px;font-size:11px;letter-spacing:.4px;color:#8e769b}
.system-diagram-label{display:flex;align-items:center;gap:8px}
.system-diagram-label:before{content:"";width:5px;height:5px;background:#b499c3;border-radius:50%}
.system-diagram-note{font-size:10px;color:#a28bad;letter-spacing:.2px}
.system-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative}
.system-output{min-width:0;position:relative}
.system-miniature{display:block;width:100%;padding:0;position:relative;border:1px solid #dfd0e7;border-radius:7px;background:#fffdfa;box-shadow:0 8px 14px -8px #67417f27,0 24px 40px -27px #63477728;overflow:hidden;isolation:isolate;transition:box-shadow .25s,border-color .25s,transform .25s}
.system-miniature>img{width:100%;height:auto;aspect-ratio:1.5;display:block;max-width:none}
.system-miniature:hover{box-shadow:0 10px 18px -8px #67417f30,0 24px 40px -20px #63477730;border-color:#bb9acf;transform:translateY(-3px)}
.system-miniature:focus-visible{outline-offset:5px}
.system-zoom{position:absolute;right:11px;bottom:11px;display:flex;align-items:center;gap:5px;font-size:9px;color:#856195;background:#fffbffef;border:1px solid #d8c4e4;border-radius:5px;padding:5px 8px;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s;box-shadow:0 4px 10px #664a8014}
.system-zoom svg{width:12px;height:12px;stroke-width:1.5}
.system-miniature:hover .system-zoom,.system-miniature:focus-visible .system-zoom{opacity:1;transform:none}
.system-output h3{font:500 16px/1.6 var(--sans);color:#745383;letter-spacing:.1px;margin:21px 0 0;display:flex;align-items:center;gap:11px}
.system-output h3>span{font:400 10px/1.5 Georgia,serif;color:#b39bc0;letter-spacing:.4px}
.system-output>p{font-size:11px;color:#a08bad;line-height:1.9;margin:7px 0 0 26px}
.system-connections{height:85px;position:relative;margin:22px 0 0}
.system-connections>svg{height:100%;width:100%;stroke:#b79bc98c;stroke-width:1.1;fill:none;overflow:visible;stroke-linejoin:round;stroke-linecap:round}
.system-connections circle{fill:#b398c6;stroke:none}
.system-connections>span{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);font-size:9px;letter-spacing:.6px;background:#f2eaf6;border:1px solid #e1d2e9;border-radius:20px;color:#a286b2;padding:4px 13px;white-space:nowrap}
.system-connections-bottom{margin:0 0 23px;height:85px}
.system-connections-bottom>svg{transform:rotate(180deg)}
.system-foundation{position:relative;width:calc(100% - 82px);max-width:1070px;margin:auto;border:1px solid #d9c5e5;border-radius:8px;background:linear-gradient(115deg,#fffcf9,#fcf8fd);box-shadow:0 15px 23px -17px #73518638,0 4px 0 -1px #e5d6ee,0 5px 0 -1px #d7c1e3;isolation:isolate}
.system-foundation-top{display:grid;grid-template-columns:34% 1fr;gap:31px;padding:29px 28px 27px;align-items:center}
.system-n-block{display:flex;gap:20px;align-items:center;min-width:0}
.system-n-letter{font:italic 400 105px/1 Georgia,serif;letter-spacing:-9px;display:block;padding:0 10px 5px 0;color:#9274a4;text-shadow:1px 1px #e0cdeb,2px 2px #d2b9df,3px 3px #c1a1d1,5px 6px 11px #88609816}
.system-hub-eyebrow{display:block;font:6px/1.6 Arial,sans-serif;letter-spacing:1px;color:#b398bf;white-space:nowrap}
.system-n-block h3{font:400 24px/1.5 var(--serif);color:#755180;white-space:nowrap;margin:12px 0 0}
.system-n-block p{font-size:11px;line-height:1.95;color:#a18bad;margin-top:12px}
.system-knowledge-window{background:#fffdfb;border:1px solid #e3d7e9;border-radius:5px;overflow:hidden;box-shadow:0 5px 13px #684c7810;min-width:0}
.system-knowledge-toolbar{height:31px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6dbe9;background:#f5eef8;font-size:8px;color:#9a7ca9;padding:0 11px;gap:8px}
.system-knowledge-toolbar>span{display:flex;gap:6px;align-items:center}
.system-knowledge-toolbar svg{width:12px;height:12px;stroke-width:1.3}
.system-knowledge-toolbar i{font-style:normal;color:#bba3c6;margin-inline:4px}
.system-knowledge-toolbar small{font-size:6px;white-space:nowrap;color:#b29bbe}
.system-knowledge-body{display:grid;grid-template-columns:109px minmax(0,1fr)}
.system-knowledge-items{border-right:1px solid #eadfed;background:#faf6fb;padding:12px 6px;display:flex;flex-direction:column;gap:4px}
.system-knowledge-item{display:flex;align-items:center;gap:5px;padding:6px 5px;font-size:8px;color:#a18bab;white-space:nowrap;min-width:0}
.system-knowledge-item svg{width:10px;height:10px;stroke-width:1.15}
.system-knowledge-item small{font:6px/1 Arial,sans-serif;color:#bba6c5;margin-left:auto}
.system-knowledge-item.is-current{background:#eedeF5;border-radius:3px;color:#9370a6}
.system-knowledge-document{padding:13px 15px 12px;min-width:0}
.system-document-type{font:6px/1.5 Arial,sans-serif;letter-spacing:.7px;color:#b49cbf}
.system-knowledge-document h4{font:400 15px/1.5 var(--serif);color:#876193;margin:5px 0 11px;white-space:nowrap}
.system-knowledge-document dl{margin:0;display:grid;gap:7px;font-size:8px;line-height:1.55}
.system-knowledge-document dl>div{display:flex;gap:11px}
.system-knowledge-document dt{color:#b098bd;white-space:nowrap}
.system-knowledge-document dd{color:#9c7baa;margin:0;white-space:nowrap}
.system-source-files{display:flex;gap:8px;border-top:1px solid #eee4f2;margin-top:13px;padding-top:9px;color:#aa8cb8;font-size:6px}
.system-source-files>span{display:flex;align-items:center;gap:4px}
.system-source-files svg{width:9px;height:9px;stroke-width:1.2}
.system-method-layer{border-top:1px solid #e4d7e9;background:#ece0f3;display:flex;align-items:center;justify-content:space-between;padding:13px 28px;gap:15px;border-radius:0 0 7px 7px;font-size:10px;line-height:1.8;color:#9c7aaa}
.system-method-layer>div{display:flex;align-items:center;gap:8px}
.system-method-layer svg{width:13px;height:13px;color:#ab89bc;stroke-width:1.2}
.system-method-layer strong{font-weight:500;color:#906a9e}
.system-method-layer>p{font-size:9px;white-space:nowrap;color:#ac8bba;letter-spacing:.3px}
.system-method-layer>p>span{margin-inline:11px;color:#c0a9cc}
.system-comparison{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:52px;font-size:11px;line-height:1.7;color:#b09db9}
.system-comparison>span:not(.system-comparison-arrow){display:flex;align-items:center;gap:6px}
.system-comparison small{font-size:9px;margin-right:8px;color:#b8a6c1}
.system-comparison b{font:italic 400 16px/1 Georgia,serif;padding-left:1px}
.system-comparison i{font-size:9px;font-style:normal;margin-inline:4px;opacity:.7}
.system-comparison-arrow{color:#baa3c8;font:20px/1 Arial,sans-serif}
.system-comparison .system-now{color:#9773a6}.system-now small{color:#b193bf}
.system-figure>figcaption{font:400 20px/1.8 var(--serif);letter-spacing:.3px;color:#8b7098;text-align:center;margin:48px 20px 0}
.system-mobile-break{display:none}
.system-next{display:flex;flex-direction:column;align-items:center;text-align:center;margin:76px auto 45px;color:#a28aad}
.system-next-line{width:1px;height:38px;background:linear-gradient(180deg,transparent,#cbb8d7);margin-bottom:22px}
.system-next p{font-size:12px;letter-spacing:.4px;line-height:1.9}
.system-next p>span{display:inline-block}
.system-next svg{width:17px;height:17px;stroke-width:1.2;margin-top:19px;color:#a98fba}
.knowledge-system+.sample-footer{margin-top:0;border-top-color:#e8e2eb;color:#b4a8bd;font-size:9px;max-width:1200px}
.knowledge-system+.sample-footer a{font-size:9px;color:#a697b1}
body:has(#workscene-dialog[open]){overflow:hidden}
#workscene-dialog{padding:0;border:1px solid #d8c6e2;background:#fffdfa;border-radius:10px;width:min(1120px,94vw);max-width:94vw;max-height:92dvh;color:#856294;overflow:auto;box-shadow:0 30px 100px #25192f38}
#workscene-dialog::backdrop{background:#332b3d80;backdrop-filter:blur(7px)}
.workscene-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;gap:20px;border-bottom:1px solid #e8ddec;background:#fcf8fd}
.workscene-toolbar h2{font:500 15px/1.6 var(--sans);color:#795289}
.workscene-toolbar p{font-size:11px;color:#a183ae;line-height:1.7;margin-top:4px}
.workscene-close{flex-shrink:0;width:38px;height:38px;border:1px solid #e3d4eb;border-radius:50%;font:300 27px/1 Arial,sans-serif;background:#fffaff;color:#b093bf}
.workscene-image-wrap{background:#fffdfa;padding:0}
#workscene-image{width:100%;height:auto;max-height:calc(92dvh - 156px);object-fit:contain;display:block}
.workscene-navigation{display:flex;align-items:center;justify-content:space-between;padding:10px 21px;border-top:1px solid #e9dfee;font-size:10px;color:#b59fc0}
.workscene-navigation button{background:transparent;color:#9975aa;font-size:11px;min-height:40px;padding:0 6px}
.workscene-navigation button:disabled{opacity:.4;cursor:default}
@media(max-width:1199px) and (min-width:761px){.system-figure{width:calc(100% - 6%)}.system-landscape{padding-inline:28px}.system-outputs{gap:22px}.system-output h3{font-size:14px;gap:8px}.system-output>p{font-size:10px;margin-left:22px}.system-output h3>span{font-size:9px}.system-foundation{width:calc(100% - 30px)}.system-foundation-top{grid-template-columns:30% 1fr;gap:23px;padding:24px 22px}.system-n-block{gap:15px}.system-n-letter{font-size:75px;padding-right:4px}.system-n-block h3{font-size:19px}.system-hub-eyebrow{font-size:4.5px;letter-spacing:.4px}.system-n-block p{font-size:9px}.system-knowledge-body{grid-template-columns:95px minmax(0,1fr)}.system-knowledge-document{padding:12px}.system-knowledge-document h4{font-size:13px}.system-knowledge-document dl{font-size:7px}.system-knowledge-document dl>div{gap:8px}.system-knowledge-item{font-size:7px;gap:4px}.system-method-layer{padding-inline:22px;font-size:9px}.system-method-layer>p{font-size:8px}.system-method-layer>p>span{margin-inline:8px}}
@media(max-width:960px) and (min-width:761px){.system-foundation-top{grid-template-columns:1fr;gap:25px;padding:23px 30px}.system-n-block{justify-content:center;gap:22px}.system-n-letter{font-size:80px}.system-n-block h3{font-size:23px;margin-top:6px}.system-n-block p{font-size:10px;margin-top:6px}.system-n-block p br{display:none}.system-hub-eyebrow{font-size:6px}.system-knowledge-window{max-width:580px;width:100%;margin:auto}.system-knowledge-document h4{font-size:15px}.system-knowledge-document dl{font-size:9px}.system-knowledge-body{grid-template-columns:120px 1fr}.system-knowledge-item{font-size:9px}.system-knowledge-document{padding:15px 20px}.system-output h3{font-size:12px}.system-output>p{font-size:9px}.system-diagram-note{font-size:9px}}
@media(max-width:760px){.knowledge-system{padding-top:55px}.system-heading{padding-inline:20px}.system-overline{font-size:9px;gap:12px;letter-spacing:1.2px}.system-heading h2{font-size:38px;line-height:1.35;margin-top:23px}.system-intro{font-size:12px;line-height:1.9;margin:21px auto 0;max-width:280px}.system-figure{width:calc(100% - 28px);max-width:560px;margin-top:40px}.system-landscape{padding:25px 20px 29px;border-radius:10px}.system-landscape-top{display:block;margin-bottom:29px;font-size:10px}.system-diagram-note{font-size:8px;display:block;margin:8px 0 0 13px}.system-outputs{grid-template-columns:1fr;gap:31px;padding-left:12px}.system-output h3{font-size:15px;margin-top:17px;gap:10px}.system-output>p{font-size:10px;margin-left:25px;margin-top:5px}.system-miniature{border-radius:5px}.system-zoom{opacity:1;transform:none;font-size:8px;padding:4px 6px;right:8px;bottom:8px;background:#fffafeea}.system-zoom svg{width:10px;height:10px}.system-output:before{content:"";position:absolute;left:-13px;top:30%;height:1px;width:12px;background:#ceb5dc}.system-outputs:before{content:"";position:absolute;left:0;top:calc((100% - 62px)/3 * .3);bottom:0;width:1px;background:#ceb5dc}.system-connections{height:76px;margin-top:0}.system-connections>svg{display:none}.system-connections:before{content:"";position:absolute;left:0;right:50%;height:32px;top:0;border-left:1px solid #ceb5dc;border-bottom:1px solid #ceb5dc;border-radius:0 0 0 11px}.system-connections:after{content:"";position:absolute;left:50%;height:44px;bottom:0;width:1px;background:#ceb5dc;z-index:-1}.system-connections>span{top:42%;font-size:7px;letter-spacing:.2px;padding:4px 9px}.system-foundation{width:100%;border-radius:6px}.system-foundation-top{display:block;padding:23px 15px 22px}.system-n-block{justify-content:center;gap:21px;margin-bottom:25px}.system-n-letter{font-size:83px;padding-right:5px}.system-hub-eyebrow{font-size:5px;letter-spacing:.5px}.system-n-block h3{font-size:22px;margin-top:7px}.system-n-block p{font-size:9px;line-height:1.85;margin-top:7px}.system-knowledge-toolbar{padding-inline:8px;font-size:7px;height:30px;gap:3px}.system-knowledge-toolbar svg{width:10px;height:10px}.system-knowledge-toolbar i{margin-inline:1px}.system-knowledge-toolbar small{font-size:5px}.system-knowledge-body{display:block}.system-knowledge-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;border-right:0;border-bottom:1px solid #eadfed;gap:3px}.system-knowledge-item{font-size:8px;padding:6px;gap:5px}.system-knowledge-item small{font-size:6px}.system-knowledge-document{padding:15px 12px}.system-knowledge-document h4{font-size:14px;margin:5px 0 12px}.system-knowledge-document dl{font-size:8px;gap:9px}.system-knowledge-document dl>div{gap:9px}.system-knowledge-document dd{white-space:normal}.system-document-type{font-size:6px}.system-source-files{font-size:6px;gap:9px;margin-top:13px;padding-top:10px}.system-method-layer{display:block;text-align:center;padding:14px 10px;font-size:9px;line-height:1.8}.system-method-layer>div{justify-content:center;gap:5px}.system-method-layer svg{width:11px;height:11px}.system-method-layer>p{font-size:8px;margin-top:6px}.system-method-layer>p>span{margin-inline:8px}.system-connections-bottom{margin:0;height:70px;transform:scaleY(-1)}.system-connections-bottom:before{height:32px}.system-connections-bottom:after{height:38px}.system-outputs-bottom:before{top:0;bottom:calc((100% - 62px)/3 * .7)}.system-comparison{flex-direction:column;gap:12px;margin-top:36px;font-size:10px}.system-comparison>span:not(.system-comparison-arrow){gap:6px}.system-comparison small{font-size:9px;margin-right:7px}.system-comparison-arrow{transform:rotate(90deg);font-size:17px}.system-figure>figcaption{font-size:18px;line-height:1.8;margin:35px 4px 0;letter-spacing:.1px}.system-mobile-break{display:block}.system-next{margin:48px auto 28px;padding-inline:20px}.system-next-line{height:31px;margin-bottom:18px}.system-next p{font-size:11px;max-width:230px;line-height:1.9}.system-next svg{margin-top:16px;width:15px;height:15px}.workscene-toolbar{padding:13px 13px;gap:12px}.workscene-toolbar h2{font-size:13px}.workscene-toolbar p{font-size:9px;line-height:1.7}.workscene-close{width:32px;height:32px;font-size:23px}.workscene-navigation{padding:6px 12px}.workscene-navigation button{font-size:10px}.workscene-image-wrap{overflow-x:auto}#workscene-image{width:840px;max-width:none;height:560px;max-height:none;object-fit:contain}.workscene-image-wrap:focus-visible{outline:2px solid #a982c0;outline-offset:-3px}}
@media(max-width:370px){.system-heading h2{font-size:34px}.system-landscape{padding-inline:15px}.system-output h3{font-size:14px}.system-output>p{font-size:9px}.system-n-block{gap:15px}.system-n-letter{font-size:73px}.system-n-block h3{font-size:20px}.system-hub-eyebrow{font-size:4.5px}.system-foundation-top{padding-inline:12px}.system-knowledge-document h4{font-size:12px}.system-knowledge-document dl{font-size:7px}.system-knowledge-toolbar{font-size:6px}.system-knowledge-toolbar small{font-size:4.5px}.system-method-layer{font-size:8px}.system-figure>figcaption{font-size:16px}}
@media(prefers-reduced-motion:reduce){.system-miniature,.system-zoom{transition:none}.system-miniature:hover{transform:none}}