@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=PT+Serif:ital,wght@0,400;1,400&display=swap');
:root{--bg:#eef4f4;--ink:#1f3433;--muted:#5f7473;--line:#788786;--sage:#bdd3ba;--cream:#eae7d6;--rose:#cbb7b4;--blue:#a7bdc0}
*{box-sizing:border-box}body{margin:0;background:#172625;color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}.stage{--scale:1;position:absolute;left:50%;top:calc(50% - 29px);width:1600px;height:900px;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center;overflow:hidden;background:var(--bg)}.slide{display:none;position:absolute;inset:0;padding:64px 88px 70px;background:var(--bg)}.slide.active{display:block}.slide:before{content:'';position:absolute;left:88px;top:35px;width:42px;height:4px;background:var(--sage)}.slide-body{position:relative;height:100%;display:flex;flex-direction:column;gap:24px}h1{font-size:60px;line-height:1.12;letter-spacing:-2.7px;font-weight:750;max-width:1320px;margin:0 0 10px}p{margin:0;font-size:29px;line-height:1.48}strong{font-weight:750}.muted{color:var(--muted)}.small{font-size:22px;line-height:1.45}.label{font-size:20px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:650}.serif{font-family:'PT Serif',Georgia,serif}.takeaway{font-family:'PT Serif',Georgia,serif;font-size:32px;line-height:1.38;padding-left:22px;border-left:4px solid var(--rose);margin-top:auto;max-width:1300px}.slide-number{position:absolute;right:70px;bottom:30px;font-size:22px;font-weight:650;letter-spacing:.03em}.slide-number i{font-style:normal;font-size:18px;color:var(--muted);font-weight:400}.progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#dce5e3}.progress>div{height:100%;background:var(--line);transition:width .2s}.controls{position:fixed;left:0;right:0;bottom:0;height:58px;display:flex;align-items:center;justify-content:center;gap:12px;color:#e3ece9;background:#172625;font-size:14px}.controls button{background:none;border:0;color:inherit;font:inherit;padding:9px 12px;cursor:pointer}.controls button:hover{background:#293e3c}.controls button:disabled{opacity:.25;cursor:default}.controls button:focus-visible{outline:2px solid var(--sage);outline-offset:1px}.counter{min-width:66px;text-align:center;font-variant-numeric:tabular-nums}.control-separator{height:18px;border-left:1px solid #54706a;margin:0 5px}.notes{display:none;position:absolute;right:44px;top:36px;width:570px;max-height:760px;overflow:auto;background:#213a36f5;color:#f3f6f2;padding:28px;z-index:15;border:1px solid #8da49a}.notes strong{font-size:20px}.notes p{font-size:21px;margin-top:16px;line-height:1.5}.show-notes .slide.active .notes{display:block}[data-reveal]{visibility:hidden;opacity:0;transition:opacity .25s}.revealed{visibility:visible;opacity:1}.code-block{font-family:Menlo,Consolas,monospace;background:var(--cream);padding:28px 32px;margin:0;font-size:30px;line-height:1.55;white-space:pre;tab-size:2;border-left:3px solid var(--line)}code{font-family:Menlo,Consolas,monospace}p code{background:var(--cream);padding:2px 6px;font-size:.91em}.key{color:#345f58;font-weight:700}.string{color:#6e5844}.number{color:#315d73}.highlight{background:var(--sage);padding:2px 5px}.wrong{background:var(--rose);padding:2px 5px}.cream{background:var(--cream)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.two-col.wide-left{grid-template-columns:1.15fr 1fr}.two-col.wide-right{grid-template-columns:1fr 1.15fr}.col{display:flex;flex-direction:column;gap:22px;min-width:0}.rule-top{border-top:2px solid #aebdb7;padding-top:20px}.rule-left{border-left:2px solid #aebdb7;padding-left:36px}.spacer{flex:1}.center{text-align:center}.large-value{font-size:100px;letter-spacing:-4px;line-height:1.1;font-weight:650}.arrow{font-size:44px;color:var(--line)}.row{display:flex;gap:26px;align-items:center}.spread{justify-content:space-between}.tag{display:inline-block;font-family:Menlo,Consolas,monospace;font-size:24px;color:var(--muted);margin-bottom:14px}.diagram{width:100%;height:auto;display:block}.diagram text{font-family:Manrope,Arial,sans-serif;fill:var(--ink)}.diagram .mono{font-family:Menlo,Consolas,monospace}.layout-cover .slide-body{justify-content:center;gap:32px}.layout-cover h1{font-size:92px;max-width:1000px;letter-spacing:-4.5px;line-height:1.02}.layout-cover .subtitle{font-size:32px;max-width:870px}.cover-mark{position:absolute;right:0;bottom:80px;width:310px;height:310px}.cover-kicker{font-size:23px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.cover-foot{position:absolute;left:0;bottom:0;font-size:22px;color:var(--muted)}.layout-wardrobe h1{max-width:1200px}.wardrobe{width:100%;height:390px;object-fit:contain;mix-blend-mode:multiply}.caption-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center;font-size:25px}.caption-row span{font-size:24px}.four-terms{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 80px}.term{border-top:2px solid #aebdb7;padding-top:18px}.term h2{font-size:40px;margin:0 0 12px;letter-spacing:-1px}.term p{font-size:27px}.record{margin-top:34px;display:flex;gap:3px;font-family:Menlo,Consolas,monospace;font-size:43px;white-space:pre}.record span{padding:24px 18px}.record .id{background:var(--blue)}.record .name{background:var(--sage)}.record .weight{background:var(--cream)}.record-labels{display:grid;grid-template-columns:166px 554px 166px;gap:3px;margin:22px 0 0;max-width:100%;font-size:24px;color:var(--muted)}.history-row{display:grid;grid-template-columns:200px 1fr;gap:48px;border-top:1px solid #b9c7c2;padding:24px 0}.history-row h2{font-size:35px;letter-spacing:-1px;margin:0}.history-row p{font-size:27px}.tree{font-size:28px;line-height:1.65}.paper{background:#fff;padding:38px;border:1px solid #b5c5be;min-height:350px}.paper h2{margin:0 0 25px;font-family:'PT Serif',Georgia,serif;font-size:37px;font-weight:400}.paper p{font-size:24px}.paper-parcel{width:120px;margin:24px auto 0}.encoding-good{font-size:115px;font-weight:650;letter-spacing:-5px;line-height:1.2}.encoding-bad{font-size:65px;letter-spacing:-2px;margin:18px 0}.encoding-foot{font-size:31px;color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:28px}.table th{text-align:left;font-size:22px;color:var(--muted);font-weight:600;padding:16px 22px;border-bottom:2px solid #8da29a}.table td{padding:24px 22px;border-bottom:1px solid #b4c4bd}.table td:first-child{font-weight:650}.table code{font-size:26px}.sample-shot{width:100%;height:340px;object-fit:contain;object-position:left top;border:1px solid #b9c7c2}.lab-shot{height:260px;object-fit:contain;object-position:left top}.fields{display:grid;grid-template-columns:110px 200px 1fr;gap:5px;margin-top:5px}.fields span{padding:21px;font-family:Menlo,Consolas,monospace;font-size:29px}.fields span:nth-child(1){background:var(--blue)}.fields span:nth-child(2){background:var(--sage)}.fields span:nth-child(3){background:var(--cream)}.fields-labels{display:grid;grid-template-columns:110px 200px 1fr;gap:5px;color:var(--muted);font-size:22px}.fields-labels span{padding:10px 21px}.svg-preview{height:330px;background:#fff;border:1px solid #b9c7c2;display:flex;align-items:center;justify-content:center}.svg-preview img{width:80%;height:80%;object-fit:contain}.error-list{display:flex;flex-direction:column;gap:0}.error-row{display:grid;grid-template-columns:80px 650px 1fr;gap:30px;align-items:center;padding:24px 0;border-top:1px solid #b4c4bd}.error-index{font-size:38px;color:var(--muted)}.error-row pre{font-size:27px;padding:20px 24px}.error-row p{font-size:26px}.error-row .label{font-size:18px;display:block;margin-bottom:8px}.schema-code{font-size:26px;line-height:1.55}.xml-code{font-size:27px}.yaml-code{font-size:29px}.yaml-indented{border-left:2px dashed #9caf9e;margin-left:0}.format-list{display:grid;grid-template-columns:1fr;gap:28px}.format-list>div{display:grid;grid-template-columns:260px 1fr;align-items:baseline;border-top:1px solid #b4c4bd;padding-top:22px}.format-list h2{font-size:35px;margin:0}.format-list p{font-size:27px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:42px 80px}.choice{border-top:2px solid #9fb4aa;padding-top:18px;min-height:190px}.choice h2{font-size:32px;margin:0 0 16px;letter-spacing:-.6px}.choice p{font-size:26px}.choice strong{font-size:30px}.layout-final h1{max-width:1250px}.loss-diagram{width:100%;height:460px}.footer-note{font-size:22px;color:var(--muted)}.question{font-size:35px;font-weight:650;letter-spacing:-.5px}.code-small{font-size:24px}.mini-label{font-size:20px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.stack{display:flex;flex-direction:column;gap:18px}.demo-link{font-size:20px;color:var(--muted)}.line-through{text-decoration:line-through;text-decoration-color:#a25f59;text-decoration-thickness:4px}.layout-choice .slide-body{gap:22px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:650px){.controls{gap:0;font-size:13px}.controls button{padding:10px}.controls button span{display:none}.control-separator{margin:0 4px}}
.system-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:38px 70px;align-items:start;padding-left:430px;margin-top:18px;min-height:480px}.system-center{position:absolute;left:0;top:115px;width:340px;min-height:200px;background:var(--sage);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 34px;border-left:3px solid var(--line)}.system-center strong{font-size:39px}.system-center>span:last-child{font-size:23px;color:var(--muted)}.system-branch{position:relative;border-top:2px solid #9fb4aa;padding-top:18px;display:grid;grid-template-columns:1fr;gap:10px}.system-branch:before{content:'';position:absolute;left:-42px;top:36px;width:30px;border-top:2px solid var(--line)}.system-branch:after{content:'';position:absolute;left:-14px;top:31px;width:8px;height:8px;border-top:2px solid var(--line);border-right:2px solid var(--line);transform:rotate(45deg)}.system-branch strong{font-size:31px}.system-branch code{font-size:26px;background:var(--cream);padding:10px 14px;width:max-content;max-width:100%}.system-branch span{font-size:23px;color:var(--muted)}