/* GraphMAE teaching layers; appearance tokens are bundled from shared-theme. */
.graph{max-width:340px;margin:auto}.graph line{stroke:var(--diagram-flow);stroke-width:2}.graph .node{fill:var(--paper);stroke:var(--ink);stroke-width:2}.graph .masked{stroke:var(--accent);stroke-dasharray:4 3}.graph text{font-size:18px;font-weight:bold}.graph .node-value{font-size:14px;font-weight:normal}
.context-figure{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.feature-list{font:15px/1.7 var(--sans);margin:12px 0}.feature-list>div{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:5px}.feature-list dt{font-weight:bold}.feature-list dd{margin:0;font-variant-numeric:tabular-nums}
.target-rail{padding:14px;border:1px dashed var(--accent);font:12px/1.7 var(--sans);color:var(--accent-text)}.mechanism ol{list-style:none;margin:0;padding:0}.mechanism li{display:grid;grid-template-columns:24px 1fr 170px;gap:14px;margin:0;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.stage-index{font:12px var(--sans);color:var(--quiet)}.mechanism strong{font:17px var(--sans)}.mechanism li p{font:13px/1.6 var(--sans);color:var(--quiet);margin:6px 0 0}.stage-value{font:15px/1.6 var(--sans);border-left:2px solid var(--line);padding-left:16px}.mask-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px}.mask-comparison h3{font-size:22px;margin:16px 0 10px}.mask-comparison p{font:14px/1.7 var(--sans)}
.lab .controls{grid-template-columns:1fr 1fr!important;gap:18px}.lab .controls:not(.interactive-only){display:none}.js .lab .controls{display:grid}.lab .controls button{justify-self:stretch;align-self:end}.inspector-state{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.objective-label{font:10px/1.6 var(--sans);letter-spacing:.12em;color:var(--quiet)}.objective-values{display:flex;gap:30px;margin:16px 0 24px;flex-wrap:wrap}.objective-values span{display:block;font:12px var(--sans);color:var(--quiet)}.objective-values strong{font:40px/1.4 var(--serif);font-variant-numeric:tabular-nums}.term-list{list-style:none;margin:0!important;padding:0!important}.term-list li{margin:0;padding:20px 0;border-top:1px solid var(--line)}.term-list h4{font:18px var(--sans);margin:0 0 14px}.term-list dl{margin:0;font:13px/1.8 var(--sans)}.term-list dl>div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.term-list dt{color:var(--quiet)}.term-list dd{margin:0;font-variant-numeric:tabular-nums}.comparison-table table{min-width:0;font-size:13px;table-layout:fixed}.comparison-table th:first-child{width:50%}.comparison-table td{font-variant-numeric:tabular-nums}.comparison-table small{display:block;color:var(--quiet);font:11px/1.6 var(--sans)}.comparison-table th{font-weight:normal}.comparison-table thead th{font-weight:bold}.article pre{font:13px/1.7 Consolas,monospace;overflow-x:auto;padding:18px;background:var(--wash);border:1px solid var(--line)}.article pre code{padding:0;background:transparent}.article h1{overflow-wrap:normal}.print-edition .interactive-only{display:none!important}.print-edition .site-header{position:static}.print-edition .book-menu,.print-edition .header-progress{display:none}.resource-links{font:14px/1.8 var(--sans)}
@media(max-width:650px){.context-figure,.mask-comparison,.inspector-state{grid-template-columns:1fr;gap:12px}.context-figure .graph{max-width:285px}.mechanism li{grid-template-columns:20px 1fr;gap:10px}.stage-value{grid-column:2;font-size:14px}.lab .controls{grid-template-columns:1fr!important}.objective-values{gap:30px}.objective-values strong{font-size:34px}.term-list dl>div{display:block;margin-bottom:9px}.term-list dd{padding-left:0}.comparison-table table{font-size:11px}.comparison-table th,.comparison-table td{padding:8px 4px}.graph{max-width:290px}.mask-comparison>div+div{border-top:1px solid var(--line);padding-top:24px}.home-intro h1{font-size:48px}.site-header .brand{font-size:21px}.visual{break-inside:auto}.lab-summary{line-height:1.8}.print-section>h1{overflow-wrap:anywhere}}
@media print{.inspector-state,.context-figure,.mask-comparison{grid-template-columns:1fr 1fr}.lab .interactive-only{display:none!important}.term-list li,.mechanism li{break-inside:avoid}.mechanism{break-inside:auto}.target-rail{color:#1b1c1e}.graph{max-width:260px}.objective-values strong{font-size:27pt}.print-edition .site-header{display:none}.mask-comparison>div+div{border:0;padding:0}.comparison-table table{font-size:10pt}.print-section h2{break-after:avoid}.term-list dl>div{display:flex}.lab figcaption{break-after:avoid}}


.graph .node-value{paint-order:stroke;stroke:var(--paper);stroke-width:6px;stroke-linejoin:round}

.source-list{overflow-wrap:anywhere}
.graph .node-value{font-size:16px}